SlideShare a Scribd company logo
校園AR實際導航地圖




 資四A 98156117 李宗融
     98156136 陳奕安
 資四B 98156230 蔡昱廷
追逐我們的夢想
目錄
 實際進度          程式演變
                 APP版面規劃
 實地探訪蒐集資料
                 校外導航
 建立資料庫          最短路徑演算法
                 目前APP
 地圖繪製
                這三個月的我們
實際進度

  時間                   進度
7/1~7/14    校園勘查
            觀察路線、紀錄大樓座標、探索小路等等


7/15~7/28   借用學校的測試手機,做出簡易的GPS測量程式,並
            比對與確認座標準確度


8/1~8/11    規劃APP程式的應有樣貌
            APP 的頁面排版、功能設計等等
實際進度

  時間                  進度
8/12~8/25   實做手機資料庫
            記錄每棟大樓的詳細資訊,使程式能從資料庫去讀取
            資料

8/26~9/8    地圖導航
            讓使用者選擇目的地且呈現最短路徑,供使用者參考


9/9~9/15    手機APP在Google map上測試
            在實際地圖上記錄每一棟建築的確切位置,來界定
            GPS的範圍
實地探訪蒐集資料

學校網站上沒有提供那麼
詳細的資料,像是雙溪校
園地圖、樓層介紹等等,
因此我們必須親自走遍雙
溪每一個階梯跟大樓,蒐
集我們所需要的資料
實地探訪蒐集資料
   重要景點影像蒐集
實地探訪蒐集資料
   大樓影像蒐集
實地探訪蒐集資料
   樓層詳細資料蒐集
實地探訪




  我們有時頂著炙熱太陽爬遍校園
  我們有時淋著磅礡大雨爬遍校園
建立資料庫

首先,將整體資料庫架構建立。透過SQlite expert 建
造SCU資料庫,資料表部分主要分為四部分,
building大樓資料、floor樓層資料、 point路徑資料、
class性質分類
建立資料庫
   樓層簡介雛形
建立資料庫




 利用Google map紀錄大樓GPS位置和抓取範圍大小
建立資料庫
   利用Google map紀錄路徑GPS位置
建立資料庫
   點編號以及關聯點紀錄
建立資料庫
   我們將所蒐集到的資料,大樓簡介、影像等
   還有最重要的GPS位置,逐筆放入資料庫裡面




           Building資料表
建立資料庫

   floor資料表
建立資料庫

   主鍵與外來鍵
    從floor樓層跨資料表連
    結到building大樓名稱
    &class性質
   SQlite 指令測試資料庫關係
    搜尋關於“咖啡”的樓層位置以及性質
地圖繪製
   簡略至精細
    利用Adobe Illustrator CS5 TW Portable繪製




          初版                     第二版
地圖繪製




          實際探訪校正
地圖繪製
   不同地圖重疊比對
地圖繪製
   Adobe Illustrate 多重圖層繪製
地圖繪製
        第十七版




       經過多次的修改後
        我們的最終版本
程式演變
APP版面規劃

   APP版面設計與規劃功能
    凌亂的手稿
程式演變
校外導航

我們先從小功能慢慢逐一設計,在校外導航部分是需
要經過Andriod內建的Google API功能來做導航




          Google API 測試&放大縮小
程式演變
校外導航

   校外導航至外雙溪校園
程式演變
最短路徑演算法

   我們所採用的最短路徑演算法是透過老鼠走迷
    宮的原理,對照著我們所繪製的地圖,逐筆判
    斷路徑成一個三萬多個格的數字01地圖:
     地圖邊界是#

     有路是1

     路徑範圍以外則是0
程式演變
最短路徑演算法

          對照自繪地圖
          
程式演變
最短路徑演算法

          最終
          數字地圖
          (32767格)
程式演變
最短路徑演算法

程式執行畫面

程式演變
最短路徑演算法

設定目的地以及路徑規劃方式

程式演變
最短路徑演算法

導航匯出最短路徑

程式演變
目前APP

整合目前已設計完畢的功能結果呈現
 APP啟動畫面
程式演變
目前APP

   關於
程式演變
目前APP

   校園導航
程式演變
目前APP

   校外導航
程式演變
目前APP

   大樓詳細資料
這三個月的我們
途中我們分隔兩地,各自有重要的夢想去追
這三個月的我們
我們每個禮拜到機房一起
製作
電腦不夠還需要跟別人借   :
用

常常就這樣坐在電腦桌前
一整天

運氣好時
我們有很大的進展
運氣不好時
甚至零進度

途中曾經想過要放棄

但我們想到完成時的喜悅
振作起來繼續做下去
這三個月的我們


           無時無刻
          我們腦袋的畫面
           就是這樣
這三個月的我們    總是待在學校機房


      有時候真的也是蠻累

      不過
      我們在這條艱辛的路上
      遇到很多熱心的同學
      以及老師為我們指點方向
      沒有他們的幫助
      我們可能現在還卡在死胡同裡出不來


      我們想 大概這些日子
      我們最親密的對象就是電腦了吧!

More Related Content

Similar to 校園Ar實際導航地圖

2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例Justin Lee
 
鼎鈞數位行銷App營運實務全攻略
鼎鈞數位行銷App營運實務全攻略鼎鈞數位行銷App營運實務全攻略
鼎鈞數位行銷App營運實務全攻略
淳甫 鄭
 
TrainingProgramAtMobileDevTW
TrainingProgramAtMobileDevTWTrainingProgramAtMobileDevTW
TrainingProgramAtMobileDevTW
Ryan Chung
 
27 應用arc gis javascript api設計互動式電子遊記
27 應用arc gis javascript api設計互動式電子遊記27 應用arc gis javascript api設計互動式電子遊記
27 應用arc gis javascript api設計互動式電子遊記Willy Yang
 
App行動新視野
App行動新視野App行動新視野
App行動新視野Soundera
 
怎樣在 Flutter app 中使用 Google Maps
怎樣在 Flutter app 中使用 Google Maps怎樣在 Flutter app 中使用 Google Maps
怎樣在 Flutter app 中使用 Google Maps
Weizhong Yang
 

Similar to 校園Ar實際導航地圖 (6)

2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
 
鼎鈞數位行銷App營運實務全攻略
鼎鈞數位行銷App營運實務全攻略鼎鈞數位行銷App營運實務全攻略
鼎鈞數位行銷App營運實務全攻略
 
TrainingProgramAtMobileDevTW
TrainingProgramAtMobileDevTWTrainingProgramAtMobileDevTW
TrainingProgramAtMobileDevTW
 
27 應用arc gis javascript api設計互動式電子遊記
27 應用arc gis javascript api設計互動式電子遊記27 應用arc gis javascript api設計互動式電子遊記
27 應用arc gis javascript api設計互動式電子遊記
 
App行動新視野
App行動新視野App行動新視野
App行動新視野
 
怎樣在 Flutter app 中使用 Google Maps
怎樣在 Flutter app 中使用 Google Maps怎樣在 Flutter app 中使用 Google Maps
怎樣在 Flutter app 中使用 Google Maps
 

校園Ar實際導航地圖