程式語言
|
Client：HTML、CSS、JavaScript
Server：PHP、MySQL
|
開發工具
|
NetBeans、phpMyAdmin
|
其他
|
JQuery、Git、HighCharts、Google
Map API、vis.js、Bootstrap
Table、Facebook
PHP SDK
|
Demo
|
【問題】
質性研究者認為打卡行為對於每個使用者來說，具有不一樣的目的與意義。希望能了解使用者進行這些打卡的原因。但研究者在探尋使用者的打卡動機時，可能會遇上的問題：
1.
訪談前為了解使用者的打卡，需要先行查看使用者的Facebook，由於資料欄位眾多，收集使用者Data困難，再加上有許多的打卡資訊未必是真實的打卡情境。
2.
訪談後，在分析整理Data時，由於資料欄位多，因此需要整理一個user的資料就會花上許多時間，能分析的Subject也較小數量。除此之外，研究者也需要從Data或是從其他資料集中來確認使用者說的內容。
【研究結論】
本研究開發的系統其主要目的，是希望能輔助打卡研究者透過在系統中不同角度的探索，快速、深入分析了解使用者的打卡行為，我們加入了手機資訊，透過不同視覺化方式整合、還原使用者的打卡情境並呈現資料，讓打卡研究者可以透過時間、空間、使用者行為的探索，快速、深入分析使用者的打卡行為，以協助研究者進行後續的研究，發現問題意識。
本研究開發了一個打卡行為分析之視覺化探索系統，收集Facebook上的打卡內容與手機的Log記錄。我們系統功能包含：使用氣泡圖(Bubble Chart)呈現使用者打卡的時間頻率、使用地圖(Map)呈現使用者的打卡地點分佈、結合時間軸(Time
Line)與地圖(Map)呈現打卡的地點與時間，以及加入手機的前景程式操作與經緯度、使用列表呈現出打卡內容，幫助研究者了解使用者的行為、提供研究者透過Bookmark的功能，切換探索歷程。
實驗結果與受試者回饋顯示，本研究的打卡研究輔助系統具有用性，可以提高研究者分析的表現、創用性，不僅可以激發研究者在問題與後續研究的想法，也能讓研究者發展出自己的探索方式、易用性，研究者可以透過學習學會使用本系統，證實了我們系統輔助質化分析打卡研究的發展價值。
【系統架構圖】
【介面設計】
