許 燕

?

基于釘釘?shù)囊苿?dòng)辦公微應(yīng)用的設(shè)計(jì)與實(shí)現(xiàn)

許 燕

（廣東職業(yè)技術(shù)學(xué)院信息工程系，廣東佛山 528000）

研究了移動(dòng)辦公微應(yīng)用的設(shè)計(jì)與實(shí)現(xiàn)過程，該系統(tǒng)是在阿里釘釘平臺(tái)下，采用釘釘基礎(chǔ)IM能力+開放平臺(tái)+ THINKPHP框架+MYSQL進(jìn)行開發(fā)，同時(shí)兼容ios、andriod等多種移動(dòng)系統(tǒng)的應(yīng)用。該設(shè)計(jì)是一個(gè)專注于辦公應(yīng)用的平臺(tái)，實(shí)現(xiàn)了企業(yè)日常工作中的請(qǐng)假，出差，報(bào)銷，簽到，會(huì)議預(yù)約，同時(shí)還有工作計(jì)劃等創(chuàng)新功能，充分兼顧了辦公應(yīng)用的特有屬性，又體現(xiàn)了企業(yè)對(duì)員工管理的特點(diǎn)。是一個(gè)基于企業(yè)通訊錄的協(xié)作溝通平臺(tái)，能夠?qū)崿F(xiàn)1-1，N-N的溝通與協(xié)作，信息的及時(shí)傳遞和及時(shí)送達(dá)，適用于企業(yè)與員工之間的管理與溝通，是一個(gè)行走的辦公微應(yīng)用。

移動(dòng)辦公；微應(yīng)用；釘釘；THINKPHP框架；API

0 引言

現(xiàn)如今互聯(lián)網(wǎng)發(fā)展的速度飛快驚人，對(duì)于一些可人工操控的工作已經(jīng)大部分都用應(yīng)用程序來替代，這可體現(xiàn)對(duì)于如今這個(gè)時(shí)代工作效率對(duì)于每一個(gè)公司有巨大的價(jià)值。目前，無(wú)論是央企、國(guó)企、還是私企，移動(dòng)辦公越來越受到企業(yè)領(lǐng)導(dǎo)和管理人員的重視，因?yàn)樗粌H給予用戶提供便捷，而且大大提高了工作效率。而在2015年的5月份阿里釘釘正式推出了它們針對(duì)企業(yè)的移動(dòng)辦公的平臺(tái)。它的推出掀起了巨浪，目前超過40萬(wàn)以上的企業(yè)在用，包括阿里集團(tuán)和微軟等大企業(yè)?；谝苿?dòng)互聯(lián)，只要手機(jī)聯(lián)網(wǎng)，走到哪里都能處理工作，這已經(jīng)成為企業(yè)信息化的發(fā)展趨勢(shì)。不斷的建立手機(jī)端的管理應(yīng)用，是企業(yè)信息化高效運(yùn)作的一個(gè)重要舉措! 針對(duì)于效率，團(tuán)隊(duì)開發(fā)出基于阿里釘釘?shù)囊豢钸m合企業(yè)使用的App---移動(dòng)微辦公應(yīng)用，來解決企業(yè)日常工作中請(qǐng)假，出差，報(bào)銷，簽到，會(huì)議預(yù)約，工作計(jì)劃。極大的提高時(shí)間效率，使得企業(yè)在管理層上能夠降低員工成本，對(duì)此本應(yīng)用為工作帶來方便而開發(fā)！

1 移動(dòng)辦公微應(yīng)用開發(fā)相關(guān)技術(shù)

1.1 微應(yīng)用開發(fā)模式分析

早期開發(fā)的辦公系統(tǒng)[1-2]大部分都是基于PC端的應(yīng)用，就是通過電腦的方式來進(jìn)行使用的，那如何將這些PC端的應(yīng)用移動(dòng)化，并且能夠?qū)崿F(xiàn)高效的移動(dòng)辦公以及跨組織的協(xié)作溝通呢？在這個(gè)基礎(chǔ)訴求之下，我們考察兩種開發(fā)模式：1、基于阿里釘釘開放平臺(tái)上進(jìn)行開發(fā)；2、開發(fā)的OA系統(tǒng)[3]與微信企業(yè)號(hào)[4]對(duì)接。釘釘?shù)亩ㄎ皇羌w的個(gè)性，以集體利益價(jià)值最大化為目標(biāo)，滿足人性化的管理，所以釘釘和微信是在兩個(gè)不同層面上跑步，微信會(huì)在個(gè)人市場(chǎng)越來越成功?？梢哉f：釘釘，是一個(gè)工作方式（2B）；微信，是一個(gè)生活方式（2C）?？紤]適用性問題，采用方式一，進(jìn)行基于阿里釘釘?shù)囊苿?dòng)辦公微應(yīng)用開發(fā)。

1.2 微應(yīng)用開發(fā)框架的選擇

本文移動(dòng)辦公微應(yīng)用的定位是面向Android系統(tǒng)和IOS系統(tǒng)的移動(dòng)終端，為了實(shí)現(xiàn)移動(dòng)應(yīng)用的跨平臺(tái)適配，選用了跨平臺(tái)混合應(yīng)用開發(fā)模式?；卺斸旈_放[5-7]的接口，第三方開發(fā)者可以為不同企業(yè)客戶，提供多樣且個(gè)性化的產(chǎn)品和服務(wù)，圖書管理、培訓(xùn)管理、車輛管理、資產(chǎn)管理、文檔管理等等。因?yàn)椴煌袠I(yè)辦公系統(tǒng)不同，所以接口有所不同。

本應(yīng)用采用釘釘基礎(chǔ)IM能力+開放平臺(tái)+ THINKPHP框架+MYSQL進(jìn)行開發(fā)：

THINKPHP[8-9]框架：主要實(shí)現(xiàn)后臺(tái)數(shù)據(jù)交互，通過前端發(fā)送的請(qǐng)求來返回?cái)?shù)據(jù)，展示內(nèi)容；

MYSQL：存儲(chǔ)一系列相關(guān)的表數(shù)據(jù)，通過前端的請(qǐng)求，THINKPHP進(jìn)行連接數(shù)據(jù)庫(kù)來獲取數(shù)據(jù)的來源；

JAVASCRIPT：前端腳本，通過界面監(jiān)聽時(shí)間，對(duì)每一個(gè)事件執(zhí)行處理；

HTML5+CSS3：前端布局語(yǔ)言，主要實(shí)現(xiàn)界面布局；

API接口：通過接入釘釘開發(fā)平臺(tái)API，實(shí)現(xiàn)功能。

2 移動(dòng)辦公微應(yīng)用的設(shè)計(jì)

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

只要所做的應(yīng)用是可以在手機(jī)上訪問的H5頁(yè)面就可以通過釘釘本身的應(yīng)用管理接口把它接入進(jìn)去，并且在這邊也提供了OAuth2.0[10]接口，通過這個(gè)可以自動(dòng)獲取到它的身份信息，避免用戶進(jìn)行重復(fù)的登錄，像我們之前登錄到PC端都需要輸入賬號(hào)和密碼，現(xiàn)在只要登錄了釘釘就可以訪問各種應(yīng)用不需要再輸入賬號(hào)和密碼了。因?yàn)橛脩糇?cè)的時(shí)候是基于手機(jī)號(hào)的，所以說所有的組織用戶的同步都是以手機(jī)為用戶的唯一標(biāo)準(zhǔn)。然后將開發(fā)的企業(yè)日常工作中請(qǐng)假，出差，報(bào)銷，簽到，會(huì)議預(yù)約，工作計(jì)劃等功能模塊接入進(jìn)去，當(dāng)然這些可能表面上看只是一個(gè)鏈接，因?yàn)橥ㄟ^這個(gè)鏈接會(huì)自動(dòng)獲取識(shí)別身份的信息進(jìn)行登錄。

在界面設(shè)計(jì)方面遵循了Android 和 IOS頁(yè)面設(shè)計(jì)和交互規(guī)范上的統(tǒng)一以及界面元素間隔的控制，使得app界面給人簡(jiǎn)潔整齊。應(yīng)用設(shè)計(jì)與流程如圖1所示。

2.2 功能設(shè)計(jì)

功能模塊框架如圖2所示。

3 功能實(shí)現(xiàn)

3.1 簽到功能

簽到模塊，主要是提供給企業(yè)員工日常上班進(jìn)行簽到的業(yè)務(wù)操作，極大降低HR管理人員的工作量。調(diào)用高德地圖api實(shí)現(xiàn)企業(yè)員工進(jìn)行地圖定位簽到。

簽到功能流程：?jiǎn)T工簽到-進(jìn)入地圖-確定簽到-記錄簽到位置。

圖1 應(yīng)用設(shè)計(jì)與流程

圖2 功能模塊框架

3.2 公告管理功能

公告功能，企業(yè)管理者通過這個(gè)功能可以發(fā)布信息，員工只需要在應(yīng)用就可以查看信息。發(fā)送公告時(shí)，調(diào)用了阿里釘釘“釘”一下功能，可以提醒員工查看公告。

公告功能流程：企業(yè)管理者發(fā)布公告-應(yīng)用提示員工有新公告-員工查看公告。

3.3 出差-請(qǐng)假-報(bào)銷功能模版

出差-請(qǐng)假-報(bào)銷功能模版，性質(zhì)相似，同時(shí)對(duì)應(yīng)管理者的審批模塊。當(dāng)員工有請(qǐng)假-出差-報(bào)銷的時(shí)候，員工可在該功能面板上對(duì)上司發(fā)送請(qǐng)求，填寫相關(guān)資料，并上傳圖片資料；上司可通過該應(yīng)用功能，方便對(duì)員工進(jìn)行審批，大大增加效率。

功能流程圖：?jiǎn)T工發(fā)送出差-請(qǐng)假-報(bào)銷請(qǐng)求----上級(jí)審批功能審批同意----審批通過。

3.4 審批管理模塊

應(yīng)用為企業(yè)員工提供了審批在線提交的功能，方便企業(yè)員工日常的審批提交，提高了工作效率。關(guān)聯(lián)功能：請(qǐng)假、報(bào)銷、出差。

審批流程：?jiǎn)T工填寫審批所需要的項(xiàng)目-提交到管理員-管理員查看并且對(duì)內(nèi)容進(jìn)行審核-反饋的信息為“通過/不通過”，同時(shí)對(duì)審核進(jìn)行留言。

3.5 預(yù)約會(huì)議室模塊管理

預(yù)約會(huì)議室功能（此功能只能預(yù)約隔天的會(huì)議室），預(yù)約者通過應(yīng)用選擇時(shí)間段進(jìn)行預(yù)約，通過審核才可以在預(yù)約的時(shí)間段使用對(duì)應(yīng)的會(huì)議室。企業(yè)員工接到開會(huì)通知后需要預(yù)約會(huì)議室，通過本應(yīng)用可以通過時(shí)間查看哪一間會(huì)議室沒有被使用，從而對(duì)其進(jìn)行預(yù)約。員工少了到各個(gè)會(huì)議室負(fù)責(zé)人那里查看會(huì)議室預(yù)約情況的麻煩，而是可以直接從應(yīng)用中看到自己需要的信息，從而提高了工作效率。

預(yù)約會(huì)議室流程：?jiǎn)T工提交會(huì)議室預(yù)約申請(qǐng)-管理員審核并反饋信息。

3.6 工作計(jì)劃模版

工作計(jì)劃功能，公司通過制定項(xiàng)目任務(wù)，對(duì)員工設(shè)定任務(wù)安排，員工在應(yīng)用中為自己添加任務(wù)計(jì)劃，能夠及時(shí)查看自己的工作進(jìn)度及其進(jìn)度修改。企業(yè)員工接到公司所發(fā)布的任務(wù)之后，通過工作計(jì)劃功能面板為自身添加工作任務(wù)，通過本應(yīng)用可以查看員工自身的工作進(jìn)度，方便提醒員工。

通過本功能，員工減少了忘記上司所布置的任務(wù)，同時(shí)能夠查看員工的工作進(jìn)度，方便提醒員工任務(wù)，可以直接從應(yīng)用中看到自己的信息，從而提高了工作效率。

功能流程：?jiǎn)T工為自身添加工作任務(wù)-查看工作進(jìn)度-修改工作任務(wù)計(jì)劃。主要代碼如下：

public function index(){

$result = M('plan')->where("userid = '".$_SESSION['userid']."'")->order('id desc')->select();

foreach ($result as $key => $value) {

$result[$key]['starttime'] = date('m- d',strtotime($value['starttime']));

$result[$key]['overtime'] = date('m- d',strtotime($value['overtime']));

$arr = unserialize($value['insti-me']);

$type = 0;

foreach ($arr as $k => $v) {

$t = explode('@',$k);

if($t[0]=='O'){

$type = 1; }}

$result[$key]['ty'] = $type;}

$this->assign('data',$result);

$this->display("/myplan");}

4 測(cè)試

移動(dòng)辦公微應(yīng)用在正式發(fā)布上線前，需要進(jìn)行系統(tǒng)的功能測(cè)試。主要是我們工作室成員對(duì)功能進(jìn)行測(cè)試。首先用戶打開釘釘應(yīng)用，成為本工作室成員后，下次登錄即可免登，進(jìn)入我的應(yīng)用（即移動(dòng)辦公微應(yīng)用）；選擇“簽到“，可以獲取用戶當(dāng)前地理位置，進(jìn)行簽到；點(diǎn)擊廣播滾動(dòng)欄，可以查看公告；選擇“出差”、“請(qǐng)假”、“報(bào)銷”欄目可以進(jìn)行相應(yīng)業(yè)務(wù)的申請(qǐng)；點(diǎn)擊“我的審批”可以查看業(yè)務(wù)申請(qǐng)結(jié)果；選擇“預(yù)約會(huì)議室”可查看可預(yù)約會(huì)議室的情況，進(jìn)行預(yù)約；選擇“工作計(jì)劃” 可以添加任務(wù)計(jì)劃。具體的功能測(cè)試過程如圖3 所示。

5 結(jié)語(yǔ)

隨著智能終端的廣泛普及，使得越來越多的企業(yè)選擇使用移動(dòng)端進(jìn)行工作處理、業(yè)務(wù)交互、以加強(qiáng)內(nèi)部協(xié)作，提高生產(chǎn)，以及服務(wù)效率。針對(duì)于效率，本文基于移動(dòng)辦公微應(yīng)用，采用釘釘基礎(chǔ)IM能力+開放平臺(tái)+THINKPHP框架+MYSQL進(jìn)行開發(fā)，設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)移動(dòng)端[11-12]的辦公系統(tǒng)，提供了解決企業(yè)日常工作中請(qǐng)假，出差，報(bào)銷，簽到，會(huì)議預(yù)約，工作計(jì)劃等功能。極大的提高時(shí)間效率，使得企業(yè)在管理層上能夠降低員工成本，對(duì)此本應(yīng)用的開發(fā)為工作帶來方便。當(dāng)然，根據(jù)企業(yè)管理者和員工的使用情況，本應(yīng)用可以做進(jìn)一步的研究，開發(fā)更多適用于企業(yè)辦公應(yīng)用的功能。

(a)應(yīng)用界面 (b)地圖定位簽到 (c)地圖簽到記錄 (d)公告列表

(e)出差-請(qǐng)假-報(bào)銷功能 (f)出差-請(qǐng)假-報(bào)銷功詳細(xì)內(nèi)容

(g)出差-請(qǐng)假-報(bào)銷申請(qǐng)列表及審批結(jié)果 (h)預(yù)約會(huì)議室功能

(i)工作計(jì)劃功能模塊

圖3 移動(dòng)辦公微應(yīng)用功能測(cè)試

Fig.3 Mobile office micro application function test

[1] 張向祺. 基于微服務(wù)的企業(yè)移動(dòng)辦公平臺(tái)規(guī)劃設(shè)計(jì)[J]. 信息技術(shù)與標(biāo)準(zhǔn)化, 2016(3): 71-74.

[2] 熊雙武,周振剛, 陶斕. BPS工作流平臺(tái)在協(xié)同辦公系統(tǒng)中的應(yīng)用[J]. 軟件, 2013, 34(5): 81-82.

[3] 周貞妤. 基于RTX_騰訊通_的政府機(jī)關(guān)OA系統(tǒng)主動(dòng)協(xié)同功能的設(shè)計(jì)與實(shí)現(xiàn)[D]. 成都: 電子科技大學(xué)2014: 35-62.

[4] 郭敏智. 基于微信企業(yè)號(hào)的移動(dòng)辦公系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 北京: 北京交通大學(xué), 2015: 33-52.

[5] 孫彥釗, 王彪. 利用釘釘構(gòu)建高校輔導(dǎo)員工作網(wǎng)絡(luò)管理平臺(tái)的可行性探析[J]. 高教論壇, 2016(3):9-10.

[6] 陳曉溪. 專為中小企業(yè)打造的溝通協(xié)同多端平臺(tái)---阿里釘釘破解企業(yè)效率”痛點(diǎn)”[N]. 人民日?qǐng)?bào), 2016-01-06(13).

[7] 伍漢. 統(tǒng)一企業(yè)_釘釘徹底解決33000人上傳下達(dá)問題. 每日經(jīng)濟(jì)新聞[N], 2015-05-04(006).

[8] 張文勝, 陳宏. 基于ThinkPHP模型的敏捷WEB開發(fā)的應(yīng)用與實(shí)踐[J]. 軟件工程, 2016, 19(3): 45-48.

[9] 高飛翔. 基于ThinkPHP框架的移動(dòng)OA系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[D]. 吉林: 吉林大學(xué), 2016: 29-34.

[10] 基于OAuth 2. 0的委托授權(quán)架構(gòu)[J]. 計(jì)算機(jī)與現(xiàn)代化. 2016, 0(8): 105-108.

[11] 張潔雪. 中國(guó)移動(dòng)終端軟件質(zhì)量現(xiàn)狀淺析[J]. 軟件, 2014, 35(8): 110-115.

[12] 吳希龍, 崔毅東. 移動(dòng)端企業(yè)管理軟件的交互設(shè)計(jì)優(yōu)化[J]. 軟件, 2013, 34(12): 78-82.

Design and Implementation of Mobile Office Micro Application Based on Dingtalk.com

XU Yan

(Department of Information Engineering, Guangdong Polytechnic, Foshan Guangdong 528000, China)

This paper studies the design and implementation process of the micro mobile office applications, the system is based on Dingtalk.com platform, use the basic IM capability of Dingtalk.com + open platform + THINKPHP framework +MYSQL to develop, it compatible with IOS, Andriod and other mobile systems. The design is a platform focused on office applications, realizes the enterprise daily work leave, travel reimbursement, attendance, appointment scheduling, and work plan and other innovative features, taking into account the unique attributes of office applications, reflects the enterprise employee management features. A cooperative communication platform based on enterprise address book, to achieve 1-1, N-N communication and collaboration, timely delivery of informatio-n and timely delivery. Is suitable for the management and the communication between the enterprise and the staff, is a moving office micro application.

Mobile office; Micro application; Dingtalk.com; THINKPHP framework; API

TP399

A

10.3969/j.issn.1003-6970.2017.04.026

許燕(1982-)，女，廣東興寧，講師，碩士，主要研究方向?yàn)橐苿?dòng)應(yīng)用開發(fā)。

本文著錄格式：許燕. 基于釘釘?shù)囊苿?dòng)辦公微應(yīng)用的設(shè)計(jì)與實(shí)現(xiàn)[J]. 軟件，2017，38（4）：137-141