2011年12月19日 星期一
2011年12月12日 星期一
Homework 12-05-2011
1. 推薦一則 ted.com 演講給你朋友，告訴你的朋友這個演講好在哪裡。
2. 參考 Wikipedia，雲端運算的關鍵是甚麼? Google, Amazon, Microsoft 有哪些雲端服務?
1. Steve Jobs: How to live before you die
這是蘋果賈伯斯(Steve Jobs)在2005年史丹佛大學畢業典禮的演講，勵畢業生勇於追求夢想，並在生命結束時
Microsoft: 如Hotmail、SkyDrive
2. 參考 Wikipedia，雲端運算的關鍵是甚麼? Google, Amazon, Microsoft 有哪些雲端服務?
1. Steve Jobs: How to live before you die
這是蘋果賈伯斯(Steve Jobs)在2005年史丹佛大學畢業典禮的演講，勵畢業生勇於追求夢想，並在生命結束時
找尋機會。所有的經歷，將會在未來一點一滴的連結，永遠保持好奇，虛心接納。
2. 雲端運算（英語：Cloud Computing），是一種基於網際網路的運算方式，透過這種方式，共享的軟硬體資源和資訊可以按需提供給電腦和其他裝置。整個執行方式很像電網。
雲端運算描述了一種基於網際網路的新的IT服務增加、使用和交付模式，通常涉及透過網際網路來提供動態易擴充功能而且經常是虛擬化的資源。
雲端運算可以認為包括以下幾個層次的服務：基礎設施即服務（IaaS），平台即服務（PaaS）和軟體即服務（SaaS）。雲端運算服務通常提供通用的透過瀏覽器存取的線上商業應用，軟體和資料可儲存在資料中心。
Google:如Gmail、YouTube、Google Docs、Google Talk .....
Amazon:有Amazon Elastic Compute Cloud (Amazon EC2) 、Amazon SimpleDB 、Amazon
Simple Storage Service (Amazon S3)
Simple Storage Service (Amazon S3)
Microsoft: 如Hotmail、SkyDrive
2011年12月5日 星期一
Lab 32 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.
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.
Lab 31 Lab Form and Action
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?
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?
2011年11月30日 星期三
Lab 28 Mash-up 2 (Maps)
housingmaps 永慶
美感： 單調 較美觀，廣告多
直覺性： 易尋找房屋 房屋相關資訊多
流暢： : 流暢 流暢
預期反應： 相關資訊能夠快速獲得 內容較複雜，較細緻
美感： 單調 較美觀，廣告多
直覺性： 易尋找房屋 房屋相關資訊多
流暢： : 流暢 流暢
預期反應： 相關資訊能夠快速獲得 內容較複雜，較細緻
Lab 27 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.
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.
2011年11月21日 星期一
Lab 25 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.
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 22 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?
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 21 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.
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.
2011年11月9日 星期三
Lab 24 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 天內打造更具親和力的網站
Report the summary of all the errors and warnings for each site.
Reference:
http://dia.z6i.org/ (中文) 在 30 天內打造更具親和力的網站
Lab 23 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 天內打造更具親和力的網站
2. Fix the failures you found.
Reference:
http://dia.z6i.org/ (中文) 在 30 天內打造更具親和力的網站
2011年10月31日 星期一
Lab 20 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.
Lab 19 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.
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 18 Clean Language
1. Save the JavaScript file of Clean Language to your desktop. Make changes to the script with self-defined bad words. To do this, save the JavaScript on your desk top. Use Notepad editor to make changes. Install the modified script as Greasemonkey.
2. Use Google to search webpages that contains some bad words.
3. Try whether the filtering take effects.
2. Use Google to search webpages that contains some bad words.
3. Try whether the filtering take effects.
Lab 17 Greasemonkey
- Please read the information about Greasemonkey and cookiebefore you start the lab.
- Install Greasemonkey 0.9.1. Check the lower right corner of your Firefox and you should find a monkey at the right.
- Cookie Monster - Show cookie contents: Shows the contents of the current page cookie. Just mouse over the "Cookie" text on the bottom left. Check what cookies http://www.nytimes.com writes to you. Does our class blog use cookie or not? Does Google use cookie?
- You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.
2011年10月24日 星期一
Lab 13 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.
https://docs.google.com/document/d/1lMPmV_OtURTsjmrwvyfacVl5GMre33Y8xV543B0ZBTY/edit?hl=en_US
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.
2. Start writing.
3. Publish the Word document.
4. What's the URL of your document.
https://docs.google.com/document/d/1lMPmV_OtURTsjmrwvyfacVl5GMre33Y8xV543B0ZBTY/edit?hl=en_US
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.
Homework 10-17-2011
1. 稀土元素對電子業的未來有何影響?
稀土元素，是元素周期表第Ⅲ族副族元素鈧、釔和鑭系元素共17種化學元素的合稱。現在每項電子產品中都會含有少量的稀土元素，不過也因為含量過少，所以也難以回收再利用，如果不能找到替代的能源的話，未來可能會造成電子產品的價格飆漲。
2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
現在瀏覽器都會有自動儲存帳號和密碼的功能，如果是平常自己在家裡使用的電腦就不太需要擔心資料洩漏的問題，會洩漏的原因也都是被植入病毒，如果使用公共場所的電腦的話就需要注意一下，不要讓瀏覽器記住自己的帳號和密碼。
3. 在上次Homework 10-3-2011中，你得到多少篇回應? 這些回應對你有幫助嗎?
7篇
每篇回應都是同學對自己文章的看法，讓我知道自己還有哪些地方需要再改進。
稀土元素，是元素周期表第Ⅲ族副族元素鈧、釔和鑭系元素共17種化學元素的合稱。現在每項電子產品中都會含有少量的稀土元素，不過也因為含量過少，所以也難以回收再利用，如果不能找到替代的能源的話，未來可能會造成電子產品的價格飆漲。
2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
現在瀏覽器都會有自動儲存帳號和密碼的功能，如果是平常自己在家裡使用的電腦就不太需要擔心資料洩漏的問題，會洩漏的原因也都是被植入病毒，如果使用公共場所的電腦的話就需要注意一下，不要讓瀏覽器記住自己的帳號和密碼。
3. 在上次Homework 10-3-2011中，你得到多少篇回應? 這些回應對你有幫助嗎?
7篇
每篇回應都是同學對自己文章的看法，讓我知道自己還有哪些地方需要再改進。
2011年10月17日 星期一
Lab 11 Comparing browsers
Install Google Browser Google Chrome and Firefox 7.0, try a few websites and compare their performance. For example, youtube, blogspot, msn, and yahoo.
Compare the following features:
Compare the following features:
Operating system support
Firefox:有些程式無法開啟(例如:Flash Player)
Google Chrome:大部分都可以開啟，本身也有支援Flash Player
Bookmark management
Firefox:操作比較繁複，但分類很清楚
Google Chrome:操作簡單，但分類繁雜
Download management
Firefox:視窗會彈出，比較不會被忽略
Google Chrome:視窗在左下角，容易被忽略
Password management
Firefox:可個別管理儲存帳密
Google Chrome:可個別管理儲存帳密
Form Management
Firefox:列表較完整
Google Chrome:列表較簡單
Spell checking
Firefox:有內建
Google Chrome:有內建
Search Engine toolbar
Firefox:網址列與搜索引擎並存
Google Chrome:可直接在網址列搜尋
Privacy mode
Firefox:有
Google Chrome:有
Auto update
Firefox:有
Google Chrome:有
訂閱：
文章 (Atom)