APICloud 平臺(tái)下的移動(dòng)考勤管理App 設(shè)計(jì)與開發(fā)

熊 欣

（中國民用航空珠海進(jìn)近管制中心，珠海 519015）

1 APICloud 跨平臺(tái)開發(fā)技術(shù)簡介

本項(xiàng)目中的App 基于APICloud 平臺(tái)開發(fā)，使用SuperWebView、端API 等方法，是開發(fā)過程更扁平化、效率更高效。

1.1 SuperWebView 技術(shù)完成App 快速迭代

SuperWebView 可免去繁瑣的Web 端和Native 端編譯與聯(lián)調(diào)工作，通過云端配置，為每個(gè)應(yīng)用一鍵生成跨平臺(tái)專屬SDK，快速嵌入已有原生app 中，并且基于SuperWebView 衍生的子應(yīng)用可以和原生App 一樣功能強(qiáng)大。

1.2 端API 實(shí)現(xiàn)“積木拼裝”式的開發(fā)跨平臺(tái)App

APICloud 是“云端一體”的移動(dòng)應(yīng)用云服務(wù)提供商。APICloud 信仰“云端一體”的理念，重新定義了移動(dòng)應(yīng)用開發(fā)。APICloud 為開發(fā)者從“云”和“端”兩個(gè)方向提供API，簡化移動(dòng)應(yīng)用開發(fā)技術(shù)，讓移動(dòng)應(yīng)用的開發(fā)周期從一個(gè)月縮短到7天。APICloud 由“云API”和“端API”兩部分組成，可以幫助開發(fā)者快速實(shí)現(xiàn)移動(dòng)應(yīng)用的開發(fā)、測試、發(fā)布、管理和運(yùn)營的全生命周期管理。一套代碼同時(shí)調(diào)用iOS 和Android 兩個(gè)平臺(tái)的模塊，從而實(shí)現(xiàn)“積木拼裝”式的原生應(yīng)用開發(fā)；支持多人協(xié)作開發(fā)、一鍵多終端調(diào)試等服務(wù)。

2 移動(dòng)考勤管理App 的架構(gòu)

根據(jù)使用需求，系統(tǒng)需要用戶注冊和登錄功能，考勤簽到、簽退功能，考勤信息功能，考勤加班信息功能，系統(tǒng)通知等功能。

圖1 系統(tǒng)結(jié)構(gòu)和功能

系統(tǒng)結(jié)構(gòu)和功能：

按照App 需求，分析出系統(tǒng)所需主要功能，再為每個(gè)功能設(shè)計(jì)相應(yīng)的實(shí)現(xiàn)方法。主要的功能有：

（1）用戶注冊和用戶登錄功能，含第三方（如微信）登錄模式。（2）自動(dòng)記錄登錄狀態(tài)，信息寫入本地緩存，下次打開App時(shí)可自動(dòng)登錄。（3）考勤簽到、簽退功能，需使用手機(jī)的定位功能，結(jié)合地圖模塊使用。（4）考勤信息功能，實(shí)現(xiàn)考勤的四種狀態(tài)的信息列表展示。（5）通過圖表的方式，展示所需要展示人員的考勤、加班等信息。（6）排班顯示功能，采用手機(jī)拍照或相冊功能上傳排班表并顯示。（7）加班人員和時(shí)長的統(tǒng)計(jì)和顯示。（8）系統(tǒng)通知功能，發(fā)送系統(tǒng)通知消息至用戶App。

升級服務(wù)：

根據(jù)需要的模塊，如系統(tǒng)通知發(fā)送等，配合使用APPId，寫入系統(tǒng)的config 文件，從而實(shí)現(xiàn)所需功能。

3 App 系統(tǒng)功能設(shè)計(jì)

3.1 用戶注冊和用戶登錄

使用api.setStorage 功能，使系統(tǒng)具備自動(dòng)登錄的功能。退出app 后，下次打開app 自動(dòng)登錄；登錄成功后，通過設(shè)置監(jiān)聽事件api.addEventListener，將登錄狀態(tài)廣播出去，以便于實(shí)現(xiàn)登錄用戶可見內(nèi)容，這樣就可以區(qū)別用戶和訪客的查看權(quán)限；使用api.ajax 將注冊登陸信息存儲(chǔ)在數(shù)據(jù)云上，可以使用微信實(shí)現(xiàn)第三方登錄。

3.2 考勤簽到、簽退功能

使用手機(jī)定位，只能在規(guī)定的地點(diǎn)和范圍內(nèi)完成打卡；使用地圖模塊，指定地點(diǎn)和打卡范圍大小。實(shí)現(xiàn)步驟為：首先設(shè)置基礎(chǔ)地圖和方向傳感器；然后開啟手機(jī)定位功能；最后更改客戶端UI。

3.3 排班表功能

通過調(diào)用相冊，從App 應(yīng)用后臺(tái)接口上傳排班表圖片，并使用html 代碼壓縮上傳的圖片，最后在App 上調(diào)用上傳的排班表圖片，實(shí)現(xiàn)排班表的在線查閱。

3.4 信息顯示功能

以圖表的形式，展示指定時(shí)間內(nèi)的考勤信息的統(tǒng)計(jì)，如查詢某人在某月的值班天數(shù)和總時(shí)長。同時(shí)，可以根據(jù)需求生成一段時(shí)間內(nèi)考勤信息統(tǒng)計(jì)的表格，方便用戶查看和下載。此外系統(tǒng)還可以統(tǒng)計(jì)所有員工請假和遲到早退的記錄，在超過規(guī)定次數(shù)和時(shí)間時(shí)，以高亮方式提示管理員。

3.5 系統(tǒng)通知功能

本軟件可以使用發(fā)送提示短信，App 內(nèi)部推送的方式發(fā)送系統(tǒng)通知。如采用App 內(nèi)部推送的方式，用戶只需點(diǎn)擊彈出的提示信息，系統(tǒng)會(huì)自動(dòng)打開App，并導(dǎo)航至相應(yīng)的頁面，供用戶查看和使用。

4 結(jié)束語

APICloud 是一個(gè)低代碼開發(fā)平臺(tái)，是一個(gè)跨平臺(tái)開發(fā)框架，該框架使開發(fā)人員不再需要花費(fèi)大量精力在不同平臺(tái)（Android、IOS、Windows 等）上編寫相同功能的代碼，從而大大降低了開發(fā)成本，提高了開發(fā)效率。本App 使用APICloud 開發(fā)環(huán)境，使用HTML5、CSS、JavaScript 等編程語言編寫前臺(tái)界面、實(shí)現(xiàn)前后臺(tái)數(shù)據(jù)交互、在后臺(tái)完成數(shù)據(jù)的存儲(chǔ)和調(diào)用，從而實(shí)現(xiàn)移動(dòng)考勤、排班休假、加班管理的查詢和修改功能。