EE308FZ lab2-1

对方正在摸鱼中 2022-11-04 23:59:58
The Link of Your Classhttps://bbs.csdn.net/forums/MUEE308FZU202201
The Link of Requirement of This Assignmenthttps://bbs.csdn.net/topics/608858956
The Aim of This Assignment Concrete ContentDemand Analysis & Prototype Desgin
MU ID and FZU IDMU ID : 20124732     FZU ID :832001124 
Partner IDMU ID : 20123108 20122292      FZU ID :832001302 832001321
Partner Blog Link

832001302    https://bbs.csdn.net/topics/608927731

832001321    https://bbs.csdn.net/topics/608999273

Contents

1.PSP form

2.Our design results

3.Demand Analysis based on NABCD Model

-Need:

-Approach:

-Benefit

-Competitors

-Delivery

4.Prototype Presentation

5.Cooperation scenario

6.Summarize


1.PSP form

PSPESTIMATE TIME(MINUTE)ESTIMATE TIME(MINUTE)
Planning6075
Estimate55
Development10001260
Analysis3020
Design Spec----
Design Review----
Coding Standard2015
Design4060
Coding300600
Code Review1015
Test6080
Reporting--
Test Report1020
Size Measurement1010
Postmortem & Process Improvement Plan2050
Total15752210

 

2.Our design results

https://2d80s7.axshare.com/#g=14


 

3.Demand Analysis based on NABCD Model

NABCD, composed of the first letters of Need, Approach, Benfit, Competitors and Delivery, it invloves demand, practice, benefit, competition and promotion respectively. Through these five parts, the characteristics of the project can be clearly and concisely summarized.

 

-Need:

The Mid-Autumn Festival🐇is one of the traditional Chinese festivals being popular in Southern Fujian and Taiwan, which is the representation of reunion and happiness.During the Mid-Autumn Festival, people get together with their relatives and friends to Bobing and enjoy the moon. Since the outbreak of COVID-19 in 2020, people cannot reuion as before. In order to maintain the original holiday atmosphere, more and more people share the fun of Bobing through online Bobing software. 

- Functional and interface requirements:

  • Can automatically judge the results.

  • Give prizes information so that prizes can be handed out.

  • Provide individual or multiple modes to be chosen.

  • Six random dice roll interfaces.

  • Style appropriate, lively and generous.

  • Beautiful design, in line with the use of the mainstream crowd.

 

-Approach:

Starting from the user's logic and facing the user 📌..

For prototype's interactive design, we choose Axure software to carry out prototype design since it enables us to more smoothly make interaction logic.

For UI design, we use Adobe AI to design the application, which is because we are more familiar with it than other design tools.( We have chose it for another project before.) 

Corresponding to the requirements above, our design process and ideas are persent as follows📝:

 

 

-Benefit

  1. The prototype starts by a lively cover page to introduce of origins and meanings of Bobing, so that users can be attraced by our designs and we could leave a deep impression on them. 

  2. The software saves user information and realizes one-to-one correspondence of data.

  3. The program sets the single player and multi-player mode.

  4. The game can define the quantity of prizes and be viewed in real time; Users can record the results of each player's gambling every time, and users can view the ranking at any time; Users can check the rules of Bobing at any time to konw futher about this game, which is conducive to improving the user experience.

  5. All English design can be conducive to the cultural exchange between China and the West,

 

-Competitors

Nowadays, many applets have similar functions and most of the applets are lacking in attractive interfaces, poor game experience, lots of advertisements, for the purpose of profit, limited number of games, and unfair probability of winning awards. And the related functions such as voice input and sending expression packet bucket map can be further developed. Furthermore, the current applet only has the sense of picture, which has not been combined with audio. It can also add relevant background music and set relevant options such as on, off or customization. The applet has not cooperated with other social platforms to realize cross-platform sharing and invitation.

 

-Delivery

This applet can be registered and logged in to record personal information. After logging in, its personal behavior can be analyzed and counted to provide users with personalized services and products to meet the differentiated needs of users. It can also be used for occasions that are not suitable for off-line gatherings during the epidemic, and realize the fun of Bo cake on-line. At the same time, the English version can help our traditional mid autumn festival activities to the international market.


 

4.Prototype Presentation

Start & login...

Bobing Introdution, Game Hall..

 Rules, Multi Mode Selection, Personal Game Space...


 

5.Cooperation scenario


 

6.Summarize

Actually this is my first trial on achieving interaction and prototype design. Through this experiment, I have a better understanding on the software development and learned to use Axure, an effective tool which can simply large amount of code and replace it by some logic, but I found that is still not easier than typing code since there are many fine work. Anyway, thanks to my teammates' help, eventually, I handle out the majority of the interaction and correct the logic.

 

...全文
183 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
cms-Cloud后台管理系统 cms-Cloud 基于Spring Boot、Spring Cloud & Alibaba、OAuth2的前后端分离的后台管理系统,内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集群,支持多数据源。核心技术前端技术栈 ES6、vue、vuex、vue-router、vue-cli、axios、element-ui后端技术栈 Spring Boot、Spring Cloud & Alibaba、OAuth2系统需求JDK >= 1.8MySQL >= 5.5Maven >= 3.0主要特性1. 完全响应式布局(支持电脑、平板、手机等所有主流设备)2. 强大的一键生成功能(包括控制器、模型、视图、菜单等)3. 支持多数据源,简单配置即可实现切换。4. 支持按钮及数据权限,可自定义部门数据权限。5. 对常用js插件进行二次封装,使js代码变得简洁,更加易维护6. 完善的XSS防范及脚本过滤,彻底杜绝XSS攻击7. Maven多项目依赖,模块及插件分项目,尽量松耦合,方便模块升级、增减模块。8. 国际化支持,服务端及客户端支持9. 完善的日志记录体系简单注解即可实现技术选型1、系统环境Java EE 8Servlet 3.0Apache Maven 32、主框架Spring Boot 2.2Spring Cloud Hoxton.SR3Spring Framework 5.1Spring Security 5.13、持久层Apache MyBatis 3.4Alibaba Druid 1.14、视图层Vue 2.6Axios 0.18Element UI 2.11内置功能(1) 用户管理:用户是系统操作者,该功能主要完成系统用户配置。(2) 部门管理:配置系统组织机构(公司、部门、小组),树结构展现支持数据权限。(3) 岗位管理:配置系统用户所属担任职务。(4) 菜单管理:配置系统菜单,操作权限,按钮权限标识等。(5) 角色管理:角色菜单权限分配、设置角色按机构进行数据范围权限划分。(6) 字典管理:对系统中经常使用的一些较为固定的数据进行维护。(7) 参数管理:对系统动态配置常用参数。(8) 通知公告:系统通知公告信息发布维护。(9) 操作日志:系统正常操作日志记录和查询;系统异常信息日志记录和查询。(10) 登录日志:系统登录日志记录查询包含登录异常。(11) 在线用户:当前系统中活跃用户状态监控。(12) 定时任务:在线(添加、修改、删除)任务调度包含执行结果日志。(13) 代码生成:前后端代码的生成(java、html、xml、sql)支持CRUD下载 。(14) 系统接口:根据业务代码自动生成相关的api接口文档。(15) 服务监控:监视当前系统CPU、内存、磁盘、堆栈等相关信息。(16) 在线构建器:拖动表单元素生成相应的HTML代码。(17) 连接池监视:监视当期系统数据库连接池状态,可进行分析SQL找出系统性能瓶颈。 环境部署准备工作JDK >= 1.8 (推荐1.8版本)Mysql >= 5.5.0 (推荐5.7版本)Redis >= 3.0Maven >= 3.0Node >= 10nacos >= 1.1.0sentinel >= 1.6.0运行系统因为本项目是前后端分离的,所以需要前后端都启动好,才能进行访问。后端运行1、导入cms到Eclipse,菜单 File -> Import,然后选择 Maven -> Existing Maven Projects,点击 Next> 按钮,选择工作目录,然后点击 Finish 按钮,即可成功导入Eclipse会自动加载Maven依赖包,初次加载会比较慢(根据自身网络情况而定)2、创建数据库cms-cloud并导入数据脚本cms.sql(必须),quartz.sql(可选)3、创建数据库cms-config并导入数据脚本cms_config.sql(必须)4、配置nacos持久化,修改conf/application.properties文件,增加支持mysql数据源配置。# db mysqlspring.datasource.platform=mysqldb.num=1db.url.0=jdbc:mysql://localhost:3306/cms-config?characterEncoding=utf8&connectTimeout=1000&socketTimeout=3000&autoReconnect=true&useUnicode=true&useSSL=false&serverTimezone=UTCdb.user=rootdb.password=password5、打开运行基础模块(启动没有先后顺序)CmsGatewayApplication (网关模块 必须)CmsAuthApplication (认证模块 必须)CmsSystemApplication (系统模块 必须)CmsMonitorApplication (监控中心 可选)CmsGenApplication (代码生成 可选)CmsJobApplication (定时任务 可选)CmsFileApplication (文件服务 可选)前端运行# 进入项目目录cd cms-ui# 安装依赖npm install# 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。npm install --registry=https://registry.npm.taobao.org 本地开发 启动项目npm run dev打开浏览器,输入:http://localhost:80 (默认账户 admin/admin123)若能正确展示登录页面,并能成功登录,菜单及页面展示正常,则表明环境搭建成功提示前端安装完node后,最好设置下淘宝的镜像源,不建议使用cnpm(可能会出现奇怪的问题)部署系统因为本项目是前后端分离的,所以需要前后端都部署好,才能进行访问后端部署bin/package.bat 在项目的目录下执行然后会在项目下生成 target文件夹包含 war 或jar1、jar部署方式使用命令行执行:java –jar xxxx.jar 或者执行脚本:bin/run.bat2、war部署方式pom.xml packaging修改为war 放入tomcat服务器webapps提示SpringBoot去除内嵌tomcat前端部署当项目开发完毕,只需要运行一行命令就可以打包你的应用# 打包正式环境npm run build:prod# 打包预发布环境npm run build:stage构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 ***.js 、***.css、index.html 等静态文件。通常情况下 dist 文件夹的静态文件发布到你的 nginx 或者静态服务器即可,其中的 index.html 是后台服务的入口页面。环境变量所有测试环境或者正式环境变量的配置都在 .env.development (opens new window)等 .env.xxxx文件中。它们都会通过 webpack.DefinePlugin 插件注入到全局。常见问题如果使用Mac 需要修改application.yml文件路径profile如果使用Linux 提示表不存在,设置大小写敏感配置在/etc/my.cnf 添加lower_case_table_names=1,重启MYSQL服务如果提示当前权限不足,无法写入文件请检查profile是否可读可写,或者无法访问此目录

285

社区成员

发帖
与我相关
我的任务
社区描述
福州大学 梅努斯国际工程学院 软件工程(2022秋) 教学
软件工程 高校
社区管理员
  • LinQF39
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧