Web 邁向 2.0
此刻的網頁科技與未來的趨勢
Jedi
Jedi
2007
text/html
TITLE::Web 邁向 2.0──此刻的網頁科技與未來的趨勢
GLOBAL-ALIGN::LEFT
早安
----
林克寰
----
Jedi
----
[[IMG SRC="../image/mtbook-cover.png" WIDTH="555" HEIGHT="750"]]
----
已經絕版
----
[[http://MTBook.net/]]
----
FOOTER::TWNIC (財團法人台灣網路資訊中心)
TWNIC:
「台灣部落格之父」
----
FOOTER::
ALIGN::CENTER
中央研究院
資訊科學研究所
----
FOOTER::http://creativecommons.org.tw/
ALIGN::CENTER
台灣「創用 CC」計畫
Creative Commons Taiwan
----
HEADER::Creative Commons
處理 Web 2.0 時代的著作權問題
----
資訊技術部門首席
----
HEADER::
FOOTER::
新書撰寫中
----
Web Accessibility
----
ALIGN::CENTER
HEADER::Web Accessibility
網頁親和力
(無障礙網頁)
----
讓網頁內容
真正能盡其用的哲學與技術
----
HEADER::
[[http://Jedi.org/blog/]]
JediLin@Gmail.com
----
今日課程
----
關於講義
----
ALIGN::CENTER
FOOTER::Jedi
Web 邁向 2.0
此刻的網頁科技與未來的趨勢
----
ALIGN::CENTER
FOOTER::
Web as
[[EM:Page]]
----
HEADER::Web as Page
頁面
----
[[IMG src="../image/www.bigbridgerice.com-shot01.png" width="997" height="618"]]
----
[[IMG src="../image/www.bigbridgerice.com-shot02.png" width="997" height="705"]]
----
[[IMG src="../image/www.bigbridgerice.com-shot03.png" width="997" height="659"]]
----
[[IMG src="../image/www.bigbridgerice.com-shot04.png" width="997" height="647"]]
----
[[IMG src="../image/www.bigbridgerice.com-shot05.png" width="997" height="768"]]
----
[[IMG src="../image/www.bigbridgerice.com-shot06.png" width="997" height="550"]]
----
出版品
----
小冊子/DM
----
傳播資訊
----
產品型錄
----
[[IMG src="../image/www.bigbridgerice.com-shot04.png" width="997" height="647"]]
----
形象
----
[[IMG src="../image/www.bigbridgerice.com-shot02.png" width="997" height="705"]]
----
[[IMG src="../image/www.bigbridgerice.com-shot03.png" width="997" height="659"]]
----
簡易互動表單
----
[[IMG src="../image/www.bigbridgerice.com-shot06.png" width="997" height="550"]]
----
ALIGN::RIGHT
網頁設計的重心:
把玩媒材
----
[[IMG src="../image/WebPageTrend.png" width="518" height="523"]]
----
ALIGN::CENTER
HEADER::
Web as
[[EM:Platform]]
----
HEADER::Web as Platform
平台
----
部落格
----
討論區
----
圍紀
----
線上藝廊
----
[[IMG src="../image/flickr-snap.png" width="600" height="366"]]
----
[[EM:使用者]]
----
[[EM:使用者]]
上傳及利用[[EM:數位內容]]
----
[[EM:使用者]]運用[[EM:數位內容]]
跟其他[[EM:使用者]]互動
----
許多[[EM:使用者]]形成[[EM:社群]]
----
[[IMG src="../image/Flickr.User.Model-0.3-736x720-Bryce.Glass.png" width="736" height="720"]]
----
[[IMG src="../image/Flickr.User.Model-0.3-crop01-Bryce.Glass.png" width="1000" height="660"]]
----
[[IMG src="../image/Flickr.User.Model-0.3-crop02-Bryce.Glass.png" width="1000" height="722"]]
----
[[IMG src="../image/Flickr.User.Model-0.3-736x720-Bryce.Glass.png" width="736" height="720"]]
----
ALIGN::RIGHT
網頁設計的重心:
提供場域
----
對應現實世界
----
讓使用者互動
----
便利
----
[[IMG src="../image/flickr.blog.this.button.png" width="507" height="465"]]
----
信任
----
ALIGN::CENTER
HEADER::
Web as
[[EM:Service]]
----
HEADER::Web as Service
服務
----
不計手段
完成任務
----
[[IMG src="../image/amazon.logo.bb.1024.png" width="1024" height="301"]]
----
購物
----
FOOTER::購物
行銷
----
比較
----
購買
----
二手交易
----
FOOTER::
電子商務
----
使用經驗
----
FOOTER::Rate
[[IMG src="../image/amazon.rate.crop.png" width="888" height="226"]]
----
FOOTER::Customer Images
[[IMG src="../image/amazon.customer.image.crop.png" width="985" height="510"]]
----
FOOTER::Review
[[IMG src="../image/amazon.review.crop.png" width="628" height="364"]]
----
ALIGN::CENTER
Spotlight
Review
----
FOOTER::Customer Discussions
[[IMG src="../image/amazon.customer.discussions.crop.png" width="787" height="455"]]
----
FOOTER::Amapedia
[[IMG src="../image/amazon.amapedia.crop.png" width="752" height="181"]]
----
[[IMG src="../image/amapedia.crop.png" width="902" height="530"]]
----
FOOTER::Recommendation
[[IMG src="../image/amazon.recommendations.crop.png" width="925" height="399"]]
----
FOOTER::Listmania!
[[IMG src="../image/amazon.listmania.crop.png" width="774" height="556"]]
----
ALIGN::RIGHT
FOOTER::
網頁設計的重心:
貫徹使命
----
幫助使用者完成任務
----
網站的價值
----
產業的價值
----
ALIGN::CENTER
HEADER::
Web as
[[EM:Organism]]
----
HEADER::Web as Organism
有機體
----
[[IMG src="../image/anatomy_of_long_tail.png" width="650" height="425"]]
----
Second Life
----
[[IMG src="../image/SecondLife.SecondTake.Trailer.Poster.png" width="789" height="490"]]
----
線上遊戲
----
……也是網站
----
文字、圖片、多媒體
----
互動裝置
----
空間環境
----
人際關係
----
多數內容
由使用者所創造
----
使用者擁有
相關智財權
----
真實世界的分公司
----
IBM
----
Sun
----
Dell
----
Cisco
----
Reuters
----
Best Buy
----
以及,
----
FOOTER::TOYOTA
Scion
----
FOOTER::
Nissan
----
Pontiac
----
FOOTER::Pontiac
Motorati in
Second Life
----
FOOTER::Motorati
[[IMG src="../image/MotoratiLife.com-01.png" width="961" height="384"]]
----
[[IMG src="../image/MotoratiLife.com-02.png" width="961" height="384"]]
----
[[IMG src="../image/MotoratiLife.com-03.png" width="961" height="384"]]
----
[[IMG src="../image/MotoratiLife.com-04.png" width="961" height="384"]]
----
[[IMG src="../image/MotoratiLife.com-05.png" width="961" height="384"]]
----
[[IMG src="../image/MotoratiLife.com-06.png" width="961" height="384"]]
----
[[IMG src="../image/MotoratiLife.com-07.png" width="961" height="384"]]
----
[[IMG src="../image/MotoratiLife.com-08.png" width="961" height="384"]]
----
[[IMG src="../image/MotoratiLife.com-09.png" width="961" height="384"]]
----
[[IMG src="../image/MotoratiLife.com-10.png" width="961" height="384"]]
----
[[IMG src="../image/MotoratiLife.com-11.png" width="961" height="384"]]
----
試車
----
改車
----
塗裝
----
設計
----
成本低廉
----
安全無虞
----
FOOTER::
[[IMG src="../image/amazon.logo.bb.1024.png" width="1024" height="301"]]
----
HEADER::
[[IMG src="../image/Web2.0Trend.png" width="811" height="498"]]
----
HEADER::
FOOTER::
謝謝大家