Download assignment 2 1633 web design and development and more Assignments Computer Programming 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 Phạm Văn Hiệp Student ID GCS Class GCS0903B Assessor name Hồ Nguyễn Phú Bảo 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 HIEP Grading grid P5 P6 P7 M4 M5 D2 D
x x x
Grade: Assessor Signature: Date:
Signature & Date:
Assignment Brief 2 (RQF)
Higher National Certificate/Diploma in Computing
Student Name/ID Number: Phạm Văn Hiệp Unit Number and Title: Unit 10: Website Design & Development Academic Year: 2021 – 2022 Unit Assessor: Hồ Nguyễn Phú Bảo Assignment Title: Website Design and Implementation Issue Date: 01 April 2021 Submission Date: Internal Verifier Name:
Format:
- A report document including below sections o Section 1: A review of appreciate web design principles, standards and guidelines. o Section 2: Design document for online shopping website. o Section 3: Implementation of website design. o 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 Tutor.
- The form of submission will be a soft copy posted on http://cms.greenwich.edu.vn/.
- Remember to convert the word file into PDF file before the submission on CMS. Note:
- The individual Assignment must be your own work, and not copied by or from another student.
- 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 understand and follow the guidelines to avoid plagiarism. Failure to comply this requirement will result in a failed assignment. 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: Assignment scenario You currently work for a software training company that produces courses and topic presentations to established companies and, importantly, to new start-ups. MWS wishes to pursue a bespoke web-based e-commerce solution. MWS were impressed with your presentations and wishes to continue with the design and development of an e-commerce website. A sister company develops web solutions and you have been tasked with taking the lead on the MWS solution you outlined previously. You are now required to design and create an interactive website with the emphasis being on the production of a set of simple dynamic web pages, which embody good design principles. The site will be themed around a template which would be most appropriate to MWS, with placeholders for text and content. Images and icons will be used, to give MWS a feel for the proposed website design. You will also include a membership area, where users can register to have access to restricted areas. You will base on MWS-CaseStudy.docx for more information.
LO4 P7 Create a suitable Test Plan identifying key performance area and use it to review the functionality and performance of your website. User Experience (UX) and User Interface (UI). M5 Evaluate the Quality Assurance (QA) process and review how it was implemented during your design and development stages. D3 Critically evaluate the results of your Test Plan and include a review of the overall success of your multipage website; use this evaluation to explain any areas of success and provide justified recommendations for areas that require improvement.
- INTRODUCTION
- DESIGN PLAN (P5).................................................................................................................................................................................
- Produce a set of Users’ requirements.............................................................................................................................................
- Use cases diagram
- Wireframes
- Site map
- Implementation (P6)
- Functional screenshot after implementation
- As a user
- As an administrator
- Testing (P7)
- References
- Schedule
- Figure 1. Use cases diagram
- Figure 2. Login page
- Figure 3. Register page
- Figure 4. Home page
- Figure 5. Product page
- Figure 6. Cart page
- Figure 7. Profile page
- Figure 8. Homepage of unregister user
- Figure 9. Login form
- Figure 10. Register form
- Figure 11. Register successfully
- Figure 12. Homepage of registered user
- Figure 13. Navbar of registered user 2.....................................................................................................................................................
- Figure 14. Product
- Figure 15. Cart
- Figure 16. Product
- Figure 17. Update product
- Figure 18. Update successfully
- Figure 19. Delete product
- Table 1. Site map
INTRODUCTION
Assignment scenario I currently work for a software training company that produces courses and topic presentations to established companies and, importantly, to new start-ups. MWS wishes to pursue a bespoke web-based e-commerce solution. MWS was impressed with my presentations and wishes to continue with the design and development of an e-commerce website. A sister company develops web solutions and I have been tasked with taking the lead on the MWS solution you outlined previously. I am now required to design and create an interactive website with the emphasis being on the production of a set of simple dynamic web pages, which embody good design principles. The site will be themed around a template that would be most appropriate to MWS, with placeholders for text and content. Images and icons will be used, to give MWS a feel for the proposed website design. I will also include a membership area, where users can register to have access to restricted areas. I will base on MWS-CaseStudy.docx for more information. DESIGN PLAN (P5) Now, I want to create a shopping website specifically a men's clothing store.
2. Use cases diagram Figure 1. Use cases diagram
3. Wireframes Figure 2. Login page
