第二章、 文獻探討
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.3 網站架構 網站架構 網站架構 網站架構
3.3.1 網站架構圖網站架構圖網站架構圖網站架構圖
圖 3-1 網站架構圖(網站頁面)
圖 3-2 網站架構圖(後台頁面)
系統規劃
專題小組建立 專題系統討論與教師討論規劃J目標
專題系統分配
研究系統動機與目標
開會個人員所收集資料之討論 專題使用MICROSOFT
整理資料彙整成專題企畫書並檢查錯誤
專題企畫書繳交
企畫書審核
續
審核未過
審核通過
3.4 系統製作概要流程圖 系統製作概要流程圖 系統製作概要流程圖 系統製作概要流程圖
圖 3-4 系統製作流程圖(一)
圖 3-5 系統製作流程圖(二)
3.5 專題時程規劃與分工 專題時程規劃與分工 專題時程規劃與分工 專題時程規劃與分工
表 3-2 專題流程表
圖 3-6 甘特圖
D a ta B a se
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-2 關於社大
圖 4-3 社大辦公室
圖 4-4 師資專長
主要由靜態網頁去展示，社大的基本組織，教學基礎內容，師資及辦學理念，
主要模組為關於社大及師資展示模組。
圖 4-5 各季課程表(WORD 檔下載)
圖 4-6 各季行事曆(WORD 檔下載)
各課程及活動各季事項主要是形成 WORD 檔，由此選定基礎功能，含有公 告、靜態展示(關於社大、師資)、課程、行事曆、相關聯結、及管理功能。
4.1.3 網站比較網站比較網站比較表網站比較表表 表
4.2 使用案例圖 使用案例圖 使用案例圖 使用案例圖
圖 4-7 使用案例圖
4.3 循序圖 循序圖 循序圖 循序圖
圖 4-8 循序圖-登入
圖 4-9 循序圖-瀏覽網站
圖 4-10 循序圖-上傳檔案成功
圖 4-11 循序圖-上傳檔案失敗
圖 4-12 循序圖-維護網站成功
圖 4-13 循序圖-維護網站失敗
圖 4-14 循序圖-維護帳戶成功
圖 4-15 循序圖-維護帳戶失敗
4.4 系統介紹 系統介紹 系統介紹 系統介紹
圖 4-16 科學城社區大學首頁
圖 4-17 首頁選單功能介紹
點選首頁可看到校務訊息、課程訊息、活動訊息、社團訊息等資訊內容。
圖 4-18 首頁功能(教務訊息)
圖 4-19 首頁功能(點選校務訊息)
圖 4-20 首頁功能(校務訊息內容)
點選校務訊息後，會出現下拉式表單，會顯示校務訊息的內容。
圖 4-21 首頁功能(課程訊息)
圖 4-22 首頁功能(點選課程訊息)
圖 4-23 首頁功能(課程訊息內容)
點選課程訊息後，會出現下拉式表單，會顯示課程訊息的內容。
圖 4-24 首頁功能(活動訊息)
圖 4-25 首頁功能(點選活動訊息)
圖 4-26 首頁功能(活動訊息內容)
點選活動訊息後，會出現下拉式表單，會顯示活動訊息的內容。
圖 4-27 師資介紹
圖 4-28 師資介紹(老師資料)
點選師資後可看到老師的名字，點選育查詢的老師及可看到老師的資料。
圖 4-29 課程介紹
圖 4-30 課程下載(活動表下載)
圖 4-31 課程下載(行事曆下載)
圖 4-32 課程下載(課程表下載)
點選課程後可看到活動表下載、行事曆下載及課程表下載，然後即可點選欲 下載的資料檔案。
圖 4-33 下載園地
點選下載園地可以查詢到老師及管理者上傳之檔案。
圖 4-34 關於社大 點選關於社大可以看到有關社區大學的相關內容。
圖 4-35 社區聯盟介紹
圖 4-36 社區聯盟點選進入介紹
點選社區聯盟介紹後，即可以連結到外部網站至其他相關的社區大學
的網站瀏覽內容。
第五章 第五章 第五章
參考文獻 參考文獻 參考文獻 參考文獻
1. 科學城社區大學http://www.s3c.com.tw/
2. 中和社區大學http://www.jcu.com.tw/
3. 台北市信義社區大學http://www.xycc.org.tw/xycc/modules/news/
4. 南港社大http://www.nangang.org.tw/front/bin/home.phtml 5. 大安社區大學http://daan.cogsh.tp.edu.tw/
6. 台北市原住民部落社區大學http://3i.org.tw/webhtml/modules/piCal/
7. 大同社區大學http://www.datong.org.tw/