Đang tải... (xem toàn văn)
1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass) 1633 assignment 2 (pass)
ASSIGNMENT FRONT SHEET Qualification BTEC Level 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 Đào Vĩnh Khang Student Name Student ID GCS200222 Trung Nam Class GCS0905B 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 KHANG Grading grid P5 P6 P7 x x x M4 M5 D2 D3 Summative Feedback: Resubmission Feedback: Grade: Signature & Date: Assessor Signature: Date: Assignment Brief (RQF) Higher National Certificate/Diploma in Computing Student Name/ID Number: ĐÀO VĨNH KHANG Unit Number and Title: Unit 10: Website Design & Development Academic Year: 2022 – 2023 Unit Assessor: TRUNG NAM Assignment Title: Website Design and Implementation Issue Date: 01 May 2022 Submission Date: Internal Verifier Name: Date: Submission Format: 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 Learning Outcomes and Assessment Criteria (Assignment 2): Learning Outcome Pass Merit Distinction LO3 P5 Create a design document for a branded, multipage website supported with medium fidelity wireframes and a full set of client and user requirements M4 Compare and D2 Critically evaluate the design and development process against your design document and analyse P6 Use your design document with appropriate principles, standards and guidelines to produce a branded, multipage website supported with realistic content contrast the multipage website created to the design document any technical challenges 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 Contents INTRODUCTION 14 DESIGN PLAN (P5) 14 Produce a set of Users’ requirements 14 Figure Profile page Site map Table Site map Store Login Register Home Product Size Size Size Size Implementation (P6) Functional screenshot after implementation As a user • Overview home page: Price Cart Quantity Shopping cart Payment Profile On the home page, we can see the products that are on the website but are not yet able to buy because we are not registered, users Figure Homepage of unregister user • Login form: This is the login form for registered users If you are not registered, you will need to create an account to purchase products Figure Login form • Register form: This is a registration form for unregistered users After creating an account, we were able to log in to the website Figure 10 Register form Figure 11 Register successfully • This is the homepage after the user has registered and logged in It has buttons: Order, admin (Profile), and Logout Figure 12 Homepage of registered user Figure 13 Navbar of registered user • Here is a product If I want to buy it, I will click the button Add to Cart It will come to the Order button Figure 14 Product • This is order page Figure 15 Cart As an administrator • This is the administrator page, admin can add, update or delete products on the homepage Figure 16 Product Figure 17 Update product Figure 18 Update successfully Figure 19 Delete product Testing (P7) I will create an account with username: admin; and password: admin and test some functions of the project Test case: No Test case Function Testing data Expected output Actual output Evaluation Enter the wrong password Login Username: admin Password: ấdk Login fail Pass Enter the wrong username Login Username: adminn Login fail Pass Password: 123 Enter the correct account Login Username: admin Login successful Go to home page Pass Account creation failed Account creation failed Pass Password: Do not enter some information Register admin Do not enter the username Insert product Update product Select only Failed category References Agrawal, A., 2019 https://customerthink.com [Online] Available at: https://customerthink.com/top-website-design-and-development-guidelines-for-2019/ [Accessed 30 12 2021] Bakuchi, A., 2019 https://digital-goal.net [Online] Fail Available at: https://digital-goal.net/top-principles-of-effective-web-design/ [Accessed 30 12 2021] Craig, W., 2021 https://www.webfx.com [Online] Available at: https://www.webfx.com/blog/web-design/symmetry-design/ [Accessed 30 12 2021] Schedule Source code: https://drive.google.com/file/d/14GjZRrdGBcZZj_1DeMrrZRO2J9Q_skdM/view?usp=sharing Github: https://github.com/phamhiep221002/assignment Github source code: https://phamhiep221002.github.io/assignment/index.html