Website Design and Implementation - Prof. LOng, Lecture notes of Computer Networks

Download Website Design and Implementation - Prof. LOng and more Lecture notes Computer Networks in PDF only on Docsity!

Higher Nationals in Computing

Unit 2: Web Design and Development

ASSIGNMENT 2

Learner’s name: Luong Thanh

Dat

ID: GCS

Class: GCS 1004 B

Subject code: 1633

Assessor name: Le Minh

Hoa

Assignment due: 20/12 / 2 0 2 2 Assignment submitted: 20/12 / 2 0 2 2

• user requirements. P5 Create a design document for a branded, multipage website supported with medium fidelity wireframes and a full set of client and
  • 1. Users’ Requirements
  • 3. Use cases diagram
  • 4. Wireframes..............................................................................................................................................................................................
  • 5. Sitemap
• with realistic content P6 Use your design document with appropriate principles, standards and guidelines to produce a branded, multipage website supported
  • 1. Source code Samples of the Website
    • 1.1. Main Page
    • 1.1.1. Html
    • 1.1.2. CSS...............................................................................................................................................................................................
    • 1.1.3. Responsive
    • 1.2. Login Page
    • 1.2.1. Html
    • 1.2.2. CSS...............................................................................................................................................................................................
    • 1.3. Shopping Cart Page.........................................................................................................................................................................
  • 2. Screenshots of Final website with explanation
    • 2.1. Main Page Website
    • 2.2. Login Page
    • 2.3. Shopping Cart Page.........................................................................................................................................................................
  • 3. PHP and MySQL
    • 3.1. Source code
  • 3.1.1. Html
  • 3.1.2. PHP
  • 3.2. Some queries (Create / Read / Update / Delete) with MySQL
  • 3.2.1. Create
  • 3.2.2. Delete
  • 3.2.3. Select
  • 3.2.4. Update
• User Experience (UX) and User Interface (UI) P7 Create a suitable Test Plan identifying key performance area and use it to review the functionality and performance of your website.

ASSIGNMENT 2 FRONT SHEET

Qualification TEC Level 5 HND Diploma in Computing

Unit number and title 10: Website Design & Development

Submission date 20/12/2022^ Date Received 1st submission

Re-submission Date Date Received 2nd submission

Student Name Luong Thanh Dat Student ID GCS

Class GCS1004B Assessor name Le Minh Hoa

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 Dat

Grading grid

P5 P6 P7 M4 M5 D2 D

Assignment Brief 2 (RQF)

Higher National Certificate/Diploma in Computing

Student Name/ID Number: Luong Thanh Dat/ GCS Unit Number and Title: Unit 10: Website Design & Development Academic Year: 2021 – 2022 Unit Assessor: Le Minh Hoa Assignment Title: Website Design and Implementation Issue Date: 20/12/ Submission Date: 20/12/ Internal Verifier Name: Luong Thanh Dat Date: Format:

1. 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.
2. 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 Format:

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

the functionality and implemented during multipage^ website;^ use

this evaluation to

explain any areas of

success and provide

justified

recommendations for

areas that require

improvement.

performance of your your design and

website. User development stages.

Experience (UX) and

User Interface (UI).

ASSIGNMENT 2 ANSWER

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. Users’ Requirements

Two small businesses in Herefordshire, and their joint company, Marches WoodShell (MWS), is being formed to manufacture and sell

wooden cases for mobile phones direct to customers. This will be an internet-only business. Their aim is to provide cool designs with

customizable features for any current smartphone from Apple, Samsung, Sony, LG, HTC, Motorola, and Nexus.

3. Use cases diagram

5. Sitemap

P6 Use your design document with appropriate principles, standards and guidelines to produce a branded, multipage website

supported with realistic content.

1. Source code Samples of the Website

1.1.Main Page

1.1.1. Html

1.1.2. CSS