課堂討論

portal 的價值

紐約時報計畫停印紙版，只線上發行

有價內容付費成趨勢

線上廣告

上網裝置: iPhone, iPad, Kindle, Android, ...

社群軟體

電子商務

垃圾新聞商業炒作

Homework 1

1. 最近埃及總統下台，網路傳播在這個事件扮演何種角色，請詳細論述。
2. 紐約時報董事長表示未來可能停止印刷發行，只留下網路發行。可能原因是甚麼?
3. 列舉Web 2.0 時代十大代表網站集團，Google, Facebook,...
4. 你同意或不同意所列文章作者的看法? 為什麼? 電腦工作者思考如何提高生產力，降低預算，以及節能減碳


Due Date 2-21-2011 at 7:00 pm

尊重智慧財產權，引用他人文章須註明出處。並且應該合乎學術常規，以合理的方式引用。

Lab 3: Put CYCU Map on Your Blog

1. The latitude and longitude coordinates of CYCU campus location is +24° 57' 31.02", +121° 14' 28.12" and you can take a look at the satellite image
http://maps.google.com/maps?q=24.9586,+121.24114


2. Enter the CYCU coordinates to produce a code snippet that you can put into your blog. The code is under Share/Export tab.

3. Copy and paste the code snippet into your blog just like you are writing your own blog post. Publish it.

Links:

1. 中原大學校內地圖指引
‎建立者：easy_go100

2.眾裡尋她千百度 桃園最美的地方在哪裡

Lab 2: 讓你的部落格產生最新回應

在我的部落格可以看到回饋清單的功能，它可以列出最新針對你部落格的回應，因為有些回應可能是針對你一個月前或更舊的部落格文章，而你可能不會再回去看這 些較舊文章是否在最近收到回應，有了清單，此問題迎刃而解。即使針對你最近發表的文章，這個清單功能也很有用，讓你快速瀏覽與閱讀這些回應。

回饋清單功能本身是RSS 2.0 XML，所以也可以用Firefox RSS 或 Google Reader 抓取閱讀，非常方便。

步驟:
1. 進入版面配置，開啟回應
2. 資訊源設定如 http://jinyaolin.blogspot.com/2007/08/blogger8242007.html
3. 請你的同學給你一個 comment，是否能正確顯示在最新回應上。
4. 實例

Lab 1: 書寫部落格

為什麼鼓勵你書寫部落格
不要讓MSN奪走你的寫作能力

現在如何開始
1. 至 http://www.blogger.com/ 申請一個部落格。建議以你的學號 (s開頭) 作為部落格網址，部落格名稱可以自行命名。

2. 測試一下，可以寫 "Hello World"，或是一篇短文。

3. 建立一個連結到課程網站 http://iapblog.blogspot.com/
建議你使用右上角"自訂"功能，新增一個區塊。一個區塊內可以置放多個連結。

4. 日後請將你的隨堂練習與作業寫在你的 blog, 然後到
Homework 或 Lab 的Comment 登錄作業blog網址就可以了.(實例)。請勿將整個作業直接寫在老師部落格的Comment處。

5. 尊重智慧財產權，引用他人文章須註明出處。並且應該合乎學術常規，以合理的方式引用。

注意事項

a. blog需正確設定時區顯示時間 。
b. 請測試他人可否留言(comment)。以方便留下回應意見。

tip

How to insert a link at the following comment, please use the following HTML code.
<a href="http://yourblog/your-article.html">Your name and this homework</a>

課程進度

• Tools 駕馭網路的工具性軟體
• Lab 39 Packet Sniffer
• Lab 38: Google Analytics
• Lab 37 製作一個報名網站
• Lab 36 Speed Test
• Lab 35: Blog Cloud
• Tools 駕馭網路的工具性軟體
• --------------------------------------------------------
• XML
• Lab 34 Syndication with RSS 2.0
• Lab 33 匯出部落格
• XML
• --------------------------------------------------------
• DOM

• Lab 32: DOM
• Lab 31: Create Image using DOM
• Lab 30 navigation bar
• Lab 29 Hand code a form
• Lab 28 Lab Form and Action

• DOM
• --------------------------------------------------------
• AJAX
• Lab 27: Mash-Up 4 (Calendars)
• Lab 26: Mash-up 3 (Blogs)
• Lab 25: Mash-up 2 (Maps)
• Lab 24: Mash-up 1 (Publish)
• AJAX 機器與人很活潑地溝通的技術
• --------------------------------------------------------
• HTML
• Lab 23 Making web pages accessible
• Lab 22 Firefox Accessibility Extension
• Lab 21: Making images accessible
• Lab 20 More on HTML
• Lab 19 HTML
• Lab 18 Comparing browsers
• HTML 機器與人溝通的技術
• --------------------------------------------------------
• Accessibility
• Lab 17: AccessBar
• Lab 16: Accessibility in GreaseMonkey
• Accessibility 邁向無障礙網路
• --------------------------------------------------------
• Browser extension
• Lab 15 Clean Language
• Lab 14 Greasemonkey
• Browser extension 擴充瀏覽器的功能
• --------------------------------------------------------
• Google Services
• Lab 13: Google Mars
• Lab 12: Using Google PageRank
• Lab 11: Using your iGoogle
• Lab 10 Google Docs
• Lab 9 本校網頁簡體版功能
• Lab 8: Personal Portal
• Google Services 線上服務
• --------------------------------------------------------
• Blog
• Lab 7 Using Firefox
• Lab 6 Using labels
• Lab 5 網路大學排名 DIY
• Lab 4 發表評論
• Lab 3: Put CYCU Map on Your Blog
• Lab 2: 讓你的部落格產生最新回應
• Lab 1: 書寫部落格
• Blog 人與人在網路上溝通的技術
• --------------------------------------------------------

Lab 39 Packet Sniffer

1. Install Protocol Analyzer Ethereal at http://www.wireshark.org/
2. Capture the packets at your Ethernet interface card.
3. Enter a login required website that you often go to, such as web mail. Don't use the real account or password.
4. Try to catch the packet that contains the password.