Tip:
Highlight text to annotate it
X
Today i would like to show My web project
This is Smart Open Parking System (user module)
This is my system Smart Open Parking System (user module)
This System is for user that who want find a parking and make a payment
This System is for user that who want find a parking and make a payment
Now i will begin this presentation
This is login link and register
where user can directly login and register
This is HOME page ,it has 4 menu button
About us
login
Contact Us
Now lets begin with my presentation when user click Contact Us menu button
This is Contact Us Page
This page will display our information for user help
There are address, phone no, email to contact if user ha problem with this system
Now lets proceed to About Us page
This is About Us Page
This page tell user the team that build this sytem
there is register button if user want to create account and use this System
When user click this button it will go to register page
This is register page. user must fill the form to create new account to use this system
I will skip the part fill email and password to show user that user must fill all the blank
If user Click a button when they are not fill all the blank
a message alert will appear that warning user must fill all the form
Now let see what happen if user fill all the blank
When user click save button, if they fill all the form, a popup window will appear said succeed
Then another message alert ask user to go login in the system and go to another page for add Vehicle No
This is Login page
This is Where user access to the system with email and password that have been registered
lets begin with user will insert wrong email or password
When user click login button with invalid account
invlaid statement will appear said incorect login name or password and it will go back to login page
lets see if user put the correct email and password
This is happen When user insert correct email and password
And it will direct to another page
This is setting page where user must put his vehicle no to user for payment parking
user must Click Add Vehicle No to add his vehicle no
In this page user can add, update, delete their vehicle no
this is when user insert new vehicle no
when user click add button ,the new vehicle no will insert into the system
When user want to edit their vehicle no user can edit and click update button.
the new vehicle no has being update
now for user want delete his vehicle no
user will click delete button and their vehicle no is delete from the system
now, back to the setting page
This page for user to see the record of car parking along he use this system.
In this drop menu, there has list of vehicle no that take from the system based on vehicle no user register in this system.
user will choose their vehicle no and click search button to see the record for that vehicle no
the record will display in table
in the record,the info that will be display is
user email, no plate, parking address,time in, time out and date
and it also has edit vehicle button in table to user edit their vehicle no
this is Available parking page, in this page user can find available parking at some area.
For example, user want to search parking at gambang,user just type gambang and click find
When user click find it will shown map based on what user type
i"m develop only in gambang, as you can see there is blue marker and red point.
blue marker stand for the available parking at that area.
when user click the marker ,one popup will appear and state office name and latest time his update available parking.
user will know available parking based on latest update time by officer
if the time is one hour ago there will no parking at that area.if the time 5 minute ago there will have parking
when user ready to park his car it will click Park Me button
When user arrived at parking lot,and it ready to parking his car,it will go to this page.
this page will find his current location and display it to inform user that his current location address
when user want to make a payment,user will click Pay Me button
This is Payment page.
user will make a payment through this page,no more coupon used to pay
in this page user will choose his vehicle no to park,and how much hours that he want to park.
The time and date,it will auto taken from server
once user click pay button,time that taken from server will known as time in and it will plus with duration that user choose then it will be time out
this system is auto calculated
i also develop a reminder for the user when the duration for his parking is timed up.
as for the presentation,i set 1 hour = 2second, 2 hour = 4second, 6 hour = 6 second.
when user choose 3 hour and click pay me button,the timer is start and it will notify user when 6 second is timed up
for example like this
a notify will appear to remind the user and state the fee you must pay.the fee will deduct from your credit phone.
if user want to continue,his can click ok than make a payment again with the same page,if user not want to continue it will return to main page
lastly user can logout with safely
Thanks for watching my presenation,and be please to comment it :)