Download Assignment - Web project (WEBG301)- Grade D and more Study Guides, Projects, Research Information Technology in PDF only on Docsity!
ASSIGNMENT 01 FRONT SHEET
Qualification BTEC Level 4 HND Diploma in Computing
Unit number and
title
Unit 3: Project Web
Submission date Date Received 1st submission
Re-submission Date Date Received 2nd submission
Group number:
Student names & codes Final scores Signatures
1. Nguyen Van Truong Student ID GCD20159 7
2. Phan Nhat Linh Student ID GCD 201635
3. Nguyen Duc Thien Student ID GCD 201512
Class
GCD
Assessor name Do Duy Thao
Student declaration
Grading grid
P M D
โ Summative Feedback: โ Resubmission Feedback:
Grade: Assessor Signature: Date:
Table of Contents
- CHAPTER 1 โ USER REQUIREMENTS - 1. Userโs requirements by using User Story
- CHAPTER 2 โ SYSTEM DESIGN.......................................................................................................................................................................................... - I. Site map: - II. Entity Relationship Diagram (ERD):
- CHAPTER 3 โ IMPLEMENTATION - I. Sample Source Code:
- Sample source code 1 - Controller:
- Sample source code 2 - Entity:
- Sample source code 3 โ Templates:
- II. Images of final application:
- Dashboard:
- Login / Registration:.......................................................................................................................................................................................................................
- Store:
- Profile:................................................................................................................................................................................................................................................
- List Users of the Admin area
- List items of the Admin area
- List Orders with the detail of an order
- III: GitHub repository with evidence.
- Chapter 4: Conclusion - 1. What went well - 2. What did not go well - 3. Lessons learned and further developments
- 3.1 Lesson learned
- 3.2 Further improvements
- Figure 1: Sitemap Table of figures
- Figure 2: Entity Relationship Diagram
- Figure 3: Sample code - Library used
- Figure 4: Sample code - Show and login
- Figure 5: Sample code - Profile functionality
- Figure 6: Sample code - Product entity [1]
- Figure 7: Sample code - Product entity [2]
- Figure 8: Sample code - Dashboard view [1]
- Figure 9: Sample code - Login view [2]
- Figure 10: Dashboard
- Figure 11: Sign Up
- Figure 12: Sign In
- Figure 13: Store
- Figure 14: User Profile
- Figure 15: List Users
- Figure 16: List items
- Figure 17: List Order
- Figure 18: The detailed order
- Figure 19: GitHub
- Figure 20: Commits on GitHub
[Date]^7
CHAPTER 2 : DESIGN PLAN
I. Site Map
In order to understand the relationship between sites of our website, I will create a sitemap. The sitemap will provide
information about the pages, videos, and other files on our site.
CHAPTER 2 โ SYSTEM DESIGN
I. Site map:
A website's site map is a list of pages created with users or crawlers in mind. and serves as a list of pages on a
website, typically organized chronologically, or as a web design planner. Below is a visual representation of the project
page link layouts. The website includes 5 functional pages along with smaller pages that have different tasks in the
website such as searching or sorting.
Figure 1 : Sitemap
II. Entity Relationship Diagram (ERD):
During the design of the database table, we discussed and finalized the database table of the TLT project. In it, there are 5 tables which are Orders, Line Details, Customers, Products, and Images. All tables are related to each other through unified relationships. Figure 2 : Entity Relationship Diagram
Figure 4 : Sample code - Show and login
Figure 5 : Sample code - Profile functionality
Figure 7 : Sample code - Product entity [2]
- Sample source code 3 โ Templates: Figure 8 : Sample code - Dashboard view [1]
II. Images of final application:
- Dashboard: The following are all the impressions of our website, first when visiting the website. The dashboard will appear first with media publications and a function bar. Figure 10 : Dashboard
- Login / Registration: In the login and register sections, users will have to enter basic information such as name, email, and password. Figure 11 : Sign Up
- Store: The product list section will show all products 4 products in 1 page and they will include: Photo, Product Name, Price. Figure 13 : Store
- Profile: The personal information section will display all the basic information of the user such as: Name, Email, DOB and location. Figure 14 : User Profile