MIT App Inventor

You have many MIT App Inventor codes at KIO4 website.

To start using your Gmail account details Go to the  App Inventor 2

Activity 1. Hello Purr

Activity 2. PaintPot

Activity 3. MoleMash

Activity 4. Pong

To use yourself the code you can scan the code by app inventor server. To share it you need to download the apk file to your computer, upload it to your dropbox or google site. With your own URL you can generate a QR code in a website like www.is.gd and finally to share the QR you can uploaded to your blog. Remember to give permissions to execute downloaded apps from internet in your Android mobile.

hellopurqr

Text to speak app, ball bouncing app and drawing app using App Inventor 2

Magic 8-ball for App Inventor 2

Please always use the new version. If you have insourmountable difficulties with the use of the new appinventor, you could use MIT App Inventor old version

You just need App Inventor, your Google account, and a USB connector for your Android mobile to start creating your own apps.

Remember that you must send your codes in APK format to our Moodle course before deadline (one week) and add a youtube video in your personal wordpress blog to show it working.

BARCELONA WORLD RACE PROJECT
The objective is to create a multiscreen app about the Barcelona World Race with the following features:

VISIT OUR MOODLE TO DOWNLOAD CODES

24 multiscreen apps source code aia here:

https://drive.google.com/folder/d/0BxekN0H0k1D6NUw5aHNfLVk5eUU/edit

http://ateneu.xtec.cat/wikiform/wikiexport/cmd/tac/computacional/b15_ai_fusiontables/03_accedir

Remember to add navigation calculus introducing formulas in app inventor to calculate compass course, etc

1) First screen:  Geolocation of the different points where the Barcelona World Race take place using Google maps (code at the end of this page).

2) Second screen: Route from  two points saved in a Fusion Table or accessing data from a CSV file with data and/ or another CSV with geolocation

3) Third screen (several screens inside): related with navigation and nautical calculus: true course, deviation,  winds, water currents,.. mathematical calculus e.g. solving an spherical triangle

 4) Fourth screen:  Ship photograph with ship names and the features of the ship must change with the accelerometer like http://dev-explore.appinventor.mit.edu/ai2/magic-8-ball
5) Fifth screen: Information about ocean pollution, when you click it, it must be played your recorded voice indicating pollution information similarly to  http://appinventor.mit.edu/explore/ai2/hellopurr.html or http://www.appinventor.org/IHaveADream-steps. In another screen information with text to speech.

Used for. Text with scientific information INTERNET IS FULL OF NON-SCIENTIFIC INFORMATION, USE THE FOLLOWING SOURCES OF SCIENTIFIC INFORMATION (e.g. nautical defaunation in Science magazine)

  1. http://scholar.google.com
  2. http://www.ncbi.nlm.nih.gov

Screen 6. Quiz: 10 interactive questions using for example President’s quiz example at http://www.appinventor.org/presidentsQuiz2 or from https://sites.google.com/site/appinventor/tutorials-quiz-me-2 and a more advanced tinydb tandem app known as MakeQuiz/TakeQuiz from http://www.appinventor.org

Screen 7.  Games. The games could be of a ship as in Get the gold app, but now the coins are now the 2D chemical pollutant structures as shown at http://appinventor.mit.edu/explore/ai2/get-gold.html  or ladybug chase at http://www.appinventor.org/Ladybug2  or molemash).

Screen 8. Database of BWR. You can create a fusion table with your gmail account where you can ask users to write data from BWR . You have an example at http://appinventor.mit.edu/explore/ai2/pizzaparty.html

You can also use GPS, using speech recognition, tinydb databases, google fusion tables, etc. You will find more ideas and http://puravidaapps.com/tutorials.php and in many other websites, just google it.

You can download AI2livecomplete to execute AppInventor 2 offline in your pendrive as a portable application just starting your own server at your browser http://localhost:8888.

Geolocation using Google maps example

bwr1

bwr2

Here you have the aia file containing the source code of this App

Scan this QR code to install the Android app in your phone:

QRBWR

Magic 8-Ball Predicts the Future

This page will guide you through building a “Magic 8-Ball” app with App Inventor 2

It is an app that models the magic 8 ball toy. Initially, the app should have the image of the 8 ball front, then when the person shakes the phone, the answer should appear from a list. The Magic 8 Ball is a fortune telling toy. It is a plastic ball with an 8 on the front. The player thinks of a yes-or-no question and shakes the ball, then turns it over to reveal the answer. Inside the ball is a 20-sided die floating in liquid. The die floats to the top; the back of the toy is a clear window that shows the top side of the die, with one of the responses.

When activated, your 8-ball will deliver one of its classic predictions, such as “It is decidedly so” or “Reply hazy, try again.”

Full tutorial for Magic 8 ball

Learning Goals

After completing this app, you will be able to:

  • Navigate the App Inventor environment: designer, blocks editor, emulator and/or physical phone
  • Correctly use the following App Inventor components: accelerometer sensor, button, sound
  • Correctly use the following App Inventor concepts: making and using a list, responding to an event

Mole mash game

In the game MoleMash, a mole pops up at random positions on a playing field, and the player scores points by hitting the mole before it jumps away. This tutorial shows how to buildMoleMash as an example of a simple game that uses animation.

The tutorial assumes that you have completed the HelloPurr and PaintPot tutorials.

Download Book Chapter (PDF)

MoleMashDesigner

MoleMashComplete

MoleMash 2 tutorial (html)

Download MoleMash2 tutorial (pdf)

Improving MoleMash2

QR code
Christmas quiz
This Christmas quiz was created by Hattie. Scan the QR code below with your mobile camera using e.g Google Googles App (or any other QR reader).

By default, Android blocks the installation of apps that aren’t downloaded from the Android Apps, you will need to allow ‘Unknown Sources‘ installations in your Android mobile settings.

hattiechristmasquiz

Mobile history map

Part of the mSchools project is the Mobile History Map. The objective is to create a common app with more than 454 Points of Interest (POI) of Catalonia monumental heritage to be presented during the Mobile World Congress.

In this part of the project we will choose a POI in Martorell e.g. Devil’s brigde (“Pont del diable”), take photographs (2Mb/image), record audios (4Mb interview with an expert) and videos (short URL school youtube channel), short and relevant information, geolocation and links.

In February it must be finished all data of POI to be presented in the Mobile World Congress in March. After March add more POIs from Martorell. Translate the information into Spanish, Catalan and English.

We can also locate trees as POI with tour map within Martorell.

Mobile Learning Awards for parpicipating schools before deadline with 3 points of interests. Awards included are 3D printers and robotics kits.

More information at:

You must include in your blog:

1) Embed youtube code of Pont del diable video (from images and/or video files, with cited open source audio)

2) Embed audio file using goear.com and file: Pont del Diable audio (Interview Dr. Miquel Vives, Prof. Andrés Martínez) NEW FILE < 4Mb!

3) Your photographs of Pont del Diable

4) Google map waypoint and javascript code of 10 point of interest to create walking routes in Martorell.

5) QR code of your AppInventor app with geolocation of 10 points of interest from Martorell

6) Text explanation of Pont del Diable history and relation with fear of technology

7) Text explanations of the source codes created by you using AppInventor and Google Map javascript

My medicinal plant app

The aia and apk files must be uploaded in Institut Pompeu Fabra moodle and in your blog with some images showing it working in your WordPress blog. Your blog must include a QR code for your app. To share your app you need first to download the apk file to your computer, upload it to your google drive. With your own URL you can generate a QR code in a website like www.is.gd and finally to share the QR code you can upload QR image to your wordpress blog. Remember to give permissions to execute downloaded apps from internet in your Android mobile.

I want to see your creativity. This is just an idea of what your medicinal app must include:

Screen 1: Plant drug. Plant photograph with botanical names and names in English, Spanish and Catalan, and drug definition (part of the plant used) that must change with the accelerometer like http://dev-explore.appinventor.mit.edu/ai2/magic-8-ball

Screen 2. Chemical composition: There must be include active principles and other compounds. Every compound must be a button and when you click it, it must be played your recorded voice (or text to speech) indicating that it is an active compound and its name like http://appinventor.mit.edu/explore/ai2/hellopurr.html or http://www.appinventor.org/IHaveADream-steps

Screen 3. Used for. Text with scientific information

INTERNET IS FULL OF NON-SCIENTIFIC INFORMATION, USE THE FOLLOWING SOURCES OF SCIENTIFIC INFORMATION FOR ALL SCREENS:

  1. EMA:http://www.ema.europa.eu/ema/index.jsp?curl=pages/medicines/landing/herbal_search.jsp
  2. http://www.fitoterapia.net
  3. http://scholar.google.com
  4. http://www.ncbi.nlm.nih.gov (metaanalysis, clinical trials, reviews): Minimum 5 scientific original articles, from year 2013 if it is possible.
  5. National Center for Complementary and Alternative Medicine, NIH
  6. World Health Organization: Selected monographs on medicinal plants (4 volumes pdf)

Screen 4. Adverse effects

Screen 5. Scientific references

Screen 6. Quiz: 10 interactive questions using for example President’s quiz example at http://www.appinventor.org/presidentsQuiz2 or from https://sites.google.com/site/appinventor/tutorials-quiz-me-2 and a more advanced tinydb tandem app known as MakeQuiz/TakeQuiz from http://www.appinventor.org

Screen 7.  Games. The games could be of a receptor and an active plant compound as Get the gold (the ship is now a 3D image of the receptor and the coins are now the 3D active principle as shown at http://appinventor.mit.edu/explore/ai2/get-gold.html  or ladybug chase at http://www.appinventor.org/Ladybug2  or molemash).

Screen 8. Database of plant use. You can create a fusion table with your gmail account where you can ask users to write the plants that they are using and for which treatment in order to collect data. You have an example at http://appinventor.mit.edu/explore/ai2/pizzaparty.html

You can also use GPS to locate nearest medicinal plant shops, using speech recognition, tinydb databases, google fusion tables, etc. You will find more ideas and http://puravidaapps.com/tutorials.php and in many other websites, just google it.

You can download AI2livecomplete to execute AppInventor 2 offline in your pendrive as a portable application just starting your own server at your browser http://localhost:8888.

You can download to your mobile an example containing several screens by scanning this QR

QRGrape

This is an example of a medicinal plant from one of the students of our school (Mariona).