趕搭Web 2.0的浪潮

01.Web概念的演進

Web 1.0

2000年網路泡沬化之前所使用的網路型態,網站的內容由網站經營者所提供,網站的內容越豐富,提供的資訊越有用,使用者也就越多。

Web 1.5

網頁利用PHP、ASP等程式語言,配合資料庫,產生具有動態網頁的效果。

Web 2.0

網站的內容是由使用者所提供,網站與使用者之間具有高度的互動性,操作介面便利且直覺,使用者之間有很強的社會關係,網站提供一些開放的服務平台API(Application Programming Interface),經由mashup(混合式的網頁應用程式)的方式整合不同的服務,來達到客製化的要求。

02.Web 2.0的核心概念(USER)

Unconstraint(無拘束)

意思是使用者從原本被限制、缺乏控制權、被動接受訊息的角色轉換成可以自由提供網站內容與自我管理的情境下,集思廣益地讓網站的內容變多、變廣。例如:任何人都可以在Wikipedia維基百科 上撰寫新的條目,若是對別人所編寫的條目有其他的見解時,也可以編輯或修改別人的條目,強調著資訊的自由化。這意味著(協力者、性善論、主動參與、團結)的角色演化。

Service(服務)

意思是在Web 2.0的時代裡面,網路是一個重視使用者在網站上使用的經驗與感受,並且以服務使用者(訪客)為導向的平台。

Externality(外部事物)

意思是說Web 2.0是一種相容系統的概念,許多的工作都可以透過網路來完成,不會因為你的作業系統或瀏覽器不同,而發生不相容的情況。

Reward(報償)

意思是說只要找對了方法及市場,Web 2.0一定可以為您帶來豐碩的獲利。

03.Web 1.0 與 Web 2.0 的比較:

Web 1.0  Web 2.0 網頁內容由站長完成,使用者無權參與下載  VS  上傳 使用者可以上傳訊息,參與編輯知識內容由站集中管控所有資訊集中  VS  分享資訊變為網路分享站長決定服務的型式與價格被動接受  VS  主動參與使用者主動參與服務的內容利用個人網站宣傳,無法串聯其他的網站單向溝向  VS  雙向連結變成雙向互動式的溝通,甚至多向複雜

04.影片介紹

介紹Web 2.0的影片

介紹Wiki的影片

介紹RSS的影片

05.先來想想看Web 2.0在教學應用上的可能性

介紹RSS的影片完全不需要在自己的電腦上安裝軟體,只要插上網路線上網,透過瀏覽器就可以完成工作,你覺得可能嗎?

學校提供的軟、硬體真的可以讓學生們共同合作學習嗎?

網際網路所帶給教育的改變,將教育我們要與大眾有更多的交流、互動、合作與分享,絕對不只是技術層面而已。

06.Web 2.0可能衍生的問題

Web 2.0將所有的資料都放在網路上,對於資料的保全及個人的隱私要特別地留意。

Web 2.0ç網ç«åèªçºæ¿ïŒé æåž³èå¯ç¢Œå€ªå€ç¡æ³çµ±æŽã

Web 2.0與文化及智慧財產權的問題。

經常碰到網路頻寬不好的時候,真的會氣死!

Web 2.0 興起,所衍生的入侵行為與惡意程式程式碼

è·šç«æ什碌æ»æã跚網ç«è³æ¬æ»æ éçš®æŒæŽçäž»å æ¯èœçŽæ¥å°äœ¿çšèæ¬èº«çŒåºçå·è¡è«æ±ïŒåéè³åäŸçç芜åšå·è¡ïŒäœ¿åŸæ»æèå¯è¶æ©æ·å䜿çšèçCookieæSessionè³æã

æ¡ææªæ¡å·è¡ å çºæäºç¶²é çšåŒåšå·è¡æïŒåèš±åŸé ç«¯å€Ÿåž¶å¶ä»æªæ¡ïŒäœ¿åŸæ»æèå¯ä»¥èæ©å€Ÿèæ¡æççšåŒç¢Œèè³æïŒé æç Žå£ãæŽèºäŒºæåšåŸå¯èœå æ­€åæïŒæèæ¯æçºåå¡ïŒå¹«å¥äŸµèæ¶éåž³èãå¯ç¢Œã

æçºåŸéçšåŒçå€åªé«æª å©çšç¹å®å€åªé«æªæ¡çæ什碌å·è¡èœåïŒåŒçŒå®åšæ§æŒæŽïŒäŸåŠFlashãQuickTimeãPDFæªã

è·šç«ååè«æ± å©çšä»åå°æŒç¶²ç«çææ¬ïŒå®çŽçŒéäžåæ³ççšåŒç¢ŒïŒè®å¥äŸµèåŸä»¥å·è¡äžè¢«èš±å¯çæ什ååäœïŒäŸåŠæåæ¬éæå°æäºèŠå寫å¥ç³»çµ±çå人蚭å®ã

èªååŸç¶²è·¯äžèŒæªæ¡ åšäœ¿çšèæ²çŒèŠºæïŒå°±åœä»€å®ååŸç¶²è·¯äžèŒäºæ¡æçšåŒïŒéåžžæ¯æéè«çšåŒãçæ¯ææ¡æçšåŒæ¡çšçæçš®å³æ­æ¹åŒã

JavaScriptæ¡æè»é« äžè«æ¯é£çš®äœæ¥­ç³»çµ±æç芜åšïŒå¹Ÿä¹éœæå·è¡JavaScriptçèœåïŒå æ­€éçš®æ»ææ¹åŒå°äžæåéåšç¹å®å¹³èºïŒæäºæ¡æJavaScriptä¹å¯ä»¥çšç¹å®çåœåŒè®å人端äžèŒå¶ä»æ¡æçšåŒç¢Œå°ç芜åšäžïŒäŸåŠADODB.StreamæsetSlice()ã

SQL泚å¥ïŒæä»€æ³šå¥ ç±æŒç¶²ç«æçšçšåŒéé£çµè³æ庫ïŒé²èç²åè³æïŒéééçš®ææ³ïŒå¥äŸµèå¯ä»¥ååŸéšçœ²æ¡æçšåŒçæ¬éã

RSSïŒAtom Feedsæ³šå¥ äžæŠäœ¿çšèåšé暣çç°å¢äžç芜æ¡æ網ç«æïŒéäºé»èŠå¯ä»¥å·è¡åçš®HTMLèªæ³ãæ什碌ïŒäžå管å¶ïŒéçš®æ¹åŒæå¯èœå çºé£ç·æ¹åŒèç¢çå®åšæ§çåé¡ã

XML網路å ææ éæ¯äžçš®å³äœ¿åšé²ç«çå§ä¹èœäœ¿çšçå¥äŸµæè¡ïŒä¹å°±æ¯èªªïŒæ»æèå©çšXML解æåšïŒparserïŒå»å·è¡ç¶²è·¯å ææïŒéåXMLæªåŠæåèš±å§éšçå玠èœå€ åæå®çŸ©ïŒå°±å¯ä»¥å»ºç«åºå€éšå¯Šé«çåèïŒä»¥äŸ¿å°æåºå系統ç網路å ã

Web 2.0 bata的探討!(本文參考自自由軟體鑄造場電子報第 105 期,Freedom..0的文章)

Web 2.0 的本意是回歸到以人為本的網頁世界,重視每一個人的個體性及完整性, 強調任何網頁服務都應該要圍繞著使用者,而不是去限制使用者;網頁服務應該要 表達每一個人的多元及多變,投影出人際關係與鮮明個性、成長蛻變和情緒起伏, 而不是把使用者當成匿名的消費者路人甲看待。

åš Web 2.0 æ代ïŒæåå°æ¯äžåç±éçæ°ç¶²ç«äžèš»ååž³èïŒæå暣çäžçŸ€äººå å¥Â Â çºå¥œåãä»éºŒåå¥å·®ç°ãèªç±æå¿çïŒéœè¢«éçš®çæ¯è¬ç幫掟çµæ§æ¯äžäºïŒäœ è·ä»Â Â éœçšäºå暣çäžå ç¶²ç«ïŒåé¡äŒŒçäžäºäºãæŸå¹ŸäœæïŒäººå幟ä¹èŠå¿äºèªå·±éæéžÂ Â æçæ¬åãéžæçèªç±ãæ¯å網ç«éœåŸå¥œïŒåæå¶æé·ä¹èãé©å䜿çšçææ©ïŒäœæ¯æ¯å人éœæäžåçæ³æ³ãç¿æ£ãå奜ãç°å¢ãéæ±ïŒåŒ·è¿«äººäººéœçšåäžå¥è§£æ±ºæ¹æ¡äŸåææçäºïŒäžäœæ¯äžçš®éæ­¥ïŒèäžéåŸç¡è¶£ã

在理想的 Web 2.0 國度當中,各種服務、各項著作內容,彼此間都有著可互通性;就算選用了不同的網站服務,彼此之間仍然能夠聯繫、傳遞,所有的付出都不會白費、所有的貢獻都會留下足跡,既有的人際關係不用反覆設定,網站服務同中求異、異中求同,讓使用者更能掌握自己到底要什麼。此刻的 Web 2.0 離這個理想還很遙遠,可以說只是 Web 2.0 Beta 而已;然而我們必須把這件事牢記在心,才有機會讓這個理想實現。正因為我們經歷了 Web2.0,所以更要能與眾不同地挑選網站服務。這不僅對使用者來說很重要,也是讓各種網站服務持續邁向真正 Web 2.0 所不可或缺的、根本的自由。

08.Web 2.0 應用的實例介紹

前言

不要花太多時間在不必要的事情上,只專注在最重要的事情上。這句話告訴我們,您不一定要全部都學會或使用,只要專注在您認為常會使用到的技巧與軟體即可,免得造成自己的壓力與浪費精力。

維基百科第一時間傳播災情

r

Wikiæ¯ä»¥åååµäœçæ¹åŒè®äžçŸ€äººå±åå±çŸéé«çæºæ§çµæ¶ãä¹å°±æ¯èªªïŒWikiæ¯ä»¥ãWebãçºåºç€ããç¥è­åº«æªæ¡ãçºäž­å¿ããå±ååµäœãçºæ段ïŒåå©çŸäººä¹åäžæ·å°åµäœãæŽæ°ãä¿®æ¹çç¥è­å享ä¹åšæ°æš¡åŒã

在地震發生半小時後,也就是5/12的15:10,相關的地震資訊就已放上維基百科首頁。至目前為止,短短一天的時間,就有超過一千次的更新。透過人人可編輯的特性,各地使用者隨時可上傳編輯最新的訊息。

申請Xuite部落格

r

éšèœæ Œçç¥è­å§å®¹èœå€ ééRSSäŸåå€æšæ­çŒäœã RSSæ¯äžçš®ä»¥XMLçºåºç€çå§å®¹æ£äœæ ŒåŒïŒç®å被廣æ³åçºç¶²è·¯äœèå°èšé±æ¶äž»åæšéææ°æ¶æ¯çå·¥å·ãRSSå°èšæ¯çå³éç±è®è被åèéèœçºäœèäž»åæšæ­ïŒè§£æ±ºè®èå¯èœé¢èšçè³æäœèå°åè³èšçé§ç­åé¡ïŒå€§å€§å°ææäºé±è®çå質èæšè¶£ã éšèœæ Œå€§éæ¡çšäºRSSçæè¡ïŒå°è®èäŸèªªïŒå¯ä»¥ééRSSäŸèšé±äžåBlogïŒç¢ºç¥è©²Blogäœèæè¿çæç« æŽæ°ïŒå°BlogçäœèäŸèªªïŒRSSå¯ä»¥äœ¿èªå·±çŒäœçæç« ææŒè¢«é»èŠçšåŒç解䞊æèŠã

Wiki與Blog之異同

1. Wiki是集眾人之力的結晶;Blog則是個人學習歷程的刻劃。

2. Wiki能讓學生經由協同創作共同貢獻個人對學習主題的心得,凝聚成屬於團體的主題知識,形成共同對外呈現的知識入口。

3. Wiki也紀錄了前屆學生所留下的學習體驗以及學問,這使得後繼者能經由閱覽尋找目前問題的解答與自我的突破,而達到垂直的知識分享方式。

文書處理

1. 沒有Office也能工作

2. Google Docs

3. Thinkfree

4. 線上顯示Office Document

5. 繪製線上圖表

6. Google筆記本

7. Google日曆

線上相片處理

1. PhotoNotes

r

å°ç§çå äžäŸ¿å©è²Œæš£åŒã

2. RoundPic

r

ç·äžå¿«éå°ç§çåçéç·£åè§åçå·¥å·ã

3. MagMyPic

r

å³ç§ç補äœéèªå°é¢ã

4. Dumpr

r

åªèŠæç§çäžå³å¥çšèš±å€ç¹æ®ææã

網路相簿與地圖

1. 網路相簿

2. 網路地圖

3. 網路即時聊天室

Flash動畫

1. Flash時鐘

2. 網路心智圖Mindomo

3. 線上錄影教材製作(voicethread)

網路影片

1. You Tube

2. ustream.tv現場直播

其他應用

1. 天氣預報

2. 線上多樣化演示

3. Snap網頁預覽服務

4. 同步教學Co-Life線上會議系統

5. GeoGebra繪製幾何圖形

09.非Web 2.0的好康應用實例介紹

1. 電腦3D秀圖軟體。

2. 線上遠端遙控

3. JetAudio Basic - 超炫的音樂播放機

4. 同步化剪貼簿Copycat

5. 免費的螢幕白板及螢幕擷取

07.Web 2.0網路創業的商機

對任何人而言,只要願意投入並堅持下去,你我皆有可能在這網路世界中佔有一席之地。Google以近17億美元的天價併購YouTube。國內無名小站以7億台幣被Yahoo!奇摩收購。

嶄新商業模式的機會。

因為網頁上的資訊可由全球各地的使用者來提供,而降低了網路創業的進入門檻。

最大挑戰在於「創意」:如何開發一套有價值的服務來吸引大量的使用者。評估新服務未來的商機與投資策略。新服務的行銷手法與客戶網羅。創業投資的財務規劃。相關的法律知識。網路上種種的安全性考量。

分析Web 2.0全球網路服務之發展趨勢。

國際與國內成功案例之剖析。

尋找創新與創意的來源。

洞悉市場利基在那裡。

創新服務的行銷技巧。

掌握事業籌措資金的管道以及財務的規劃。

產品、目標客群與訂價策略。

通路、行銷週期、銷售預測與競爭對手。

消費者保護與智慧財產權等相關問題。

網站架構的概念與資訊安全的防護。

應用Flash的技術加強網站服務的互動性。

善用網路上現成的API來加速網站開發。

運用Mashup技巧快速實現創意。