Competency: Development
​
Map Attack! An Interactive Geography Mobile App
Summary: I was a part of a team of four students that developed a mobile application for teaching students the geography of the united states. This was the final assignment for ISLT 7310 - Mobile App development. The application allowed students to select groups of states such as New England states or the entire US. They then competed to identify a state and scores were recorded for time and accuracy.
​
Process: As part of the Mobile App Development course, our team created a project guideline for the Map Attack application. This included an overview of the project, roles and responsibilities, a high level conceptual model, specific features to be implemented, a wireframe diagram, a flowchart diagram and a testing protocol. We then developed the application using responsive design, javascript, CSS, JQuery and HTML 5 and tested it.
​
My Role: My role included developing the CSS and javascript for the Instructions page. I also created the HTML and CSS for the Map Attack Home page. In addition, I performed usability testing and debugging on multiple mobile devices and provided team feedback.
​
Reflection: Part of developing a mobile application is finding a format to fit items on a smaller screen. We quickly realized that it was difficult to manipulate the entire United States map on a small screen, even with our pinch, zoom and scroll features. Because of our initial iterative testing, we were able to fix this early on in the development process by breaking down the US into different regions and allowing users to testing themselves on a region.
One of the benefits to choosing a web based mobile app was that the game worked across devices with different operating systems.
​
Artifact: Artifacts include a Map Attack wireframe design, the Map Attack Development Plan and a link to the mobile web application Map Attack! prototype
​
​
​
​
​