# 108-1 前端程式設計 期末報告注意事項

[TOC]

## 期末報告說明

這學期期末專題的題目由同學自訂，希望同學可以結合前半學期的 `html`、`css`，以及下半學期的 `JavaScript`、`jQuery`，甚至更多技術，做出一個美觀又實用的互動式網頁。

### 期末專題要求的功能

1. 使用者能和網頁互動
2. 能新增、刪除、顯示、隱藏 HTML Element 等功能
3. 使用 jQuery 語法來完成

### 期末專題注意事項

* 12/24, 12/31 及 1/7 三次上課為上台報告，相關順序在「期末公告注意事項」，請同學盡早開始準備，如果名字沒在檔案中請盡速聯絡助教。
* 上台報告的時間為一人 <font color=red>5~6</font> 分鐘，但並不限制，可更長或更短。呈現方式不限端看同學想在如何呈現自己作品。
* 完成網頁後請在妳的 `GitHub` 中上傳的檔案包含檔案名為`README.md` 的檔案，這個檔案是一定要上傳，沒有的這次作業將扣5分。並請在這個檔案說明以下四點：
* 你的期末專題主題簡介
* 使用者要怎麼使用你的網站
* 你在這次專題中做了什麼，使用了什麼技術
* 你的網站有什麼特色、亮點，任何你覺得對評分有幫助的都可以在這邊寫上去。

### 期末專題繳交規則

* 期末專題的報告當天<font color=red>中午13:00</font>繳交網址，最後修改完整版的繳交期限： <font color=red>1/10 (Fri.) 23:59</font>
* 請將你網站的整個資料夾上傳到 `GitHub`上，`[username].github.io` 這個 `repository` 中
* 上傳後 `repository` 中的資料夾網址應為：`https://[username].github.io/final`。
* 上傳完成後，請將網址上傳至`NTUCOOL`的作業區。
* 以助教的`GitHub`為例：https://james60708.github.io/final/index.html （可以直接指定`index.html`這個首頁），如果網址無法直接連結網站，這次作業將<font color=red>扣5分</font>。

### 遲交規則
遲交規則是以 <font color=red>天</font> 為單位，遲交 $n$ 天則最後作業總成績再乘上 $0.95^n$ 後四捨五入到小數第二位，遲交天數以 NTU COOL 上的繳交時間為準。舉例來說老王遲交三天，且他的作業原始成績是 90 分，那麼這次作業他最後的分數就是 $90 \times 0.95^3 = 77.1690×0.953=77.16$。

### 評分規則

* 40% 內容、技術
通常一個網頁的內容會和使用的技術成正比，當內容一多就需要用更多的技術讓網頁有更好的呈現方式，因此這次作業技術和內容會統一評比。助教會依照 project 的內容豐富程度、README.md 所使用、嘗試的技術給分。
* 25% 創意
這部分會依照同學 project 主題的創意性給分，希望同學能用不同平常的思維設計出令人耳目一新的網頁應用。
* 15% 美感
美感的部分與作業一一樣，會從寬處理，需要注意的地方像是文字是否重疊，正常電腦瀏覽的情況有無跑版等情況。配色、字體只要不要難以閱讀、極致醜陋，基本上給分不會太難看，同學無需過度擔心。
* 20% 同學互評
由同學評分。

> 註：前三項給分為助教依照 ntucool 上繳交的檔案給分，因此提早報告（1/7前）的同學就算最後上傳的檔案與當初上台報告的內容有所差異也不會影響前三項的給分

## 期末報告順序

### 2019-12-24 報告順序
順序 | 姓名 | 學號 | 作品網址 |
:--:|:-----:|:--------:|:-----|
01 | 檀立奇 | b08303017 |https://rocrock1010.github.io/final/index.html
02 | 廖晨宇 | b07611050 |https://chenyu-liao.github.io/final/index.html
03 | 江芷綾 | b08401073 |https://clchiang.github.io/final/index.html
04 | 林佳勳 | b07705033 |https://jjjamieee.github.io/final/index.html
05 | 陳旨鋒 | b06705042 |https://orijc.github.io/OriJC-github.io/project/
06 | 林佳儒 | b04104019 | <font color=red>沒有報告</font>
07 | 蔡采佳 | b05602001 |https://jessica33tsai33.github.io/final/
08 | 謝侑均 | b07705003 |https://xieyou0608.github.io/final/index.html
09 | 王薇禎 | b06801007 |https://wangweizhen873.github.io/final/final.html
10 | 蔡佩芸 | b06303115 |https://catherinetsai9419.github.io/final-project-3/
11 | 劉松岳 | r06628309 |https://fireboar1992.github.io/final/index.html
12 | 李明翰 | b07605009 |https://ming-hanlee.github.io/final/index.html
13 | 張凱鈞 | b04703018 |https://b04703018.github.io/final/
14 | 周遠同 | b06501015 |https://ton731.github.io/final/
15 | 張宇承 | b07705017 |https://malik705017.github.io/final/index.html
16 | 黃子瑋 | b05103055 |https://waynehuangntu.github.io/final/
17 | 廖悅安 | b08207070 |https://y-al.github.io/final/
18 | 鄭子瑜 | b06204050 |https://jimmy0412.github.io/final/
19 | 林家瑜 | b04107035 |https://camila19970219.github.io/final/
20 | 黃詩媛 | b06105002 |https://ivy23090611.github.io/final/index.html
21 | 解正安 | b04104040 |https://pigoo833.github.io/final/
22 | 林庭瑋 | b08401035 |https://tingweilinlin.github.io/final/front.html

### 2019-12-31 報告順序

順序 | 姓名 | 學號 | 作品網址 |
:--:|:-----:|:--------:|:-----|
01 | 王捷弘 | b05602038 | https://haha439.github.io/final/index.html
02 | 吳柏陞 | b06402014 | https://brwuoft.github.io/final/
03 | 諸韋豪 | b06703021 | https://wayne0807.github.io/Wayne0807/final/index.html
04 | 鄭力豪 | b06208004 | https://abutsu.github.io/final/
05 | 呂宜家 | b06106018 | <font color=red>沒有報告</font>
06 | 蔡依潔 | b07302261 | https://ej1106.github.io/final/index.html
07 | 蔡承岳 | b07609017 | https://tigger0319.github.io/final/index.html
08 | 林奕雯 | b06b01024 | https://imanlam.github.io/final-index.html/
09 | 蔡鎮安 | b05104018 | <font color=red>沒有報告</font>
10 | 李彥瑤 | b03705052 | <font color=red>沒有報告</font>
11 | 林宜楷 | b07101044 | https://leo02311.github.io/final/index.html
12 | 施詠瀚 | b06703090 | https://hence23.github.io/HansShih.io/final/
13 | 蔡孟軒 | b03305038 | https://max-tsai.github.io/final/
14 | 呂啟睿 | b06701217 | https://rayraylu.github.io/final/index.html
15 | 陳筱涵 | b05703106 | https://hianniechen.github.io/final/
16 | 陳俊翔 | b05209033 | <font color=red>沒有報告</font>
17 | 莊啟宏 | b07701222 | https://chihong-j.github.io/final/index.html
18 | 黃愉芳 | b05101055 | https://kacyhuang.github.io/final/
19 | 陳昱豪 | b07610009 | https://korekusiyon.github.io/final/PageAccueil.html
20 | 余興祐 | b05611012 | https://hsingyu120.github.io/final/index.html
21 | 崔靖揚 | b05502103 | https://yong304.github.io/final/index.html
22 | 韓志昀 | b08202020 | https://lovegash154.github.io/final/index.html
### 2020-01-07 報告順序

順序 | 姓名 | 學號 | 作品網址 |
:--:|:-----:|:--------:|:-----|
01 | 徐雨欣 | t08704105 | https://usingxu.github.io/yuxin_final.github.io/final/index.html
02 | 黃仲麒 | b08502061 | https://b08502061.github.io/final/index.html
03 | 黃靖涬 | b05601012 | https://deeumiya.github.io/final/index.html
04 | 陳怡行 | b05109029 | https://ysing1215.github.io/final/index.html
05 | 賴彥臻 | b04501032 | https://astraea1548.github.io/final/index.html
06 | 許捷宜 | b08701229 | https://jieyhsu.github.io/final/
07 | 彭鈺荃 | b05207058 | https://yuchyuann.github.io/final/
08 | 吳姵賢 | b05704042 | http://stephie0623.github.io/final/html/index.html
09 | 洪培洛 | b07106015 | https://oaoperooao.github.io/final/index.html
10 | 黃煒勛 | b07705010 | https://brian890501.github.io/final/index.html
11 | 楊人羿 | b05302352 | https://leo02311.github.io/final/index.html <font color=red>(未報告)</font>
12 | 區穎荷 | b08106032 | https://auwingho.github.io/Final/Final.html
13 | 吳穎霖 | b04609036 | <font color=red>(未報告)</font>
14 | 陳岳緯 | b07703104 | https://yahoo168.github.io/web_final.github.io/
15 | 許雅婷 | b08502035 | https://tina997726.github.io/final/main.html
16 | 廖哲宏 | b05203008 | https://shanpig.github.io/final/index.html
17 | 盧奕安 | b05703024 | https://yian-lu.github.io/final/index.html
18 | 古珉和 | b07504062 | https://googleak28282.github.io/final/
19 | 楊邦立 | b08501037 | <font color=red>(未報告)</font>
20 | 郭恆全 | b07106019 | https://liz-k.github.io/final/index.html
21 | 方東華 | b07401155 | https://fangschemistry.github.io/final/
22 | 蔡知芸 | b08611002 | https://sara1014.github.io/final/
23 | 陳俞潔 | b06103021 | https://only18days.github.io/final/index.html

## 歷屆同學參考作品

### 106-3 學期

題目 |網址
:----------------------------:|:------------------------------|
大腦行不行 | https://boxyn.github.io/demo/
Black Jack | https://benjichang.github.io/demo/
Crazy Eyes | https://taxod.github.io/demo/
日文單字小遊戲 | https://anice852.github.io/hw2/
辨識昆蟲 | https://gary108801.github.io/demo/
決戰21點 | https://coachlin.github.io/final/
記憶遊戲 : 撲克牌 | https://lochiwen.github.io/demo/
moment of inertia calculator | http://huiyun58.github.io/hw1_2
Just Walk!! | https://chrisyang-tw.github.io/final_project/
AUGURY | https://rosiehsu.github.io/project/
一律失敗的撲克牌 | https://hojyhwen.github.io/3/

### 107-2 學期

學號 |姓名 |網址
:-------:|:--------------:|:-----------------:|
|B04105038|簡于恒 |https://kimtyweter.github.io/final/Findex.html |
|B05704017|鄭婷心 |https://jennifer03299.github.io/final/ |
|B06104029|趙家和 |https://jiaher715.github.io/final/ |

## 取得學生資料的程式碼

trlist = $('table.roster>tbody>tr')
str = ''
for (i = 0; i < trlist.length; i++) {
    let $tr = $(trlist.get(i))
    let $td_list = $tr.find('td')
    let name = $($td_list.get(1)).text().trim()
    let id = $($td_list.get(2)).text().trim()
    regex_name = /\s\(.*\)/s;
    name = name.replace(regex_name, '')
    regex_id = /\@.*/s;
    id = id.replace(regex_id, '')
    str += '| ' + name + ' | ' + id + ' |' + '\n'
}
console.log(str)

###### tags: `前端程式設計` `108-1`