In university life, students face a problem when paying tuition fees. Thus, we decided our beachhead market would be two markets: the parents and the students. So, for the first reason, there are many steps we have to take in order to successfully complete the payment process: we have to pay with the bank, and then students have to send the slip back to the university as a piece of evidence, which is needlessly time-consuming.
The solution we hope to create, with the guidance of our professor, Dr. Sorakit, is an application environment that integrates the university application we’ve created with a traditional mobile banking application, specifically Bangkok Bank’s Bualuang m-banking, that has been extended with features that allow fluid interaction between two apps. The modified mobile banking app is aimed at the parents and guardians of students who provide them with financial support. By connecting the university app to the mobile banking app, essential information on a student at the university is easily accessible and kept up-to-date for the parents to see.
Thus, we have created an application environment that integrates our university application with Bangkok Bank’s Bualuang m-banking, which has extended features. This creates a seamless experience between the two apps and introduces a new innovative concept that goes beyond today's traditional counterparts.
Summary and Accomplishments
For UI/UX, we finalized our design for the mobile banking and university apps. The example we chose was Bank Krungthep and CMKL University as prototypes. However, from the 10 usability heuristics for UI design, we didn’t complete the error prevention.
As for the front end, we were able to implement the designs from the UI/UX design and link up all the pages. We are also able to get the information from the backend. However, we still haven’t done error prevention, such as filling in the correct credit card or security code. So in conclusion, we only have the mockup for our future development of the mobile banking application.
On the backend, we were able to POST and GET information from the ElephantSQL database and deploy it on Okteto, which is a cloud server to test and deploy code.
Our future directions include implementing more info about each student in the database and adding a function to delete records in the backend, using the post method when signing in new users in the front end to verify their user id and grant access to their info, and implementing the error prevention principle from the 10 heuristics approach in the UX/UI design to avoid problems and add a confirmation option before the user commits an action.