Lab 34 Syndication with RSS 2.0
Monday, December 6, 2010
Lab 33 匯出部落格
Lab 33 匯出部落格
1. 將你的部落格匯出為 XML，請使用blogspot 已經提供的匯出工具
2. 在blogspot 新建一個空白部落格。
3. 將剛才匯出部落格匯入到新的部落格
4. 檢查匯出情況，是否有出現異常，資料遺失或被變更?
沒有 文章和留言皆正常
2. 在blogspot 新建一個空白部落格。
3. 將剛才匯出部落格匯入到新的部落格
4. 檢查匯出情況，是否有出現異常，資料遺失或被變更?
沒有 文章和留言皆正常
Monday, November 22, 2010
Lab 32: DOM
Lab 32: DOM
1. Open KompoZer
2. Based on the code as in
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.
write a code to generate the table of 9*9 products. (九九乘法表)
Hint: The javascript code should be enclosed by script tags.
Lab 31: Create Image using DOM
Lab 31: 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.
Wednesday, November 10, 2010
我想用網誌把想的事記下來
今天在想很多有關念研究所的事，昨天看了三個傻瓜，今天看了李遠哲的為什麼要念研究所的文章，真的我有好多東西都不懂，這時候我心裡跟我說，救贖觀:不要擔心你只要盡力去懂你需要懂得的就夠了。不知道這樣想有什麼缺點，繼續經驗生活在修正吧。
有什麼方法讓我的心情想法雜技的地方能夠繼續go on，不會斷掉。
第一，be cool be fun with it.
第二，don't stress out because u didn;t have time to jet it down.
第三，live ur life alone with life jesus, not with people, but go into the people.
第四，be precious to ur thought, no idea go and find.
cheer up rex keep going ,god will help me up .
英文，跟melna聊到寫文章，我心裡的想法是寫英文文章給他revise吧。
找時間唸電子學
有什麼方法讓我的心情想法雜技的地方能夠繼續go on，不會斷掉。
第一，be cool be fun with it.
第二，don't stress out because u didn;t have time to jet it down.
第三，live ur life alone with life jesus, not with people, but go into the people.
第四，be precious to ur thought, no idea go and find.
cheer up rex keep going ,god will help me up .
英文，跟melna聊到寫文章，我心裡的想法是寫英文文章給他revise吧。
找時間唸電子學
| 日期(月/日) | 節次 | 科目 | 教室 | 延長考 | 備註 |
| 11/15(星期一) | 3 | 電磁學(一) (EL214K) | 教學409 | ||
| 11/16(星期二) | 2 | 普通物理(一) (EL052A) | 教學410 | ||
| 11/19(星期五) | 1 | 數位邏輯電路設計 (EL396F) | 教學312 | ||
| 11/19(星期五) | 2 | 工業日文(一) (EL498L) | 教學505 |
Monday, November 8, 2010
修改FORM
Monday, November 1, 2010
Lab 26: Mash-up 3 (Blogs)
部落格與相本的結合運用。透過部落格分享你的照片集，省去傳送大量照片的缺點，自由書寫照片中的故事。
Create a slide show of your album. Embed the album in your blog.
Hint: 挪威奧斯陸之行
album
Create a slide show of your album. Embed the album in your blog.
Hint: 挪威奧斯陸之行
album
Lab 25: Mash-up 2 (Maps)
真實案例
96年度全人關懷獎 -崔媽媽科技服務工作團隊
For housing services, compare the following two websites
http://www.housingmaps.com
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
美感
7houses 上在美感方面,首頁有凌亂感.在進入個案中透過顏色的搭配,以及圖片的選擇,達到美化個案的效果.
housing map 在介面上沒有什麼特別的美化.
直覺性
7houses 是台灣式的房屋網,台灣地小人稠,因此若以地圖式的方式呈現應該會變的很不便利,因為個體間沒有區別性,因此這網站使用這樣的方式,是可以接受的,直覺性上就是使用首頁上方的搜尋以及中間的熱門房屋,要尋找房屋資訊.
housing map 十分便利,鎖定居住地區,及立刻得到需要的資訊.
流暢
7houses 有點慢
housing map 利用google map的搜尋方式 所以速度上還不錯
預期反應
7houses 普通
housing map 結合craigslist 美國知名免費網站 跟gmap的便利 比預期中的更好
96年度全人關懷獎 -崔媽媽科技服務工作團隊
For housing services, compare the following two websites
http://www.housingmaps.com
http://www.7house.com.tw
List the differences in the user interface design and usability. Make comments
by your use experiences.
比較: 美感，直覺性，流暢，預期反應
美感
7houses 上在美感方面,首頁有凌亂感.在進入個案中透過顏色的搭配,以及圖片的選擇,達到美化個案的效果.
housing map 在介面上沒有什麼特別的美化.
直覺性
7houses 是台灣式的房屋網,台灣地小人稠,因此若以地圖式的方式呈現應該會變的很不便利,因為個體間沒有區別性,因此這網站使用這樣的方式,是可以接受的,直覺性上就是使用首頁上方的搜尋以及中間的熱門房屋,要尋找房屋資訊.
housing map 十分便利,鎖定居住地區,及立刻得到需要的資訊.
流暢
7houses 有點慢
housing map 利用google map的搜尋方式 所以速度上還不錯
預期反應
7houses 普通
housing map 結合craigslist 美國知名免費網站 跟gmap的便利 比預期中的更好
Thursday, October 28, 2010
never Fly Alone Family Site 網站建置
never Fly Alone
My Family Site 建議書草案
10.27.2010
定位: 作為家人之間突破忙碌的橋樑
目標: 使家人間建立網路上的連結，增加互動也使個人得到家人所給的重視與關心，使"距離""忙碌"不成為家人關係 上的阻礙。
背景: 家中孩子上了大學後家人就開始分居，大部分的時間各自有自己的生活，目前所有的家人平時不管是在工作或是讀書，幾乎每天都會接觸到網路，因此架設網站增加是家人間互動的很好選擇，可以使家人在生活上增加一個分享心事的地方，增加互相關心的機會。另外一般家人面對面的互動比較多，文字間的交流的優點可以避免一些個人因素所產生的雙向溝通障礙，架設這個網站能夠使家人間透過文字來傳達真切的感受及想法。
在很多的情況下若我們僅使用手機做連絡會造成很多的不方便，舉例"今天媽媽想要烤火雞給全家，因此她要打給全家的每個成員說你要在幾點到家，才不會錯過新鮮烤好得火雞。這個一個個打電話的過程可能會花上不少時間，時常因個人因素無法接電話，因此在這個情況下她只要放在這個網站上一篇文章，並且Family Site會自動email至家中每個成員，每個人只要在說好的family day前固定去看網站。
可以透過這個平台了解每個人使用google schedule，假設這次妹妹生日在選生日party的日子只要點開網站的Schedule就能看見每個人的Scheule ，選好日子後發布文章，網站透過RSS就會寄給家庭成員。
功能
1. 訂閱: 有訊息就主動通知，省去每日上網察看是否有新訊息。與RSS2.0國際標準接軌。
2. 留言文章: 透過留言的方式呈現這個網站的首頁，強調家人間的溝通平台。
3. 相簿: 讓過去所有家庭照片及影片能上網，完全一絲不漏地放上去，讓每個人可以隨時回顧過去生活的點滴，在外地的家人也可以分享個人生活照片讓其成員了解他生活環境與狀況。
4. 綜合行事曆: 透過google schedule 可同時觀看全部人的schedule，得知哪個人時麼時候要出國在哪個時間可以一起吃飯，或是安排時間一起出去玩。並且放上家庭共同行事曆，同時記錄下家庭共同經驗。
5. PRAYER REQUEST: 知道家人每個人目前面臨的困難、身體疾病、及感謝的事，透過禱告以及每個人不同的需要實際關心、幫助。
6. 家庭成員介紹：提供一個環境，使周遭的新朋友能夠認識自己的家人。
7. 家庭活動預告專區: 這個專區可以使活動籌劃人讓每個人了解下次出遊的內容，也引起更多討論與分工合作的功能。
8. 親友家庭網站連結: 可以直接連至其他親戚朋友的家庭網站。
My Family Site 建議書草案
10.27.2010
定位: 作為家人之間突破忙碌的橋樑
目標: 使家人間建立網路上的連結，增加互動也使個人得到家人所給的重視與關心，使"距離""忙碌"不成為家人關係 上的阻礙。
背景: 家中孩子上了大學後家人就開始分居，大部分的時間各自有自己的生活，目前所有的家人平時不管是在工作或是讀書，幾乎每天都會接觸到網路，因此架設網站增加是家人間互動的很好選擇，可以使家人在生活上增加一個分享心事的地方，增加互相關心的機會。另外一般家人面對面的互動比較多，文字間的交流的優點可以避免一些個人因素所產生的雙向溝通障礙，架設這個網站能夠使家人間透過文字來傳達真切的感受及想法。
在很多的情況下若我們僅使用手機做連絡會造成很多的不方便，舉例"今天媽媽想要烤火雞給全家，因此她要打給全家的每個成員說你要在幾點到家，才不會錯過新鮮烤好得火雞。這個一個個打電話的過程可能會花上不少時間，時常因個人因素無法接電話，因此在這個情況下她只要放在這個網站上一篇文章，並且Family Site會自動email至家中每個成員，每個人只要在說好的family day前固定去看網站。
可以透過這個平台了解每個人使用google schedule，假設這次妹妹生日在選生日party的日子只要點開網站的Schedule就能看見每個人的Scheule ，選好日子後發布文章，網站透過RSS就會寄給家庭成員。
功能
1. 訂閱: 有訊息就主動通知，省去每日上網察看是否有新訊息。與RSS2.0國際標準接軌。
2. 留言文章: 透過留言的方式呈現這個網站的首頁，強調家人間的溝通平台。
3. 相簿: 讓過去所有家庭照片及影片能上網，完全一絲不漏地放上去，讓每個人可以隨時回顧過去生活的點滴，在外地的家人也可以分享個人生活照片讓其成員了解他生活環境與狀況。
4. 綜合行事曆: 透過google schedule 可同時觀看全部人的schedule，得知哪個人時麼時候要出國在哪個時間可以一起吃飯，或是安排時間一起出去玩。並且放上家庭共同行事曆，同時記錄下家庭共同經驗。
5. PRAYER REQUEST: 知道家人每個人目前面臨的困難、身體疾病、及感謝的事，透過禱告以及每個人不同的需要實際關心、幫助。
6. 家庭成員介紹：提供一個環境，使周遭的新朋友能夠認識自己的家人。
7. 家庭活動預告專區: 這個專區可以使活動籌劃人讓每個人了解下次出遊的內容，也引起更多討論與分工合作的功能。
8. 親友家庭網站連結: 可以直接連至其他親戚朋友的家庭網站。
Monday, October 25, 2010
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.
AFTER FIX THE FAILURE
2. Fix the failures you found.
AFTER FIX THE FAILURE
Lab 22 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.
msn
Yahoo!
Google
Report the summary of all the errors and warnings for each site.
msn
Yahoo!
Tuesday, October 19, 2010
Lab 21: 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.
Monday, October 18, 2010
Lab20
I put both functions together.
and i use these two html at here.
Coffee is the best
Milk ,drink it as water
Tea is an elegant drink
- whatever~
Coffee is the best
Milk ,drink it as water
Tea is an elegant drink
- whatever~
Lab 18 Comparing browsers
these two browser both are really awsome, and both browsers have benefits and drawbacks.
Chrome>>FireFox:
- it simply feels more lightweight. Firefox feels like a heavy program that uses more resources.
- viewing area is larger
- Speed:Chrome loads faster than FireFox
- Javascrip performace is better.as we see in the statisic.
- customizable:thousands of add-ons
- easy to switch its search engine Box
Homework 5
1. 網路可不可能增進身心障礙者的便利，請舉例說明?
透過適當的電腦輔助，各類的身心障礙都有機會連接上網路，網路上有近乎全世界的資訊，因此這可以使身心障礙者突破身心上的限制，接觸各樣的事物；不只在資訊上網路上也提空很多的服務如購物、教育等，可以幫助身心障礙者改善的生活品質；也利用網路與人聯絡溝通，所以網路發展蓬勃對身心障礙者是一大福音。
這有一些google 在accessibility 的服務介紹
http://googleblog.blogspot.com/search/label/accessibility
2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
會在使用信用卡在購物網站購物、即時訊息溝通、申請網站會員、個人看的網頁等等，都會在網站上或是瀏覽器上留下個人資訊，以及使用者上網路紀錄，因此使用者隱私可能透過木馬程式，或是網站的cookie被洩漏出去。
透過適當的電腦輔助，各類的身心障礙都有機會連接上網路，網路上有近乎全世界的資訊，因此這可以使身心障礙者突破身心上的限制，接觸各樣的事物；不只在資訊上網路上也提空很多的服務如購物、教育等，可以幫助身心障礙者改善的生活品質；也利用網路與人聯絡溝通，所以網路發展蓬勃對身心障礙者是一大福音。
這有一些google 在accessibility 的服務介紹
http://googleblog.blogspot.com/search/label/accessibility
2. 瀏覽器會洩漏使用者的隱私嗎? 為甚麼?
會在使用信用卡在購物網站購物、即時訊息溝通、申請網站會員、個人看的網頁等等，都會在網站上或是瀏覽器上留下個人資訊，以及使用者上網路紀錄，因此使用者隱私可能透過木馬程式，或是網站的cookie被洩漏出去。
Monday, October 11, 2010
lab 16 Accessibility in GreaseMonkey
- Google Search Keys Numbers the results in a Google search page and you can type the corresponding number to follow the link. Updated: 2005-04-26. more
- Google Access Keys Enables navigation through Google search results.
Lab 14 GreaseMonkey
 |
| First install greasemonkey |
 |
| nytimes wrote the cookies to us |
 |
| our class blog uses cookies to track us. |
 |
| Google uses it either. |
 |
| turn the monkey off |
 |
| Activate it again |
Wednesday, October 6, 2010
Lab 13 Google Mars
1. Observe how Google Mars loads the map and does the zooming. Is the data downloaded once for all or retrieved on demand?
It downloads data for retreved ondemand. See the photo
2. 這個服務的特色有哪些?
A.有等高線做區域顏色的畫面
B.衛星肉眼空照圖
C.衛星紅外線空照圖
D.可以使用左上角的分類找到 地區、mountain、峽谷....等各種地形分類之位置
E.人性化指標放大
F.拖拉式螢幕滑動
G.可使用收尋列收尋特定地標
H.亦可使用Google earth 觀看3D Google Mars
Lab12 Using Google PageRank
量測以下網站的 PageRank (0~10分)
紐約時報9/10
CNN 8/10
台灣雅虎 8/10
蕃薯藤 7/10
PCHome 購物 6/10
Monday 購物 4/10
以PageRank量我常用的三個網站。
ESLPOD 5/10
EHOW 6/10
CGNTV 4/10
紐約時報9/10
CNN 8/10
台灣雅虎 8/10
蕃薯藤 7/10
PCHome 購物 6/10
Monday 購物 4/10
以PageRank量我常用的三個網站。
ESLPOD 5/10
EHOW 6/10
CGNTV 4/10
Monday, October 4, 2010
Lab 11. Using your iGoogle
在iGoogle 閱讀群組 Google Reader，加入這個部落格 http://minstral.blogspot.com/
Subscribe to:
Posts (Atom)