基于Android的團建App“易聚”的設計與實現

謝純　劉珍丹　林澤浩 　陳綺莉　覃海云　劉嘉慧

關鍵詞：Android；Java；移動App；團建服務；出行管理

中圖分類號：TP311 文獻標識碼：A

文章編號：1009-3044（2023）02-0036-03

1 概述

隨著時代的進步，人們對于團建的需求和關注度呈上升趨勢，相比傳統的方式，人們更愿意使用服務型軟件了解信息，策劃出行。與此同時，互聯網相關應用產品的數量卻不成正比。據悉，目前青年和中年人每月至少參與一次團建，大部分人在團建過程中都有團建地點選哪里、多人游戲該怎么玩、氣氛該怎么調動[1]等問題出現。而目前市場上服務于團建出行的應用產品較少且功能單一[2]，用戶體驗不佳，無法較好地結合當下人們習慣、潮流，不能提供針對性、實質性、有效性的服務。

基于Android平臺[3]開發的團建App“易聚”，將針對人們團建前的輔助規劃、場地預約；團建期間的玩法攻略、社區交流，以及團建后期的統計賬單、紀念收錄[4]等進行全方位、一站式服務。讓用戶通過分析平臺推薦內容、他人分享的經驗和大眾評價，從而制定團建方案。解決人們在團建中遇到的煩惱，構建新式自由型團建策劃模式，便利團建活動的舉辦。

2 系統設計

2.1 功能設計

“ 易聚”App 主要有四大功能模塊，相應操作如下。

行程制定模塊：系統根據定位推薦團建方案，供用戶選擇；用戶也可新建項目，自定義行程事項；同時，每個團建項目內置賬本，可同步記賬，統計支出，內置相冊，可上傳圖片，保存紀念。

商城推薦模塊：商城會默認推薦附近的店家與優惠套餐；用戶可使用搜索框可實現快速匹配，也可在平臺提前預訂店家、場地，或將心儀的活動套餐添加至行程規劃中。

社區推薦模塊：社區給用戶提供信息交流的平臺，默認給用戶推薦資訊；用戶可在社區發表文章、評論；可對其他用戶的文章和話題進行點贊、收藏。

用戶管理模塊：用戶使用手機號碼、郵箱等進行賬號注冊，隨即登錄App；在用戶中心可查看個人歷史項目詳情、設置通用基礎權限、管理個人資料、查看和操作所有訂單和收藏的實體。

2.2 界面設計

2.2.1界面流程

“易聚”App的界面流程設計如圖1所示。

2.2.2設計規范

頁面設計使用扁平化設計，保持簡潔、舒適的特點。結合團建活動的特性，選擇明亮的橙色作為主色，以黃色系和紅色系為輔。其中，頁面基礎底色仍然使用白色和灰色，頁頭使用線性橙黃漸變。字體統一使用黑體，按不同用途分級別使用。

2.3 數據庫設計

根據軟件功能與需求，建立相關的數據表以進行“增刪改查”等操作，具體劃分為：1）團建行程數據表；2）商品信息數據表；3）社區內容數據表；4）用戶信息數據表。

3 系統實現

3.1 邏輯結構

系統使用MVC框架[5]（Model-View-Controller，即“模型-視圖-控制器”），其中，模型層負責業務流程處理，視圖層用于用戶與平臺之間的交互，控制層實現對業務流程的控制、對模型層和視圖層進行調度與控制。

采用C/S架構，包含客戶端和服務器端[6]，在An?droid Studio 開發環境下，使用Java 語言編寫程序代碼，使用MySQL數據庫存儲數據，分步實現軟件相應操作。

3.2 具體功能實現

3.2.1 添加行程事項

添加行程事項功能是定制團建方案中的主要操作，主要涉及對數據的讀取，通過對數據庫數據的“增刪改查”與顯示。

ContentValues values=new Contentvalues（ ）;

for （int i = 0; i < list.size（）; i++） {

values.put（ "title" ，list.get（ i ）.getTitle（ ）;

values. put（ "description"， list. get（ i ）. getDescrip?tion（） ）;

insert = dao.insert（ "news" ， null，values ）;

}

3.2.2 搜索功能

向搜索框輸入關鍵詞，首先會根據輸入的關鍵詞自動補全為經常被搜索的詞。

public void setAutoCompleteAdapter（ArrayAdapter

adapt-er）{

this.mAutoCompleteAdapter = adapter;}

private class EditChangedListener implements Text?

wlatcher {

@override

public void beforeTextChanged（CharSequence charSequence， int i， int i2，int i3）{

@override

public void onTextChanged（CharSequence charSe?

quence，int i， int i2，int i3） {

if（！"".equals（charSequence.tostring（）））{

ivDelete.setVisibility（VISIBLE）;

lvTips.setVisibility（VISIBLE）;

if（mAutoCompleteAdapter ！ = null 8& lvTips. get?Adapter（） ！= mAutoCompleteAdapter）{

lvTips.setAdapter（mAutoCompleteAdapter）;}

設置自定義類和適配器，與數據庫內數據進行匹配，顯示搜索結果。

@Override

public void onSearch（String text） {

getResultData（text）;

lvResults.setVisibility（View.VISIBLE）;

if （lvResults.getAdapter（ == null）{

lvResults.setAdapter（resultAdapter）;}

else {

resultAdapter. notifyDatasetChanged（）;}

Toast.makeText（ context： this，text："完成搜索"，Toast.LENGTH_SHORT） . show（）;

Intent intent = new Intent（ packageContext：MainAc?tivity.this，MainAenuActivity.class）;

intent . putExtra（ name： "caiming " ，text.toString（））;

stantActivity（intent）;}

3.2.3 定位功能

用戶在使用軟件時，定位不同的城市會有不同的團建方案推薦。通過添加一個定位服務和相關的權限進行定位功能實現。其中，需要對活動類MainAc?tivity，進行注冊廣播-初始化組件-監聽操作。

public class MainActivity extends Activity {

private Button mLocationBtn ;

private Textview mCityNameTv ;

public static final string LOCATION_BCR = "loca?tion_bcr";

@override

protected void oncreate（ Bundle savedInstances?tate）{

super.onCreate（savedInstanceState） ;

setcontentview（R.layout.activity_main） ;

registerBroadcastReceiver（） ;

initview（） ;

initListen （） ;}）

3.2.4 發布評論

軟件設有社區模塊，搭建了用戶共享、交流的平臺。其中，用戶在社區的評論，通過設置評論列表、適配器和監聽來實現。

public void setListener（）{

comment.setOnclickListener（this） ;

hide_down.setonclickListener（this）;

comment_send.setonclickListener（this） ;

}

3.2.5 點贊收藏

界面設置相應圖標引導，點擊圖標，即可實現功能，后臺通過設置函數與監聽，對數據進行增刪操作。

function addUsercollection（infoId， userID， info?Type）{

$.ajax（{

type： "POST"，

url： " /user / AddShouCang"，

data： { "infoId"： infoId，"userID"： userID，"Info?

Type"： infoType，"ActionType"：""}，

dataType： "json"，

success： function （data） {

if （data.code）{$（""#Sctxt" ）.text（'取消收藏'）;}

else {$（""#sctxt" ）.text（"收藏"）;}

}

}）

3.2.6 登錄注冊

為使用戶正常使用軟件功能，用戶需使用手機號碼注冊賬號，注冊時通過短信驗證碼，設置密碼，注冊成功后用其登錄軟件。通過運用正則表達式對電話和密碼設置了一定的限制條件，注冊成功后即可用綁定（注冊）的手機號登錄，通過數據庫的增刪改查判斷是否登錄成功。

if （password. equals（ETpassword. getText （）. to?String（）） ）{

Toast.makeText（ context： MainActivity.this， text："登錄成功"，Toast.LENGTH_SHORT） . show （） ;

}

else {

Toast.makeText（ context： MainActivity.this，text："手機號碼或密碼錯誤"，Toast. LENGTHLSHORT） .show（） ;}

4 最終效果圖

“易聚”App主要功能界面如圖2所示。

（a）行程制定頁面（b）商城瀏覽頁面

（c）添加行程事項（d）搜索結果列表

（c）社區評論（d）個人資料

5 結束語

結合科學技術的進步與社會經濟的發展，“易聚”緊跟當下潮流，注重用戶體驗，利用互聯網大數據技術有效解決人們在團建活動中所遇到的問題，給用戶提供了優化的一站式服務，使人們的出行變得更加便捷。但時代在同步發展，新型技術與模式更迭迅速，用戶體驗可挖掘空間廣泛，要針對不同需求的用戶提供優質服務，還需根據實際情況做進一步的研究與探討。