Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
WEBSITE DESIGN AND DEVELOPMENT ASM2 - 1633 - pass - WEB DEMO
Typology: Assignments
1 / 26
This page cannot be seen from the preview
Don't miss anything!
ASSIGNMENT 2 FRONT SHEET Qualification BTEC Level 5 HND Diploma in Computing Unit number and title 10: Website Design & Development Submission date Date Received 1st submission Re-submission Date Date Received 2nd submission Student Name NGUYEN GIA HUY Student ID GCS Class Tutor_1620_FA23^ Assessor^ name^ HO^ NGUYEN PHU BAO Student declaration I certify that the assignment submission is entirely my own work and I fully understand the consequences of plagiarism. I understand that making a false declaration is a form of malpractice. Student’s signature HUY Grading grid P5 P6 P7 M4 M5 D2 D
Student Name/ID Number: NGUYEN GIA HUY/ GCS Unit Number and Title: Unit 10: Website Design & Development Academic Year: 2021 – 2022 Unit Assessor: HO NGUYEN PHU BAO Assignment Title: Website Design and Implementation Issue Date: Submission Date: Internal Verifier Name: Date: Submission Format: Format:
P a g e | 1
P5. Create a design document for a branded, multipage website supported with medium fidelity wireframes and a full set of client and user requirements:
1. Client and user requirement analysis: We decided to create a website for a shop. This project includes 2 systems: administration and web user interface: Firstly, the administration system consists of two interfaces, which are categories and products. About the category admins can control all of category list by editing the information. namely, category id and category name About product they also control all of product information by adding or deleting data like as product galleries, quantity, id, cost, content summary, all of former steps will be displayed in an admin index home page that includes all the data and functionality, including images and product information. The web interface is quite simple, with an interface that records customer information to save and customers can choose products according to their requirements with name, selling price and product information. User requests clear and detailed product categories. For customers, just enter information and request the product is done. In addition, when buying, customers can refer to the product details before buying. This is the link of website : https://giahuygwf.github.io/woodyshop/ 2. User case diagram: Use case diagram is a diagram to show how users in the system can interact with the system by what features. It will consist of 3 main parts: - •Types of User in the System (Admin) - Use features in the system - Relationship between Admin and Client(User)
P a g e | 3 goods, users must create an account or log in to order and buy goods. In terms of a website, the home page is to introduce the product and the company. Product page to show all the company's products. A contact page to let users click back and find the company's address. The detail page is used to let people see detailed information about the product. Cart and checkout page so people can buy products and place orders. About Us page helps customers learn about the company Admin In terms of administration, you can Update order status, delete orders when customers cancel orders to reduce the burden on the website's database. Update order when user wants to change something. But if you want to do those functions, you have to log in. Client (User) About Client users can go to the shop page to view and purchase goods and see the details of each product. Moreover, when the user makes a purchase, he will be taken to the cart page so he can delete the product oder if the user does not like it or can increase or decrease the product and if he buys enough, the user can order the product. But if you want to do those functions, you have to log in.
P a g e | 4 Sign up: Registered users can enter many required information such as email so that when making a purchase, the invoice code can be sent to the email and all notifications will be sent to their email, phone to get the login code and data. Otherwise, let us know where they are for delivery if they order the product from our website. Sign in:
P a g e | 6
3. Design website wireframes: 3.1. Home Page 3 .2. Shop Page
P a g e | 7 3 .3. Cart Page 3 .4. Sign In
P a g e | 9 1.2. Shop Page
P a g e | 10 1.3. Cart Page
P a g e | 12 1.6. Home Page Admin
2. Detailed explanation of functions in multipage website: 2.1. Detailed explanation about the Home page The home page display all the information about the product and customer can view all product and the price of each product. Besides, the Home page has links to other pages, Single Product, and the like. On the Home page, customers sign in or register an account through Customer Account. Admin
P a g e | 13 go to Admin Menu page through Sign in of Admin Account.
2. 2. Detailed explanation of Cart Page Product Details displays detailed information about the product such as product name, product price, product image, and number of products in the basket. The page will show the total amount of the product in the cart and the shipping cost associated with it. 2. 3. Detailed explanation about Sign in page Sign-in page of Customer Account: customers can sign in to their account and they can evaluate for product, and comment on the product. Sign-in pages of Admin Account: a person who is the admin of the website can sign in Admin Menu page through the Sign-in page of the Admin Account. 2. 4. Detailed explanation about Sign up Page Sign-up page of Customer Account: customers can create new accounts to cart and payment for products. 2. 5. Detailed explanation about Home Page Admin Person who successfully sign-in account in Admin, go Admin Menu page. In the Admin Menu page, the admin will have 2 selections for admin’s work and they are “Admin Manage Product” and “Log out”. - In Admin Manage Product selection, the admin will manage all products of website. Add New product: The admin will go to the Add New Product page and admin website and add information for new product such as Product ID, Product Name, Product Image, Product Price, Product Details and the like - In Log out selection, admin will sign out Admin menu and comeback Sign in pages. 3. Include some screenshots related to error handling:
