[F12_Telehealth] HW 1 HTTP analysis with Firebug 作業須知

 

 本課程希冀修課同學們能了解醫療健康服務的特性,認識開發遠距服務的相關技術。在了解遠距醫療健康服務前,我們必須先對網路服務有其基本的認知。Firefox是目前擴充最強大最多元的瀏覽器,更是身為Web相關開發者不能沒有用過的瀏覽器。藉由大量的附加元件(Add-ons),可以提供更方便的操作介面和更強大的功能。

本次遠距醫療健康服務課程的Lab HW1中,希望同學學習利用Firebug這個網頁開發工具來除錯、編輯、刪改任何網站的CSS、HTML、DOM、與JavaScript代碼。除了體驗Firefox的強大功能外,也幫同學複習各種Web基礎原理、學習利用工具輔助Web應用開發和各種資訊安全相關知識。

請同學先參考下方作業要求後,於本課程群組Lab HW1文章。各種附加元件除了簡短說明外,在最後有附上參考網頁,但是參考網頁僅供簡單參考,如果對於背景知識建立或是問題思考上遇到困難,請同學自行上網查詢更多資料並且於宅學習網頁上與其他同學分享。

作業內容要求:

  1. 使用FireBug並且寫下心得貼在課程社群中,並且選擇Lab HW1的分類。

    文章標題格式:[F12_Telehealth]  學號 題目

    例:[F12_Telehealth] 499999999 Firebug使用心得

  2. 將文章標上所屬分類:在發表文章時,請於課程社群左上方點擊『發表 部落格文章』後,於Fall12 (按住Ctrl鍵可以多選分類)。

發表文章後請同學於左方分類之Lab HW1中確認自己文章是否已經標明正確分類,由於助教確認Lab HW1文章繳交與否將僅確認已選取該分類的文章,若因為未選取分類而導致無成績之後超過繳交期限者,將視為遲交作業,給予扣分。請各位同學注意。

    若不慎標題或分類未選,請在更正後以email或親至SF638通知助教補登記分數。

 

 

 

  3.  針對任一網站使用Firebug來觀察網站元素CSS、HTML、DOM、或JavaScript,最低必須嘗試除錯、編輯網頁元素,並將除錯編輯過程記錄下來,如果對於背景知識或是問題思考上遇到困難,請同學自行上網查詢更多資料並且填寫於內容中與其他同學分享。最後請同學寫下本Lab心得。

內容:

  • 網站網址
  • 觀察編輯過程(請附上擷圖, 越詳細或嘗試越多功能越好
  • (Optional)Bonus
  • 心得

    4. 請於10/15前張貼於本課程社群,並於10/22前依據助教的office hour找助教Demo(office hour無法Demo的同學請另外email給助教另約時間,不接受同學以office hour無法配合而遲交作業為由要求不予扣分)。

 5.Bonus : 

Firebug除了自身的網頁工具元件外,亦支援其他的擴充功能。而網頁開發工具或封包監測軟體亦有許多其他的優異軟體或擴充套件可供選擇,請各位同學可以自下方擴充套件或軟體擇數個使用,並與Firebug進行比較

  • Firefox的Addons:HttpFox、Web Developer、Greasemonkey等
  • 軟體:Wireshark等網路封包監測軟體
  • Firebug擴充: FireCookie、FirePHP等其他Firebug框架擴充軟體

  6. 評分要素:

本Lab將著重同學使用Firebug等工具時的完整使用與理解程度,請同學勿局限於最低要求一個網站或單一工具,盡量多多嘗試。

  7. 扣分:

請同學依本公告準時張貼文章與Demo,遲交者將依據遲交天數扣分,請同學自行把握時間。另外請同學注意智慧財產權,勿任意抄襲網路上的文章,若被助教們抓到,該作業將不予採計分數,請各位同學注意。

 

如有其他問題,皆歡迎同學email詢問助教。

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