Advanced Application Development---App Design---With App inventor 2

IS 455 Advanced Application Development

Project 02 – App Design Session Capture

Project Objectives

· Demonstrate that you can develop a high-tech app using complex event-driven behavior and built-in phone features and sensors

· Identify the User Stories needed to build what the client wants from the app

· Use User Interface input components to allow the user to record the details of the design session.

· Use procedures to eliminate code redundancy and make the code easier to read (Procedural Abstraction)

· Enhance your app interface by adding an About Screen

Introduction

Brainstorming app design is a lot of fun. Before you know it, the whiteboard is filled with prototype screens and user flow diagrams. This is the preliminary design documentation that will drive your project forward. To ensure each member of your team has the output from your creative efforts, what’s needed is a simple way to capture what’s on the whiteboard. Fortunately, with App Inventor 2, you have all the tools you need. Here’s what I propose you build to record the app requirements and the details of the design session:

Your Design Session Capture app should allow the user to photograph the brainstorming images whether they be on a whiteboard, large flip charts, a series of User Story cards, or in the form of a sticky-note flow. (Remember: Only landscape mode is currently supported for photos in AI2).

From there, the app should give the user the option to annotate the picture from a project historian’s perspective: What, Who, When, Where:

· Who should be used to note the team members present.

· What should be used to record a brief description of what the team was trying to accomplish during the design session.

· When should timestamp the camera image.

· Where should location stamp the camera image with latitude, longitude, and Google’s best guess (based on lat/long) for the location where the session was held.

AI2’s Camera, Clock, and Location Sensor components will make sourcing the details a breeze.

Once, the app is near completion, add an About Screen (Hint: See Screen1 AboutScreen property). Also, incorporate the royalty-free image provided (File: ux-787980_640.jpg) as the default image for your opening screen. This default image will be replaced once you take your first design session photo.

Deliverables

1. Identify the User Stories needed to build the Design Session Capture app. As a User, my top priorities are a time- and location- stamped photo of the design whiteboard. After that it’s sixes on the Who or the What features of the app. (Create an MS Word doc with your User Stories (File Name: YourInitials_Proj02UserStories.docx).

2. You’ll probably want to create a procedure to timestamp your photo. Add a comment to the timeStamp block with the App Header

3. Download the AI2 source code (.aia file) and the AI2 compiled application file (.apk). From the Blocks Editor, right click a blank area in the code window. Click on the Download Blocks as Image menu option. A copy of the blocks editor window will download as a .png file. Rename the files with your initials_Proj02

4. Verify that the four assignment files do NOT have any viruses. (An automatic zero will be awarded for any assignment that includes virus-infected files.) Upload the files to Moodle.

Grading Criteria:

Uploaded virus-free files to Canvas.

App satisfied user requirements.

Blocks Editor image showed complete App Header and code.

Procedures used liberally to break code down into manageable chunks and eliminate redundancy.

Total 100 pts

_____________

Last updated: 02/24/17 CGJ

IS455_Project02.docx Page 2 of 3