網際網路應用系統設計: 2012

2012年12月17日星期一

Lab 34 XML

1. Register and Download Xray, an XML, XSLT editor and processor.
(安裝X-Ray需要權限)
(助教碎碎念:若無法順利安裝在點我)

2. Before you do this lab,all the first you must know is
what is XML?
what is XSLT?
please write down your answer.(least 200 words)

3. Given the the XML file and XSLT file ,
use Xray to do the transformation of the XML into HTML.
You have to replace [ with <.

4. View the formatted HTML file.

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 35 XML (2)

1. Register and Download Xray, an XML, XSLT editor and processor.

2. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 2. A basic style sheet for the soccer results

use the XSLT as in the Listing 2 to transform the XML file as in the Listing 1.
(archive)

3. View the formatted HTML file.
4. Given the
Listing 1. An XML document representing the results of a soccer tournament
Listing 3. A style sheet that computes team standings

compute the team standings in a table.

5. View the formatted HTML file.

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 36 Syndication with RSS 2.0

1. 進入你的部落格，登入，選擇設計
2. 新增小工具
3. 選取
資訊提供

將 RSS 或 Atom 資訊提供的內容加入您的網誌。
Blogger 製作

4. 撰寫或貼上所需連結(範例)

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

2012年12月13日星期四

“massive open online courses” (MOOCs) 值得關注的線上課程

值得關注的線上課程，雖然是名校教授上課，卻是由公司和非營利組織領航。大學的創新，可能來自校園之外。
“massive open online courses” (MOOCs)
Two companies, Coursera and Udacity, and one non-profit enterprise, edX, are leading the charge.

https://www.edx.org/
https://www.coursera.org/
http://www.udacity.com/

2012年12月11日星期二

如何查詢Google服務狀態

Apps Status Dashboard 有服務中斷紀錄和說明http://www.google.com/appsstatus#hl=en&v=status&ts=1355197610122

2012年12月10日星期一

Lab 33 Speed Test

測試中原大學與中央大學對外頻寬速度。

Tool: Speedtest
cycu proxy: proxy.cycu.edu.tw:3128
ncu proxy.csie.ncu.edu.tw:3128
no proxy

Lab 32 Programming in DOM (II)

1. Open KompoZer
2. Based on the code as in

http://www.scottandrew.com/weblog/articles/dom_4 ,
write a code so that when you push a button, you generate the table of 9*9 products. (九九乘法表)

Hint: The javascript code should be enclosed by script tags.

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

12/15 週六補課

“massive open online courses” (MOOCs) 值得關注的線上課程

CGI

Dynamic pages, content generated by server-side programs.
CGI, Common Gateway Interface, for sending requests to server-side programs.

static page

Ex:

http://www.google.com/

dynamic page

Ex:

http://www.cna.com.tw/

URL that sends a request by CGI

Ex:

http://maps.google.com/maps?q=24.9586,+121.2411

post or get

課堂討論台灣網路內容產業

國外有Google, FB, AppleStore, 中國有百度，土豆，新浪微博，你認為台灣網路內容產業的出路在哪裡?

2012年12月3日星期一

Homework 12/3

完成 Lab 28~31

繳交作業時間 12/3 18:50 pm

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

課堂討論（媒體素養）

發表對旺中集團，台塑集團，中信集團併購壹周刊，蘋果日報的看法。

Lab 28 Lab Form and Action

Dynamic pages, content generated by server-side programs.
CGI, Common Gateway Interface, for sending requests to server-side programs.

static page
Ex:
http://www.google.com/

dynamic page
Ex:
http://www.cna.com.tw/

URL that sends a request by CGI
Ex:
http://maps.google.com/maps?q=24.9586,+121.2411

Purpose of lab:
Learn how to use Form to invoke a remote service through CGI.

1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.

5. Use KompoZer to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.

6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?

8. Set method as "post"
9. Run your HTML by Firefox. What do you get?

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 29 Hand code a form

Before you do this lab, you must understand what is CGI(Common Gateway Interface) and Form.

1. So please search the answer and post your opinion in your blog.
2. Hand code a HTML or use KompoZer to edit an HTML so that the webpage can send a request to Google like
http://maps.google.com/maps?q=24.9586,+121.24114

Use Form CGI that includes action, input, and submit.
Try a few different coordinates.

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 30 Create Image using DOM

1. Open KompoZer
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Take a look at the sample code that shows how window.onload to load the image.
4. Use a button to load the image. Try how onclick works.

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 31 Programming in DOM

1. Open KompoZer
2. Based on the code as in

http://www.scottandrew.com/weblog/articles/dom_4 ,
write a code to generate the table of 9*9 products. (九九乘法表)

Hint: The javascript code should be enclosed by script tags.

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

2012年11月27日星期二

Homework 11/26/2012

1. 在時速300km/h的高鐵上如何提供上網，2G, 3G, 4G, Wi-Fi可行嗎? 試提出可行之道。
2. 在高鐵沿線兩側部建Wi-Fi基地台(Access Point)，能否解決高鐵上網問題，為什麼?

繳交作業時間 12/3 18:50 pm

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

2012年11月26日星期一

Lab 25 navigation bar

1. 進入你的部落格，登入，選擇設計
2. 新增小工具
3. 選取
HTML/JavaScript
4. 撰寫或貼上所需連結(範例)

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 26 Mash-Up, Part 1 (Maps)

真實案例
96年度全人關懷獎 -崔媽媽科技服務工作團隊

For housing services, compare the following two websites
http://www.housingmaps.com

http://yungching.housefun.com.tw/

List the differences in the user interface design and usability. Make comments
by your use experiences.

比較: 美感，直覺性，流暢，預期反應

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 27 Mash-Up 2 (Calendars)

建立你的行事曆，並與學校行事曆合併

Google日曆-中原大學服務學習活動行事曆-html版本

進入後按右下角+Google日曆即可訂閱

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

甄試心得分享

邀請研究生以及已經參加甄試的大四同學上台分享

網際網路應用系統設計: 行動電話技術分水嶺

網際網路應用系統設計: 行動電話技術分水嶺: 2G TDMA, 2.5G packet radio, 2.8G Edge, 3G WCDMA (Spread Spectrum) 384k download, 3.5G High Speed Download below 3.6M, 3.75G High Speed Downl...

2012年11月12日星期一

我看產業

我最看好的產業？我想從事的產業？為什麼

Lab 23 Making images accessible

1. Study what an ALT tag is.
2. Use KompoZer to edit the following homepage
at http://bloggercamp.blogspot.com/2007/01/2007.html

You can copy and paste the content to your KompoZer.

3. Save your editings and preview your webpage using Firefox

4. Make the webpage accessible by
adding ALT text to the images.

5. Go to the Firefox Add-ons site for Firefox Accessibility Extension

6. Click the "Install now" button on the add-ons website

7. Check whether you can see the ALT text for the images by selecting the "Show Text Equivalent" function.

Lab 24 使用HTML 4 和HTML 5的影音播放

測試以下HTML 4 和HTML 5的影音播放功能

比較兩者有何差異。

2012年11月5日星期一

Homework 11/5/2012

1. 觀看
場域應用與服務設計: "科技人如何做通俗演講" (4分鐘)
撰寫200演講摘要

2. 你覺得以後上台作簡報，會做些什麼樣改變？

Lab 20 More on HTML

Tables
1. Copy and paste theTables example athttp://www.w3schools.com/html/html_tables.asp
2. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
3. What kind of effects can you see?

Lists
4. Copy and paste the Lists example athttp://www.w3schools.com/html/html_lists.asp
5. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
6. What kind of effects can you see?

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 21 Making web pages accessible

1. Use Firefox Accessibility Extension to identify the accessibility failures and warnings in http://google.com
2. Fix the failures you found.

Reference:
http://dia.z6i.org/ (中文) 在 30 天內打造更具親和力的網站

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 22 Firefox Accessibility Extension

Use Firefox Accessibility Extension to check the accessibility of three sites that you visit most.
Report the summary of all the errors and warnings for each site.

Reference:
http://dia.z6i.org/ (中文) 在 30 天內打造更具親和力的網站

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

網際網路應用系統設計: 手語輔助科技

網際網路應用系統設計: 手語輔助科技: 能把手語透過行動裝置即時轉為文字表達，目前全世界第一個做到的研發團隊。若成功推展，有助於聽覺障礙者進入職場。 “Their signs are immediately translated into text which can be read by the person th...

張耀仁: 十年後的身心障礙科技是甚麼

張耀仁: 十年後的身心障礙科技是甚麼: 請大家一起來想十年後的身心障礙科技是甚麼 ? 腦波介面 (不需體感，不需觸控) ? 擴增實境 (Google 眼鏡只是想像的起點) ? 情緒感知科技 (協助自閉症) ? 表情辨識科技 (協助自閉症) ? 認知障礙輔助科技 (失智對策) ? 注意力科技 (克服過動行為) ? 文字...

2012年10月22日星期一

Homework 10/22/2012

1. 有A, B, C 三個網頁，A引用了B, C，B引用了C，C也引用了B, A
計算A,B,C 三個網頁的PageRank，A, B, C 三個網頁的PageRank 各為多少?

請使用白紙手寫，下周一(10/29/2012)上課繳給助教。

2. 使用部落格重新設計系網頁，規格要求如下

搜尋功能
網頁至少包含以下類別公告，師資，課程，系學會，校友動態，畢業出路，每個類別至少五頁
每個網頁必須有導覽列，可跳至公告，師資，課程，畢業出路，系學會，校友動態，畢業出路
首頁必須提供影音專區，放置一部影片(參考校網頁)
首頁必須提供流覽人次與近三十日劉覽趨勢(參考認識老師)
以高中生和家長為對象，撰寫畢業出路500字介紹
以校友為閱聽對象，撰寫一則你所認識的畢業學長姐動態

繳交作業時間 10/29 18:50 pm

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

隨堂小考

1. 有A, B, C 三個網頁，A引用了C，B引用了A, C，C也引用了B, A
計算A,B,C 三個網頁的PageRank。

Hints: (source Wikipedia)

Lab 17 HTML

HTML

Tutorial

Accessibility

What is web accessibility?
Accessible search engine
Use accesskeys

Preparation

1. Using Microsoft Notepad, Copy and paste the HTML example atIntroduction to HTML
2. Save the file as myfile.html
3. Open the file using Firefox.

New editor
4. Enter http://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic
5. Copy and paste the HTML example at Introduction to HTML
6. Verify your results on the screen.

7. Repeat the work for

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 18 Google Accessibility

Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link.
Google Access Keys Enables navigation through Google search results.

Reference:
http://dia.z6i.org/ (中文) 在 30 天內打造更具親和力的網站

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

Lab 19 AccessBar

AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Find how many access keys have been defined at
www.ocac.gov.tw www.epa.gov.tw

Continued from the above, use google to find 3 more government sites in Taiwan that enable access keys.

Q:請描述至少一個你做這個lab所遇到的問題，並且你是如何解決這個問題的。

2012年10月16日星期二

Homework 10/15/2012

1. 有A, B, C 三個網頁，A引用了B, C，B引用了C，C也引用了B, A
計算A,B,C 三個網頁的PageRank，三者PageRank排序為何?
2. 使用部落格重新設計系網頁，規格要求如下

搜尋功能
網頁至少包含以下類別公告，師資，課程，系學會，校友動態，畢業出路，每個類別至少五頁
每個網頁必須有導覽列，可跳至公告，師資，課程，畢業出路，系學會，校友動態，畢業出路
首頁必須提供影音專區，放置一部影片(參考校網頁)
首頁必須提供流覽人次與近三十日劉覽趨勢(參考認識老師)

繳交作業時間 10/22 18:50 pm

參考資料:
PageRank-Google 決定搜尋排名的關鍵技術
PageRank 的論文

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

2012年10月15日星期一

TPA 獲得 LoL 世界冠軍

書寫你的感想（可以擇一回答：你對電競的看法，台灣是否該全力推展電競，電競選手的出路，教育部是否該提倡電競）

Lab 14 Using Google PageRank

在Firefox上安裝 PageRank , 然後使用 PageRank 量測以下網站的 PageRank (0~10分)

紐約時報 http://www.nytimes.com
CNN http://www.cnn.com/
台灣雅虎 http://tw.yahoo.com
蕃薯藤 http://www.yam.com
PCHome 購物 http://shopping.pchome.com.tw/

接著，以PageRank量測你常用的三個網站。

參考資料:
PageRank-Google 決定搜尋排名的關鍵技術
PageRank 的論文

訂閱：文章 (Atom)

2012年12月17日 星期一

2012年12月13日 星期四

2012年12月11日 星期二

2012年12月10日 星期一

2012年12月3日 星期一

2012年11月27日 星期二

2012年11月26日 星期一

2012年11月12日 星期一

2012年11月5日 星期一

2012年10月22日 星期一

2012年10月16日 星期二

2012年10月15日 星期一

搜尋此網誌

網誌存檔

總網頁瀏覽量

2012年12月17日星期一

2012年12月13日星期四

2012年12月11日星期二

2012年12月10日星期一

2012年12月3日星期一

2012年11月27日星期二

2012年11月26日星期一

2012年11月12日星期一

2012年11月5日星期一

2012年10月22日星期一

2012年10月16日星期二

2012年10月15日星期一