Project Overview
This project was created as part of my Spring 2023 Web II course. Goals of this project include utilizing jQuery Mobile to create a hybrid or webapp to build an Android Package Kit (apk) for a basic Android mobile app. In this project, I created an mobile app for Loyola University Maryland’s Rizzo Career Center, to inform students of available services.
Design Process
I began this project by conducting user interviews with the Rizzo Career Center staff and Loyola students, to better understand each group’s needs and perspectives.
Considering the research collected, I determined my target audience as the undergraduate student body at Loyola.
I aimed to create a design that focuses on clean, navigable design and content that encourages users to learn more about the Rizzo Career Center’s services.
jQuery Mobile Framework
In accordance with the project’s guidelines, I utilized jQuery Mobile framework during the development of the app to create a seamless user experience.
I also used jQuery Mobile’s theme builder, ThemeRoller, to create an aesthetically-pleasing theme that incorporates bold colors and typography to enhance the app’s visual presentation.
jQuery Mobile’s touch-optimized UI components and responsive design allowed me to create a user-friendly interface that adapts to all smartphone, tablet, and desktop devices.
App Features
This app consists of interactive features to assist users in learning about Loyola’s Rizzo Career Center:
Compelling images that highlight the Career Center’s location and services
Educational video created by the Career Center to inform students about the Center’s offerings and hours
Various links to resources and simplistic explanations that walk students through three of the main platforms used by the Career Center for job search, interview preparation, and professional development
A usable contact form that gives users the opportunity to connect with the Career Center through the app
APK Development
In consideration with the project’s guidelines, I converted the jQuery Mobile web app into an Android Packaging Kit (APK) using the WebIntoApp platform.
This process involved bundling the web app’s code into a self-contained APK file, which allows users to install the app and access directly on Android devices.
Testing
Before the project could be completed, the app needed to pass the Google Firebase Robo test.
Robo test analyzes the structure of the app’s user interface and explores it methodically to simulate user activities.
The Rizzo Career Center app passed the Robo test on its first try, ensuring that the app is user-friendly and compatible with Android smartphone devices.
Project Outcomes
The jQuery Mobile Career Center app received positive feedback from peers and instructors. Its user-friendly design, seamless navigation, and usable content garnered praise for its usability and practicality. The APK deployment allowed users to easily access the app across all Android devices, promoting accessibility and outreach.
Key Learnings
This project provided me with invaluable experience in mobile app development. I honed my skills in user experience design, responsive web development, and performance optimization for mobile devices. Additionally, the process of converting the web app to an APK provided me with insights into the world of mobile app deployment and distribution.