Study with the several resources on Docsity
Earn points by helping other students or get them with a premium plan
Prepare for your exams
Study with the several resources on Docsity
Earn points to download
Earn points by helping other students or get them with a premium plan
Pass score Assignment 2 Website design and development
Typology: Assignments
1 / 22
This page cannot be seen from the preview
Don't miss anything!
Learner’s name: Lý Phước Sang Assessor name: Nam Lam Class: GCS1002A Learner’s ID: GCS Subject’s ID: 1633 Assignment due: 6 September 2022 Assignment submitted:
Grade: Assessor Signature: Date: Signature & Date:
Student Name/ID Number: Unit Number and Title: Unit 10: Website Design & Development Academic Year: 2021 – 2022 Unit Assessor: Hoang Nhu Vinh Assignment Title: Website Design and Implementation Issue Date: 01 April 2021 Submission Date: Internal Verifier Name: Date: Submission Format: Format:
Learning Outcomes and Assessment Criteria (Assignment 2 ): Learning Outcome Pass Merit Distinction LO (^3) 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.
From the assignment scenario, I was tasked to design and create an interactive website with a simple yet dynamic website. So the customer will spend most of their time on the website for shopping and the company employees could create a product on a website, I needed to make a website that are capable of create and display the product so that employees could add products for sale and customers could see it.
The web interfaces must be simple with as few click as possible, a home page that show the company name, with two interfaces that allow employees to add product, while customers can browse all the available product. The add product must record users input with id, name, description, and price. The customers only need to be able to view and get the product from the website.
To demonstrate how the website system will work, I’ll show a diagram to show the process of accessing the website. Figures 1: Website system diagram
Next, a login page for employees to sign in to manage the webpage. Figures 3: Login page wireframe Next, an add product option for employees to adding new product on the website so that customer could see it. It will require users to enter product id, name, price, and description to add a product into the database. Figures 4: Add product page wireframe
And finally, the view option for the users to see all the available product for sale in the webpage Figures 5: Display product page wireframe
A Sitemap is a list of pages of a web site within a domain, which shown the system link to the main page and sub-page. Figures 6: Sitemap
This is a view function code for user to search the product. Figures 8: Front page with display function This is the login form that user could login to the website. Figures 9: Login function
Last but not least, to make the menu interactable, we will need a script for the menu to finish the front page HTML. Figures 10: Menu script To make the website look more alive, we add a CSS file to add style the HTML page. Figures 11: Front page CSS
Figures 14: Add product PHP (2) Lastly, the view function PHP that display the product to the user Figures 15: Display product PHP
This is the home page of the website, it will automatically open when entering the page. Figures 16 : Home page When click the login button, the login page open up; User could login here. Figures 17: Login page
The website confirmed the creation of the product. Figures 20: Add product confirmation Next, at the view product page user can enter information of a product to view it. Figures 21: View product page
Website confirm the existence of the product in the database. Figures 22: View product confirmation
The website almost looked like the original plan, but with poorly display image, the PHP page need more work to make it more good looking, the overall web page look neatly but look empty for the most part. The website work smoothly without much issue and get the job done just like I expected.
