Control remot del robot Fantàstic amb AppInventor

Control remot del robot Fantàstic amb AppInventor

AppInventor

• L’AppInventor és un entorn de programació per blocs creat per Google Labs a finals del 2008 per desenvolupar aplicacions per Android.

• Permet crear aplicacions d’una forma més fàcil i amb menys temps que amb altres entorns més complexos.

• Es poden provar les aplicacions en temps real abans de compilar-les i instal·lar-les al dispositiu.

• Disposa de molts tutorials per aprendre de forma autònoma a més d’una comunitat molt gran que comparteix els seus projectes.

Primers passos amb AppInventor

• Vés a la pàgina web d'AppInventor.

• Clica al botó que posa Create Apps!.

• Introdueix les credencials del teu compte de Google (correu i contrasenya).

• Accepta els termes del servei (Terms of Service).

• Clica a Continue en la finestra de benvinguda que apareix a continuació.

Crea un nou projecte

• Opcional: Canvia d’idioma fent clic a English (a dalt i a la dreta) i selecciona l'idioma Català.

• Crea un nou projecte fent clic a "Projectes > Crea un projecte nou…".

• Posa-li nom (per exemple RobotED1) i accepta.

Sincronitza amb el Companion

• Descarrega l’AppInventor 2 Companion al teu smartphone o tablet Android i obre’l.

• Clica a Connecta > AI Companion.

• Escaneja el codi QR amb la opció Scan QR Code o escriu el codi directament.

• NOTA: És necessari que l’ordinador i dispositiu estiguin a la mateixa xarxa.

Afegir botons

• Començarem afegint botons per poder enviar les ordres al robot. Per afegir-ne un cal arrossegar l’element Botó des de la Paleta cap al Visor.

• Després podem canviar el noms d’aquests botó seleccionant-lo i clicant a sota on posa Canviar el nom (posant per exemple BotóEndavant).

• També podem canviar el text que mostra anant a l’apartat Propietats i modificant la propietat Text, introduïnt un de nou (posant per exemple Endavant).

Repte 1: afegeix 3 botons més i canvia’ls el nom i el text que mostren.

Organitzar els botons

• Per defecte l'AppInventor col·loca els components de la pantalla un sota l’altre. Per organitzar els components necessitem els elements que trobem a la categoria Disposició.

• Si volem col·locar els botons de manera distribuida a la pantalla podem fer servir el component Contenidor tabular.

Repte 2: col·loca els botons com els d’un comandament a distància.

Canviar mida dels botons

• Quan afegim un component visual a la nostra aplicació tenen les propietats Alçària i Amplada en Automàtic. Això significa que s’ajusten el seu contingut, sent en el cas dels botons el text.

• Si volem fer que els botons tinguin unes dimensions regulars (forma quadrada) podem assignar un valor concret de píxels en ambdues propietats, per exemple 100.

Detectar botó premut

• Per començar a programar l'aplicació cal anar a la secció Blocs, al costat de Dissenyador.

• Un cop dins, per detectar quan premem un botó cal seleccionar-lo a l'apartat Blocs i agafar el bloc quan Botó.Clic.

Enviar peticions web

• Per tal d’enviar peticions web necessitem el component Web que hi ha a la categoria Connectivitat.

• Per realitzar una petició web cal fer servir primer el bloc assigna a Web1. Url especificant l’adreça i després utilitzar el bloc crida Web1.Pren per executar la petició.

• Per posar l’adreça hem de fer servir el primer bloc disponible a la categoria Text.

Repte 3: fes que cada botó executi la petició web corresponent quan es premi.