Aquesta eina permet crear aplicacions sense necessitat de teclejar codi, instal·lar-les a dispositius i també penjar-les a Play Store.
App Inventor és una eina per crear aplicacions per a dispositius mòbils Android. Creada per membres del Massachusetts Institute of Technology (MIT), el seu èxit és que permet programar sense escriure ni una lletra de codi a través de la programació basada en el sistema de blocs.
És per això que s'utilitza als centres educatius per introduir infants i adolescents al món de la tecnologia. En concret, per treballar les STEAM, ja que es tracta d'un sector que continua sense oferir les mateixes oportunitats a totes les persones.
Us expliquem com fer una aplicació sobre la vostra entitat amb aquest programari, pas a pas.
Podeu desenvolupar l'aplicació en línia o descarregar-vos l'aplicació. Per fer-lo anar des de l'entorn web, necessitareu un compte de Google. Un cop fet el registre, seleccioneu 'Crear apps' i 'Crear un projecte nou'.
Heu de diferenciar les següents seccions:
Una altra part molt important a tenir en compte és el desplegable de les pantalles. En aquest desplegable, podreu seleccionar la pantalla de la vostra aplicació per treballar-hi. Si necessiteu més pantalles, podreu afegir-ne tantes com vulgueu.
Una aplicació disposa de diverses pantalles i, dins d'aquestes pantalles, hi ha una sèrie d'elements que realitzen unes funcions molt característiques.
A continuació us descrivim els elements que han d'anar a cada pantalla de la vostra aplicació segons un exemple, i les propietats que han de tenir:
Per afegir aquests elements, heu d'anar al dissenyador i arrossegar quatre cops l'element botó a la pantalla 1. A les propietats dels botons, heu d'escriure a 'Text' els noms: “Qui som?", "Què fem?", "On som?" i “Últimes notícies”.
Heu d'afegir l'element Visor Web a la pantalla 2. Aquest element permet visualitzar una pàgina web. Així, es podrà mostrar l'apartat 'Qui som?' de la vostra pàgina web. A la propietat del visor web, justament a 'url inicial', heu d'escriure l'enllaç de la pàgina corresponent.
Heu d'afegir un altre Visor Web a la pantalla 3. En aquest cas, el visor web ensenyarà la pantalla 'Què fem?' de la vostra pàgina web. A la propietat del visor web, juntament a 'url inicial', heu d'escriure l'enllaç de la pàgina corresponent.
Heu d'afegir el quart element Visor Web a la pantalla 4. A la propietat del visor web, juntament a 'url inicial', heu d'escriure l'enllaç de la pàgina 'On som?' de la vostra pàgina web.
Un cop ja teniu les pantalles creades i els elements col·locats al seu lloc corresponent, toca programar les accions i les ordres de cada element. Per fer-ho heu d'anar a la secció dels Blocs. A cada pantalla podreu programar diferents accions.
En el cas de la pantalla 1, heu d'arrossegar al visor el bloc de 'control' anomenat 'Quan botó1. Clic fes', també el bloc de control 'obre una altra pantalla nom', i encaixar-los. Al nom de la pantalla, hi posarem el nom on volem redireccionar la persona usuària.
Paral·lelament us podeu descarregar l'aplicació Mit AI2 Companion al dispositiu mòbil per veure provar la vostra aplicació a mesura que l'aneu desenvolupant.
Des del menú superior, a l'apartat 'Connecta', podeu connectar amb l'aplicació a través d'un codi QR i anar seleccionant 'Refrescar la pantalla del Companion' per veure com queda.
Quan ja heu fet totes les proves, heu arreglat els vostres 'bugs' i els teniu solucionats, és hora d'empaquetar la vostra aplicació. Què significa empaquetar l'aplicació? Doncs agafar tots els fitxers que componen l'aplicació i convertir-lo en un sol fitxer amb extensió '.apk'.
Per fer-ho, heu d'anar a 'Generar' i 'App (guardar arxiu .apk al meu ordinador)'. Amb aquest arxiu, us podreu instal·lar l'aplicació al vostre mòbil. Recordeu que per això heu de tenir desactivada l'opció de seguretat anomenada 'Permetre instal·lar aplicacions d'origen desconegut'.
En el cas que volguéssiu penjar l'aplicació a Play Store, a la pàgina d'App Inventor hi ha diferents tutorials que expliquen com fer-ho.