Information Systems Project Report 2022

Name of University
Information Systems Project
Student Name
Course Name
Submission Date

Table of Contents
Introduction......................................................................................................................................3
The software....................................................................................................................................3
Features........................................................................................................................................3
Development technologies...........................................................................................................4
HTML elements used..................................................................................................................4
Layout techniques........................................................................................................................6
Usability and accessibility...........................................................................................................6
Appendix..........................................................................................................................................8
1. Home page.....................................................................................................................8
2. Add to cart.....................................................................................................................8
3. Cart................................................................................................................................9
4. Email subscription.........................................................................................................9
5. Product rating / review and Comment.........................................................................10
6. Products filtering.........................................................................................................10
7. Create account.............................................................................................................11
8. Login...........................................................................................................................11
9. Track order..................................................................................................................12
10. Adding Item to cart source code..................................................................................12
11. Cart Source code.........................................................................................................13

Introduction
This report demonstrates my experience in software development. The report also explains
usability, accessibility, HTML elements and layout techniques have been used in the
implementation of this website. In addition, the report explains the choice of the back-end
programming language as well as the choice of the database.
The software
The software in question is an e-commerce website for selling clothes.
Fig 1 showing the e-commerce application home page
Features
The application has products display page, add to cart function, shopping cart with add, update
and remove cart items, email subscription function, products rating, products review and
commenting, filtering products based on certain category, customer accounts creation, customers
login to track their orders and sending email function using PHP mail in the contacts form.
(features shown in appendix)

Development technologies
The application has been developed using HTML5, CSS3, Ajax and JQuery for the front-end and
PHP for the back end and MySQL for database management.
HTML elements used
Html elements define the function and category of a web text. These element tags make the
website appear a lot more refined, complete and professional. The following HTML5 elements
are used in this application development;
i. Header: Describes a header of the website. Users can always see the header at the top
of a web page.
ii. Main: This indicates space that has been set for the most important content of a
webpage
iii. Article: This is used to outline the article content on the website which is mainly large
parts of text.
iv. Footer: Describes the footnote for the website.
v. Nav: Indicates the space for navigation links on the website.
vi. Aside: Outlines the information which is to be put to the side of a webpage. This is
also used for creating sidebars and also for presenting content with minimal important
on a webpage.
vii. Img: Describes an area for an image
viii. Table: This element shows a table with rows and columns on a web page. It is a very
useful for grouping large amounts of data.