Download Website Design and Implementation - Prof. LOng and more Lecture notes Computer Networks in PDF only on Docsity!
Designing and Implementing a
Branded, Multipage Website
Web Design and Development
Users' Requirements
Marches WoodShell (MWS) is a new internet-only business formed by two small businesses in Herefordshire. Their aim is to provide cool designs with customizable features for mobile phone cases for any current smartphone from major brands like Apple, Samsung, Sony, LG, HTC, Motorola, and Nexus.
Use Cases Diagram
The use cases diagram outlines the key functionalities and interactions of the website, including:
Browsing and searching for products Viewing product details Adding products to the shopping cart Registering and logging in as a user Updating user profile information Placing orders Reviewing order history
Wireframes
The wireframes provide a medium-fidelity visual representation of the website's key pages and layouts, including:
Home page Product listing page Product detail page Shopping cart page Login/registration page User profile page
Sitemap
The sitemap outlines the hierarchical structure and navigation of the website, including the main sections and subsections.
Website Implementation
Source Code Samples
The website was implemented using HTML, CSS, and responsive design principles. Samples of the source code are provided for the main page, login page, and shopping cart page.
Screenshots of Final Website
Screenshots of the final website are provided, showcasing the main page, login page, and shopping cart page.
PHP and MySQL Integration
The website integrates PHP and MySQL for server-side functionality, including:
HTML source code PHP code samples MySQL queries for creating, reading, updating, and deleting data
Testing and Evaluation
Test Plan
A test plan was created to identify key performance areas and review the functionality and performance of the website, including user experience (UX) and user interface (UI).
Test Cases
The test plan includes several test cases, such as:
Adding a product to the website Viewing a product on the website Deleting a product from the website Updating a product on the website
The results of the test cases are provided, indicating whether the expected outcomes were met.
What is a Back-end (in a Website)
The back-end of a website refers to the server-side components that power the functionality and data management of a website. It is the part of the website that the user does not directly interact with, but it is responsible for handling the core operations and processing of the website.
website's back-end, APIs can be used to integrate with external services, fetch data from other sources, or expose the website's functionality to other applications.
Domain Name System (DNS)
The Domain Name System (DNS) is the system that translates human- readable domain names (e.g., www.example.com) into the corresponding IP addresses that are used to locate and access the website's server on the internet.
Overall, the back-end of a website is the foundation that supports the website's functionality and data management, enabling the front-end (user interface) to provide a seamless and interactive experience for the users.
