V_Robolot: APP Inventor ieselcastell

start >

<

>

Pràctiques

app Inventor 2

>

>

Apendre a programar per abordar els desafiaments de l'època actual.

1

2

3

4

<Objectius>

Coneixer què és i com funciona la plataforma de creació d'aplicacions mòvils APP Inventor arrivant a crear una aplicació funcional que pugui ser instalada al mòbil.

Coneixer part dels sensors dels nostres dispositius mòbils.

Coneixer, comprendre i aplicar el ús de variables i estructures condicionals.

>

>

Criteris d'avaluació

Treball i comportament a l'aula. Responsabilitat amb el material: ús d'ordinadors, mòbils, auriculars, etc.

Redacció d'una carpeta d'aprenentatge personal en el format triat per l'alumne: diari de treball, blog, presentació digital, etc.

Precisió del desenvolupament respecte l'enunciat

Desenvolupament i funcionament de l'app

Autonomia i resolució de problemes

>

>

Introducció

Pràctica 03

00

Pràctica 1

Pràctica 04

Pràctica 05

Pràctica 06

<

<

<

<

<

<

>

>

>

>

>

>

01

03

04

05

Pràctica 02

<

>

02

06

start >

app inventor 2

<INTRODUCCIÓ>

Accedeix a App Inventor 2

COM DESCARREGAR L'APP CREADA AL TEU ORDINADOR

INTERFÍCIE

DESCARREGAR L'APP CREADA PER INSTALAR-HO AL MÒBIL

comprovar FUNCIONAMENT al meu mòbil

>

>

https://appinventor.mit.edu/

Accedeix a App Inventor 2:

(enrecorda’t d’inciar sessió amb el teu compte de l’Institut)

>

>

interficie

Àrea de disseny

Àrea de programació

>

>

COM DESCARREGAR L’APP CREADA AL TEU ORDINADOR

Podem descarregar l'archiu al nostre ordinador per poder portar-ho o per tornar-ho a carregar i modificar-ho.

>

>

COM DESCARREGAR LA TEVA APP A per instalar-la al mòbil

Podem descarregar l'archiu al nostre ordinador per poder portar-ho o per instalar-ho al nostre mòbil.

.aia(inastalable al mòbil)

.apk(archiu al ordinador)

>

>

Des de l’app inventor has de connectar-ho amb AI Companion

comprovar lA MEVA APP al mòbil

Connexió mòbil Ordinador

Descarrega't l'appMIT AI2 Companion

1

2

start >

Crear i canviar de pantalla

<PRÀCTICA 01>

NivellIniciació

NivellAvançat

NivellExpert

>

>

NivellIniciació

Crear i canviar de pantalla

<PRÀCTICA 01>

QUÈ HEM DE FER?- Fes una app en la que clicant un botó podem canviar d'una pantalla 1 a la pantalla 2 i viceversa. - Afegeix un text (label) indicant el teu nom i cognoms.- Canvia el color de fons de les pantalles. COM HO FAREM: - SCREEN (pantalla) - BOTTON (botó) - LABEL (etiqueta o text) - SCREEN 2 (pantalla 2)

>

>

Crear i canviar de pantalla

<(Pràctica 1) Tutorial>

>

>

Crear i canviar de pantalla

<PRÀCTICA 01>

QUÈ HEM DE FER?Aplicant el que has aprés al nivell inicial:- Cerca els tres arbres més comuns de la zona.- Posa una pantalla amb un botó per cada arbre i que et porti a una altre pantalla amb una imatge del arbre que ocupi tota la pantalla.- Cada pantalla d'arbre ha de tenir un botó que et porti a la pantalla inicial.

NivellAvançat

>

>

Crear i canviar de pantalla

<PRÀCTICA 01>

QUÈ HEM DE FER?Aplicant el que has aprés al nivell inicial i avançat:- Tria un altre tema.- A la pantalla inicial has de posar un nombre mínim de 3 botons que portin a sendes pantalles amb informació.- Els botons han d'estar personalitzats amb una imatge o dibuix i, entre tots, han de omplir la finestra complerta.- Cada pantalla d'informació ha de tenir un botó que et porti a la pàgina inicial.

NivellExpert

Matemàtiques

quÍmica

economia

start >

Dissenya la pantalla principal

<PRÀCTICA 02>

NivellIniciació

NivellAvançat

NivellExpert

>

>

NivellIniciació

Dissenya la pantalla principal

<PRÀCTICA 02>

QUÈ HEM DE FER? A partir de la pràctica 1, fes la segona pràctica amb les següents modificacions: - Fes una app a la hi hagi un fons de pantalla amb una imatge. Col·loca el teu nom i cognom a la part inferior dreta de la pantalla.- Insereix una fotografia com a logo de l’aplicació. - Edita les propietats de la Screen 1 i canvia el nom de l’app i posar-li pràctica 2.COM HO FAREM: 1. Puja una fotografia 2. Inserta una fotografia de fons: vés a les propietats de l’Screen 1, BACKGROUND-IMAGE i selecciona una fotografia. 3. Insertar LABEL i col·locar-lo a la part inferior dreta, utilitzant LAYOUTS. 4. Carrega una imatge desde propietats de Screen1, vés a ICON. 5. Canvia el nom de l’app a propietats de Screen1, vés a TITTLE

>

>

NivellIniciació

Dissenya la pantalla principal

<PRÀCTICA 02>

>

>

QUÈ HEM DE FER?A la teva app de la pràctica 1:- Posa una imatge inicial relatcionada amb la temàtica (arbres).- Deixa un espai abaix a la dreta i posa el teu nom.- A cada pantalla ha de sortir el nom edl arbre en català i en llatí. El tex a sortir a sobra de la imatge i fet des de app inventor.

NivellAvançat

Dissenya la pantalla principal

<PRÀCTICA 02>

>

>

QUÈ HEM DE FER?Amb l'app que vas crear a la pràctica 1:- Reorganitza els botons inicials de manera que pugis posar una imagte de fons i que sigui entenible.- A la mateixa pantalla posa un eslògan.- Fes una configuració com la del nivell bàssic a cada pàgina. Una posant les midas en píxels, una altre en %, a l'última explica en text si has trobar alguna diferència.

NivellExpert

Matemàtiques

quÍmica

economia

Dissenya la pantalla principal

<PRÀCTICA 02>

start >

FER FOTOGRAFIES

<PRÀCTICA 03>

NivellIniciació

NivellAvançat

NivellExpert

>

>

NivellIniciació

FER FOTOGRAFIES

<PRÀCTICA 03>

QUÈ HEM DE FER? Fes una app que et permeti fer fotografies, i que aquestes es puguin posa al fons de pantalla.Crea una notificació que ens digui que hem realitzat correctament la fotografia. Per últim fes un botó que ens permeti esborrar-la del fons.COM HO FAREM: - 1r BOTTON (HO PROGRAMAREM PERQUÈ FENT CLICK, CRIDI A LA CÀMERA DEL MÒBIL)- IMAGE (LLOC A ON ES COL·LOCARÀ LA FOTOGRAFIA QUE HEM PREMUT)- NOTIFIER (PROGRAMAREM UN MISSATGE AL NOSTRE MÒBIL)- CAMERA (PROGRAMAREM LA CÀMARA DEL MÒBIL)- 2n BOTTOM, PROGRAMAT PER ESBORRAR LA FOTOGRAFIA DE FONS (IMAGE)

>

>

NivellIniciació

FER FOTOGRAFIES

<PRÀCTICA 03>

FER FOTOGRAFIES

<PRÀCTICA 03>

>

>

QUÈ HEM DE FER?Sobre el nivell iniciació, afegeix un botó per esborrar la foto.

NivellAvançat

FER FOTOGRAFIES

<PRÀCTICA 03>

FER FOTOGRAFIES

<PRÀCTICA 03>

>

>

NivellExpert

Matemàtiques

quÍmica

economia

FER FOTOGRAFIES

<PRÀCTICA 03>

FER FOTOGRAFIES

<PRÀCTICA 03>

QUÈ HEM DE FER?Sobre el nivell avançat, fes que al donar-li al botó "esborra foto" ens demani confirmació amb la possibilitat de no esborrar la foto.Esborrar imatge? SI NO

Sí

no