目錄
第一章 緒論
第一節 研究背景與動機---P. 5－P. 7 第二節 研究目的---P. 7－P. 8 第三節 研究流程---P. 9
第二章 系統分析與設計
第一節 系統設計理念和目標---P.10
第二節 系統功能規劃---P. 11－P. 16 第三節 系統架構規劃---P. 17－P. 18
第三章 網站功能展示
第一節 揪團功能展示
1-1 揪團名詞解釋---P. 20
1-2 揪團功能簡介---P. 21－P. 24 第二節 團購功能展示
2-1 團購名詞解釋---P. 24－P. 25 2-2 團購功能簡介---P. 25－P. 30 第三節 會員功能展示
3-1 會員中心名詞解釋---P. 31－P. 32 3-2 會員功能簡介---P. 32－P. 47 第四節 討論區功能展示
4-1 討論區名詞解釋---P. 48
4-2 討論區功能簡介---P. 48－P. 53 第五節 相簿集功能展示---P. 54－P. 65 第六節 其他功能展示---P. 66－P. 71
第四章 結論與建議---P. 72－P. 74
第五章 組員心得---P. 75－P.80
圖片目錄
圖 1-1 系統流程圖---P.9 圖 2-1 系統架構圖---P. 17 圖 2-2 系統功能架構圖---P.18－P.19 圖 3.1-1 揪團功能展示圖之一---P. 21 圖 3.1-2 揪團功能展示圖之二---P. 22 圖 3.1-3 揪團功能展示圖之三---P. 23 圖 3.1-4 揪團功能展示圖之四---P. 23 圖 3.1-5 揪團功能展示圖之五---P. 24 圖 3.2-1 團購功能展示圖之一---P. 26 圖 3.2-2 團購功能展示圖之二---P. 27 圖 3.2-3 團購功能展示圖之三---P. 27 圖 3.2-4 團購功能展示圖之四---P. 28 圖 3.2-5 團購功能展示圖之五---P. 28 圖 3.2-6 團購功能展示圖之六---P. 29 圖 3.2-7 團購功能展示圖之七---P. 29 圖 3.2-8 團購功能展示圖之八---P. 29 圖 3.2-9 團購功能展示圖之九---P. 30 圖 3.2-10 團購功能展示圖之十---P. 30 圖 3.3-1 會員功能展示圖之一---P. 32 圖 3.3-2 會員功能展示圖之二---P. 32 圖 3.3-3 會員功能展示圖之三---P. 33 圖 3.3-4 會員功能展示圖之四---P. 34 圖 3.3-5 會員功能展示圖之五---P. 34 圖 3.3-6 會員功能展示圖之六---P. 35 圖 3.3-7 會員功能展示圖之七---P. 35 圖 3.3-8 會員功能展示圖之八---P. 36 圖 3.3-9 會員功能展示圖之九---P. 37 圖 3.3-10 會員功能展示圖之十---P. 37 圖 3.3-11 會員功能展示圖之十一---P. 38 圖 3.3-12 會員功能展示圖之十二---P. 38 圖 3.3-13 會員功能展示圖之十三---P. 39 圖 3.3-14 會員功能展示圖之十四---P. 39 圖 3.3-15 會員功能展示圖之十五---P. 39 圖 3.3-16 會員功能展示圖之十六---P. 39 圖 3.3-17 會員功能展示圖之十七---P. 40 圖 3.3-18 會員功能展示圖之十八---P. 41
圖 3.3-19 會員功能展示圖之十九---P. 41 圖 3.3-20 會員功能展示圖之二十---P. 42 圖 3.3-21 會員功能展示圖之二十一---P. 43 圖 3.3-22 會員功能展示圖之二十二---P. 44 圖 3.3-23 會員功能展示圖之二十三---P. 44 圖 3.3-24 會員功能展示圖之二十四---P. 45 圖 3.3-25 會員功能展示圖之二十五---P. 45 圖 3.3-26 會員功能展示圖之二十六---P. 46 圖 3.3-27 會員功能展示圖之二十七---P. 46 圖 3.3-28 會員功能展示圖之二十八---P. 46 圖 3.3-29 會員功能展示圖之二十九---P. 47 圖 3.3-30 會員功能展示圖之三十---P. 47 圖 3.4-1 討論區功能展示圖之一---P. 50 圖 3.4-2 討論區功能展示圖之二---P. 51 圖 3.4-3 討論區功能展示圖之三---P. 51 圖 3.4-4 討論區功能展示圖之四---P. 52 圖 3.4-5 討論區功能展示圖之五---P. 52 圖 3.4-6 討論區功能展示圖之六---P. 53 圖 3.4-7 討論區功能展示圖之七---P. 53 圖 3.4-8 討論區功能展示圖之八---P. 54 圖 3.4-9 討論區功能展示圖之九---P. 54 圖 3.5-1 相簿集功能展示圖之一---P. 54 圖 3.5-2 相簿集功能展示圖之一---P. 55 圖 3.5-3 相簿集功能展示圖之一---P. 55 圖 3.5-4 相簿集功能展示圖之一---P. 56 圖 3.5-5 相簿集功能展示圖之一---P. 56 圖 3.5-6 相簿集功能展示圖之一---P. 57 圖 3.5-7 相簿集功能展示圖之一---P. 58 圖 3.5-8 相簿集功能展示圖之一---P. 59 圖 3.5-9 相簿集功能展示圖之一---P. 60 圖 3.5-10 相簿集功能展示圖之一---P. 60 圖 3.5-11 相簿集功能展示圖之一---P. 61 圖 3.5-12 相簿集功能展示圖之一---P. 61 圖 3.5-13 相簿集功能展示圖之一---P. 62
圖 3.6-3 快速捷徑圖---P. 68 圖 3.6-4 快速揪團圖---P. 69 圖 3.6-5 日曆顯示活動圖---P. 69 圖 3.6-6 動態搜尋圖---P. 70 圖 3.6-7 語言選擇器---P. 70 圖 3.6-8 所見即所得編輯器圖---P. 71
第一章 緒論
第一節 研究背景與動機
網際網路的蓬勃發展拉進了人與人之間的距離，讓分散在世界各 地的人們得以透過網路來互相交流、認識，更進一步地展現了所謂『地 球村』的概念，於是乎，『秀才不出門，能知天下事』的這句俗話，
在這個網路時代被徹底地實踐了。但是，人類真的能夠把自己孤立在 自己的空間裡頭，只靠著虛擬世界的交際來滿足社交上的需求嗎？而 這樣便捷的網路時代所宣告的是擴大你的交友圈、抑或只是將你個人 成為網路海洋中的一個代號或代碼？假使你只是網際網路上的一個 代號或是代碼，那被人遺忘也僅僅只是一天二天的事情，因為比起現 實生活中人與人之間的互動，在虛擬世界僅靠著文字的溝通與互動，
畢竟還是薄弱了太多。
我們也可看到在此一架構之下，『宅男』、『宅女』等新興名詞的 出現，這些新興名詞不啻意味著對於某些族群而言，網路並沒有達到 擴展人際圈的需求，把自己的社交生活交託到虛擬世界中，讓自己成 為網路上的一個代號或代碼，在猶如浩瀚沒有邊界的網路海洋中尋找
界的交流拉到現實生活中來呢？我們能不能利用網際網路便捷溝通 的特性，讓虛擬世界的力量也能凝聚為現實的力量？
想有個 K 書的夥伴、想找人聯誼，當你在現實生活中有種種社交 上的需求，卻礙於沒認識這麼多人或不善於交際等因素而找不到伴；
當你發現十本教科書的議價空間遠比你只買一本書的議價空間大 時，卻因為沒這麼多人跟你修同堂課，只能摸摸鼻子認了，多付那筆 價差。
有句話說得好：『團結力量大』。既然網際網路的資訊流動如此快 速，那我們何不好好利用這樣的優勢，來為我們現實世界中的生活創 造出更多樂趣、更多方便？
於是我們建立了一個讓大家可以根據彼此需求、找尋志同道合的 夥伴的平台，以求讓自己現實生活的交際圈能夠真正地拓展開來，而 不是僅僅在虛擬世界中的互相交流；我們更可以利用這樣一個平台，
讓消費者對廠商的議價能力提高，讓我們在購買同一件東西上，可以 省下更多的金錢。
我們以這樣的動機開發我們的系統平台的同時，也發現天下雜誌 在八月份的期刊－第４２９期以『揪團力量大』為題，而論述了新一 代社群網站的商機，這更讓我們對於自己的研究更深具信心。透過網 路動員及社群網站的力量，網友們更在八八水災中扮演了舉足輕重的
角色，這讓我們相信在未來，關於揪團以及團購、或是任何使用網路 群聚效應的應用，將會是不容忽視的商機。
第二節 研究目的
本研究目的以台科學生為主要族群來開發此一平台系統，讓本來 對於參與社團活動並不踴躍的本校學生們能夠透過此一平台，將校內 參與社團活動的氣氛帶開，讓志同道合的人有機會彼此互相認識學 習；另外也讓有相同購物、購書需求的同學們得以透過此一平台來團 購買書，以取得比較優惠的折扣。
本研究所開發的系統平台有以下特點：
1. 結合 Google Map API：只要輸入揪團地點，則 Google Map 便會自動幫你抓取地點位置，並使用 Light Box 顯示模式，讓你看著 地圖找地點，不怕迷路。
2. 可重複使用的揪團地點：只要新增過一個揪團地點，則此地 點將會自動存入系統，方便你下次揪團時直接從系統中抓取曾出現過 的地點，不必再重新輸入一次。
3. 便捷的報名系統：只要點選『我要報名此活動』即可輕鬆報 名，想退出活動也是直接點選退出按鈕即可！
5. 提供相簿及影音連結服務：讓活動結束後大家可以彼此分享 活動的照片等等。
第三節 研究流程
本研究流程主要分為以下階段：
1、 確立研究目標：此階段主要是上網蒐集相關資訊、分析當前網路 上有無任何型態類似的系統平台，並針對這些系統平台進行分 析及深入式的了解，更進一步地腦力激盪將我們心目中所想要 的系統平台給描繪出草圖。
2、 系統資料規格設計規劃：此階段解構了我們系統所需要的功能，
並進行資料特性的討論，定義了各資料表欄位的命名、長度、
型態、屬性等等項目。
3、 系統開發：針對所需的各功能進行程式的撰寫。
4、 系統平台 Debug：針對某些不足的部分進行補強跟除蟲的作業，
以使系統得以更臻完美。
5、 網頁功能展示：展示完成後的系統平台，並詳細介紹其功能。包 括主軸的揪團及團購的功能、Google Map 標示揪團地點、相簿 影音分享區、討論區等等社群互動功能。
確立需使用的技術
系統流程規劃
系統程式設計 資料搜尋與研讀
方法持續執行 的可行性 否
是
持續設計與搜尋資料
系統功能整合
系統錯 誤與否
系統功能修正 是
結論與檢討
撰寫期末報告 否
確立研究目標
第二章 系統分析設計
第一節 系統設計理念和目標
我們在緒論曾經論述過我們網站的深層核心動機，也就是希望去 探討如何將虛擬世界的互動拉至現實世界。而在這裡的系統設計理念 與目標中，則回歸到最單純的現實面動機來探討我們的網站。
在現今的社會中，人們因為同好難尋、身邊朋友太少，或是想去 做一些團體活動時，朋友們卻沒空一同參與。更甚者，諸如像吃到飽 餐廳、KTV 更有所謂的單身條款，單身一人去則必須多付筆『單身 費』給業者。我們針對這些問題，而決議開發出一個透過社群網路得 以號召到更多愛好者、或者有相同興趣的朋友們一起參與活動，讓單 身條款從此不再出現！
我們架設的 JoinCrazy 社群網站扮演了這樣的網路中間媒介，提供 一個平台機制讓彼此的互動介面更為完善，讓想揪團的人可以更方便 的傳達消息、統計人數、召集網友。現今經濟不景氣，團購力量大，
可以節省金錢支出、壓低商家所開的價錢。團購的目標是以足夠的購 買量取得更低的價位為目的。本網站結合 Web 2.0 的社群概念，集結 眾人智慧，讓所有學生可以輕易的找到自己需要的資源，進而帶來便 利性。
第二節 系統功能規劃
JoinCrazy 網提供一個平台讓想揪團的朋友們，可以透過本網
站發佈消息，讓想要參加活動的朋友們可以很輕易的取得各式各樣的 活動訊息。除此之外，想要用低價購買商品，只要透過本網站即可參 與團購活動，即所謂的『團結力量大』。以量制價，比起以往一個人 獨自購買商品，被中下游廠商剝削過後的昂貴價格來得低廉許多，我 們將在此節中將為您介紹 JoinCrazy 網站中的系統功能。
(1) JoinCrazy 會員：
為什麼要加入會員呢？因為本系統很多功能都必須先加入會員才 有辦法使用，而且會員機制也可以更確保揪團跟團購時的安全性。註 冊會員不需要特別條件，也沒有麻煩的手續。
會員中心：為會員的的個人資料中心，包括您的姓名、就讀 學校等個人簡介，還可以得知您所參加的活動有哪些和團購 的商品。亦可以觀看您喜愛的照片和影音。
編輯個人資料：填寫您的詳細資料，包括姓名、信箱、密碼 等，也可以在此作更新的動作，假設您本來叫小明，後來覺 得不喜歡可以改成大明， 在個人資料中也可以更換自己喜歡
們聊天，或者有秘密要說，都可以利用站內信傳訊息給他們。
此外，還可以編輯您的聯絡清單，把好友們作分類，亦可選 擇群組寄發訊息，更是方便揪團的團長寄發活動詳細資訊。
會員名單：會員名單乃會員的統計資料，可以從中得知哪個 會員是否在線上，統計了 JoinCrazy 網站上目前有多少人？
您也可以點選會員帳號進入查看其他會員的基本資料，也許 會遇到好久不見的朋友喔！
(2) 揪團去：
很多人運動打球時找不到伴，想要有個讀書戰友時卻找不到人一 起讀書努力。這裡的揪團功能，讓有共同興趣的人一起參加活動。您 可以發起揪團活動，或者參與您有興趣的活動，不再讓自己總是一個 人，把生活圈徹底打開，也可以藉此機會多認識其他科系的朋友，俗 話說的好：『在家靠父母，出外靠朋友』，出社會後尤其如此，因此在 大學時代好好地累積人脈，也是非常重要的一件事情呢！
發起揪團活動：若想要打球，先選好或填寫好場地，選好時 間和日期，然後選擇儲存發佈消息，就會在網站上公告出來。
我的揪團：在什麼時間、什麼日期、什麼地點所發起的活動，
或者所參加的揪團，都會呈現在『我的揪團』列表中，方便 管理，讓你不會因為參加的活動太多，而忘記自己有參加了
什麼活動。
所有揪團：所有揪團活動都會在此列表中呈現，您可以看您 有興趣的，選擇您想參加的活動。
發佈揪團地點：填寫揪團的地點，在什麼區、什麼鄉?提供大 家集合的地方。
揪團地點一覽：透過強大的 Google Map，讓您可以快速找到 集合地點。
(3) 團購去：
想要用便宜的價錢買到商品，也許還可省下運費的錢，大家呼朋 引伴，一起來省錢。分享好吃、好用的商品，找出最經濟的消費方式，
就是合購的精神。由團購中帶來樂趣，大家共同的目標，就是為了省 錢！
發起團購：填好團購商品標題名稱，給予開始時間和截止日 期等，並發佈消息，即將會在網站上公告。
團購總覽：提供所有團購活動的列表，您可以從中選擇您想 要參加的團購，也可以得知有多少人跟團？若有疑問可以利 用問與答詢問主購。
我的團購：自己所發佈的團購資訊，只要發起團購後，就可 以在『我的團購』得知自己發佈的團購是在什麼時間、什麼 日期發起。
我的追蹤清單：看到好看的，想要買該怎麼辦？先追蹤下來，
之後再考慮要不要買。『我的追蹤清單』，提供了可加以追蹤 商品的功能。
搜尋主購：依主購的帳號、加以進階搜尋。若您常跟同個人 團購商品，您覺得他有信用、有效率，可以直接搜尋他的帳 號 ，得知其所發起的團購活動。
(4) 相簿集：
可以上傳自己覺得最棒的照片，同時也可以看到其他會員的相 簿，具有評價功能，您可以投下您的神聖一票，進行排名。除了有評 價的功能外，您也可以對照片加以評論，給予不錯的意見。
(5) 討論區：
提供大家的經驗分享，不管是揪團或團購，您覺得值得分享的，
都可在此進行討論，討論哪裡好玩？討論哪樣團購美食好吃等等……
讓大家一起分享揪團團購的有趣經驗，提高從未參加過的人的參加意 願。
揪團討論區：揪團活動中的喜、怒、哀、樂，都可以在此分
享。點選『發表新主題』就可以發表文章。您可以在討論區 看到最新發表的文章，也可以作回覆的動作，若是看到不錯 的文章也可以加到我的最愛，以利您之後不用查找，可隨時 觀看。
團購討論區：不管您是主購，還是跟團的團員，都可以在此 分享您的經驗，只要有好吃、好用的商品，都可以在此分享。
發表新主題：點選『發表新主題』就可以發表文章。您可以 在討論區看到最新發表的文章，也可以作回覆的動作。若是 看到不錯的文章也可以加到我的最愛，以利您之後不用查 找，可隨時觀看。
(6) 網站地圖：
即網站導覽的功能，讓您對網站得以一目了然，如果您找不到您 想要的資訊，可以透過網站地圖，讓您更輕易地找到您所要的資訊。
(7) 搜尋功能：
透過關鍵字搜尋相關資訊，在搜尋上 key‐in 會員帳號，即可以得 到該會員的相關資訊，所發起的團、所參加的活動等。
(8) 翻譯功能：
言沒有障礙。
(9) 活動日曆：
日曆結合揪團活動，只要把滑鼠移到您想要看的日期，就可以看 到當天所揪的團，若今天有四筆活動，就會呈現出來，極為方便閱讀。
(10) 即時互動：
提供會員們即時的對話，讓大家有個小空間，即時的討論、談天。
但必須先加入會員，才有辦法享受此功能。
第三節 系統架構規劃
我們的系統平台主要建置在 Apache Server 上，並結合 MySQL 資 料庫，且乃是利用 PHP 語言所撰寫而成，其架構約略如下圖所示：
圖 2-1 系統架構圖
我們使用 PHP 語言最大的原因，乃是因為其運行速度快、而且免 費使用，並可同時運行於 Windows、Unix、Linux 平臺的 Web 幕後程 式。
而我們所使用的網頁伺服器乃是 Apache Server，跟其他的網頁伺 服器所擁有的主要功能一樣，就是從網路接受 HTTP 請求，並提供 HTTP 回覆給請求者。網頁伺服器必須要能夠保證系統的正常運作，
因此我們在建置過程中也必須去注意伺服器端硬體設備的維護、軟體 的更新與否、定期的資料備份、確保資料庫的安全性。
在使用者的部分，使用者可利用一般的個人家用電腦及網路輕易 地連至本系統，然後進一步地去使用系統平台上所提供的各式功能與
User
Internet
Web server
PHP Engine
Database
File
JoinCrazy 會員
會員中心:個人資料頁、知曉您所參加的活動、影音及照片收藏
編輯個人資料：填寫您詳細的資料
我的信箱：具有收、寄信的功能及聯絡清單
會員名單:會員人數的統計資料
發起揪團:選擇場地、時間、日期等，發起您要揪的團
我的揪團:自己所參加的揪團活動列表
所有揪團:所有的揪團活動
發佈揪團地點:填寫揪團相關地址資訊 揪團去
揪團地點一覽:透過 Google map 找到地點
團購去
團購分類:依照服飾、美食、3C 產品等作分類。
發起團購:發起團購商品的資訊，包括金錢和時間等。
團購總覽:所有團購商品列表的呈現。
我的追蹤清單:追蹤考慮的商品清單。
我參加的團購:自己參與的團購商品。
我的團購:自己所發佈的團購商品資訊。
搜尋主購:可以依主購者帳號，進一步作搜尋。
相簿集
討論區
搜尋功能
翻譯功能
活動日曆
網站的導覽
1.揪團的討論 2 團購的討論分享經驗 1.具有收藏與分享照片 2. 評價
運用 Google api 小工具
揪團活動的呈現 網站地圖
關鍵字搜尋
第三章 網站功能展示
第一節 揪團功能展示
1-1 揪團名詞解釋
揪團：揪團指的是號召一群人從事某項行為或活動，在現今的網際網 路社會中，有很多事是可以以團體的模式來行動才會比較便宜、有 趣、享受的。因此，可以透過網際網路的平台來號召更多同好，一起 參與。
主購：發起團購文的主要揪團人。負責說張貼相關的團購資訊，訂定 相關的規定(包括：限制條件、運費說明、付款方式..)，另外也應負 責聯絡和管理每一位參與人。
跟團：參與揪團的行為一般稱為跟團，因此主購問其他會員是否要跟 團，意即問其是否要和大家一參與其活動。
發起揪團：主購發起揪團文章，邀大家一起購買東西。
我的揪團：觀看自己已發過的揪團文章。
所有揪團：觀看到目前為止，會員所發過的所有揪團文章。
發佈揪團地點：發佈系統未提供的揪團場地。
揪團地點一覽：觀看所有揪團的場地。
1-2 揪團功能簡介
一、會員發佈揪團的活動地點
情境：大宅是〝JoinCrazy〞的會員，而他也是殺很大──瑤瑤的 歌迷，某天他發現早上當天有瑤瑤簽唱會，於是馬上發佈了揪團活 動。但由於瑤瑤簽唱會活動場地目前還無人提供，於是，先發佈了揪 團地點。
Step1 點選揪團目錄下的「發佈揪團地點」
Step2 填入資料如下
圖 3.1-1 揪團功能展示圖之一
二、會員發起揪團
發佈了場地後，大宅就去目錄下的發起揪團功能發佈文章填入資 料如下：
Step1 填入資料
圖 3.1-2 揪團功能展示圖之二
Step2 到＂我的揪團＂目錄去觀看自己的揪團與所發佈的所有地 點
圖 3.1-3 揪團功能展示圖之三
三、會員跟團
小宅是〝JoinCrazy〞的會員，當天看到了大宅的所發佈的揪團文章，
於是決定跟團去看瑤瑤
Step1 在大宅的文章內發表意願
圖 3.1-4 揪團功能展示圖之四
Step2 同時也可以發表評論
圖 3.1-5 揪團功能展示圖之五
第二節 團購功能展示
2-1 團購名詞解釋
團購總覽：檢視所有的團購
團購分類：顯示所有團購類別，您可以依類別尋找您想跟的團唷 我的團購：檢視自己所發出的團購
發起團購：發表文章要揪大家一起團購買東西 我參加的團購：檢視所有自己跟團的團購資訊
我追蹤的團購：類似＂我的最愛＂功能，檢視自己所注意的揪團活動
進階搜尋：依據一些特別的限制來過濾而檢視出自己所要看的團購 搜尋主購：輸入主購的資訊
主購：合購的發起人，跟團員們連絡面交，下訂單給賣家。
團購金額：加入團購的合購金額 參加總數：加入此團購的人數 跟團名單：檢視跟團的人 參加團購：我要參加此團購
2-2 團購功能簡介
一、主購發起合購
情境：大宅是＂殺很大＂的電玩迷。但是由於合購的價錢會比 較便宜。經過一翻絞盡腦汁之後決定到＂JoinCrazy＂上發起團 購＂殺很大＂電玩。
Step1 大宅加入了＂JoinCrazy＂的會員，點了團購目錄下的
「發起團購」，並填入資料如下：
圖 3.2-1 團購功能展示圖之一
Step2 文章發表後(如下圖所示)
圖 3.2-2 團購功能展示圖之二
Step3 發表文章後，在目錄中＂我的團購＂裡可以觀看自己發出的團 購。
Step4 最後，大宅即可以透過「跟團名單」來追蹤跟團會員。甚至在
「問與答」與會員互動了。
圖 3.2-4 團購功能展示圖之四
二、會員跟團
情境：當大宅發出文章之時，JoinCrazy 網的小宅在最新揪團 中看到了此篇團購。於是點進去看，看到大宅發出的合購文章，
又看到瑤瑤大宅所附的瑤瑤艷照。於是感到心動，而決定參加此 團購。
Step1 在文章下面＂參加團購＂中輸入內文所規定的 420 元，參 加團購。
圖 3.2-5 團購功能展示圖之五
Step2 確認自己是否在跟團名單中。
圖 3.2-6 團購功能展示圖之六
Step3 提出您想問的問題。
圖 3.2-7 團購功能展示圖之七
Step4 加入團購後可以在目錄中『我參加的團購』觀看自己跟了 什麼團。
圖 3.2-8 團購功能展示圖之八
想要持續觀察這篇文章的動態。於是按了左邊的「藍眼睛」圖案，
把它加入自己的追蹤清單，持續追蹤。
圖 3.2-9 團購功能展示圖之九
Step6 小宅即在目錄中的『我的追蹤清單』功能中，確認「天堂 Talker No.4 補充包」的團購已被列入追蹤。
圖 3.2-10 團購功能展示圖之十
第三節 會員功能展示
情境：某一個跟平常一樣、又宅又無聊的星期天，孤單寂寞的宅 宅們，在無聊中閒逛網站時，看到 JoinCrazy 網站──天啊！沒想到 JoinCrazy 可以『殺很大』，是殺多大？非常大！大在哪？團購的電 玩產品，它殺不殺？殺！一元殺、二元也殺…除了團購殺很大，連揪 團去 happy，也很殺！！殺去白沙灣看海、殺去阿里山看日出……前 揪後揪、呼朋引伴，一起殺殺殺。除了團購、揪團超殺外，若您想殺 時間，不管開心或不開心都可以在討論區發表自己的心得，還可以去
『相簿集』收藏瑤瑤照片呢！這麼殺的網站，能夠不加入會員嗎？宅 宅們很開心能夠發現這麼棒的網站，提供這麼殺的環境，於是紛紛加 入會員。
3-1 會員中心名詞解釋
很多功能都必須先加入會員，才可以盡情使用喔！
Join Crazy 會員功能：
一、 會員中心：個人資料呈現、管理好友、總覽您的資料、揪團、
相簿及最愛的圖片和影音。
二、 編輯個人資料：填寫自己的個人資料。
四、 會員名單：看看有哪些人加入 JoinCrazy，並知道他們是不 是在線上。
3-2 會員功能簡介
一、申請帳號
Step 1：請在首頁上方的「註冊」申請您的專屬帳號吧！
在 JoinCrazy 中，有很多功能都需要帳號才能使用喲！
圖 3.3-1 會員功能展示圖之一
Step2：正確填寫您的註冊資料後，請按「註冊」。註冊完成後，即可 登入會員唷！
圖 3.3-2 會員功能展示圖之二
二、登入會員
點選「JoinCrazy 會員」目錄下的「會員中心」。
歡迎來到 JoinCrazy 會員介面，首先會看到自己的個人資料 頁。讓我們先為您介紹如何編輯個人資料、我的信箱及會員 名單。
圖 3.3-3 會員功能展示圖之三 三、編輯個人資料
Step 1：點選「JoinCrazy 會員」目錄下的「編輯個人資料」。
Step 2：進入個人資料的「聯絡資訊」、「額外資訊」中，填寫完後，
請按「更新」鈕。
個人資料頁面
圖 3.3-4 會員功能展示圖之四
圖 3.3-5 會員功能展示圖之五
Step 3：點選「肖像」頁籤，在此更換您的大頭貼。
有兩種方式：
A.自行上傳
首先在下拉選單中選擇「上傳新的個人個人資料影像」，並點擊
「瀏覽」鈕，選取您要上傳的照片後再按「更新」即可。
圖 3.3-6 會員功能展示圖之六 B. JoinCrazy 內建圖片
在下拉選單中選擇「從圖庫選擇影像」，挑選您喜歡的圖後更新。
圖 3.3-7 會員功能展示圖之七 Step 4：使用「我的揪團」頁籤
圖 3.3-8 會員功能展示圖之八
四、信箱寄信收信功能
這個功能可以提供站內收信、寄信、聯絡的功能。
只要您想要跟會員們聊天、打屁、或者說秘密，都可以透過我的信箱 傳訊，提供簡便的傳遞訊息功能。
寄信功能
Step 1：「JoinCrazy 會員」→「我的信箱」→「撰寫」
圖 3.3-9 會員功能展示圖之九
Step 2：輸入收信人。我們提供了三種方法供您快速輸入收信 人的帳號。
圖 3.3-10 會員功能展示圖之十
圖 3.3-11 會員功能展示圖之十一 Step 3：寫好後，按「發送」寄出。
圖 3.3-12 會員功能展示圖之十二
Step4：發送完成後，可在「寄件匣」中，看到您發的信。
圖 3.3-13 會員功能展示圖之十三
▼ 若您點選「召回」，信件會被召回，您可以重新編寫然後重寄。
圖 3.3-14 會員功能展示圖之十四
▼ 若您點選刪除，會把信件丟到垃圾筒去。
圖 3.3-15 會員功能展示圖之十五
收信功能 在收件匣中，可以看到別人寄給您的信件。
增加您通訊的便利性。
Step 1：請點選在聯絡頁面中的「建立新的聯絡清單」。
圖 3.3-17 會員功能展示圖之十七 Step 2：開始編輯您的聯絡清單囉！
請先填入清單的「名稱」，為了方便記憶，您可以加入「描述」，最後 選擇要加入清單的好友帳號，完成後請按「發送」。
圖 3.3-18 會員功能展示圖之十八 Step 3：建立好的聯絡清單。
圖 3.3-19 會員功能展示圖之十九
建立完「聯絡清單」後，除了可以讓您清楚的分類外，在點選「撰 寫」信件時，您可以透過聯絡下的聯絡清單，一併寄信給您的親朋好
圖 3.3-20 會員功能展示圖之二十
五、會員名單
「JoinCrazy 會員」→「會員名單」(網頁呈現如圖所示)
圖 3.3-21 會員功能展示圖之二十一
若您對某個會員感興趣，可點 選他的帳號，就可以連結到會員 的個人資料頁來更了解他（她）
囉！
想知道您的好朋友有沒有加入 Join Crazy 嗎？請按左上的「搜 尋使用者」，並輸入要搜尋的關鍵字即可（結果如下）。
圖 3.3-22 會員功能展示圖之二十二
六、個人資料頁
Step1：在編輯中可以更新您的個人資訊和更新你的圖片。
圖 3.3-23 會員功能展示圖之二十三
Step2：可以觀看您的資料、好友、我的揪團、我的相簿、及最愛的 圖和我的影音。
圖 3.3-24 會員功能展示圖之二十四
A.個人資料頁：您的個人資料。
B.好友：可以看到您跟其他會員的連線狀況。(如下圖所示)
圖 3.3-25 會員功能展示圖之二十五
C.我的揪團：若您有在揪團發文，就會在此看到您發起的揪團。
圖 3.3-26 會員功能展示圖之二十六
D.我的團購：若您有在團購發文，就會在此看到您發起的團購。
圖 3.3-27 會員功能展示圖之二十七
E.我的相簿：在此可以看到您在「相簿集」裡上傳的照片。
F.我最愛的圖：裡面放的是您在「相簿集」加到「我的最愛」
裡的照片。
G.My Videos：您可以把您喜歡 YouTube 的影片、音樂收藏起來。
Step1：在 My videos 中 點選「Share a new Video」項目。
圖 3.3-28 會員功能展示圖之二十八
Step2：寫好標題(title)並填好 URL,即可按「submit」送出。
圖 3.3-29 會員功能展示圖之二十九 Step3：完成後就可以看到了喲！
圖 3.3-30 會員功能展示圖之三十
第四節 討論區功能展示
4-1 討論區的名詞解釋
揪團討論區：專門讓會員發表揪團相關的文章 團購討論區：專門讓會員發表團購相關的文章 回覆：文章所回覆的總數
查看：文章所閱讀次數
最後發表：文章內容會後發表的會員及發佈相關資料 新主題：發布新的揪團主題
我的留言：觀看自己所發佈的文章與所回應的文章內容 最新發表：顯示出最新會員所發表的揪團文章
回覆：回覆此揪團文章
我的最愛：可將自己喜歡的文章加入我的最愛，隨時觀看
4-2 討論區功能簡介
一、發佈文章
情境：小陽是 JoinCrazy 的會員，某天他看到了團購區發表的一 篇「殺很大-通用卡 500 點」的團購文，因為他是殺很大的粉絲，
所以他很心動，但又很猶豫到底要不要買，於是來到了討論區-團 購討論區發表了一篇純屬個人看法的文章，步驟如下：
Step 1 小陽點選了如下圖的「發表新主題」
圖 3.4-1 討論區功能展示圖之一
Step 2 填入資料如下：
(1) 選擇主題圖示
(2) 填入文章主題---必填 (3) 填入文章內容---必填 (4) 送出
圖 3.4-2 討論區功能展示圖之二
(5) 發佈完成！
圖 3.4-3 討論區功能展示圖之三
二、討論區中回覆文章
情境：當小陽發佈文章後，他發現樓下有一篇有關「大便」的文 章，於是好奇點入，同時也回覆了他的看法。
Step 1 點選文章上的「回覆」
圖 3.4-4 討論區功能展示圖之四
或是文章下的「快速回覆」
圖 3.4-5 討論區功能展示圖之五
Step 2 填入回覆內容
圖 3.4-6 討論區功能展示圖之六
三、討論區中引用文章
此時大陽看到小陽的留言，認同小陽的說法，決定引用小陽 的話。步驟如下：
Step 1 按下小陽所發佈文章右下角的「引用」功能
圖 3.4-7 討論區功能展示圖之七
Step 2 填入資料
圖 3.4-8 討論區功能展示圖之八
Step 3 送出後，引用結果如下：
圖 3.4-9 討論區功能展示圖之九
第五節 相簿集
情境：小陽在討論區回完文章後，逛著逛著，此時來到了
JoinCrazy 網的「相簿集」……，看著「相簿集」的首頁，小陽心中 的疑惑，頓時如暗潮洶湧般襲來！
圖 3.5-1 相簿集功能展示圖之一
JoinCrazy 網發現這件驚人的事實後，於是決定派出「資深網 站管理人員」—Shin，來解決小陽心中如暗潮洶湧般的疑惑。
小陽：「請問我有可以上傳照片的地方嗎？」
資深網站管理人員—Shin：「您好，有的唷！每個會員在「相簿集」
都有專屬的個人相簿集。」
小陽：「我要如何上傳照片呢？」
資深網站管理人員—Shin：
Step1 登入後，進入「相簿集」點擊「上傳圖片至您的相簿」
圖 3.5-2 相簿集功能展示圖之二
Step2 點擊畫面中的「上傳新圖片」
圖 3.5-3 相簿集功能展示圖之三
圖 3.5-4 相簿集功能展示圖之四
Step4 出現成功訊息後回「我的相簿」，您新上傳的相片會出現在相 簿最底部，完成！」
圖 3.5-5 相簿集功能展示圖之五
小陽：「如何修改相片的標題跟描述呢？」
資深網站管理人員—Shin：
Step１點選要修改相片的編輯鈕（下圖紅框處）
圖 3.5-6 相簿集功能展示圖之六
Step２進入修改相片模式編輯後，按下「儲存」即完成修改動作
圖 3.5-7 相簿集功能展示圖之七
小陽：「我想刪除不要的相片……?」
資深網站管理人員—Shin：「好的，只要按下欲刪除相片的刪除鈕，
經確認後立即刪除，詳情請看下圖：
圖 3.5-8 相簿集功能展示圖之八
小陽：「是喔！好棒呀，謝謝妳，那我先回家囉！」
資深網站管理人員—Shin：「小陽，等等唷！以下的資訊還沒說呢！
請看，如果您…
想要找朋友的相簿來看
請在「相簿集」的左上方(如圖處)輸入朋友的帳號即可唷^O^!
圖 3.5-9 相簿集功能展示圖之九
好喜歡別人傳的圖片，可以加到我的相簿嗎？
按下圖片旁的星星符號就可以加入我的最愛，讓您不用下載又上 傳、下載上傳，就可以每天看唷^^!!
圖 3.5-10 相簿集功能展示圖之十
加入後，就會出現「我的最愛」裡，不想要時可再刪除。
圖 3.5-11 相簿集功能展示圖之十一
想看原圖
我們有 2 種方法欣賞高畫質原圖供您選擇唷~
1.點擊後使用 LightBox 看原圖 2.下載原圖觀看
圖 3.5-12 相簿集功能展示圖之十二
圖 3.5-13 相簿集功能展示圖之十三
2.到討論區發文貼上剛複製的 BBCODE
圖 3.5-14 相簿集功能展示圖之十四
3.送出，完成!!
圖 3.5-15 相簿集功能展示圖之十五
對相片做出評分、評論
圖 3.5-16 相簿集功能展示圖之十六
將圖片與朋友分享
在圖片資訊最下方有一欄可將您喜愛的圖片寄與朋友分享，輸入 朋友的大名與 E-Mail 即可。
圖 3.5-17 相簿集功能展示圖之十七
好的，感謝小陽的通過『相簿集』的Ｑ＆Ａ大挑戰，我們繼續下 一階段的挑戰──JoinCrazy 大挑戰，歡迎來挑戰！」
小陽：「……」
第六節 其他功能展示
首頁的呈現
圖 3.6-1 網站首頁圖
即時互動
提供在線上的「會員」們即時互動聊天，快速傳遞訊息。若未登 入(無帳號)，則無法發話，用以避免垃圾訊息的灌水。(如下圖)
誰在線上
顯示目前在瀏覽本網站的會員與訪客。(如下圖)
▲已登入與未登入的顯示畫面
圖 3.6-2 誰在線上展示圖
圖 3.6-3 快速捷徑圖
包括
揪團去：顯示所有的揪團活動 團購分類：團購區分類目錄頁面 討論區：揪團與團購的討論區頁面。
上傳相片：會員的個人相簿頁面，可直接上傳相片
我們統計使用者的最常瀏覽本網站的哪些頁面，來提供會員快速連結 的捷徑，提高網站使用的方便性。
快速揪團
位於首頁的右上角，有快速發「揪團文」、「團購文」的按鈕，按 下後，直接到發文介面。
圖 3.6-4 快速揪團圖
揪團日曆
滑鼠移到日曆上的日期時，會立即顯示該日期的「所有揪團活 動」，方便會員即時得知有什麼好玩、有趣的新活動要開始了！
圖 3.6-5 日曆顯示活動圖
搜尋
提供目前最新、最快速的 AJAX 搜尋，動態逐項顯示最接近使用 者輸入的搜尋結果。
圖 3.6-6 動態搜尋圖
語言
依使用者的偏好，可將本網站即時轉換成所選的語言，減少語言 的隔閡，增加與國際的文化交流。
圖 3.6-7 語言選擇器
所見即所得編輯器
提供功能強大的編輯器給使用者使用，並仿造 office2007 的 word 風格，讓使用者能馬上上手。
圖 3.6-8 所見即所得編輯器圖
第四章 結論與建議
第一節 結論
我們所架設的系統平台整合了各式的 API，意旨在提供給使用者 一個便捷、能夠促進人與人之間互動的社群網站。我們結合 Google Map、整合了相簿及影音功能，就是希望使用者能夠在揪團與參加活 動上獲得更大的樂趣及熱情；另外，方便使用及理解的團購功能，也 是希望使用者們能夠在很方便的情況下就可以參與別人開的團購以 節省金錢。
也許我們所使用的技術並不是非常的炫目華麗，但我們是站在
『人』的角度，去開發這個平台系統，最終的意旨，是希望能夠在 Web2.0 的時代，將僅限於網路上互動的虛擬世界拉到現實世界來。
以台科大學生為目標族群，一方面是因為發現本校學生在參與社團活 動上顯得較不積極，因此希望透過這個系統平台，能夠讓學生們更加 踴躍地參與校內活動；另一方面也因為初期的目標族群不希望設定的 太過於複雜，這樣在揪團團購上出現的問題會比較少，這方面的問題 將會在第二節有更詳細的論述。
在系統開發過程中，對於部分功能的取捨與程式有相互衝突的狀 況，幸而在組員彼此同心協力之下皆有獲得解決，更萬幸的是，我們 這組的團隊情況極為良好，也許是因為我們四人個性都較為直率爽
直，合作上若遇到問題都是開門見山直接說、直接討論，因此也解決 許多合作上會有的歧見等問題，與人合作相處的這個議題也是在實務 專題中我們所能學習到最寶貴的一課！
第二節 檢討與建議
一般的揪團團購網站往往會忽略掉最重要的『人』的問題，能把 虛擬世界的互動拉到現實生活來，這點巧思固然值得稱許，但是我們 卻也不能忽視因此而可能引發的種種問題，不管是法律上的或是金錢 方面等等的問題。
畢竟我們揪團的成員都是與我們相識不深的人，大部分的人是因 為同樣的興趣跟目的結合在一起，但也難保存有部分心術不正的人士 將此一平台利用為犯罪的契機，而這點可以說是揪團和團購網站最大 的弱點！這也是為什麼我們會將目標族群窄化限為台科學生的原 因，學生族群較為單純，可以大幅的避免及降低不良揪團或團購的機 率。再加上當前最夯的社群網站－facebook，一開始亦是在哈佛校園 內使用，才慢慢地擴增到社會上各階層。
雖然我們也利用了一些社群功能以增進網站上成員間的互動交 流，讓彼此得以在揪團出去之前得以先行互相認識，但是最重要的、
因此，在系統未來發展方面，我們想出如下建議：
1、 更審慎的確認使用者身分：雖然在某種程度上會令使用者註 冊網站的意願降低，但是若此一平台有發展到某特定程 度的話，則更審慎的確認機制卻是不得不為的措施。
2、 評價制度確保揪團品質：在未來發展出一套成員彼此互相評 價的制度，甚至規範評價到達一定程度的成員才可以發 起團購或揪團，這樣可以避免灌水帳號的產生。
3、 進行推廣：對於社群網站而言，人氣便是其命脈，因此可以 的話在文宣宣傳上多花些功夫，讓更多的使用者加入我 們的網站，使網站的效益得以更為提高！
第五章 組員心得分享
個人簡歷
姓名：翁曼玲
生日：77 年 7 月 1 日
求學歷程：高雄高商－台灣科技大學 興趣：閱讀、寫文章
專長：Dreamweaver、CSS、Photoshop、
ASP .net、Java script、C++、C#
專題心得
這次的專題經驗對我而言真的很寶貴，自己本身對於網頁程式設 計就頗有興趣。透過這次的經驗，我不只是多學了一種網頁程式語言、
讓自己在這方面更加精進之外，我認為最最珍貴的就是在團隊合作的 過程中，也讓自己更清楚地體認到該如何去跟你的團隊夥伴們合作、
有問題時該如何去溝通、解決。我也很慶幸我們這組的成員都是性格 相當直爽的人，有問題便會立即溝通協調而並不隱忍，而且每位成員 都相當地盡責，這種種優點都著實令我感覺慶幸不已。最後感謝盧希 鵬老師在過程中給我們的腦力激盪，讓我們對 Web2.0 的網站應用方
我們的專題進度、並且順利解決我們的網站問題；感謝辛苦的組員們 在這些日子以來付出的心血及努力，因為有妳們，讓我認為我是位很 幸運的組長，謝謝妳們。
個人簡歷
中文姓名：陳歆宜 出生日期：1988 / 2/ 10 星座：水瓶
E‐mail：[email protected]
興趣：閱讀書籍、插畫、溜直排輪、
上網吸收新知、逛街
專長：Photoshop、Dreamweaver、
ASP.NET、C#、網頁製作、美工 專題心得
對於這次的專題製作，首度對「meeting」這個字感到深度的體會，
在過程中，剛開始遇到的問題都是偏向於「人」方面的，我們一直在 溝通：如何更好？如何才有創意？我覺得好、你覺得不好……，花了很 多的時間在溝通，也還好我們四個人本來就是好麻吉，常常在開會時，
吵得不可開交，但到了吃飯時間就又馬上開心地的討論要吃什麼，在 專題中，我學到了互相體諒、協調溝通的技巧，還有不放棄的毅力。
到了專題後期，開始偏重技術方面，在網頁 debug、找資料整個功 力大進；整個網站的優化是由我進行的，需要統合大家的程式，就深 刻體會團隊合作的重要性，這專題是我們四人一起做出來的，沒有誰 功勞大誰功勞小；而我在優化時，就常弄到沒天沒夜，直到弄好為止，
也更讓我了解，資管是我未來想走的路，謝謝這個專題製作讓我成長 許多。
個人簡歷
中文姓名：張雯婷 出生日期：1988 / 3/ 14
專題心得
在這次專題中，剛開始我一直遇到很多無法克服的困難，程式方 面，顯得很弱，所以寫起來有點吃力，別人只需要一點點的時間就可 以解決，但我不是，我需要花很多時間，甚至要熬夜。很多時候想要 放棄，但專題不是只有自己，而是四個人要同心協力，所以壓力遠大
尋關鍵字 key 錯了，沒有捉到重點去找，所以我花了好久的時間也找 不到。但隊友教了我如何下關鍵字，如何在最快方式找尋。真的，後 面的套件很快就找到了。
在常久的合作之下，一定會有爭吵，或者溝通上的問題，這些都 是需要從中學習，如何在一個 team 中，做一個好戰友，我想這也是 以後在外面工作，跟人家合作一個企劃案都需要面對的問題。而且在 這次專題我也發現我有些做事的缺點，但從缺點中記取教訓，才是真 諦。當我寫這份心得報告時，我的心情是充滿喜悅，因為終於要告一 個段落了。這麼久的努力，終於要完成任務了。不過還好組長有適時 應變，本來都是靠自己雙手寫所有的程式，但有迫於時間的限制，改 採另一個方式，讓這次專題能夠在截止日期完成，還有很感謝隊友一 起努力到最後。在這次的專題合作中，真的學到很多東西。
個人簡歷
中文姓名：陳珮如 出生日期：1988 / 8/ 1
專題心得
我們自暑假前就開始我們的專題工作。由最初的架構圖、語言 的選擇、語言的研讀、資訊的搜尋、問題的研究…多次的會議，才終 於完成了屬於我們自己的第一個網站”JoinCrazy”。由於以前自己不是 五專上來的，並未有專題的經驗，所以這次的專題也就是我的第一次”
體驗”。過程中，意見不合、頻遇瓶頸、大家有自己的事已致時間橋不 攏..問題都有。但我們秉持著台科學生的性格‐永不放棄、危機化為轉 機的精神。解決以上問題：
意見不合‐‐‐利用投票表決，大家提出自己的意見、訪問第三者
頻遇瓶頸‐‐‐利用學校圖書館借閱書籍、詢問學長相關知識、組員集會 討論，分享自己所擁有的資訊
時間問題‐‐‐一個禮拜規定至少有兩天大家一定要到其參與討論。其它 另外規定 的時間有事不能餐與開會時，工作仍會分派，下次開會時 間呈現分 工成果。遲到者，組員當時也提出了解決方案：請大家一 起去吃早餐。當作大家友情的加溫方式。
再來，容我描述我們這組的優點：
(1) 大家認真負責 (2) 踴躍提出意見
(4) 組員不會故意遲到或不到 (5) 向心力很夠
最後，很開心有這個寶貴的專題經驗，希望可以得獎。
