1. Entra a Google amb el teu compte d'usuari. Comprova que tens instal·lat Java: fes clic al botó Launch. Se't descarregarà un fitxer. En clicar-hi obrirà el Notepad si tot està correcte. Si no, hauràs de reinstal·lar Java.
2. Instal·lar App Inventor:
Windows: Descarrega l'instal·lador (.exe)
Ubuntu: Descarrega el paquet Debian (.deb)
3. Arrencar App Inventor:
Ves a la web http://beta.appinventor.mit.edu. Trigarà una miqueta en obrir-se, sigues pacient. Un cop oberta, hi accediràs mitjançant l'extensió que vam instal·lar al Chrome durant la sessió anterior (també podries desar l'enllaç a la barra de favorits, en realitat és el mateix), per a entrar-hi de forma fàcil.
Clica a New
Escriu el nom del projecte, HolaGatet (una paraula, sense espais) al diàleg que apareix. Després clica al botó OK.
El navegador obre una pàgina anomenada Designer. És el lloc on se seleccionen els components per a la teva app i on es dissenya la interfície d'usuari. Té aquest aspecte:
4. A més a més del Designer, has d'arrencar el Blocks Editor, el lloc on configuraràs el comportament de l'app. És una aplicació diferent, amb la seva pròpia finestra, així que necessites obrir dues finestres al navegador per a dissenyar una app. Aquestes finestres estan unides, els canvis que fas al Designer es veuen immediatament reflexats al Blocks Editor. S'obre des del Designer, mira la imatge:
Per a obrir el Blocks Editor:
Clica ‘OK’ (Open the Java file)
Clica ‘Always trust contents from this publisher’ i obre el fitxer
Clica ‘Run’
Aquest procés pot trigar 30 segons o més! Quan ho faci veuràs això:
Així funciona App Inventor: els programes es munten i desen al núvol, als servidors de Google. Hi accedim a través de dues finestres al nostre navegador: el Designer i el Blocks Editor. Una vegada fets i empaquetats els programes els executem a un emulador o al mòbil:
(imatge de https://sites.google.com/site/appinventormegusta/primeros-pasos)
Instal·la't al mòbil l'app MIT AI Companion
Des de Blocks Editor clica a Connect to device. Selecciona Wifi i t'apareixerà un QR i un codi.
Aquest mètode només és vàlid per al teu mòbil, en la resta NO funcionarà
L'editor de blocs:
L'emulador:
Has de fer aquest procés d'instal·lació al teu ordinador de casa també.
Fonts:
Course-In-A-Box de David Wolber, Module 1, HelloPurr: Build, Conceptualize, Customize
Curso online (REDunX) Emprendimiento y AppInventor, de la UNED