-
Notifications
You must be signed in to change notification settings - Fork 0
Iteration_1
WesleyLingard edited this page Jul 12, 2019
·
43 revisions
The goal of the first design iteration was to create and document the creation of a prototype focus group system. This website system would compose of a website for our team named TechPot. This website will be composed of these programming languages which is included HTML/Css/Css3/python/Javascript, and it can apply to various PC and mobile clients. Our website is called Orange, and our website slogan is 'The road to nutrition and health'. The website aims to provide users with good health advice and help them develop a good health eating habit. A summary of the iteration goals is provided below:
| Goal | Description |
|---|---|
| Interact with website interface | Design an interface with high quality usability and accessibility |
| Develop a database for storing data | Create a system which manages user account details and food details |
| Create a database of all foods | Create a structure for food information to be added, and pull information from online into the app database |
| Create the user Profile page | Allow users to edit their personal information |
| Create the About, Contact and Professional pages | Allow users to access information about the company, its contact information and placeholder contact information for health professionals |
| Develop the food scanning feature | Implement ImageNet machine learning model to detect different food |
| Develop the nutritional tracking | Create progress bars that provide the user with a percentage of their daily intake for each nutritional element |
| Develop the manual control of adding food | Implement an interface as a fallback to the scanning feature |
| Design the Orange Brand | Design the colour scheme, logo, and user interface for the website and app |
| Create a business plan | Develop a business plan to articulate business objectives and converge business ideas together |
The roles of each of our team members;
| Name | Role | Description |
|---|---|---|
| Wesley | Chief Executive Officer; Frontend, Machine Learning | Coordinate and organise tasks for each team member and improve communication between each subteam. Program the frontend user interface for the website and assist in the implementation of the machine learning scan functionality. |
| Mathew | Lead User Experience Designer; Database, Graphics and UX | Migrated the wireframe design to a detailed user interface mockup using Photoshop. Designed the database with Gareth, using relational database principles such as entity-relationship modelling and relational mapping. Ensured a consistent design language was used across the board in the product. |
| Gareth | Lead Programmer; Machine Learning, Backend | In charge of architecture choices for the backend, implementing API’s and other technologies. |
| Neil | Lead Database Engineer; Database, Backend | Develop a database for storing site information, including user details and food details. Track all tasks and ensure that they are completed to a high standard. |
| Hayah | Lead Business Manager; Graphics and UX, Documentation and Project Management | Design the layout of the front UI, and edit, write and organise the project documentation. |
| Nancy | Lead Frontend Developer; Frontend, Documentation and Project Management | Using programming language technology, complete the website page, giving users the most intuitive feeling. Keep track of the team’s progress daily, and update the technical documentation on GitHub. |
| Date | Issue |
|---|---|
| 02/07/2019 | The language barrier between the DNUI students and the foreign students makes organisation and team communication more difficult. Organising tasks so that all team members can be actively engaging in the project is difficult to achieve. |
| 05/07/2019 | The different backgrounds and varying skill level in programming makes it harder to communicate ideas between team members. We are more pressured for time because of the amount of tasks we have left to complete. |
| 12/07/2019 | Only two team members were coding. |
It is estimated that all the tasks for Iteration_1 of the Orange website will be completed by 12/07/2019. The table below lists the individual tasks, their estimated hours for completion and their actual time for completion.
| Task | Estimated Hours | Actual Hours |
|---|---|---|
| Set up Github | 0.5 | 0.5 |
| Create E-R Diagram for database design | 1 | 1 |
| Set up Django | 1 | 1.5 |
| Create a Relationship Mapping for the Database Design | 1 | 0.5 |
| Decide on an API for Nutritional Information | 2 | 0.5 |
| Create a Wire-Frame Design for the website interface | 3 | 2.5 |
| Begin initial documentation of Iteration_1 | 1 | 2 |
| Implement API for Nutritional Information | 2 | 1 |
| Move existing documentation to GitHub | 2 | 1 |
| Implement the log in page | 1 | 1 |
| Make a digital user interface design for desktop | 3 | 7 |
| Implement the database in Django | 2 | 4 |
| Make a digital user interface for mobile devices | 2 | 3 |
| Begin initial documentation of the Soft Requirements Specification | 2 | 2 |
| Create a page for displaying food information | 0.5 | 0.5 |
| Implement manual control of adding food | 1 | 1 |
| Implement food diary | 1 | 1 |
| Simplify food scanning database | 1.5 | 0.5 |
| Implement food scanning feature | 1 | 1.5 |
| Implement frontend UI | 4 | 16 |
| Begin documenting frontend design specifications | 2 | 1 |
| Add average intakes to code | 1 | 1 |
| Create host server | 0.5 | 0.5 |
| Add nutrition tracking to dashboard | 2 | 1 |
| Connect frontend UI to Django | 2 | 20 |
| Implement updated food scanning database | 0.5 | 0.5 |
| Incorporate food API into database and scanning | 3 | 3 |
| Implement unit conversions | 1 | 1 |
| Add manual food search | 0.5 | 0.5 |
| Create TechPot logo digitally | 0.5 | 1 |
| Add edit option to profile page | 2 | 1 |
| Fix website layout | 6 | 20 |
| Documentation for project | 6 | 25 |
| Create demo presentation | 6 | 5 |
| Total | 67.5 | 128.5 |
| Date | Notes |
|---|---|
| 02/07/2019 | -Mathew: Finished setting up Github -Gareth: Began setting up Django -Neil & Mathew: Started creating an E-R diagram for the database design -Hayah & Wesley: Began creating a Wire-Frame Design for the website interface -Nancy: Began documenting Iteration_1 |
| 03/07/2019 | -Neil & Mathew: Completed the E-R diagram for the database -Gareth: Finished setting up Django -Gareth & Mathew: Started creating a Relational Mapping for the database -Hayah & Wesley: Continued creating Wire-Frame Design -Nancy & Hayah: Continued Iteration_1 |
| 04/07/2019 | -Hayah & Wesley: Completed the Wire-Frame Design for the website -Gareth & Mathew: Completed the Relational Mapping for the database -Gareth: Decided on an API for the Nutritional Information -Nancy, Hayah & Wesley: Completed the initial documentation for Iteration_1 -Gareth: Continuing implementation of the API for Nutritional Information -Mathew: Continuing the design of the digital user interface -Nancy, Hayah & Wesley: Documenting the soft design specification -Nancy & Mathew: Deciding on frontend UI framework -Neil & Gareth: Implementing the database on Django |
| 05/07/2019 | -Gareth: Completed implementing the API for the Nutritional Information -Mathew & Nancy: Decided on the frontend UI framework VUE js -Hayah & Nancy: Finished moving documentation onto GitHub -Gareth: Completed the implementation of the log in page -Mathew: Completed the digital user interface design for desktop users -Neil & Gareth: Continuing the implementation of the database Django -Nancy & Wesley: Continuing the implementation of the frontend UI -Hayah: Begin documenting soft requirements specification -Mathew: Making a digital user interface for mobile users |
| 08/07/2019 | -Neil & Gareth: Completed implementation of the database in Django -Mathew: Completed the digital user interface for the mobile devices -Gareth: Starting implementation on the manual controls for adding food -Gareth: Implementation through display information -Hayah & Neil & Wesley: Continuing documentation -Mathew & Nancy: Continuing implementation of the frontend UI -Hayah: Completed digitalizing wireframe designs |
| 09/07/2019 | -Hayah: Completed initial documentation for the soft requirements specifications -Gareth: Completed food info display, implemented control of adding food, and finished implementing the food diary -Wesley: Completed simplifying the food scanning database -Gareth: Completed the food scanning feature -Matthew & Nancy: Completed the implementation of the frontend UI -Wesley: Completed initial documentation of the soft design requirements -Gareth & Wesley: Implementing average intakes -Gareth: Adding nutritional tracking to dashboard -Neil & Nancy & Wesley & Hayah: Continuing the documentation -Matthew: Continuing to connect the frontend UI to Django |
| 10/07/2019 | -Gareth & Wesley: Completed adding average intakes -Gareth: Completed the set up for hosting the server -Gareth: Completed adding nutrition tracking to dashboard -Gareth: Completed implementing the updated food scanning database -Gareth & Mathew: Completed connecting the frontend UI to Django -Neil, Nancy, Hayah & Wesley: Continuing documentation -Mathew: Fixing the website layout -Gareth: incorporating the food API into database and scanning |
| 11/07/2019 | -Gareth: Completed implementing the updated food scanning database -Gareth: Completed the incorporation of the food API into the database and scanning -Gareth: Completed implementation of unit conversions -Gareth: Completed adding the manual food search -Neil, Nancy, Hayah & Wesley: Continuing documentation -Mathew: Continuing editing website layout -Gareth: Adding an edit function to the profile page -Team: Creating a demo presentation |
| 12/07/2019 | -Matthew: Completed making a digital TechPot logo -Gareth: Completed adding edit option to profile page -Matthew: Completed fixing website layout -Nancy, Neil, Hayah & Wesley: Continuing the documentation -Team: Continuing the demo presentation |
By the Tuesday of the second week (19/07/02), the team, TechPot completed the software requirements and development implementation goals and division of labor. Both positive and critical reflections on the progress were made and from this, a list of recommended actions to take for the next management cycle was produced.
| Date | Problem | Keep | Try |
|---|---|---|---|
| 02/07/2019 | 1. Language Barrier 2. Lack of time structure 4. Not doing things in parallel |
1. Mutual respect 2. Delegation 3. Constant discussion 4. Equal say on team decisions 5. Allocating people based on strengths |
1. Talk more, clear more 2. Ensure everyone is regularly checking GITHub. 4. Plan the time 5. Upload all pictures on WeChat quickly 6. Make an organisation board |
| 05/07/2019 | 1. Hard to understand each other because of different levels of skill 2. Not understanding the connection between Django, Vue and HTML. 3. Running out of tasks for everyone |
1. Make an organisation board 2. Training; knowledgeable members can suggest useful resources |
1. Have one or two members in charge of communicating between the front-end and back-end. 2. If you do not have something to do, talk to the group. 3. Focus on core functionality from now on and add extra later. 4. Look at online examples of Vue and Django. |
| 12/07/2019 | 1. Only two people were able to code. | 1. Plan out time. 2. Talk clearly to team members. 3. If you don't have something to do, talk to the group. 4. Focus on core functionality from now on and add extra on later. 5. Ensure everyone is regularly checking GitHub. |
1. Better version control. |