Lab 35 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


程式碼部份

9*9乘法表

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

Homework 4

SahanaTW 是一套災難管理網站應用系統，可協助解決災後大規模的人道問題，包括受災人口通報統計、物資捐贈、庫存、媒合管理及志工與專案管理等。

請使用域設帳號試用中央研究院SahanaTW測試平台
並且提供建議。

-

選擇登錄的帳戶是最高權力者
superuser/Pass1234

裡頭的功能比我想像中的要多,其中我認為最實用的莫過於物資庫存與倉庫管理系統

它細分的關於物資的項目,包括尋找及列表等等,讓想幫忙的人可以提供有用的物資
給予最需要的幫助



另一個便是受災戶登錄,若將這項系統發展起來,對於了解災民人數一定有相當大的幫助

Lab 11 發表評論

針對前次作業，挑選至少五篇你覺得很用心的文章，針對寫作技巧與文章內涵給予建設性的評語。


-

第一篇

第二篇

第三篇

第四篇

第五題

Homework3

比較 http://www.eztrust.tw/cycu/ 與現有學校網頁 
的版面設計，各列出五個優缺點。(前者某些功能無法使用無所謂)


新網頁( http://www.eztrust.tw/cycu/ )
(1)優：配色明亮,藍白配色畫面舒服
(2)優：讓人對學校的教育理念一目瞭然
(3)優：設置常用連結以及即時搜尋
(4)缺：重點項目不醒目(例如：在學學生等選項)
(5)缺：主頁稍嫌雜亂


舊網頁(http://www.cycu.edu.tw/)
(1)優：重點項目大而顯眼
(2)優：網頁主要頁面簡潔,分類清楚
(3)缺：以其它解析度拜訪,頁面顯得小而短
(4)缺：外部連結不明顯
(5)缺：配色稍嫌暗沉,豐富性較低

Lab 5 網路大學排名 DIY

計算大學排名分數，公式請參考網路大學排名

網頁數
Google site:cycu.edu.tw (台大 中正 中原 元智)
Yahoo site:cycu.edu.tw (台大 中正 中原 元智)

連結度(能見度)
Yahoo linkdomain:cycu.edu.tw -site:cycu.edu.tw (台大 中正 中原 元智)

檔案數(Rich files)
Google site:cycu.edu.tw filetype:pdf (台大 中正 中原 元智)

Google Scholar 論文索引
Scholar Google site:cycu.edu.tw (台大 中正 中原 元智)


--
網頁數量


網頁數
Google site:cycu.edu.tw (台大 中正 中原 元智)
Yahoo site:cycu.edu.tw (台大 中正 中原 元智)



台大：5,180,000*0.2=1036000　　　中正：734,000*0.2=146800
中原：477,000*0.2=95400　　　　　元智：516,000*0.2=103200



連結度(能見度)
Yahoo linkdomain:cycu.edu.tw -site:cycu.edu.tw (台大 中正 中原 元智)

連結度
台大：1,910,000*0.5=955000　　　  中正：413,000*0.5=206500
中原：102,000*0.5=51000　　　　　 元智：206,000*0.5=103000




檔案數(Rich files)
Google site:cycu.edu.tw filetype:pdf (台大 中正 中原 元智)

檔案數量
台大：(pdf 數量196,000 +ppt 數量13,800 +doc數量 54,000)*0.15=39570　　
中正：(pdf 數量15,400 +ppt 數量2,730 +doc數量14,800）*0.15=4939.5
中原：(pdf 數量8,350 +ppt 數量867 +doc數量 5,020)*0.15=2135.55
元智：(pdf 數量110,200 +ppt 數量1,290 +doc 數量4,620)*0.15=2416.5

Google Scholar 論文索引
Scholar Google site:cycu.edu.tw (台大 中正 中原 元智)
論文索引
台大174,000*0.15=26100　　　中正6,680*0.15=1002
中原6,250*0.15=937.5　　　　元智332*0.15=49.8

世界大學網路排名(WR=0.2×Rank（S）+0.5×Rank（V）+0.15×Rank（R）+0.15×Rank（Sc)
台大：1036000+95500+39570+26100=1197170
中正：146800+206500+4939.5+1002=359541.5
中原：95400+51000+2135.55+937.5=149473.1
元智：103200+103000+2416.5+49.8=208666.3


台大＞中正＞元智＞中原

Lab 32 Lab Form and Action

Lab 39 Syndication with RSS 2.0

Lab 40 製作一個報名網站

https://spreadsheets.google.com/viewform?formkey=dFh3R3Q4dUhqek5ER3NPNV83T1lzR1E6MQ

Lab 38 匯出部落格

新家
http://sl9626253.blogspot.com/

舊家
http://s9626253.blogspot.com/

Lab 37

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

Lab 36

Lab 31 Mash-Up 4 (Calendars)

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

Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...> 

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

Lab 30 Mash-up 3 (Blogs)

部落格與相本的結合運用。透過部落格分享你的照片集，省去傳送大量照片的缺點，自由書寫照片中的故事。

Create a slide show of your album. Embed the album in your blog.

Lab 29 Mash-up 2 (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.


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


美感 : http://www.housingmaps.com/ 界面較為簡潔，不像另一者主頁充斥著商業廣告
，看起來頁面也較擁擠

直覺性: http://www.housingmaps.com/ 較優，不需要多加研究使用方法也能夠上手

流暢:假如學校網路順暢時就很順....(兩者皆是)

預期反應: http://www.housingmaps.com/ 較佳，從簡潔的界面就可以得到所想要的資訊。

Lab 28 Mash-up 1 (Publish)

1. Upload a sample ppt to Google Docs.
2. Publish the uploaded ppt.
3. Embed the online ppt to your blog.

The reason to do so is that the readers don't have to have ppt to view your presentation. For example, some users work with Linux or Unix, and others work with MacOS. They will appreciate you for doing so.

範例:
如何活用 Gmail 工作坊

Lab 27 navigation bar

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

Lab 26 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 25 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 天內打造更具親和力的網站

Lab 23 More on HTML

Headings
1. Copy and paste the Headings example at http://www.w3schools.com/html/html_primary.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 Headings 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?

Lab 22 HTML

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.

Lab 21 Accessibility in GreaseMonkey

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

Reference:
http://dia.z6i.org/ (中文)

Lab 20 AccessBar

AccessBar: displays defined accesskeys in a fixed-position bar along the bottom of the window. Added 2005-04-01 (not a joke). 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

Lab 12: Using your iGoogle

1. 在你的iGoogle 討論群組 Google Group，加入這個討論區http://groups.google.com/group/mobile-computing
2. 在你的iGoogle 閱讀群組 Google Reader，加入這個部落格http://minstral.blogspot.com/

Lab 16 製作線上投影片

Lab 15 共同編輯文件

Lab 15 共同編輯文件

閱讀莫拉克風災電腦教室再生計畫，假設這個計畫是由你發起，你要擬定一張志工排班表，以及修復場地值班人員。

• 請製作一張值班人員表，為了提升效率，你決定先擬好空白表格，再開放編輯權限給你的夥伴填寫，請夥伴上網登記輪值時間。
• 製作志工時間登記表，當志工們填寫資料，管理者可以得到一份excel清單，為了保障個人隱私，請不要將excel公開給所有人

時段調查表


莫拉克風災研究生值班表

Lab 14 Google Docs

1. Go to Google Docs. Google Docs lets you write Word documents through an online web service.
2. Start writing.
3. Publish the Word document.
4. What's the URL of your document.
5. Add the Google Docs to your personal portal. At the portal page, you should be able to see the active documents.
6. Save your document as .doc and .pdf, the two common formats for documents.

Hint: This is a sample Word document.

News coverage:
Google “Docs & Spreadsheets” Launches ,Oct 2006


100年1-2月統一發票中獎號