基于時空軌跡記錄和情感體驗的旅游足跡照片集分享的系統設計與實現

王怡，盧琪玉，楊肖丹，王茜，李鏈純

（華南師范大學計算機學院，廣州510631）

基于時空軌跡記錄和情感體驗的旅游足跡照片集分享的系統設計與實現

王怡，盧琪玉，楊肖丹，王茜，李鏈純

（華南師范大學計算機學院，廣州510631）

通過調用百度地圖的API接口實現搜索定位功能，用戶可以依次選擇旅游地點，并在每個旅游地點上面添加旅游圖片，并根據需求對上傳的圖片進行圖像處理，添加游記心得體會；當所有旅游地點選擇及編輯完畢后，系統將按照旅游時間的順序自動生成旅游照片集并在地圖上繪制出游客的旅游軌跡。

百度地圖API；圖片處理；軌跡；情感體驗

0 引言

近年來，大眾旅游時代的市場基礎愈加厚實，越來越多人選擇在假期或者閑暇時間出行旅游。根據數據顯示，2015年我國旅游總人數達到41.2億人次[1]。而在旅行中，旅游愛好者會沿途拍攝較多的照片，并且記錄所到之處的個人旅游感受。因此，旅客在旅程結束之后，通常比較樂意將自己在旅途中拍攝的照片利用圖片處理軟件進行處理，并且撰寫修輯自己的旅游心情游記。對于游客個人來說，旅游軌跡是旅行中很具有個人特色的信息。但是市面上現存的旅游軌跡記錄軟件多數是需要在旅行的過程中實時記錄軌跡，這樣對于正在旅行的游客來說是較為不方便的。并且，多數旅游游記分享軟件缺少圖片處理的功能。

因此，本軟件系統將著眼于實現用戶在旅游過后進行旅行軌跡記錄的功能，通過地圖搜索定位與繪制，來記錄用戶旅游的時空軌跡，提高用戶在旅游過程中的情感體驗。用戶只需依次輸入旅游的地點，系統會將輸入的地點定位在地圖上，用戶在對應的地點上輸入旅游時間，上傳圖片，根據需要與當時的旅游心情體會編輯處理圖片，并撰寫游記。當所有旅游地點都選定、編輯、上傳完畢后，系統將按照旅游時間的順序在地圖上繪制出游客的旅游軌跡，給予用戶一種在時空中連貫穿梭回顧旅程的優良情感回顧與體驗。

1 軟件系統設計

本旅游軌跡記錄的旅游照片集系統是使用An?droid Studio平臺進行手機客戶端的開發，使用Java編程語言來完成系統的實現。本系統共分為系統管理、旅游軌跡、照片處理、用戶信息四個功能板塊。該軟件需要在網絡連接和手機定位打開的狀態下使用，使用Bmob移動后端云服務平臺實現服務器和數據庫與用戶系統客戶端之間的通信數據傳輸。

系統管理模塊為系統利用后臺服務器與數據庫對所有用戶和旅游軌跡數據的處理。通過對所有用戶所發布的旅游軌跡的點贊量與評論數量進行排序，篩選出熱門的旅游軌跡，并推薦給用戶進行閱讀。用戶查看熱門推薦軌跡路線時，可進行評論與點贊，也查看軌跡發布者的個人信息與軌跡路線列表。

圖1 軟件系統功能模塊圖

旅游軌跡模塊為當用戶選擇制作旅游相冊軌跡功能時，系統將使用百度地圖API來實現地圖的繪制與顯示。用戶輸入旅游地點之后，系統將通過地圖搜索定位功能，在地圖上顯示所有符合條件的地點，用戶可進行地點的選擇，并對該地點添加對應的旅游時間，相關照片以及旅游游記。當用戶完成所有旅游地點的詳細信息編輯后，所有的信息將上傳到服務器，系統將根據時間的順序生成旅游照片集并將所有的旅游地點連成一條旅游軌跡。用戶可點擊軌跡上的每個具體旅游點，回顧體驗該旅程的照片美景以及旅游心情。

照片處理模塊為當用戶在制作旅游軌跡路線過程中，選擇旅游地點后，實現本地照片加載、圖片選擇、照片處理與圖片上傳的功能。其中，圖片處理功能包括圖片裁剪與旋轉，添加濾鏡、文字、貼圖等基礎圖片處理功能。

用戶信息模塊為用戶注冊、登錄、個人信息編輯的管理，以及當用戶給其他用戶點贊與評論時的系統處理工作。

系統操作流程設計如圖2所示。

2 系統實現

為方便用戶的使用，軟件主界面設計采用了frag?ment和radiobutton結合的形式，包括熱門旅游軌跡推薦，軌跡搜索，個人軌跡制作，個人資料四個界面。當用戶點擊不同的radiobutton時，系統在主界面的Activ?ity中加載對應的界面，當用戶進入不同的fragment中實現各功能的操作時，系統將實現不同Activity之間的跳轉，其中包含了Activity的銷毀、喚醒等的處理。

圖2 系統操作流程圖

2.1 時空軌跡記錄與情感體驗設計

本系統的特點在于注重用戶在旅游過程后的時空軌跡記錄與情感體驗。用戶可在旅游結束之后，利用本軟件記錄個人的旅游照片與心情。系統會根據用戶旅游的時間順序生成旅游照片集以及旅程軌跡。基于此功能，用戶除了可以回顧某個自己所到旅游地點的照片美景以及旅游心得之外，還能夠瀏覽自己整個旅程所有旅行地點所連成的足跡軌跡。從北到南，從西往東的旅行軌跡不僅能夠增強用戶對旅程的連貫性回顧及憶想，還能夠升華旅客對于旅行的成就感與榮譽感。

而且本軟件的主色調采用了淡藍色色調。淡藍色可以象征廣闊無際的天空與海洋，寓意著旅行永無止境，世界有多大，旅行的腳步及軌跡就有多遠。并且淡藍色的色調會給用戶帶來明朗、清新、安詳文藝的視覺體驗。

2.2 旅游軌跡實現

（1）照片處理

①本地圖片選擇器

本系統的本地圖片選擇器是仿照微信圖片選擇器，首先利用ContentProvider掃描手機中的所有圖片，然后異步掃描出本地圖庫中帶有jpeg,png后綴的文件，記錄下圖片的路徑，以便在gridview中顯示圖片；由于多張圖片加載存在一定的等待時間，因此加載圖片的imageadapter類要實現兩個條件：一是防止內存溢出，調用chosepiture.getInstance（）方法，利用圖片的大小來對其進行壓縮，并且利用緩存機制避免多次加載的等待時間；二是用戶操作UI控件必須充分的流暢，在imageadapter類中的getView（）方法需要使用異步加載、回調顯示。

除了gridview顯示外，還需要選擇不同文件夾要用到的彈窗ListImageDirPopupWindow類，通過在initEvent（）方法實現該彈窗點擊的響應事件，跳轉到對應文件夾下。

②圖片編輯

本系統的圖片編輯調用了github上imageeditli?brary開源項目，該項目提供了圖片編輯所需要的剪切、旋轉、添加表情貼圖、文字編輯。通過intent.putExtra（EditImageActivity.FILE_PATH,picurl[i]）方法將選中的圖片路徑傳入imageeditlibrary中的EditImageActivity編輯類中。

（1）地圖軌跡記錄

●地點搜索定位及覆蓋物點擊彈出式動畫效果的實現過程

在使用百度地圖免費API接口提供的各種功能之前，先要在百度地圖官網申請一個百度地圖開發密鑰，才能在程序中使用百度地圖提供的地圖服務、定位服務及數據服務等。

android:name="com.baidu.lbsapi.API_KEY"

android:value="XWrY1eZmuEPpDaiP79d7zD9YhkT ?vWjU5"

/>

①覆蓋物點擊事件彈出式動畫效果當用戶點擊地點上的紅色覆蓋物標識時，會從底端彈出一個對應于封裝好的bottomview的布局顯示效果，該布局所對應的activity類bottomview將全部布局封裝好，只需要在另一個地圖主模塊Myactivity中利用接口實現對布局的相應響應動作。彈出動畫的效果如下圖4所示。

②圖片輪播模塊

該圖片輪播模塊將用戶選擇并完成編輯的照片上傳到服務器端后，進行一一地輪流播放。通過設置相應適合的輪播間隔時間，讓用戶欣賞該旅游地點的相關圖片，帶來良好的視覺感受。添加圖片集合至輪播區域的部分代碼如下：

private ViewFlipper viewFlipper;

//添加圖片至ViewFlipper

public void addViewToViewFillper（Listviews）{for（int i=0;i

viewFlipper.addView（views.get（i）,new View?Group.LayoutParams（ViewGroup.LayoutParams.MATCH_PAR?ENT,ViewGroup.LayoutParams.MATCH_PARENT））;

}

}

●旅游路線的軌跡形成實現

系統使用百度地圖的API接口函數來實現軌跡點覆蓋物的標識及其多個點之間的連線，按照用戶編輯的旅游時間順序來形成旅游軌跡，形成效果如圖5所示。

①軌跡中對應覆蓋物的紅色marker點擊事件的處理，采用與上述相同的彈出式效果，具體的響應事件onMarkerClick（）部分代碼如下：

Bundle extraInfo=arg0.getExtraInfo（）;

Info info=（Info）extraInfo.getSerializable（"info"）;

final LatLng latLng=arg0.getPosition（）;

//將經緯度轉換成屏幕上的點

Pointpoint=bdMap.getProjection （）.toScreenLocation（latLng）;

point.y-=47;

LatLngll=bdMap.getProjection（）.fromScreenLocation（point）;Toast.makeText（AddOverlayActivity.this,latLng.toString（）,Toast.LENGTH_SHORT）.show （）;bottomView.setVisibility（View.VISIBLE）;

TranslateAnimationanimation=（TranslateAnimation）Ani?mationUtils.loadAnimation（AddOverlayActivity.this,R.anim.an?im_show）;bottomView.startAnimation（animation）;

②兩個地理位置點之間的連線

系統通過調用百度地圖的接口函數addOverlay（polylinewOptions）來實現多個經緯度點的連線。引用百度地圖的添加折線監聽回調PolylineOptions，將多個經緯度點從服務器端獲取，保存至points的list集合中。部分代碼的設置如下：

PolylineOptions polylineOptions=new PolylineOptions（）;

polylineOptions.points（points）;

polylineOptions.color（0xFF000000）;

polylineOptions.width（6）;//折線線寬

bdMap.addOverlay（polylineOptions）;

圖3

圖4

圖5

3 結語

本文設計和開發了基于Android平臺上的旅游足跡記錄與照片分享App，為廣大用戶提供一個可在旅游過后隨時記錄旅游照片與軌跡的平臺。這是一款集獲取、分享、記錄的App。

用戶除了可瀏覽熱門推薦的旅游軌跡還可根據旅游地點進行相關搜索，并于從中獲取自己想要的旅游推薦及信息。

用戶可隨心隨意編輯上傳自己旅行的照片以及游記，除了自我表達抒發情感之外還能夠供他人瀏覽以及分享。

系統自動生成的照片集以及軌跡記錄了用戶連貫的旅程足跡，更好地促進用戶旅行情感體驗及升華。

當然，本系統還存在很多不足之處需要在后續推廣中進行進一步的完善。

[1]胡亞會．“互聯網+”發展戰略背景下我國旅游業發展的再思考.遼寧：旅游縱覽周刊，2015.

Abstract：

By referencing the Baidu map API interface,realizes the orientating function.The user can select their tourist destinations and upload their photos.According their needs,the user also can manipulate the photos and write down the travel experienc?es;when finishing choosing and editing all the tourist destinations,the system automatically produces the travel photo galler?ies and record the travel track in line with the order of time.

Keywords：

Baidu Map API;Photo Manipulating;Trajectory;Emotional Experience

Design and Implementation of the Tourism Photo Gallery System Based on Track Record of Time and Space and Emotional Experiences

WANG Yi，LU Qi-yu，YANG Xiao-dan，WANG Xi，LI Lian-chun
（College of Computer Science,South China Normal University，Guangzhou 510631）

2017-03-21

2017-06-01

1007-1423（2017）18-0075-05

10.3969/j.issn.1007-1423.2017.18.018

大學生創新創業項目訓練計劃項目

王怡（1995-），女，廣東湛江人，華南師范大學本科在讀，學生，研究方向為軟件工程

盧琪玉（1995-），女，廣東梅州人，華南師范大學本科在讀，學生，研究方向為網絡工程

楊肖丹（1995-），女，廣東梅州人，華南師范大學本科在讀，學生，研究方向為數據庫

王茜（1996-），女，湖南省常德人，華南師范大學本科在讀，學生，研究方向為網絡工程

李鏈純（1995-），女，廣東潮安人，華南師范大學本科在讀，學生，研究方向為軟件工程