雲端專題管理系統

(1)

中華醫事科技大學

資訊管理系 100 學年度專題期中報告

雲端專題管理系統－以 Google Sites 設計

指導老師：莊芳昇

專題學生： 498110160 何達凱 498110287 蘇育德 498110368 周芝卉 498110377 吳智強 498111060 李宗益

摘要

(2)

目前世界上 Google 的使用者越來越多，在短短數年間，Google 就超越 Yahoo 躍升為當今最受歡迎的搜尋引擎，而 Google 之所以能在眾多瀏覽器氾濫的時代中脫穎而出，除了不斷創新與搜尋速度快速之

外，Google 提供的網路應用服務是 Google 受到廣大群眾喜愛的主要因素之一，如 Gmail、Google Groups、Google Calendar、Google Talk、Google Docs 和 Google Sites 等，都帶給一般民眾很大的便利性，而裡面的 Google Sites 就是我們用來製作專題管理系統的主要軟體。

本專題是藉由使用 Google 所提供的應用程式來建構一套輔助專題研究的管理系統。其中有兩個目標，一是幫助系上搭建一套為管理專題研究課程的系統並協助教師追蹤管理旗下專題組別，其二是探討使用 Google 所提供之各項應用程式服務是否能有效的被運用以構成一套有價值之服務系統。本組將實作以學生身分來使用專題管理系統裡的介面及功能。

第一章專題概述

1-1 研究動機

每當學生升上了三年級之後就會開始尋找專題指導老師來進行專題，而文書處理方面幾乎是以紙本式的繳交所有相關表單卻沒有一個統一的系統可以處理所有有關專題的事務，而以往在小組成員製作專題時，總是會有許多意見上的不同，不但需要常常安排時間見面討論，造成他人的不便，或是在線上說明時無法清楚的表達自己的想法給對方因此產生誤會，而資料的互相傳遞，也造成每個人所擁有的資料都不是完整的版本，

以至於發生製作重複的情況。

在學校方面也因為各系各科的老師教導專題的方式不同而無法有效率與一致性的處理，對於專題行程相關事項以及評審老師的評分標準除了口頭宣導跟紙本張貼外也沒有其他有效的聯繫方式，因而可能造成許多同學的不了解而疏忽，為此我們希望結合與大家生活密切相關的資訊網路提供大家即時的訊息。

目前 Google 推出了許多免費的應用程式以及空間可以做為網路上的資料儲存服務以及控制資料流動的程式，因此也出現了許多被放置在 Google上作為商業營利的軟體提供企業或是個人使用。從中可以看到近年來熱門的雲端科技概念被用在Google 上所產生商業化的行為，而本組就以運用雲端科技的想法，以Google 所提供的免費應用程式讓所有系統

(6)

資料以雲端的方式儲存在Google 上而不是以私人架設的主機去控制及儲存服務相關的資料來完成一套系統。

1-2 研究目的

我們研究目的是想創造一個可以幫助各組專題進行，協同設計、協同管理、協同合作的平台，這個平台可以整合網頁、文件、影片、圖片等各種檔案，透過這個系統，我們可以在介面上編輯網頁，可即時將資訊放在網頁上、共同編輯，不用像以前需要用到隨身碟或信箱互相傳閱修改而浪費時間，還有上傳附加檔案、查看專題進度表等多項功能。未來也期望發展成全系或是全校專題都能使用的平台。

專題管理系統平台基本功能圖

(7)

專題管理系統設計的三大指標

 協同專題設計

利用Google 現有的免費應用程式作為管理專題的系統的並供組員進行專題設計。

 協同專題管理

完成一個包括老師、助教、學生等三種使用者群都能在專題系統裡進行管理的作業。

 協同專題合作

其中最主要我們要完成的是學生使用者群所需使用的功能。

專題管理系統平台特色

一、介面簡潔容易操作。

二、整合專題文件無頇影印呈交紙本。

三、平台具有模組化建置方式。

四、平台介面具有可編輯性。

五、系統存在於網路空間上，為雲端性質的服務。

(8)

六、使用 Google 上之平台作業，可保障系統完整性之安全性。

第二章文獻探討

2-1 Google Sites 介紹

Google Sites 又稱為協作平台，這個平台本身提供豐富的網頁設計範本、專案管理、雲端辦公室、教學平台等，而且不需另行安裝任何軟硬體，對一般中小型企業來說也是一個不可多得的好工具。

Google Sites 協作平台主要優點是：如同名稱上「協作平台」所示，

能讓小組成員共同開發同一個文件、計畫，非常適合同一個群組的人彼此上傳、修改、分享檔案。成員間可以看到彼此修改的過程，了解其他成員的想法，且可隨時恢復到某一成員修改過的版本。這就是 Google Sites 協作平台使用雲端的概念：兩個不同地區的使用者能同時在協作平台上進行作業，克服了時空的限制，能有效提高生產力但礙於網路安全此項服務

使用HTTPS 的協定保障安全，同時也限制了很多功能和設計方法。

Google Sites 協作平台適合用於資訊蒐集、教學網頁或是專案工作、

小組合作專題的網站，目前已被廣泛應用於各式的網站類型，如：教學平台、家族網站、學校網站等，而透過各式各樣內建或網路上所提供的網站範本，開發者能方便套用後再修改成屬於自己的網站。

(9)

Google Sites協作平台平台特色

2-2 Google Docs 介紹

Google Docs是 Google 所推出的線上辦公軟體，使用者不需在電腦中特別安裝軟體，就能在線上進行編輯。還能與他人一起進行協同合作：在同一時間與其他協同者共同編輯同一份文件，並能進行即時通訊，

互相交換意見。此外，Google docs 可以將文件發佈到網路上供他人檢示，並允許他人對該份文件進行編輯。其他功能：Google docs 記錄了最近的修訂版本，可指定恢復至某版本；另外，還能將本機文件上傳到 Google docs，轉換成符合 Google docs 閱讀的文件格式。 Google docs的文件種類如下表所示：

2-2-1 文件

使用者可以在 Google 文件中建立文件、電子製表和演示檔案，也可以透過

web

介面或電子郵件匯入到 Google 文件中。預設情況下這些檔案保存在 Google 的伺服器上，使用者也可以將這些檔案以多種格式（包括

OpenOffice、HTML、PDF、RTF、文字檔案、Word）下載到本地電

腦中。正在編輯的檔案會被自動保存以防止資料遺失，編輯更新的歷史也會被記錄在案。為方便組織管理，檔案可以存檔或加上自訂的標籤。

Google文件支援多使用者協同工作。文件可以同時被多個使用者共享，開啟和編輯。在電子製表中，使用者可以設定透過電子郵件提醒任何指定區域的更改。程式支援

ISO

標準的開放文件格式格式。支援流行的

1.

網頁設計範本

6.

專案管理

2.

公開資訊

7.

雲端辦公室

3.

資訊系統

8.

教學平台

4.

管理系統

9.

協同供應鏈

5.

資訊管理

10.

不需安裝

(10)

Office

的檔案格式，包括.doc，.docx，.xls 和.xlsx。對

PDF

格式僅支援上傳和共享。

Google docs 文件編輯介面

2-2-2 試算表

Google 試算表在版面的美工設計上，仍不若競爭對手微軟 Office Excel 那麼完整，不過它所提供之功能已經足夠一般個人或企業組織的常態性應用了。

下列為Google 試算表的 10 項功能：

(11)

1. 可新增一個 Google 試算表檔案 2. 為 Google 試算表檔案命名 3. 自動填滿編號序列資料 4. 自動完成文字輸入 5. 自動填滿文字資料 6. 插入欄位

7. 調整欄寬大小

8. 為資料表加入背景顏色與框線

9. 工作表重新命名

10. 儲存並關閉 Google 試算表檔案

Google docs 試算表編輯介面

(12)

2-2-3 簡報

Google 線上簡報功能，基本功能都具有，可以換佈景主題、可以插入圖檔、可以調整字型、字體的大小並且將文字放置在任何位置，一般使用者會使用到的功能都有具備。並具有下列兩個一般PowerPoint 所沒有的功能:

1. 線上共用：

可以邀請其他人直接登入該文件執行線上編輯的動作，還可以開線上會議，

直接針對文件的修改、編輯作討論。

2. 網路發佈：

可以將編輯好的文件發佈出去，讓其他網友上網來瀏覽，其他人只要可以上網，就可以直接瀏覽你開放的線上Word、Excel 或 PowerPoint 文件，

完全不用安裝任何軟體。

Google docs 簡報編輯介面

2-2-4 繪圖

由 Google docs 網站推出的「繪圖（Drawing）」功能，不需安裝任何軟體，可直接在網路上繪製各式各樣的流程圖、示意圖等。

(13)

雖然 Google docs 裡的繪圖功能很簡單，不過優點就是它支援線上權限控管功能，可以讓指定帳號登入、修改或共同編輯同一份文件，做好的圖檔也能直接分享出來，讓其他網路上的朋友可以直接連線、瀏覽所呈現的內容。共同編輯時，一樣可以在繪圖區域右邊透過文字的方式即時聊天、溝通想法，非常方便。

Google docs 繪圖編輯介面

2-2-5 表單

Google 表單功能可以幫助我們製作一個簡單、好用的網路問卷調查表，做好之後就不用再到處郵寄Word 檔或 Excel 檔，直接把網址傳送給對方，填好之後我們馬上可以在網路上看到填表數、回應內容與簡單的統計製作問卷調查、報名表。

Google 線上問卷調查表主要功能：

1.

^{支援多個問卷題目。}

2.

提供單選題，用「圓點」選擇。

(14)

3.

提供多選題，用「核取方塊」選擇。

4.

提供文字輸入欄位，可讓網友輸入一行字。

5.

提供文字輸入方塊，可讓網友輸入較長文字。

6.

提供下拉選單，可讓網友點選其中一項。

7.

提供問卷網頁，其他人免登入可直接填寫。

8.

填完送出後，可即時收到調查統計。

9.

^{以「試算表（}Excel）」完整記錄統計資訊，並提供圖文並茂的統

計摘要。

10.

提供網頁嵌入功能，可將問卷嵌入部落格（無名、Yahoo!不

支援）。

11. 提供個漂亮的佈景主題，讓你的問卷更吸引人。

Google docs 表單編輯介面

2- 3 開發環境：

Google Site 協作平台是 Google 提供的免費工具之一，可以讓我們輕鬆方便的架設屬於自己的網站，Google 提供了 100MB 的網路空間，只要網站容量不超過限制就不用負擔任何費用，當然若付費就可以升

(15)

級享受更大的網路空間。不但可以簡單的架設一個網站，而且可以插入 YouTube 影片、日曆、簡報等，還能提供多人同時編輯，並與 Google 文件整合，還有問卷功能，可以直接在文章裡做調查。故我們的專題網站選擇以 Google Sites 協作平台作為本組期末專題「雲端專題管理系統」

的開發環境。

第三章系統規劃

3-1 專題管理系統需求

本專題管理系統主要是為了提供學生這個身分的使用者群操作。因此我們功能的取捨是依照系上專題流程所可能操作的功能去構想而成，並以下列功能為系統的設計方向。

(一) 觀看整行事曆發布的公告。

(二) 安排組員間或是教師與組之間的會議。

(三) 新增、修改及刪除各個工作項目。

(四) 觀看專題進度表。

(五)檢視專題製作相關資料 (六)修改專題內容

(16)

專題學生需求圖

3-2 網站製作流程

1. 建立專題 Google 協作平台 2. 新增導覽介面

3. 專題公告事項匯入 4. 專題行事曆匯入 5. 新增各組資料上傳點 6. 匯入各組資料

7. 新增專題討論區

本組專題管理系統網站經本組針對學生類別使用者使用文件以及同步相關資訊為重點，以 Google 提供之相關應用服務為設計選項，完全不納入自有伺服器架設等資料交換設計選項來達到需求功能的完成。

 全程使用Google 提供之相關服務

 易操作

(17)

 易於模組化建置

3-3 網站架構組織圖

網站架構組織圖如下：

專題管理系統網站架構組織圖

3-4 網站功能說明

學生平台首頁功能性需求

編號項目說明

001 側欄導覽項目以及專題事項日期倒數

002 行事曆觀看並新增行事曆上的工作事項

(18)

003 最新公告觀看由教師或是助教發布的公告

公告頁面功能性需求

編號項目說明

004 觀看公告觀看發布的公告

005 發佈組內公告 None

006 編輯組內公告 None

側欄功能性需求

編號項目說明

007 倒數日期專題重要事項日期倒數

008 提供各組公佈資

訊連結

將頁面導向各組公告頁面

009 提供各組檔案資

料區連結

將頁面導向各組資料區頁面

010 提供討論區發佈專題事項問題與解答的平台

行事曆頁面功能性需求

編號需求項目說明

011 檢視當周行程 None

012 檢視以月份呈現的

日曆

None

013 檢視近期活動 None

(19)

014 新增活動連結 None

3-5 網站作業流程 3-5-1 登入帳號

第一步是登入帳號，學校都有給我們一組Google 的帳號，因此不需要另外申請。

3-5-2 專題管理系統首頁

之後就能看見行事曆與最新公告，上面有專題相關事項與日程表。

(20)

3-5-3 行事曆

點入行事曆中即可新增工作事項。

3-5-4 行事曆新增工作事項

(21)

這裡輸入新增的工作事項內容，並可選擇提醒重要日期。

3-5-5 公告頁面

進入公告頁面就可以看到最近發布的訊息。

(22)

這裡記載了專題報告的抽籤順序以及方法。

3-

5-

7 專

題

成

果

之

書

面

電

子

檔繳交日期

(23)

這裡記載了專題書面資料的繳交日期。

3-5-8 專題報告

這裡公佈專題報告的日期時間及地點。

(24)

3-5-9 每組報告時間

專題報告時間的規定資訊。

3-5-10 新增共享

(25)

顯示組長開放新增以及編輯的權限給組員的資訊。

3-5-11 評審

顯示評審資訊及評分方式。

(26)

3-5-12 專題管理系統查核表

查核專題各項工作進度。

3-5-13 專題管理系統查核表-新增

新增專題查核工作項目。

(27)

3-5-14 專題管理系統檔案櫃

這裡可用來上傳、下載各項文件，並可直接線上檢視。

3-5-15 專題管理系統開會時間

查看之前的會議時間以及下一次的會議時間。

(28)

3-5-16 專題管理系統開會時間-新增會議

新增下一次的會議時間。

3-5-17 專題管理系統專題討論區

在這裡可以發問以及解答關於專題的各項問題。

(29)

3-5-18 專題管理系統專題討論區-新增問題與解答

這裡顯示出新增的問題以及解答的內容。

3-5-19 專題管理系統專題小組資料

(30)

這裡顯示小組內的組員資料以及聯絡方式。

3-5-20 專題管理系統最新協作平台活動

(31)

可以查看之前在協作平台內的所做的變更並能夠回復之前錯誤的變更。

(32)

第四章專案規劃

4-1 分工表

書面工作分配表

何達

凱吳智強周芝卉李宗益蘇育德

資料蒐集 ◎ ◎

資料整理 ◎ ◎ ◎ ◎

資料檢查 ◎ ◎ ◎ ◎ ◎

書面製作 ◎ ◎ ◎

書面印製 ◎

協作平台製作工作分配表

何達

凱吳智強周芝卉李宗益蘇育德

資料蒐集 ◎ ◎ ◎ ◎ ◎

資料整理 ◎ ◎ ◎ ◎

內容架構 ◎ ◎ ◎ ◎

協作平台製作 ◎

協作平台測試 ◎ ◎ ◎ ◎

(33)

4-2 時程規劃甘特圖

三年級下學期四年級上學期

月份三月四月五月六月九月十月十一月十二月

決定主題資料收集資料整理協作平台架構協作平台建立行事曆製作公告欄製作側欄製作導覽內容製作網站資料更新測試網站

(34)

第五章心得與結論

5-1 心得

何達凱

一開始我們原本要製作關於健康食品的網站，之後卻發現有許多類似的網站，實用性並不大，因此老師提供給我們另一個方向，在眾多組別各自在製作不同的專題項目時，並沒有一個有效、方便與統合的系統，

我們便以此為目標進行製作，除了需要有全部專題相關事項的行事曆之外，

在過程中也常常聽到其他組別需要見面討論及傳閱資料，這時除了有可能造成時間上無法配合，以及一個人製作完才能換下一個人製作，或是將資料全部丟給一個人製作而其他人沒有事情等問題，我們便朝著創造一個能讓所有組員一起協同製作、修改、閱覽的平台邁進。

吳智強

對於這個專題，做了這一大段的時間，經過了整整快一個學年的製作，讓我在期中懂了很多東西，像是 GOOGLE 理的很多功能，都是在我接觸 GOOGLE 協作平台前不知道的東西，因為其中所運用到的東西真的很多，讓我因為專題而在生活上有了更多的方便，在製作專題的這段時間，其實大家都很累，爭吵不斷，因為大家都有自己的想法，而身為組長的我就得想辦法一一化解這些紛爭，找出中間點，雖然說很累，但是看到大家為了這個專題而盡心盡力的樣子，讓我由心理感到開心，而月到期末，大家的心就更加的聚在一起，每天的討論，每天得創新，這些都是大家再以前做不到的，這也能算的上是一大突破吧，而我也在這次的專題中學習到如何帶領大家，如何去分配每一項工作給大家，讓大家都有參予

(35)

感，如何調整小組理的氣氛，有了這些成長，我相信在出社會後我會比別人有更大的競爭優勢。

周芝卉

一開始在想該做什麼的時候，其實大家都不太清楚該往哪個方向去走，也不知道該從何處著手動工，是老師一步步指引我們大略的方向，

我們才開始有頭緒並著手動工。在蒐集資料時，遇到了些困難，如果各組間能夠相互幫助也許這就不是個難題。或許我們能在積極些那很多事情都能夠很順利的完成，而不會一直卡在原地不動。我知道自己也有許多不足的地方，很謝謝同組的組員們都能互相體諒，我會更積極更用心放更多心思在這上面，畢竟這是一整學年的課程。

這次的專題分組報告，我學到了許多，如組員間的溝通、各組間的相互幫助，如何將平常所學的融入其中，組員間如果缺少溝通，那等同於機械少了零件，隨時都會有解體的時候；各組間若不能互相，那需要資料時便是什麼都得不到。將平日裡所學的融入到期中，那即是考驗平日裡是否有在專心，是否真的有學到些什麼並能夠實際應用到需要的地方上。

李宗益

專題分組後找指導老師，找到莊芳昇老師他提議我們利用 google 的協作平台來製作專題管理系統，因此讓我接觸、了解到協作平台的功能，由於別組資料比較不好取得所以過了一個學期進度還有點弱後，跟組員間的分配工作.溝通.協調讓我學會了很多，像一些如何去獲取知識、分析知識、以及如何將學習到的運用在目的上，也讓我明白跟組員分工合作的重要性，也要感謝芳昇老師給的意見。

(36)

5-2 結論

在資訊網路發達的時代中，許多便利的軟體一一被開發出來，還隱藏了許多人們意想不到的驚喜，Google Site 協作平台就是一個最好的例子，只要能多花點巧思，用點耐心就能製作出只屬於自己的平台，除了許多學校使用外，很多中小型企業也以 Google Site 協作平台製作自己公司的網站，在深入了解 Google Site 協作平台之後我們才發現，現在製作網頁已經越來越簡單了，不需要像以往寫許多程式碼看很多書才能製作出一個網站，雖然 Google Site 協作平台還有許多限制跟不齊全的地方，但他未來的發展卻是不容小覷。

參考文獻

 Google Sites協作平台技術說明(官方正式網站)

https://sites.google.com/support/?hl=zh_TW

 google docs 技術說明(官方正式網站)

https://docs.google.com/support/?hl=zh_TW

 ACME

http://acme.com.hk/zh/index.php?page=google-apps

 維基百科

http://zh.wikipedia.org/zh-tw/Wikipedia:

%E9%A6%96%E9%A1%B5

 軟體邦

http://software.sopili.net/



Android SDK 教學 | 孫傳雄談科技

(37)

http://blog.chinatimes.com/tomsun/archive/2010/04/20/4 91928.html

 Google Fans Club

http://www.apps.org.tw/

 Google Apps Script User Guide http://code.google.com/intl/zh-

TW/googleapps/appsscript/guide.html

 Google Code

http://code.google.com/intl/zh-TW/

 Google Sites Support

http://www.google.com/support/sites/?hl=zh_TW

 Video-How to use UI in Google Apps Script

http://www.youtube.com/user/GoogleDocsCommunity#p/

c/0/5VmEPo6Rkq4

雲端專題管理系統

中華醫事科技大學

資訊管理系 100 學年度專題期中報告