SlideShare a Scribd company logo
1 of 23
Enllaç per App Inventor II: http://dev-explore.appinventor.mit.edu
Pots provar de crear una app en que al tocar la foto en el teu mó vil faci Miau!
.

Arrossega un botó i a la dreta a la columna de propietats puja una imatge des
de Upload File .
Despré s pots pujar un àudio Miauuuu
http://recursostic.educacion.es/bancoimagenes/web
Fes un click a l’editor de Blocs per programar
.

I s’obrirà
.
Fes un click al botó que has creat en l’editor i podràs arrossegar els blocs
per programar-ho When botogat Click

Despré s fes un clic a l’àudio i arrossega el bloc call play
.
Descarrega’t en el teu mò bil MIT AI2 Companion
.

Ara fes coincidir la WIFI del teu mò bil i la del teu ordinador i connecta amb AI Companion

.
Quan obris l’app del teu mò bil tens 2 opcions o escriure el codi o
escanejar el codi QR (amb el botó scan)
.
La imatge saluda amb un À udio .

Botó 1

Has de crear primer un
botó i assignar-li una
imatge.

En el tauler de propietats
afeix la imatge que
previament has pujat.
La imatge saluda amb un À udio .

Arrossega el component
TextToSpeech a l’escenari
per afegir la funcionalitat de
lectura de text amb síntesi de
voz.
L imatge saluda amb un Àudio.
Despré s amb l’editor de blocs de codi fas un clic i trias arrossega el bloc
TextToSpeech.Speak.

Para afegir un bloc de text fem
clic al mig en un espai buit del
mateix editor de blocs.
La imatge saluda amb un À udio .
Una podria ser… que el
programa faci preguntas.
P. Ex: - Com et dius?.
I el programa contesti dient el
nom de l’usuari.
P.Ex.:
- Hola Joan, espero que
estiguis bé.

Per aconseguir aquesta nova millora
caldria introducir un nou component per
reconè ixer
l’ àudio emé s per tu.
Envia SMS per mitjà de veu .

Botó 1
Per dictar la frase.

Label1
La frase dictada es visualizaráaquí .

Botó 2
Per enviar el missage per SMS
Envia SMS per mitj À de veu .
Prem el botó1 i s’ incia el teu
reconeixement de veu.

Despré s del reconeixement de veu
es visualitza el missatge en la
etiqueta label1 perquè comprovi
s si es correcte. Posteriorment
s’estableix el text com missatge
SMS.

Converteix
en text la
veu.

Identifica el
mò bil.

Programa el botó2 per enviar el
missatge a un nú
mero de telè fon.

Envia el
mensaje.
Envia SMS per mitj À de veu .
Possibles millores
Una de las millores sería permetre’t triar amb un menú un nú
mero de telè fon o contacte
avanst d’ enviar l’SMS.
El component Texting també permet el control dels SMS rebuts en el dispositiu mò bil.
Es podrien crear per exemple aplicacions de respostes automàtiques. Quan estem
conduï nt un cotxe o en una reunió .
El bloc de codi que gestiona aquestes funcions es el segü
ent:
Frases amb síntesi de veu
Botó 1
Per generar frases.

TexBox1
Per escriure la frase

Botó n2
Para comprovar

Label
1
Para visualizar el missatge de
comprovació en una etiqueta
(label1)

•.

El teclat s’activa
automàticament en
el moment de tocar
el TextBox1
Sensor d’ orientació
Quan es carrega la 1ª pantalla
configura el país i l’idioma.
Converteix en veu la
frase.

Programa el botó 1 per dictar la
frase
Compara.

Programa el botó 2 per comprovar
si està ben escrita la frase.
Si é s correcte...

Crea un bloc condicional per
comparar la frase escrita per
l’usuari amb la frase que
correspon a la síntesi de veu
generada pel dispositiu.

Si no é s correcte...
Sensor d’ orientació
Crea una aplicació que simuli els movimients d’una bola sobre un plà
inclinat (mò bil). Inclinant en diferents direccions el mò bil, un objete bola
s’anirà orientant en direcció a la inclinació .

Canva
s
Afegim un component gràfic anomenat Canvas (lienç ).

Ball
Afegim un 2n component gràfic dins del Canvas anomenat Ball (bola)
Sensor d’ orientació

Afegeix el component d’Orientation
Sensor a l’escenari per afegir la
funció moviment i orientació .
Amb
aquest
component
pots
determinar la inclinació i orientació
del mò bil.
Sensor d’ orientació
Sensor d’ orientació
Mesura en graus on està orientat
el dispositiu (nord, sud, est oest).

É s l’ àngul d’ inclinació del
dispositiu des de la part superior a
la part inferior (a dalt o a baix).

Velocitat de
movimiento
de la bola.

Tria un nº entre 0 i 1,
que indica la intensitat
de la inclinació .

Orientem la bola segons la
orientació del mò bil

Á
ngul de gir del dispositiu que va
d’esquerra a dreta,
Com fer un llibre
https://docs.google.com/a/genmagic.net/viewer?
a=v&pid=sites&srcid=Z2VubWFnaWMubmV0fHRlY25vbG9naWFzLW1vdmlsZXMtcGFyYS1sYS1lZHVjY
WNpb258Z3g6MzFmNzEzYjBiMjQ1YjI3MA

More Related Content

Viewers also liked (10)

Ecommerce webinar-oct-2010
Ecommerce webinar-oct-2010Ecommerce webinar-oct-2010
Ecommerce webinar-oct-2010
 
Lliurament de Premis Sant Jordi Cicle Mitjà i Superior 2015
Lliurament de Premis Sant Jordi Cicle Mitjà i Superior 2015Lliurament de Premis Sant Jordi Cicle Mitjà i Superior 2015
Lliurament de Premis Sant Jordi Cicle Mitjà i Superior 2015
 
Som escola verda
Som escola verdaSom escola verda
Som escola verda
 
Apps recomanades
Apps recomanadesApps recomanades
Apps recomanades
 
Recomanacions estiu2016 biblioteca
Recomanacions estiu2016 bibliotecaRecomanacions estiu2016 biblioteca
Recomanacions estiu2016 biblioteca
 
Recull fotografies
Recull fotografiesRecull fotografies
Recull fotografies
 
historia clinica
historia clinica historia clinica
historia clinica
 
CMSday 2013 - Comment valoriser son patrimoine numérique ?
CMSday 2013 - Comment valoriser son patrimoine numérique ?CMSday 2013 - Comment valoriser son patrimoine numérique ?
CMSday 2013 - Comment valoriser son patrimoine numérique ?
 
Workshops aigua grup2
Workshops aigua grup2Workshops aigua grup2
Workshops aigua grup2
 
L ofici de pintar a l edat mitjana
L ofici de pintar a l edat mitjanaL ofici de pintar a l edat mitjana
L ofici de pintar a l edat mitjana
 

Similar to Taller app inventor

Tutorial Power Point I
Tutorial Power Point ITutorial Power Point I
Tutorial Power Point I
sgarcipo
 
Microsoft Word
Microsoft WordMicrosoft Word
Microsoft Word
tocoloki
 
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
creal1
 
Presentacions amb programari lliure
Presentacions amb programari lliurePresentacions amb programari lliure
Presentacions amb programari lliure
guest9860fa
 

Similar to Taller app inventor (20)

T1 hola gateta
T1 hola gatetaT1 hola gateta
T1 hola gateta
 
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
 
Tutorial Power Point I
Tutorial Power Point ITutorial Power Point I
Tutorial Power Point I
 
T9 xilofon
T9 xilofonT9 xilofon
T9 xilofon
 
T9 xilofon 1
T9 xilofon 1T9 xilofon 1
T9 xilofon 1
 
I BLOC ACTIVITATS APP INVENTOR 4t PROGRAMACIÓ I DIGITALITZACIÓ
I BLOC ACTIVITATS APP INVENTOR 4t PROGRAMACIÓ I DIGITALITZACIÓI BLOC ACTIVITATS APP INVENTOR 4t PROGRAMACIÓ I DIGITALITZACIÓ
I BLOC ACTIVITATS APP INVENTOR 4t PROGRAMACIÓ I DIGITALITZACIÓ
 
I BLOC ACTIVITATS APP INVENTOR 4t PROGRAMACIÓ I DIGITALITZACIÓ
I BLOC ACTIVITATS APP INVENTOR 4t PROGRAMACIÓ I DIGITALITZACIÓI BLOC ACTIVITATS APP INVENTOR 4t PROGRAMACIÓ I DIGITALITZACIÓ
I BLOC ACTIVITATS APP INVENTOR 4t PROGRAMACIÓ I DIGITALITZACIÓ
 
Pràctica final
Pràctica finalPràctica final
Pràctica final
 
DI_Pac1
DI_Pac1DI_Pac1
DI_Pac1
 
Primers passos
Primers passosPrimers passos
Primers passos
 
De la hoz cacera impress
De la hoz cacera impressDe la hoz cacera impress
De la hoz cacera impress
 
Microsoft Word
Microsoft WordMicrosoft Word
Microsoft Word
 
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
 
T4 cap missatge
T4 cap missatgeT4 cap missatge
T4 cap missatge
 
Passos Per Desar Una Imatge
Passos Per Desar Una ImatgePassos Per Desar Una Imatge
Passos Per Desar Una Imatge
 
Presentacions amb programari lliure
Presentacions amb programari lliurePresentacions amb programari lliure
Presentacions amb programari lliure
 
Curs Impress
Curs ImpressCurs Impress
Curs Impress
 
Tutorial Popplet
Tutorial PoppletTutorial Popplet
Tutorial Popplet
 
T3 talp barrejat
T3 talp barrejatT3 talp barrejat
T3 talp barrejat
 

More from lluís nater

Eso2 ut3-programacio
Eso2 ut3-programacioEso2 ut3-programacio
Eso2 ut3-programacio
lluís nater
 
ut3-mquines-mecanismes
ut3-mquines-mecanismesut3-mquines-mecanismes
ut3-mquines-mecanismes
lluís nater
 
Ut2 proces tecno. nil abel ricard
Ut2 proces tecno. nil abel ricardUt2 proces tecno. nil abel ricard
Ut2 proces tecno. nil abel ricard
lluís nater
 
ÀLEX TAUREL i LUCAS MURCIA Pocés Tecnològic
ÀLEX TAUREL i LUCAS MURCIA Pocés TecnològicÀLEX TAUREL i LUCAS MURCIA Pocés Tecnològic
ÀLEX TAUREL i LUCAS MURCIA Pocés Tecnològic
lluís nater
 
Ana Laia Mireia. UT2
Ana Laia Mireia. UT2Ana Laia Mireia. UT2
Ana Laia Mireia. UT2
lluís nater
 
UT2. PROCÉS TECNOLÒGIC. CINTA TRANSPORTADORA DEL BANC D'ALIMENTS
UT2. PROCÉS TECNOLÒGIC. CINTA TRANSPORTADORA DEL BANC D'ALIMENTSUT2. PROCÉS TECNOLÒGIC. CINTA TRANSPORTADORA DEL BANC D'ALIMENTS
UT2. PROCÉS TECNOLÒGIC. CINTA TRANSPORTADORA DEL BANC D'ALIMENTS
lluís nater
 
UT3 Procés Tecnològic. ESO1
UT3 Procés Tecnològic. ESO1UT3 Procés Tecnològic. ESO1
UT3 Procés Tecnològic. ESO1
lluís nater
 
Guia us-segur-xarxes-socials
Guia us-segur-xarxes-socialsGuia us-segur-xarxes-socials
Guia us-segur-xarxes-socials
lluís nater
 
Computacio quaantica
Computacio quaantica Computacio quaantica
Computacio quaantica
lluís nater
 
UT4 Transformacions tecnolgiques
UT4 Transformacions tecnolgiques UT4 Transformacions tecnolgiques
UT4 Transformacions tecnolgiques
lluís nater
 
UT1 Debat seguretat a les xarxes
UT1 Debat seguretat a les xarxesUT1 Debat seguretat a les xarxes
UT1 Debat seguretat a les xarxes
lluís nater
 
Missatges ·variables· si sino· blocs
Missatges ·variables· si sino· blocsMissatges ·variables· si sino· blocs
Missatges ·variables· si sino· blocs
lluís nater
 
Dièdric. Vistes d'un objectes (alçat. planta i perfil)
Dièdric. Vistes d'un objectes (alçat. planta i perfil)Dièdric. Vistes d'un objectes (alçat. planta i perfil)
Dièdric. Vistes d'un objectes (alçat. planta i perfil)
lluís nater
 
UT6 Infografia del procés de fabricació d'una màscareta o pantalla COVID19
UT6 Infografia del procés de fabricació d'una màscareta o pantalla COVID19UT6 Infografia del procés de fabricació d'una màscareta o pantalla COVID19
UT6 Infografia del procés de fabricació d'una màscareta o pantalla COVID19
lluís nater
 
UT6 A3 pòster Manual de construcció d'una mascareta o pantalla protectoraCovid19
UT6 A3 pòster Manual de construcció d'una mascareta o pantalla protectoraCovid19UT6 A3 pòster Manual de construcció d'una mascareta o pantalla protectoraCovid19
UT6 A3 pòster Manual de construcció d'una mascareta o pantalla protectoraCovid19
lluís nater
 

More from lluís nater (20)

Eso2 ut3-programacio
Eso2 ut3-programacioEso2 ut3-programacio
Eso2 ut3-programacio
 
ut3-mquines-mecanismes
ut3-mquines-mecanismesut3-mquines-mecanismes
ut3-mquines-mecanismes
 
Ut2 proces tecno. nil abel ricard
Ut2 proces tecno. nil abel ricardUt2 proces tecno. nil abel ricard
Ut2 proces tecno. nil abel ricard
 
Carlai Anna
Carlai AnnaCarlai Anna
Carlai Anna
 
UT2 Georgina Ainara
UT2 Georgina AinaraUT2 Georgina Ainara
UT2 Georgina Ainara
 
ÀLEX TAUREL i LUCAS MURCIA Pocés Tecnològic
ÀLEX TAUREL i LUCAS MURCIA Pocés TecnològicÀLEX TAUREL i LUCAS MURCIA Pocés Tecnològic
ÀLEX TAUREL i LUCAS MURCIA Pocés Tecnològic
 
Arnau sergi UT2
Arnau sergi UT2Arnau sergi UT2
Arnau sergi UT2
 
Ana Laia Mireia. UT2
Ana Laia Mireia. UT2Ana Laia Mireia. UT2
Ana Laia Mireia. UT2
 
UT2. PROCÉS TECNOLÒGIC. CINTA TRANSPORTADORA DEL BANC D'ALIMENTS
UT2. PROCÉS TECNOLÒGIC. CINTA TRANSPORTADORA DEL BANC D'ALIMENTSUT2. PROCÉS TECNOLÒGIC. CINTA TRANSPORTADORA DEL BANC D'ALIMENTS
UT2. PROCÉS TECNOLÒGIC. CINTA TRANSPORTADORA DEL BANC D'ALIMENTS
 
UT3 Procés Tecnològic. ESO1
UT3 Procés Tecnològic. ESO1UT3 Procés Tecnològic. ESO1
UT3 Procés Tecnològic. ESO1
 
Guia us-segur-xarxes-socials
Guia us-segur-xarxes-socialsGuia us-segur-xarxes-socials
Guia us-segur-xarxes-socials
 
UT3 Proceso tecnológico
UT3 Proceso tecnológicoUT3 Proceso tecnológico
UT3 Proceso tecnológico
 
Computacio quaantica
Computacio quaantica Computacio quaantica
Computacio quaantica
 
UT4 Transformacions tecnolgiques
UT4 Transformacions tecnolgiques UT4 Transformacions tecnolgiques
UT4 Transformacions tecnolgiques
 
Manual planner 5 d
Manual planner 5 dManual planner 5 d
Manual planner 5 d
 
UT1 Debat seguretat a les xarxes
UT1 Debat seguretat a les xarxesUT1 Debat seguretat a les xarxes
UT1 Debat seguretat a les xarxes
 
Missatges ·variables· si sino· blocs
Missatges ·variables· si sino· blocsMissatges ·variables· si sino· blocs
Missatges ·variables· si sino· blocs
 
Dièdric. Vistes d'un objectes (alçat. planta i perfil)
Dièdric. Vistes d'un objectes (alçat. planta i perfil)Dièdric. Vistes d'un objectes (alçat. planta i perfil)
Dièdric. Vistes d'un objectes (alçat. planta i perfil)
 
UT6 Infografia del procés de fabricació d'una màscareta o pantalla COVID19
UT6 Infografia del procés de fabricació d'una màscareta o pantalla COVID19UT6 Infografia del procés de fabricació d'una màscareta o pantalla COVID19
UT6 Infografia del procés de fabricació d'una màscareta o pantalla COVID19
 
UT6 A3 pòster Manual de construcció d'una mascareta o pantalla protectoraCovid19
UT6 A3 pòster Manual de construcció d'una mascareta o pantalla protectoraCovid19UT6 A3 pòster Manual de construcció d'una mascareta o pantalla protectoraCovid19
UT6 A3 pòster Manual de construcció d'una mascareta o pantalla protectoraCovid19
 

Taller app inventor

  • 1.
  • 2. Enllaç per App Inventor II: http://dev-explore.appinventor.mit.edu
  • 3.
  • 4. Pots provar de crear una app en que al tocar la foto en el teu mó vil faci Miau! . Arrossega un botó i a la dreta a la columna de propietats puja una imatge des de Upload File .
  • 5. Despré s pots pujar un àudio Miauuuu http://recursostic.educacion.es/bancoimagenes/web
  • 6. Fes un click a l’editor de Blocs per programar . I s’obrirà .
  • 7. Fes un click al botó que has creat en l’editor i podràs arrossegar els blocs per programar-ho When botogat Click Despré s fes un clic a l’àudio i arrossega el bloc call play .
  • 8. Descarrega’t en el teu mò bil MIT AI2 Companion . Ara fes coincidir la WIFI del teu mò bil i la del teu ordinador i connecta amb AI Companion .
  • 9. Quan obris l’app del teu mò bil tens 2 opcions o escriure el codi o escanejar el codi QR (amb el botó scan) .
  • 10. La imatge saluda amb un À udio . Botó 1 Has de crear primer un botó i assignar-li una imatge. En el tauler de propietats afeix la imatge que previament has pujat.
  • 11. La imatge saluda amb un À udio . Arrossega el component TextToSpeech a l’escenari per afegir la funcionalitat de lectura de text amb síntesi de voz.
  • 12. L imatge saluda amb un Àudio. Despré s amb l’editor de blocs de codi fas un clic i trias arrossega el bloc TextToSpeech.Speak. Para afegir un bloc de text fem clic al mig en un espai buit del mateix editor de blocs.
  • 13. La imatge saluda amb un À udio . Una podria ser… que el programa faci preguntas. P. Ex: - Com et dius?. I el programa contesti dient el nom de l’usuari. P.Ex.: - Hola Joan, espero que estiguis bé. Per aconseguir aquesta nova millora caldria introducir un nou component per reconè ixer l’ àudio emé s per tu.
  • 14. Envia SMS per mitjà de veu . Botó 1 Per dictar la frase. Label1 La frase dictada es visualizaráaquí . Botó 2 Per enviar el missage per SMS
  • 15. Envia SMS per mitj À de veu . Prem el botó1 i s’ incia el teu reconeixement de veu. Despré s del reconeixement de veu es visualitza el missatge en la etiqueta label1 perquè comprovi s si es correcte. Posteriorment s’estableix el text com missatge SMS. Converteix en text la veu. Identifica el mò bil. Programa el botó2 per enviar el missatge a un nú mero de telè fon. Envia el mensaje.
  • 16. Envia SMS per mitj À de veu . Possibles millores Una de las millores sería permetre’t triar amb un menú un nú mero de telè fon o contacte avanst d’ enviar l’SMS. El component Texting també permet el control dels SMS rebuts en el dispositiu mò bil. Es podrien crear per exemple aplicacions de respostes automàtiques. Quan estem conduï nt un cotxe o en una reunió . El bloc de codi que gestiona aquestes funcions es el segü ent:
  • 17. Frases amb síntesi de veu Botó 1 Per generar frases. TexBox1 Per escriure la frase Botó n2 Para comprovar Label 1 Para visualizar el missatge de comprovació en una etiqueta (label1) •. El teclat s’activa automàticament en el moment de tocar el TextBox1
  • 18. Sensor d’ orientació Quan es carrega la 1ª pantalla configura el país i l’idioma. Converteix en veu la frase. Programa el botó 1 per dictar la frase Compara. Programa el botó 2 per comprovar si està ben escrita la frase. Si é s correcte... Crea un bloc condicional per comparar la frase escrita per l’usuari amb la frase que correspon a la síntesi de veu generada pel dispositiu. Si no é s correcte...
  • 19. Sensor d’ orientació Crea una aplicació que simuli els movimients d’una bola sobre un plà inclinat (mò bil). Inclinant en diferents direccions el mò bil, un objete bola s’anirà orientant en direcció a la inclinació . Canva s Afegim un component gràfic anomenat Canvas (lienç ). Ball Afegim un 2n component gràfic dins del Canvas anomenat Ball (bola)
  • 20. Sensor d’ orientació Afegeix el component d’Orientation Sensor a l’escenari per afegir la funció moviment i orientació . Amb aquest component pots determinar la inclinació i orientació del mò bil.
  • 22. Sensor d’ orientació Mesura en graus on està orientat el dispositiu (nord, sud, est oest). É s l’ àngul d’ inclinació del dispositiu des de la part superior a la part inferior (a dalt o a baix). Velocitat de movimiento de la bola. Tria un nº entre 0 i 1, que indica la intensitat de la inclinació . Orientem la bola segons la orientació del mò bil Á ngul de gir del dispositiu que va d’esquerra a dreta,
  • 23. Com fer un llibre https://docs.google.com/a/genmagic.net/viewer? a=v&pid=sites&srcid=Z2VubWFnaWMubmV0fHRlY25vbG9naWFzLW1vdmlsZXMtcGFyYS1sYS1lZHVjY WNpb258Z3g6MzFmNzEzYjBiMjQ1YjI3MA