2011年12月19日 星期一

Lab 38 Syndication with RSS 2.0

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

Blogger 製作

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





2011年12月10日 星期六

Homework 12-05-2011

1. 推薦一則 ted.com 演講給你朋友,告訴你的朋友這個演講好在哪裡。
2. 參考 Wikipedia,雲端運算的關鍵是甚麼? Google, Amazon, Microsoft 有哪些雲端服務?


1.

Keith Barry does brain magic



Keith Barry向我們展示了我們的大腦如何能騙過我們的身體。然後,他實際了做了一些令人瞠目結舌的表演(甚至有點危險)。因為沒有中文字幕,大概可以從他的表演以及下面的評論推測他還蠻厲害的。


2.

雲端運算(英語:Cloud Computing),是一種基於網際網路的運算方式,透過這種方式,共享的軟硬體資源和資訊可以按需提供給電腦和其他裝置。整個執行方式很像電網。

雲端運算是繼1980年代大型電腦到用戶端-伺服器的大轉變之後的又一種巨變。使用者不再需要了解「雲端」中基礎設施的細節,不必具有相應的專業知識,也無需直接進行控制。[1] 雲端運算描述了一種基於網際網路的新的IT服務增加、使用和交付模式,通常涉及透過網際網路來提供動態易擴充功能而且經常是虛擬化的資源。[2][3] 雲其實是網路、網際網路的一種比喻說法。因為過去在圖中往往用雲端來表示電信網,後來也用來表示網際網路和底層基礎設施的抽象。典型的雲端運算提供商往往提供通用的網路業務應用,可以透過瀏覽器等軟體或者其他Web服務來存取,而軟體和資料都儲存在伺服器上。雲端運算關鍵的要素,還包括個性化的使用者體驗

雲端運算可以認為包括以下幾個層次的服務:基礎設施即服務(IaaS),平台即服務(PaaS)和軟體即服務(SaaS)。雲端運算服務通常提供通用的透過瀏覽器存取的線上商業應用,軟體和資料可儲存在資料中心。


















(dept.kh.usc.edu.tw/.../科技界的火熱話題,就在雲端運算服務.ppt)

2011年12月5日 星期一

Lab 32 Hand code a form

Lab 31 Lab Form and Action

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月28日 星期一

Lab 30 Mash-Up 4 (Calendars)


Lab 29 Mash-up 3 (Blogs)

Lab 28 Mash-up 2 (Maps)

comparision!!!!!!!!!!!!!!

housingmaps                         yungching

美感:樸素簡單                       美感:色彩鮮豔
直覺性:易懂                          直覺性:較清楚
流暢:較不流暢                       流暢:較流暢
預期反應:須一項一項看          預期反應:不錯

Lab 27 Mash-up 1 (Publish)

2011年11月21日 星期一

Lab 26 navigation bar

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

 

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.



Lab 21 HTML


HTML 

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.





2011年11月8日 星期二

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.

Cycu  :  3 Fails





Taiwan Entertainment : 1 Fails

MSN : 4 Fails

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.





















2011年11月7日 星期一

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?

----------------------------------------------------------------------------------------------------------------------------------




<h1>標籤 : 標題(heading)字體漸小

 

<ul>標籤 : 沒有排序(Unordered Lists)


<ol>標籤 : 有排序(Ordered Lists)





2011年10月31日 星期一

Lab 20 Google Accessibility

  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.



Lab 19 AccessBar

www.ocac.gov.tw  
http://www.tycg.gov.tw/main/main_index.aspx
http://www.taichung.gov.tw/internet/main/index.aspx
http://www.president.gov.tw/





 

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.

Lab 17 Greasemonkey

  1. Please read the information about Greasemonkey and cookiebefore you start the lab.
  2. Install Greasemonkey 0.9.1. Check the lower right corner of your Firefox and you should find a monkey at the right.
  3. 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?
  4. You can turn off Greasemonkey by clicking on the monkey face at the URL bar of Firefox. Click again to activate Greasemonkey.
















Lab 16 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量測你常用的三個網站,如下:

中原大學全球資訊網 http://www.cycu.edu.tw/
臉書 https://www.facebook.com/
網際網路應用系統設計 http://iapblog.blogspot.com/









2011年10月18日 星期二

Homework 10-17-2011

題目:
1. 稀土元素對電子業的未來有何影響?
2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
3. 在上次homework-10-3-2011中,你得到多少篇回應? 這些回應對你有幫助嗎?






1.稀土元素,是近年來國際各大強權努力爭奪的資源之一。它們是化學元素中鈧、釔和鑭系元素等化學元素的共同的俗稱。它們之所以重要,是因為近年來的高科技電子產品都需要以它們做為原料。全世界的稀土元素有一半以上蘊藏在中國,也因此有人認為,二十一世紀中國成為國際強權的重要因素之一,也包含了稀土元素的佔有率。但是,國際知名的易學大師陳怡魁在研究中卻發現,稀土元素在本質上卻有一種相當令人不安的負面效應。稀土元素在初開採出來時,是一種具有放射性的有毒物質,雖然經過了高科技的處理後,已經成了看似安全的物質,但實際上卻仍然有儀器測不出的負面能量這些負面能量是近年來越來越多人出現躁鬱、失眠、暴力能情緒的元凶。參考資料







2.是的,

常見的瀏覽器洩漏隱私方式,比如說登入某網站時,帳密被儲存在電腦裡、或者是在公用電腦上使用者忘記登出.....資料因此容易被有心人士利用或惡意的發佈訊息(ex可憐的簸林)







3.我得到5篇回應,謝謝大家支持~
看到大家對我的想法做出一些見解還有討論,激勵我在思考上的改變還有學會聽取別人的意見也是很重要的。

Lab 12 發表評論

對上次作業( Homework 10-3-2011 )發表的評論!!GO!!


香腸哥
阿德兒
子寧妹妹
涵 絜
阿苔哥

Lab 11 Comparing browsers

比較最為常用的兩個瀏覽器(google chrome & firefox)的表現





Lab 10 本校網頁簡體版功能

2011年10月17日 星期一

Homework 10-3-2011

1.     What's Moore's law? Please offer an example.


Moore 定律是Intel創辦人之一 Moore 提出的,
摩爾定律是指:IC上可容納的電晶體數目,約每隔18個月便會增加一倍,性能也將提升一倍,例如:現在隨身碟容量由一開始的1GB經過18個月後變2GB,再4GB16GB32GB64GB……以此類推





2.     你有何策略可以針對網路大學排名四個要素提出改善本校排名之
   ?

網路排名的四個要素:網頁數、連結度、檔案數、論文數。

如果商品符和消費者需求必能大賣。與這個道理一樣,如果學校網站的內容更多、更豐富、更符合別人需要就會被選擇被連結,則除了在網路排名能有顯著的提升,對學校本身的聲譽也有一定的提升度。其餘的就是學校的師生要更多發表一些論文、參予更多國際性活動得獎、增加新聞曝光率以及教學的檔案。這樣不但讓排名提升、學生實力提高,也讓我們中原更能被大家看見。