APICloud 平臺下的移動考勤管理App 設計與開發

熊 欣

（中國民用航空珠海進近管制中心，珠海 519015）

1 APICloud 跨平臺開發技術簡介

本項目中的App 基于APICloud 平臺開發，使用SuperWebView、端API 等方法，是開發過程更扁平化、效率更高效。

1.1 SuperWebView 技術完成App 快速迭代

SuperWebView 可免去繁瑣的Web 端和Native 端編譯與聯調工作，通過云端配置，為每個應用一鍵生成跨平臺專屬SDK，快速嵌入已有原生app 中，并且基于SuperWebView 衍生的子應用可以和原生App 一樣功能強大。

1.2 端API 實現“積木拼裝”式的開發跨平臺App

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

2 移動考勤管理App 的架構

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

圖1 系統結構和功能

系統結構和功能：

按照App 需求，分析出系統所需主要功能，再為每個功能設計相應的實現方法。主要的功能有：

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

升級服務：

根據需要的模塊，如系統通知發送等，配合使用APPId，寫入系統的config 文件，從而實現所需功能。

3 App 系統功能設計

3.1 用戶注冊和用戶登錄

使用api.setStorage 功能，使系統具備自動登錄的功能。退出app 后，下次打開app 自動登錄；登錄成功后，通過設置監聽事件api.addEventListener，將登錄狀態廣播出去，以便于實現登錄用戶可見內容，這樣就可以區別用戶和訪客的查看權限；使用api.ajax 將注冊登陸信息存儲在數據云上，可以使用微信實現第三方登錄。

3.2 考勤簽到、簽退功能

使用手機定位，只能在規定的地點和范圍內完成打卡；使用地圖模塊，指定地點和打卡范圍大小。實現步驟為：首先設置基礎地圖和方向傳感器；然后開啟手機定位功能；最后更改客戶端UI。

3.3 排班表功能

通過調用相冊，從App 應用后臺接口上傳排班表圖片，并使用html 代碼壓縮上傳的圖片，最后在App 上調用上傳的排班表圖片，實現排班表的在線查閱。

3.4 信息顯示功能

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

3.5 系統通知功能

本軟件可以使用發送提示短信，App 內部推送的方式發送系統通知。如采用App 內部推送的方式，用戶只需點擊彈出的提示信息，系統會自動打開App，并導航至相應的頁面，供用戶查看和使用。

4 結束語

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