The third individual work - prototyping

"Building of the law," the third time jobs

This work belongs courses	System Analysis and Design
Work requirements	Prototyping
Jobs goal	Prototyping handy tool selection by the more common prototype tool for learning

1. prototype tool comparison

1.1 Mockplus (Mu-off)

Mockplus prototype tool is my first contact, the first time was a bit difficult, but fortunately, after reading it ten minutes quick start video
use is still very convenient. It is suitable for software teams, for personal use in the design phase of software development.

advantage:
- Simple, quick,
- Interactive features between components and pages more perfect,
- Automatic filling text and picture functions.
Disadvantages:
- Icons can be used free of too little, need to buy more

1.2 Axure RP

Axure RP is US Axure Software Solution company's flagship product, is a professional rapid prototyping tool, because it is in English, I do not think it convenient to getting started, poorly understood.

advantage:
- Compared to the other two, although more complicated, but still more rigorous and flexible.
  - highly professional
- There can be saved each revision of the module
Disadvantages:
- More complex, slow to get started
- Multi-component basis, less slow development template
- toll

1.3 blade

Blade design and prototype is an online collaboration tools, very convenient to use, but also collaboration platform, collaboration project members can edit, review, for us, the beginning of the project for prototyping is a better choice.

advantage:
- Simple, easy to drag and is provided with a relatively good results.
- Compared Mu rich off its components and icons Library
- Quick, suitable for beginners to use, and most of the functions can use for free.
- There are many types of templates, you can quickly prototyping

Disadvantages:

Due to cloud storage, and each time the modified version will be overwritten

Compared Mu-off, there is no auto-fill text and picture functions

      对比三种原型设计工具，我更喜欢使用墨刀进行原型开发，主要原因在于其素材较多、操作简单适合对app的原型设计，而且可以直接在云端进行编辑设计。

2. Requirements Analysis

2.1 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:

学生刚入西南石油大学时缺乏了解社团的长期的、便利的渠道；社团公众号文章分散各处；群里发的活动报名问卷容易被水过去，而且每次要填的信息都差不多。
社团管理员：在管理社员时没有一个很好的工具，来发布活动、统计报名人员、通知活动变更等。

社联在管理所有社团时，在审核活动申请、审核场地申请、星级评定、材料收取等方面也存在一些困难。

我们希望能打造一款软件连接学生、社团和社联，根据用户不同的使用需求，我们计划给将社团展示、活动报名等功能放在手机小程序端，在社团管理的大部分功能放在网页端。

Project-oriented user:

小程序： 主要面向西南石油大学学生，其中的社团管理功能，则面向社长等社团管理员。

网页端： 主要面向社长等社团管理员，还能面向社联。

2.2 Requirements Analysis

2.2.1 Business requirements analysis

Users can use the system to understand and manage the university community

2.2.2 User Requirements Analysis

Ordinary students: Students entering the university can not have a full understanding of the university community, we have designed an app for the community, the community activities, community information, recruiting posters posted on the app. Student app can be used to join associations and learned societies like activity. **
Societies Administrator: In order to better manage and organize associations and publishing community activities, an administrator can complete the application and management activities of the Youth League and publishing activities through the app. **
Social Union: society is mainly associated application review the formation and activities of the association, submitted time of the material in order to reduce the workload associated social and community administrators, these matters can be put online, but the app is not suitable staff Therefore consider the development of a web client for processing applications and other community applications and activities in the office. **

For three user needs, sorting out the main functions of the mobile terminal and web client design:

Mobile end:
- log in Register
- Browse community activities
- Browse communities
- Community management
- Information modification
- Station Letters
- Personnel management
- Apply for community activities
Web client:
- log in Register
- Audit community activities apply
- Societies submit application materials
- Activity submit application materials

3. prototyping

Mobile terminal:
Main page views:

** section of the page: **

Web client shows:

Mobile end prototyping link: https://free.modao.cc/app/7rcvz9raculk10jbh1lx0qj1tpsjvb
web client prototyping link: https://free.modao.cc/app/d40ee5d09ee2b967414af174e705255e13f713d2

4. Summary

By comparing the three prototyping tool, I personally prefer to use blade prototyping, get started faster and abundant material. Initial prototyping prototyping tool to grasp the essence of good, but prototyping is a good practice before the project. Exchange and communication with the user in doing the project, we can according to their own understanding of user needs, depicting a functional interface application system, through the "interface prototype" of the carrier, the two sides reached gradually clear the purpose of the project requirements. I think this method may not be clear and specific needs of users, or developers do not have a good definition of the product when you can use this "visual" interface prototype to determine needs, while developing a prototype interface based on, can have rapid development, can greatly improve development efficiency.