EE308 LAB7 Demand Analysis and Prototype Design - Group1B

[小怂饼干]

EE308 LAB7 Demand Analysis and Prototype Design

---

The Link of Class	https://bbs.csdn.net/forums/MUEE308FZ
The Link of Requirement of This Assignment	https://bbs.csdn.net/topics/602717198
Goals of the job	Demand Analysis and Prototype Design
Team name	1B - 您说得都队
My Group Member 1's MU STU ID and FZU STU ID	19105754_831901114
My Group Member 2's MU STU ID and FZU STU ID	19104260_831901111
My Group Member 3's MU STU ID and FZU STU ID	19104073_831901119
My Group Member 4's MU STU ID and FZU STU ID	19104308_831901320
My Group Member 5's MU STU ID and FZU STU ID	19104979_831901313
The Link of 'Software Demand Specification' online documentation	https://docs.qq.com/doc/DZmpKaE5hTG5kZ1BL

---

🔨1. Project PSP

1.1 Actual Time Consumption

Pair-Working Software Process Stage	Estimated Time (minutes)	Actual Time (minutes)
Planning
Estimate	120	90
Development
Analysis	60	60
Design Spec	200	120
Design Review	60	90
Coding Standard	-	-
Design	360	480
Reporting
Test Report	-	-
Demand Specification Document Writing	120	240
Csdn Blog Writing	60	90
Total	980	1170

1.2 Participants

Work	Participants	Attendance
Functions and Requirement Confirm	Everyone	5
Demand Specification Document Writing	YANLI LIU, HAOYUAN HE	2
UML Diagram and Mind Map Drawing	YUHAN ZHENG	1
PPT/ Blog and Presentation	YANLI LIU, XI LIN, HAOYUAN HE	3
Prototype Design	ZHENSHUO CHEN, XI LIN	2

💡2. Project Introduction

2.1 Brief Introduction

    Based on the WeChat mini-program, Resource Spring provides an integrated and comprehensive search platform of open source information and open source projects for open source enthusiasts.

2.2 Product Structure Drawing

 

---

 📝3. Function Description & Interface Prototype

1️⃣ Open source information integrated search

    The platform collects all kinds of open source materials needed for reference during project development, such as: official documentation of popular languages, third-party tutorials, popular open source projects, etc., providing a comprehensive search platform for open source enthusiasts.

2️⃣ Team shared favourites

    Users can join or create team favourites, and team members can add/delete/browse all the open source materials in the favourites that are helpful to the team's work, abandoning the traditional communication form of sharing links to materials through group chat and improving team work efficiency.

3️⃣ Inspiration in one click

    We categorise, organise and summarise open source projects and information in the form of pre-defined tags, and display popular tags in the corresponding interface. Users can click on the tags to browse through the relevant open source information and open source projects when developing or conceiving a project, thus inspiring and extending the inspiration.

---

🍻4. Team Collaboration Record

4.1 Difficulties & Solution & Gains

🚩Back-end Technical Solutions：

    In the back-end development, we choose to use the combination of Django + MySQL.

    Different from the most of other back-end frameworks, Django uses a design pattern called MTV. M is the model, which is responsible for the mapping between business objects and databases; T is the template, which is responsible for displaying the page (HTML) to the user; V is a view, which is responsible for business logic and calls model and template when appropriate.

    At the same time, Django uses Python as the programming language, which makes the coding more efficient, concise, and easy to learn.We use MySQL as our database because this is one of the best relational database management systems in web applications.

🚩Front-end & UI Design Solutions:

    Uni-app framework is used in the front-end development of this small program. The page code of this framework is based on VUE. Every time it is saved, the compiler will automatically compile the source code of wechat and display the changes in real time on the developer tool.

    In the process of writing, we encountered the layout logic chaos, mobile devices poor fit problems. Based on this question, we looked at official documents and online forums. We found it important to have a layout specification, and the official recommendation is to use flex layout for development in order to be compatible with multiple applications. By unifying the layout, this problem has been solved and can be displayed perfectly on mobile devices.

✅Gain1: Develop programs according to user needs and demand analysis.

✅Gain2: How to use online documentation, iterative forms to track project progress.

✅Gain3: How to use UML and mind map for better design analysis.

4.2 Specification iterative record table

Version	Date	Content Modified	Reviser
V1.0	2021.11.01	Write catalogue	YANLI LIU
V1.1	2021.11.01	Add introduction	YANLI LIU
V1.2	2021.11.03	Add project logo	XI LIN
V1.3	2021.11.03	Add mind map	YUHAN ZHENG
V1.4	2021.11.03	Add class diagram	YUHAN ZHENG
V1.5	2021.11.03	Add interface prototype	XI LIN, ZHENSHUO CHEN
V1.6	2021.11.05	Add functional description	YANLI LIU, HAOYUAN HE
V1.7	2021.11.05	Add iteration record table	YANLI LIU
V2.0	2021.11.06	Upload class diagram	YUHAN ZHENG
V2.1	2021.11.07	Upload interface prototype	XI LIN, ZHENSHUO CHEN
V2.2	2021.11.07	Upload iteration record table	YANLI LIU

4.3 Prototype iterative record table

Date	Content Modified	Reviser
2021.11.03	Analyze software function according to the demand document	YANLI LIU
2021.11.04	Complete main page UI design	XI LIN, ZHENSHUO CHEN
2021.11.05	Filling pages with fake data	ZHENSHUO CHEN
2021.11.06	Complete the interaction design and refine the details	ZHENSHUO CHEN, XI LIN
2021.11.07	Beautify the UI	XI LIN

4.4 Teamwork Record