4tESO. Programació i Robòtica. Programació d'aplicacions mòbils amb AppInventor (Android) TecnoVidal diumenge, 1 de maig del 2016 No Comment

Ara li toca el torn a un altre entorn de programació, enfocat a realitzar aplicacions mòbils (APP) per al Sistema operatiu Android.

En principi només necessitareu un ordinador i connexió a Internet, a l'ordinador es poden fer els programes i provar-los en un emulador instal·lat en el mateix, i si tens un telèfon mòbil amb Android pots passar els programes realitzats al mòbil per veure com funcionen. 

Utilitzareu Appinventor, que d'una forma intuïtiva permet fer programes situant convenientment els blocs igual que Scratch. Per a poder utilitzar-lo és imprescindible tindre connexió a Internet, ja que este programa funciona en Cloud Computing en la web del MIT (Institut Tecnològic del Massachusetts), igual que Scratch.
Imatge extreta de appinventor.mit.edu baix llicència CC BY-SA

Perquè funcione necessites tindre instal·lat JAVA en un navegador Chrome o Firefox, Internet Explorer no està suportat, i disposar d'un compte Google.

Com ja he comentat anteriorment teniu diverses possibilitats de "provar" les aplicacions realitzades, per mitjà de l'emulador AI Starter (està serà la forma que utilitzareu en l'Aula d'Informàtica), amb el vostre mòbil connectat per Wifi amb la APP AI Companión de la Play Store, o amb el mòbil connectat per USB. En el següent enllaç trobareu una explicació més detallada, altre lloc i ací la Instal·lació des de la pàgina oficial.

Característiques per les que AppInventor és especialment adequat:
  1. És programari lliure, no cal l'adquisició de llicències.
  2. És multiplataforma: requerix només d'un navegador i la màquina virtual de Java instal·lada.
  3. Crear APPs per a dispositius mòbils, és atractiu per a vosaltres, podeu ensenyar en els vostres propis telèfons el fruit del vostre treball.

Descripció dels blocs integrats d'AppInventor.
Per aprendre els principis bàsics de AppInventor, anem a utilitzar com a referència els vídeos del curs realitzat en la plataforma STEMbyme.com: "Crea amb AppInventor" (Cal que vos registreu gratuïtament per a entrar al curs).

El sistema que utilitzareu serà tipus CLASSE INVERSA (Flipped Classroom), és a dir, primer anireu visualitzant els vídeos a casa (són breus i senzills), després fareu les pràctiques a classe i finalment realitzareu una APP. Doneu-li al cap i aneu pensant què APP voleu dissenyar.

Etapes a considerar en el desenrotllament d'una aplicació mòbil senzilla.

Exemple d'App, Com fer el joc Flappy Bird a l'App Inventor.

A més haureu de lliurar un document digital amb:
  • Una descripció de l'app. Explicant el que fa i les indicacions necessàries per a usar-la o les regles del joc si es tracta d'un. Ha de constar almenys de 100 paraules i no contindre errors sintàctics i gramaticals.
  • Inserix almenys dos captures de pantalla de la teua APP en App Inventor, una de la pantalla Designer i una altra de Blocks.
  • Inserix un enllaç a la teua APP perquè pugem instal·lar-la i provar-la. Per a això hauràs de:
  1. Generar l'app i desar-la al teu Ordinador en format .apk.
  2. Pujar-la a algun núvol (Google Drive, Dropbox, etc.)
  3. I fer públic i copiar l'enllaç del fitxer .apk en el document digital, o generar un codi QR des d'este enllaç.

Més recursos per a l'aprenentatge:

Descripció dels blocs d'AppInventor.
Tutorials oficials d'AppInventor. ANG
DIWO.Curs d'introducció a MIT AppInventor.
Mvochoa.Youtube.Curs d'AppInventor.
Mvochoa.Youtube.Exercicis resolts d'AppInventor.
AreaTecnologia.Youtube.Curs d'AppInventor.
Editronikx.Youtube.Disseny d'aplicacions android AppInventor.
REDunX.Youtube.Curso AppInventor.
Ergo Sum.Curs de programació d'apps amb AppInventor.

Tutorials de tuappinvetorandroid.com.
Tutorials AppInventor 2.
Web en espanyol d'AppInventor.
Observatori Tecnológic.Guia d'AppInventor.
Com es programen apps mòbils amb MIT AppInventor.
DesarrollandoJuntos. Tutorials d'AppInventor.
El Profe García.Youtube.Reconeixement de Veu, crear Aplicació d'AppInventor.
AppInventor fragments de codi. ANG
Llibre d'App Inventor. ANG
The App Inventor Course-in-a-Box. ANG

Mapa conceptual d'AppInventor.
YouTube.Antonio Ricoy Riego.
udemy.Curs Desenrotllament d'Aplicacions mòbils amb AppInventor (20€).

per Antonio Vidal

Antonio Vidal es professor de Tecnologia. És un autodidacta convençut, apassionat per la tecnologia, la programació, la robòtica i el món MAKER.

Segueix-me al Twitter |

No Comment