SlideShare a Scribd company logo
1 of 14
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!
Í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...
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"
PRÀCTICA 1: MOLE MAS!
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
CRIDAA GOOGLE MAPS
CONFIGURACIÓ DE LA SCREEN
CONFIGURACIÓ VARIABLES
PROGRAMACIÓ CONFIGURACIÓ
LISTPICKER - TEXTBOX
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"
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
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.
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
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
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"
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
MOLTES GRÀCIES PER
LA VOSTRA ATENCIÓ!

More Related Content

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

Taller app inventor
Taller  app inventorTaller  app inventor
Taller app inventorlluís nater
 
Memòria Near Gazer
Memòria Near GazerMemòria Near Gazer
Memòria Near GazerNear_Gazer
 
Creació d´una app
Creació d´una appCreació d´una app
Creació d´una appLaietta M
 
Instruccions de l´app
Instruccions de l´appInstruccions de l´app
Instruccions de l´appsergi125
 
Creació de materials amb les TIC. Sessió 2
Creació de materials amb les TIC. Sessió 2Creació de materials amb les TIC. Sessió 2
Creació de materials amb les TIC. Sessió 2creal1
 
Mobile Marketing Victor Verges.
Mobile Marketing Victor Verges. Mobile Marketing Victor Verges.
Mobile Marketing Victor Verges. Victor Verges
 
iPad starting pack
iPad starting packiPad starting pack
iPad starting packpterrassa
 
Aplicacions mòbils i models de negoci
Aplicacions mòbils i models de negociAplicacions mòbils i models de negoci
Aplicacions mòbils i models de negociBazingapps SCP
 
MItjans Interactius_pac2.1
MItjans Interactius_pac2.1MItjans Interactius_pac2.1
MItjans Interactius_pac2.1Marcos Baldovi
 
Presentacions amb programari lliure
Presentacions amb programari lliurePresentacions amb programari lliure
Presentacions amb programari lliureguest9860fa
 

Similar to I BLOC ACTIVITATS APP INVENTOR 4t PROGRAMACIÓ I DIGITALITZACIÓ (20)

Memòria app awards
Memòria app awardsMemòria app awards
Memòria app awards
 
Taller app inventor
Taller  app inventorTaller  app inventor
Taller app inventor
 
T0 introduccio
T0 introduccioT0 introduccio
T0 introduccio
 
T2 paint pot-1
T2 paint pot-1T2 paint pot-1
T2 paint pot-1
 
T2 paint pot
T2 paint potT2 paint pot
T2 paint pot
 
Memòria Near Gazer
Memòria Near GazerMemòria Near Gazer
Memòria Near Gazer
 
Creació d´una app
Creació d´una appCreació d´una app
Creació d´una app
 
Formació iPad 3
Formació iPad 3Formació iPad 3
Formació iPad 3
 
Instruccions de l´app
Instruccions de l´appInstruccions de l´app
Instruccions de l´app
 
Creació de materials amb les TIC. Sessió 2
Creació de materials amb les TIC. Sessió 2Creació de materials amb les TIC. Sessió 2
Creació de materials amb les TIC. Sessió 2
 
Powepoint
PowepointPowepoint
Powepoint
 
Mobile Marketing Victor Verges.
Mobile Marketing Victor Verges. Mobile Marketing Victor Verges.
Mobile Marketing Victor Verges.
 
iPad starting pack
iPad starting packiPad starting pack
iPad starting pack
 
Aplicacions mòbils i models de negoci
Aplicacions mòbils i models de negociAplicacions mòbils i models de negoci
Aplicacions mòbils i models de negoci
 
MItjans Interactius_pac2.1
MItjans Interactius_pac2.1MItjans Interactius_pac2.1
MItjans Interactius_pac2.1
 
Memòria app original
Memòria app originalMemòria app original
Memòria app original
 
Memòria app
Memòria app Memòria app
Memòria app
 
Creació d'una aplicació d'Android
Creació d'una aplicació d'AndroidCreació d'una aplicació d'Android
Creació d'una aplicació d'Android
 
Presentacio20diap
Presentacio20diapPresentacio20diap
Presentacio20diap
 
Presentacions amb programari lliure
Presentacions amb programari lliurePresentacions amb programari lliure
Presentacions amb programari lliure
 

More from Lasilviatecno

MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERATMECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERATLasilviatecno
 
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,Lasilviatecno
 
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.Lasilviatecno
 
PRESENTACIÓ ACTVITAT: LA MEVA PRIMERA MASCOTA VIRTUAL
PRESENTACIÓ ACTVITAT: LA MEVA PRIMERA MASCOTA VIRTUALPRESENTACIÓ ACTVITAT: LA MEVA PRIMERA MASCOTA VIRTUAL
PRESENTACIÓ ACTVITAT: LA MEVA PRIMERA MASCOTA VIRTUALLasilviatecno
 
MÀQUINES SIMPLES I ESTÀTICA 1r BATXILLERAT
MÀQUINES SIMPLES I ESTÀTICA 1r BATXILLERATMÀQUINES SIMPLES I ESTÀTICA 1r BATXILLERAT
MÀQUINES SIMPLES I ESTÀTICA 1r BATXILLERATLasilviatecno
 
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...Lasilviatecno
 
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTS
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTSMATERIALS, PROPIETATS I ASSAJOS RELLEVANTS
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTSLasilviatecno
 
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTS
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTSMATERIALS, PROPIETATS I ASSAJOS RELLEVANTS
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTSLasilviatecno
 
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONS
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONSTANGÈNCIES, ENLLAÇOS I RECTIFICACIONS
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONSLasilviatecno
 
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptxINTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptxLasilviatecno
 
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONS
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONSTANGÈNCIES, ENLLAÇOS I RECTIFICACIONS
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONSLasilviatecno
 
ELECTRÒNICA ANALÒGICA.
ELECTRÒNICA ANALÒGICA.ELECTRÒNICA ANALÒGICA.
ELECTRÒNICA ANALÒGICA.Lasilviatecno
 
RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL
RECURSOS ENERGÈTICS I IMPACTE AMBIENTALRECURSOS ENERGÈTICS I IMPACTE AMBIENTAL
RECURSOS ENERGÈTICS I IMPACTE AMBIENTALLasilviatecno
 
MÀQUINES SIMPLES, ENERGIA, TREBALL, POTÈNCIA I RENDIMENT.
MÀQUINES SIMPLES, ENERGIA, TREBALL, POTÈNCIA I RENDIMENT.MÀQUINES SIMPLES, ENERGIA, TREBALL, POTÈNCIA I RENDIMENT.
MÀQUINES SIMPLES, ENERGIA, TREBALL, POTÈNCIA I RENDIMENT.Lasilviatecno
 
I_RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL.pptx
I_RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL.pptxI_RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL.pptx
I_RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL.pptxLasilviatecno
 

More from Lasilviatecno (20)

MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERATMECANISMES I CINEMÀTICA 1r DE BATXILLERAT
MECANISMES I CINEMÀTICA 1r DE BATXILLERAT
 
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
SISTEMA DIÈDRIC. PLANS, PAREL·LELISME,PERPENDICULARITAT,
 
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
TIPUS DE POSICIONS D'UNA RECTA. VERITABLE MAGNITUD.
 
PRESENTACIÓ ACTVITAT: LA MEVA PRIMERA MASCOTA VIRTUAL
PRESENTACIÓ ACTVITAT: LA MEVA PRIMERA MASCOTA VIRTUALPRESENTACIÓ ACTVITAT: LA MEVA PRIMERA MASCOTA VIRTUAL
PRESENTACIÓ ACTVITAT: LA MEVA PRIMERA MASCOTA VIRTUAL
 
MÀQUINES SIMPLES I ESTÀTICA 1r BATXILLERAT
MÀQUINES SIMPLES I ESTÀTICA 1r BATXILLERATMÀQUINES SIMPLES I ESTÀTICA 1r BATXILLERAT
MÀQUINES SIMPLES I ESTÀTICA 1r BATXILLERAT
 
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...
DIÈDRIC PROJECCIONS VERTICALS, HORITZONTALS I DE PERFIL DELS PUNTS ALS QUATRE...
 
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTS
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTSMATERIALS, PROPIETATS I ASSAJOS RELLEVANTS
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTS
 
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTS
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTSMATERIALS, PROPIETATS I ASSAJOS RELLEVANTS
MATERIALS, PROPIETATS I ASSAJOS RELLEVANTS
 
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONS
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONSTANGÈNCIES, ENLLAÇOS I RECTIFICACIONS
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONS
 
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptxINTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
INTRODUCCIÓ A L'EDICIÓ D'IMATGE.pptx
 
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONS
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONSTANGÈNCIES, ENLLAÇOS I RECTIFICACIONS
TANGÈNCIES, ENLLAÇOS I RECTIFICACIONS
 
HABITATGE
HABITATGEHABITATGE
HABITATGE
 
POLÍGONS
POLÍGONSPOLÍGONS
POLÍGONS
 
MECANISMES
MECANISMESMECANISMES
MECANISMES
 
ELECTRÒNICA ANALÒGICA.
ELECTRÒNICA ANALÒGICA.ELECTRÒNICA ANALÒGICA.
ELECTRÒNICA ANALÒGICA.
 
RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL
RECURSOS ENERGÈTICS I IMPACTE AMBIENTALRECURSOS ENERGÈTICS I IMPACTE AMBIENTAL
RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL
 
MÀQUINES SIMPLES, ENERGIA, TREBALL, POTÈNCIA I RENDIMENT.
MÀQUINES SIMPLES, ENERGIA, TREBALL, POTÈNCIA I RENDIMENT.MÀQUINES SIMPLES, ENERGIA, TREBALL, POTÈNCIA I RENDIMENT.
MÀQUINES SIMPLES, ENERGIA, TREBALL, POTÈNCIA I RENDIMENT.
 
TRAÇATS FONAMENTALS
TRAÇATS FONAMENTALSTRAÇATS FONAMENTALS
TRAÇATS FONAMENTALS
 
INTERNET
INTERNETINTERNET
INTERNET
 
I_RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL.pptx
I_RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL.pptxI_RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL.pptx
I_RECURSOS ENERGÈTICS I IMPACTE AMBIENTAL.pptx
 

Recently uploaded

Realitat o fake news? – Què causa el canvi climàtic? - La deforestació
Realitat o fake news? – Què causa el canvi climàtic? - La deforestacióRealitat o fake news? – Què causa el canvi climàtic? - La deforestació
Realitat o fake news? – Què causa el canvi climàtic? - La deforestacióPere Miquel Rosselló Espases
 
App del mes de maig ins alcarras Duolingo
App del mes de maig ins alcarras DuolingoApp del mes de maig ins alcarras Duolingo
App del mes de maig ins alcarras DuolingoDaniel Fernández
 
sopar en família dels alumnes de tercer de ESO
sopar en família dels alumnes de tercer de ESOsopar en família dels alumnes de tercer de ESO
sopar en família dels alumnes de tercer de ESOinstiquercus
 
Presentació_Conèixer_els_Màsters_2024.pptx
Presentació_Conèixer_els_Màsters_2024.pptxPresentació_Conèixer_els_Màsters_2024.pptx
Presentació_Conèixer_els_Màsters_2024.pptxaudiofil
 
Realitat o fake news? – Què causa el canvi climàtic? - El desglaç dels pols
Realitat o fake news? – Què causa el canvi climàtic? - El desglaç dels polsRealitat o fake news? – Què causa el canvi climàtic? - El desglaç dels pols
Realitat o fake news? – Què causa el canvi climàtic? - El desglaç dels polsPere Miquel Rosselló Espases
 
FESTA ESCOLA 2024 divendres, 31 de maig.pdf
FESTA ESCOLA 2024 divendres, 31 de maig.pdfFESTA ESCOLA 2024 divendres, 31 de maig.pdf
FESTA ESCOLA 2024 divendres, 31 de maig.pdfErnest Lluch
 

Recently uploaded (6)

Realitat o fake news? – Què causa el canvi climàtic? - La deforestació
Realitat o fake news? – Què causa el canvi climàtic? - La deforestacióRealitat o fake news? – Què causa el canvi climàtic? - La deforestació
Realitat o fake news? – Què causa el canvi climàtic? - La deforestació
 
App del mes de maig ins alcarras Duolingo
App del mes de maig ins alcarras DuolingoApp del mes de maig ins alcarras Duolingo
App del mes de maig ins alcarras Duolingo
 
sopar en família dels alumnes de tercer de ESO
sopar en família dels alumnes de tercer de ESOsopar en família dels alumnes de tercer de ESO
sopar en família dels alumnes de tercer de ESO
 
Presentació_Conèixer_els_Màsters_2024.pptx
Presentació_Conèixer_els_Màsters_2024.pptxPresentació_Conèixer_els_Màsters_2024.pptx
Presentació_Conèixer_els_Màsters_2024.pptx
 
Realitat o fake news? – Què causa el canvi climàtic? - El desglaç dels pols
Realitat o fake news? – Què causa el canvi climàtic? - El desglaç dels polsRealitat o fake news? – Què causa el canvi climàtic? - El desglaç dels pols
Realitat o fake news? – Què causa el canvi climàtic? - El desglaç dels pols
 
FESTA ESCOLA 2024 divendres, 31 de maig.pdf
FESTA ESCOLA 2024 divendres, 31 de maig.pdfFESTA ESCOLA 2024 divendres, 31 de maig.pdf
FESTA ESCOLA 2024 divendres, 31 de maig.pdf
 

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"
  • 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Ó!