SPA 的網頁外觀

SPA (Single-Page Application) 的特點是，利用 AJAX 的非同步互動機制，使得網站使用者的操作行為不用反覆下載整個網頁原始碼，而僅需針對有需要更新的內容元素與主機互動。

ThereWeWere 從一開始就設定採用 Google Map API 來開發，若是仍遵循舊有網站應用程式的思惟與架構，每個 hit/click 均導向至不同網頁，如此將完全享受不到 Google Map API 帶來的 mash-up 好處，而僅是將 Map 當作類似圖片一樣的一個 Applet，殊為可惜。


今日開發的成果，在功能部份沒有增加太多，反倒花了不少時間在重新調整網頁 Layout 部份。不單是修改了 Visual Design，還因應新的網頁外觀將 render partial 的架構給完全調整過來，順便把一些分散在各頁的 Javascript 蒐集起來，調整呼叫參數，讓 JS 也能夠讓各頁重複利用，減少各網頁下載頻寬。

計畫中，地圖的左手邊放置的是一些和「顯示」相關的控制按鈕，右手邊放置的是一些和「延伸機制」相關的控制按鈕。部份按鈕點擊後會顯示替代視窗，壓覆在地圖畫面之上，部份按鈕的功能則直接利用 Google Map 的 GInfoWindow 來進行顯示。

老實說，目前對於整個 ThereWeWere 的功能還沒有個完整的 guide line，只是一邊做一邊構思而已。這真不是個開發軟體的好習慣，但卻是最彈性，最方便省思，最容易調整的做法。