2008年2月29日 星期五

Lab 6: Show comments on your blog

1. 以一段程式自動擷取部落格的回應留言,讓你的部落格產生最新回應,沒有時差。
2. 請你的同學給你一個 comment,是否能正確顯示在最新回應上。
3. 實例

Homework 2-29-2008

1. 參考單車上的靈感,開始用部落格書寫你的個人散文,並加上適當標籤。

2. 一篇部落格是否只能使用一個標籤,如果不是,請舉出反例。 參考標籤(tag,或稱label)的定義,使用標籤有什麼好處? 標籤與分類有何不同?

3. 閱讀 Ten steps to better blogs,(You must download the pdf of the full text.) 然後寫下你的心得。(此文章必須在校內授權範圍內下載,在校外必須先設定proxy並且先登入圖書館)

4. Read Pages 184~188 of Textbook. Answer the problems 7, 8, and 9 on Page 195.

Due 3/7/2008 at 13:00. Please write your homework on your own blog.

Be sure to list the references that have been used to complete the homework.

Lab 5: Adding Labels for Blogs

Labels are key elements of Web 2.0.
Professional blogs have labels. In this lab, you will learn how to put labels on your blogs to make them look professional.

1. Check into your blog homepage.
2. Enter "自訂"
3. Follow the steps to create Label Block by drag and drops.
4. Get back to your existing blog posts. Fill the blanks at the field Labels (文章的標籤).
5. Save the changes.
6. Back to the blog and check if the labels come up.

Lab 4: Adding Links on Your Blog

1. Check into your blog homepage.
2. Enter "自訂"
3. Select "連結清單"
4. Write down "http://iapblog.blogspot.com/" and the title as "網際網路應用系統設計"
5. Write down "http://minstral.blogspot.com/" and the title as "Prof Chang's Blog"
6. Add your own favorite links.

Introduction to Internet

Inventor of the internet technology packet switching, Leonard Kleinrock

" Dr. Leonard Kleinrock created the basic principles of packet switching, the technology underpinning the Internet, while a graduate student at MIT. This was a decade before the birth of the Internet which occurred when his host computer at UCLA became the first node of the Internet in September 1969."

Tim Berners-Lee

"In 1989 he invented the World Wide Web, an internet-based hypermedia initiative for global information sharing while at CERN, the European Particle Physics Laboratory. He wrote the first web client and server in 1990. His specifications of URIs, HTTP and HTML were refined as Web technology spread." He will serve as a keynote speaker at WWW2008.

W3C

Lab 3: Using Firefox

Advantages of using Firefox.

Outlines of Lab

1. download Firefox 2.0

2. control font size

3. tabbed browsing

4. subscribe to the course blog

5. Using bookmarks to test RSS feed

Help



Hands on

1. Easy control of font size (try ctrl+ & ctrl- as many times as you like)
2. tabbed browsing (try ctrlT)
3. RSS feed, and support of Blog. Use the RSS feed from http://iapblog.blogspot.com/
to subscribe to it. Also subscribe to your own blog.

Note:
If your Firefox didn't work, you should check settings about proxy. It should be set as proxy.cycu.edu.tw at port 3128.

2008年2月22日 星期五

Homework 2-22-2008

1. Name 3 blogs you have read recently. For what reasons do you read these blogs?

推薦:
2. Based on CommunityWalk, compile a campus directory that tells the locations of major buildings at CYCU. Place the directory on your own blog by posting the code snippet CommunityWalk
generates.

3. Reading Assignments
Read the sections on hypertext, http, WWW
(page 181~187 of Textbook)

Due 2/29/2008 at 13:00

Lab 2: Put CYCU Map on Your Blog

1. The latitude and longitude coordinates of CYCU campus location is +24° 57' 31.02", +121° 14' 28.12" and you can take a look at the satellite image
http://maps.google.com/maps?q=24.9586,+121.24114

2. Check into CommunityWalk
which offers step-by-step tools to create personal maps.
Use the "create a map" function to start your own map.

3. Enter the CYCU coordinates to produce a code snippet that you can put into your blog. The code is under Share/Export tab.

4. Copy and paste the code snippet into your blog just like you are writing your own blog post. Publish it.

Lab 1 Start Blogging

1. 至 http://www.blogger.com 申請, 請以你的學號 (s開頭) 申請免費帳號。

2. 張貼你的部落格的第一篇文章。一小段歡迎詞,或是簡短自我介紹,或是你最喜歡的事物與最不喜歡的事物,都可以。

3. 日後請將你的隨堂練習與作業寫在你的 blog, 然後到
Homework 或 Lab 的Comment 登錄作業blog網址就可以了.
請勿將整個作業直接寫在老師部落格的Comment處。

4. 尊重智慧財產權,引用他人文章須註明出處。並且應該合乎學術常規,以合理的方式引用。

注意事項

a. blog需正確設定時區顯示時間 。
b. 請測試他人可否留言(comment)。以方便留下回應意見。

tip

How to insert a link at the following comment, please use the following HTML code.

從iPod 談起

iPod 是一個公認的成功產品,Apple 公司的營收數字與股價也映證了這個成功。想一想,如果這個產品是你設計的,那麼你的公司是否也會獲得同等規模的成功? 為什麼?

2008年2月21日 星期四

Introduction to Mobile Web Services

download the handout by Prof Chang.

XHTML validation project

1. Use the W3C Markup Validation Service to check the XHTML sample.
2. You may want to select the direct input option.
3. How many errors and warnings are there?
4. Fix the problem and recheck it until it is strictly XHTML 1.0 compliant.

課程進度

--------------------------------------------------------
Tools
Tools 駕馭網路的工具性軟體
--------------------------------------------------------
AJAX
AJAX 機器與人很活潑地溝通的技術
--------------------------------------------------------
XML
XML 機器與機器彼此溝通的技術
--------------------------------------------------------
HTML
HTML 機器與人溝通的技術
--------------------------------------------------------
Accessibility
Accessibility 邁向無障礙網路
--------------------------------------------------------
Browser extension
Browser extension 擴充瀏覽器的功能
--------------------------------------------------------
Google Services
Google Services 線上服務
--------------------------------------------------------
Blog
Blog 人與人在網路上溝通的技術
--------------------------------------------------------