騎人之福 以Ria為基礎之單車旅遊系統
-
Upload
guesteddf3d -
Category
Technology
-
view
901 -
download
4
Transcript of 騎人之福 以Ria為基礎之單車旅遊系統
![Page 1: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/1.jpg)
“騎”人之福
以RIA為基礎之單車旅遊系統
指導老師:萬書言教授
組員:黃熙博、白鎮瑋、 廖士興、黃景偉、陳昱年、陳弘鈞
1
![Page 2: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/2.jpg)
系統
流程
實作
介面
緒論
系統
架構
結論
未來
展望
緒論
2
![Page 3: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/3.jpg)
研究背景
隨著近年騎自行車的人日漸增長,許多人
在啟程前會先規劃途中會經過的景點或是
遊樂的地方,而如果對於一個地方的自行
車路線不甚熟悉,往往會因為騎錯道路而
澆熄了騎車的興致與時間的損失。
3
![Page 4: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/4.jpg)
研究動機
4
節能減碳 降低開銷
資訊不對稱
政府推廣
![Page 5: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/5.jpg)
研究動機(cont.)
與傳統單車路線分享網的差異
5
○ :有此功能×:無此功能
路線分享網站
(以Mobile01為例)
以RIA為基礎之
單車旅遊系統
景點描述 ○ ○
景點照片分享 ○ ○
個人特殊路線分享 × ○
景點資訊整合 × ○
自動化計數 × ○
單車路線搜尋 × ○
路線周圍資訊分享 × ○
![Page 6: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/6.jpg)
研究目的
利用Silverlight高互動性及高豐富度的介
面,並透過使用Google Map API設計一套
系統來規劃及分享個人的自行車路線,並
將景點資訊上傳至資料庫,有助於使用者
確實掌握路線以及沿途風景。
6
![Page 7: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/7.jpg)
系統
流程
實作
介面
緒論
系統
架構
結論
未來
展望
系統架構
7
![Page 8: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/8.jpg)
系統架構圖
資料庫
Web Server
訪客 管理員
會員
8
Silverlight介面
![Page 9: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/9.jpg)
系統開發工具與環境
開發工具 Google Map API
Microsoft Visual Studio Express 2008
Microsoft Expression Studio 3
Microsoft SQL Server 2008
Microsoft Silverlight 3.0
系統環境 Microsoft Windows XP Professional
Internet Information Services 7.0
ASP.NET Framework 3.5
程式語言 C#
ASP.NET
JavaScript
XAML
9
![Page 10: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/10.jpg)
• EDR
• DFD
• 系統功能圖
10
系統開發工具與環境
![Page 11: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/11.jpg)
自行車路線
規劃系統(UML)
• Map系統
• 會員系統
• 管理者系統
13
![Page 12: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/12.jpg)
實作
介面系統
流程
緒論
系統
架構
結論
未來
展望
實作介面
17
![Page 13: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/13.jpg)
18
![Page 14: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/14.jpg)
Silverlight
RIA(Rich Internet/Interactive Application)
跨瀏覽器、跨平台
Deep Zoom
可以讀取及更新顯示但不會重新整理整個頁
面來干擾使用者
19
![Page 15: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/15.jpg)
Silverlight(cont.)
20
Web Server(IIS)
Browser
Silverlight player 3.0( High GUI )
.Net Code(.xaml.vb/.xaml.cs)
ASP.NET
XAML(.xaml)
.NET RIA Services
Silverlight 3.0 架構DB Server
•VS2008 SP1
•Blend 3 SP1
•Silverlight SDK
•Silverlight 3.0(4.6MB)
![Page 16: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/16.jpg)
21
Silverlight(cont.)
![Page 17: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/17.jpg)
實作介面
22
![Page 18: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/18.jpg)
實作介面(cont.)
23
![Page 19: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/19.jpg)
實作介面(cont.)
24
![Page 20: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/20.jpg)
系統實作展示
25
![Page 21: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/21.jpg)
系統
流程
實作
介面
緒論
系統
架構
結論
未來
展望
系統流程
26
![Page 22: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/22.jpg)
系統流程圖
28
![Page 23: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/23.jpg)
差異比較
與傳統單車路線分享網的差異
29
○ :有此功能×:無此功能
路線分享網站
(以Mobile01為例)
以RIA為基礎之
單車旅遊系統
景點描述 ○ ○
景點照片分享 ○ ○
個人特殊路線分享 × ○
景點資訊整合 × ○
自動化計數 × ○
單車路線搜尋 × ○
路線周圍資訊分享 × ○
![Page 24: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/24.jpg)
系統
流程
實作
介面
緒論
系統
架構
結論
未來
展望
結論
30
![Page 25: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/25.jpg)
結論
開發此系統的目的不只讓單車族能夠利用
本系統來方便自訂自行車路線,更能夠藉
由搜尋車友所推薦的路線,為自己量身訂
作專屬路線圖。
使用者亦可藉由本系統將自行車道沿途景
點資訊標示其中。
31
![Page 26: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/26.jpg)
系統
流程
實作
介面
緒論
系統
架構
結論
未來
展望
未來展望
32
![Page 27: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/27.jpg)
未來展望
更多圖資來對特殊路線做規劃
與3C行動裝置做結合
配合GPS做即時定位
33
![Page 28: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/28.jpg)
Thanks for your
Attention!!
34
![Page 29: 騎人之福 以Ria為基礎之單車旅遊系統](https://reader036.fdocuments.net/reader036/viewer/2022081721/55ac87ef1a28abe2168b46f7/html5/thumbnails/29.jpg)
Q&A
35