其他分享
首页 > 其他分享> > 第九小组 习惯打卡“Ondo”软工项目开发 Week04：设计文档

第九小组 习惯打卡“Ondo”软工项目开发 Week04：设计文档

作者：互联网

零.历次开发周记录(链接)

　博客园链接：

         week01:https://www.cnblogs.com/lnger/p/15578265.html

         week02:https://www.cnblogs.com/lnger/p/15622951.html

         week03:https://www.cnblogs.com/lnger/p/15705640.html

　     week04:https://www.cnblogs.com/lnger/p/15734975.html

　微信小程序github代码：

         https://github.com/lnger/Wechat

一.成员介绍

学号 姓名 成员开发部分
31901004 刘馥娴 用户界面 统计界面
31901006
 徐琳叶
 计时界面
31901003 林佳颖 打卡界面 习惯管理界面
31901005 魏群 习惯列表界面

二.开发工具

前端工具 微信开发者平台
后端工具 微信云开发
代码实现 JavaScript、wxml等

三.项目背景

        现代社会对于习惯的养成观念逐渐削弱，人们生活规律开始碎片化，渐渐失去了整体管理时间的能力。

        本项目将基于此社会现象，设计一款名为“Ondo”的程序，在对习惯管理、打卡和提醒中，通过简单的界面及操作，实现人们对于优良习惯的养成。

四.设计图例

思维导图

ER图

数据流图

五.功能介绍

        1.用户可通过点击添加一个想要养成的新习惯，在添加习惯时要求用户完成对该习惯基础信息的编辑；

        2.同时用户可通过点击，选择已经完成添加的习惯进行修改，包括删除习惯、结束习惯、编辑习惯以及获得统计数据。（其中删除习惯后该习惯记录将不在个人中心显示）

        3.结束习惯后该习惯记录将在个人中心留有记录，编辑习惯可对习惯信息进行修改，包括但不限于对打卡时间、打卡次数、习惯名称的设置和修改，

六.原型展示

1.增删改习惯

①新增习惯                                   ②修改习惯                                   ③删除习惯

                     

2.新增打卡(一个带日志、一个不带日志)            3.新增计时(一个带习惯、一个不带习惯)

                                     

4.添加新的独立日志                        5.查看统计

                

七.模块详细分析

1.主界面(当日待打卡)：

该界面共有两大功能：打卡管理和习惯添加。

1.打卡管理：

①进行当天的习惯打卡，并可以添加相应的日志

　　进行习惯打卡：点击习惯，会出现打卡界面。可以输入相应的日志，点击完成，对应习惯图标会改变颜色，表示习惯打卡成功，对应打卡天数会加一；如果想取消打卡，则点击失败，对应习惯图标又会恢复原来颜色，表示取消打卡，对应打卡天数减一。

②显示用户的所有习惯和已打卡天数。

2.习惯添加：

　　点击右上角的加号，会跳转到添加习惯的习惯库界面，用户可以点击习惯进行添加。

2.习惯管理：

该部分分为两个模块：习惯列表和习惯添加。

习惯列表模块中包括习惯列表界面和习惯编辑界面，可实现已存在习惯的管理；习惯添加模块中包括习惯库界面和习惯编辑界面，可实现新习惯的自定义添加。

习惯列表界面：

功能

具体介绍

操作

列表展示

将在该界面展示当前用户所有目前正在进行中的习惯以及具体细节，包括习惯名称、习惯图标、打卡天数。

/

习惯统计查看

查看打卡记录统计

点击具体习惯可跳转查看打卡记录统计

列表展开

实现对除添加习惯以外的已添加习惯进行收起和展开操作。

点击全部正右侧收起按键，实现习惯的收起

添加习惯

提供两处按键实现界面跳转，用于用户添加新习惯。

/

结束习惯

具体习惯左滑显示该按键，实现目标习惯的结束，和删除习惯不同，结束习惯实现在习惯列表界面、主打卡界面以及计时的习惯选择列表删除习惯但不删除该习惯的打卡数据等历史纪律

 

 

具体习惯左滑显示“删除”、“结束”、“编辑”按键。点击进入对应操作。

删除习惯

具体习惯左滑显示该按键，实现习惯的删除，和结束习惯的不同在于删除习惯在结束习惯的基础上删除了该习惯的所有记录，即对于习惯唯一id进行全局变量的删除

编辑习惯

具体习惯左滑实现该按键，实现习惯的编辑。点击跳转编辑界面。

习惯库界面：

功能

具体介绍

操作

载入习惯库

用户可以选择添加习惯库中已有的习惯，也可选择自定义一个习惯

点击习惯列表界面的右上角加号，跳转至习惯库界面，在习惯库中选择其一即可进入自定义编辑新习惯

习惯编辑界面：

功能

具体操作

修改习惯名称

用户可在“给习惯命名”下方输入框修改习惯名称，习惯名称仅在用户点击“确认”按键之后才会保存用户所做出的修改

修改打卡频次

新习惯默认打卡频次为每周一次，已经添加的习惯默认打卡频次为用户原打卡频次，用户可以修改打卡频次为固定周几、每周几次或每月几次

点击确认，自动保存修改同时界面自动跳转至习惯界面。

3.计时界面：

该界面共有四个功能：计时时间的设置，习惯的选择，计时管理和查看计时统计。

1.计时时间的设置

      点击时钟上的时间会出现一个弹框，设置计时时间(用户首次进行计时，计时时间为0,需要进行设置，下次计时时，会保存上一次计时设置的时间)

2.习惯的选择：

      点击时钟下方的选择框，选择习惯进行计时(也可以不选择)

3.计时管理：

      计时开始：点击开始按钮进行计时，会进入倒计时状态，时钟圆圈变大，动态显示剩余计时时间，下方开始按钮变成暂停按钮。

      计时暂停：点击暂停按钮停止计时，时钟显示计时剩余时间，下方按钮变成继续按钮和结束按钮，用户可以选择继续计时还是结束计时。

      计时结束：计时的记录及时间进入后台统计，计时界面重回计时开始界面。

4.查看计时统计：

      点击页面右上角图标，跳转至计时统计界面，查看计时统计。

4.用户管理界面：

该界面分为两大模块：统计和书写独立日记。其中，按钮“打卡记录”、“日志”、“计时记录”为统计结果展示界面；按钮“书写日记”用于书写独立日记。

1.独立日记界面：

      在该界面中，用户可以实现直接书写日记。

      在书写日记中出现严重错误时，可直接点击“清空日志内容”将书写的全部内容进行清空。

      完成书写后，可以点击"完成"后，即将书写内容存入后台统计。

2.统计界面：

①打卡记录：

      该模块用于查看当前已打卡的全部记录。

      分为两大模式：按日期分类，按习惯分类。按日期分类中，用户可以点击日期查看当天的打卡记录。按习惯分类中，可以查看全部习惯的打卡次数，并查看今天的打卡记录。

②日志：

      用户可以点击日期查看当天的日志。其中日志包括打卡时的日志和书写的独立日志。

③计时记录：

      用户可以点击日期查看当天的计时记录。

八.待开发功能

1.微信云开发

使用微信自带的云开发功能，设计后端数据库，使前后端进行链接，实现数据库增删改功能。

增加登录功能，进入小程序之前记录当前登录用户，可载入当前用户的所有已存在的信息。

部分开发展示：

2.今日打卡搜索功能

在主界面中可以通过搜索来准确找到改打卡的习惯

3.习惯编辑功能优化

修改激励语

由于习惯列表没有设定激励语的展示，因此该功能未实现

设定习惯打卡场景

考虑到小程序为用户自动打卡，未设置提醒打卡功能，因此该部分未实现

4.打卡功能优化

只实现了打卡完成天数增加，还需设定对时间的判断

标签：界面,Week04,软工,习惯,点击,计时,打卡,日志
来源： https://www.cnblogs.com/lnger/p/15734975.html