進階搜尋


下載電子全文  
系統識別號 U0026-3101201216400600
論文名稱(中文) 繪圖故事協作平台於Facebook之設計
論文名稱(英文) Design a Collaborative Story Drawing Platform in Facebook
校院名稱 成功大學
系所名稱(中) 工業設計學系碩博士班
系所名稱(英) Department of Industrial Design
學年度 100
學期 1
出版年 101
研究生(中文) 莊惟皓
研究生(英文) Wei-Hao Chuang
學號 p3696109
學位類別 碩士
語文別 中文
論文頁數 113頁
口試委員 指導教授-陳建旭
口試委員-吳豐光
口試委員-賴新喜
口試委員-洪郁修
口試委員-鄧怡莘
中文關鍵字 說故事  社群網站  社交互動  協同繪畫  Facebook 
英文關鍵字 Storytelling  online social networks  social interaction  collaborative drawing  Facebook 
學科別分類
中文摘要 「說故事」是一種常用來記錄與表達個人經驗的溝通方法,使人們可以保存、分享及反映生活經驗,讓資訊的傳遞更加容易。但不是人人都有說故事的能力,期望幫助一般人更容易透過說故事的方式分享自己的生活經驗,本研究設計並開發繪圖故事協作平台-Paiiiint(http://apps.facebook.com/paiiiint/),結合Facebook社群網站分享資訊與社交互動的特性,提供使用者利用圖畫創作故事的機會,讓網路社群中有相同經驗與體驗的朋友,能共同創作編輯故事內容,並且 透過協同創作與分享的過程產生另一種方式的互動溝通。
透過觀察與訪談平台使用者,本研究發現(1)使用四格漫畫為故事架構,能幫助故事創作者掌握編排故事流程,也能使故事觀賞者較容易瞭解故事所傳達的內容。(2)與朋友協同創作可以增添故事的豐富性與趣味性,並讓使用者對故事的內容產生期待。(3)透過協同創作的過程,與朋友彼此間產生更多的互動與交流,使彼此的關係更緊密。Paiiiint不僅僅是提供使用者故事創作的平台,更重要的是還創造了維繫舊友誼與建立新關係的機會。
英文摘要 Storytelling is a method of communication that often applied to record and express personal experiences. It enables people to preserve, share and reflect on life experiences and it is easier for information transferring. However, not everyone has enough skills of storytelling so we expect to help novices to share personal experiences by storytelling easier. This paper focuses on using drawing to share personal experiences to facilitate the creation of narratives. In this work, we implemented and designed an online platform called Paiiiint and put to the practical use on Facebook (http://apps.facebook.com/paiiiint/). Paiiiint provides users with opportunities to create narratives by drawing. By the features of information sharing and social interaction on Facebook, Paiiiint enables users to create and share contents of stories with friends who have common interests and similar experiences to build up their own social interaction.
In this paper, through observations and interviews with the users on the platform, we explored (1) Utilizing the four-frame comics as the story structure, it helps story creators to control the flow of stories. Furthermore, it is also easier for story viewers to understand the implications of the stories. (2) Creating a story collaboratively with friends makes the story more interesting and richer than do it alone and it also makes users creating the contents of stories with higher expectation. (3) The process of making a chain story collaboratively can facilitate more interactions and communications between friends on Facebook to further enhance and strengthen their friendship. Paiiiint not only provides a platform to create narratives collaboratively but also makes users of online social network with opportunities to maintain existing relationships and establish new relationships.
論文目次 目錄
中文摘要 I
Abstract II
誌謝 III
目錄 IV
表目錄 VI
圖目錄 VI
第一章 緒 論 1
1.1 研究背景 1
1.2 研究動機 3
1.3 研究目的 4
1.4 研究範圍與限制 5
1.5 論文架構 6
第二章 相關文獻探討 9
2.1 故事表達與協同合作 9
2.2 網路溝通 17
2.3 社群網路互動 25
第三章 研究方法與系統設計 35
3.1 研究步驟流程 35
3.2 系統架構 36
3.3 系統規劃 42
3.4 研究方法 45
第四章 系統開發與實作 49
4.1 設計修正 49
4.2 介面設計 52
4.3 平台操作流程 58
第五章 使用者測試與分析 62
5.1 挑選受測者 62
5.2 使用者測試步驟 63
5.3 測試結果分析 64
5.4 故事作品 69
第六章 結論與建議 73
6.1 結論 73
6.2 建議與未來發展 74
參考文獻 77
附錄 86
附錄一 使用前訪談紀錄 86
附錄二 使用後訪談紀錄 99

表目錄
表 2-1. 協同合作類型 11
表 2-2. Web1.0與Web2.0比較表(Tim O'Reilly,2005) 26
表 2-3. 網站特色功能比較表 27
表 2-4. Facebook繪圖應用程式比較表 33
表 3-1. 系統建置軟體與工具選擇表 38
表 3-2. Paiiiint設計原則表 43
表 3-3. Paiiiint使用前訪談問題規劃 45
表 3-4. Paiiiint使用後訪談問題規劃 47
表 5-1. 受測群組組成關係表 62

圖目錄
圖 1.1. 論文架構圖 8
圖 2-1. POC Communicator 12
圖 2-2. Wiki合作說故事平台 13
圖 2-3. KidStory Project操作情境圖 15
圖 2-4. SMCR 溝通模型 18
圖 2-5. TwelvePixels 24
圖 2-6. Graffiti應用程式介面 31
圖 2-7. Vimagi Paint應用程式介面 32
圖 2-8. Total Graffiti應用程式介面 32
圖 2-9. PaintBBS應用程式介面 33
圖 3-1. 系統設計與建構流程架構圖 36
圖 3-2. 系統架構圖 39
圖 3-3. Flash平台應用程式與Facebook溝通架構圖 40
圖 3-4. 網絡溝通圖 41
圖 4-1. 測試版Paiiiint介面 51
圖 4-2. 平台架構圖 52
圖 4-3. 應用程式Paiiiint LOGO 53
圖 4-4. Paiiiint 首頁 53
圖 4-5. Paiiiint互動畫板介面設計 54
圖 4-6. Paiiiint工具列介面設計 55
圖 4-7. 個人故事管理區 56
圖 4-8. 故事瀏覽區 56
圖 4-9. 邀請好友加入 57
圖 4-10. 相關資訊 57
圖 4-11. 邀請朋友接續故事 59
圖 4-12. 畫板操作流程圖 60
圖 4-13. 故事回應示意圖 61
圖 5-1. Facebook朋友組成比例圖 63
圖 5-2. 受測者故事作品Group A-D 69
圖 5-3. 受測者故事作品Group E-H 70
圖 5-4. 個人獨自創作作品 71
圖 5-5. 其他故事作品1 72
圖 5-6. 其他故事作品2 72
圖 6-1. Paiiiint使用狀況統計圖 74
圖 6-2. Paiiiint於行動裝置示意圖 76
參考文獻 外文部分
Ang, C. S., E. Avni, et al. (2008). Linking pedagogical theory of computer games to their usability. International Journal on E-Learning 7(3): 533-558.
Antle, A. (2003). Case study: the design of CBC4Kids' StoryBuilder. Proceedings of the 2003 conference on Interaction design and children. Preston, England, ACM: 59-68.
Anumba, C., O. Ugwu, et al. (2002). "Collaborative design of structures using intelligent agents." Automation in construction 11(1): 89-103.
Benford, S., B. B. Bederson, et al. (2000). Designing storytelling technologies to encouraging collaboration between young children. Proceedings of the SIGCHI conference on Human factors in computing systems. The Hague, The Netherlands, ACM: 556-563.
Bordia, P. (1997). Face-to-face versus computer-mediated communication: A synthesis of the experimental literature. Journal of Business Communication 34(1): 99-120.
Boyd, D. (2006). Friends, Friendsters, and MySpace Top 8: Writing community into being on social network sites. First Monday 11(12): 1-19.
Boyd, D. and N. Ellison (2007). Social Network Sites: Definition, History, and Scholarship. Journal of Computer-Mediated Communication 13(1): 210-230.
Caoili, E. (2010). Study: 53% of Facebook’s Users Have Played Social Games, 19% Addicted. Gamasutra: The Art & Business of Making Games.
Chen, D. and C. Sun (2001). Undoing any operation in collaborative graphics editing systems. Proceedings of the 2001 International ACM SIGGROUP Conference on Supporting Group Work. Boulder, Colorado, USA, ACM: 197-206.
Chidambaram, L. (1996). Relational development in computer-supported groups. MIS quarterly: 143-165.
Christodoulou, S. P. and G. D. Styliaras (2008). Digital art 2.0: art meets web 2.0 trend. Proceedings of the 3rd international conference on Digital Interactive Media in Entertainment and Arts. Athens, Greece, ACM: 158-165.
Cormode, G. (2008). Key differences between Web 1.0 and Web 2.0. First Monday 13(6): 1-30.
Costa, C. J., M. Apar, et al. (2008). Web application and design of communication. Proceedings of the 26th annual ACM international conference on Design of communication. Lisbon, Portugal, ACM: 111-116.
Désilets, A. and S. Paquet (2005). Wiki as a Tool for Web-based Collaborative Story Telling in Primary School: a Case Study. World Conference on Educational Multimedia, Hypermedia and Telecommunications 2005. P. Kommers and G. Richards. Montreal, Canada, AACE: 770-777.
Danaë, Stanton, et al. (2002). The effect of tangible interfaces on children's collaborative behaviour. CHI '02 extended abstracts on Human factors in computing systems. Minneapolis, Minnesota, USA, ACM: 820-821.
Davis, A. (2004). Co-authoring identity: Digital storytelling in an urban middle school. THEN: Technology, Humanities, Education, & Narrative 1(1): 1.
Deck, A. (2001).Glyphiti. Collaborative online drawing system. Retrieved Mar. 20, 2010, From http://artcontext.org/glyphiti/
Druin, A., J. Stewart, et al. (1997). KidPad: a design collaboration between children, technologists, and educators. Proceedings of the SIGCHI conference on Human factors in computing systems. Atlanta, Georgia, United States, ACM: 463-470.
Ellis, J. B. and A. S. Bruckman (2001). Designing palaver tree online: supporting social roles in a community of oral history. Proceedings of the SIGCHI conference on Human factors in computing systems. Seattle, Washington, United States, ACM: 474-481.
Eric Fisher. (2011). Social Design Strategy. Retrieved Dec. 5, 2011, from http://fishofthebay.com/posts/social-design-strategy
Eto, K., M. Hamasaki, et al. (2008). Modulobe: a creation and sharing platform for articulated models with complex motion. Proceedings of the 2008 International Conference on Advances in Computer Entertainment Technology. Yokohama, Japan, ACM: 305-308.
Facebook Press Room. (2011). Retrieved Dec. 11, 2011, from http://facebook.com/press/info.php?statistics
Forbus, K. D., R. W. Ferguson, et al. (2001). Towards a computational model of sketching. Proceedings of the 6th international conference on Intelligent user interfaces. Santa Fe, New Mexico, United States, ACM: 77-83.
Fukuhara, T., T. Nishida, et al. (2002). POC communicator: A system for collaborative story building. Proc. Knowledge-Based Intelligence Engineering Systems and Allied Technologies (KES2002): 1336-1340.
Ghose, S. and W. Dou (1998). Interactive functions and their impacts on the appeal of Internet presence sites. Journal of Advertising Research 38: 29-44.
Gordon, A. S. (2006). Fourth frame forums: interactive comics for collaborative learning. Proceedings of the 14th annual ACM international conference on Multimedia. Santa Barbara, CA, USA, ACM: 69-72.
Hamasaki, M., H. Takeda, et al. (2008). Network analysis of massively collaborative creation of multimedia contents: case study of hatsune miku videos on nico nico douga. Proceedings of the 1st international conference on Designing interactive user experiences for TV and video. Silicon Valley, California, USA, ACM: 165-168.
Hiltz, S. R., & Turoff, M. (1978). The network nation: Human communication via computer. Cambridge MA: The MIT Press.
Hoffman, D. L. and T. P. Novak. (1996). Marketing in Hypermedia Computer-Mediated Environments: Conceptual Foundation. Journal of Marketing 60(3): 50-68.
Hong, W.-C. and S. S.-C. Young (2011). Playing webcomic-based game on facebook for learning Chinese festivals. Proceedings of the 6th international conference on E-learning and games, edutainment technologies. Taipei, Taiwan, Springer-Verlag: 185-189.
Hourcade, J. P., B. B. Bederson, et al. (2002). KidPad: collaborative storytelling for children. CHI '02 extended abstracts on Human factors in computing systems. Minneapolis, Minnesota, USA, ACM: 500-501.
Howard, P. N. and S. Jones (2004). Society online: The Internet in context, Sage Publications, Inc.
Kelly, T. (2009). The 8 Types of Social Game. Gamasutra Expert Blogs Tadhg Kelly.
Konstas, I., V. Stathopoulos, et al. (2009). On social networks and collaborative recommendation. Proceedings of the 32nd international ACM SIGIR conference on Research and development in information retrieval. Boston, MA, USA, ACM: 195-202.
Kuittinen, J., A. Kultima, et al. (2007). Casual games discussion. Proceedings of the 2007 conference on Future Play. Toronto, Canada, ACM: 105-112.
Kurlander, D., T. Skelly, et al. (1996). Comic Chat. Proceedings of the 23rd annual conference on Computer graphics and interactive techniques, ACM: 225-236.
Kvan, T. (2000). "Collaborative design: what is it?" Automation in construction 9(4): 409-415.
Landay, J. A. and B. A. Myers (1996). Sketching storyboards to illustrate interface behaviors. Conference companion on Human factors in computing systems: common ground. Vancouver, British Columbia, Canada, ACM: 193-194.
Landry, B. M. (2008). Storytelling with digital photographs: supporting the practice, understanding the benefit. CHI '08 extended abstracts on Human factors in computing systems. Florence, Italy, ACM: 2657-2660.
Landry, B. M. and M. Guzdial (2006). iTell: supporting retrospective storytelling with digital photos. Proceedings of the 6th conference on Designing Interactive systems. University Park, PA, USA, ACM: 160-168.
Lee, M. R. and Y. Lan (2007). From Web 2.0 to conversational knowledge management: towards collaborative intelligence. Journal of Entrepreneurship Research 2(2): 47-62.
Lopes R, Cardoso T, Silva N, Fonseca MJ (2009). ReCCO: An Interactive Application for Sketching Web Comics. 14th International Conference on Distributed Multimedia Systems, Special Track on Sketch Computing (DMS'09), San Francisco, USA, Sep 2009.
Lopes, R., T. Cardoso, et al. (2009). Sketch-based interaction and calligraphic tags to create comics online. Proceedings of the 6th Eurographics Symposium on Sketch-Based Interfaces and Modeling. New Orleans, Louisiana, ACM: 13-20.
Moraveji, N., J. Li, et al. (2007). Comicboarding: using comics as proxies for participatory design with children. Proceedings of the SIGCHI conference on Human factors in computing systems. San Jose, California, USA, ACM: 1371-1374.
Mori, Y., T. Takasaki, et al. (2009). Patterns in pictogram communication. Proceedings of the 2009 international workshop on Intercultural collaboration. Palo Alto, California, USA, ACM: 277-280.
Morris, M. and C. Ogan (1996). The Internet as mass medium. Journal of Computer‐Mediated Communication 1(4): 39-50.
Newhagen, J. E. and S. Rafaeli (1996). Why communication researchers should study the Internet: A dialogue. Journal of Computer‐Mediated Communication 1(4): 4-13.
O’Reilly, T. (2005). What Is Web 2.0. Retrieved Sep. 11, 2009, from http://oreilly.com/web2/archive/what-is-web-20.html
O'Reilly, T. (2006). Web 2.0 Compact Definition: Trying Again. Retrieved Sep. 11, 2009, from http://radar.oreilly.com/archives/2006/12/web-20-compact.html
Pollet, T. (2007). How the web radically transforms communication networks. Proceedings of the 2007 Workshop on INnovative SERvice Technologies. Rome, Italy, ICST (Institute for Computer Sciences, Social-Informatics and Telecommunications Engineering): 1-3.
Poupyrev, I. and K. D. D. Willis (2008). Twelvepixels: drawing & creativity on a mobile phone. CHI '08 extended abstracts on Human factors in computing systems. Florence, Italy, ACM: 2361-2366.
Raffle, H., C. Vaucelle, et al. (2007). Jabberstamp: embedding sound and voice in traditional drawings. Proceedings of the 6th international conference on Interaction design and children. Aalborg, Denmark, ACM: 137-144.
Rao, V. (2008). Facebook Applications and playful mood: the construction of Facebook as a "third place". Proceedings of the 12th international conference on Entertainment and media in the ubiquitous era. Tampere, Finland, ACM: 8-12.
Rice, R. E. and G. Love (1987). Electronic emotion. Communication research 14(1): 85-108.
Ryokai, K. and J. Cassell (1999). Computer support for children's collaborative fantasy play and storytelling. Proceedings of the 1999 conference on Computer support for collaborative learning. Palo Alto, California, International Society of the Learning Sciences: 63.
Simon, A. (2008). Social heroes: games as APIs for social interaction. Proceedings of the 3rd international conference on Digital Interactive Media in Entertainment and Arts. Athens, Greece, ACM: 40-45.
Smith, P. and A. Sanchez (2011). Farming Education: A Case for Social Games in Learning Virtual and Mixed Reality - Systems and Applications. R. Shumaker, Springer Berlin/ Heidelberg. 6774: 73-79.
Takasaki, T. (2006) PictNet: Semantic infrastructure for pictogram communication. GWC 2006. Int'l WordNet Conf., 279-284.
Tholander, J., K. Karlgren, et al. (2008). Where all the interaction is: sketching in interaction design as an embodied practice. Proceedings of the 7th ACM conference on Designing interactive systems. Cape Town, South Africa, ACM: 445-454.
Tokuhisa, S., S. Okubo, et al. (2006). MYSQ: an entertainment system based on content creation directly linked to communication. Comput. Entertain. 4(3): 4.
Tong, S. T., B. Van Der Heide, et al. (2008). Too much of a good thing? The relationship between number of friends and interpersonal impressions on Facebook. Journal of Computer‐Mediated Communication 13(3): 531-549.
Tsai, C. M., Y. T. Huang, et al. (2011). Taiwanese Facebook Users’ Motivation and the Access of Information Technology. HCI International 2011–Posters’ Extended Abstracts: 469-473.
Verne Ho. (2019). Applications of usability principles on a social network. Retrieved Dec. 5, 2011, from http://creativebriefing.com/applications-of-usability-principles-on-a-social-network/
Walther, J. B. and J. K. Burgoon (1992). Relational communication in computer‐mediated interaction. Human communication research 19(1): 50-88.
Williams, R., B. Barry, et al. (2005). ComicKit: acquiring story scripts using common sense feedback. Proceedings of the 10th international conference on Intelligent user interfaces. San Diego, California, USA, ACM: 302-304.

中文部分
田孟蓉 (2005). 社會比較行為與線上參考團體消費影響力之研究--以台大批踢踢實業坊使用者為例. 廣播電視學研究所. 台北市, 國立政治大學. 碩士: 113.
張純富 (2010). 社交網站人際關係維繫之研究:以Facebook為例. 資訊傳播學研究所(含碩專班). 臺北市, 世新大學. 碩士: 93.
張維安 (2002). 網路與溝通, 網路社會學通訊期刊.
郭書祺 (2001). 企業運用網路公關之研究初探---從電腦中介傳播談起. 傳播所. 新竹市, 國立交通大學. 碩士: 146.
傅沁怡 (2008). Facebook六大魅力,迷倒「宅宅」. 經濟日報. 2011年10月17
日. 取自:http://mag.udn.com/mag/digital/storypage.jsp?f_ART_ID=129393#ixzz1gJa80O3s
傅遠超 (2004). 線上漫畫創作分享網站之開發. 多媒體動畫藝術研究所. 新北市, 國立臺灣藝術大學. 碩士: 87.
劉勇炫 (2008). 在交談式知識管理系統中虛擬社群成員分享意願之研究. 數位學習科技系數位學習科技碩士在職專班. 台南市, 國立臺南大學. 碩士: 76.
賴曉黎 (2004). 網路的禮物文化. 資訊社會研究(6): 149-172.
戴怡君 (1998). 使用網際網路進行互動者特質之探索. 教育社會學研究所. 嘉義縣, 南華管理學院. 碩士: 78.
論文全文使用權限
  • 同意授權校內瀏覽/列印電子全文服務,於2015-02-03起公開。
  • 同意授權校外瀏覽/列印電子全文服務,於2015-02-03起公開。


  • 如您有疑問,請聯絡圖書館
    聯絡電話:(06)2757575#65773
    聯絡E-mail:etds@email.ncku.edu.tw