基于钉钉的移动办公微应用的设计与实现

许 燕



基于钉钉的移动办公微应用的设计与实现

许 燕

（广东职业技术学院信息工程系，广东佛山 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