Final project presentation
- 1. AN ONLINE PARKING RESERVATION SYSTEM Capstone Project β Group 9
- 2. DEVELOPMENT PHASES 1. Designed flow of our project. 2. Developed the pseudo code for development. 3. Developed User Interface. 4. Developed the internal scripting in MVC pattern. 5. Model is based on MongoDb 6. Controllers are coded with AngularJS 7. Views are presented with HTML5
- 3. HOME PAGE
- 4. Step by step Navigation 1. User starts his journey with PARK MATE by signing up with signup form. 2. Using his/her credentials he log-ins and reserve the parking using parking panel. 3. Completes his transaction. 4. Logs out if user done with reservations. 5. He will be getting a e-mail confirmation.
- 7. Login page:
- 9. Make a new Reservation:
- 10. Database Management 1. Park Mate is integrated with MongoDb which is hosted in cloud. 2. MongoDb is hosted by using mlab account. 3. Data will be saved as variables in Mongodb 4. MongoDb helps by generating unique transaction ID. 5. It could be faster because its a cloud hosted Database.
- 11. View your reservations 1. User can log-in and see his/her reservations made and locations. 2. All the data of his/her reservations are retreived from MongoDb.
- 13. Data is saved as variables: 1. Data is saved as variables in json format as shown below.
- 14. Cancel your reservations 1. User can easily cancel reservations he made with actions tab. 2. Once the reservations has been cancelled the variables stored in Mongo database will be removed respectively.
- 16. Your payments are secure! 1. We are not allowing to save user's credit/debit information into MongoDb. 2. We are planning to make it PayPal certified for payments in future.
- 17. How PARKMATE lots are identified?
- 18. E-mail Confirmations 1. We developed an interactive web application, Which is a two- way communication. 2. We send email Confirmations to user for every milestone. 3. In our application there are two milestones in the travel of reservation system. 1. Registering with us. 2. Making a reservation.
- 19. E-Mail confirmation #1: Register confirmation
- 20. E-Mail confirmation #2: Reservation confirmation
- 21. E-mails!? How do we do that? 1. Well, We developed our application using NodeJS and AngularJS. So, we used module that support mailing service which is "Node Mailer". 2. This is the id we use to send confirmation mails to users parkmate.noreply@gmail.com.
- 22. Executing PARKMATE: 1. Firstly, we need to start the server, to access the model (MongoDb). 2. For that, we have to install npm. 3. After that goto project folder, goto services folder. 4. For every system default port number is 8080, we have to change it to 7066 because services are set to run in 7066 port in program. 5. Then, to start the server type "nodemon ."
- 23. Executing PARKMATE: β Step by step execution in command prompt
- 24. Executing PARKMATE: β Now, goto IDE (Web Storm) run index.html file.
- 25. Result : Home Page
- 26. Result : Signup
- 28. Result : User Dashboard Page
- 29. Result : Make a new Reservation Page
- 30. Result : User reservations Page
- 31. Result : E-mail Confirmations
- 32. Thank you !