本頁目錄

打造一份你心中的台大資訊系網頁

因為意見太多太踴躍, 所以再加開現在這個
CSIE Web 新的台大資訊系網頁討論(見下面)。

csienewweb_icon.jpg 目前最新版網頁的資料在此。


其他中間的過程版本已先移走。

大三服務課由此去 為系上網頁而開的服務課。

Volunteers in this month for CSIE Web。 (2005/1/31)

十個需要 CSIE Web TA 的理由

How to Be a Webmasters (2005/2/1)

台大英文網頁比賽公告

CSIE Web 服務課同學寒假前所收集齊的資料

大三服務課的同學們收集的主要資料部分其他資料部分 套入 新版網頁後呈現內容。

關於 CSIE Web 的內容(Contents)目前能用部分: (faq and future) 及 http://www.csie.ntu.edu.tw/~new/data 所匯整的資料, 包括 課程 歷年新生手冊、查證過的教授資料實驗室資料等等, 資料算全部完成了。

勉勵: 其實收集資料是很有趣的基本功夫。 讓大學部的學弟妹試著收集系上的一些資料, 可以更了解資訊系的點點滴滴, 而且在找尋及與別人合作的過程中, 所學到的技巧及溝通合作, 加上有機會與非常強或非常有經驗的老師/學長/同學共同完成一件事, 這種經驗難得。 希望能激起大學部學弟妹的很強的 motivation 來做事。 同時做網頁時, 在學長及老師帶的清況之下, 決定不是只學到 HTML 而已, 有很多設計的精髓及超新技術也能同時接觸到。(js, 2005/1/26)

CSIE Web Current 未完成部分列表

希望大家幫忙把現在看到還沒有完成的部分在這裡列清楚, 好像要做 homepage 的學弟妹知道還有哪裡有問題。(js, 2005/2/6)

http://www.csie.ntu.edu.tw/new/

(資料來源: alumni:tkirby、下面的幾個建議的大項、學弟妹先找到的缺的部分)

在 CSIE Wiki 上面眾人對 CSIE Web 的建議 (美觀方面)

xyy 抱怨說, 大家都沒有回應對於這一個 web page design 的看法及提供建議, 有點涼掉了。 (不能急啊 要有耐心就可以等到回應的…)
xsyeh: 我是覺得還好啦, 大家多半是用長遠的眼光來看, 著眼在未來的維護及內容的部分, 而顯然對外觀不是很在意(或是很滿意) ^^;; 不過如果有想要挑剔的話要快點說, 錢快要付出去了。

在 CSIE Wiki 上面眾人對 CSIE Web 的建議 (內容方面)

在 CSIE Wiki 上面眾人對 CSIE Web 的建議 (架構及其他方面)

人不夠多, 或許應該到一些 lab meeting 或是上課的地方讓大家看一看後給些意見, 不過如果怕意見太多做不了事的話(反正不做事時能幫忙的就是出一張嘴 XD ) 可以只注意最嚴重的問題部分。

hchu 建議

tkirby 建議

tkirby:

外觀上的缺點:

1. 新聞、公告欄內的字字型太小,看起來很吃力
2. 同上,欄邊緣不對偁,不好看
2. ENGLISH VERSION 左邊那排「國立臺灣大學...」的反白效果蠻突兀的
3. 右下角的地址電話是可以用文字代替的圖 - 其實很多地方都是
4. 文字存成jpg的原因,有些都糊掉了,看起來很不專業
5. 整個網站的配色跟設計蠻柔和的,但是因此感覺不夠銳利,
   有種失去焦點的感覺  跟4.可能也有些關係 也因此有時候可能會覺得東西看不太清楚?
6. 螢幕解析度800x600時首頁似乎塞不進整個螢幕,會出現scrollbar
7. 「》簡介》系史大事紀 」這些表示階層的地方說實話,有夠醜

技術上的問題:

8. 用 table 排版,還看到 iframe 的tag;
   用 table跟iframe不是不好,只是總覺得沒這個必要
9. 有不必要的javascript
10. 大部分的圖片 alt 都是空的,為了validation而加?
11. 沒有doctype
12. 「研究概況及成果」內三項連結是直接用MSWord轉出來的東西,原始碼很多不必要的東西
13. 直接看首頁 source code,竟然有兩個body標籤,看來應該是寫錯

我個人的意見:

14. 我不喜歡這個網頁,但是我覺得做得還不錯,上面的問題能改進的話更好
15. 感覺上對於找同一樣東西,在這個網頁我會花比以前還要多的時間
    之前的網頁一連進去就是東西與連結對應的一張大表
    不過這是取捨問題;「美觀」或是「實用」之間取平衡點
16. 總覺得「台大資訊」四個字佔的banner太大了
    建議可以把這個只放在首頁,其他頁用用縮小的版本
17. 圖片似乎跟html放在同一個目錄,中英文的分法似乎是用index_c, index_e的方式
    我覺得這樣有點不妥,容易造成以後維護者的混亂
    如果要重新建構一個網站,整個網站的架構應該要仔細設計,
    比方說如何更新中英文版本,圖片如何分類整理,統一存取的檔案(比方說js、css)該如何放置
18. 圖片看來蠻多的。真的有必要用到這麼多圖片嗎?
    其中有部分是文字,卻存jpg檔;如果影像品質明顯變差,建議改用png或是不要用圖片。
19. 其他的想到再另外加。
20. 看來應該是還沒完成,期待完整版

個人意見:

21. 感覺很花俏,框框太多,太過限制格局,乍看覺得還好,但久看後感覺死板
22. banner 下方的國立台灣大學資訊工程學系連結實在是太奇怪了
23. 字型真的醜
24. 首頁帶給人的訊息應該要更多,讓人想點入連結...

這些意見可以直接丟給作網頁的公司,而我認為一定要改的地方包括 1. 2. 4. 7. 10. 12. 13. 項, 其它影響比較沒有這麼直接的地方就看他們覺得我說的有沒有道理,再自行決定要不要改囉。 如果麻煩的話,我也可以幫忙改!

在你心中, 你覺得系上網頁應要具備什麼樣的功能性資料呢?

下面是在 CSIE Wiki 平台上面, 大家的討論過程。

系友資料庫

系友資料庫: 與其每年重覆寄信打擾系友要資料做出沒有什麼實質用處的 “資料”, 不如讓系友有興趣的可以自己上 wiki 留下資料。現在的系友網站已經提供個人更新資料的功能,但資料更新率平均不到20%。而且除了制式資料外更重要的功能應該是提供一個讓系友與目前在學同學自由交流的機會。可以討論各種生涯規劃就業機會大四專題、申請或報考研究所研究議題國防役出國深造等問題。

業界廠商交流

業界廠商交流: 例如開放一小區讓歷屆系友經營的業界廠商與資訊科技相關公司自由徵才及提供一些就業平台,讓有與趣的學生及廠商可以互相有溝通的機會, 一方便可以了解到底業界需要什麼, 一方面讓學生有機會有工讀機會或是判斷時的參考。

課程網頁列表

課程網頁列表 應該要有更新的課程網頁列表, 讓修課的學生或者是網路上的其他使用者, 可以找到寶庫, 利人利己, 就像 MIT Open Courseware 那樣, 其實我們也有一些東西可以分享的。

對系上的留言

對系上的留言 現在大家雖然都是在 BBS (PTT/PTT2) 上面活動, 可是有些意見的反應, 像是地下室燈不亮、厠所壞掉等等, 通常發現時系辦都沒有開, 能不能讓大家可以有一個地方可以對系上的留言, 然後希望系辦能夠定期上去看並在網頁上回覆, 或是由系學會轉達, 如此電子化應該是現代理所當然的。
(另外一提, 其實這是小葉學長開始建這個 wiki 的主要原因之一, 總覺得系上能再好一些而不要看起來爛爛的。大家多少都會有一些對系上的建議, 如果網頁上大家留言的意見可以方便地讓系辦的人看到而幫忙解決環境, 就不用只能大家躲在 BBS 個人版或是班板上自己抱怨。)

其他

在你心中, 有哪些資料是一定要列的呢?

另一方面, 大家(應該)同意的 first-level links 可能有

  1. 研究實驗室列表 (包括公用實驗室)
  2. 公告事項 像是演講公告 還有 問題反應/建議與回覆FAQ常見問題與回答表格 download狂賀 系列、及新聞稿之類的東西。(新生特輯研究所入學特輯也可以重覆地放在這裡) (以前還有 brahms.csie 不是嗎? 為什那個即時 seminar streaming 系統不見了?)
    • 我每次看到現在的網頁都要思考一下 “公告事項” 跟 “最新消息” 有什麼不同. 這兩個也許換個稱呼或重新分類? — kcwu
    • 系友好像不應該是一個系的重點所在吧, 研究實驗室列表也可以改成研究領域, 比較有意義 — davidyu
    • 我倒是不大喜歡跑馬燈或是會一閃一閃之類的東東, 感覺像是看台灣的新聞台似的, 有點俗 — robin

你覺得, 哪些東西如果放入會讓網站更活潑更吸引人?

新生特別專輯 內含給有意入學的高中生 還有剛入學的新生 特別製作的專輯, 還有 新生發問區生活資訊區 (光華, 公館, 後門巷子)
(xyy:新的網頁有規劃”資訊”區, 針對高中生, 在學學生, 工業界等不同身分的訪客放他們有興趣的資訊)

傳說: 系上有一些很吸引人的資源, 例如很多很神奇的傳說中的學長drifter, robin, powerCC, beagle, superyeh, tomyt, piaip, MH, rafan, in2, tkirby, 還有很多神奇的人物, 像 PTT 算是全球最大的 BBS 站, 有一堆系上歷屆學長同學所組成的Ptt站長群等等, 但是在系上的網頁上完全看不到他們的故事, 這麼吸引人的東西, 其實是很多人崇拜的神 ^^;; 或是系館一樓的 英雄榜, 包括 ACMClub 或更早時期的學長等等, 這些故事如果也能放在網頁上就非常棒。除了可以向外面介紹系上的另外一面外, 也可以讓學弟妹有些可以八卦口耳相傳的傳說。
(突然覺得把 legend 資訊系的人的傳說放在網站上會很怪。尤其是有時候會有浮誇或是不實的狀況~ 將會給人不好的感覺。)
(雖然超華麗‧小葉求醫記看起來真的很華麗, 但這是非常真實的記述, 一點都沒有浮誇。)

黑暗世界的傳說:

地下室專區: 我們生活的區域: 地下室專區

其他神奇的網站/網頁: 像 csie.org 或是 darby's homepage, piaip's homepage 這些東西都很好, 有些有用心在經營的網頁連結應該可以加上去。 或著是再加上一些站的介紹, 像是 odie.csie 的這個 bbs 系站的介紹, 或是系上的一堆各式 bbs 站的介紹。

(xyy:個人覺得此類資訊以”暗黑”為宜) (xyy:找不出加入本系官方網站的理由)

而你有有什麼覺得不應該放在網頁上而很礙眼的東西呢?

像是 真象與假象, 私底下幾個人 sample 的結果, 包含大一生(*2)、大四生(*2)、研究生(*13)、系友(*7)、職員(*2)、路人甲(*1)、助教(*2)及教授(*3), 全部都覺得放著實在是礙眼, 有很強烈的 “此地無銀三百兩” 及 “欲蓋彌彰” 的暗示。 小葉還主觀地覺得, 高中生看了網頁, 反而會誤會台大資訊系開始沒落了。

我們應該放的, 不是為什麼別人會好, 而是我們有什麼可以吸引人的。 (by Bunny)

在這個分析下, 你覺得還有什麼其他的很怪的東西 放在網頁上很怪嗎?

  1. 跳出來的 pop-up window 跳出來很討厭, 而且現在新版 browser 都會擋住 pop-up (重要資料不能放在 pop-up裡)。
  2. 一堆廣告及奇怪的小連結在網頁下面, 看起來很不專業。
  3. 系上有一些很舊的公告, 是不是能依日期收起來不要直接 show 出來?

(xyy: 第一及第二點在新版網頁已考慮, 其實六年前的網頁本是沒有這些違章建築的, 第三點要等到下學期加入maintain的機制後再來做)

還有其他關於 CSIE Web 網頁的事務要叮嚀嗎?

(xyy:我們不會, 但不能保證以後的人不會)

(xyy:正是新版網頁設計的要求之一)

問題: 現在的網頁的美觀真的好嗎? (xyy:有哪裡不好?)
而且重點在內容嗎? (重點確實在於內容, 到時候會想辦法讓大家可以共襄盛舉)

(xyy:下一學期才會做。你相信嗎? 六年前系上的網頁是有一些backend CGI用來post公告等的, 但是好像成效不彰, 不過現在的技術(PHP/MySQL)應該比較容易達成)
(xsyeh: mySQL 對於正在 maintain 的系辦的人, 真的好嗎? 我經常看到很多 invalid 的 link, 下面拿一個系的網頁為例 (先說明一下, 我絕對沒有任何要嘲笑別的系的意思, 就像有些網路 BBS 連線版上很多人在嘲笑我們系官方網頁裡的”真象與假象” 是讓我很不舒服, 嘲笑別人的網頁也是一樣非常另我不舒服的一件事。 我也已經 email 提醒他們了。))
(xsyeh: 另外一提, 或許這個 Wiki 讓人 bug report 或其他比 email 還簡單的 bug report 的機制, 會是比較好的。)
nctu_eecs_icon1.jpg nctu_eecs_icon2.jpg
(rafan: 現成的公告系統有 open source 的 (像是ANN 公告系統,或者是請系上同學幫忙寫一個也行。重點是只要方便使用,再稍微教育一下系辦的人,我覺得這沒有什麼不可以的。)
(cyy: 就是因為可以, 所以才會打算下學期做。教育user是一個問題, 但是有一個可傳之久遠的webpage maintenance team更重要)
(js: 要成立一個 team 說簡單很簡單, 說難, 現在不就很難嗎?! 當許多修服務的人是被(假設)被強安排過來幫忙 webpage 而不是出自於”熱血” 真的要 “服務” 的話, 這個 team 就很難帶, 帶的人會極為辛苦而沮喪。 這是我現在的可能偏差的看法。)
(js: 就像現在這個 wiki, 其實是希望能激起大家心中曾經都存在過的熱血。 誰沒年輕過? 誰不曾有熱血? 但是熱血與心中的火是很容易被澆熄的。 所以, 可以改進的地方很多, 要慢慢來。 等大家心中的熱火(喂~ 不是怒火~) 旺起來, 這個 webpage maintainance team 才容易運作得好。)

(js: 基本的人格特質上, 我和 cyy 有個很大的不同, 我會誤把所有東西都混在一起做, 而 cyy 會有條理地一步一步按著做。 所以思考問題上會有所不同。 我是覺得, 教育一下 user 是要早點去做的事, 不一定要在下學期再弄。這樣讓所有的人都一起投入有參與感, 熱血比較容易起來。 缺點是, “世界上哪有那麼好的事? 全部的事畢其功於一役?” 所以 cyy 有時會稍排斥我的看法。) (js 的另一個缺點是話多, 碎碎唸~ 所以如果去找 cyy, cyy 都會累很久 XD)

CSIE Web 新網頁計畫臨時開會(I)

CSIE Web 寒假臨時 前置作業 會議
時間: 4pm-5:30pm, Wednesday, 19 Jan 2005 (最後結束時間 7:30pm)
地點: R102 with Pizza, Coke, Cake, Fried Chicken.
目標: 明確訂出明天要做的分工及完成細節
開會內容: 列出可能的問題及要做的事項 (著重於內容部分)

CSIE Web 新網頁計畫臨時開會(II)

CSIE Web 寒假臨時 工作 會議
時間: 兩天: 12:30pm, Thursday(pizza), 1pm-; and Friday(pizza again)
地點: R101 with Pizza, Coke, Fried Chicken; R223 Collection Data

CSIE Web 新網頁計畫臨時開會(III)

由於系上網頁目前仍未完成
目前訂於下星期一下午加開臨時會
請大家到csiewiki上面去看一下詳細情形
請能出席的同學盡量出席
不克出席者也請回覆此信告知我無法出席
以掌握出席人員
到時候會有學長教大家一些相關技術
相信能學到不少東西!
另外還有部分資料同學並未上傳
請盡快上傳至data中的適當資料夾內
謝謝

以下為相關內容:

CSIE Web 寒假臨時開會 (表演教學/套用格式)
時間: 1:30pm-4:30pm, Monday, 31 Jan 2005 (最後 9pm 結束)
地點: R219/R223 with Pizza, Coke, Cake, Fried Chicken.
目標: 在三小時內教大家簡單填完資料、當天完成 CSIE Web 新網頁並開始修改微調
開會內容: tkirby 表演教學設計理念, XML 套用格式, 大家動手做
開會人員: tkirby(leader), 219TA, jsyeh, 李庭閣, 陳勇銘, 謝其璋(爬山沒來)(←以上三位為中部人), 江佳恩(沒來?), 楊 軒(剛回國), 廖予銘, 張莊平(←以上二位住台北), … 。後面熱心來幫忙: 楊佳玲老師。(臨時有事沒來: cyy, hchu)

他山之石可以攻玉

他山之石可以攻錯: 有一些不錯的網站可能具有參考價值