Presentation and Demo Day is here! Our team managed to pull through and we added in all our intended functions. Each member managed to accomplish the tasks assigned to them and I'm grateful for my team! There were a few groups of people who stopped by to view our project and they gave great suggestions for our application. For example, have a QR Scanner to verify the user after parking. These suggestions can be implemented for sure should we decide to continue working on this project in the future!
0 Comments
Austin is almost done with his Admin page now, so I've started to work on the styling for the admin pages as well. Everything I've been applying for the previous pages are implemented here to keep consistency. For the Unlock Lot function, it looks exactly the same as the Disable Lot function. Lots that have already been disabled will not be shown to the Admin so he cannot disable them again.
Presentation is drawing near already, I think our application is ready to be shown soon! Now that we have a good base to work off, I've applied the styling we have for the Login, Register and Home pages to all the other pages in the application. Some of the pages required a little bit of adjusting but all pages turned out pretty well! For each individual booking page, I've made the background an image of the location the user has selected to reinforce that he has chosen that specific location. Lots that have no number mean that the lot is not available for booking due to already being booked or is disabled by the admin. Similarly to the previous pages, buttons animate on hover for interactivity. For pages that display information to the user, I have made the information clearer and easier to understand. I've also added a new style with <fieldset><legend></legend></fieldset>. It took a long time to get all these pages up because of the slight adjustments needed depending on the size of the table or division.
Alright, continuing from where I left off, Lucas has managed to add in the Navigation bar for the user to navigate the application as well as a Carousel to cycle through the various car parks that the user can visit. We've decided to remove the Search bar that we initially included in the application. We decided to do so because there were not many Carparks in our application yet hence there was no need for a search bar.
We are also implementing our Announcements section for the users to read should the Admin of the application need to post any news to the users. I've hidden the announcements unless the user hovers over the announcements tab. Should there be too many announcements, it could possibly cover too much of the application. I've also updated the look of the Carpark selections and added interactivity just like I did for the Login and Register page. We've just finished Hackathon and now we need to make improvements to our existing application! So we've decided to split the workload among the members in our team. Lucas and I have been tasked with the role of Front-End Designer, in charge of styling and UX design for the application. I've started to work on the Login and Register while Lucas works on getting art assets and styling the home page. The pictures below are what I've been able to come up with so far! I've decided to drop the previous look with the gradient colored background because it does not fit the purpose of our application, instead I went with a simpler and cleaner look. I've also added interactivity with the application by having the buttons animate when the user hovers over them. Overall, I'm quite satisfied with the styling on the Login and Register pages so I will be applying this style to the other pages to keep the look consistent!
We cleaned a lot of the code and added quite a few more validations to ensure that as many errors are fixed. Eg. A NullReferenceException catch We also added some styling to the Login page to make it not look so dull... Hackathon has come to an end and I think it was a great experience. Our team managed to push out our prototype! Even though we weren't selected as the best project for our problem statement, we won't be deterred to continue improving our project!
Hackathon is here! Time to grind out the project and push out the Prototype we want. Managed to code out the booking menu and status page, woot! This was my part in the project, to let a user make a booking. The details the user adds in would be uploaded up into the database. The Booking that has been made will be displayed to the user in the MyBooking page.
I find Hackathon allows for us to focus heavily on the project which is a very good thing. It helps us be as productive as possible since this is the only thing we need to be doing during this time. Each team member managed to make meaningful progress during the this Hackathon! Managed to code out the Login and Register page as well as set up the Firebase. Connection between the Firebase, C# and Python was fine so we got the basics done already! The different users we created in the Register page was also successfully added into the Firebase. Did some validations for the Login and Register pages such as
- No duplicate Usernames - Checking whether the Username exists in the Firebase We also started on the Carparks and Bookings pages, the basic skeleton is now there so the project should move forward much faster now! Honestly, I think we are a little behind schedule but as long as we push harder the next time round our team works together we definitely should be able to produce the prototype we want!.
Parking Management System (PMS) heh...
We've decided to come up with an application to tackle the parking situation in Singapore. Car parks tend to be filled up most of the time, and the counter on the outside to indicate available lots is a little inaccurate, since cars could still be roaming around in the car park without actually taking a slot yet. Therefore, we decided to come with the idea of a booking app, since online booking is such a hit today why not incorporate it here. The idea is to book a lot so that as a driver, you have a guaranteed spot in a car park and you do not need to spend time looking for you. Just book a spot and drive to the location knowing that there is a spot reserved for you at the car park of your choice. Since parking apps already exist in today's context, we'll have to add in the basic features such as searching for available car parks and displaying availability of the car parks. To ensure that the lot would not be taken by another driver, we thought of having a small barrier to block others from occupying the lot once it has been booked. |
Ryan Tan
Portfolio BlogBy Ryan Tan |