基于iOS的校園電子地圖的研究與實(shí)現(xiàn)

張潞++司占軍

摘要：隨著社會(huì)信息化的步伐不斷加快，數(shù)字化校園建設(shè)逐步成為高等學(xué)校發(fā)展的必然趨勢(shì)，為了便于校園的布局信息以及校園介紹的展示。該文以天津科技大學(xué)泰達(dá)校區(qū)為主要研究對(duì)象，利用Xcode軟件通過(guò)Swift編程語(yǔ)言開(kāi)發(fā)了基于iOS校園電子地圖的移動(dòng)應(yīng)用。該應(yīng)用具有校園地圖位置查詢(xún)，需求線路導(dǎo)航等功能。為校園用戶(hù)提供一種方便快捷的、可視化的服務(wù)，更加便捷的熟悉學(xué)校的布局，方便了師生的生活。

關(guān)鍵詞：iOS；移動(dòng)應(yīng)用；位置查詢(xún)；電子地圖；線路導(dǎo)航

中圖分類(lèi)號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）01-0117-02

Research and Implementation of Campus Electronic Map Based on iOS

ZHANG Lu， SI Zhan-jun

（College of Packaging and Printing Engineering， Tianjin University of Science & Technology， Tianjin 300222， China）

Abstract： With the development of social information technology， digital campus construction has gradually become the inevitable trend of the development of colleges and universities. In order to facilitate the layout of the campus information and campus presentation， this paper takes Tianjin University of Science and Technology TEDA campus as the main research object and uses Xcode software through the Swift programming language to develop the application of mobile iOS.it based on campus electronic map. This application has the function of the campus map location query， the demand line navigation and so on. It provides a convenient and quick and convenient service for the campus users and is more convenient for the students to know the layout of the school and to facilitate the life of the students.

Key words： iOS； mobile application； location query； electronic map； line navigation

隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，數(shù)字校園建設(shè)的步伐不斷加快，移動(dòng)互聯(lián)網(wǎng)在數(shù)字校園的建設(shè)與發(fā)展中扮演著重要的角色[1]。校園移動(dòng)應(yīng)用是數(shù)字化校園建設(shè)的重要一部分， 該設(shè)計(jì)主要用于校園的基礎(chǔ)查詢(xún)、導(dǎo)航等功能，實(shí)現(xiàn)可視化的校園導(dǎo)游系統(tǒng)。

1 配置開(kāi)發(fā)環(huán)境

本課題基于蘋(píng)果iOS系統(tǒng)進(jìn)行設(shè)計(jì)開(kāi)發(fā)。移動(dòng)系統(tǒng)客戶(hù)端是基于蘋(píng)果iOS7系統(tǒng)及以上平臺(tái)，開(kāi)發(fā)環(huán)境是 Mac OS X Yosemite系統(tǒng)。所需要安裝的軟件是Xcode軟件，蘋(píng)果開(kāi)發(fā)者認(rèn)證證書(shū)，蘋(píng)果開(kāi)發(fā)證書(shū)和蘋(píng)果開(kāi)發(fā)者團(tuán)隊(duì)開(kāi)發(fā)賬號(hào)，系統(tǒng)客戶(hù)端的測(cè)試環(huán)境是蘋(píng)果iphone5手機(jī)iOS 8.3系統(tǒng)的智能手機(jī)[2]。

2 用戶(hù)界面設(shè)計(jì)

該移動(dòng)應(yīng)用軟件的用戶(hù)群體主要面對(duì)該校師生以及即將來(lái)校的新生同學(xué)，該界面設(shè)計(jì)還需要根據(jù)位置服務(wù)的應(yīng)用特點(diǎn)，讓用戶(hù)很方便的查找，因此應(yīng)用界面設(shè)計(jì)應(yīng)當(dāng)簡(jiǎn)潔大方，交互方式上便捷流暢。本應(yīng)用主界面的主體部分是天津科技大學(xué)泰達(dá)校區(qū)設(shè)計(jì)規(guī)劃圖，在主界面下方設(shè)計(jì)了三個(gè)按鈕，分別對(duì)應(yīng)的是位置查詢(xún)按鈕，路線查詢(xún)按鈕和更多按鈕。

3 核心功能

3.1 查看地圖功能

查看地圖功能需要具備地圖的平移功能、雙擊放大功能、手勢(shì)放大縮小功能。這三個(gè)功能的實(shí)現(xiàn)可以方便用戶(hù)隨時(shí)對(duì)泰達(dá)校區(qū)建設(shè)規(guī)劃圖進(jìn)行查看，并且可以根據(jù)自己的實(shí)際需求進(jìn)行各種功能的操作，進(jìn)而可以達(dá)到自己所需要的功能需求。

3.2位置查詢(xún)功能

該功能需要在索框內(nèi)有提示用戶(hù)其功能的文字“查詢(xún)”，用于查詢(xún)地理位置。地圖中搜索的范圍包括泰達(dá)三個(gè)校區(qū)：中校區(qū)、西校區(qū)和東校區(qū)中的任意一個(gè)地點(diǎn)。在點(diǎn)擊搜索框之后，查詢(xún)搜索界面會(huì)在下半部分彈出文字輸入鍵盤(pán)，當(dāng)用戶(hù)進(jìn)行地點(diǎn)搜索時(shí)搜索框可以對(duì)搜索的關(guān)鍵字進(jìn)行檢索，實(shí)時(shí)過(guò)濾搜索的關(guān)鍵字出來(lái)，并且可以模糊搜索。

3.3 路線查詢(xún)功能

路線查詢(xún)功能是根據(jù)用戶(hù)的需要將用戶(hù)從一個(gè)地點(diǎn)指引到另一個(gè)地點(diǎn)，并且在圖片中繪畫(huà)出路線的功能?；谖恢梅?wù)的校園導(dǎo)游系統(tǒng)是需要開(kāi)發(fā)者設(shè)計(jì)校園內(nèi)的導(dǎo)游路線，并且可以成功顯示出來(lái)。導(dǎo)游路線的設(shè)計(jì)規(guī)劃功能也是本設(shè)計(jì)的一個(gè)重要功能，這個(gè)功能可以讓用戶(hù)更加快速地找到目標(biāo)地點(diǎn)的方法和路線，查詢(xún)界面如圖1。

3.4 校園觀光線路的功能

該設(shè)計(jì)是針對(duì)初次來(lái)到學(xué)校的用戶(hù)設(shè)立的，設(shè)定好幾條最優(yōu)導(dǎo)游線路，可以通過(guò)選擇相應(yīng)的線路，點(diǎn)擊進(jìn)入以圖片線路的方式加載到軟件之中，用藍(lán)色的線條表示用戶(hù)所需要前往的線路，還可以結(jié)合查詢(xún)功能確定所在位置，該設(shè)計(jì)目的是為了讓初次到訪的用戶(hù)可以更快更便捷地了解學(xué)校布局，如圖2。

圖1 路線查詢(xún)界面 圖2 校園觀光路線示意

4 核心程序的編寫(xiě)

本設(shè)計(jì)選擇Swift編程語(yǔ)言作為本次開(kāi)發(fā)項(xiàng)目的編程語(yǔ)言，發(fā)布于iphone平臺(tái)[3]。新建的項(xiàng)目工程并在Xcode軟件之中編寫(xiě)代碼。在Main.storyboard界面之中，進(jìn)行軟件界面的設(shè)計(jì)開(kāi)發(fā)工作，在ViewController.swift文件之中編寫(xiě)關(guān)于設(shè)計(jì)界面的一些功能的代碼來(lái)實(shí)現(xiàn)設(shè)計(jì)界面的相關(guān)功能。為了使開(kāi)發(fā)者可以更加方便的開(kāi)發(fā)應(yīng)用軟件，Xcode軟件里集成了所有代碼的提示功能，開(kāi)發(fā)者只要輸入相關(guān)的代碼的一部分便會(huì)出現(xiàn)所有需要的代碼，方便了開(kāi)發(fā)者開(kāi)發(fā)，并且大大提升了開(kāi)發(fā)效率[4]。

在該應(yīng)用開(kāi)發(fā)中，路線查詢(xún)功能為本應(yīng)用的研究重點(diǎn)。以下是該功能的程序開(kāi)發(fā)過(guò)程。

通過(guò)編寫(xiě)代碼，在文件里將數(shù)據(jù)文件導(dǎo)入，當(dāng)用戶(hù)輸入終點(diǎn)或者起點(diǎn)的時(shí)候，利用位置搜索功能中的位置地點(diǎn)過(guò)濾代碼和關(guān)鍵字檢索代碼，對(duì)根據(jù)用戶(hù)輸入的關(guān)鍵字進(jìn)行檢索，將用戶(hù)輸入的地點(diǎn)快速地呈現(xiàn)出來(lái)，并且位置地點(diǎn)的名稱(chēng)也檢索到了輸入的位置低點(diǎn)的坐標(biāo)點(diǎn)，這樣系統(tǒng)就可以確定用戶(hù)輸入的起點(diǎn)或者終點(diǎn)的位置了，方便用戶(hù)使用。

通過(guò)在編寫(xiě)相關(guān)的代碼，實(shí)現(xiàn)點(diǎn)擊對(duì)調(diào)按鈕調(diào)換起點(diǎn)和終點(diǎn)輸入框內(nèi)的內(nèi)容。這樣可以方便用戶(hù)對(duì)起點(diǎn)和終點(diǎn)的快速選擇，從而提升用戶(hù)的使用體驗(yàn)。

然后新建類(lèi)文件并導(dǎo)入數(shù)據(jù)文件，數(shù)據(jù)文件作用是為了在繪制導(dǎo)航路線圖的時(shí)候，應(yīng)用程序系統(tǒng)可以根據(jù)用戶(hù)所輸入的起點(diǎn)和終點(diǎn)位置點(diǎn)，快速地找到目標(biāo)地點(diǎn)。從而計(jì)算起點(diǎn)和終點(diǎn)兩個(gè)位置點(diǎn)的路線距離。根據(jù)起點(diǎn)和終點(diǎn)之間的路口的坐標(biāo)點(diǎn)，系統(tǒng)可以通過(guò)連接起點(diǎn)和終點(diǎn)之間的路口的坐標(biāo)點(diǎn)從而繪制出路線圖。在連接路口的坐標(biāo)點(diǎn)時(shí)，可能會(huì)存在多條線路的選擇，此時(shí)系統(tǒng)通過(guò)路口坐標(biāo)點(diǎn)的算法，比較起點(diǎn)和距離它最近的路口或者道路中的坐標(biāo)點(diǎn)的X坐標(biāo)和Y坐標(biāo)的大小。如果X坐標(biāo)相同時(shí)則需要選擇Y坐標(biāo)差值最小的那個(gè)位置點(diǎn)，如果Y坐標(biāo)相同的時(shí)候則需要選擇X坐標(biāo)差值最小的那個(gè)位置點(diǎn)來(lái)進(jìn)行兩個(gè)點(diǎn)之間的連接，然后，通過(guò)相同的方法來(lái)選擇下一個(gè)位置點(diǎn)的坐標(biāo)進(jìn)行連接，通過(guò)這種方法就可以繪制出起點(diǎn)和終點(diǎn)坐標(biāo)之間的路線，用藍(lán)色表示，方便用戶(hù)查看。根據(jù)這種方法，當(dāng)用戶(hù)點(diǎn)擊導(dǎo)航按鈕的時(shí)候便在主界面的建設(shè)規(guī)劃圖中可以顯示出來(lái)。

5 軟件功能測(cè)試與發(fā)布

Xcode應(yīng)用程序開(kāi)發(fā)軟件提供了在蘋(píng)果的Mac OS X Yosemite系統(tǒng)下的模擬器運(yùn)行檢測(cè)移動(dòng)應(yīng)用程序和iPhone真機(jī)運(yùn)行檢測(cè)移動(dòng)應(yīng)用程序兩種方式。

蘋(píng)果應(yīng)用程序的開(kāi)發(fā)軟件Xcode軟件，可以在對(duì)所開(kāi)發(fā)的程序進(jìn)行快速的運(yùn)行檢測(cè)。利用模擬器可以進(jìn)行應(yīng)用程序的運(yùn)行和檢測(cè)之外，同時(shí)也提供了使用iPhone真機(jī)對(duì)應(yīng)用程序進(jìn)行運(yùn)行與檢測(cè)。使用iphone真機(jī)對(duì)應(yīng)用程序進(jìn)行檢測(cè)的優(yōu)點(diǎn)是可以在手機(jī)上真實(shí)的模擬用戶(hù)的使用情況，隨時(shí)檢測(cè)問(wèn)題，以及檢測(cè)應(yīng)用程序真機(jī)上的運(yùn)行的界面是否與設(shè)計(jì)時(shí)的界面一致。本設(shè)計(jì)在開(kāi)發(fā)應(yīng)用程序時(shí)在完成開(kāi)發(fā)代碼之后，以及添加了其他表現(xiàn)的界面之后，使用iPhone真機(jī)對(duì)應(yīng)用程序進(jìn)行檢測(cè)，達(dá)到了更好的運(yùn)行效果和使用效果。

測(cè)試無(wú)誤后進(jìn)行最后的封裝打包，然后就可將應(yīng)用軟件上傳并發(fā)布到蘋(píng)果的APP Store并提供下載，用戶(hù)可以根據(jù)需求來(lái)進(jìn)行軟件的下載。本設(shè)計(jì)考慮到只是學(xué)習(xí)研究，并沒(méi)有發(fā)布在APP Store中。將移動(dòng)應(yīng)用程序打包好之后，輸出到iPhone手機(jī)上，實(shí)現(xiàn)該應(yīng)用的發(fā)布。

6 結(jié)束語(yǔ)

完成了基于iOS的校園電子地圖的應(yīng)用的制作，該應(yīng)用對(duì)校園規(guī)劃地圖的功能性瀏覽和搜索查詢(xún)功能，線路導(dǎo)游功能，以及線路瀏覽等功能。對(duì)于初次到訪的用戶(hù)可以按照既定的導(dǎo)游線路進(jìn)行游覽也可根據(jù)所在位置進(jìn)行瀏覽及位置查詢(xún)，具有較高的應(yīng)用價(jià)值。

參考文獻(xiàn)：

[1] 季鵬磊，黃斐. 校園移動(dòng)電子商務(wù)模式探討[J].福建電腦，2014（10）： 82，89-90.

[2] 黃磊. 移動(dòng)客戶(hù)端產(chǎn)品體驗(yàn)設(shè)計(jì)的性別差異化研究[D].武漢： 武漢理工大學(xué)，2012.

[3] 鄧昶. 常用計(jì)算機(jī)編程語(yǔ)言的分析和選用技巧探析[J].計(jì)算機(jī)光盤(pán)軟件與應(yīng)用，2014（19）：75-76.

[4] 北京超圖. 基于SuperMap IS.NET開(kāi)發(fā)平臺(tái)構(gòu)建空間信息網(wǎng)絡(luò)[J]. 地理信息世界2004，2（6）.