Learn Mobile App Development by doing it!
This experiential learning course puts you in the center of a challenging, real-world situation: A youth soccer league needs to make its website content easy to view and navigate on smartphones and tablets with varying screen sizes and orientations.
The league asked independent contractors to propose how they would use Responsive Design principles to deliver content fluidly for all types of mobile devices. After evaluating the proposals, the league selected your team for the project.
Your project team for the course will meet weekly online with a faculty mentor.
The Northside Youth Soccer League (NYSL) has an excellent website that is popular with coaches, players and players’ parents. Coaches and league officials post statistics, standings, rosters and practice schedules. Site visitors can access information and learn of field location changes and rainouts.
The website content, however, displays poorly on mobile devices, losing opportunities for connecting with parents who are often in their cars or at games and practices.
In this course, your team will be working as if you are being paid for contractual performance by NYSL. You will produce the same deliverables a top-notch company would expect from its outside experts—and you will be evaluated on the work you produce.
In this course, you and your team will use the Responsive Design approach to:
- Optimize NYSL’s website for high-quality viewing on any mobile device, without sacrificing any functionality of using a desktop computer
- Upgrade NYSL’s website with new features specific to mobile devices—such as using geolocation capabilities to find where the team is practicing in a large park
What you will learn
Mobile devices are rapidly becoming the primary way people access the Internet. The skills you will develop and practice in this course are suitable for any organization that needs to make its website appealing to mobile users and functional for all devices.
You will learn principles and processes in mobile web development that apply to all mobile application development. You and your team will examine how users want to interact with the website using their mobile devices. Then, using the Responsive Design approach to web development, you will create detailed user requirements, design a technical solution, and implement the design in working code. Finally, you will perform tests to determine test how well the implementation meets the original requirements.
What you will do
- Apply lightweight interface design methods to create a responsive HTML design for a mobile web app, taking into account the unique strengths and limitations of a mobile platform.
- Develop a mobile web app that has the look and feel of a native mobile app.
- Leverage a cloud data web app back-end, such as parse.com, to store and retrieve data.
- Implement a single-page web app structure to optimize the mobile web app for faster user response.
- Use HTML templating to display dynamic data in the mobile web app.
- Use HTML5's mobile features to enhance the user's experience on a mobile device, such as geolocation and touch events.
- Leverage PhoneGap to quickly create a native version of the mobile web app in order to leverage mobile specific features, such as the camera.
Experiential learning. Your team will meet weekly in an online environment with your faculty mentor. Mentors are seasoned professionals who facilitate group discussions and help you solve complex problems on your own. The mentors are available by phone, text and email to answer questions, point you in the right direction, and provide in-depth feedback on every deliverable you produce. Supporting materials and resources are provided online.
72 hours/7.2 CEU's
Visit the University of Georgia CEU policies for more details.