Third software engineering jobs: prototyping
| Course category | <18 Software Engineering Fundamentals> | |
|---|---|---|
| Job Link | <Third individual assignments: prototyping> | |
| Jobs goal | Learn and become familiar with the use of prototyping tools. | |
| student name | Wu Haoyang | |
| student ID | 201831083104 | |
| Blog link | <My blog> |
Introduction prototype tool
- blade
features introduced
blade is an online tool for prototyping and collaboration, cloud operation, easy for web sharing, interaction simple, easy to operate, but there is no version management, you can not draw a flow chart, for small mobile terminal prototyping.
- Axure
features introduced
Axure visualization environment allows you to quickly and easily with the mouse way to create annotated wireframes. No programming, you can define simple block diagram of online connectivity and advanced interactivity. Based on the wireframe, specification can automatically generate HTML (under application of a Standard Generalized Markup Language) prototype and Word format, in particular dynamic panel function, the three major characteristics of its aspects the repeater.
- MOCKPLUS
features introduced
From the design, to take the hide, stack, combinations, etc., the original complex function, carefully arranged. Easy to get started, but as you use, feature progressive layers, you will find more useful features for their own.
Comparison of three prototype tool
| Prototype tool name | Compared |
|---|---|
| Blade | Getting Started recommendation, there are many ready-made templates, without having to download the client, you can edit on the page and use the |
| AXURE | Component library comes with support for a strong third-party components and libraries, provides powerful interactive support, complete tutorial and supporting documentation, support prototype preview. |
| MOCKPLUS | Versatile and rich component resources, supports 8 previews and export a variety of file types, support for team collaboration. |
demand analysis
| Community management |
Project requirements are as follows:
Students and administrators for the general community, a collection of information about each community, is active browsing features and registration, as well as publishing activities, audit and inform, but also has added to the community, within the letter transmitting station and other functions.
Background and solve pain points:
学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。
社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。
项目面向的用户： 西南石油大学的学生
小程序： 主要面向西南石油大学学生，其中的社团管理功能，则面向社长等社团管理员。
网页端： 主要面向社长等社团管理员，还能面向社联。
| 设计目的 |
Student association management information system is a simple operation, based on B / S system easy to use. It provides two kinds of applets and web end. On this both to establish a more efficient, standardized to achieve community management, but also for the convenience of the user community to view information in a timely manner to ensure the timeliness of the information and efficiency. Since the view to meet the user wherever updates associations, to achieve the purpose of sharing, so the use of B / S mode, and information sharing can be achieved, cost savings and efficiency purposes. This student organizations management information system should achieve the following objectives:
(1) simple and elegant interface design, simple operation, high efficiency, high safety performance, and ease of maintenance and management.
(2) at the login interface, an ordinary end user applet, log members. In the end the main page is the administrator, to publish activities.
(3) rapid fat dynamic societies, to apply for community activities, contributions management, school community cooperation in standardization and management procedures.
(4) capable of storing a large number of community membership information to facilitate community members to view information, leave a message, and scoring operations.
(5) community administrator can log in through the background of community information, events, message boards and registered users to view and manage, while users into our community for review. Social Union in the management of all societies, the audit activity application, review the application space, star ratings, material and other operating charges.
(6) by query, add, modify, etc., for community information, user information and other modular managed
(7) A system administrator can modify personal password, you can manage and supervise the activities of the community.
Scope:
apply to Southwest Petroleum University Associations Development Project
| Software General Overview |
1, system properties
of this system is an independent developer website. Provides the connection between the members, the community and society according to their needs with the system in order to achieve simple and convenient to participate in community activities and management.
2、开发背景
学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
社团管理员在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。
因此，我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。
3、软件功能
系统分成八大模块：社员管理、社团管理、社联管理、社员咨询、活动管理、社团展示、星级评比、新闻管理。
| 主体结构图： |
| 用户管理子系统： |
| 社团管理子系统： |
| 社联管理子系统： |
| 活动管理子系统： |
原型设计
| 社团管理 |
在对比了三种工具之后，我个人觉得墨刀更适合我这样的新手，所以在本次实验的原型设计中，我选择墨刀来进行设计。
首先新建了两个项目，分别是网页管理段和小程序端，如下：
| 小程序端页面设计如下： |
产品原型链接 | <我的原型设计>
|
| 网页端界面展示 |
| 手机小程序端界面展示 |
总结与分析
| 原型工具使用方面 |
做完这次原型，最深的感触是墨刀用起来不是太方便，可能是web页面，所以提供的组件样式比较少。开发一个项目最主要的是先把项目各个流程的功能画出来，用UML图表示，然后根据自己的思路将这些功能模块的原型一个个先做出来。这样在后面讨论的时候就可以对着原型讨论，能够更加方便和快捷，为后续的实践编程提供参考和便利。
| 个人实验方面 |
通过这一次实验，真的收获了很多东西，第一次听说原型设计工具，然后花了几个小时时间把三个工具都试了一下，最后选择了墨刀，实在好用。首先学到了需求分析的重要性，如果我不做需求分析的话，后面的原型设计根本没法做，需求分析需要多方面考虑，但是考虑得太多又容易把自己绕进去。同时这次实验我觉得存在很多问题，在需求分析上，我分析了很多东西，但在原型设计的时候，我发现有些功能太过复杂，我目前实现不了，有些功能又太多，导致我有时晕头转向。在后面的学习中还需要再深入的学习一下怎么具体的做一个项目的需求分析。