Sustainable Web Ecosystem Design
?Download as PPTX, PDF?
0 likes?1,109 views
云スライドは2013定2埖22晩にPlone Users Group Japanが_岸した仝Plone Educational Symposium in Tokyo 2013々でごv處いただいたY創となります。
Sustainable Web Ecosystem Design
- 1. Title of the Presentation 縮圄を屶址する隔A辛嬬なWEBエコシステムとは Plone Educational Symposium In Tokyo 2013 Subtitle oF the presentation
- 2. Sustainable Web Ecosystem Design 隔A辛嬬な伏B狼の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
- 4. Sustainable Web Ecosystem Design The software and hardware that constitutes the WWW.
- 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
- 8. Front End Web-Human Interface Engineering
- 11. What does it all mean!?
- 12. Concept
- 13. Programming
- 14. Writing
- 15. Research
- 16. Image
- 17. Education
- 19. Server
- 20. Functionality
- 21. Maintenance
- 22. Architecture
- 24. See the current, dynamic SWED anatomy: 1. https://www.xmind.net/m/YjgT/ 2. Click image to enlarge. 3. Scroll around, open/close nodes. 4. gto1@psu.edu Questions?
- 26. Open source Web content management systems are a subset of Sustainable Web Ecosystem Design model.
- 28. Open Source Web Content Management (like Plone) as part of the sustainable Web ecosystem design model.
- 29. Quick Context Sustainable Web Ecosystem Design (methodology)
- 30. Quick Context Sustainable Web Ecosystem Design (methodology) Open Source (practice, philosophy)
- 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
- 35. Thank you. Questions? どうもありがとうございました ***Keep in touch: gto1@psu.edu ***
Editor's Notes
- 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の協xをてみましょう。WWWを幣す硬灸議な協xは仝WWWを撹するソフトとハ`ド々ということ。Here we look at the term Web´ a traditional use of the term describing our WWW.
- エコシステムとはなんでしょう拭 孤きているコンポ`ネントから伏きていないコンポ`ネントへリンクするあるNのプロセスの冩梢々 仝エコロジ`は匯違議に?嗤C悶が光？に犹プ喘し、それらが贋壓するh廠?と協xされます。厘？は、エコロジ`をeに、t悶として、コミュニティ、そしてエコシステムのレベルで冩梢することができます々隔A辛嬬なWEBエコシステムデザインでの協xはこうです。F壓のメディアリッチなWEBサイトは、もはや字に耕協されたデスクトップPCのモニタに啌っているリンクされたHTMLテキストドキュメントや鮫颪Kではありません。厘？は書やo方のスクリ`ンのMみ栽わせで、デバイス、プラットフォ`ム、ブラウザ、了崔秤鵝▲乂`ジョン、ユ`ザ`、そして10|ギガバイトg了のデ`タとインタラクトしています。いつも、そして机どどこにいてもそうしたh廠に厘？は函り譴泙譴討い襪錣韻任后。それは匯何が繁g、匯何がハ`ドウェア、そして匯何はソフトウェアであるエコシステム伏B狼。厘？はそうしたユニ`クな彜Bに崔かれているわけです。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 C binary or otherwise C that make up a balanced, sustainable Web ecosystem.
- ではデザインとは採でしょうかgなるグラフィックデザインではなく、システムをデザインするということ。デザインとは、仝朕議麗やシステムBのためのプランやル`ルを恬り竃すこと々です。もちろんグラフィックデザインは、殆這らしいウエブサイトであるための勣殆ですが、隔A辛嬬なWEBエコシステムデザインにおいては、デザインはシステムにYびつきます。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.
- 隔A辛嬬なWEBエコシステムデザインの夛は、y栽されたフロントエンジニアリング尖を尖盾する廁けになるでしょう。隔A辛嬬なWEBエコシステムの崙恬とメンテナンス、つまりデザインは、ネットワ`クで俊Aされたコンピュ`タと暴たちユ`ザ`のとをつなぐための腎gとして嶷勣來をしてきています。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.
- ウエブ?ヒュ`マンインタ`フェ`スのフロントエンドカナダ、トロント屓嵶Ug僥宀であるハロルド?イネス縮娩は肝のようにエコシステムをh苧しています。1屓嵶 酎麼議な芙氏、屓嵶、愾Α↓h廠、芙氏2メディアとコミュニケ`ション3繁の芙氏吭R 繁、吭R、伉、宗慎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.
- 隔A辛嬬なWEBエコシステムデザインは、いくつもの親僥蛍勸とヒュ`マンクリエイティビティがY栽したものです。貧から嘔に秤鷽苫А↓h廠親僥、芙氏親僥、コンピュ`タサイエンス、匳親僥、夛來Sustainable Web Ecosystem Design Involves A Confluence of Several Fields of Science Plus Human Creativity.
- 隔A辛嬬なWEBエコシステムデザインの畠悶颪鬚しします。まずこれは恷mなウェブサイト、┘汽ぅ函▲▲廛螢羽`ション、ペ`ジ、コンテンツ吉を根みます、をgFするための勣殆となるノ`ド、アイテム、タスクのリストです。マインドマップと柵ばれる侘塀になっています。麼勣なノ`ドは、どんどん撹Lしています。メインのとなるノ`ドにはサブノ`ドが原いていきます。ネットワ`クされたコンピュ`タとユ`ザのvSのように、伉尖僥議であり、揖rにまた鹿睇膸疳У弔任發△蠅泙后このロ`ドマップ、畠悶颪Qして床議なものではなく、テクノロジ`とユ`ザ`のt栽のvS來においてダイナミックに篁しAけるものとなります。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) C 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.
- これらの吭龍することはなんでしょうか拭，海糧悶颪鬚覆漆鴫譴垢覬慴があるのでしょうか拭，修慮ポイントをこれからB初していきます。What is included in the anatomy? Why should we care?
- コンセプトは隔A辛嬬なWEBエコシステムにおいて掲械に嶷勣です。慌宥の｡▲屮薀鵐妊ング、メッセ`ジ、尖盾、譲財のとれたメディアエコシステムが贋壓し、ブレインスト`ミング、アイデアマッピングは嗤燭雰酬┐任后Concept is very important to SWED.
- ウエブテクノロジ`において、プログラミングは恷も嶷勣な勣殆の匯つとなります。書晩ではHTML5、JavaScriptといったWEBのフロントエンドの室gだけでなく、タブレットやスマ`トフォンなどのマルチでバイス鬉瞞慴です。Programming is very important to SWED.
- ライティング┘謄ストはサイトの嶷勣なコンテンツです。屎_で夛議な猟をけることが箔めれます。またクリティカルな燕Fに鬉垢覬慴もあります。Writing is very important to SWED.
- よい隔A辛嬬なWEBエコシステムとするにはリサ`チは之かせません。並念のフォ`カスグル`プによる鵑箸覆訐喘宀の{法▲ぅ鵐食`フェ`スのユ`ザ`ビリティのチェック、C嬬の鬴靜圓覆匹離戰鵐船洫`クテスト、などがあります。Research of many types is very important to SWED.
- もちろんイメ`ジ、ビジュアルはウエブにおいて旋喘宀が恷も得する勣殆です。gに床議な鮫颪世韻任覆、ダイナミックなインタ`フェ`スや、インタラクティブなビデオ、由柴秤烏などを蛍かりやすく篇晒するで擦┐笋垢することなどがあります。
- 縮圄、コミュニティ、蒙に@Aして僥できるコミュニティが駅勣です。Education, community, continuing to learn and teach are all very important to SWED.
- 枠にB初したハロルド?イニスが峺姜しているようテクノロジ`學僥。麿にもハイデガ`やマクル`ハンなどがあげられるでしょう。Understanding some key philosophy of technology C such as our friend Harold Innis as mentioned earlier --- is very important to SWED.
- そしてもちろんサ`バ`も駅勣です。紳糞弔念俺┐靴織稀`バ`、セリュリティにも塘]する駅勣があります。Our server home is very important to SWED.
- C嬬。箭えば。醐仟議あることや、ユニバ`サルであること、碧ができたり、スケ`ラビリティが互いこと、レスポンシブルであること、などがあります。Functionalityis very important to SWED.
- gHに借Pが兵まると、メインテナンスが駅勣です。どういた恬Iの送れがあるのか、その毅輝宀のトレ`ニング、コンテンツ恬撹宀グル`プへのトレ`ニング、栽によってはeラ`ニングのようなh侯縮圄の碧Mみで函りくむ駅勣もあるでしょう。Ongoing, smart maintenanceis very important to SWED.
- ここでいうア`キテクチャは、コンテンツの夛のことになります。蛍や喘Zによる屁尖、岷湖議に尖盾できるタグ原け、SEO貨碧エンジンへの恷m晒などがあります。Information Architecture is very important to SWED.
- プロジェクトマネジメントはこれまでB初した勣殆を砿尖するものです。プロジェクトマネジメントの鋲ししは隔A辛嬬なWEBエコシステムの@A來に寄きな唹を式ぼします。恷も廣吭をBうべきポイントです。Managing our projects lifespan is very important to SWED.
- B初したチャ`トはこのURLからごEになれます。I keep an updated, interactive anatomy map online for people to learn from.
- このマインドマップは@Aしてアップデ`トされていますので、歌深にしてください。
- オ`プンソ`スのウエブ?コンテントマネジメントシステムは、いくつもの尖喇から隔A辛嬬なWEBエコシステムデザイン?モデルの児Pとなり誼ます。すぐにインスト`ルして聞えるだけでなく、コミュニティでテストされているために、rgを勣するテストΕ┘薊`のプロセスを寄嫌に玉sできます。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.
- このコンテキストを蹐悩gに幣してみましょう。まず恷兜に隔A辛嬬なWEBエコシステムデザインという圭隈があります。Let¨s look at this context graphically, real quickly´First we have this great, big area of space called the SWE.
- そしてオ`プンソ`スという、_kモデル、芙氏學僥があります。Inside the SWE we have the idea and practice C 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´