歷史資訊視覺化之使用者介面設計與實作

User interface design and implementation of Information visualization of the history

楊家韋

資訊視覺化 ； HEML ； Web2.0 ； Information Visualization ； HEML ； Web2.0

臺北大學資訊管理研究所學位論文

2009年

碩士

方鄒昭聰

繁體中文

由於歷史事件資訊經長年累月累積的資料量非常龐大，現今人們通常是經由閱讀紙 本文字或網路零散的資訊來了解歷史事件，本研究擬以視覺化的方式呈現大量的歷史事 件資訊，提供使用者以更簡單、更直覺方式探索歷史事件資訊。 本研究嘗詴開發一套視覺化系統 TheSight，達到讓使用者只要透過系統提供資訊視 覺化服務即可完整取得或分享歷史事件資訊，實現 One-Stop 的概念；並整合網路上現 有組件企圖創造出新的價值；以及利用 HEML 文件進行與外部的資料交換。系統開發 以 VS.Net 為開發帄台，整合網路應用程序接口及開放源碼軟體加以修改客製化功能； 使用者介面設計上參照人機介面設計準則，讓使用者在使用系統服務時在付出最少的努 力下就可以發揮最大的效能，綜合上述完成線上資訊視覺化系統的開發。另外，現今 Web2.0 的時代，技術往往只是輔助的工具，真正擁有豐富資料才是關鍵，因此本研究 運用豐富的歷史資料，以歷史事件計算出人物與人物之間的關係，並視覺化演算結果， 繪製出人際關係網絡圖。 本研究屬適應式環境資訊系統(Adaptive Environment Information System，簡稱 AEIS)，的模組之一，AEIS 是由包括環境資訊系統模組、歷史資訊系統模組以及資訊視 覺化系統模組三大模組所組成，環境資訊系統模組、歷史資訊系統模組主要任務為先從 網際網路上收集環境和歷史的相關資訊，該二模組針對網際網路上收集來的非結構化資 料做轉換、處理成結構化的資料後存入特別設計過資料庫架構(Database Schema)的資料 庫或是轉換成 HEML 檔案，最後由資訊視覺化系統模組向前端使用者做資訊視覺化的 呈現，而本研究現行主要目標為能夠成為儲存、交換以及視覺化呈現歷史事件資訊。

Due to historical event information is great quantity through accumulate year after year, if understand the historical events by reading text on paper or network fragmented information the efficiency is often poor, in this study, we expected to visualize a large number of historical events information, provide users with a more simple, more intuitive approach to understanding, to build the historical overview of information. In this study, we attempts to develop a visualization system called TheSight, let users browse and share information that all they need through using our of service of system, achieve concept of One-Stop, and integration of components of internet attempts to create new value; using HEML documents to exchange of information with the outside, and exchange information using the HEML document; visual studio.net as a development platform, integrated API and open source software; user interface design guidelines with reference to user interface design, allows users to use the system services in the efforts to pay at least be able to maximize the effectiveness, all above of describe to complete the online information visualization systems; in era of Web2.0, data is more valuable than technology, technology is only Supporting information; in this study we use wealth of historical data to drawing relationship network map.

1. 1. Baecker, R. Readings in Human-Computer Interaction: Toward the Year 2000 Morgan
   連結：
2. Kaufmann, 1995.
   連結：
3. 3. Chou, J., and Hsiao, S. "A usability study on human–computer interface for middle-aged
   連結：
4. learners," Computers in Human Behavior (23:4) 2007, pp 2040-2063.
   連結：
5. 4. Eppler, M., and Burkhard, R. "Knowledge Visualization," Encyclopedia of Knowledge
   連結：
6. Management 2005
   連結：
7. 5. Granovetter, M.S., "The Strength of Weak Ties", The American Journal of Sociology,
   連結：
8. 6. Goldstein, C., and Ford, W. "The User--Cordial Interface," On-Line Review (2:3) 1978,
   連結：
9. 7. Gershon, N., S. G., Eick and Card,S. "Information visualization." interactions (5:2) 1998,
   連結：
10. 8. Graham Cormode and Balachander Krishnamurthy. "Key differences between Web1.0
    連結：
11. and Web2.0," First Monday, 13(6), June 2008.
    連結：
12. prominent user-based methods for evaluating the usability of computer software,"
    連結：
13. Ergonomics (38:10) 1995, pp 2030-2044.
    連結：
14. A social network analysis", Group Decision and Negotiation, 4(3), 1995,pp.193-211.
    連結：
15. 11. Healey, C. "Perception in visualization." 2005.
    連結：
16. 1997 ,pp.27-36.
    連結：
17. 15. Keim, D. "Information visualization and visual data mining." IEEE transactions on
    連結：
18. Visualization and Compute,2002
    連結：
19. /Controller designpattern," Enterprise Distributed Object Computing Conference, 2001.
    連結：
20. 18. Lake, R. Geography Mark-up Language (GML): Foundation for the Geo-Web Wiley,
    連結：
21. 19. Miller, G. "The magic number seven, plus or minus two: Some limits on our capacity for
    連結：
22. processing information," Psychological Review (63:2) 1956, pp 81-97.
    連結：
23. 20. Mosier, J., and Smith, S. "Application of guidelines for designing user interface
    連結：
24. 21. Mackinlay, J. "Opportunities for Information Visualization," IEEE COMPUTER
    連結：
25. 25. Pattison, P., "Algebraic Models for Social Networks ", Cambridge University Press.,1993
    連結：
26. Wallis, 1801
    連結：
27. Industrial Ergonomics (23:5) 1999, pp 379-389.
    連結：
28. 28. Shneiderman, B. "The eyes have it: A task by data type taxonomy for information
    連結：
29. 29. Sheppard and Rouff. In: John Marciniak, J. (Ed.), Encyclopedia of software engineering,
    連結：
30. 30. Shneiderman, B. "The eyes have it: A task by data type taxonomy for information
    連結：
31. 32. 邱炫儒(2001)，以文件式 Model-View-Controller 設計樣式為基礎的應用系統開發方
    連結：
32. 33. 吳齊殷、莊庭瑞(2004)，超連結網絡分析：一項分析網絡社會結構的新方法，資訊
    連結：
33. 36. 高孔明(2008)，引文網路視覺化系統之設計與實作，碩士論文，國立台北大學資訊
    連結：
34. ，世新大學資訊傳播學研究所。
    連結：
35. 微軟研究計畫報告 LAC-資-095-1101。
    連結：
36. http://www.javaworld.com.tw/confluence/x/YQI, Accessed February 20 2009
    連結：
37. Accessed October 1 2008
    連結：
38. 47. Nicolas Garcia (2008), javascript information visualization toolkit,Available at:
    連結：
39. 48. Nicolas Garcia (2009), Why not Operator Overloading in JavaScript?,Available at:
    連結：
40. February 15 2009
    連結：
41. 49. Simile(2006),Exhibit 2.0, Available at:http://simile.mit.edu/exhibit/,
    連結：
42. Accessed October 17 2008
    連結：
43. http://goessner.net/ ,Accessed February 20 2009
    連結：
44. Accessed February 17 2009
    連結：
45. 53. Wikipedia (2008),JSON, Available
    連結：
46. February 28 2009
    連結：
47. 55. World Wide Web Consortium (2008),XML Schema, Available at:
    連結：
48. 56. World Wide Web Consortium(2008), W3C Semantic Web Activity,Available at:
    連結：
49. 2. B. Shneiderman. Designing the User Interface, Fourth. Addison Wesley Longman, Inc.,
50. Reading, MA,2005.
51. 78(6), 1973,pp.1360-1380.
52. pp 269-275. (J)
53. pp9-15.
54. 9. Henderson, R., Smith, M., Podd, J., and Varela-Alvarez, H. "A comparison of the four
55. 10. Haythornthwaite, C., Wellman, B., and Mantei, M., "Work relationships and media use:
56. 12. Huynh, D., Karger, D., and Miller, R. "Exhibit: lightweight structured data publishing,"
57. ACM Press New York, NY, USA, 2007, pp. 737-746.
58. 61
59. 13. Koffka, K. Principles of Gestalt Psychology Routledge & Kegan Paul, 1935.
60. 14. Kautz, H. and Selman, B. and Shah, M., "The Hidden Web", The AI Magazine, 18(4),
61. 16. Keim, D., Mansmann, F., Schneidewind, J., and Ziegler, H. "Challenges in visual data
62. analysis," 2006, pp. 9–16.
63. 17. Leff, A.,and Rayfield, J.T. "Web-application development using the Model/View
64. EDOC '01. Proceedings. Fifth IEEE International,2001,pp118-127
65. 2004
66. software," Behaviour & Information Technology (5:1) 1986, pp 39-46.
67. GRAPHICS AND APPLICATIONS,2000, pp 22-23
68. 22. Norman, D., and Collyer, B. The design of everyday things Basic Books New York,
69. 2002.
70. 23. O’Reilly, T. "What is Web 2.0," Design Patterns and Business Models for the Next
71. Generation of Software (30) 2005, p 2005.
72. 24. Ogbuji, C. " XML-powered Exhibit: A Case Study of JSON & XML Coexistence,"
73. XTech 2007, Paris, France, 2007, pp. 15-18.
74. 26. Playfair, W., and Corry, J. The Commercial and Political Atlas Printed by T. Burton, for J.
75. 62
76. 27. Park, K., and Lim, C. "A structured methodology for comparative evaluation of user
77. interface designs using usability criteria and measures," International Journal of
78. visualization," IEEE Symposium,1996
79. Vol. 2. Wiley, New York 1994, pp. 1402
80. visualization," IEEE Symposium,1996
81. 中文部分
82. 31. 方群皓(2007)，資訊視覺化-以引文網路為例，碩士論文，國立台北大學資訊管理研
83. 究所。
84. 法，碩士論文，中原大學資訊管理學系研究所。
85. 社會研究 (6)，127-148。
86. 34. 林祥偉(2004)，應用地理資訊系統於東臺灣歷史文化之數位典藏研究，數位典藏國
87. 家型科技計畫，一期計畫。
88. 35. 洪裕傑(2005)，行動商務使用者介面設計準則之研究，國立政治大學資訊管理研究
89. 所。
90. 管理研究所。
91. 37. 陳銘翔(2006)，複雜網路有效視覺化-以引文網路為到，碩士論文，國立台北大學資
92. 訊管理研究所。
93. 38. 陳明秀(2007)，歷史性報紙新聞數位典藏保存與呈現介面之研究，碩士論文
94. 63
95. 39. 歐陽崇榮、盧以詮（2007），電子文件格式之探討- OpenXML 與 ODF 之比較研究，
96. 40. 賴昆祺、廖泫銘、范毅軍（2005），開放式 GIS 標準於數位典藏整合之應
97. 用與前瞻，三屆(2005)兩岸三院信息技術與應用交流研討會論文集，
98. 頁380-393。
99. 41. 謝明志(2007)，一個 Web 2.0啟用的服務，碩士論文，國立交通大學資訊科
100. 學與工程研究所。
101. 網路部分
102. 42. Chrischang (2004), XML Schema 與 XML DTD 的技術比較與分析,Available at:
103. 43. Bruce Robertson(2005),Historical Event Markup and Linking Project,Available
104. at:http://www.heml.org/heml-cocoon/, Accessed October 26 2008
105. 44. Douglas Crockford (2006),JSON The Fat Free Alternative to XML,
106. Available at:http://www.JSON.org/xml2006.ppt , Accessed October 13 2008
107. 45. Gopalarathnam Venkatesan(2006),JSON - a lightweight data interchange
108. format,Available at:https://foss.in/2006/cfp/slides/JSON_-_a_lightweight_data
109. -interchange_format_203.pdf , Accessed October 21 2008
110. 46. JSON(1999), Introducing JSON, Available at:http://www.json.org/,
111. http://blog.thejit.org/javascript-information-visualization-toolkit-jit/, Accessed January
112. 20 2009
113. http://blog.thejit.org/2009/01/27/why-not-operator-overloading-in-javascript/, Accessed
114. 64
115. 50. Stefan Goessner(2006), Converting Between XML and JSON,Available at:
116. 51. Stefano(2007),SIMILE:About, Available at:http://simile.mit.edu/wiki/SIMILE:About,
117. 52. Visifire(2008),Silverlight Charts,Available at:http://visifire.com/, Accessed August 21
118. 2008
119. at:http://zh.wikipedia.org/w/index.php?title=JSON&variant=zh-tw, Accessed August 28
120. 2008
121. 54. Wikipedia(2008)，社交網路服務，
122. Available at :http://zh.wikipedia.org /w/index.php?title=SNS&variant=zh-tw , Accessed
123. http://www.w3.org/XML/Schema, Accessed March 1 2009
124. http://www.w3.org/2001/sw/, Accessed February 19 2009
125. 57. 陳順孝(2007), 公民新聞的源流、類型與在地實踐,Available at:
126. http://www.ashaw.org/ ,Accessed August 20 2008

1. 葉奕偉(2009)。電子市集式的食品廠商環境資訊分享平台 - 以肉類食品業為例。臺北大學資訊管理研究所學位論文。2009。1-77。