1. Title of the Presentation
教育を支援する持続可能なWEBエコシステムとは
Plone Educational Symposium In Tokyo 2013
Subtitle oF the presentation
2. Sustainable Web
Ecosystem Design
持続可能な生態系のWebデザイン
Plone Education Symposium
Open Source Conference 2013 • Greg O’Toole
College of Information Sciences & Technology
Penn State University • February 2013 • www.otoole.info
3. Sustainable Web
Ecosystem Design
“…a method of harvesting or
using a resource so that the
resource is not depleted or
permanently damaged…”
http://www.merriam-webster.com/dictionary/sustainable
5. “…The study of certain processes that link the
living components to the non-living components.”
Sustainable Web
Ecosystem Design
“Ecology generally is defined as the interactions of
organisms with one another and with the
environment in which they occur. We can study
ecology at the level of the individual, the population,
the community, and the ecosystem.”
http://www.globalchange.umich.edu/globalchange1/current/lectures/kling/ecosystem/ecosystem.html
6. No: graphic design. Yes: system design.
Sustainable Web
Ecosystem Design
“…creation of a plan or
convention for the
construction of an object or
a system…”
http://en.wikipedia.org/wiki/Design
7. THE ANATOMY OF SUSTAINABLE WEB
ECOSYSTEM DESIGN
Helps us to understand our way
Toward A Unified Theory of
Front End Web-Human
Interface Engineering
31. Quick Context
Sustainable Web Ecosystem Design (methodology)
Open Source (practice, philosophy)
Content Management Systems (great solution)
32. Quick Context
Sustainable Web Ecosystem Design (methodology)
Open Source (practice, philosophy)
Content Management Systems (great solution)
Plone (strong product)
33. photo.ist.psu.edu/SWED
First SWED Book Coming Soon, 2013:
“Sustainable Web Ecosystem Design”
By Greg O’Toole
Published by Springer
SpringerBriefs in Computer Science Series
Sustainable Web Ecosystem DesignToward A Unified Theory of Front End Web-Human Interface EngineeringSustainable Web Ecosystem Design Involves A Confluence of Several Fields of Science Plus Human Creativity.Information is everything and everything is information. As world renowned physicist John Archibald Wheeler poetically puts it: “it from bit,” meaning every “it,” that is, “every particle, every field of force, even the space-time continuum itself, derives its way of action and its very existence entirely, even if in some contexts indirectly, from the detector-elicited answers to yes or no questions, binary choices, bits.” What Wheeler means here is that “all things physical, all its, must in the end submit to an information-theoretic description” (Wheeler). In other words: everything is information. Because of this, it is difficult to put the ideas of this research, that is, the ideas describing the anatomy of sustainable Web ecosystem design, into a neat and clean box. In fact, I am not sure it is even possible. We know that this is the case because what we are really talking about here is organizing, indexing, and making it useful and efficient to access information. That's huge.As we know, information is everything, everywhere, all of the time. At this point in human evolution it is not unlike a fish trying to understand water. Quite frankly, that is a tough idea to get your head around. Further, we are not simply trying to understand that information is everything, everywhere, but we are trying to go a step further and become information’s master manipulator. At will, no less. Then put it onto devices, many different kinds of devices, and make it accessible to billions of people across countries, languages, ages, backgrounds and abilities. We want to make information work well for us. We want to make it sustainable over time. In all, what we face is no small task. That is why this research is being done. Essentially what we are talking about is a unified theory on how to create the interface between front end Web design and development methodologies and practices matched with the every day human user. This is a tall order.Here we look at the term sustainability…
WEBの定義を見てみましょう。WWWを示す古典的な定義は「WWWを構成するソフトとハード」ということ。Here we look at the term Web… a traditional use of the term describing our WWW.
エコシステムとはなんでしょう? 「生きているコンポーネントから生きていないコンポーネントへリンクするある種のプロセスの研究」 「エコロジーは一般的に〜有機体が各々に相互作用し、それらが存在する環境〜と定義されます。我々は、エコロジーを個別に、総体として、コミュニティ、そしてエコシステムのレベルで研究することができます」持続可能なWEBエコシステムデザインでの定義はこうです。現在のメディアリッチなWEBサイトは、もはや机に固定されたデスクトップPCのモニタに映っているリンクされたHTMLテキストドキュメントや画像の塊ではありません。我々は今や無数のスクリーンの組み合わせで、デバイス、プラットフォーム、ブラウザ、位置情報、バージョン、ユーザー、そして10億ギガバイト単位のデータとインタラクトしています。いつも、そして殆どどこにいてもそうした環境に我々は取り囲まれているわけです。。それは一部が人間、一部がハードウェア、そして一部はソフトウェアであるエコシステム(生態系)。我々はそうしたユニークな状態に置かれているわけです。What is an ecosystem?For SWED, it is a traditional definition.In our current media-rich environment a Web site is more than a collection of relative html documents of text and images on a static desktop computer monitor. We now have an unlimited combination of screens, devices, platforms, browsers, locations, versions, users, and exabytes of data with which to interact. Our mediated atmosphere surrounds us all of the time, and in nearly every place. It is an ecosystem that is part human, part hardware, and part software. A unique condition is upon us. This book is about a process of creating Web-based systems (ie, Web sites, content, etc.) that consider each of the parts, the modules, the organisms – binary or otherwise – that make up a balanced, sustainable Web ecosystem.
ではデザインとは何でしょうか?単なるグラフィックデザインではなく、システムをデザインするということ。デザインとは、「目的物やシステム構築のためのプランやルールを作り出すこと」です。もちろんグラフィックデザインは、素晴らしいウエブサイトであるための要素ですが、持続可能なWEBエコシステムデザインにおいては、デザインはシステムに結びつきます。Yes, of course there is graphic design involved in great Web sites, however for SWED we are concerned with designing a system…. A sustainable system.
持続可能なWEBエコシステムデザインの構造は、統合されたフロントエンジニアリング理論を理解する助けになるでしょう。持続可能なWEBエコシステムの制作とメンテナンス、つまりデザインは、ネットワークで接続されたコンピュータと私たちユーザーの脳とをつなぐための空間として重要性を増してきています。23億万人の人々、全人口の33%にあたる人たちにとって、今日ウエブサイトは、知的活動やコミュニケーションのあり方を大きく変えたわけです。The Anatomy of SWED SUSTAINABLE WEB ECOSYSTEM DESIGNHelps us to understand our wayToward A Unified Theory of Front Engineering.This work on a sustainable Web ecosystem concerns the creation and maintenance - the design - of the increasingly important space between the core of the networked computer and the brain of the user: To 2.3 billion* people (33% of the world's population), the Web has changed what it means to be a thinking and communicating human being alive today.
ウエブ・ヒューマンインターフェースのフロントエンドカナダ、トロント政治経済学者であるハロルド・イネス教授は次のようにエコシステムを説明しています。(1)政治 民主的な社会、政治、権力、環境、社会(2)メディアとコミュニケーション(3)個人の社会意識 個人、意識、心、健康Canadian scholar Harold Innis helps us to understand this ecosystem.We need to see this as a successful extension of Harold Innis' attempt at a type of unified theory of 1. politics, 2. communication/media, and3. consciousness of the individual.
持続可能なWEBエコシステムデザインは、いくつもの科学分野とヒューマンクリエイティビティが結合したものです。(上から右に)情報科学、環境科学、社会科学、コンピュータサイエンス、医療科学、創造性Sustainable Web Ecosystem Design Involves A Confluence of Several Fields of Science Plus Human Creativity.
持続可能なWEBエコシステムデザインの全体像をお話しします。まずこれは最適なウェブサイト、(サイト、アプリケーション、ページ、コンテンツ等を含みます)、を実現するための要素となるノード、アイテム、タスクのリストです。マインドマップと呼ばれる形式になっています。主要なノードは、どんどん成長しています。メインのとなるノードにはサブノードが付いていきます。ネットワークされたコンピュータとユーザの関係のように、心理学的であり、同時にまた集団社会学的でもあります。このロードマップ、全体像は決して静的なものではなく、テクノロジーとユーザーの総合の関係性においてダイナミックに変化し続けるものとなります。The Anatomy of SWED started out as a list of nodes, or items, or tasks, that need to be addressed properly in order to create the best Web (site, application, app, page, content, etc.) possible. The primary nodes here began to grow and grow until a recent version looked similar to this.The primary nodes needed sub-nodes, such as the ones shown here.What started out as a checklist of sorts for a great Web presence (and still is) turned into a road map, or anatomy, of the increasingly important space between the core of the networked computer and the brain of the user(s) – individually-psychologically and/or group-sociologically.The roadmap or anatomy will never be static, it will remain dynamic and ever changing with the technological changes and well as changes in the user, and everything in between the two.
これらの意味することはなんでしょうか? この全体像をなぜ考察する必要があるのでしょうか? その各ポイントをこれから紹介していきます。What is included in the anatomy? Why should we care?
コンセプトは持続可能なWEBエコシステムにおいて非常に重要です。共通の価値、ブランディング、メッセージ、理解、均衡のとれたメディアエコシステムが存在し、ブレインストーミング、アイデアマッピングは有効な方法です。Concept is very important to SWED.
ウエブテクノロジーにおいて、プログラミングは最も重要な要素の一つとなります。今日ではHTML5、JavaScriptといったWEBのフロントエンドの技術だけでなく、タブレットやスマートフォンなどのマルチでバイス対応も重要です。Programming is very important to SWED.
ライティング(テキスト)はサイトの重要なコンテンツです。正確で創造的な文書を書けることが求めれます。またクリティカルな表現に対応する必要もあります。Writing is very important to SWED.
よい持続可能なWEBエコシステムとするにはリサーチは欠かせません。事前のフォーカスグループによる対象となる利用者の調査、インターフェースのユーザービリティのチェック、機能の応答性などのベンチマークテスト、などがあります。Research of many types is very important to SWED.
教育、コミュニティ、特に継続して学習できるコミュニティが必要です。Education, community, continuing to learn and teach are all very important to SWED.
先に紹介したハロルド・イニスが指摘しているようテクノロジー哲学。他にもハイデガーやマクルーハンなどがあげられるでしょう。Understanding some key philosophy of technology – such as our friend Harold Innis as mentioned earlier --- is very important to SWED.
そしてもちろんサーバーも必要です。効率的で安定したサーバー、セリュリティにも配慮する必要があります。Our server home is very important to SWED.
機能。例えば。革新的あることや、ユニバーサルであること、検索ができたり、スケーラビリティが高いこと、レスポンシブルであること、などがあります。Functionalityis very important to SWED.
実際に稼働が始まると、メインテナンスが必要です。どういた作業の流れがあるのか、その担当者のトレーニング、コンテンツ作成者グループへのトレーニング、場合によってはeラーニングのような遠隔教育の仕組みで取りくむ必要もあるでしょう。Ongoing, smart maintenanceis very important to SWED.
ここでいうアーキテクチャは、コンテンツの構造のことになります。分類や用語による整理、直感的に理解できるタグ付け、SEO対策(検索エンジンへの最適化)などがあります。Information Architecture is very important to SWED.
プロジェクトマネジメントはこれまで紹介した要素を管理するものです。プロジェクトマネジメントの善し悪しは持続可能なWEBエコシステムの継続性に大きな影響を及ぼします。最も注意を払うべきポイントです。Managing our projects lifespan is very important to SWED.
紹介したチャートはこのURLからご覧になれます。I keep an updated, interactive anatomy map online for people to learn from.
このマインドマップは継続してアップデートされていますので、参考にしてください。
オープンソースのウエブ・コンテントマネジメントシステムは、いくつもの理由から持続可能なWEBエコシステムデザイン・モデルの基盤となり得ます。すぐにインストールして使えるだけでなく、コミュニティでテストされているために、時間を要するテスト&エラーのプロセスを大幅に短縮できます。Open source Web content managementsystems are a subset ofSustainable Web Ecosystem Design model for many reasons. They get you up and running quickly, but with a set of benefits that comes from time-tested trial and error and best Web practices on many levels…
特にPloneは、out of the boxのソリューションを提供してくれるので、すぐさま広範囲な要素をカバーすることができます。These are just a few of the major benefits of Plone, for example, right out of the box in alignment with the SWED anatomy model.
このコンテキストを図で簡単に示してみましょう。まず最初に持続可能なWEBエコシステムデザインという方法論があります。Let’s look at this context graphically, real quickly…First we have this great, big area of space called the SWE.
そしてオープンソースという、開発モデル、社会哲学があります。Inside the SWE we have the idea and practice – the development model and the social philosophy -- of open source…
CMSが必要になります。CMS are one way of functioning successfully in this arena….
そして、オープンソースのコンテンツマネジメントシステムであるPloneは、その最も有効なソリューションとなるわけです。one is one solution, but a GREAT one to be sure…