Mobile Application Design

Appinventor 2 Online Application (main appinventor screen - sign in using your google account):

http://ai2.appinventor.mit.edu

INVESTIGATE:

Appinventor Tutorials:

http://appinventor.mit.edu/explore/ai2/tutorials

Set up appinventor guide (before you start building applications):

http://appinventor.mit.edu/explore/content/setup-mit-app-inventor.html

INTRO TUTORIALS:

Hello Purr

Hello Purr (Inro Tutorial) - http://appinventor.mit.edu/explore/ai2/hellopurr.html

Magic 8 Ball

Magic 8 Ball - http://appinventor.mit.edu/explore/ai2/magic-8-ball.html

Paint Pic

Paint Pic - http://appinventor.mit.edu/explore/ai2/paintpot-part1.html

Mole Mash

Mole Mash - http://appinventor.mit.edu/explore/ai2/molemash.html

More Basic Tutorials - http://appinventor.mit.edu/explore/ai2/beginner-videos.html

Come up with design specifications. Think about the following...

• Does your app solve a unique problem?

  • People want to be able to do a lot of things while on the go. Successful apps often solve a problem that is unique to the mobile context.

• Does the app serve a niche?

  • Find a niche with ardent fans (pet lovers, for example), and create an app that caters to it.

• Does it make people laugh?

  • This is a no-brainer. What happens with funny apps? They get shared — a lot.

• Are you building a better wheel?

  • Are there existing successful apps that lack important features or design elements? This is tricky because those developers might already be working on such enhancements. But if you get to market first, you have a good shot.

• Will the app be highly interactive?

  • Let’s face it: most of us have the attention span of a flea. Successful games and utilities engage the user by requiring a lot of fast-paced interaction.

DESIGN

You don’t have to be an artist to sketch a rough interface, so start putting your ideas down on paper. Before you begin, ask yourself:

• • What primary action will users take within the app?

  • What information will each screen need to present?

  • What is the flow? How will users get from start to finish?

  • How big should the elements on screen be relative to each other

1. Create a flow diagram

2. Create screen layouts

PLAN

Your Plan needs to include the following 4 sections:

1. A list of materials you will need for the project and what hardware and software you will use. You need to explain in detail what you need the materials, software and hardware for.

eg:

2. Detailed list of what tasks you need to complete when in order to finish the project on time

Eg:

3. Create a Detailed Gannt Chart showing us a visual representation of your plan (dates + tasks)

CREATE

Appinventor Community Page (downloadable Source Code) - http://gallery.appinventor.mit.edu/#

Android Appinvntor Reference Library - http://beta.appinventor.mit.edu/learn/reference/

Android Developer Website - http://developer.android.com/index.html

Optimizing Screen Size / Resolution -

http://www.appinventorblocks.com/appinventor-tutorials-tips/appinventor-screen-size-optimization

Creating a Launcher Icon - http://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html

100 Appinventor Tutorials

http://meta-guide.com/videography/100-best-appinventor-tutorial-videos/

Other Tutorials - more complex (using web content)

http://puravidaapps.com/tutorials.php

Appinventor Code Examples

http://puravidaapps.com/snippets.php#2soundrecorder

SOME MORE TUTORIALS

Remembering High Scores

https://groups.google.com/forum/#!msg/mitappinventortest/Ww6mWkkXuAI/_To4k0A3wosJ

Xylophone and Drum App Tutorial + Code

http://www.appinventor.org/Xylophone2

https://www.youtube.com/watch?v=_NtQWLYgKb8

https://www.youtube.com/playlist?p=PL2D27126F35E50A1B

Keeping Score in Games

https://www.youtube.com/playlist?p=PL2D27126F35E50A1B

Baby Catch

https://www.youtube.com/playlist?p=PL2D27126F35E50A1B

Pong Game

https://www.youtube.com/playlist?p=PL2D27126F35E50A1B

Math Blaster

http://www.annroot.com/AppDev/Assignments/MathBlasterApp.html

Create Quiz

http://www.appinventor.org/presidentsQuiz2-steps

http://puravidaapps.com/quiz.php

Other tutorials 

100 App Inventor Video Tutorials - http://www.meta-guide.com/home/about/best-of-the-best-videos/100-best-appinventor-videos

More App Inventor Video Tutorials - http://www.youtube.com/playlist?list=PLCF2969C390CE87F4

List 1 of Selected Tutorials (includes videos + PDF's) -  http://www.appinventor.org/projects

List 2 of Selected Tutorials (maps, coloring, databases, etc...) - http://appinventor.mit.edu/teach/curriculum/example_projects.html

List 3 of Selected Tutorials - http://www.appinventorblocks.com/appinventor-tutorials-tips

Tutorial Download Files - http://www.appinventorblocks.com/appinventor-downloads

Full App Inventor Course (includes lots of tutorials) - http://www.appinventor.org/course-in-a-box

Full App Inventor Course (includes lots of tutorials) - https://sites.google.com/site/appinventoredu/

Other app creator applications (mostly used to create web based content apps)

http://www.buildanapp.com

https://www.buzztouch.com/

http://www.apps-builder.com

www.appmakr.com

http://gamesalad.com/ - youtube tutorials http://www.youtube.com/watch?v=A_99wDneVeg&lr=1

iPhone (iOS)

http://bonfx.com/8-great-resources-on-how-to-make-your-first-iphone-app/

http://iphonetouch.blorge.com/2009/06/26/how-to-write-an-iphone-app/

http://www.switchonthecode.com/tutorials/an-absolute-beginners-guide-to-iphone-development

PACKAGING YOUR FINAL APP + UPLOADING TO GOOGLE PLAY STORE

http://appinventor.mit.edu/teach/curriculum/packaging-apps.html

http://developer.android.com/distribute/googleplay/publish/register.html

Evaluate

Unit Terms - Quizlet Link