基于微信平臺的時間管理記事小程序設(shè)計

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

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

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

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

文章編號：1009-3044（2021）26-0082-04

開放科學(xué)（資源服務(wù)）標(biāo)識碼（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 背景

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

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

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

2 總體設(shè)計

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

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

2.2 功能設(shè)計

2.2.1 登錄模塊

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

2.2.2 任務(wù)管理模塊

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