L'App Inventor, és una plataforma "web", que et permet crear diverses aplicacións de forma senzilla. El primer a fer, és crear l'aplicació, i per probar-la, s'ha de descargar a l'smartphone Android l'aplicació "MIT AI2".
Per a la realització del projecte, hem anat a la web d'App Inventor, i seguint el tutorial donat a classe, l'hem programat.
Aquest són els passos a seguir per realitzar el projecte:
Creem un "Button". A aquest button li posem la foto del gat que hem descargat anteriorment. Després creem un "Label", el qual tindrà el títol de: "Pet the kitty!". Finalment anem a "media" i afegim el so d'un gat.
Però perquè tot funcioni correctament, s'ha de programar, per aquesta tasca, anem a "Blocks" i es programa.
Primerament, anem a Button1, i afegim el block de "When Button1 .clock do". Després a l'apartat de Sound1, afegim "call Sound1.play", i "call Sound1 Vibrate millisecs". Finalment, anem a "Maths", i posem una "etiqueta" amb un 0, i el 0 el modifiquem a 500, aixó serveix per activar la vibració.
El segon projecte realitzar s'anomena "Paint Pot"
Aquesta app consisteix en la mateixa que l’altre pero en comptes de emetre un so, pots pintar-hi sobre el gat. Primer de tot, per fer l’app, anem a appinventor i fem un now projecte. Despres anem a “layout” i possem “Horitzontal Arreggement” a la pantalla. Despres dins de aixo posem 3 butons amb 3 “Green” “Red” “Blue” io els seus noms respectius I colors respectius. Despres anem a “Drawing and Animation i a la foto li posem “Width: Fill Parent” I “Hight: 300” I Assota li posem un boto que digui Wipe:
Ara anem a els archius a “Block” per crear la programació.
Cuan estiguem allá anem a “Buttonwipe” I “When buttonWipe.click” i li posem “CallDrwingCanvas.Clean”. Despres anem a ButonRed I agafarem "When ButtonRed. Click" i li afegim "set DrawingCanvas.PaintColor" al qual li afegim el color vermell, que es troba a ''Colors''. Despres, anem a ''DrawingCanvas'' i agafem ''When DrawingCanvas. Dragged'' i el posem a la pantalla de treball. Després anem a ''DrawingCanvas'' i afegim "call DrawingCanvas. DrawLine" i posem ''get prev X, get prev Y, get current X, get current Y'', respectivament de dalt a baix. Per acabar, afegim "When DrawingCanvas. Touched". Anem un altre cop a ''DrawingCanvas'' i posem ''call DrawingCanvas. DrawCircle''. Introduïm ''get x i get y'' als dos primers respectivament.Després anem a Maths i afegim el zero en el tercer espai, i aquest el canviem per 5. Per finalitzar el treball, anem a ''Logic'' i agafem el ''true'' que posem fins al ''fill':
La tercera app és un joc, anomenat Mole Mash:
Aquest ha estat el primer joc que hem creat. Consisteix en un talp, el qual has de clickar sobre per augmentar la puntuació. Ha sigut bastant fàcil de programar, ja que seguint les instruccions s'entenia facilment.
Per programar el Mole Mash, hem fet el següent:
Pimer anem a "Drawing and animation" i agafem el 'Canvas', a aquest "Canvas", li posarem 300x300. A continuació, ens descarreguem l'imatge del ''Mole'' i l'afegim dins del ''Canvas''.
Al Mole li posem les següents característiques:
-Heading: 0
-Interval: 500
-Speed: 0,0
-X: 128
-Y: 119
-Z: 1
-Width: Automatic
-Height: Automatic
Al Mole li posem les següents característiques:
-Heading: 0
-Interval: 500
-Speed: 0,0
-X: 128
-Y: 119
-Z: 1
-Width: Automatic
-Height: Automatic
Posem una "Label" amb el nom d'''ScoreLabel'', canviem el trext, i posem ''Score: --''. A continuació afegim un "button" el qual s'anomena "ResetButton". Després, afegim un so i l'anomenem "Noise", el qual no li afegirem cap so. Finalment, per acabar la part de Designer, anem a "Sensor", afegim un ''clock'', i posem "500" al "Timer".
Cap comentari:
Publica un comentari a l'entrada