1633 Assignment Web design and development, Essays (university) of Web Design and Development

Have project and it's include php html css

Typology: Essays (university)

2021/2022

Uploaded on 06/24/2022

tai-nguyen-15
tai-nguyen-15 🇻🇳

4.9

(10)

4 documents

1 / 24

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
Higher Nationals in Computing
10
:
Website Design and Development
ASSIGNMENT
2
Learner’s name
:
Nguyen Tri Tai
ID:
GCS200742
Class: GCS1001A
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

Partial preview of the text

Download 1633 Assignment Web design and development and more Essays (university) 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 Tri Tai

ID: GCS

Class: GCS1001A

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 Tri Tai Student ID GCS
Class GCS1001A^ 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
Grading grid
P5 P6 P7 M4 M5 D2 D
Signature & Date:

Assignment Brief 2 (RQF)

Higher National Certificate/Diploma in Computing

Student Name/ID Number: 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:

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 ecommerce 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.

P6 Use your design document with appropriate principles, standards and guidelines to produce a branded, multipage website supported with realistic content. M4 Compare and contrast the multipage website created to the design document. D2 Critically evaluate the design and development process against your design document and analyse 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. Table of Contents Contents Introduce .................................................................................................................................................................. 9 Body .......................................................................................................................................................................... 9 Task 1 – Design Plan (P5) .................................................................................................................................... 9

  1. User ........................................................................................................................................................... 9
  2. WireFrames............................................................................................................................................. 9 Task 2 – Implementation (P6) ............................................................................................................................. 11
  3. Implement....................................................................................................................................... 11
  4. Wireframes ............................................................................................................................................. 12
  5. Implement............................................................................................................................................... 17
  6. Admin ...................................................................................................................................................... 19 Task 3 – Testing (P7) ........................................................................................................................................ 21 Conclusion .............................................................................................................................................................. 23

The store's example name is Mobile The toolbar will contain functionality such as viewing all items, admin, and support. Following that are two extremely crucial buttons: the login (logout) button and the add-on button. The main screen will display the bought name device, quantity, price, and kind. You will create an acceptable site map for the development and justify the building type used. The site map makes it very evident that The Home page will feature a page for viewing all items, an Admin page, a help page, a personal information page, and a login (logout) page. There will be an add to cart page on the page where you can view all goods. There will be a list of items on the Admin page, and you will be able to add and remove things.

ERD of system in Database

I have 8 tables include Account table, 2 Ward table, Profile table, Product table, Category table, District table and Cart table Account table: Primary key is ID. Foreign key is Profile_id, besides input Username and Password. Profile table: ID is the primary key. Foreign keys include Profile id, District ID, and City ID, in addition to the inputs First Name, Last Name, Birthday, Phone, and Street. Cart table: ID is the primary key. Account id and Product id are foreign keys, in addition to input Quantity. Product table: ID is the primary key. Aside from the input Name, Description, and Price, the foreign key is Category id. Category table: ID is the primary key. In addition, enter Name, Description, and Parent id. Ward table: The primary key is ID, however one table has a foreign key called District id. Aside from the two tables, the name must be entered. District table: ID is the primary key. Aside from the input Name, the foreign key is City id. Task 2 – Implementation (P6)

  1. Implement Implement and write technical documentation in technical language detailing how all of the system's features were produced (proper usage of annotated screen pictures and sample source code (HTML5/CSS3 and JavaScript/PHP) should be utilized). Create screenshots of the webpages as they appear in the browser (in color), including all source code that has been adequately annotated for inclusion as appendices (HTML 5, CSS 3, and JavaScript/PHP). Analyze any technical aspects and obstacles in your work and analyze it critically. My source code comprises HTML, CSS, PHP and JAVASCRIPTT, and I write code in Visual Studio Code."

The toolbar will have functionality such as seeing all goods, administration, and support. Following that are two crucial buttons: the login (logout) button and the add-on button. The bought name device, amount, price, and kind will be displayed on the main screen. Wireframes about cart Figure 5: Mockflow.com Wireframes about home page

Wireframes about page Contact Wireframes about login Wireframes about page detail Product

Wireframes about page admin Wireframe about page add product for admin

  1. Implement At the very least, the website should comprise the following pages: A landing page consists of: Show items, use the support toolbar, and add to cart. Figure 6: Landing Page A contact Page: to everyone can contact the admin when they have questions to solve. Figure 8: Contact Page

Admin Page: Manage the products that are being shown on the homepage. Figure 11: Create Product

  1. Admin Admin Page: Manage the products that are being shown on the homepage. The following characteristics should be included in the website: To get PASS: Use PHP and MySQL to perform CRUD operations (Create / Read / Update / Delete), such as: Create a product that includes product details, a price, and a description.

Figure 13: Create Product