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

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

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

關鍵詞：微信小程序;日程記錄;時間管理;記事;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 背景

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

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

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

2 總體設計

2.1 架構設計

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

2.2 功能設計

2.2.1 登錄模塊

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

2.2.2 任務管理模塊

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