作業

作業一 使用HTML語法製作網頁

在HTML單元中，我們以6個階段循序漸進介紹HTML。在這個作業各組要發揮所學，練習使用HTML語法製作網頁，介紹你們這組及成員。

• 用paper prototyping (紙上原型)勾畫出網頁結構及內容，給你們這組的網頁外觀先打個草稿。
• 草稿完成後，根據HTML學習6個階段，循序漸進製作出網頁，建議使用notepad++當開發工具。
• 請注意：第5階段介紹的元素全部要用來製作你們的網頁內容，第6階段介紹的CSS要用來製作網頁格式。換句話說，各組的成品至少要像第6階段最後的樣子。這是評分重點。
• 完成作品放在學校給你們的網頁空間(只要放一個地方即可)
• 開發過程做成說明影片，po在youtube上
• 繳交內容：網頁網址、影片網址，在網路大學(作業一)繳交。
• 繳交期限：2019/3/22  23:59

作業二 製作互動網頁

前一個作業練習用HTML語法編製網頁。在Javascript單元中，介紹過變數、敘述及控制結構後，我們練習使用Javascript HTML DOM物件來管理(指的是增、刪、修、查詢)HTML文件結構及內容。這個作業要練習用HTML DOM物件來管理作業一所製作的HTML文件，讓原來“只讀”(read-only)的文件，增加與讀者互動(interact)的功能。

• 沿用作業一的陽春開發環境。
• 參考Javascript Tutorial for Beginners，練習編寫Javascript code並和HTML文件連結。
• 模仿w3resource的Javascript DOM: Exercises, Practice, Solution所出的習題，自己出題給自己的網頁加上類似的互動功能。譬如，第二個習題：Write a JavaScript function to get the values of First and Last name of the following form. 參考這一題，你可以在自己網頁中安插適當表單(form)，讓讀者可以輸入值，程式抓取表單裡的值並呈現在網頁中。其它依此類推。
• 開發過程做成說明影片，po在youtube上
• 繳交內容：網頁網址、影片網址，在網路大學(作業二)繳交。
• 繳交期限：2019/4/5  23:59

作業三 練習使用Google Knowledge Graph Search API 

這個作業要練習使用Google Knowledge Graph Search API 。

如同該網站所述，這些API可以讓你找到Google知識圖譜中的實體(entities)。API用的是schema.org的詞彙，並和JSON-LD規範相容。

schema.org和JSON-LD我們已經上過，前者是一個堪稱業界標準的(industrial standard)的詞彙集或字典。後者是化身為JSON格式的RDF(語意網的標準語言)，LD是指Linked Data，JSON-LD是有用詞彙描述語意的資料。

想像Google知識圖譜是一個巨大的知識庫(knolwedge base)，這個作業就是要去向這大神取經。

作法:

1. 去大神網站學習如何使用API，你可以使用Python、Javascript、Java、PHP等程式語言，實際去跑幾個例子。
2. 製作一個主題網站，譬如音樂、美食、旅遊等主題。網站提供顧客豐富的主題式查詢功能。溫馨提示:利用前一步驟學會的API當主題式查詢的基礎。
3. 主題式查詢功能可以嗽文字視窗或下拉式選單輸入詞彙、屬性，及值，當作查詢條件。
4. 主題式查詢結果要以方便使用的(user-friendly)方式呈現。
5. 利用作業一的paper prototyping (紙上原型)勾畫出網頁結構及內容，給你們這組的主題網站外觀先打個草稿。
6. 這網頁最後的地方 Case scenario: a music portal 可供各組建立主題網站的參考

開發過程做成說明簡報影片，po在youtube上

繳交內容：網頁網址、影片網址，在以下方格繳交。

注意: 主題網站的內容品質會影響你們這組的成績，各組要展現做好這個作業的誠意。

繳交期限：2019/5/30  23:59

作業四 練習使用SPARQL 取用dbpedia資料

• 經由線上範例練習使用SPARQL 取用dbpedia資料。
• 練習結束後，自行利用SPARQL語法，回答以下問題:
  1. 費玉清出生年月日；費玉清暱稱: 費玉清代表作品
  2. 周子瑜今年幾歲?周子瑜出道日期及出道作品。
  3. 蔡依林大學念哪裡?蔡依林的經紀公司?
  4. 列舉女性台語歌手
  5. 自行編製圓山捷運站問題 *3
  6. 台北花博舉辦日期及地點
  7. 台北市總面積、總人口、人口密度；台北市市鳥、市樹、市花
  8. 模仿線上範例的查詢句子，自製類似句子，查詢DBpedia
• 繳交內容：
  
  1. 每個查詢句子及其結果，貼在本題答案區。
  2. 做成ppt簡報說明問句轉成SPARQL的過程及其結果，各組做成影片上傳youtube，影片鏈結貼在本題答案區。
• 繳交期限：2019/6/1 23:59