網路資訊進步的幅度相當快速，隨著政府開放資料逐漸釋出與開放，越來越多的網頁應用出現。近年來國內對於居住品質的關心也跟著房市有所起伏，像是土壤液化區域的公告與近年管線埋設區域等議題。本研究試圖將居住環境相關的品質指標納入考量，整理出相關之政府開放資料，回顧視覺化相關文獻，利用地理視覺化的概念將其製作為相關圖層，並透過HTML5等相關規範建立前端視覺化網站，使使用者能了解不同居住環境品質的構面與因子，也能透過網頁功能使用自己關注的因子圖層，滿足自身對於居住環境品質之需求。研究於網頁原型建置後進行專家及一般使用者之使用性評估，了解網頁視覺設計與地理視覺成果之成效，作為後續研究及系統開發之建議。

The progress of online information is very fast, with the government open information gradually released and open, more and more web applications appear. In recent years, the domestic concern for the quality of living also followed the housing market ups and downs, such as soil liquefaction area of the announcement and the pipeline area in recent years and other issues. This study attempts to integrate the quality indicators related to the living environment, organize relevant government open materials, review the relevant literature of visualization, make use of the concept of geography visualization as the relevant layer, and establish the front-end visualization through HTML5 and other relevant norms Website, so that users can understand the different living environment quality of the facets and factors, but also through the web function to use their own attention to the factor layer, to meet their own living environment for the quality of the demand. Research on the usability evaluation of experts and general users after the prototype construction of the webpage, and understand the effectiveness of web visual design and geovisualization as a follow-up study and system development proposal.

Bangor, A., Kortum, P., & Miller, J.A. (2008). The System Usability Scale (SUS): An Empirical Evaluation, International Journal of Human-Computer Interaction, 24(6).
Bangor, A., Kortum, P., & Miller, J.A. (2009). Determining What Individual SUS Scores Mean: Adding an Adjective Rating Scale, Journal of Usability Studies, 4(3), 114-123.
Card, S. K., Mackinlay, J.,& Shneiderman, B. (1999). Readings in Information Visualization: Using Vision to Think. Morgan Kaufmann.
Canvas與SVG比較https://msdn.microsoft.com/zh-tw/library/gg193983(v=vs.8 5).aspx
D3.js官方網站https://d3js.org/
Github官方網站https://github.com/
Google map API 操作手冊 https://developers.google.com/maps/web-services/?hl =zh-tw
Chang, K. T. (2008). Introduction to Geographic Information Systems Fourth Edition. McGRAW.HILL INTERNATIONAL EDITION.
Iliinsky, N., & Steele, J. (2011). Designing Data Visualizations: Representing Informational Relationships. O'Reilly Media, Inc.
Klaus, F.& Bernd, O. (2012). 現在就開始學HTML5（賴榮樞譯）.台北：碁峰。（原著出版於2012）。
Leaflet.js http://leafletjs.com/
Leaflet.js官方網站http://leafletjs.com/
Lewis, J. R. (1994). Sample sizes for usability studies: Additional considerations. Human Factors, 36, 368-378.
MacEachren, A. M., & Kraak, M. J. (1997) Exploratory cartographic visualization: Advancing the agenda, Computers &; Geosciences, 23(4), 335-343.
Morville, P., & Rosenfeld, L. (2002)Information Architecture for the World Wide Web: Designing Large-Scale Web Sites, 3rd Edition. O'Reilly Media, Inc.
Murray, S. (2013). Interactive Data Visualization　for the Web. O'Reilly Media, Inc.
Newman, M. W., & Landay, J. A. (2000). Sitemaps, Storyboards, and Specifications: A Sketch of Web Site Design Practice as Manifested Through Artifacts. DIS '00 Proceedings of the 3rd conference on Designing interactive systems: processes, practices, methods, and techniques. 263-274.
Nielsen, J., & Landauer, T. K. (1993). A mathematical model of the finding of usability problems. In Proceedings of the SIGCHI conference on Human factors in computing systems. 206-213.
Pilgrim, M. (2011). HTML5: Up and Running. O'Reilly Media, Inc.
Slocum, T. A., McMaster, R. B., Kessler, F. C. & Howard, H. H. (2009). Thematic Cartography and Geovisualization: Pearson New International Edition.
Turf.js官方網站http://turfjs.org/
W3C HTML5 https://www.w3.org/TR/HTML5/
W3C School https://www.w3schools.com/
WHATWG HTML5 https://HTML.spec.whatwg.org/multipage/
王怡人（2014）。資訊圖像於地圖設計之應用。國立臺灣大學地理環境資源學研究所學位論文。
王怡雯（2006）。生活環境滿意度與人口遷移關係之研究-以台南市為例。臺北市立教育大學社會科教育研究所碩士論文。
各圖台比較趨勢https://www.programmableweb.com/news/top-10-mapping-apis-google-maps-microsoft-bing-maps-and-mapquest/analysis/2015/02/23
各圖台優缺比較https://www.toptal.com/web/the-roadmap-to-roadmaps-a-survey-of-the-best-online-mapping-tools
行政院法務部法規資料庫（2016）: 不動產經紀業管理條例，取自http://law.moj.gov.tw/Law
行政院法務部法規資料庫（2016）: 平均地權條例，取自http://law.moj.gov.tw/Law
行政院法務部法規資料庫（2016）: 地政士法，取自http://law.moj.gov.tw/Law
余國禎（2002）。應用模糊理論於居住環境品質評估之研究－以台中市高層集合住宅為例。逢甲大學土地管理研究所碩士論文。
吳翊安（2014）。由周邊地區居民角度探討都市更新對居住環境品質的影響。國立成功大學都巿計劃學系碩士學位論文。
宋餘俠、李國田（2012）。政府部門資料加值推動策略與挑戰。研考雙月刊，36（4），P 10-21。
李春長，游淑滿，張維倫（2012）。公共設施、環境品質與不動產景氣對住宅價格影響之研究─兼論不動產景氣之調節效果。住宅學報，第二十一卷第一期，66-87。
邱羿儂（2012）。開放政府資料之推動策略研究-英國、美國與台灣之比較。國立臺灣大學資訊管理學研究所學位論文。
孫青雯（1994）。台中市生活環境品質評估之研究。逢甲大學土地管理研究所碩士論文。
國發會各政府資料開放情形http://data.gov.tw/visual/1
國發會各資料平台網站連結http://data.gov.tw/node/31547
許誌謙（2016）。響應式網頁設計元素對使用者經驗影響之研究。國立臺中教育大學數位內容科技學系碩士在職專班碩士論文。
陳雪華，邱子恆（2005）。以需求導向規劃政府機構知識管理系統之個案研究 新世紀資訊組織與典藏技術研討會論文集，127-139。
開放資料五顆星http://5stardata.info/zh-TW/
開放資料鏈結資料分級（Tim Berners-Lee所建議之開放分級定義）https://www.w3.org/DesignIssues/LinkedData.HTML
黃明智（1994）。臺北都會區生活環境品質與認知特性之關聯研究。中國文化大學地學研究所碩士論文。
劉松癸（2002）。居住環境品質概念性模式與量表的建構。南華大學環境管理研究所碩士論文。
蔡仁詩（2011）。網路地圖使用者介面之使用經驗與資訊呈現。國立臺灣科技大學工商業設計所碩士論文。
蔡育棋（2013）。主題式網路地圖的易用性分析。國立臺灣大學地理環境資源學研究所學位論文。
鄭文馨（2007）。台灣都市土地價格空間聚集分析－以1997~2006年為例。長榮大學土地管理與開發研究所碩士論文。
蕭景燈（2012）。資料開放發展現況與展望。研考雙月刊，36（4），P22-38。
賴春綢（1990）。住商工混合地區生活環境之研究：以臺北市大同區大同段為例。國立政治大學地政研究所碩士論文。
優使性2.0(Usability 2.0)-網站經驗設計https://www.usabilitymax.com/
薛惠珍（1989）。台北市新興地區居住環境品質之研究－－忠孝東路四段之實例探討。國立政治大學地政研究所碩士論文。
謝建成、劉至逢（2009）。大學圖書館網站使用性評估之探討。Journal of Educational Media and Library Science，47(2)，163-197。
藏智於民-開放政府資料的原則與現況http://creativecommons.tw/sites/creativecommons.tw/files/download/handbook_open_gov_data.pdf