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

2017年软件2017,Vol.38,No.4第38卷第4期COMPUTERENGINEERING&SOFTWARE国际IT传媒品牌设讨研尧与启用基于钉钉的移动办公微应用的设计与实现许燕(广东职业技术学院信息工程系，广东佛山528000)摘要：研究了移动办公微应用的设计与实现过程，该系统是在阿里钉钉平台下，采用钉钉基础IM能力+开放平台+THINKPHP框架+MYSQL进行开发，同时兼容ios、andriod等多种移动系统的应用。该设计是一个专注于办公应用的平台，实现了企业日常工作中的请假，出差，报销，签到，会议预约，同时还有工作计划等创新功能，充分兼顾了办公应用的特有属性，又体现了企业对员工管理的特点。是一个基于企业通讯录的协作沟通平台，能够实现1-1，N-N的沟通与协作，信息的及时传递和及时送达，适用于企业与员工之间的管理与沟通，是一个行走的办公微应用。关键词：移动办公；微应用；钉钉；THINKPHP框架；API中图分类号：TP399文献标识码：ADOI:10.3969/j.issn.l003-6970.2017.04.026本文著录格式：许燕.基于钉钉的移动办公微应用的设计与实现[J].软件，2017,38(4):137-141DesignandImplementationofMobileOfficeMicroApplicationBasedonDingtalk.comXUYan(DepartmentofInformationEngineering,GuangdongPolytechnic,FoshanGuangdong528000,China)[Abstmct]:Thispaperslxidiesthedesignandimplementationprocessofthemicromobileofficeapplications,thesystemisbasedonDingtalk.complatform,usethebasicIMcapabilityofDingtalk.com+openplatform+THINKPHPframework+MYSQLtodevelop，itcompatiblewithIOS,Andriodandothermobilesystems.Thedesignisaplat-formfocusedonofficeapplications,realizestheenterprisedailyworkleave,travelreimbursement,attendance,ap­pointmentscheduling,andworkplanandotherinnovativefeatures,takingintoaccounttheuniqueattributesofof­ficeapplications,reflectstheenterpriseemployeemanagementfeatures.Acooperativecommunicationplatformbasedonenterpriseaddressbook,toachieve1-1,N-Ncommunicationandcollaboration,timelydeliveryofinfor­mationandtimelydelivery.Issuitableforthemanagementandthecommunicationbetweentheenterpriseandthestaff,isamovingofficemicroapplication.【Keywords】：Mobileoffice;Microapplication;Dingtalk.com;THINKPHPframework;API0引言现如今互联网发展的速度飞快惊人，对于一些可人工操控的工作已经大部分都用应用程序来替代，这可体现对于如今这个时代工作效率对于每一个公司有巨大的价值。目前，无论是央企、国企、还是私企，移动办公越来越受到企业领导和管理人员的重视，因为它不仅给予用户提供便捷，而且大大提高了工作效率。而在2015年的5月份阿里钉钉正式推出了它们针对企业的移动办公的平台。它的推出掀起了巨浪，目前超过40万以上的企业在用，包括阿里集团和微软等大企业。基于移动互联，只要手机联网，走到哪里都能处理工作，这已经成为企业信息化的发展趋势。不断的建立手机端的管理应用，是企业信息化高效运作的一个重要举措！针对于效率，团队开发出基于阿里钉钉的一款适合企业使用的Aro…移动微办公应用，来解决企业日常工作中请假，出差，报销，签到，会议预约，工作计划。极大的提高时间效率，使得企业在管理层上能够降低员工成本，对此本应用为工作带来方便而开发！1移动办公微应用开发相关技术1.1微应用开发模式分析早期开发的办公系统[1_2]大部分都是基于PC端的应用，就是通过电脑的方式来进行使用的，那如何将这些PC端的应用移动化，并且能够实现髙效作者简介：许燕(1982-)，女，广东兴宁，讲师，硕士，主要研究方向为移动应用开发。第38卷第4期软件的移动办公以及跨组织的协作沟通呢？在这个基础诉求之下，我们考察两种开发模式：1、基于阿里钉钉开放平台上进行开发；2、开发的0A系统[3]与微信企业号对接。钉钉的定位是集体的个性，以集体利益价值最大化为目标，满足人性化的管理，所以钉钉和微信是在两个不同层面上跑步，微信会在个人市场越来越成功。可以说：钉钉，是一个工作方式（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[1()]接口，通过这个可以自动获取到它的身份信息，避免用户进行重复的登录，像我们之前登录到PC端都需要输入账号和密码，现在只要登录了钉钉就可以访问各种应用不需要再输入账号和密码了。因为用户注册的时候是基于手机号的，所以说所有的组织用户的同步都是以手机为用户的唯一标准。然后将开发的企业曰常工作中请假，出差，报销，签到，会议预约，工作计划等功能模块接入进去，当然这些可能表面上看只是一个链接，因为通过这个链接会自动获取识别身份的信息进行登录。在界面设计方面遵循了Android和IOS页面设计和交互规范上的统一以及界面元素间隔的控制，使得aPP界面给人简洁整齐。应用设计与流程如图1所示。2.2功能设计功能模块框架如图2所示。3功能实现3.1签到功能签到模块，主要是提供给企业员工日常上班进行签到的业务操作，极大降低HR管理人员的工作量。调用高德地图api实现企业员工进行地图定位签到。签到功能流程：员工签到-进入地图-确定签到-记录签到位置。ajax授权获得接口实现功能htrril5css3jayascdpt.lmiery实现页菌布局#效桌翻使用誠请求调用接口钉钉jsaoiticketE前端Bhtml模扳内嵌如.0实现显示数据■后台THINKPHP框架每个控制器处理相对应的功能模块MYSQL数据库读写数据Fig.l图1应用设计与流程Applicationdesignandprocess《软件》杂志欢迎推荐投稿ic〇[e-mail]138许燕：基于钉钉的移动办公微应用的册与实现前端员@交_输出所__后台处理后读写数据库数据库根据相应的请求返回数据公告公告控制器签到签到控制器工作i调通过请求实3]^力能工作计划控制器审核审核控制器预约会议室预约控制器出差授权调用API出差控制器报销报销控制器请假请假控制器一包含与之对应功能的function处理图2功能横块框架Fig.2Functionalmoduleframework3.2公告管理功能公告功能，企业管理者通过这个功能可以发布信息，员工只需要在应用就可以査看信息。发送公告时，调用了阿里钉钉“钉”一下功能，可以提醒员工査看公告。公告功能流程：企业管理者发布公告-应用提示员工有新公告-员工査看公告。3.3出差-请假-报销功能模版出差-请假-报销功能模版，性质相似，同时对应管理者的审批模块。当员工有请假-出差-报销的时候，员工可在该功能面板上对上司发送请求，填写相关资料，并上传图片资料；上司可通过该应用功能，方便对员工进行审批，大大増加效率。功能流程图：员工发送出差-请假-报销请求——上级审批功能审批同意-…审批通过。3.4审批管理模块3.6工作计划模版工作计划功能，公司通过制定项目任务，对员工设定任务安排，员工在应用中为自己添加任务计划，能够及时査看自己的工作进度及其进度修改。企业员工接到公司所发布的任务之后，通过工作计划功能面板为自身添加工作任务，通过本应用可以査看员工自身的工作进度，方便提醒员工。通过本功能，员工减少了忘记上司所布置的任务，同时能够査看员工的工作进度，方便提醒员工任务，可以直接从应用中看到自己的信息，从而提髙了工作效率。功能流程：员工为自身添加工作任务-査看工作进度-修改工作任务计划。主要代码如下：publicfunctioniadex(){$result=M('plan')-where(userid=,,,.$_SESSION['userid,].,,,,')-orderCiddesc,)-select〇;foreach(Sresultas$key=$value){SresulttSkeyjt'starttime']=date('m-d'strtotime^value[’starttime’]));$result[$key]['overtime,]=date〇m-d_，strtotime($value[’overtime']));$arr=unserialize($value['uistime']);$type=0;foreach($arras$k=$v){$t=explode('@',$k);if($t[o]='cy){$type=1;}}$result[$key]['ty’]=$type;}$this-assiga('data',Sresult);$this-display(/myplan);}应用为企业员工提供了审批在线提交的功能，方便企业员工日常的审批提交，提高了工作效率。关联功能：请假、报销、出差。审批流程：员工填写审批所需要的项目-提交到管理员-管理员查看并且对内容进行审核-反馈的信息为“通过/不通过”，同时对审核进行留言。3.5预约会议室模块管理预约会议室功能（此功能只能预约隔天的会议室），预约者通过应用选择时间段进行预约，通过审核才可以在预约的时间段使用对应的会议室。企业员工接到开会通知后需要预约会议室，通过本应用可以通过时间查看哪一间会议室没有被使用，从而对其进行预约。员工少了到各个会议室负责人那里查看会议室预约情况的麻烦，而是可以直接从应用中看到自己需要的信息，从而提髙了工作效率。预约会议室流程：员工提交会议室预约申请-管理员审核并反馈信息。4测试移动办公微应用在正式发布上线前，需要进行系统