楊沛沛 曹林潔 黃韻璇 鐘佩華 伍俏羲

摘要：能夠方便快捷的記錄日程，智能化的時(shí)間管理方式是現(xiàn)代人們所追求的。根據(jù)這一社會(huì)需求，設(shè)計(jì)了一款時(shí)間管理記事小程序——即刻。該小程序的設(shè)計(jì)理念是希望能夠?yàn)槭褂谜叩臅r(shí)間管理提供有效的幫助，為工作和生活提供了便利。小程序使用微信開(kāi)發(fā)者工具開(kāi)發(fā)，涵蓋了基礎(chǔ)功能，界面設(shè)計(jì)簡(jiǎn)約，操作便捷，在筆記和基礎(chǔ)上還附有計(jì)時(shí)功能，同時(shí)可以顯示用戶的任務(wù)完成量和完成率，讓用戶可以快速清晰地了解到自己任務(wù)進(jìn)度情況。

關(guān)鍵詞：微信小程序;日程記錄;時(shí)間管理;記事;JavaScript

中圖分類號(hào)：TP311? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2021）26-0082-04

開(kāi)放科學(xué)（資源服務(wù)）標(biāo)識(shí)碼（OSID）：

Design of Time Management and Note Keeping Program Based on Wechat Platform

YANG Pei-pei， CAO Lin-jie， HUANG Yun-xuan， ZHONG Pei-hua， WU Qiao-xi

（Xinhua College of Sun Yatsen University， Dongguan 523133， China ）

Abstract： Can quickly and easily record the schedule， intelligent time management is the modern people's pursuit. Based on this social need， a time management note-keeping program has been designed - instantly. The small program is designed to provide effective help for users' time management and facilitate work and life. Small program using WeChat developer tool design， covering the basic functions， interface design simple， easy to operate， in notes and on the basis of the timekeeping function， at the same time can show the user's task completion and completion rate， so that users can quickly and clearly understand their task progress.

1 背景

時(shí)間是一種無(wú)形的重要資源。隨著社會(huì)的發(fā)展，人們生存在這個(gè)高壓的時(shí)代，更需要懂得時(shí)間管理，而拖延是當(dāng)今社會(huì)人們一種普遍存在的行為，并且許多人無(wú)法合理高效地進(jìn)行時(shí)間規(guī)劃。

如今，科技社會(huì)在高速發(fā)展，各種高新技術(shù)不斷涌現(xiàn)，隨著智能手機(jī)的普及，人們不僅需要進(jìn)行時(shí)間管理，而且日常生活中常常需要快速高效的記錄許多信息，這通過(guò)使用手機(jī)應(yīng)用來(lái)進(jìn)行這一切是一個(gè)方便快捷的方式[1]。目前市場(chǎng)上開(kāi)發(fā)的此類應(yīng)用軟件可以簡(jiǎn)稱為時(shí)間管理工具，例：印象筆記、螞蟻待辦、番茄鬧鐘、滴答清單等[2]。

通過(guò)研究各類產(chǎn)品，了解了相關(guān)資料后，以高效辦公、簡(jiǎn)易便捷為設(shè)計(jì)和開(kāi)發(fā)的基本理念，以“行勝于知，即刻實(shí)行”為設(shè)計(jì)理念，以微信小程序作為運(yùn)行主體設(shè)計(jì)一款時(shí)間管理小程序。該小程序是一個(gè)滿足任務(wù)規(guī)劃，記錄筆記，項(xiàng)目計(jì)時(shí)的應(yīng)用，具有一定的創(chuàng)新性和應(yīng)用價(jià)值，可以幫助人們高效辦公，為人們的工作生活提供了便利[3]。

2 總體設(shè)計(jì)

2.1 架構(gòu)設(shè)計(jì)

小程序的架構(gòu)設(shè)計(jì)主要分為視圖層View還有邏輯層App Service?？蚣艿囊晥D層由 WXML 與 WXSS編寫(xiě)，由組件來(lái)進(jìn)行展示。視圖層將邏輯層的數(shù)據(jù)反映成視圖，同時(shí)將視圖層的事件發(fā)送給邏輯層。WXML（WeiXin Markup language） 用于描述頁(yè)面的結(jié)構(gòu)。WXS（WeiXin Script） 是小程序的一套腳本語(yǔ)言，結(jié)合wxml，可以構(gòu)建出頁(yè)面的結(jié)構(gòu)，WXSS（WeiXin Style Sheet） 用于描述頁(yè)面的樣式，組件（Component）是視圖的基本組成單元[4]。在視圖層，宿主環(huán)境會(huì)把wxml轉(zhuǎn)化成對(duì)應(yīng)的js對(duì)象，在邏輯層發(fā)生數(shù)據(jù)變更時(shí)，通過(guò)宿主環(huán)境提供的setData方法把數(shù)據(jù)從邏輯層傳遞到視圖層，渲染出正確的UI界面[5]。在本小程序開(kāi)發(fā)框架下，邏輯層由JavaScript編寫(xiě)。邏輯層將數(shù)據(jù)進(jìn)行處理后發(fā)送給視圖層，同時(shí)接受視圖層的事件反饋。邏輯層提供模塊化能力，使得每個(gè)頁(yè)面有獨(dú)立的作用域[6]。它使用webview加載業(yè)務(wù)邏輯層的代碼，雙線程通過(guò)native，開(kāi)發(fā)者工具通過(guò)后臺(tái)websocke，服務(wù)充當(dāng)二者消息中轉(zhuǎn)媒介，并且提供一些基礎(chǔ)功能。

2.2 功能設(shè)計(jì)

2.2.1 登錄模塊

登錄模塊可以使用微信授權(quán)登錄。用戶進(jìn)入即刻小程序頁(yè)面，點(diǎn)擊“點(diǎn)擊授權(quán)”獲取用戶信息登錄進(jìn)入啟動(dòng)頁(yè)，點(diǎn)擊“立即進(jìn)入”跳轉(zhuǎn)進(jìn)入小程序。頁(yè)面采用“行勝于知，即刻實(shí)行”為導(dǎo)語(yǔ)，意在時(shí)刻提醒用戶要知行合一，真正的行動(dòng)才是提高效率最好的辦法。

2.2.2 任務(wù)管理模塊

任務(wù)管理模塊包括新建任務(wù)、編輯任務(wù)、刪除任務(wù)以及標(biāo)記任務(wù)完成。用戶可以在頁(yè)面點(diǎn)擊“+”建立一個(gè)新的任務(wù)，設(shè)置任務(wù)名、添加描述，還可以設(shè)置任務(wù)優(yōu)先級(jí)以及日期。添加成功后將在清單列表進(jìn)行相應(yīng)任務(wù)優(yōu)先級(jí)進(jìn)行排序，紅色代表最緊急，其次是黃色，接著是藍(lán)色，最后是灰色。用戶可以點(diǎn)擊任務(wù)標(biāo)題進(jìn)行任務(wù)編輯，對(duì)原有的任務(wù)文本進(jìn)行修改，新的文本內(nèi)容代替舊的文本內(nèi)容顯示。用戶長(zhǎng)按任務(wù)框進(jìn)行刪除任務(wù)。用戶可以點(diǎn)擊任務(wù)標(biāo)題前面的toggle單選框，標(biāo)記完成任務(wù)。該模塊會(huì)顯示進(jìn)行中任務(wù)以及已完成任務(wù)，用戶可以有效管理清單內(nèi)容。