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

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

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

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

中圖分類號：TP311? ? ? 文獻標識碼：A

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

開放科學（資源服務）標識碼（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ā)展，人們生存在這個高壓的時代，更需要懂得時間管理，而拖延是當今社會人們一種普遍存在的行為，并且許多人無法合理高效地進行時間規(guī)劃。

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

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

2 總體設計

2.1 架構(gòu)設計

小程序的架構(gòu)設計主要分為視圖層View還有邏輯層App Service?？蚣艿囊晥D層由 WXML 與 WXSS編寫，由組件來進行展示。視圖層將邏輯層的數(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)化成對應的js對象，在邏輯層發(fā)生數(shù)據(jù)變更時，通過宿主環(huán)境提供的setData方法把數(shù)據(jù)從邏輯層傳遞到視圖層，渲染出正確的UI界面[5]。在本小程序開發(fā)框架下，邏輯層由JavaScript編寫。邏輯層將數(shù)據(jù)進行處理后發(fā)送給視圖層，同時接受視圖層的事件反饋。邏輯層提供模塊化能力，使得每個頁面有獨立的作用域[6]。它使用webview加載業(yè)務邏輯層的代碼，雙線程通過native，開發(fā)者工具通過后臺websocke，服務充當二者消息中轉(zhuǎn)媒介，并且提供一些基礎功能。

2.2 功能設計

2.2.1 登錄模塊

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

2.2.2 任務管理模塊

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