I BLOC ACTIVITATS APP INVENTOR 4t PROGRAMACIÓ I DIGITALITZACIÓ

1. Silvia Mejías Tarancón
APP INVENTOR
I BLOC D’ACTIVITATS
Què faràs?
Idear i ordenar
les accions
necessàries per a
realitzar una
aplicació mòbil
Pren riscos i
prepara't per a fallar!

2. ÍNDEX
 PRÀCTICA 1: MOLE MAS!
 PRÀCTICA 2: A ON ANEM?
 PRÀCTICA 3: FER FOTOGRAFIES!
 PRÀCTICA 4: EL MÒBIL PARLA!
 PRÀCTICA 5:
 PRÀCTICA 5.1: EL MÒBIL SAP IDIOMES
I BUSCA PER INTERNET!
 PRÀCTICA 5.2: FER UN TRADUCTOR
D'ANGLÈS I FRANCÈS PARLAT EN
TEMPS REAL...

3. PRÀCTICA 1: MOLE MAS!
Mira les captures de pantalla
que t’ajudaran a fer la teva app
i recorda que ha de tenir els
següents elements:
• Un BOTTON: per començar
el joc
• Dues IMAGESPRITE per
posar els Talps.
• Un CANVAS per posar
l’escenari-fons
• Dues LABELS per notificar
les puntuacions obtingudes
pels talps
• Un SOUND que ens
ajudarà a afegir un
reproductor de músca.
• Un MOLE TIMER que ens
ajudarà a afegir un
àudio.rmula.
Has de fer un MoleMash, un joc inspirat en el clàssic arcade "Whac-A-Mola" on criatures
mecàniques sortien breument fora d'uns forats i els jugadors aconseguien punts en colpejar-
los amb un mall. Concretament, has de fer on dos talps es mouran constantment per la
pantalla i cada cop que es toqui cada talp ha de sumar punts
IMPORTANT: Vols fer un bon DISSENY a la
teva app, doncs, no t’oblidis de posar:
• Una ICONE vinculada al contingut de
l’App
• Un TÍTOL a l'screen com per exemple
“MOLEMASH"

4. PRÀCTICA 1: MOLE MAS!

5. PRÀCTICA 2: A ON ANEM?
Mira les captures de pantalla
que t’ajudaran a fer la teva
app i recorda que ha de tenir
els següents elements:
• BOTTONS
• Labels
• Textbox
• Webviewer
• LocationSensor1
• Button
• Activity Starter
• LocationSensor
Has de fer una app que et permeti localitzar diferents carrers de la teva ciutat i que aquests
quedin assenyalats a un mapa. Hauràs de connectar l’aplicació amb google maps, per
poder realitzar cerques de rutes amb itineraris marcats.
IMPORTANT: Vols fer un bon
DISSENY a la teva app,
doncs, no t’oblidis de posar:
• Una ICONE vinculada al
contingut de l’App
• Un TÍTOL a l'screen com
per exemple “MAPS"
android.intent.action.VIEW

6. CRIDAA GOOGLE MAPS
CONFIGURACIÓ DE LA SCREEN
CONFIGURACIÓ VARIABLES
PROGRAMACIÓ CONFIGURACIÓ
LISTPICKER - TEXTBOX

7. PRÀCTICA 3: FER FOTOGRAFIES!
Mira les captures de pantalla que t’ajudaran a fer la teva
app i recorda que ha de tenir els següents elements:
• Dos BOTTONS: un per fer fotos i un altre per esborrar
fotos.
• Una IMAGE on es col·locarà la fotografia que fem.
• Un NOTIFIER que ens ajudarà a programar un
missatge al nostre mòbil
• Una CAMERA que ens ajudarà a programar la càmera
del nostre mòbil
• Un PLAYER que ens ajudarà a afegir un reproductor de
músca.
• Un SOUND que ens ajudarà a afegir un àudio.rmula.
Has de fer una app que et permeti fer fotografies, i que aquestes es puguin
posa al fons de pantalla i crear una notificació que t’informi que ho has fet
correctament. A més hi haurà un botó que et permeti esborrar la fotografia
del fons i un altre que et permeti reproduir un arxiu d'àudio.
IMPORTANT: Vols fer un bon DISSENY a la teva app, doncs, no
t’oblidis de posar:
• Una ICONE vinculada al contingut de l’App
• Un TÍTOL a l'screen com per exemple “CÀMARA"

8. Mira les captures de pantalla que t’ajudaran a fer
la teva app i recorda que ha de tenir els següents
elements:
• Un LABEL: Indicarem “Introdueix el teu nom”
• Un TEXTBOX: Lloc perquè l’usuari pugui
ficar el seu nom.
• Tres BOTTONS: Un que Clicant el botó
esborra el text, un altre per canviar de pantalla
i un altre d’acceptació i comença la
programació.
• Un NOTIFIER: En el cas de que l’usuari no
escrigui res, sortirà una notificació.
• Un TEXT TO SPEECH: El software del mòbil
ens hi parlarà el que escrivim.
Dissenya una app que introduint un text a un
(textbox), ens canviï el text en un (label) i que
canviï el color aleatòriament i si no posem cap
text, el deixem buit(textbox) ha d’aparèixer una
notificació informant que hi ha una errada.
Dissenya amb l’eina (texttospeech) que el que
escrivim ho digui el mòbil.
IMPORTANT: Vols fer un bon DISSENY a la
teva app, doncs, no t’oblidis de posar:
• Una ICONE vinculada al contingut de l’App
• Un TÍTOL a l'screen com per exemple
“PARLANT"
PRÀCTICA 4 : EL MÒBIL PARLA!
NOTIFIER+LABEL+TEXTBOX+TEXT-TO-SPEECH

9. PRÀCTICA 4 : EL MÒBIL PARLA!
NOTIFIER+LABEL+TEXTBOX+TEXT-TO-SPEECH
Dissenya una app que introduint un text a un (textbox), ens canviï el text en un (label) i que
canviï el color aleatòriament i si no posem cap text, el deixem buit(textbox) ha d’aparèixer
una notificació informant que hi ha una errada. Dissenya amb l’eina (texttospeech) que el
que escrivim ho digui el mòbil.

10. PRÀCTICA 5.1: EL MÒBIL SAP IDIOMES I BUSCA PER INTERNET!
RE-DIRECCIÓ WEB + SPEECH RECOGNIZER
Mira les captures de pantalla que t’ajudaran a fer la teva app i
recorda que ha de tenir els següents elements:
• Dos BOTTONS que ens redireccionin a webs externes.
• Un BOTTON + TEXTBOX que reconegui la nostra veu i
l’escrigui en un LABEL.
• ACTIVITY STARTER: Enllaçarem una web externa des de
la nostra web.
• SPEECH RECOGNIZER: Reconeixerà la nostra veu i ho
escriurà en un label.
Dissenya una app que que sàpiga idiomes i sap fer cerques per Internet.
IMPORTANT: Vols fer un bon
DISSENY a la teva app, doncs, no
t’oblidis de posar:
• Una ICONE vinculada al
contingut de l’App
• Un TÍTOL a l'screen com per
exemple “TRADUCTOR"
android.intent.action.
VIEW
direcció web del lloc

11. Silvia Mejías Tarancón
Fes que el botó de redirecció tingui el logotip de la web que desitgem, (exemple logo de Youtube). Fes que una vegada
reconegut el text que has parlar, l’aplicació o digui també (texttospeech)
PRÀCTICA 5.1: EL MÒBIL SAP IDIOMES I BUSCA PER INTERNET!
RE-DIRECCIÓ WEB + SPEECH RECOGNIZER

12. PRÀCTICA 5.2: FER UN TRADUCTOR D'ANGLÈS I FRANCÈS PARLAT
EN TEMPS REAL...RE-DIRECCIÓ WEB + SPEECH RECOGNIZER
Dissenya una app que sàpiga traduir en anglès i francés.
Mira les captures de pantalla que t’ajudaran a fer la teva app i
recorda que ha de tenir els següents elements:
• Dos BOTTONS que ens redireccionin a webs externes.
• Un BOTTON per passar pantalla
• Un TEXTBOX que reconegui la nostra veu i l’escrigui en
un LABEL.
• Dos TEXTBOX un per anglès i un altre per francés
• Dos BOTTONS un per anglès i un altre per francés
• ACTIVITY STARTER: Enllaçarem una web externa des
de la nostra web.
• SPEECH RECOGNIZER: Reconeixerà la nostra veu i ho
escriurà en un label.
• TextToSpeech (Anglès)
• TextToSpeech (Francés)
• YandexTranslate (Anglès)
• YandexTranslate (Francés)
IMPORTANT: Vols fer un bon DISSENY a la teva app, doncs, no t’oblidis de posar:
• Una ICONE vinculada al contingut de l’App
• Un TÍTOL a l'screen com per exemple “TRADUCTOR MULTIPLE"

13. CASTELLÀ -
ANGLÈS
ENRECORDA’T DE CANVIAR L’ACCENT
CONFIGURAR
LA TRADUCCIÓ
CASTELLÀ/
FRANCÉS
CODI DE DIFERENTS IDIOMES
PRÀCTICA 5.2: FER UN TRADUCTOR D'ANGLÈS I FRANCÈS PARLAT
EN TEMPS REAL...RE-DIRECCIÓ WEB + SPEECH RECOGNIZER
PROGRAMACIÓ
ENLLAÇOS
GRAVAR
AUDIO
ESBORRAR
TEXT

14. MOLTES GRÀCIES PER
LA VOSTRA ATENCIÓ!