Week 11
Date: 21/04/2014 (Monday)
Title: Developing website in WampServerDate: 21/04/2014 (Monday)
WampServer used to display the wbite in the browser and to connect the website with the database.
To develop the website, a new folder must be created in the directory below:
In the new folder, all the coding and items needed to development the website were added :
In order to open the website via computer, the address shown below:
The “localhost” in the address is the fixed
address needed because the website is hosted by the computer. The “8080” in the
address is the default port number in WampServer. “AimenWeb” is the name of the
folder that consists the coding of the website. By typing the address in the
internet browser, the website will load the home page. The home page shows the
welcome message and instructions to use the website.
Home page :
The
Register page below shows the information needed to be filled by
the user in order to create an account:
The About page below shows the
information of the website:
The
Login page below shows that the users are required to login
their username and password in order for them to view their account:
After
a success login, the website will show the user’s account page as can be seen
below:
By
clicking the detail button, user will be able to view their shopping list as
can be seen below. The shopping list will show the detail of the
product that have been scanned. It will also notify the user about the expiring
date of the product. The expired product’s expiring date will be in red colour:
No comments:
Post a Comment