網頁資料庫系統將包含資料展示頁面及資料庫兩部分探討，網頁將以PHP(Hypertext Preprocessor)做為頁面呈現之基礎語法，搭配 MySQL 資料庫系統，將圖面、3D 資料及影 像分別以地圖、圖幅、關鍵字等方式進行索引。
一、 網頁與資料庫系統建置概述
本研究網頁資料庫系統之建立，概略分為二大部分，一是：網頁瀏覽呈現、二是：網 頁呈現背後的資料庫系統，網頁瀏覽呈現部份，為方便使用者瀏覽及快速獲取所需資料，
因此，除了資料搜尋的方式外，網頁的呈現，也將整合相關資訊的連結點選，以協助快速 獲取所需的資料，資料庫係編寫於「模型網頁編寫系統(施乃中、李家宇，2008)」底下，配 合、使用該系統資料表單及欄位規劃、設計方式，以縮短資料庫建置的時間。
二、 網頁建置與呈現
網頁的建置，係使用Adobe Dreamweaver CS3 軟體，用以製作網頁頁面，再以語法連 結資料庫系統，透過資料辨識(ID)設定的方式，呈現所對應的資料，以此建置網頁的好處 是，可減少網頁檔案(.html, .htm)的數量，利於頁面的修改與管理。資料呈現部份，主要包 括：文字、圖檔、線檔及3D 點雲、模型等資料，文字與圖檔部份，使用一般 Internet Explorer 網頁瀏覽器即可瀏覽，僅需注意呈現時的編碼校對，避免亂碼的呈現，至於線檔及 3D 點 雲、模型於資料呈現，因涉及不同的瀏覽、呈現方式，並顧及資料量與網路傳輸等方面的 考量，其相關說明的部份如下所述：
1. 線檔資料的瀏覽呈現：線檔資料的瀏覽呈現，係將繪製完成的資料，轉存成*.dwf 的檔 案格式，使用可免費下載的Autodesk-dwf-viewer 瀏覽軟體，下載安裝後即可於網路直 接瀏覽線檔資料。
2. 3D 點雲及模型的瀏覽呈現：點雲及 3D 模型呈現時，因網路平寬資源有限，因此，除 資料量的縮減外，選用適當瀏覽格式，可有效提升資料呈現的品質，對此，本研究選 用*.oct 作為 3D 點雲及模型的呈現格式，*.oct 格式的特點是，可縮減資料的檔案量，
另由於Octree viewer 為開放提供免費下載的軟體，因此，使用者不需額外付費進行購 買。
線檔資料 *.dwg、*.dxf *.dwf Autodesk-dwf-viewer 3D 點雲 *.imp、*.pts *.oct Octree viewer 3D 模型 *.wrl *.oct Octree viewer
三、 頁面規劃與呈現
頁面的劃分大致可分為連結、檢索及導覽三個部份，如圖23 所示，除基本的網頁連結
選單以外，另規劃資訊檢索系統及導覽功能，協助使用者可快速的檢索及搜尋資料。
1. 點雲圖幅索引導覽說明
係參考臺北市的數值地形圖為基準，作為點雲圖幅的分割方式。頁面的呈現方式，考 量若直接以圖幅號作為選單連結，可能造成資訊查詢的不易，因此，配合地圖輔助呈現，
以便於資訊的查詢，如圖24 所示，使用者可直接點擊索引圖幅連結，即可瀏覽該區的 3D 點雲，如圖25 所示。
圖23 頁面架構的呈現
圖24 點雲圖幅索引導覽畫面
2. 重要路口、地標性建築索引導覽說明
為了讓使用者清楚了解，建國沿線重要路口及地標性建築物，坐落位置與周圍的環境 資訊，同時，縮短資料連結的路徑，因此，於地圖上除設立坐落位置的標記外，同時，作 為點雲(*.oct)及線檔資料(*.dwf)的連結選單，作為資訊的辨別與連結，如圖 26 所示，點選
連結後，即可瀏覽該路口或建築物的3D 點雲或線檔資料，如圖 27 所示。
圖25 點雲圖幅的瀏覽畫面
圖26 重要路口、地標性建築索引導覽畫面
圖27 地標性建築的 3D 點雲瀏覽畫面 3. 資訊檢索系統使用說明
建國資料庫的搜尋方式，將存於資料庫中的資料，建立彼此的關連屬性後，可透過掃 瞄資訊檢索系統進行搜尋，使用者可依搜尋結果，如圖28 所示，找尋重要路口或地標性建 築物，有關檢索系統的搜尋使用方式如下：
輸入經度、緯度數值，例如輸入：25.0447283、121.536591 等。
輸入 TW67 座標數值，例如輸入：213220me、2676040mn 等。
輸入地形圖號，例如輸入：4041、4150、4041A、4150C 等。
輸入建築物及道路的名稱，例如輸入：台大綜合體育館、市民大道等。
輸入關鍵字，例如輸入：建高、市圖等。
圖28 搜尋結果呈現的畫面