项目原型设计（那周余嘉熊掌将得队）

做业格式

• 课程名称：软件工程1916|W（福州大学）
• 做业要求：项目原型设计
• 团队名称： 那周余嘉熊掌将得队
• 做业目标：对肯定的选题进行分析，并完成原型设计
• 团队信息：

队员学号	队员姓名	博客地址	备注
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/

做业正文

---

一、NABCD模型

---

• Need 需求

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

• Approach 方法

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

• Benefit 好处

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

• Competitors 竞争

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

• Delivery 交付

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

二、原型设计

---

使用工具：墨刀、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.人员调整	添加及删除教师、成员、优秀毕业生		若是没有照片，能够选择卡通形象

  ---

原型截图

• 用户电脑端

  • 首页

  • 登陆注册

  • 赛事模块

    
    
    
    
    
    
    
    

  • 实验室介绍

  • 加入咱们

  • 优秀做品

  • 前辈风采

  • 交流中心

• 管理员端

  • 首页

  • 交流中心

  • 竞赛管理

    
    
    

  • 参赛状况可视化

  • 实验室成员管理

    
    

  • 比赛材料导出

    
    

  • 比赛材料导出

  • 添加获奖

    
    

• 手机端

  • 首页

  • 成员介绍

  • 前辈风采

  • 加入咱们

  • 实验室介绍

  • 赛事介绍

  • 优秀做品

---

三、组队照片

---

四、分析及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

五、问题回答

---

• 问题1：如何用户保证隐私安全？

  • 关于用户隐私安全问题，咱们在选题报告中提过，咱们采用的.net core框架支持身份认证，这一点能够在访问控制和权限管理模块获得保证。若是说怕服务器被攻击，形成数据库数据的流失（这一点能够经过把数据库服务和web服务放在两台服务器，对于目前咱们这样的小型项目性价比不高）；或者是被拖库，那么解决措施能够是对数据进行可逆加密（然而，加密和解密会形成很大的性能损失），所以，我认为咱们在访问控制和权限管理模块作到隐私保护便可。
  • 附上向业界安全人士请教图
    

• 问题2：解决什么用户的什么痛点？

  • 这一点我在宣讲过程以及ppt里都讲到了，可能有的团队没有听到，在这里再次统一解答。
  • 一方面是对实验室而言。目前实验室缺少能够展现实验室成员风采、奖项成果，介绍实验室概况的一个对外平台。同时实验室举办的服务外包与软件设计校赛以及实验室纳新也都缺少一个统一报名提交申请的通道。
  • 另外一方面是对广大数计学院的学生而言。咱们经常想要参加比赛丰富本身的简历，可是赛事种类繁多，这时候选择含金量高且还能抵学分加综测的比赛可谓一箭双雕；且同窗经常面临找不到合适团队和队友的状况，最后被迫放弃参赛。

• 问题3：用户群体单一，只适用于校内实验室

  • 参考上述问题２的解答，咱们的用户还包括广大想要报名实验室或者参加竞赛寻找队友的同窗，实验室成员中包括物信学院和人文学院的学生。此外实验室在对外校宣传实验室时，该网站也将成为首要的门面担当。因此我认为用户群体其实种类多、数量大。
  • 此外关于推广到其它实验室的问题，我有两种理解：若是意思是要开放一个通道给别的实验室用，那全部人的UI界面都是同样的，这就不叫做官方网站了，不然咱们浏览的各家公司，甚至是同一家公司旗下的子公司为什么都不统一使用一个官网模板；而若是意思是要实现代码移植，打造其它的官方网站，我认为是彻底没问题的，只须要根据甲方要求修改前端，后台的功能基本没有差异。

• 问题4：不支持手机端，不易使用。代码复用不够充分

  • 这个兄弟可能不知道Web是跨平台的。并且我很好奇一个开题报告为何就能够看出来代码复用不充分。

• 问题5：对算法效率要求高，实现难度大。工做量大，本学期可否完成？

  • 首先，难度大工做量大不该该是优势吗，为何会是存在问题？
  • 关因而否完成，多说无益，结题答辩见，大不了雅思暑假再学。
    

六、博客内容.pdf

---

下载连接

七、我的贡献比例权重

---

• 衡量准则

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

---

• 我的贡献比例

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