元
元
元
元培科技大學
培科技大學
培科技大學
培科技大學
資
資
資
資訊
訊
訊管
訊
管
管理
管
理
理系畢業專題
理
系畢業專題
系畢業專題結案書
系畢業專題
結案書
結案書
結案書
科學城社區大學形象網站建置
（98 學年度二技）
指導老師: 杜建志 老師
組 別: B4
組 長: 賴佶利(0972308061)
組 員: 蘇文鈿(0972308027)
張瑞滕(0972308034)
杜欣怡(0972308043)
莊凱勝(0972308062)
中
華
民
國
九
十
九
年
一
月
摘要
摘要
摘要
摘要
科學城社區大學網站已有上線一段時間了，因應往後使用者以及老師人數會 越來越多，我們將原來的網站做重新的設計，增加頁面的美觀及功能性。社區大 學為成人教育終身學習之一環，是一個提供成年人學習專業技能及豐富生活色彩 的一個學習場所，課程有各種彈性而多元的設計，尤其重視個人學習與成長，強 調個別差異以及學習興趣，本專題所要製作的社區大學鄰近新竹科學園區，由地 方政府設立辦理，提供有心向學以及想學習一些技能的人來就讀與學習。社區大 學的課程設計，是以社團活動課程打開並發展人的公領域，以生活藝能課程改造 私領域的內涵，而以學術課程作為重建世界觀的基礎；其中緊抓成人學習的特 點，著重由問題出發的討論，延續其長處而補其不足，目前許多成人教育的型式 都忽略了成人大眾的特點，像空中大學或各縣市文化中心所辦的演講，常是單向 的授與新知，而忽略了民眾學習新知的特點。 關鍵字 關鍵字 關鍵字 關鍵字: 終身學習終身學習終身學習終身學習、、、、成人教育成人教育成人教育成人教育、、、、社區網站社區網站社區網站 社區網站
目錄
目錄
目錄
目錄
摘要...i 目錄...ii 表目錄... iii 圖目錄...iv 第一章、緒論...1 1.1 背景與動機...1 1.2 目的...1 1.3 限制...2 1.4 關鍵名詞定義...2 第二章、文獻探討...3 2.1 成人教育簡介與相關課程...3 2.2 社區大學網站現況...9 第三章、專題設計與規劃...13 3.1 目的...13 3.2 專題規劃目標...13 3.3 網站架構...14 3.3.1 網站架構圖...14 3.3.2 系統開發方法...15 3.4 系統製作概要流程圖...16 3.5 專題時程規劃與分工...18 3.6 硬體架構...21 第四章、專題成果...22 4.1 需求分析...22 4.1.1 問題描述...22 4.1.2 舊網站展示...22 4.1.3 網站比較表...27 4.1.4 可行性分析...27 4.2 使用案例圖...28 4.3 循序圖...29 4.4 系統介紹...33 第五章、結論與未來展望...44 5.1 結論...44 5.2 未來展望...44 參考文獻...45
表
表
表
表目錄
目錄
目錄
目錄
表 3-1 專題分工表 ...18 表 3-2 專題流程表 ...19 表 4-1 新舊頁面比較表 ...27
圖
圖
圖
圖目錄
目錄
目錄
目錄
圖 2-1 音樂文化欣賞-古箏初步社...4 圖 2-2 文化傳承書法 ...4 圖 2-3 中東肚皮舞 ...5 圖 2-4 彩妝專業技能 ...5 圖 2-5 簡易瑜珈 ...6 圖 2-6 生活法律 ...6 圖 2-7 電腦應用基礎班 ...7 圖 2-8 ACCESS 資料庫應用 ...7 圖 2-9 二胡 ...8 圖 2-10 美容技職證照班 ...8 圖 2-11 中和社區大學首頁 ...9 圖 2-12 中和社區大學課程表 ...9 圖 2-13 中和社區大學行事曆 ...9 圖 2-14 台北市信義社區大學首頁 ...10 圖 2-15 台北市信義社區大學課程表 ...10 圖 2-16 南港社大首頁 ...10 圖 2-17 南港社大課程表 ...10 圖 2-18 大安社區大學首頁 ... 11 圖 2-19 大安社區大學課程表 ... 11 圖 2-20 台北市原住民部落社區大學首頁 ... 11 圖 2-21 台北市原住民部落社區大學課程一覽 ... 11 圖 2-22 大同社區大學首頁 ...12 圖 2-23 大同社區大學行事曆 ...12 圖 2-24 大同社區大學課程表 ...12 圖 2-25 大同社區大學課程內容 ...12 圖 3-1 網站架構圖(網站頁面)...14 圖 3-2 網站架構圖(後台頁面)...14 圖 3-3 SDLC 圖 ...15 圖 3-4 系統製作流程圖(一)...16 圖 3-5 系統製作流程圖(二)...17 圖 3-6 甘特圖 ...20 圖 3-7 硬體架構圖 ...21 圖 4-1 科學城社區大學首頁 ...23 圖 4-2 關於社大 ...24 圖 4-3 社大辦公室 ...24
圖 4-4 師資專長 ...25 圖 4-5 各季課程表(WORD 檔下載) ...26 圖 4-6 各季行事曆(WORD 檔下載) ...26 圖 4-7 使用案例圖 ...28 圖 4-8 循序圖-登入...29 圖 4-9 循序圖-瀏覽網站...29 圖 4-10 循序圖-上傳檔案成功...30 圖 4-11 循序圖-上傳檔案失敗 ...30 圖 4-12 循序圖-維護網站成功...31 圖 4-13 循序圖-維護網站失敗...31 圖 4-14 循序圖-維護帳戶成功...32 圖 4-15 循序圖-維護帳戶失敗...32 圖 4-16 科學城社區大學首頁 ...33 圖 4-17 首頁選單功能介紹 ...33 圖 4-18 首頁功能(教務訊息)...34 圖 4-19 首頁功能(點選校務訊息)...34 圖 4-20 首頁功能(校務訊息內容)...35 圖 4-21 首頁功能(課程訊息)...35 圖 4-22 首頁功能(點選課程訊息)...36 圖 4-23 首頁功能(課程訊息內容)...36 圖 4-24 首頁功能(活動訊息)...37 圖 4-25 首頁功能(點選活動訊息)...37 圖 4-26 首頁功能(活動訊息內容)...38 圖 4-27 師資介紹 ...38 圖 4-28 師資介紹(老師資料)...39 圖 4-29 課程介紹 ...39 圖 4-30 課程下載(活動表下載)...40 圖 4-31 課程下載(行事曆下載)...40 圖 4-32 課程下載(課程表下載)...41 圖 4-33 下載園地 ...41 圖 4-34 關於社大 ...42 圖 4-35 社區聯盟介紹 ...42 圖 4-36 社區聯盟點選進入介紹 ...43
第一章
第一章
第一章
第一章、
、
、緒論
、
緒論
緒論
緒論
1.1 背景與動機
背景與動機
背景與動機
背景與動機
過去學習資源匱乏的年代，只有少數有錢人能接受學校教育，許多有心向學 的人由於經濟因素而被拒於學習教育的門外，但是隨著時代的變遷，教育學習已 經不是有錢人的特權更不應該被侷限在傳統教育的封閉世界裡；教育部推行終身 學習，除了是要讓大眾有活到老學到老的心態之外，也鼓勵在過去沒有接受到高 等教育或是有心向學的老年人們，重拾課本打開學習的金鑰，而社區大學正是提 供這些學習者的一個學習場所。 現今的社會，想要選擇好的工作就必須要有較好的學歷，然而在現代的教育 體制下，專科大學的學歷漸漸普及化，導致企業公司無法從學歷上判斷新進員工 的工作能力與素質，漸漸的以專業技能以來評斷人才的實力，民間推動社區大學 的籌設，便是在這樣的時代背景下醞釀成形的。 科學城社區大學的地理位置正好位於新竹科學園區，有大概 7 成左右的學員 來自於新竹科學園區；反觀新竹科學園區裡的工作人數大約為 13 萬人，而科學 園區的工作者大部分都為大專以上之學歷人士，對於技能的要求相對的也比一般 人要高的許多，在者，由於來自學園區的學員大都會使用網際網路及電腦資訊， 所以科學城社區大學的網站是一個讓他們可以更迅速、便利了解科學城社大的一 個管道。 前往科學城社區大學學習的學生學員各個年齡層及學歷的學生都有，而授課 的老師來自四面八方不同領域的老師，導致技術素質差異性很大，而科學城社區 大學人員流動率高，需要一套便利的系統給管理者易於操作、管理；但是社大的 資金不足，在加上缺乏資訊技能之人才，必須透過產學合作的案子才有辦法構成 網站，剛好本專題指導老師杜建志老師，長期與科學城社區大學合作，了解科學 城社區大學所需，也藉由透過這次產學合作的案子，改善前一代網站的不足，增 加網站的擴充性。1.2 目的
目的
目的
目的
科學城社區大學網站設立的主要目的，是介紹學習課程的內容，以及宣導政 府的教育理念，讓使用者在上面可以更容易了解、使用並且加入社區大學。 而以下則為科學城社區大學網站設立之兩大目的： 1. 使用者需要豐富多元的網路平台： 因為科學城數區大學的學員大部分來自於新竹科學園區，對於電腦及網 路的需求比一般社區大學的學生更加需要一個網路平台，了解社區大學當季 的課程以及課表。2. 管理者需要一個視覺化操作介面的管理平台： 因為科學城社區大學的職員人數少，管裡流動率高，需要一套便利管理 的系統幫助他們，讓科學城社區大學的資訊可以更便利的讓一般大眾所看 見，在者，我們利用微軟的 Silverlight 製作上傳元件，讓課程、課表要上傳 時容易操作。
1.3 限制
限制
限制
限制
本專題實質上是在優化社區網站，所以主要目的並不是要增加過多的功能， 而是在基礎功能上改良，使其呈現更明瞭以及操作更方便，而在這些基礎上限制 了開發的範圍，開發侷限於基礎功能上的改善。1.4 關鍵名詞定義
關鍵名詞定義
關鍵名詞定義
關鍵名詞定義
本專題計用到下列幾個重要的名詞，茲定義如下： 終身學習：即「活到老，學到老」，指個人在有生之年中所從事之各類學習 之活動。 成人教育：與終身學習同，實踐上即結合社區資源達到文化傳承及推廣社區 文藝特點，在課程上約以專業技能以及生活技能等多樣化的實用技能學習，在專 業技能學習上，又可分成專業語言技能。 社區網站：即是一種在網路上展示表現社區內容而建置在網路上的平台，係 以溝通社區意見互動發表以及展示成果分享心得，多元化網路平台，即為社區網 站。第二章
第二章
第二章
第二章、
、
、文獻探討
、
文獻探討
文獻探討
文獻探討
本章節主要分四小節，成人教育相關課程及概述科學城社區大學網站基礎功 能，比較分析社區大學各網站與本專題相關之基礎功能比較。
2.1 成人教育簡介與相關課程
成人教育簡介與相關課程
成人教育簡介與相關課程
成人教育簡介與相關課程
成人教育主要是為了實踐終身學習、活到老學到老的精神，能進修取得學力 證明，更可以學習各項專業技能以及生活技能，並且可以結合社區資源達到文化 傳承及推廣社區文藝特點。 在於取得學力證明上，早期的學習教育環境有許多缺撼，大部份的主要原因 是因為生活經濟壓力的影響因而失學，經過時代的變遷，只要有心向學的人都可 以在社區大學的教育體系下取得學力證明。 在社區大學豐富又多樣化的專業及生活技能課程裡，在專業技能的學習可以 分成專業語言、專業技能及工作技能，專業語言有包括英文、日文、甚至於台語 母語推廣，而在專業技能上則有：學習網頁架設、電腦軟體應用、金融投資分析、 家庭投資風險規劃、會計…等等；在生活技能上更是多元化並也結合社區資源文 化傳承，例如：竹編、籐編、食品烘培、琉璃、陶瓷、國畫、書法、美術、舞蹈、 樂器、休閒拳法、舒壓技巧、文件鑑賞…等等。 學習專業技能技巧以及經驗，在工作上實踐所學，而生活技能，使生活更充實， 在社區上結合文化藝術發展傳承，更可傳遞相關保健知識，營造更有價值的社區 空間，此為社區大學實踐，成人教育的重要課題。 在新竹科學城社區大學裡多樣的化的課程，以下為所開設之課程照片截圖， 讓大家更清楚知道社區大學的教學環境以及課程內容：音樂文化欣賞-古箏初步社： 讓學員能自彈自唱之外，並進而輔導學員取得初級證照。希望藉由音樂轉變 情緒修身養性，能在社區從事古箏推廣運動。 圖 2-1 音樂文化欣賞-古箏初步社 文化傳承書法： 1、學習目標：能欣賞、熟練書法家檔案良好的請精妙楷書筆法，進而能靈 活運用於生活上。 2、理念：不斷的研究楷書之美由初階而中傭甚至高階，體味楷書多姿多彩， 進而了悟人生之多樣豐美。 圖 2-2 文化傳承書法
中東肚皮舞： 1、學習目標：學習如何分別使用身體的每一塊肌肉，並從這些動作中達到 肌肉緊實的效果，讓肢體展現柔美充滿女性魅力。 2、理念：肚皮舞是一種深具文化特色的舞蹈,更是十分健康活潑且快樂的舞 蹈。由於她的舞蹈動作從頭到腳全身都運動到，特別是腹部和臀部，所以不但能 夠瘦身,還能雕塑出迷人的身段，是一個非常有魅力的舞蹈。 圖 2-3 中東肚皮舞 彩妝專業技能： 如何讓自己變美麗，讓別人更漂亮。 圖 2-4 彩妝專業技能
簡易瑜珈： 瑜伽是一種柔軟而緩和卻又能深入強化體能的運動, 適合何年齡層來做; 藉 由簡易的瑜伽動作讓初學者能體驗瑜伽為身體帶來的活力和健康。 圖 2-5 簡易瑜珈 生活法律： 1、使學員了解法律常識，具備公民之基本素養。2、切合學員生活實際需要， 協助其了解並處理生活上法律問題。3、使學員習得撰寫契約、書狀或進行法律 程序基本技能，能實際運用生活上。4、使學員了解重要法律制度，或社會重大 時事，而能助人助己。 圖 2-6 生活法律
電腦應用基礎班： 透過本課程介紹之後，讓學員不只能對電腦有更深一層的認識，1.運用電腦 的便利性輔助生活。2.利用網路的豐富性方便生活。3.輕鬆學，輕鬆做。讓生活 與工作，『自動』起來。可以觀賞免費電視電影、閱讀免費報紙、網路電話讓你 打電話不用錢、讓您寄信不用在等待，隨寄隨收、建構與管理個人的拍賣賣場， 網拍創業投家自己來。2、理念：透過本課程介紹之後，讓學員不只能對電腦有 更深一層的認識。 圖 2-7 電腦應用基礎班 ACCESS 資料庫應用： 透過本課程介紹之後，讓學員不只能對電腦有更深一層的認識。 圖 2-8 ACCESS 資料庫應用
二胡： 蓋東方音樂，早已融匯儒釋道三家之精神，儒家之詩教，不離溫柔敦厚，釋 家之禪悟，不外明心見性，而道家之自然主義，更能提高音樂素質，使之超然物 外，不為世俗形式所囿，而有流水行雲之妙致，天份持高之東方樂家，見其禮而 知其政，聞其樂而知其德，故能達到此境界也。 圖 2-9 二胡 美容技職證照班： 幫助對整體造型工作有興趣的同學無論是 DIY 也好尋求一個可進階從事新 娘整體造型的學習環境新娘秘書的工作時間不僅可以依照自己的時間作安排外 還會有讓您意想不到的額外收入並且是一個相當喜悅的工作環境。 圖 2-10 美容技職證照班
2.2 社區大學網站現況
社區大學網站現況
社區大學網站現況
社區大學網站現況
以下比較數種不同形式之社區大學網頁。除了靜態展示畫面外，社區大學的 網站基本模組。 中和社區大學http://www.jcu.com.tw/ 圖 2-11 中和社區大學首頁 圖 2-12 中和社區大學課程表 圖 2-13 中和社區大學行事曆 進入中和社區大學的網站後，直接可以看到特殊加大字體的公告，可以讓 人立即得知當季的活動訊息，另外頁面的顏色色彩分明，有些年紀較大的使用者 也會較方便使用，在點取選項時較不易出錯，靜態網頁課表顯示，缺點是無法線 上編修，所以如果臨時有要更改課程的時候，無法直接從網際網路上修改課表內 容，是一項缺點，另外網頁使用 GOOGLE API 提供的行事曆功能，可以明確了解 當季活動日期、以及上課的時間地點，使用起來的效果非常的方便，也較符合一 般大眾的需求。台北市信義社區大學http://www.xycc.org.tw/xycc/modules/news/ 圖 2-14 台北市信義社區大學首頁 圖 2-15 台北市信義社區大學課程表 使用論壇模組建出的網站、行事曆以及最新消息，符合使用者容易取得消 息，缺點不夠淺顯易懂，且網站頁面設計單調，使用者不易查詢到自己想要的資 訊內容。 南港社大http://www.nangang.org.tw/front/bin/home.phtml 圖 2-16 南港社大首頁 圖 2-17 南港社大課程表 他們最大的優點是利用首頁推廣課程介紹課程，表格式展示課程，點選課程 又有課程內容介紹。
大安社區大學http://daan.cogsh.tp.edu.tw/ 圖 2-18 大安社區大學首頁 圖 2-19 大安社區大學課程表 最新消息放在首頁字體加大讓人一看就明瞭，網頁設計內容清晰，讓使用者 可以容易的找到自己需要的資訊，但是開課課程表，與招生合併感覺絮亂，而且 也不是表格式的展示是其缺點。 台北市原住民部落社區大學http://3i.org.tw/webhtml/modules/piCal/ 圖 2-20 台北市原住民部落社區大學 首頁 圖 2-21 台北市原住民部落社區大學 課程一覽 網站頁面也是由論壇模組組成，符合使用者容易取得消息，但是原民社大， 因課程比較少，所以使用 List 行事還可接受。
大同社區大學http://www.datong.org.tw/ 圖 2-22 大同社區大學首頁 圖 2-23 大同社區大學行事曆 圖 2-24 大同社區大學課程表 圖 2-25 大同社區大學課程內容 優點是利用首頁推廣課程介紹課程，網頁設計色彩鮮艷，讓是用者一目了 然，表格式展示課程表示，讓使用者可以點選課程之後，還可以查訊到課程內容 介紹，另外就是點選課程後的課程內容介紹，還包括課程規畫行程，非常方便使 用者的使用。
第三章
第三章
第三章
第三章、
、
、
、專題設計與規劃
專題設計與規劃
專題設計與規劃
專題設計與規劃
本章主要介紹本專題的規劃，首先描述本專題的規劃目標，接著介紹系統 開發方法、系統藍圖、專題時程與分工、專題設備與預期貢獻。
3.1 目的
目的
目的
目的
科學城社區大學網站的主要目的，是介紹自己課程的內容，以及宣導自己的 教育理念，讓使用者在上面可以更容易了解社大、使用社大、加入社大；而本專 題構想的目的，就是為了要讓使用者使用起來更方便。3.2 專題規劃目標
專題規劃目標
專題規劃目標
專題規劃目標
本專題「科學城社區大學形象網站建置」，網站的基礎功能有以下： 1. 靜態網頁介紹：介紹網站、師資、課程。 2. 公告活動：公告、活動、行事曆。 3. 管理功能：內容展示管理，如公告、 行事曆(word 呈現)、課表(word 呈現)。 4. 對外連結：論壇、相簿、社團、社區聯盟。 其規劃目標包含下列： 1. 提供科學城社區大學最新課程內容 2. 提供科學城社區大學最新活動內容 3. 提供使用者功能： 可線上查詢課表、活動訊息、師資內容、表格文件下載等 可使用留言板、連結外部相關網站 4. 次級管理者功能： 管理課程規劃，修改課程內容資料 上傳園地檔案、維護下載之檔案的內容 學員基本資料的維護 5. 管理者功能： 表格、檔案上傳及網站訊息的維護 活動表、最新消息的修改 管理討論區以及留言板 可新增、刪除網站內的檔案3.3 網站架構
網站架構
網站架構
網站架構
3.3.1 網站架構圖網站架構圖網站架構圖網站架構圖
圖 3-1 網站架構圖(網站頁面)
系統規劃 資料收集 資料分析 整理 專題計畫書 系統分析 使用者定義 需求分析 Use case diagram 系統設計 系統建置 系統維護 系統分析書 撰寫系統分析報告書 Sequence diagram 網站設計 使用者介面設計 資料庫設計 程式撰寫與 資料庫建置 資料輸入 系統設計規 格書 完整系統 資料輸入 完整系統 結案 3.3.2 系統開發方法系統開發方法系統開發方法 系統開發方法
圖 3-3 SDLC 圖
專題小組建立 專題系統討論與教師討論規劃J目標 專題系統分配 研究系統動機與目標 開會個人員所收集資料之討論 專題使用MICROSOFT 整理資料彙整成專題企畫書並檢查錯誤 專題企畫書繳交 企畫書審核 續 審核未過 審核通過
3.4 系統製作概要流程圖
系統製作概要流程圖
系統製作概要流程圖
系統製作概要流程圖
圖 3-4 系統製作流程圖(一)3.5 專題時程規劃與分工
專題時程規劃與分工
專題時程規劃與分工
專題時程規劃與分工
本專題的分工依照個人專長及興趣分工，一可以加快專題執行的進度，二 可以教導組員。
表 3-1 專題分工表 組員 分工項目 蘇文鈿 張瑞滕 杜欣怡 賴佶利 莊凱勝 訂定專題主題 ● ● ● ● ● 搜集資料 ● ● ● ● 環境建置 ● ● 架構分析 ● ● ● 需求分析 ● ● ● 資料庫分析 ● ● 硬體架構圖 ● ● ● 開發流程圖 ● ● 系統架構圖 ● ● ● 撰寫計畫書 ● ● ● ● 使用案例圖 ● 網頁架構設計 ● ● ● ● 網頁程式設計 ● ● 資料庫設計 ● ● 美工 ● ● 網頁版面製作 ● ● 網頁程式製作 ● ● 資料庫建置 ● ● 系統測試與更正維護 ● ● ● ● 撰寫結案報告 ● ● ● ●
表 3-2 專題流程表 SDLC 階段 與系統相關之工作 產出 預定完成日期 規劃 (1) 資料收集 (2) 撰寫計畫書 專題計劃書 2009/05/05 分析 一、需求分析 (1) 資料集蒐及整合 (2) 相關程式資料蒐 集、整合 二、系統分析 (1) USE CASE 圖 系統分析書 2009/07/30 設計 (1) 網頁架構設計 (2) 網頁程式設計 (3) 資料庫設計 系統設計報告書 2009/09/30 建置 (1) 網站建置 功能完整的系統 2009/10/15 上機及維護 (1) 上線 (2) 測試 (3) 撰寫使用手冊 (4) 撰寫結案報告 (5) 維護 結案報告書使用 手冊 2009/12/14
D a ta B a se In tern e t C lie n t C lie n t C lie n t C lie n t se rv er 圖 3-7 硬體架構圖
3.6 硬體架構
硬體架構
硬體架構
硬體架構
本專題所需使用之軟硬體有： (1)軟體方面：PC：Microsoft Windows XP、、Visual Web developer 2005、Visual studio 2005、 Internet Information Server、Photoshop、Illustrator、Dreamweaver、Flash、C#、3dsMax
Server：Microsoft Windows Server2003 RC2、SQL Server 2005、Internet Information Server、.NET Framework 2.0、.NET Framework 3.5
(2)硬體方面：
PC：Intel(R) Celeron 2.4GHz、DDR400-RAM 1.0G、HD 40GB、DVD-ROM Server：Intel Xeon 2.33GHz、DDR II800-RAM 2.0G、HD 250GB、DVD-ROM
第四章
第四章
第四章
第四章、
、
、專題成果
、
專題成果
專題成果
專題成果
本章共分四小節，4.1 的「需求分析」，經由問題的描述及舊網站的展示顯示 出要如何增加新網站的功能；4.2 的「系統分析」使用案例圖(Use Case Diagram)；
4.3 的「資料庫使用」循序圖來進行系統流程分析，4.4 則是「使用者手冊」，用 來說明科學城社區大學網站模組化的使用方法。
4.1 需求分析
需求分析
需求分析
需求分析
4.1.1 問題描述問題描述問題描述問題描述 科學城社區大學在線上已有運作一段時間了，由於使用介面設計較為簡單， 無法明確突顯出社區大學網站之特色，加上大部分的使用功能，例如資料下載、 師資介紹等資料都混在一起，不易查詢，另外鑑於社區大學缺乏專業之資訊人 員，故委由元培科技大學資管系協助其完成新一代的科學城社區大學形象網站， 希望利用資訊技術來輔導科學城社大，建立一個便利可以得知學習知識的平台及 管道。 4.1.2 舊網站展示舊網站展示舊網站展示舊網站展示 科學城社區大學之網站由於使者反應使用並不方便，故委託我們幫他們建置 一個符合一般大眾使用之網頁，而以下是科學城社區大學元網頁之介紹： 目前運作於線上科學城社區大學網址: http://www.s3c.com.tw/圖 4-1 科學城社區大學首頁
首頁左方各項圖形按鈕，中間的活動展示，右方的相關聯結組成，主要是展 現活動，以及公告事項，構成模組，由走馬燈廣告及公告模組。
圖 4-2 關於社大
圖 4-4 師資專長
主要由靜態網頁去展示，社大的基本組織，教學基礎內容，師資及辦學理念， 主要模組為關於社大及師資展示模組。
圖 4-5 各季課程表(WORD 檔下載)
圖 4-6 各季行事曆(WORD 檔下載)
各課程及活動各季事項主要是形成 WORD 檔，由此選定基礎功能，含有公 告、靜態展示(關於社大、師資)、課程、行事曆、相關聯結、及管理功能。
4.1.3 網站比較網站比較網站比較表網站比較表表 表 因為科學城社區大學舊頁面畫面看起來雜亂，且較不容易操作，所以我 們綜合舊網頁的缺點，改善這些讓使用者不易使用的部分，加強網頁使用的 便利性，因而以下為新舊頁面的比較表以及新舊頁面畫面比較： 表 4-1 新舊頁面比較表 新網站 舊網站 頁面 擴充性高、風格獨特可愛 樣式簡單明瞭，但略顯單調缺 乏特色 最新消息 利用 AJAX 摺疊功能，縮短使 用者等待時間 畫面簡單，不凌亂資料易找， 點選頁面會跳出新頁面，造成 畫面凌亂等待時間長 操作 簡單明瞭、符合人性化管理 基本使用功能全混在一起，資 料雜亂操作不便，不易找尋 師資查詢 資料分類簡化，配合圖片，容 易查詢 沒有明顯分類，全部塞在一塊 不易查詢老師所教授的是哪門 課 課程下載 配合使用者，設計多樣化的檔 案 無法直接查詢到所想要上的課 在哪個時間有開 課表資訊 可在線上直接修改內容，操作 方便 課表顯示畫面整齊，但是不易 在線上修改 4.1.4 可行性分析可行性分析可行性分析可行性分析 我們的可行性分析以操作性需求為主，使用者可以由此系統了解到科學城社 區大學當季的活動、課程等內容，在首頁部分加強了最新消息、課程消息與活動 訊息的顯示部分，使用者可以點選欲查詢的項目，直接顯示出查詢的內容，而不 像舊網頁會在另外跳出視窗，造成視窗太多、畫面雜亂。 而師資介紹部分，將專任及兼任講師明顯區分出，讓使用者可以輕易查詢到 要找的老師在哪裡。 優化課表的使用功能，讓課表可以直接在線上做修改，讓課表的顯示及更新 更方便、更符合使用者的需求。
4.2 使用案例圖
使用案例圖
使用案例圖
使用案例圖
4.3 循序圖
循序圖
循序圖
循序圖
圖 4-8 循序圖-登入
圖 4-10 循序圖-上傳檔案成功
圖 4-12 循序圖-維護網站成功
圖 4-14 循序圖-維護帳戶成功
4.4 系統介紹
系統介紹
系統介紹
系統介紹
圖 4-16 科學城社區大學首頁
點選首頁可看到校務訊息、課程訊息、活動訊息、社團訊息等資訊內容。
圖 4-18 首頁功能(教務訊息)
圖 4-20 首頁功能(校務訊息內容)
點選校務訊息後，會出現下拉式表單，會顯示校務訊息的內容。
圖 4-22 首頁功能(點選課程訊息)
圖 4-23 首頁功能(課程訊息內容)
圖 4-24 首頁功能(活動訊息)
圖 4-26 首頁功能(活動訊息內容)
點選活動訊息後，會出現下拉式表單，會顯示活動訊息的內容。
圖 4-28 師資介紹(老師資料)
點選師資後可看到老師的名字，點選育查詢的老師及可看到老師的資料。
圖 4-30 課程下載(活動表下載)
圖 4-32 課程下載(課程表下載)
點選課程後可看到活動表下載、行事曆下載及課程表下載，然後即可點選欲
下載的資料檔案。
圖 4-33 下載園地
圖 4-34 關於社大
點選關於社大可以看到有關社區大學的相關內容。
圖 4-36 社區聯盟點選進入介紹
