App Inventor : sample Apps

This page connects to other App Inventor Apps, which are not yet a tutorial or which are transverse oriented.

Imagery location and mapping : "my favorite places" Image loc and maps

Go around, take pictures with your smartphone, and record them in a local database with their geographic location. Then review later when and where you took these pictures, locate them on a map or satellite imagery, click to switch to streetview or re-visit the symphony hall ...

This App is available in App Inventor's gallery :
ai2.appinventor.mit.edu/?galleryId=6339326547329024
with step by step documentation here.

What you'll Build

    You will build an application which acquires and displays pictures of monuments and their location on maps or satellite images with interactive change of position (panning), scale (zoom) or map type. You will :
  • (chapter 1) view monument pictures from a list provided with the app data,
  • chapter 2) update this list, delete and add new monuments with their location and picture from smartphone sensors (GPS, Wifi, …) and camera,
  • (chapter 3) query and display maps and satellite imagery from web services, handle the zoom factor, move horizontally (panning) and change the map type, with added markers showing the location of monuments as well as yours. You may later add to this base with information on the monuments with audio, video, … measurement of distances, call for new services, … with no limit but your imagination.

What you'll Learn

  • Draft the app with paper prototyping,
  • Upload images and icons at App development stage,
  • Load an image from the camera,
  • Load an image from smartphone gallery,
  • Refer to an image location on the web,
  • Load an image from the web,
  • Read and process the smartphone location sensors,
  • Use a Web server API with HTTP requests for maps and handling of :
    o location, scale or zoom factor,
    o map type,
    o overlays with markers for your position and other objects,
  • Map pixel size,
  • Interactive management of the map.


fusion tables and mapping : "my little pizza company" my pizza company (directory)

(Documentation is not available yet for this App, but you can analyse and play with the source code)
This is a "project oriented" application which considers a Pizza company that receives orders and has to deliver these orders to customer's location. We want to track this business on a map.
It is available in the App Inventor gallery : ai2.appinventor.mit.edu/?galleryId=5038524469608448
The starting scenario is the Pizza Party tutorial which is nice to get started with fusion tables. We added mapping, tables and joins (for customers and orders) and queries (create, request, update, delete).

Check for updates and documentation on this site and in the App Inventor's gallery

Business Scenario :
The pizza manager wants to know how many pizzas are to be delivered, where and how far.
The customer also wants to see if his order is on its way.
The pizza manager also wants to make statistics and see the spatial distribution of his customers. where should he open his next shop ?

This app uses fusion tables with 3 tables :

  • customers table with name, address, geographic location and distance (computed)
  • orders with customer's name, pizza and drink ordered, date of order, comment and delivery status
  • a merged or join dynamic table between orders and customers which enables geolocated queries on orders.


This figure illustrates buttons, lists and maps for various queries.

Pre-requisites

  • Master the creation of fusion tables. See the Pizza Party tutorial
  • A text or video tutorial should be available sometime ... (otherwise this App is difficult)

what you will learn

  • build URLs to display selective contents of a fusion table
  • Get latitude and longitude from address
  • Compute distance between geographic points
  • Add Create, Request, Udpate, Delete requests
  • Discriminate between query results
  • Process query results into lists of lists
  • Design list and map queries