Web基本原理與技術(FJU-CSIE-Fall2010)

Class Time: Tue 1:40-4:30pm Location: SF234
Instructor: Dr. Hsing Mei Office: SF625 (or Second Life Dr'M's Office )
Email: mei@csie.fju.edu.tw Phone: 29053704
Hour in Office and SL: Tue/Fri Noon-1:30p, Wed 1:30-2:30p, Thur 1:40-4:30p, or by appointment
Second Life:
(1) Join WECO Group
(2) Profile/1st Life/Info: ie9x5xyy, Course Name, Blog URL
(3) Second Life SIG meeting: Fri 12:30-1:30p, SF651

TA: 盧松筠 (jimmy@weco.net) , 陳毓文 (eric@weco.net) (SF638)

Grading:
Class Participation (5 SLS Post x 3%) 15% + Collaborated Note 2.0 + Bonus (Reading Report)
Lab Assignment: 20% (5x4%) + Bonus (Lab6)
Quiz: 12% (3x4%)
Term Project: 18%
Midterm Exam: 15%
Final Exam: 20%

※ 課程應注意事項: 除非有不可抗拒的原因, 本課程
1. 第一次上課遲到或未到, 未選課者請勿加選. 已選課者, 建議退選.
2. Quiz 及考試無補考.
3. 放棄Grading配分中任一項 , 學期總成績以不及格計.
4. 點名遲到或未到, 可看完課程錄影後於Facebook及SLS發表心得補點名, 若出席未及點名次數之1/2, 則期末考扣考, 學期總成績以不及格計.
5. 課堂中想睡覺者, 請自行出教室清醒, 趴下睡覺者, 以點名缺席計.
6. 課堂中發生任何影響上課秩序行為(e.g. 交談, 電動, ...), 將逐出教室5分鐘, 逐出教室不回者, 以點名缺席計.

PS: 同學網路內容的發表請注意智慧財產權相關規定. 其它有關課程使用Social Learning Space (SLS), 課程活動(Google Calendar), 投影片下載, 上課錄影(YouTube), 3D虛擬世界系統(包括 Second Life), 社交網路應用 (包括Facebook)等網路應用上本課程相關群組/頻道/社群的使用, 課程參與(含共同筆記)的計分, 及一般課程及上課注意事項, 請詳閱 HW0: 輔大資工選修 Weco Lab課程使用 宅學習Social Learning Space (SLS)注意事項 (Fall-10).

Reading report for Bonus (Individual, Due before midterm exam)
Tim Berners-Lee, Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web,Collins Business; Nov 2000.
http://www.w3.org/People/Berners-Lee/Weaving/
張介英, 徐子超譯, 一千零一網:網際網路WWW發明人的思想構圖, 台灣商務印書館,1999

Lawrence Lessig, Free Culture: How Big Media Uses Technology and the Law to Lock Down Cultureand Control Creativity, Penguin(CC), 2004.
劉靜怡譯, 誰綁架了文化創意?:如何找回我們的「自由文化」, 早安財經, 2008年.
ISBN:9789867458933
http://free-culture.cc/ (Free Download)

讀完二本書之一 , 針對該書各1至2章, 或貫穿各章的1至2主題, 簡述內容, 並撰寫一篇心得, 報告至
少1200字 (含心得至少600字).

Laboratory Assignment (Individual):
Lab1: HTTP analysis with Wireshark/Etherreal.
Use Ethereal to capture HTTP messages, including GET, POST, Set-Cookie, and Cookie header. Your report should contain the target URLs, captured messages, and anything you learned from this lab.
Post your lab report on SLS personal blog.

Lab2: Personal Portal with XHTML and CSS (with Exercise 5.6, pp. 195)
Design and implement a personal portal using Google Site/GAE. You have to use XHTML and
inline CSS in your page. Two or more web applications/gadgets (e.g. YouTube, delicious, map,calendar, skype, micro-blog, facebook, friendfeed, …) have to be embedded into your personalportal.

Lab3 : JavaScript, event, DOM Exercise 13..3, pp. 505

Lab4: AJAX. Exercise 15.5 pp. 625

Lab5: PHP, SQL. Exercise 23.6, pp 947

Lab6: Python on Google App Engine (Bonus)

Term Report (Team of 4):
( 1 )Design and develop a web-based system with RIA client (with Ajax) and PHP/RoR (SQL for bonus). You are free to choose any application domain.
( 2 )Working on Collaborated Notes.
( 3 )Written project proposal due 11/9 on SLS course group.
( 4 )Team Leader is responsible for ALL post on SLS.
( 5 )ALL member should participate the final demo and presentation.
( 6 )Cross Grading

Intra-team effort: 70% Team grade, 30% Individual grade
Inter-team grade: Due after each demo/oral presentation class (12/14-1/4)

共同筆記 2.0 “Web基礎” Topics (本課程主要涵蓋以下15 Topics), 第一堂課後, 在宅學習
WebFund課程版開放Topic Coordinator (版主)競標:
http://sls.weco.net/CollectiveNote20/WebFund
http://sls.weco.net/CollectiveNote20/XML
http://sls.weco.net/CollectiveNote20/Python

1. HTTP
2. XHTML
3. CSS
X.1. XML語法 (在XML技術與應用分類)
X.2. Schema (在XML技術與應用分類)
X.3. XPath (在XML技術與應用分類)
X.4. XSLT (在XML技術與應用分類)
4. JavaScript
5. Document Object Model (DOM)
5.1 DOM and JavaScript Event
6. AJAX
6.2 jQuery
7. Database: SQL, MySQL
8. PHP , Python

PS: 本課程為台灣開放式課程聯盟輔仁大學開放式課程之一. 同學網路內容的發表請注意智慧財
產權相關規定. 其它有關課程使用Social Learning Space (SLS), 課程活動(Google Calendar), 投影片
下載, 上課錄影(YouTube), 3D虛擬世界系統(包括 Second Life), 社交網路應用 (包括Facebook)等
網路應用上本課程相關群組/頻道/社群的使用, 課程參與(含共同筆記)的計分, 及一般課程及上課
注意事項, 請詳閱 HW0.

Text Book:
Internet and World Wide Web How to Program, 4th Ed., by Dietel, Dietel & Niieto, Prentice Hall, 2008,
ISBN:978-0131752429.
http://www.deitel.com/Books/InternetWebScripting/InternetWorldWideWebHow...
(No slides)

施威銘研究室, 最新 PHP + MySQL + Ajax 網頁程式設計, 旗標出版社, 2009,
ISBN:9789574425570.
Tim Berners-Lee, Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web, Collins Business; Nov 2000.
http://www.w3.org/People/Berners-Lee/Weaving/

張介英, 徐子超譯, 一千零一網:網際網路WWW發明人的思想構圖, 台灣商務印書館, 1999
Lawrence Lessig, Free Culture: How Big Media Uses Technology and the Law to Lock Down Culture and Control Creativity, Penguin(CC), 2004.
劉靜怡譯, 誰綁架了文化創意?:如何找回我們的「自由文化」, 早安財經, 2008年.
ISBN:9789867458933
http://free-culture.cc/ (Free Download)

XML How to Program, by Dietel, Dietel & Niieto, Prentice Hall, 2001
http://www.w3schools.com

Page: http://sls.weco.net/f10-webfund
Group: http://sls.weco.net/course/webfund

Bookmarking:
http://del.icio.us/FJU_WebFund
http://del.icio.us/FJU_XMLDesign

Grade Enquiries: http://www.elearn.fju.edu.tw/icanxp/


日期 內容 影片
9/14 Syllabus, SLS, HTTP
HW0 Due
Link
9/21 XHTML (Chap 4)
Lab1 (HTTP analysis) Due
Link
9/28 FJU Off
10/05 CSS, XML, DTD (Chap 5, 14)
SLS Post #1 Due
Link
10/12 Schema, XPath, XSLT (Chap 14)
Lab 2 Due (XHTML and CSS)
Link
10/19 JavaScript, JSON (Chap 6-10)
Quiz 1,
SLS Post #1 Due
Link
10/26 DOM and event (Chap 11, 12, 13) Link
11/2 Ajax, jQuery(Chap15),SQL (Chap 22)
Quiz 2
Lab 3 (DOM event) Due
SLS Post #2 Due
Link
11/9 Midterm Exam
Reading Report Due, Project Proposal (by Team) Due
11/16 PHP (Chap 23)
Lab4 Due (AJAX)
Link
11/23 Python, Django
SLS Post #3 Due
Link
11/30 Web 2.0 and Cloud Computing
Lab 5 Due (PHP, SQL)
Link
12/07 Project Demo and Oral Presentation
Quiz 3
Link
12/14 Project Demo and Oral Presentation
SLS Post #4 (on Collaborated Notes) Due
Link
12/21 Project Demo and Oral Presentation Link
12/28 Project Demo and Oral Presentation Link
1/4 Project Demo and Oral Presentation
SLS Post #5 Due
Link
1/11 Final Exam