2013年12月30日 星期一

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

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


比較兩者有何差異。

Lab 37 Google Analytics












1. Enter Google Analytics
2. Put the code provided by Google Analytics in your own blog.
3. Check the results to see the daily traffic chart, the recent visitors by locations.

Lab 36 模擬辨色能力障礙

VisCheck 可以模擬色盲的效果,而讓妳看到色盲讀者所會看到的樣子。妳不但可以用他來檢查某一張圖片,也可以檢查整個網頁。examples

從學校網站首頁新聞選取五張照片,測試兩類色盲模擬效果。

2013年12月23日 星期一

Homework 12-23-2013 使用Google Drive 進行同步編輯 (HW6)

如何使用Google Drive 雲端硬碟與 微軟Word 與夥伴進行協同編輯
1. 上網下載 Google Drive 程式,在你的電腦上安裝這支雲端硬碟程式
2. 這支程式會建立一個新的目錄,稱做Google 雲端硬碟
3. 所有在這個目錄編寫的任何文件(Word/Excel/ppt) 都會自動同步到 Google 線上文件
4. 進入 Google 線上文件 設定你要和夥伴 分享的文件,可分為 只可預覽,可編輯 等多種權限,如果未設定分享,別人無法看到這些線上文件。
5. 使用 Word 繼續編輯文件,Google 會隨時同步到雲端

優點
1. 無需隨時把新版本傳給夥伴
2. 無需改變編輯工具(Word ...)

Lab 35 匯出部落格

1. 將你的部落格匯出為 XML,請使用blogspot 已經提供的匯出工具
2. 在blogspot 新建一個空白部落格。
3. 將剛才匯出部落格匯入到新的部落格
4. 檢查匯出情況,是否有出現異常,資料遺失或被變更?

Lab 34 Zip Code Web Service.

"we make a living by what we get, we make a life by what we give"

Test Drive a web service
1. Take a look at the schema of Zip Code Web Service.
2. Use the lincense key eUhOTOJs9D2mcHU6SiL0CyMQvpJ3I3PqR2/fpRq4BOApWxzSzw7wD2FQ2mOmHEk+pq6iRBomQ4wuQl5EGOgfCitYgkQ3N4vl
to use this web service or subsbcribe to it at Zip codes lookup To apply for the license key by yourselves, be sure to have an email box to receive it.
2. Click GetPlacesInside and play with this operation
3. Enter 61801 as zip code and see what you get in the result.
4. Try again 92345 as zip code

Question: Why do you need a license key to use the service?

2013年12月21日 星期六

From HTTP to SOAP

HTTP
HTTP Header
SOAP Web Service
Simple Object Access Protocol (SOAP)

SOAP stands for Simple Object Access Protocol.
SOAP is a protocol for accessing web services.
SOAP is based on XML.

SOAP examples (source w3cschools)
SOAP code example (source w3cschools)
SOAP Binding example (source w3cschools)
SOAP code example (source wikipedia)


2013年12月16日 星期一

Lab 33 Syndication with RSS 2.0



1. 進入你的部落格,登入,選擇設計
2. 新增小工具
3. 選取
資 訊提供 新增
將 RSS 或 Atom 資訊提供的內容加入您的網誌。

Blogger 製作

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

Lab 32 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.

Lab31 XML

1. Register and Download Xray, an XML, XSLT editor and processor.
    (安裝X-Ray需要權限)

    (助教碎碎念:若無法順利安裝再點)

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

3. View the formatted HTML file.

2013年12月11日 星期三

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

網際網路應用系統設計: XML: Take a look at islandwide temperatures of Taiwan. What happens if you just want Taoyuan's temperature? If you want to include Taoyua...

2013年12月2日 星期一

Lab 29 Making images accessible

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

You can copy and paste the content to your Notepad++.

3. Save your editings and preview your webpage.

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

5. Check whether you can see the ALT text for the images by moving the mouse over the image.

Lab 28 視障者使用網頁的需求

參考視障者瀏覽網頁的需求,請至少針對五類需求(例如:選定你的語言),每類舉出一個網頁實例(台灣或國外皆可),並列出該網頁關鍵HTML片段,證明該網頁的確符合視障者需求。

相關新聞報導 爭資訊與文化平權 上千身障者上街(自由時報12.1.2013)

Lab 27 如何計算 PageRank

有A, B, C 三個網頁,A引用了B, C,B引用了C,C也引用了 A
計算A,B,C 三個網頁的PageRank,三者PageRank排序為何?

PageRank-Google

PageRank-Google 決定搜尋排名的關鍵技術