项目原型设计(那周余嘉熊掌将得队)

作业格式

队员学号 队员姓名 博客地址 备注
221600131 Jamin https://www.cnblogs.com/JaminWu/ 队长
221600308 我超可爱的 http://www.cnblogs.com/XNC-SoCute/
221600305 haziza http://www.cnblogs.com/haziza/
221600340 你看见我的小熊了吗 https://www.cnblogs.com/stereohearts/
221600426 Hunterj Lin https://www.cnblogs.com/HunterJ/
021600823 玫葵 https://www.cnblogs.com/offeroques/

作业正文


1、NABCD模型


  • Need 需求

    • 用户端 :
    • 展示实验室项目成果、获奖情况、成员信息
    • 通过网站进行报名和作品提交
    • 可通过交流平台招募队友或寻找队伍
    • 实验室可通过平台进行纳新
    • 收取通知
    • 管理员端 :
    • 增删改比赛、获奖作品、成员信息
    • 导出报名表、作品
    • 管理交流平台
    • 发布通知
    • 网站数据统计与分析
    • 发布头条快报
  • Approach 方法

    • 前端主要使用WebpackVue以及AntDesign等框架进行实现。
    • 后端使用 .Net Core
    • NLP算法使用Pytoch框架,LSTM网络和ERNIE预训练模型。
  • Benefit 好处

    • 方便实验室进行对外的成果展示
    • 方便老师和实验室的负责人进行通知的发布。
    • 方便负责人获取报名队伍信息和作品的收集。
    • 方便同学了解实验室信息和实验室纳新报名。
    • 方便同学进行大赛信息的了解和报名。
  • Competitors 竞争

    • 由于选题原因,基本不存在竞争压力。
    • UI界面交互上用户可能会与其它官网进行对比。如果不能提供一个风格清新、使用顺畅的界面可能会被“见多识广”的数计院同学诟病。
    • 赛事资源整合功能上网上其实有类似的网站,例如赛氪网,整合了各学科各等级的赛事。但我们是有针对性地整合那些得到教育部支持,我校承认并会在综合测评和保研资格考核中加分的计算机赛事。两者其实是相辅相成。
  • Delivery 交付

    • 因为该项目是实验室的官方网站,所以在推广方面将得到学院老师、辅导员、团委学生会的鼎力支持。例如在官方公众号、各信息通知群等平台发布宣传消息,迅速提升知名度。
    • 在赛事报名和实验室纳新正式通知中告知学生需要在此网站进行报名。

2、原型设计


使用工具:墨刀、Adobe Photoshop


  • 阶段一:准备

    • 在线上根据选题确定需求以及大概功能。
    • 针对选题和需求进行分析和讨论。
    • 站在用户和管理员角度对操作步骤进行大致规划。
    • 上网查找大量设计样式进行参考。
    • 分工完成各用户端和管理员端的不同模块的大致草图和原型。
  • 阶段二:讨论

    • 见面对原型进行讨论,提出不同意见看法。
    • 共同交流各模块的功能,进一步确定网站的功能模块和交互流程。
    • 确定各自的职责分工。
  • 阶段三:实施

    • 线上根据分工,分成不同部分。
    • 一部分去网上查找样式组件,使用PS切图提供UI素材。
    • 一部分对自己的部分使用原型工具进行原型的设计,并加以说明。
    • 线下讨论,进行原型细节调整。
  • 阶段四:总结

    • 将UI内容和原型内容进行汇总。
    • 将内容进行一定的精简和修改。
    • 由队长最后进行整理。
    • 进行发布。
  • 网站功能模块

    功能名称 功能描述 权限 备注
    1.首页 所有人
    2.赛事相关 2.1赛事通知 各项赛事所有通知 所有人 可添加附件
    2.2竞赛报名 各项赛事报名 注册用户 点击竞赛报名后可展开还在报名时段内的竞赛列表,从中选择点击报名。
    报名信息有错或者换题如何处理
    2.3对接招募 找人、找队伍 注册用户 固定格式、限定字数
    3.获奖作品 获奖作品名称、何竞赛何奖项、年份、成员(第一顺位为队长)、作品海报或截图、简介 所有人 按年份展示
    海报及截图的大小是否需要统一?
    4.了解我们 4.1成员介绍 页面分五个区展示四个工作组成员(相片、姓名、参加项目)以及教师(相片、研究方向以及简介) 所有人
    4.2前辈风采 优秀毕业生的照片、去向 所有人
    4.4日常状态 展示些实验室的场景、活动照片 所有人
    5.加入我们 报名加入实验室 注册用户 无需上传项目,保留申请者个人介绍
    报名信息有错如何处理
    6.个人中心 6.1账号设置 个人资料、密码修改 注册用户 点击我的报名后,应出现报名列表,选择后上传对应文件
    6.2对接招募 我的发帖、我的回帖、收到回帖 注册用户
    6.3我的报名 查看报名情况以及上传所报名比赛的源码、PPT、海报、视频等 注册用户
    • 管理员功能模块
    功能名称 功能介绍 备注
    1.发布通知 发布至“赛事相关—赛事通知”,面向所有人 统一格式,可添加附件
    2.添加获奖 添加字段参照网站功能中的3
    3.竞赛管理 3.1添加竞赛 设定竞赛所需收集信息,构造竞赛模板 不同竞赛需要收集的信息不同,例如:“软件杯”没有赛题分组,“服创大赛“有赛题分组,”省赛“每个赛题可以有两个分组。
    3.2修改竞赛 修改竞赛模板 这个模块需要考虑多样比赛,适配性要强。
    4.报名导出 4.1.纳新导出 申请加入实验室结果导出 Excel
    4.2竞赛报名 竞赛报名信息导出
    5.材料导出 竞赛材料导出 导出可按竞赛名称导出(评审时使用)、可按材料类别导出(例如只导出海报或PPT,决赛中使用)
    6.人员调整 添加及删除教师、成员、优秀毕业生 如果没有照片,可以选择卡通形象

    原型截图

  • 用户电脑端

    • 首页

    • 登录注册

    • 赛事模块







    • 实验室介绍

    • 优秀作品

    • 前辈风采

    • 交流中心

  • 管理员端

    • 首页

    • 交流中心

    • 竞赛管理


    • 参赛情况可视化

    • 实验室成员管理


    • 材料导出


    • 添加获奖


  • 手机端

    • 首页

    • 成员介绍

    • 前辈风采

    • 加入我们

    • 实验室介绍

    • 赛事介绍

    • 优秀作品


3、组队照片


4、分析及PSP


PSP2.1 Personal Software Process Stages 预估耗时(分钟)
Planning 计划
• Estimate • 估计这个任务需要多少时间 4200
Development 开发
• Analysis • 需求分析 (包括学习新技术) 180
• Design Spec • 生成设计文档 180
• Design Review • 设计复审 120
• Coding Standard • 代码规范 (为目前的开发制定合适的规范) 60
• Design • 具体设计 60
• Coding • 具体编码 3600
• Code Review • 代码复审 120
• Test • 测试(自我测试,修改代码,提交修改) 180
Reporting 报告
• Test Repor • 测试报告 180
• Size Measurement • 计算工作量 60
• Postmortem & Process Improvement Plan • 事后总结, 并提出过程改进计划 120
合计 4860

5、问题回答


  • 问题1:如何用户保证隐私安全?

    • 关于用户隐私安全问题,我们在选题报告中提过,我们采用的.net core框架支持身份认证,这一点可以在访问控制和权限管理模块得到保证。如果说怕服务器被攻击,造成数据库数据的流失(这一点可以通过把数据库服务和web服务放在两台服务器,对于目前我们这样的小型项目性价比不高);或者是被拖库,那么解决措施可以是对数据进行可逆加密(然而,加密和解密会造成很大的性能损失),因此,我认为我们在访问控制和权限管理模块做到隐私保护即可。
    • 附上向业界安全人士请教图
  • 问题2:解决什么用户的什么痛点?

    • 这一点我在宣讲过程以及ppt里都讲到了,可能有的团队没有听到,在这里再次统一解答。
    • 一方面是对实验室而言。目前实验室缺乏可以展示实验室成员风采、奖项成果,介绍实验室概况的一个对外平台。同时实验室举办的服务外包与软件设计校赛以及实验室纳新也都缺乏一个统一报名提交申请的通道。
    • 另一方面是对广大数计学院的学生而言。我们常常想要参加比赛丰富自己的简历,但是赛事种类繁多,这时候选择含金量高且还能抵学分加综测的比赛可谓一举两得;且同学常常面临找不到合适团队和队友的情况,最后被迫放弃参赛。
  • 问题3:用户群体单一,只适用于校内实验室

    • 参考上述问题2的解答,我们的用户还包括广大想要报名实验室或者参加竞赛寻找队友的同学,实验室成员中包括物信学院和人文学院的学生。此外实验室在对外校宣传实验室时,该网站也将成为首要的门面担当。所以我认为用户群体其实种类多、数量大。
    • 此外关于推广到其它实验室的问题,我有两种理解:如果意思是要开放一个通道给别的实验室用,那所有人的UI界面都是一样的,这就不叫作官方网站了,否则我们浏览的各家公司,甚至是同一家公司旗下的子公司为何都不统一使用一个官网模板;而如果意思是要实现代码移植,打造其它的官方网站,我认为是完全没问题的,只需要根据甲方要求修改前端,后台的功能基本没有差别。
  • 问题4:不支持手机端,不易使用。代码复用不够充分

    • 这个兄弟可能不知道Web是跨平台的。而且我很好奇一个开题报告为什么就可以看出来代码复用不充分。
  • 问题5:对算法效率要求高,实现难度大。工作量大,本学期能否完成?

    • 首先,难度大工作量大不应该是优点吗,为什么会是存在问题?
    • 关于是否完成,多说无益,结题答辩见,大不了雅思暑假再学。

6、博客内容.pdf


下载链接

7、个人贡献比例权重


  • 衡量准则

    • 主要衡量部分在于团队成员的团队任务贡献度以及成员负责的任务难度。
    • 当团队成员接受了团队分配的任务之后,有责任的、按时有质量地交付会有一定的加分,否则需要受到一定的绩效上的处罚。
    • 在团队成员的相互交流时,确定团队的共同目标和阶段性任务时,对构建积极、信任、和谐的团队有贡献的成员会有所加分,对消极的成员(例如开会迟到、交流时全程划水)的也会有所处罚。

  • 个人贡献比例

学号 姓名 分工 比例
221600131 Jamin 客户端原型设计和博客 20%
221600308 我超可爱的 客户手机端原型设计 17%
221600426 Hunterj Lin 管理员端原型设计 19%
021600823 玫葵 PS切图提供图片素材 16%
221600340 你看见我的小熊了吗 管理员端原型设计 16%
221600305 haziza 素材采集和文档撰写 12%

猜你喜欢

转载自www.cnblogs.com/sosd/p/10625460.html