Download Web Design & Development - Assignment 2 (P&M&D) and more Assignments Web Design and Development in PDF only on Docsity!
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 Trần Nguyễn Tấn Sang Student ID GCS
Class Assessor name
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
Grading grid
P5 P6 P7 M4 M5 D2 D
❒ Summative Feedback: ❒ Resubmission Feedback:
ASSIGNMENT 2 BRIEF
Qualification BTEC Level 5 HND Diploma in Computing
Unit number 10: Website Design & Development
Assignment title Web Services Presentation and Guidebook
Academic Year 2018 – 2019
Unit Tutor
Issue date Submission date
IV name and date
Submission Format: Format:
- A report document including some sections
- Section 1: A review of appreciate web design principles, standards and guidelines.
- Section 2: Design document for online shopping website.
- Section 3: Implementation of website design.
- Section 4: Test plan and test evaluation.
- A compressed file that encapsulates all source code and particular necessary resources including files of images, style sheets, java script and other files to support to install multipage website such as sql script and installation guide.
Submission Students are compulsory to submit the assignment in due date and in a way requested by the Tutors. The form of submission will be a soft copy posted on http://cms.greenwich.edu.vn/ Note: The Assignment must be your own work, and not copied by or from another student or from books etc. If you use ideas, quotes or data (such as diagrams) from books, journals or other sources, you must reference your sources, using the Harvard style. Make sure that you know how to reference properly, and that understand the guidelines on plagiarism. If you do not, you definitely get failed
Unit Learning Outcomes:
LO3 Utilise website technologies, tools and techniques with good design principles to create a multipage website.
LO4 Create and use a Test Plan to review the performance and design of a multipage website. Assignment Brief and Guidance:
You work as a full-stack web team leader for a leading creative web solutions and marketing company. Your team is about to have a big contract to develop an online shopping mall.
In order to finish your work effectively you need to review all appropriate principles, standards and guidelines for website designing and development, evaluate all technical challenges to produce a good design document for the online shopping website with wireframes, functional illustrations and a full set of client and user requirements. Then, you lead your team to utilize web design and development technologies, tools and techniques to implement your web design to develop the online shopping website. To get good result, you always ask your team for following your design document by comparison between created multipage website with your design document and evaluation.
As your role, to ensure that the multipage website for online shopping developed by your team is a high quality product, you also need to ask your team members to follow quality assurance process and implement it during your design and development stages by creating a suitable test plan. The test phase should be seriously implemented by reviewing and analysing all test results to evaluate applied quality assurance process and point out suggestions of improvements for online shopping website
- Admin can deactive and active one user's account. Find product and category by name.
- Add, edit, remove product.
- Add, edit, remove category
- Find order by OrderID.
- View Order Detail.
- Change orders' status. II. Use case diagram:
III. Database diagram:
IV. Site map:
P6 Use your design document with appropriate principles, standards and guidelines to
produce a branded, multipage website supported with realistic content.
Functional screenshot:
- Login-page: When we access to admin page before login, website auto redirects to login form.
- Admin home: after login with admin account, we will access to admin home. We can see menu contains link list to navigate.
- Navigate to category page and we see all category:
- After edit:
- Delete category:
- After delete:
- Navigate to product page, we can see all products:
- Add new product:
- After editing:
- Delete product:
- Navigate to order page, we can see all orders that ordered by date desc.
- When click on specific row of order table, we can see order detail of that order:
- When quantity of product detail exceed quantity of product, we cannot accept order and receive a caution:
- When we access to user home, we can see a menu that contains link to login, register page, view orders, view shopping cart page. Below that we can see a dropdown to choose category to view
- When we click to product, the website will redirect us to product detail page of that product.
- When dropdown category bar, after choosing category, the website will redirect us to page list of product that belong to specific category.
- When we click to order link, we can see all our orders that we submitted:
- We can see our shopping cart after choosing cart link:
- After click buy button in shopping cart, we will access the submit order page
