2. Put the code provided by Google Analytics in your own blog.
2. Check the results to see the daily traffic chart, the recent visitors by locations.
2010年5月31日 星期一
Lab 33: Google Analytics
1. Enter Google Analytics
2. Put the code provided by Google Analytics in your own blog.
2. Check the results to see the daily traffic chart, the recent visitors by locations.
2. Put the code provided by Google Analytics in your own blog.
2. Check the results to see the daily traffic chart, the recent visitors by locations.
2010年5月24日 星期一
Lab 29: 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.
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.
Lab 28: 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.
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.
2010年5月16日 星期日
Lab 27: Using XML and XSLT
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.
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 26: Using XML
2010年5月10日 星期一
Lab Hand code a form
Hand code a HTML or use KompoZer to edit an HTML so that the webpage can send a request to Google likehttp://maps.google.com/maps?q=24.9586,+121.24114Use Form CGI that includes action, input, and submit.Try a few different coordinates.
Lab 25 Lab Form and Action
"logic will get you from A to B - imagination will take you anywhere"
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?
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?
Homework 5-03-2010
1. 請點選以下中原大學電算中心有獎徵答活動，檢視當中使用了哪些服務的 mash-up?
google docs 的 報表 表單 文件。
2. Rich Internet Applications 泛指網頁上高度互動性設計，諸如Youtube, Google Maps 等，需要較多的運算與頻寬，請問這些應用是否可能將無障礙設計納入考量，以兼顧視障，肢體障礙，聽障者的需求?
縱然這些應用會吃掉更多的頻寬以及運算，但在現今這科技高度發展的狀況之下，將這些應用把無障礙使用者納入考量相信是沒問題的。可惜的是，再高的互動性也無法使無障礙使用者在youtube上選取的影片得到百分之百的感受。
3. Augmented Reality (on Youtube Video) 目前有哪些研究?是列舉三個研究單位或三項研究的簡介。
Augmented Reality主要是將電腦產生的視覺影像及資訊整合到現實環境的一種應用與技術。目前Augmented Reality技術廣泛的被應用於醫療影像及教育、軍事訓練、工程、建築設計、工業設計、教育、遊戲等。
1.AIM Lab
2.Augmented Reality Lab at York University
3.Magic Vision
google docs 的 報表 表單 文件。
2. Rich Internet Applications 泛指網頁上高度互動性設計，諸如Youtube, Google Maps 等，需要較多的運算與頻寬，請問這些應用是否可能將無障礙設計納入考量，以兼顧視障，肢體障礙，聽障者的需求?
縱然這些應用會吃掉更多的頻寬以及運算，但在現今這科技高度發展的狀況之下，將這些應用把無障礙使用者納入考量相信是沒問題的。可惜的是，再高的互動性也無法使無障礙使用者在youtube上選取的影片得到百分之百的感受。
3. Augmented Reality (on Youtube Video) 目前有哪些研究?是列舉三個研究單位或三項研究的簡介。
Augmented Reality主要是將電腦產生的視覺影像及資訊整合到現實環境的一種應用與技術。目前Augmented Reality技術廣泛的被應用於醫療影像及教育、軍事訓練、工程、建築設計、工業設計、教育、遊戲等。
1.AIM Lab
2.Augmented Reality Lab at York University
3.Magic Vision
2010年5月3日 星期一
Lab 24: Mash-Up 4 (Calendars)
建立你的行事曆，並與學校行事曆合併
Google日曆-中原大學行事曆-html版本<http://www.google.com/calendar/embed?src=sth4g0ns7lj48crs0gsm3ekuns%4...> 進入後按右下角+Google日曆即可訂閱
Lab 23: Mash-up 3 (Blogs)
Lab 22: Mash-up 2 (Maps)
真實案例
96年度全人 關懷獎 -崔媽媽科技服務工作團隊
For housing services, compare the three websites
http://www.housingmaps.com
http://www.urmap.com.tw/
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
就我覺得呢
美感-7house>HousingMaps>Urmap
直覺性-7house>Urmap>HousingMaps
流暢-7house>Urmap>HousingMaps
預期反應-Urmap>7house>HousingMaps
96年度全人 關懷獎 -崔媽媽科技服務工作團隊
For housing services, compare the three websites
http://www.housingmaps.com
http://www.urmap.com.tw/
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
就我覺得呢
美感-7house>HousingMaps>Urmap
直覺性-7house>Urmap>HousingMaps
流暢-7house>Urmap>HousingMaps
預期反應-Urmap>7house>HousingMaps
Lab 21: 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 工作坊
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 工作坊
Homework 4-19-2010
訂閱：
文章 (Atom)
