Web Design and Development - 1633 - ASM 2 ( pass ), Assignments of Web Design and Development

Web Design and Development - 1633 - ASM 2 ( pass ) If u want Source code of this asm, please inbox FB for a good price: https://www.facebook.com/hstore.teehee

Typology: Assignments

2021/2022
On special offer
30 Points
Discount

Limited-time offer


Uploaded on 05/18/2022

flex.lowey
flex.lowey 🇻🇳

4.8

(104)

33 documents

1 / 32

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Higher Nationals in Computing
Unit 10: Website Design and Development
ASSIGNMENT 2
Learner’s name: NGUYEN GIA HUY
ID: GCS200801
Class: GCS0905C
Subject code: 1633
Assessor name: PHAN MINH TAM
Assignment due: Assignment submitted:
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff
pf12
pf13
pf14
pf15
pf16
pf17
pf18
pf19
pf1a
pf1b
pf1c
pf1d
pf1e
pf1f
pf20
Discount

On special offer

Partial preview of the text

Download Web Design and Development - 1633 - ASM 2 ( pass ) and more Assignments Web Design and Development in PDF only on Docsity!

Higher Nationals in Computing

Unit 10: Website Design and Development

ASSIGNMENT 2

Learner’s name: NGUYEN GIA HUY

ID: GCS 200801

Class: GCS0905C

Subject code: 1633

Assessor name: PHAN MINH TAM

Assignment due: Assignment submitted:

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 GCS0905C Assessor name TamPM
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

Assignment Brief 2 (RQF)

Higher National Certificate/Diploma in Computing

Student Name/ID Number: NGUYEN GIA HUY/ GCS Unit Number and Title: Unit 10: Website Design & Development Academic Year: 2021 – 2022 Unit Assessor: Phan Minh Tam Assignment Title: Website Design and Implementation Issue Date: 21 March 2022 Submission Date: Internal Verifier Name: Date: Submission Format: 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
  • 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.

Table of Contents

  • Unit 10: Website Design and Development ASSIGNMENT
  • Assignment Brief 2 (RQF)
    • Higher National Certificate/Diploma in Computing
  • and a full set of client and user requirements:............................................................................................... P5. Create a design document for a branded, multipage website supported with medium fidelity wireframes
      1. Client and user requirement analysis:
      1. User case diagram:
      1. Design database diagram:
      1. Design website wireframes:
      • 4.1. Home Page
      • 4.2. Shop Page
      • 4.3. Contact with Shop
      • 4.4. Sign In
      • 4.5. Sign Up
      • 4.6.Home Page Admin
      1. Site map:
  • multipage website supported with realistic content: P6. Use your design document with appropriate principles, standards and guidelines to produce a branded,
      1. Functional screen shot of multipage website:
      • 1.1. Home Page
      • 1.2. Infor Page
      • 1.3. Shop Page
      • 1.4. Detail Product
      • 1.5. Contact with Shop
      • 1.6. Sign Up
      • 1.7. Sign In
      • 1.8. Home Page Admin
      1. Detailed explanation of functions in multipage website:
      • 2.1. Detailed explanation about Home page
      • 2.2. Detailed explanation about Infor Page
      • 2.3. Detailed explanation about Detail Product
      • 2.4. Detailed explanation about Contact with Shop
      • 2.5. Detailed explanation about Sign in page
      • 2.6. Detailed explanation about Home Page Admin
      • 2.7. Detailed explanation about Admin Manage Product page
      1. Include some screenshots related to error handling:
  • performance of your website. 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
    1. Test plan:

P a g e | 2

Admin
Regarding admin, it will be divided into 2 levels to manage the admin page and website. Lever 1 is a
Website Manager that can do all the functions in the admin page and website. Level 2 is that
collaborators can only perform the functions of adding, editing and deleting products, categories, and
post collections.

Client

About Users, people can view, click links, order on the website. But if you want to buy goods, users
must create an account or log in to order and buy goods.In terms of website, the home page is to
introduce the product and the company. Collection page to show the company's emerging products
Contact page to let users footback 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

P a g e | 3

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.
Sign up:

P a g e | 5

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.
Design database diagram:
According to my logic design my database consists of 8 tables.
The Category table includes ID, name, parent.
The Product table includes: ID ,Name ,Price , Intro , Content , Featured ,image,status, categoryID.
The User table includes : ID , AdminName , email ,password,lever.
The Cart_detail table includes : ID , product_id, cart_id ,quantily.
The cart table includes: id, email, fullname, address, phone, total_cart.
The customer table includes: id, email, fullname, address, phone, email.
The collection table includes: id, image, category_id.
The post table includes: id, title, content, image.
Relationships between tables

P a g e | 6

Table Fieldes Data types Contrants
Category ID Int(10) Not null, auto_increment, primary
key
Name Varchar(20) Not null
Des Varchar(20) Not null
Product ID varchar(100) NOT NULL
Name varchar(255) NOT NULL
price int(255) NOT NULL
image int(11) DEFAULT NUL
detail varchar(255) NOT NULL
categoryID varchar(20) DEFAULT NULL
User ID int(20) NOT NULL
username varchar(20) NOT NULL
password varchar(20) NOT NULL
avatar int(11) DEFAULT NULL
phone int(20) DEFAULT NULL
address varchar(50) DEFAULT NULL
mail varchar(20) NOT NULL
Cart cartid int(20) NOT NULL
producttid varchar(20) NOT NULL
productname varchar(20) NOT NULL
price int(20) NOT NULL
Admin account varchar(20) NOT NULL
password varchar(20) NOT NULL
adminName varchar(20) DEFAULT NULL
adminMail varchar(20) DEFAULT NULL

P a g e | 8

4.3. Contact with Shop
4.4. Sign In

P a g e | 9

4.5. Sign Up

P a g e | 11

P6. Use your design document with appropriate principles, standards and guidelines to produce
a branded, multipage website supported with realistic content:
1. Functional screen shot of multipage website:

1.1. Home Page

1.2. Infor Page

P a g e | 12

1.3. Shop Page