Skip to content
forked from BIUSekale/kadlxt

基于时间四象限法的任务管理系统

Notifications You must be signed in to change notification settings

iamjustadd/kadlxt

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 

Repository files navigation

产品文档

LOGOLOGO

象记

——采用四象限管理法的生活管理应用


一. 作品简介

  象记是一款利用四象限法管理时间的效率应用。四象限法认为评价事件的优先性应该从紧急性与重要性两个维度来考虑。因此有了四象限管理法。
  我们设计的坐标轴如下:
四象限体系
  可见事项都是按象限分类的。用户可以先完成右上角紧急又有重要的事项,再考虑其他。这解决了一般时间管理应用中,评价优先性只能从一个维度来评判,从而导致用户排列时出现纠结的问题。该方法更加人性化,从计划与执行速度上来说,也更能促进效率。

二. 设计初衷及使用场景设想

  首先,说一下我们设计这个应用的初衷。作为大学生,特别是南邮一名准备考研的大三生,每天要做的事多如牛毛:每天满当当的课表、繁重的各科实验报告、实验周大作业、申请入党积极分子、背单词、刷数学、为了可能的保研机会保研参加数模……繁杂的事情千千万,十分需要一款应用来帮助我规划。但是目前对于我这种针对不断完成事项的 app 真的很不得我心。不是界面太过复杂,就是排列太不完善。也用过几个象限管理的 app,功能非常不完善,界面一点都不人性化。于是打算设计一个自己心目中最好用的象限管理法应用。
  可能的使用场景如下:

  • 大学生每天待办事项多而杂,呈现任务化,做一项划一项是最好的、也最令人舒心的解决办法。
  • 前一晚上写好第二天的待办事项,第二天早上八点便能收到推送提醒。使学生们更有计划性地生活。
  • 有些事项会在较长一段时间后再考虑着手开始做,但是不记下来又可能会忘,可以加入不重要也不紧急一栏,日后再说。
  • 想要同学和自己一起做某事,不用每个人一个个添加,一个人组织好,利用其他人的 openid,直接就可以把任务复制到其他人的任务列表中。
  • 在某些时间很紧的情况下,事项优先级产生变动后,可能没有时间一个个点开事项修改。这时直接拖动事项即可方便修改优先级。

三. 作品功能说明

  这一部分,我们通过截图加注释的方法全面介绍象记。

1. 首次登录教学环节

  我们通过登录判断数据库里是否包含该 openid 来判断是否首次登录。若是,则跳出教学模块通过点击一张张切换。这个模块在之后点击菜单中关于象记的按钮也可以跳出。

首次登录教学模块

2. 首页

  通过QQ网页授权登录后以及教学模块后,第一个页面就是首页了。首页采用明显的四象限管理方式。

首页分布

  每个事项后都有一个拖动柄,可以很方便地拖动修改优先级。点击任意一块象限,或者拖动事项到任一象限,都能切换到大象限状态

大象限状态

  这个状态能非常清晰的显示每个象限的事项,特别考虑到手机屏幕的局限性,便于用户进一步管理。
  点按事项前面的白点会有一个动画效果,白点勾选为蓝色并且消失,同时该记录也从数据库里消失,意味着该事项完成(暂时没有查看已完成事项等等功能,所以这一步相当于删除)。

3. 事项详情页

  点按首页中事项文本部分可以进入事项详情页

详情页

  左上角是返回按钮,右上角是编辑和删除按钮。点按编辑按钮会进入编辑模式,铅笔符号变为勾号,点击勾号完成编辑;点按删除按钮会跳出提示框确认是否删除。

编辑页面与删除效果

  点按下方分享按钮会跳出对话框,输入对方的openid会直接将本事项复制到 对方的日程中。并且事项位置会根据对方事项情况重新计算。

分享事项提示框

4. 导航按钮

  首页正中间有个圆形弹性导航按钮,会随着象限变化而移动,并且动态判断展开位置(朝上或朝下)。

导航按钮

  导航展开后有四个按钮,分别是回到均分的四方格、添加新事项、进入个人页以及关于象记(播放一遍教学模块)。

  事项添加或修改后,我们会自动根据输入的截止日期以及预计完成所需时间,自动计算出它在象限中的合适位置。之后用户可以根据情况自行随意修改。所有变动都会存入数据库中,下次打开还是上次关闭时的样子。

添加页面

5. 个人信息页

  个人信息页调用查询用户信息的接口,直接将QQ头像、QQ昵称、性别、城市等信息填入。QQ头像修改了获取到的url,用的都是高清大图版,界面更加美观。目前只能用户自己看到。
  身份标识符在邀请同校同学加入事项的时候用得到。

个人信息页

6. 页面分享设置

  本应用每个页面都引入了QQ的share.js分享组件。在任意界面点击右上角分享,都会生成固定样式。

分享样式

  并且对方点开分享后会进入分享特定的起始页。该页面打开时带有动画效果,比较美观。点击下方按钮会跳转到qq网页授权登录页获取登录CODE,然后自动跳转到首页。同时该新用户的信息也被加入数据库中。起始页面:

起始页面

7. 每日推送功能

  本应用调用了QQ推送接口,设置每天早上8点整推送一下待办事项,督促用户正在新的一天里有计划地学习和生活。
(本功能由于比赛结束后赛方接口控制可能无法正常运行)


推送示例

8. 中控器说明

  为避免多次请求 access_token 而引起服务器出错,本应用在虚拟主机中添加了一个Cron作业,设置每小时请求一次 access_token 并存入文件中,其他各处需要 access_token 时直接访问该文件获取即可。并且在检测到 access_token 为空时,各调用点也都设了函数,自行请求一次 access_token 并存入文件,以防错误产生。代码可见 ControlServer.php。
  此外,若还需要手动请求access_token,直接在浏览器里输入中控器文件的url即可。

About

基于时间四象限法的任务管理系统

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • PHP 44.7%
  • JavaScript 39.5%
  • CSS 13.8%
  • HTML 2.0%