基于一體化的企業(yè)移動(dòng)門戶的研究與實(shí)現(xiàn)

雷勝利

摘 要：為了開發(fā)適合企業(yè)的移動(dòng)門戶應(yīng)用，通過研究和學(xué)習(xí)，設(shè)計(jì)開發(fā)了一體化的企業(yè)移動(dòng)門戶系統(tǒng)。系統(tǒng)圍繞企業(yè)應(yīng)用，從總體設(shè)計(jì)入手，利用移動(dòng)開發(fā)技術(shù)和網(wǎng)絡(luò)架構(gòu)，搭建集移動(dòng)辦公、信息交互、業(yè)務(wù)辦理的一體化應(yīng)用系統(tǒng)。系統(tǒng)的開發(fā)和利用對(duì)促進(jìn)企業(yè)信息交流、業(yè)務(wù)開發(fā)起到了極大推動(dòng)，提升了用戶體驗(yàn)。系統(tǒng)的實(shí)施對(duì)今后企業(yè)在移動(dòng)應(yīng)用及開發(fā)管理方面是積極探索，通過系統(tǒng)的實(shí)施既鍛煉了企業(yè)信息化人才隊(duì)伍，又極大的促進(jìn)了企業(yè)員工對(duì)信息化的認(rèn)識(shí)。

關(guān)鍵詞： 移動(dòng)門戶; DMZ區(qū); 用戶體驗(yàn)H5

中圖分類號(hào)： TP 311

文獻(xiàn)標(biāo)志碼： A

Abstract： In order to develop an enterprise mobile portal application， an integrated enterprise mobile portal system is designed and developed through research and learning. The system focuses on enterprise applications， starts from the overall design， uses mobile development technology and network architecture， and builds an integrated application system integrating mobile office， information interaction and business. The development and utilization of the system have greatly promoted the information exchange and business development of enterprises and improved the user experience. The implementation of the system is a positive exploration of future enterprise in mobile application and development management. The implementation of the system not only exercises the enterprise information talent team， but also greatly promotes the enterprise employees understanding of informatization.

Key words： mobile portal; DMZ zone; user experience H5

0 引言

隨著移動(dòng)技術(shù)的不斷發(fā)展，移動(dòng)應(yīng)用的不斷普及，各種移動(dòng)應(yīng)用應(yīng)運(yùn)而生。企業(yè)面對(duì)各種業(yè)務(wù)需求，針對(duì)不同業(yè)務(wù)板塊開發(fā)適應(yīng)各業(yè)務(wù)的移動(dòng)應(yīng)用;企業(yè)內(nèi)部用戶為了不同的應(yīng)用需求安裝相應(yīng)的移動(dòng)應(yīng)用系統(tǒng)，導(dǎo)致用戶移動(dòng)終端多個(gè)應(yīng)用同時(shí)存在;為了處理各種日常業(yè)務(wù)，用戶需要在各個(gè)應(yīng)用之間來回切換，用戶名及密碼設(shè)置也不一致，給用戶帶來不便，工作效率也極大降低。為了解決以上問題，公司決定開發(fā)實(shí)施一體化應(yīng)用的企業(yè)移動(dòng)門戶。

1 總體設(shè)計(jì)

為了更好的實(shí)現(xiàn)企業(yè)移動(dòng)門戶的整體開發(fā)及實(shí)施，要充分考慮移動(dòng)端業(yè)務(wù)數(shù)據(jù)和企業(yè)內(nèi)

部業(yè)務(wù)數(shù)據(jù)的共享應(yīng)用，做好整體網(wǎng)絡(luò)布局的規(guī)劃、整個(gè)系統(tǒng)的框架以及功能模塊設(shè)計(jì)[1]。數(shù)據(jù)是企業(yè)的生命，為了做好數(shù)據(jù)安全，要規(guī)劃好內(nèi)外網(wǎng)之間的關(guān)系及做好內(nèi)外部數(shù)據(jù)的分離與融合。

設(shè)計(jì)總體原則是需要員工實(shí)時(shí)了解的信息比如公告、公司新聞等，需要領(lǐng)導(dǎo)及時(shí)審批業(yè)務(wù)比如出差、請(qǐng)假、公文審批等，給員工提供方便的比如班車登記及查看、工資條查詢等都可以放在移動(dòng)門戶;移動(dòng)門戶的數(shù)據(jù)累計(jì)數(shù)據(jù)不超過一年，一年自動(dòng)結(jié)轉(zhuǎn);移動(dòng)門戶具有可擴(kuò)展性，有新的模塊可以隨時(shí)添加進(jìn)來。

1.1 網(wǎng)絡(luò)設(shè)計(jì)

為了保障數(shù)據(jù)的安全，企業(yè)把網(wǎng)絡(luò)在數(shù)據(jù)中心機(jī)房分為內(nèi)網(wǎng)、DMZ區(qū)（DMZ是英文

demilitarized zone的縮寫，中文名稱為“隔離區(qū)”，也稱“非軍事化區(qū)”）、外網(wǎng)三部分[2]，內(nèi)網(wǎng)主要用于企業(yè)內(nèi)部數(shù)據(jù)的存儲(chǔ)，DMZ區(qū)放置外網(wǎng)和內(nèi)網(wǎng)都可以訪問的數(shù)據(jù)，外網(wǎng)放置用于在互聯(lián)網(wǎng)上交互的數(shù)據(jù)。公司網(wǎng)絡(luò)布局模式，如圖1所示。

1.2 系統(tǒng)設(shè)計(jì)

由于開發(fā)的是一體化移動(dòng)應(yīng)用平臺(tái)，要求開發(fā)的移動(dòng)應(yīng)用能夠運(yùn)行在蘋果手機(jī)IOS系統(tǒng)

和安卓手機(jī)Android系統(tǒng)上，并具有可擴(kuò)展性，系統(tǒng)之間的交互通過TOKEN實(shí)現(xiàn)，關(guān)鍵數(shù)據(jù)的傳輸通過MD5加密，數(shù)據(jù)庫(kù)采用MYSQL數(shù)據(jù)庫(kù)。

2 主要功能實(shí)現(xiàn)

系統(tǒng)采用移動(dòng)APP基本布局，沒有采用輪播圖進(jìn)行框架布局，而是注重應(yīng)用，顏色主要使用中國(guó)中車統(tǒng)一UI要求的色調(diào)，注重中國(guó)中車整體形象。系統(tǒng)通過二維碼自動(dòng)識(shí)別系統(tǒng)并根據(jù)提示安裝使用。

2.1 系統(tǒng)登陸

系統(tǒng)使用公司人力資源系統(tǒng)統(tǒng)一提供的組織架構(gòu)及人員信息表，和公司內(nèi)網(wǎng)協(xié)同辦公平臺(tái)通過DMZ區(qū)使用同一賬戶密碼庫(kù)，保證了內(nèi)網(wǎng)系統(tǒng)使用一套賬戶密碼庫(kù)。

2.2 文件閱辦

該部分主要是原OA辦公系統(tǒng)經(jīng)過H5化后，在本次設(shè)計(jì)的移動(dòng)門戶內(nèi)，通過TOKEN方式連接在移動(dòng)門戶內(nèi)打開OA辦公系統(tǒng)，基本達(dá)到無縫對(duì)接，用戶體驗(yàn)較好。OA辦公系統(tǒng)主要把公司各種審批流程固化下來，具有流程發(fā)起權(quán)限的用戶通過內(nèi)網(wǎng)發(fā)起流程，審批者通過一體化移動(dòng)門戶接收到推送信息，通過文件閱辦模塊審批辦理，也可查詢。

2.3 公司新聞及信息公告

該模塊是廣而告之的信息，相關(guān)管理員及時(shí)發(fā)布公司重大信息及通知，比如公司領(lǐng)導(dǎo)任命、放假信息等。

2.4 請(qǐng)假管理

該模塊主要用于員工辦理請(qǐng)假（員工可以通過移動(dòng)門戶直接發(fā)起申請(qǐng)，并根據(jù)請(qǐng)假類別，選擇相應(yīng)申請(qǐng)級(jí)別和領(lǐng)導(dǎo)）、包括因公出差（包括研發(fā)費(fèi)用出差、售后服務(wù)出差等）、因私請(qǐng)假（包括事假、病假、年休假等），相關(guān)審批人員收到員工發(fā)起的申請(qǐng)推送信息后及時(shí)審批，并發(fā)起后續(xù)流程。

2.5 會(huì)議管理

該模塊由相關(guān)會(huì)議發(fā)起者發(fā)起會(huì)議，并通過會(huì)議室管理系統(tǒng)安排會(huì)議室。會(huì)議發(fā)起者每次發(fā)起會(huì)議填寫會(huì)議主題、會(huì)議內(nèi)容、會(huì)議時(shí)間、會(huì)議主持人信息等并通過通訊錄選擇參加會(huì)議人員，并通過系統(tǒng)通知參會(huì)人，參會(huì)人收到會(huì)議通知后，及時(shí)通過系統(tǒng)進(jìn)行回復(fù)參會(huì)或不參會(huì)并說明原因;會(huì)議開始時(shí)，參會(huì)者通過系統(tǒng)簽到，會(huì)議發(fā)起者能夠及時(shí)查閱人員到會(huì)情況。

2.6 即時(shí)信息

該模塊類似與微信，但對(duì)企業(yè)來說安全性較高，數(shù)據(jù)運(yùn)行于公司的服務(wù)器上。該模塊也集成了OA、請(qǐng)假申請(qǐng)、人事令審批等推送信息，并通過常用數(shù)字紅點(diǎn)提醒，及時(shí)提醒相關(guān)人員辦理相關(guān)業(yè)務(wù)。

2.7 班車管理

該模塊主要把公司接送員工班車發(fā)布到移動(dòng)門戶中，員工可以根據(jù)班車的發(fā)車情況進(jìn)行預(yù)定并及時(shí)安排自己的行程，班車管理員根據(jù)具體預(yù)訂情況決定車輛派遣，極大的方便了員工通勤。

2.8 通訊錄

系統(tǒng)通過樹狀圖，把公司所有部門及人員展示出來，以便聯(lián)系。系統(tǒng)通過權(quán)限設(shè)置，本部門一般員工只能看到本部門人員信息及聯(lián)系方式，領(lǐng)導(dǎo)和根據(jù)所管范圍查看其權(quán)限范圍內(nèi)人員信息及聯(lián)系方式，所查看到電話可直接撥打。

2.9 工作圈

該功能類似與微信朋友圈，不過在這里主要展示個(gè)人的工作情況，以便大家互相了解。

2.10 其他

該功能就是本次系統(tǒng)開發(fā)的最大亮點(diǎn)，新開發(fā)的通過H5設(shè)計(jì)的功能模塊可以通過后臺(tái)配置到移動(dòng)門戶中來，比如即時(shí)積分平臺(tái)、共創(chuàng)平臺(tái)、售后服務(wù)平臺(tái)、電話號(hào)碼、郵件地址、我的薪資等。

3 技術(shù)實(shí)現(xiàn)

由于開發(fā)的是移動(dòng)端應(yīng)用，考慮到移動(dòng)應(yīng)用終端蘋果IOS及安卓Android[3]兩大系統(tǒng)，如果采用傳統(tǒng)原生代開發(fā)模式，需要開發(fā)兩種版本，開發(fā)成本很高;經(jīng)過詳細(xì)了解通過第三方平臺(tái)APICloud進(jìn)行開發(fā)可以同時(shí)生成IOS及Android兩種安裝包。

3.1 開發(fā)環(huán)境準(zhǔn)備

在APICloud官方網(wǎng)站https：//www.apicloud.com/注冊(cè)開發(fā)賬戶，從APICloud官方網(wǎng)站下載APICloud Studio 2并安裝;從MYSQL[4]官網(wǎng)https：//www.mysql.com/下載MYSQL數(shù)據(jù)庫(kù)，安裝并配置完成后即可開發(fā)。如圖2所示。

3.2 數(shù)據(jù)庫(kù)設(shè)計(jì)

為了能夠達(dá)到一體化的系統(tǒng)設(shè)計(jì)關(guān)鍵需要設(shè)計(jì)兩張表，這樣可以方便以后對(duì)接未知的移動(dòng)應(yīng)用。如表1、表2所示。

3.3 對(duì)接方式約定

由于系統(tǒng)對(duì)接在互聯(lián)網(wǎng)上運(yùn)行，約定系統(tǒng)傳輸過程中必須是MD5加密，使用session、參數(shù)或者Web service[5]對(duì)接都可以，這個(gè)根據(jù)第三方技術(shù)實(shí)現(xiàn)可以調(diào)整。

3.4 系統(tǒng)開發(fā)

除了一體化移動(dòng)門戶母體需要用APICloud Studio開發(fā)完成，其余第三方系統(tǒng)均使用HTML5開發(fā)，并仿移動(dòng)APP頁(yè)面開發(fā)。

系統(tǒng)開發(fā)中使用的推送使用極光推送服務(wù)。系統(tǒng)對(duì)接示例：http：//&System_addr&/user_name=&user_name&&token=&token。系統(tǒng)在IOS上運(yùn)行必須事先申請(qǐng)?zhí)O果開發(fā)者賬號(hào)，如果是企業(yè)應(yīng)用，必須使用蘋果企業(yè)賬號(hào)。

開發(fā)完成并測(cè)試通過即可在APICloud官網(wǎng)通過云編譯生成IOS和Android兩個(gè)安裝包，通過集成開發(fā)可以使用一個(gè)二維碼通過系統(tǒng)識(shí)別來自動(dòng)選擇版本安裝。

4 應(yīng)用效果

系統(tǒng)上線后，取代了過去OA辦公APP、業(yè)務(wù)APP、人力資源APP的單獨(dú)使用，通過一體化移動(dòng)門戶的實(shí)施取代了多APP多用戶密碼的問題，領(lǐng)導(dǎo)可以在一個(gè)應(yīng)用上方便辦理審批，員工能夠及時(shí)了解需要自己權(quán)限范圍內(nèi)的信息，取得了預(yù)期效果。下面是整體效果圖：如圖3所示。

5 總結(jié)

通過一體化移動(dòng)門戶系統(tǒng)的實(shí)現(xiàn)，深刻體會(huì)到系統(tǒng)應(yīng)用已經(jīng)從傳統(tǒng)桌面軟件發(fā)展到移動(dòng)終端，用戶體驗(yàn)已經(jīng)不容忽視，如何利用好移動(dòng)設(shè)備開發(fā)適合企業(yè)內(nèi)部使用的系統(tǒng)，以及如何處理好應(yīng)用與安全[6]的問題，始終是我們研究的課題。

參考文獻(xiàn)

[1] Stoyan Stefanov.基于PHP的JavaScript應(yīng)用開發(fā)[M].北京：中國(guó)電力出版社，2014.

[2] Karli Watson. C#入門經(jīng)典[M].北京：清華大學(xué)出版社，2008.

[3] 張余.Android網(wǎng)絡(luò)開發(fā)從入門到精通[M]. 北京：清華大學(xué)出版社，2014.

[4] （美）戴爾.MySQL核心技術(shù)手冊(cè)[M].李紅軍，譯. 第2版. 北京：機(jī)械工業(yè)出版社，2009.

[5] 王小科.ASP.NET典型模塊開發(fā)全程實(shí)錄[M].北京：清華大學(xué)出版社，2013.

[6] 黃俊.Java程序設(shè)計(jì)與應(yīng)用開發(fā)[M]. 第二版. 北京：機(jī)械工業(yè)出版社，2014.

（收稿日期： 2019.08.28）