• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

【Flutter从0到1开发APP】番茄计时APP:原型图+功能梳理

武飞扬头像
正经程序员
帮助138

前言

App的名字等到做完项目在决定,如果你有好的idea,欢迎评论区交流。

这个App主要有两个功能,番茄计时,ToDoList。

下面简单的列一个基础的需求列表:

基础需求

  1. 注册登陆(搞简单点,只提供账号 密码登陆,账号可以是邮箱或手机号,暂时无需验证)。
  2. 多账号数据隔离。
  3. 多端登陆(macOS、windows、Android、iOS、web)。
  4. 多端数据同步。

番茄计时模块

  1. 一个番茄钟是25分钟,25分钟结束后可以给专注评分,如果选择成功会记入专注历史中,如果选择失败则不生效。
  2. 专注结束后,可以给选择休息5分钟或者开启下一个专注过程。
  3. 专注历史需要有统计报表,统计每日专注时间总数和次数。

ToDoList模块

  1. 可以快速创建todo事项。
  2. 可以修改todo事项完成状态。
  3. 给todo事项分等级(根据四象限时间管理法:分为既紧急又重要、重要但不紧急、紧急但不重要、既不紧急也不重要。)
  4. todo事项可以设置预计完成时间。
  5. 完成后的事项进入历史列表中,自动记录创建时间和完成时间。
  6. 需要有一个统计报表,统计每日任务新增数量和完成数量。

需求模块划分及原型图

APP分为三个模块,专注模块(番茄计时) 任务模块(ToDoList) 个人模块。

下面有点糙的原型图,后续会在细化下,交给设计小姐姐,让她帮忙做下设计图。

FAE3CC3D-9983-4860-9C00-AD283A458E76.png

除了第一页登陆注册页,后续就是App具体的页面了。

  1. 第二页是任务卡片的列表模式。按照时间划分,这一页可以按照时间排序,查看创建的所有任务清单。

  2. 第三页是四象限模式,将任务根据重要紧急程度进行划分,划分为四类。为了专注当前任务,这里只呈现正在进行中的任务。

  3. 第四页是番茄计时页面,主要由一个计时器和开始按钮组成,画的很简单,设计上需要加一些插画和动效。

  4. 第五页是快速创建页面,主要用于快速创建计划任务或者开始一次专注体验。

  5. 第六页是个人中心,主要由个人信息和任务清单记录和专注记录组成,后续还可能加入调整黑夜或日间模式,国际化等等。

关于项目的需求准备工作都完成啦,接下来除了等待设计小姐姐的图,可以开始正式做项目啦,愉快的开发时间到!

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanfbeee
系列文章
更多 icon
同类精品
更多 icon
继续加载