Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web20

3,240 views

Published on

web 2.0 研習

Published in: Technology
  • Be the first to comment

Web20

  1. 1. 講者:台北市立中正高中 資訊科教師 賴和隆 Web 2.0 資訊研習 教學資源整合與教學策略探討
  2. 2. 實施時間 <ul><li>5/13 下午 1:30-3:30 </li></ul>
  3. 3. 綱要 <ul><li>Web2.0 發展沿革、演進及教學上的運用 </li></ul><ul><li>Web2.0 時代教學資料搜尋策略 </li></ul><ul><li>Web2.0 大網站介紹,如 Wiki 、 youtube 、 slideshare 、 Facebook… </li></ul><ul><li>部落格觀摩 ( 國內及國外 ) </li></ul><ul><li>簡介 </li></ul><ul><ul><ul><li>部落格建置、使用與經營管理 </li></ul></ul></ul><ul><ul><ul><li>如何運用部落格協助班級經營 </li></ul></ul></ul><ul><ul><ul><li>如何運用部落格整合教學資訊,經營個人教學網站 </li></ul></ul></ul>
  4. 4. 資訊時代的典範移轉 Jan. 3, 1983 Dec. 25, 2006
  5. 5. 年度創新趨勢回顧與展望 (2007) 工研院院長 李鍾熙 【 2008-01-08/ 經濟日報 /A4 版 / 金融新聞】 <ul><li>首先是高油價驅動的「節能及新能源」熱潮。 </li></ul><ul><li>其次是以 Wii 為代表的「快樂科技」大行其道。 </li></ul><ul><li>第三項重要的創新趨勢,則圍繞在「個人行動」的主題上。 </li></ul><ul><li>第四項趨勢則是延續 Web 2.0 「參與互動」精神的網路創新。 </li></ul>
  6. 6. 年度創新趨勢回顧與展望 ( 續 ) 網路創新 <ul><li>除了 Google 去年併購 YouTube ,微軟併購 Facebook 之外,雅虎奇摩也以新台幣 6 億元併購「無名小站」,而同樣由台灣出發的「愛情公寓」,也在短時間內就吸引了全球矚目。這種參與互動及自我實現的精神,還延伸到各種購物、交友及行銷等活動上,例如電視「星光大道」透過與網路社群的結合,很快成為全國最受歡迎的焦點節目。 </li></ul>
  7. 7. 從 youtube 談起 <ul><li>定義 ? </li></ul><ul><li>經驗分享 - 教學運用的起點 (ROBOT) </li></ul><ul><li>應用 - 在部落格中連結 youtube 影片 </li></ul><ul><li>個人化及頻道功能簡介 </li></ul><ul><li>YouTube 第二屆錄影帶大獎得獎名單 http://www.youtube.com/ytawards07winners </li></ul>
  8. 8. 頻道 NBA http:// tw.youtube.com /user/NBA                BBC http:// tw.youtube.com /user/BBC                              羽球 http:// tw.youtube.com/user/ahtat                              星光大道第二季 http://tw.youtube.com/user/hkchess2000                              Doraemon http:// tw.youtube.com/user/totuananh                               林維倫說文解字 http:// tw.youtube.com/user/ChinesePro                              MIT http:// tw.youtube.com /user/MIT                              哈佛大學線上課程   youtube 頻道                              實驗 http:// tw.youtube.com/user/atomofchehjh                              鄧麗君 http:// tw.youtube.com/user/stunningnuts                              天下 http:// tw.youtube.com /user/CWTV                              公視   http:// tw.youtube.com /user/pts
  9. 9. YouTube 的未來 ? <ul><li>Google 、 YouTube 助陣松下可上網電視 有看頭 </li></ul><ul><li>編譯于倩若/綜合拉斯維加斯八日電   【 2008-01-09/ 經濟日報 /A12 版 / 國際財經】 </li></ul><ul><li>日本松下電器公司 7 日宣布,旗下的 Panasonic 部門將與 Google 公司及其子公司 YouTube 合作,研發讓使用者可輕易存取、觀賞線上影音或照片的平面電視機。 </li></ul><ul><li>這款具有上網功能的電漿電視,讓使用者只需用遙控器按個按鍵,就可連上影音分享網站 YouTube 和 Google 的照片分享網站 Picasa 。 Google 和 YouTube 將協助松下研發連結 Google 和 YouTube 網站的專用線路,以及用來傳輸高畫質影像至大螢幕電視的特殊伺服器。 </li></ul><ul><li>最近 YouTube 紛紛和影音內容與硬體業者結盟。 Sony 的影視部門 7 日在 YouTube 網站推出一個網路電視頻道。蘋果公司則銷售一款機上盒,可把 YouTube 影片傳至電視播放。 </li></ul>
  10. 10. 網誌 ( 部落格 ) <ul><li>Wiki 定義 </li></ul><ul><li>是人們發表在網際網路上的個人日誌,或者音譯為 博客 、 部落格 、 部落閣 等。網誌是繼 電子郵件 ( Email )、 電子公告牌系統 ( BBS )、 ICQ 之後出現的第四種 網路交流 方式。 </li></ul>
  11. 11. 部落格觀摩 <ul><li>請參考網誌『潘朵拉的資訊櫥窗』中之文章內容 </li></ul><ul><li>教學相關  </li></ul><ul><li>       </li></ul><ul><li>國文      福興國中老師建置  『 國文,我的遊樂園 』   </li></ul><ul><li>       地理      基隆女中黃老師建置  『 地理、你好 』 </li></ul><ul><li>      英文       華文部落格大賽教育類得主 『 英文由 F 字學起 』  </li></ul><ul><li>        數學     『 中壢高中數學科 』『 福氣老師的部落格 』 </li></ul><ul><li>全校部落格   新生國小 http://blog.snes.tp.edu.tw/ </li></ul><ul><li>班級部落格 206 快樂棧 http:// blog.snes.tp.edu.tw/index.php?blogId =30 </li></ul>請參考網誌『潘朵拉的資訊櫥窗』中之文章標題:『 WEB2.0 資訊研習 I 』 物理     『 高中物理樂園 』 生物     『 生物科網誌 』 地科   『 用教育捍衛地球 』
  12. 12. 部落格觀摩 ( 續 ) <ul><li>部落格排行榜 </li></ul><ul><ul><ul><li>部落格觀察 </li></ul></ul></ul><ul><ul><ul><li>http:// look.urs.tw/rank.php </li></ul></ul></ul><ul><li>部落格大獎賽 </li></ul><ul><ul><ul><li>2007 第三屆華文部落大獎 入圍名單  http://blogaward.chinatimes.com/2007/nomineesum.aspx </li></ul></ul></ul><ul><ul><ul><li>美國教育部落格大獎賽 </li></ul></ul></ul><ul><ul><ul><li>  http:// edublogawards.com /and-the-winners-are/ </li></ul></ul></ul><ul><ul><ul><li>全國教師會第一屆部落格大獎 即將登場 </li></ul></ul></ul>請參考網誌『潘朵拉的資訊櫥窗』中之文章標題:『 WEB2.0 資訊研習 I 』
  13. 13. 部落格初體驗 <ul><li>1. 先至無名網站申請部落格 ( 與 yahoo 帳號同 ) </li></ul><ul><li>2. 留言功能練習 </li></ul><ul><li>(1) 請至 www.wretch.cc/blog/lnylonl 留言版留言,簡短自我介紹。 </li></ul><ul><li>(2) 請到 youtube 尋找三段與自己教學科目相關的影片,置入留言板中 (HW) </li></ul><ul><li>3. 好友功能練習 </li></ul><ul><li>(1) 請練習將 lnylonl 加入好友 </li></ul><ul><li>(2) 請到 lnylonl 留言板尋找三位本次上課同仁的帳號,加到你的好友中 (HW) </li></ul><ul><li>4. 發表文章功能練習 (A) </li></ul><ul><li>(1) 請進入『 udandata.com/taipei 』或『科學人』搜尋一篇學科相關的文章, 節錄部分文字發表。 </li></ul><ul><li>(2) 請進入中時電子報 http://news.chinatimes.com/ ,利用引用的方式,將文 章置入網誌中。 </li></ul><ul><li>(3) 請進入 Wiki 搜尋一個關於關於學科內容的條目, 在自己網誌中記錄其相關性 </li></ul><ul><li>5. 上傳照片 ( 圖片 ) 練習 </li></ul>
  14. 14. 部落格實作二 <ul><li>6. 練習發表文章功能 (B)- 進階模式 </li></ul><ul><li>(1) 鏈結網址練習 </li></ul><ul><li>(2) 簡易表格 </li></ul><ul><li>(3) 字體顏色、大小設定 </li></ul><ul><li>7. 側欄設定與管理 </li></ul><ul><li>8. 留言管理 </li></ul><ul><li>悄悄話操作 </li></ul><ul><li>9. 樣式管理 </li></ul>
  15. 15. 部落格在教學與教育上的應用 <ul><li>教學與學習資料彙整 </li></ul><ul><ul><li>分享 投影片報告 http://www.wretch.cc/blog/lnylonl/20605982 讀書心得寫作 http://www.wretch.cc/blog/lnylonl/10703639 </li></ul></ul><ul><li>課後輔助學習 </li></ul><ul><ul><li>長尾 </li></ul></ul><ul><li>親師生溝通管道 </li></ul><ul><ul><li>留言版、回應、悄悄話 </li></ul></ul><ul><li>學生輔導與人際關係 </li></ul><ul><ul><li>好友:連連看 </li></ul></ul><ul><ul><li>Social Network search engine http:// warm.stu.edu.tw / </li></ul></ul>
  16. 16. 長尾理論 <ul><ul><li>長尾( Long Tail )是 2004 年 Chris Anderson 在給連線雜志的文章中首次使用的詞匯,用以描述某種經濟模式如 Amazon.com 或 Netflix 。 </li></ul></ul><ul><ul><li>長尾術語也普遍使用于統計學中,如對財富分布或詞匯應用的統計。 </li></ul></ul><ul><ul><li>長尾理論的基本原理是 </li></ul></ul><ul><ul><li>只要存儲和流通的渠道足夠大,需求不旺或銷量不佳的產品所共同佔據的市場份額可以和那些少數熱銷產品所佔據的市場份額相匹敵甚至更大。即眾多小市場匯聚成可與主流大市場相匹敵的市場能量。 </li></ul></ul>
  17. 17. 長尾 VS 二八法則 <ul><li>1897 年意大利經濟學家帕累托歸納出的一個統計結論,即 20% 的人口享有 80% 的財富。當然,這並不是一個準確的比例數字,但表現了一種不平衡關係,即少數主流的人(或事物)可以造成主要的、重大的影響。以至于在市場營銷中,為了提高效率,廠商們習慣于把精力放在那些有 80% 客戶去購買的 20% 的主流商品上,著力維護購買其 80% 商品的 20% 的主流客戶。 </li></ul>
  18. 18. 部落格小玩意 (1) - 書籤 <ul><li>以上是什麼 ?( 中時電子報 可以看到 ) </li></ul><ul><li>黑米首頁 http://www.hemidemi.com/home </li></ul><ul><li>推推王首頁 http:// funp.com / </li></ul><ul><li>網路書籤 http://myshare.url.com.tw/ </li></ul><ul><li>Furl http:// www.furl.net / </li></ul><ul><li>Furl is a social bookmarking site that makes it easy to save , share , and explore favorite web pages. </li></ul>
  19. 19. 部落格小玩意 (2) <ul><li>Wiki 上的解釋 http://zh.wikipedia.org/w/index.php?title=RSS&variant=zh-tw </li></ul><ul><li>RSS 是一種用於 網上新聞頻道 、 網誌 ( weblogs )和其他 Web 內容的數據交換規範,起源於 網景通訊公司 ( Netscape )的 推送技術 ( push technology ),將訂戶訂閱的內容傳送給他們的 通訊協同格式 ( Protocol )。 </li></ul><ul><li>RSS 使用說明 http://tw.myblog.yahoo.com/ky-lab/article?mid =265 </li></ul><ul><li>練習訂閱一個 RSS </li></ul>
  20. 20. Search <ul><li>Web search </li></ul><ul><li>(google search) </li></ul><ul><li>Database search </li></ul>
  21. 21. 台北市教育資料庫 http://db.cmgsh.tp.edu.tw/97/ <ul><li>例一: udndata.com/taipei </li></ul><ul><li>包含聯合報系、遠見、商周全文資料庫 </li></ul><ul><li>例:關鍵字 - 通貨膨脹 利率 </li></ul><ul><li>例二:科學人雜誌 </li></ul>
  22. 22. 影音搜尋 <ul><li>Youtube 以外 </li></ul><ul><li>www.fooooo.com </li></ul><ul><li>video.google.com </li></ul>
  23. 23. 影音教學資料 請參考網誌『 潘朵拉的資訊櫥窗 』中之側欄目錄
  24. 24. Web 2.0
  25. 25. Web 2.0 <ul><li>Wiki 上的定義 http://zh.wikipedia.org/w/index.php?title=Web_2.0&variant=zh-tw </li></ul><ul><ul><li>&quot;Web 2.0 是一個架構在知識上的環境,人與人之間互動而產生出的內容,經由在服務導向的架構中的程式,在這個環境被發佈,管理和使用。“ </li></ul></ul><ul><ul><li>Web 2.0 並不是一個技術標準,不過它包含了技術架構及應用軟體。它的特點是鼓勵作為資訊最終利用者透過分享,使到可供分享的資源變得更豐盛;相反的,過去的各種網上分享方式則顯得支離破碎。 </li></ul></ul><ul><ul><li>Web 2.0 是網路運用的新時代,網路成為了新的平臺,內容因為每位使用者的參與( Participation )而產生,參與所產生的個人化( Personalization )內容,藉由人與人( P2P )的分享( Share ),形成了現在 Web 2.0 的世界。 </li></ul></ul>
  26. 26. What Is Web 2.0 Design Patterns and Business Models for the Next Generation of Software by Tim O'Reilly 09/30/2005 <ul><li>http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html </li></ul><ul><li>http://www.enet.com.cn/article/2005/1122/A20051122474593.shtml </li></ul><ul><li>http://www.itmag.org.tw/magazine/article_single_234.htm </li></ul><ul><li>http://www.itmag.org.tw/magazine/article_single_138.htm </li></ul>
  27. 27. Web 2.0- 腦力激盪的產物 http:// www.wretch.cc/blog/lnylonl&article_id =8752844
  28. 28. 一般對於 Web2.0 提出七點解釋包括: <ul><li>1. 將 Web 視為平台。 2. 引領群體智慧。 3. 資料成為下一個「 Intel Inside 」。 4. 軟體發展周期的終結。 5. 輕巧的程式設計模式。 6. 超越單一設備層次的軟體。 7. 豐富使用者的體驗。 </li></ul><ul><li>http://www.itmag.org.tw/magazine/article_single_234.htm </li></ul><ul><li>http://www.itmag.org.tw/magazine/article_single_138.htm </li></ul>
  29. 29. <ul><li>資料來源 http://www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html </li></ul>
  30. 30. Web 2.0 應用特色的一些關鍵原則 <ul><li>Battelle 和 MediaLive 在 2004 年 10 月 啟動了第一個 Web 2.0 大會。第二次的年會已在 2005 年 10 月 舉辦。在他們的會議開場白上, O‘Reilly 和 Battelle 總結了他們認為的表現了 Web 2.0 應用特色的一些關鍵原則: </li></ul><ul><ul><li>將 Web 作為平臺 </li></ul></ul><ul><ul><li>駕馭群體智慧 </li></ul></ul><ul><ul><li>資料將變成未來的「 Intel Inside 」 </li></ul></ul><ul><ul><li>軟體不斷發行與升級的循環將會終結(「永久的 Beta 版」) </li></ul></ul><ul><ul><li>輕量型程序設計模型 </li></ul></ul><ul><ul><li>通過內容和服務的聯合使輕量的業務模型可行 </li></ul></ul><ul><ul><li>軟體執行將跨越單一設備 </li></ul></ul><ul><ul><li>豐富的使用者體驗 </li></ul></ul><ul><ul><li>分享和參與的架構 所驅動的網路效應 </li></ul></ul><ul><ul><li>通過帶動分散的、獨立的開發者把各個系統和網站組合形成大彙集的改革 </li></ul></ul><ul><ul><li>拉動 長尾 的能力 </li></ul></ul><ul><ul><li>快速的反應與功能新增 </li></ul></ul><ul><ul><li>雙向的互動 </li></ul></ul>
  31. 31. 台灣的 Web 2.0 網站 引自 http://www.stuckinbeta.com/taiwan20/ http://www.taiwanweb20.com/
  32. 32. 國外應用 Web 2.0 概念的相關網站 <ul><li>h ttp://www.go2web20.net/default.aspx </li></ul><ul><ul><li>應用 Web 2.0 概念的相關網站 (1) Google http:// www.google.com (2) Flickr http:// www.flickr.com (3) Blogger http:// www.blogger.com (4) Meetup http:// www.meetup.com / (5) Odeo http:// odeo.com / (6) DoubleClick http://www.doubleclick.com (7) Google AdSense http:// www.google.com/adsense (8) WiKipedia http:// www.wikipedia.org (9) Adaptive path http:// www.adaptivepath.com </li></ul></ul>
  33. 33. Web2.0 & Wiki2.0 <ul><li> 天下雜誌專題網頁 ( 文章、 mp3 訪談錄音下載、 Vedio 專訪 ) 記者 / 攝影 / 剪輯:陳世耀 / 汪忠信 / 謝甄芳    </li></ul><ul><li>                                 </li></ul><ul><ul><li>專題一 WEB2.0  http://ad.cw.com.tw/cw/web2/                                                        </li></ul></ul><ul><ul><li>專題二 Wiki2.0  http:// ad.cw.com.tw/cw/wiki /   </li></ul></ul><ul><li>http:// www.cw.com.tw/media/media.jsp?superID =v101&subID=2070 </li></ul>
  34. 34. Web2.0 網站介紹 - 教學資源搜尋 <ul><li>圖片分享 </li></ul><ul><li>http:// www.flickr.com </li></ul><ul><li>投影片及文件分享 -http://www.slideshare.net </li></ul><ul><li>例:合作學習與創新教學 </li></ul><ul><li>http://www.wretch.cc/blog/lnylonl&article_id=20512917 </li></ul><ul><li>練習將 slideshare 中的投影片放到自己的部落格中 </li></ul><ul><li>推推王 funp </li></ul>
  35. 35. Wiki
  36. 36. Wiki 初探 <ul><li>維基百科 是一個 自由 、免費、 內容開放 的百科全書協作計劃,參與者來自世界各地。這個站點使用 Wiki ,這意味著任何人都可以編輯維基百科中的任何文章及條目。 </li></ul><ul><li>維基百科開始於 2001 年 1 月 15 日 ,創始人是 Jimmy Wales, Larry Sanger ,以及幾個熱情的英語的參與者。大約 3 年後,在 2004 年 的 3 月,已經大約有 6000 名活躍的參與者編寫了 50 種語言 的 600000 篇條目。每天都有來自世界各地的許多參與者進行數千次的編輯和創建新條目。 中文維基百科 正式開始於 2002 年 10 月,目前已經有 173,448 條條目。 </li></ul><ul><li>維基百科中的所有文本以及大多數的圖像和其他內容都是在 GNU 自由文檔許可證 下發佈的,以確保內容的自由度及開放度。所有人在這裡所寫的文章都將遵循 copyleft 協議,所有內容都可以自由的分發和複製。我們殷切盼望您的加盟,並希望您能夠喜歡使用及編輯維基百科的自由文檔。 </li></ul>
  37. 37. 內容開放的 Wiki 計畫
  38. 38. 維基應用 http://zh.wikipedia.org/wiki/%E7%B6%AD%E5%9F%BA%E6%95%99%E7%A7%91%E6%9B%B8 <ul><li>中文維基教科書:世界歷史、烹飪、太陽系 </li></ul><ul><li>http://zh.wikibooks.org/wiki/%E9%A6%96%E9%A1%B5 </li></ul><ul><li>教學與學習上的應用 </li></ul><ul><li>資訊科技概論 Wiki 共筆 http://icerc.tnssh.tn.edu.tw/ </li></ul><ul><li>醫學快記 http://medicine.zh-tw.org/%E9%A6%96%E9%A0%81 </li></ul><ul><li>南投高中校園知識百科 http://wiki.ntsh.ntct.edu.tw/mediawiki/index.php/%E9%A6%96%E9%A0%81 </li></ul><ul><li>MBA 智庫百科 http://wiki.mbalib.com/wiki/%E9%A6%96%E9%A1%B5 </li></ul><ul><li>中文教學館 http://chinese.wikia.com/wiki/%E9%A6%96%E9%A0%81 </li></ul><ul><li>台灣昆蟲維基館 http://ac.ilvs.ilc.edu.tw/wiki/index.php/%E9%A6%96%E9%A0%81 </li></ul><ul><li>其他應用 </li></ul><ul><li>巴哈大百 科 http://wiki.gamer.com.tw/ </li></ul><ul><li>背包攻略 http://www.backpackers.com.tw/guide/index.php/%E9%A6%96%E9%A0%81 </li></ul><ul><li>C ategory:MediaWiki </li></ul><ul><li>http:// index.wikia.com/index.php?title = Category:MediaWiki&variant = zh-tw </li></ul>
  39. 39. <ul><li>維基在台灣的發展史 </li></ul><ul><li> http://www.mypearl.cc/modules/newbb/viewtopic.php?topic_id=848 </li></ul><ul><li>維基教學研究應用 </li></ul><ul><li>http:// www.slideshare.net/chieftain/wiki -and-teaching </li></ul>
  40. 40. 關於著作權 <ul><li>創用 CC </li></ul>
  41. 41. 用善意換取善意—創用 CC http:// creativecommons.org.tw / <ul><li>創用 CC 提供方便的工具及授權條款,您可輕鬆表達將作品提供他人使用的意願,從「保留所有權利」轉變為更富彈性的「保留部分權利」。當然,您也可以在充分瞭解他人意願後,採用別人提供的作品來充實你的創意! </li></ul>
  42. 42. <ul><li>影片: http://www.wretch.cc/blog/lnylonl/20847130 </li></ul>
  43. 43. http:// creativecommons.org.tw /static/search
  44. 44. 影片介紹 <ul><li>Web2.0 的創新與資訊應用 http://www.wretch.cc/blog/lnylonl&article_id=20946785 </li></ul><ul><li>世界是平的 </li></ul><ul><li>http://www.wretch.cc/blog/lnylonl&article_id=20491709 </li></ul><ul><li>你知道嗎 ?Ver2.0 </li></ul><ul><li>http:// www.wretch.cc/blog/lnylonl&article_id =20846999 </li></ul>
  45. 45. 延伸閱讀 <ul><li>世界是平的 </li></ul><ul><li>維基經濟學 </li></ul>
  46. 46. 知識公益 <ul><li>小時候,她搬過無數次的家,過著顛沛流離的生活。六歲,沒錢念幼稚園,跟著父母到處擺設流動攤販,沿街幫忙叫賣。十一歲,擁有自己的第一台電腦,開始自我探索和學習。十二歲,成立個人網站工作室,並幫國內外卅多個公司企業架設工商網站。十四歲,賺進人生第一個一百萬,並將所得捐出,全數投入知識公益的活動。十五歲,考取卅一張電腦專業證照,並為貧苦學子架設「安安免費教學網站」。 </li></ul>
  47. 47. 「她為貧苦人家的孩子樹立了突破現狀的好榜樣,同時也提醒了富貴人家的孩子,必須把握因緣,認清方向,努力向上。那便不論是出身在貧富貴賤的那一種家庭,都會走出光明遠大的。」 —— 聖嚴法師
  48. 48. L i f e w i l l f i n d h i s w a y o u t . ~ 侏儸紀 ~
  49. 49. 結語 <ul><li>在 Web2.0 的世界 </li></ul><ul><li>可以很快找到學習的入口 </li></ul>
  50. 50. Web 2.0 在教學與教育的影響 <ul><li>http://mmdays.wordpress.com/2007/08/03/education_web20/ </li></ul>

×