Trip Journal System Development on Android Mobile Phone

thoughtverdantMobile - Wireless

Jul 19, 2012 (4 years and 11 months ago)

585 views

明新科技大學
資訊工程學系
畢業實務專題
Android
平台手機智慧
行動旅遊日誌
T
rip Journal
System
Development
on Android Mobile
Phone
指導老師

彭亦暄
專題學生

陳威諭
趙啟汶
許雅涵
黃立杰
鄭孟昌
中華民

九十九年一月十八日
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
I
明新科技大學九十八學年度
資訊工程學系
畢業實務專題研究摘要
專 題 中 文 名 稱
Android
平台手機智慧
行動旅遊日誌
專 題 英 文 名 稱
T
rip Journal
System
Development
on Android Mobile Phone
系 別
資訊工程學系
班 級
四技資工四乙
指 導 老 師
彭亦暄
專 題 學 生
陳威諭

趙啟汶

許雅涵

黃立杰

鄭孟昌
關鍵字

Android

旅遊地圖

旅遊日誌

旅遊幫手

手機旅遊
內容摘要

開發
行動旅遊日誌的
目的
在於
方便旅行

出外遊玩時可隨時隨地紀錄
足跡


且分享個人心情的
便利工具


現代人
繁忙的
生活中

旅遊成為紓解壓力的
一種



若在旅遊中能方便記錄

為生活留下痕跡

又能不增加負擔

因此衍生設計本
次專題的目的

行動旅遊日誌

是使旅行者能透過手機
記錄行程

心情

多媒體檔案等

能讓
旅行者輕鬆記錄旅遊中的點點滴滴

並且能將旅遊的行程

地點

時間配合
Google
map
來作整

旅遊行程的呈現

也能在手機上顯示旅行者目前所在
位置

以及旅途
的移動
路徑

平常
會寫日記的使用者也能藉由它來寫寫日記

不但方便操作
也能結
合位置資訊


能上傳大量
資料

能以
圖文等多媒體方式即時動態的
呈現在網頁


如果
旅行者
想讓家人朋友知道
他們
今天去了哪裡

當時的心情等

能透過瀏覽器來
做瀏覽和播放旅遊行程

選擇在
Android
手機平台開發的原因在於它是個
開放
式的
手機平台

開發者可
很方便的開發出各式各樣的應用軟體

這個平台不僅僅是
希望啟發愛好手機軟體設
計方面的人才一個新的觀念

也是一個全新的手機程式領域

甚至延伸到其它應用
領域如
:
各式消費性和娛樂性產品中

從這個專題中可了解並學習如何在
Android
平台中開發一個應用軟體並了解如何
設計一個
Location
-
b
ased
的服務

也體認到
只要有
創新

創意

便利社會大眾生活

及增加生活樂趣
的東西

都有其商機和潛力

都值得去努力
實現

最後

本專題
未來
還希望能配合影片的上傳
以及
結合知名部落格或者是離線紀錄等功能

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
II
目錄
摘要
---------------------------------------
--
--------------------------------------
---------------
I
目錄
---------------------------------------
--
-----------
---------------------------
--------------
II
圖目錄
---------------------------------------
--
--------------------------------------
----------
V
表目錄
--------------------------------------
--
--------------------------------------
--------
VIII
第一章
序論
1
-
1.
前言
----
-------------------------
---------
------------------------------------
01
1
-
2.
實作
動機
---------------------------------
--------
----------
--
-----
-
-------
01
1
-
3.
全文架構
------------------
-------------
---
---------
-----------------------
02
第二章
行動旅遊系統介紹
2
-
1.
手機行動旅遊的歷史
--------------------
------
------
---------------
03
2
-
1
-
1.
地圖的起源
------------------------------------------
----
----------------
03
2
-
1
-
2.
電子地圖
------------------------------------------------------
---
--------
04
2
-
1
-
3.
地圖與
GPS Tracke
r
-----
--------------------------
--------
-------------
04
2
-
2.
手機行動旅遊的特性
------------------
------------
-----------------
05
-
2
-
3.
現有系統比較
------------------
---
-------------
-------
-------------
----
05
第三章
系統環境
3
-
1.Android
環境說明
3
-
1
-
1.
安裝與下載所需之程式
-
-------
-------------
--------
------------------
07
3
-
1
-
2.
工作環境設定
----
----------------
--
---
-------
---------------------------
0
8
3
-
1
-
3.
開啟新專案
-------------------------
-------------------------------------
10
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
III
3
-
1
-
4
.
編譯程式
----------------------------
--------
----
-------------------------
11
3
-
1
-
5
.
執行模擬器
--------------------
------------------------------
------------
11
3
-
2.
Web
端環境說明
3
-
2
-
1.
安裝
AppServ
------
---------
-------------
-
---
-------
---------------------
12
3
-
2
-
2.
開啟
AppServ
------
----------------------
----------
----------------------
16
3
-
2
-
3.
伺服器設定


理畫面
-
----
---------------------------
--------
---------
17
第四章
行動旅遊日誌實作
4
-
1.
行動裝置

4
-
1
-
1
.
流程圖
------
-------------------------------
------
----
------------
---------
18
4
-
1
-
2.
登入
------
-------------------
------
----
-------
-
-
---------------
------------
19
4
-
1
-
3.
開啟新主題
------
-----------------------------
--------
-----
-
-------------
20
4
-
1
-
4.
主要程式頁面
------
-----------------
-
---------
------
------
-
-------------
21
4
-
1
-
5.
畫線副程式
------
--------------------------------
----------
-
-------------
22
4
-
1
-
6. Gps
紀錄副程式
------
------------------------
------
------
-
-------------
22
4
-
1
-
7.
開啟照相
------
-----------------------------
---------------
-
-
-------------
23
4
-
1
-
8.
瀏覽照片
------
-----------------------
----
--------
---------
-
-
-------------
24
4
-
2
.Web

4
-
2
-
1
.
流程圖
------
--------------------
--
-----------
------------
--
-
--
-
-----------
26
4
-
2
-
2
.
資料
庫關聯圖
------
------------------
-------------------
--
-
-------------
27
4
-
2
-
3
.
登入
------
---------------
--------------
-------
----------------
-------------
28
4
-
2
-
4.
首頁
----
--
----------------------------------
------------
--
---
------------
-
-
29
4
-
2
-
5.
點擊左右鍵
-----------------
--
----------------
--------
--
--
-------------
-
30
4
-
2
-
6
.
瀏覽網誌
-
---------
----------------------------
-------
---
--
-------------
-
31
4
-
2
-
7.
地圖
---------------
--------
-----------
---------------
-
--
--
--
-------------
-
32
第五章
結論
5
-
1.
實作結論
------
------------------
----------
-
---------------
--
-
-------------
33
5
-
2.
未來展望
------
----------------------------
----------------
--
-
-------------
33
參考
文獻
------
-----------------------------
---
-----
--------
-
-
-------------------
------------
34
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
IV
圖目錄

3
-
1

Android
SDK
下載
---------------------------------------
--
-----------------------
---
07

3
-
2

Eclipse IDE
---------------------------------------
--
---------------------------------
-
08

3
-
3

設定環境變數
-----
----------------------------------
--
------------------------------
-
08

3
-
4

設定工作區目錄
---------------------------------------
--
----------------------------
09

3
-
5

點選
Install New Software
------------------------------------
--------------------
09

3
-
6

新增
位置
-------
----------------------------
-------------------------------------------
09

3
-
7

選擇路徑
-----------------------------------
-------------------------------------------
09

3
-
8

模擬器建置
-----------------------------------
----------------------------------------
10

3
-
9

開啟新專案
-----------------------------------
----------------------------------------
10

3
-
10

執行
程式
-----------------------------------
------------------------------------------
11

3
-
11

執行模擬器畫面
-----------------------------------
---------------------------------
1
1

3
-
12

安裝
Appserv(

)
-----------------------------------
-------------------------------
12

3
-
13

安裝
Appserv(

)
-----------------------------------
------------------------------
13

3
-
14

選擇安裝磁碟
-----------------------------------
---------------------------------
---
13

3
-
15

選擇安裝項目
-----------------------------------
------------------------------------
14

3
-
16

伺服器名稱設定
-----------------------------------
---------------------------------
14

3
-
17

輸入管理者密碼
-----------------------------------
--------------------------------
-
15
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
V

3
-
18

完成安裝
-----------------------------------
------------------------------------------
15

3
-
19

開啟
Appserv
-----------------------------------
-------------------------------------
16

3
-
20

資料庫管理介

-----------------------------------
------------------------
---------
17

4
-
1

行動端流程圖
-----------------------------------
-------------------------------------
18

4
-
2

行動端登入畫面
-----------------------------------
----------------------------------
19

4
-
3

行動端開新主題畫面
-----------------------------------
-------------------------
---
20

4
-
4

行動端主程式畫面
-----------------------------------
-------------------------------
21

4
-
5

行動端瀏開啟相機畫面
-----------------------------------
-------------------------
23

4
-
6

行動端瀏覽照片畫面
-----------------------------------
----------------------------
24

4
-
7

Web
端流
程圖
-----------------------------------
---------------------------------------
26

4
-
8

Web
端資料關聯圖
-----------------------------------
---------------------------------
27

4
-
9

網頁端登入畫面
-----------------------------------
-----------------------------------
28

4
-
10


頁端登入程式片段
--------------------------------------------------------------
28

4
-
11

網頁端首頁畫面
---------------------------------------------------------------------
29

4
-
12

網頁端首頁程式片段
--------------------------------------------------------------
29

4
-
13

網頁端選擇照片畫面
---
-----------------------------------------------------------
30

4
-
14

網頁端選擇照片程式片段
--------------------------------------------------------
30

4
-
15

網頁端圖文上傳畫面
--------------------------------------------------------------
31

4
-
16

網頁端圖文上傳程式片段
---------------------
-----------------------------------
31
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
VI

4
-
17

網頁端地圖畫面
--------------------------------------------------------------------
32

4
-
18

網頁端地圖程式片段
--------------------------------------------------------------
32
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
VII
表目錄

2
-
1

系統比較表
----------------------
-------------
----------------------------------------
06
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
1
-
第一章
序論
1
-
1
前言
本專題目的在於便利旅遊者記錄行程

在過去生活不便的情況下要記錄某些










必須攜帶
GPS

地圖

照相機

錄影機

記事本

筆等

增加了行李的負擔

然而

隨著時代的改變以及科技的進步

生活上的所有事
物也跟著進步

便利生活的產品不斷地推陳出新

幾年前無名小站的出現

給人們一個嶄新的網路世界

它提供給社會大眾一
個新的平台

不僅設立會員制度

還分層級的提供會員不同
的使用功能

更能
在自己專屬的部落格上打網誌

寫寫心情日記

創作等

另外

還能在網誌上
放上圖片加以記錄

讓網誌豐富了許多

也更加的生動寫實

無名小站也不斷
推出許多新的功能提供給使用者

創造另一個商機

現在

手機行動上網也非常普遍


iPhone Appstore

Google Android Market
推出後

許多手機軟體如雨後春筍般出現

成為一個最火紅的科技產業

軟體
開發者從
PC
湧向手機軟體上的開發

創新

創意的軟體每天不斷的出現

許多
工程師因此獲得一個曝光和行銷軟體的機會

這不僅僅促進了手機產業的發


也豐富了人們賦予手機更多的角色

同時也開啟了許多商機給軟體開發者
盡情揮灑

1
-
2
實作動機
開發行動旅遊日誌的目的在於方便旅行者出外遊玩時可隨時隨地紀錄足


並且分享個人心情的便利工具

在現代人繁忙的生活中

旅遊成為紓解壓
力的一種方式

若在旅遊中能方便記錄

為生活留下痕跡

又能不增加負擔

因此衍生設計本次專題的目的

藉由現代人隨時都會攜帶的手機

登入本專題
製作的系統後

可在各個地方拍照

系統會自動記錄位置

追蹤足跡

同時也
可藉由手機輸入網誌

日記

隨手小扎

自動或手動上傳這些資料到伺服器中

也能像無
名小站一樣記錄生活大小瑣事

並且會在地圖上顯示記錄的位置

這個系統的價值在於它能隨時隨地的記錄

儲存使用者想記錄的東西以及
發生的事件

不需藉由電腦來做記錄

不僅考慮到行動生活方面

也顧慮到現
代社會中

讓使用者能更容易方便做記錄

只要一隻現代人每天都會攜帶的手
機就能做到

這是現在和未來人們生活的趨勢

也是我們努力學習和實作此專
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
2
-
題的目的

選擇在
Android
手機平台開發的原因在於它是個開放式的手機平台

開發者可很方便的開發出各式各樣的應用軟體

這個平台不僅僅是希望啟發愛
好手機軟體設計方面的人才一個新的
觀念

也是一個全新的手機程式領域


至延伸到其它應用領域如
:
各式消費性和娛樂性產品中

1
-
3
全文架構
本專題報告會先介紹旅遊日誌相關的系統

並將現有系統做個比較

其次會
將所用到的技術和實作環境

系統
(Android

Apache

HTML

MySQL

XML

Ajax

)
做介紹

第四章會針對整個實作系統做探討

最後針對整個專題實作過
程做個簡單結論

並說明此專題未來可加以改善和實作的地方

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
3
-
第二章
行動旅遊系統介紹
2
-
1
手機行動旅遊的歷史
2
-
1
-
1
地圖的起源
有關於地圖的起源


先從中國大百科的地圖史說起

目前被保存下來
最古老的地圖是公元前
27
世紀蘇美爾人所畫的地圖

而地圖的出現也是越
來越進步

剛開始只是單純的地圖

再進而一步的出現了城市

河川

和山


在後來出現了埃及人彩繪的金礦圖

埃及人將

畫在紙草葉子上面


些地圖顯示出原始時代人類在從事漁獵

採礦等生產活動中已經有了對地圖
的需要

在中國

有關地圖起源

最早的記載是夏禹鑄九鼎的傳說

它是有山

有水

有道路的地理圖畫

也為
漁獵

旅行者提供參考

並且
被認為是地圖
誌的雛形

它幫助了許多朝代的拓展
以及興盛

如周公繪製了一張洛

一帶
的地圖

這張地圖在生產

軍事

土地管理方面應用廣泛

對周代的人幫助
相當大

它反映當時的地圖已有了比例尺和抽象符號的概念

並已從模型地
圖向平面地圖過渡

[1]
2
-
1
-
2
電子地圖
電子地圖

是利用電腦技術

以數位方式儲存
查看
地圖

它儲存資訊的
方法

是使用向量式圖像儲存

地圖比例
可放大

縮小或旋轉而不影響效果

早期使用點陣圖式儲存

地圖比例
不能放大或縮小

現在的電子地圖軟體一
般利用地理資訊系統來儲存和傳送地圖資料

也有其他的資訊系統

電子地圖可以
輕鬆的編輯一般地圖的內


形成另一種形式的地圖


子地圖進行任意比例尺
以及範圍的繪圖後輸出

且非常容易修改

它還能方
便的與衛星影像

航空照片等其他資訊結合

產生新的圖片形式

還能利用
數位地圖記錄資訊

產生新
資料


如地圖上
的等高表示
形態

可以
利用電
子地圖的等高線和高
程點產生出數位高程模型

將地表起伏以數位方式表現
出來

可以將地表立體的顯示出來


子地圖不同於普通地圖的是

它不再
是死板的一張紙或是一本書

使
用者能在電子地圖上顯示出來的圖片種類相當多

不會只限
於街道圖

地形
圖和衛星圖的模式

在以往的地圖
中要查看
一個國家的地圖



發現它非
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
4
-
常占空間

而電子地圖解決了這個問題

不會再因為空間大小來困擾使用


它能方便的查詢任何地理位置的實際位置

風景區以及縣市街道圖

2
-
1
-
3
地圖與
Gps Tracker
GPS
的最初用途是為軍方提供精確定位而研發出來的

現在它仍然由美
國軍方控制

軍用
GPS
產品主要是用來確定並跟蹤在野外行進中的士兵和
裝備的坐標

也能給予海上的軍艦做導航功能等

GPS
系統用途很廣


可以應用
GPS
信號進行海上

空中以及陸地的導航

它還能有針對繪出地
圖的功用

它能用於建立陸地以及海洋描繪出影像

接而進行高精度的繪


它也能
用於測量地球板塊運動和地殼變動等測量

現在有許多商業機構
以及政府機關也使用
GPS
設備來跟蹤他們的車輛位置

一般需要借助無線
通信技術

以後
GPS
將像目前汽車

無線電通信等一樣形成產業化

中國大陸目前
也有車種內建
GPS
系統

且近年來越來越多一般消費者買得起的
GPS
接收


隨著技術的進步

這些設備的功能越來越完美

幾乎每個月都有新的功
能出現

因此越來越便宜

尺寸也越來越小

GPS
信號接收機在人們生活中
的應用

像是手錶式的
GPS
接收機

將成為旅遊者的忠實導遊

而現在所有
會移動的東西

都將依賴於
GPS


GPS
就像
移動電話

傳真機等對大家
生活的影響一樣

日常生活將離不開它

GPS Tracker
最早出現時

其實只有追蹤方面的功能

一開始沒有結合地


只是拿來當作追蹤器

就像電影裡的那些間諜身上所攜帶的追蹤器很類


它也能裝載在其他各式各樣且會移動的東西上面

只要能被移動或能夠
移動的東西都能

裝載它

以便使用者追蹤它的位置

現在也會使用在貨運
物流上面

它能讓老闆在電腦上直接清楚的看到運輸人員的行蹤

停留時間
並且甚至能做到車子是否有無熄火狀態

都能一清二楚的即時掌握

[2]
在這麼早以前就有了地圖的觀念

可想而知地圖對
人類的文化以及進步
有著相當密切的關聯

以前和現在的地圖雖然有所差異

但卻同樣擁有地圖
的觀念

隨著科技的進步與定位機制的發展

衍伸出各種旅遊書籍

這樣的
書籍或許可以吸引到許多民眾前往書籍
中所推薦的景點

但這些日誌通常都
具有一個共通的問題

這問題就是許多的民眾時常無法清楚的知道日誌當中
所介紹的景點正確位置

因此地圖這項產物衍伸至今網路發達的社會

已經
有許多類似的網站供民眾來分享旅遊日誌

目前網路上有許多大家所熟悉的網站


:
無名小站或台大
ptt
的旅遊版
等等

都是一個提供旅遊日誌分享的平台

但這樣的平台也只不過
是將旅遊
書籍轉成電子版本

然而電子版本的旅遊書籍仍然無法提供使用者得知該景
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
5
-
點的正確位置

因此希望開發一個系統能夠提供使用者記錄自己的旅遊日


且能正確的記錄該景點的實際位置

如此一來當使用者在觀看他人的日
誌時

可以正確的知道該景點位置

而不會導致使用者想去這景點但卻不知
如何前往

2
-
2
手機行動旅遊的特性
本專題所實作的手機行動旅遊系統其特性在於新增了
過去的手機旅遊
導覽
所沒有的功能

像是紀錄行程

拍照上傳等

而現存的手機上網以及手
機電子地圖擁有的只是導覽功能

所以本專題
加入了自己的創意

把上網

電子
地圖

拍照

紀錄

GPS
結合成所謂的手機旅遊
系統

手機行動旅遊的
特性是它
能在任何地方使用


不同於別

系統的


擁有一般系統沒有的
功能

能藉由智慧型手機記錄旅遊行程

使用定位方式畫出旅遊路徑



在網頁上
即時
觀看

2
-
3.
現有系統比較
手機旅遊導覽
:
手機旅遊導覽是由
NOKIA
和寂寞星球合作的

他們將手
機旅遊導覽提供給使用者下載到手機上

不僅方便也很實用

它具備了導航
功能

衛星定位

偵測附近商家

名產以及大大小小的商店資訊

內建衛
星導航功能讓使用者外出遊玩時非常方便

行動
104
-
地圖隨身帶
:
這個軟體登
入後能在上面做搜尋

之後以
Google
Map
做呈現

它能將搜尋到的地圖資訊下載
到手機上

以便日後需要時方
便觀看

以上就是兩種系統的比較

雖然兩種系統所要呈現的功能性不相同


也各有
其優劣

相較於兩種系統的功能

本專題
新增了許多比較生活化


輕化以及輕鬆操作的功能


2
-
1

將以
NOKIA
和寂寞星球合作的手機旅遊導覽功能

行動
104
-
地圖隨身帶和
本專題

手機智慧行動旅遊日誌功能
做比較

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
6
-

2
-
1

系統比較表
手機旅遊
導覽
行動
104
-
地圖
隨身帶
本專題的手機智
慧行動旅遊日誌
導航功




照相功能



定位



觀看地圖



下載地圖



照片上傳



記錄旅遊路徑



查詢地址



主題式紀錄功能



網頁端觀看



明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
7
-
第三章
系統環境
3
-
1
Android
環境說明
3
-
1
-
1
安裝與下載所需之程式
開發環境需要底下三個軟體
:
1.
JDK: JAVA
開發工具
可在
http://java.sun.com
網址


Java Development Kit (JDK)

並執行安


2.
Android SDK
開發工具


http://developer.android.com/sdk
網址
下載
系統
所需
Android
SDK



3
-
1 SDK

下載
後直接解壓縮


3
-
1

Android
SDK
下載
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
8
-

. Eclipse ID
:
整合開發環境
介面
可在
http://www.eclipse.org/downloads/
網址
下載
Eclipse
IDE

如圖
3
-
2


載後直接解壓縮


3
-
2

Eclipse IDE
3
-
1
-
2
工作環境設定
安裝完
JDK


設定環境變數
-
Path
我的電腦
-
>
右鍵
-
>
內容
-
>
進階
-
>
頁籤
-
>
環境變數
系統變數
-
> Path
-
>
編輯
-
>
變數值

於最後方輸入
:
C:
\
Program Files
\
Java
\
jdk1.6.0_16
\
bin
設定完環境變數



直接
進入命令視窗輸入
emulator.exe

不需再去
C:
\
android
-
sdk
-
windows
-
1.5_r3
\
tools
尋找

設定方式
如圖
3
-
3


3
-
3

設定環境變數
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
9
-
進入
Eclipse IDE
的目錄

執行
Eclipse.exe

IDE
介面
開啟

於工作區輸入
專案資料
儲存位置

如圖
3
-
4


3
-
4

設定工作區目錄
IDE
介面開啟後

執行說明選項中的
Install New Software

如圖
3
-
5

點選


畫面如圖
3
-
6

於位置輸入
http://dl
-
ssl.google.com/android/eclipse/
此網


進行安裝
ADT

eclipse
外掛程式


3
-
5

點選
Install New Software

3
-
6

新增
位置
安裝完後


IDE
介面中的
視窗
-
>
喜好設定
-
> Android

輸入
Android
SDK
解壓縮後
的路徑

如圖
3
-
7


3
-
7

選擇路徑
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
10
-
設定完後


IDE

視窗
-
>
Android
Sdk and AVD
Manager

開啟後點選
Virtual Devices

接著點選
New



Name
輸入名稱

Target

選擇
所需

SDK
版本

並點選
Create AVD

完成模擬器的建置

如圖
3
-
8


3
-
8

模擬器建置
3
-
1
-
3
開啟新專案

IDE
介面中


檔案
-
>
新建
-
>
其他
-
> Android
-
> Android
Project
建立新專案

將各欄位輸入所需資料

如圖
3
-
9

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
11
-

3
-
9

開啟新專案
3
-
1
-
4
編譯程式

IDE
介面中




-
>
執行歷程
-
>
選擇
需編譯
執行
之程式

如圖
3
-
10


3
-
10

執行
程式
3
-
1
-
5
執行模擬器
執行程式

跳出模擬器視窗

如圖
3
-
11

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
12
-

3
-
11

執行模擬器畫面
3
-
2 Web
端環境說明
AppServ
基本上是整合了幾個在
Windows
上架設網頁的軟體

包括了
Web Serv
er

Apache

執行網頁程式的
PHP
以及後端資料庫的
MySQL

讓使用者只要一次安裝

就可以建立好整個網站的環境

3
-
2
-
1
.
安裝
AppServ
AppServ
可在
http://www.appservnetwork.com/
這個網址下載

下載後執行安裝

如圖
3
-
12

3
-
13

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
13
-

3
-
12

安裝
Appserv(

)

3
-
1
3

安裝
Appserv(

)
選擇
AppServ

安裝的磁碟資料夾

如圖
3
-
14

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
14
-

3
-
14

選擇安裝磁碟
AppServ
整合
Apache

PHP

MySQL

在這個頁面可以選擇想要安裝的軟


預設值全部勾選

讓使用
者一次安裝

就可建立
整個網站的環境



3
-
15


3
-
1
5

選擇安裝項目
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
15
-

3
-
16

設定伺服器名稱和管理者的
E
-
mail

Web Server
連接


可視
使
用者需求




3
-
1
6

伺服器名稱設定
設定
AppServ
的管理者密碼

MySQL Server Setting

選擇
UTF
-
8

如圖
3
-
17


3
-
1
7

輸入管理者密碼
完成安裝如圖
3
-
18

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
16
-

3
-
18

完成安裝
3
-
2
-
2.
開啟
AppServ
開啟
瀏覽器在網址列輸入
http://localhost
(

自己電腦的
IP)

如圖
3
-
19



表示安裝成功


phpMyAdmin
連結可連接資料庫管理介面

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
17
-

3
-
19

開啟
Appserv
3
-
2
-
3.
資料庫
設定

管理畫面

3
-
20

為登入
資料庫管理介面的畫面

在此可以設定使用者權限

資料庫

管理
建立自己需要的資料庫與資料表

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
18
-

3
-
20

資料庫管理介

明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
19
-
第四章
行動旅遊日誌實作
4
-
1.
行動裝置端
4
-
1
-
1.
流程圖

4
-
1

行動端流程圖
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
20
-
4
-
1
-
2
登入

4
-
2

行動端登入畫面
連上
Server
來確認使用者輸入的帳號密碼
由手機端來驗證
Server
回傳的訊息
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
21
-
4
-
1
-
3
開啟新主題

4
-
3

行動端開新主題畫面
判斷手機中的日期

來設定主題時間
新增成功跳至主要頁面
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
22
-
4
-
1
-
4
主要程式頁面

4
-
4

行動端主程式畫面
開啟
Gps
位置更新副程式
每次重新啟動將前次啟動的路徑畫出
監聽是否移動位置即時更新
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
23
-
4
-
1
-
5
畫線副程式
將程式啟動第一個座標繪製為起點
隨著座標的更新持續繪製路徑
4
-
1
-
6 Gps
紀錄副程式
設定
Gps
接收器的各項內容
接收
Gps
座標資訊
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
24
-
4
-
1
-
7
開啟照相

4
-
5

.
行動端瀏開啟相機畫面
設定照相機
拍照

自動對焦
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
25
-
設定相片格式

存入
記錄當下
Gps
位置於照片檔案
4
-
1
-
8
瀏覽照片

4
-
6

行動端瀏覽照片畫面
將存在於
Sdcard
的照片擋撈出
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
26
-
設定
Adapter
呈現撈出的照片
上傳照片的通訊方式與其他資料不同
格式方面也是
HTTP

UF8
設定對應
Server
的資料名稱

與將選取的照片檔案上傳
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
27
-
4
-
2.Web

4
-
2
-
1.
流程圖

4
-
7

Web
端流程圖
MENU
My
T
ravel Blog
Blog
/
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
28
-
4
-
2
-
2.
資料庫關聯圖
此資料庫關聯圖為本專題在
MySQL
建立的三個資料表

最上層的資料表是
此專題網頁端的會員管理機制



三層為手機端上傳的資料和網頁端讀取
的資料表

如圖
4
-
8


主鍵

4
-
8

Web
端資料庫關聯圖
subject
(
)
sub_nbr
(
)
int(11)
sub_
memrf
nbr
(
)
int(11)
sub_title
(
)
varchar(254)
sub_date
(
)
date
sub_open
(
)
tinyint(2)
sub_content
(
)
text
blog
(
)
blg_nbr
(
)
int(20)
blg_
subrf
nbr
(
)
int(20)
blg_place
(
)
text
blg_date
(
)
timestamp
blg_picture
(
)
varchar(20)
blg_long
(
)
varchar(20)
blg_lat
(
)
varchar(20)
member
(
)
mem_nbr
(
)
int(11)
mem_id
(
)
varchar(20)
mem_pwd
(
)
varchar(20)
mem_email
(
e
-
mail)
varchar(100)
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
29
-
4
-
2
-
3.
登入

4
-
9

網頁端登入畫面

4
-
10

網頁端登入程式片段
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
30
-
4
-
2
-
4.
首頁

4
-
11

網頁端首頁畫面

4
-
12

網頁端首頁程式片段
連結伺服器資料庫
撈取資料
讀取出來的圖片會依時間排序
讀取手機上傳於資料庫的旅遊主題
和時間

顯示於首頁的表格中
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
31
-
4
-
2
-
5.
點擊左右鍵

4
-
13

網頁端選擇照片畫面
此段程式在說明

點擊左右鍵

照片便可以轉換點擊照片

會跳出一個新視


放大圖片

4
-
14

網頁端選擇照片程式片段
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
32
-
4
-
2
-
6
.
瀏覽網誌

4
-
15

網頁端圖文上傳畫面

4
-
16

網頁端圖文上傳程式片段
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
33
-
4
-
2
-
7
.
地圖

4
-
17

網頁端地
圖畫面
此段程式在說明

撈取手機上傳到資料庫的經緯度在網頁地圖上
顯示使用者的移動路線與圖片位置

4
-
18

網頁端地圖程式片段
明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
34
-
第五章
結論
5
-
1.
實作結論
本專題實作的手機行動旅遊日誌
系統


供使用者
將旅遊途中所拍攝的照片
即時
上傳

並紀錄下此刻心情


遠方的親朋好友可透過瀏覽器連結到網頁端
即時瀏覽

此外也整合了定位系統和地圖的功能

不管是
走到哪或是拍到哪都

持續定位

如此一來

當其他使用者看到這張照片時

就可清楚知道這張照
片的拍攝地點

進而前往
使用者自己有興趣的幾個景點

想要
介紹旅遊路


旅遊景點

或是心情日


都可簡易操作

輕鬆分享

從本專題的實作中

可學習到
Android
平台上專題開發之程序

了解
GPS
和基地台的定位機制

並整合位置和地圖資訊的呈現

除此之外

也可學習到
網頁端程式架構

資料庫設計與
Google API
的使用方式

5
-
2.
未來展望
本專題製作

目的

希望能隨身攜帶


時記錄


加上電子地圖功能


而選擇在
Android
平台上發展


目前的
實作
功能
尚有許多可加強的地方


未來
希望能和電信業者配合或者像
無名小站

G
-
BLOG
等類似業者配合

讓使
用者利用手機
直接
上傳到各個
BLOG

若有使用者習慣使用無名小站寫
網誌

錄心情


同時也會希望
在戶外旅遊時拍下的照片

以及當下的心情
能直接上
傳到自己的
無名小站
部落格裡

這樣一來使用者


旅遊途中就將旅遊日誌逐
漸完成

而不
需要在旅途結束後

再將照片心情逐一紀錄

花費額外的時


明新科技大學資訊工程學系
Android
平台手機智慧
行動旅遊日誌
-
35
-
參考文獻
[1]
地圖百科
http://www.mapfj.com/showInfo/?showInfo1352.html
[2]
z
頻道論壇
http://www.znet.com.tw/redirect.php?tid=5426&goto=l
astpost
[3
]
余志龍

陳昱勛

鄭名傑

陳小鳳


Google Android SDK
開發範例大全


悅知文化

2009

04

23

[4
]
楊文誌


Google Android
程式設計與應用


旗標

2009

04

17

[5
]
蓋索林


Google

Android
手機應用程式設計入門
第二版


文魁

2009

07

31

[6
]
維基百科
http://zh.wikipedia.org/zh
-
tw/
Apache
[7
]
維基百科
http://zh.wikipedia.org/zh
-
tw/
MyS
QL
[8
]
維基百科
http://zh.wikipedia.org/zh
-
tw/HTML
[9
]
位元文化


HTML
網頁設計入門

HTML/CSS/JavaScript/
網站架設實務





2008

08

10

[10
]
維基百科
http://zh.wikipedia.org/wiki/XML
[11
]
德瑞工作室


網頁程式設計師
---
HTML

JavaScript

CSS

XHTML

Ajax”

文魁

2008

11

05