基于釘釘的移動辦公微應用的設計與實現

許 燕

?

基于釘釘的移動辦公微應用的設計與實現

許 燕

（廣東職業技術學院信息工程系，廣東佛山 528000）

研究了移動辦公微應用的設計與實現過程，該系統是在阿里釘釘平臺下，采用釘釘基礎IM能力+開放平臺+ THINKPHP框架+MYSQL進行開發，同時兼容ios、andriod等多種移動系統的應用。該設計是一個專注于辦公應用的平臺，實現了企業日常工作中的請假，出差，報銷，簽到，會議預約，同時還有工作計劃等創新功能，充分兼顧了辦公應用的特有屬性，又體現了企業對員工管理的特點。是一個基于企業通訊錄的協作溝通平臺，能夠實現1-1，N-N的溝通與協作，信息的及時傳遞和及時送達，適用于企業與員工之間的管理與溝通，是一個行走的辦公微應用。

移動辦公；微應用；釘釘；THINKPHP框架；API

0 引言

現如今互聯網發展的速度飛快驚人，對于一些可人工操控的工作已經大部分都用應用程序來替代，這可體現對于如今這個時代工作效率對于每一個公司有巨大的價值。目前，無論是央企、國企、還是私企，移動辦公越來越受到企業領導和管理人員的重視，因為它不僅給予用戶提供便捷，而且大大提高了工作效率。而在2015年的5月份阿里釘釘正式推出了它們針對企業的移動辦公的平臺。它的推出掀起了巨浪，目前超過40萬以上的企業在用，包括阿里集團和微軟等大企業。基于移動互聯，只要手機聯網，走到哪里都能處理工作，這已經成為企業信息化的發展趨勢。不斷的建立手機端的管理應用，是企業信息化高效運作的一個重要舉措! 針對于效率，團隊開發出基于阿里釘釘的一款適合企業使用的App---移動微辦公應用，來解決企業日常工作中請假，出差，報銷，簽到，會議預約，工作計劃。極大的提高時間效率，使得企業在管理層上能夠降低員工成本，對此本應用為工作帶來方便而開發！

1 移動辦公微應用開發相關技術

1.1 微應用開發模式分析

早期開發的辦公系統[1-2]大部分都是基于PC端的應用，就是通過電腦的方式來進行使用的，那如何將這些PC端的應用移動化，并且能夠實現高效的移動辦公以及跨組織的協作溝通呢？在這個基礎訴求之下，我們考察兩種開發模式：1、基于阿里釘釘開放平臺上進行開發；2、開發的OA系統[3]與微信企業號[4]對接。釘釘的定位是集體的個性，以集體利益價值最大化為目標，滿足人性化的管理，所以釘釘和微信是在兩個不同層面上跑步，微信會在個人市場越來越成功。可以說：釘釘，是一個工作方式（2B）；微信，是一個生活方式（2C）。考慮適用性問題，采用方式一，進行基于阿里釘釘的移動辦公微應用開發。

1.2 微應用開發框架的選擇

本文移動辦公微應用的定位是面向Android系統和IOS系統的移動終端，為了實現移動應用的跨平臺適配，選用了跨平臺混合應用開發模式。基于釘釘開放[5-7]的接口，第三方開發者可以為不同企業客戶，提供多樣且個性化的產品和服務，圖書管理、培訓管理、車輛管理、資產管理、文檔管理等等。因為不同行業辦公系統不同，所以接口有所不同。

本應用采用釘釘基礎IM能力+開放平臺+ THINKPHP框架+MYSQL進行開發：

THINKPHP[8-9]框架：主要實現后臺數據交互，通過前端發送的請求來返回數據，展示內容；

MYSQL：存儲一系列相關的表數據，通過前端的請求，THINKPHP進行連接數據庫來獲取數據的來源；

JAVASCRIPT：前端腳本，通過界面監聽時間，對每一個事件執行處理；

HTML5+CSS3：前端布局語言，主要實現界面布局；

API接口：通過接入釘釘開發平臺API，實現功能。

2 移動辦公微應用的設計

2.1 總體設計

只要所做的應用是可以在手機上訪問的H5頁面就可以通過釘釘本身的應用管理接口把它接入進去，并且在這邊也提供了OAuth2.0[10]接口，通過這個可以自動獲取到它的身份信息，避免用戶進行重復的登錄，像我們之前登錄到PC端都需要輸入賬號和密碼，現在只要登錄了釘釘就可以訪問各種應用不需要再輸入賬號和密碼了。因為用戶注冊的時候是基于手機號的，所以說所有的組織用戶的同步都是以手機為用戶的唯一標準。然后將開發的企業日常工作中請假，出差，報銷，簽到，會議預約，工作計劃等功能模塊接入進去，當然這些可能表面上看只是一個鏈接，因為通過這個鏈接會自動獲取識別身份的信息進行登錄。

在界面設計方面遵循了Android 和 IOS頁面設計和交互規范上的統一以及界面元素間隔的控制，使得app界面給人簡潔整齊。應用設計與流程如圖1所示。

2.2 功能設計

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

3 功能實現

3.1 簽到功能

簽到模塊，主要是提供給企業員工日常上班進行簽到的業務操作，極大降低HR管理人員的工作量。調用高德地圖api實現企業員工進行地圖定位簽到。

簽到功能流程：員工簽到-進入地圖-確定簽到-記錄簽到位置。

圖1 應用設計與流程

圖2 功能模塊框架

3.2 公告管理功能

公告功能，企業管理者通過這個功能可以發布信息，員工只需要在應用就可以查看信息。發送公告時，調用了阿里釘釘“釘”一下功能，可以提醒員工查看公告。

公告功能流程：企業管理者發布公告-應用提示員工有新公告-員工查看公告。

3.3 出差-請假-報銷功能模版

出差-請假-報銷功能模版，性質相似，同時對應管理者的審批模塊。當員工有請假-出差-報銷的時候，員工可在該功能面板上對上司發送請求，填寫相關資料，并上傳圖片資料；上司可通過該應用功能，方便對員工進行審批，大大增加效率。

功能流程圖：員工發送出差-請假-報銷請求----上級審批功能審批同意----審批通過。

3.4 審批管理模塊

應用為企業員工提供了審批在線提交的功能，方便企業員工日常的審批提交，提高了工作效率。關聯功能：請假、報銷、出差。

審批流程：員工填寫審批所需要的項目-提交到管理員-管理員查看并且對內容進行審核-反饋的信息為“通過/不通過”，同時對審核進行留言。

3.5 預約會議室模塊管理

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

預約會議室流程：員工提交會議室預約申請-管理員審核并反饋信息。

3.6 工作計劃模版

工作計劃功能，公司通過制定項目任務，對員工設定任務安排，員工在應用中為自己添加任務計劃，能夠及時查看自己的工作進度及其進度修改。企業員工接到公司所發布的任務之后，通過工作計劃功能面板為自身添加工作任務，通過本應用可以查看員工自身的工作進度，方便提醒員工。

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

功能流程：員工為自身添加工作任務-查看工作進度-修改工作任務計劃。主要代碼如下：

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 測試

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

5 結語

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

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

(e)出差-請假-報銷功能 (f)出差-請假-報銷功詳細內容

(g)出差-請假-報銷申請列表及審批結果 (h)預約會議室功能

(i)工作計劃功能模塊

圖3 移動辦公微應用功能測試

Fig.3 Mobile office micro application function test

[1] 張向祺. 基于微服務的企業移動辦公平臺規劃設計[J]. 信息技術與標準化, 2016(3): 71-74.

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

[3] 周貞妤. 基于RTX_騰訊通_的政府機關OA系統主動協同功能的設計與實現[D]. 成都: 電子科技大學2014: 35-62.

[4] 郭敏智. 基于微信企業號的移動辦公系統的設計與實現[D]. 北京: 北京交通大學, 2015: 33-52.

[5] 孫彥釗, 王彪. 利用釘釘構建高校輔導員工作網絡管理平臺的可行性探析[J]. 高教論壇, 2016(3):9-10.

[6] 陳曉溪. 專為中小企業打造的溝通協同多端平臺---阿里釘釘破解企業效率”痛點”[N]. 人民日報, 2016-01-06(13).

[7] 伍漢. 統一企業_釘釘徹底解決33000人上傳下達問題. 每日經濟新聞[N], 2015-05-04(006).

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

[9] 高飛翔. 基于ThinkPHP框架的移動OA系統的設計與實現[D]. 吉林: 吉林大學, 2016: 29-34.

[10] 基于OAuth 2. 0的委托授權架構[J]. 計算機與現代化. 2016, 0(8): 105-108.

[11] 張潔雪. 中國移動終端軟件質量現狀淺析[J]. 軟件, 2014, 35(8): 110-115.

[12] 吳希龍, 崔毅東. 移動端企業管理軟件的交互設計優化[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-)，女，廣東興寧，講師，碩士，主要研究方向為移動應用開發。

本文著錄格式：許燕. 基于釘釘的移動辦公微應用的設計與實現[J]. 軟件，2017，38（4）：137-141