App Inventor és una aplicació fet per poder crear altres aplicacions. El primer pas per fer-lo servir és descarregar-lo. Anem al Google Play del nostre Smartphone i busquem: MIT AI2. El descarreguem al telèfon i l'obrim. Introduim el nostre gmail i ja està.
HELLOPURR
Aquetsa app consisteix en la imatge d'un gat en la qual quan piquem a sobre, sona el ''miaaaauuu'' d'un gat.
Per realitzar aquest projecte, primer de tot anem a la web de l'app inventor. Allà, entrem amb la nostra conta de google i anem a "Start new project"
Primer de tot creem un "Button". A aquest botó li afegim la foto d'un gat i ja està.
Després creem un "Label" a sota la foto del gat i li posem com a text : "Pet the kitty!"
Per acabar aquesta part, anem a media i afegim un "Sound". A aquest so li asignem el so del gat i queda així.
Per fer la segona part del projecte anem a "Blocks", que es troba a dalt a la dreta.
Quan estem allà, anem a Button 1 i afegim "When Button 1 .click do".
Al requadre que hi ha al mig afegim "call Sound 1. play" i "call Sound 1 .Vibrate millisecs", que es troben a Sound 1. Per acabar anem a "Maths" i agafem el primer de tots, el qual posem a la dreta de "call Sound 1 .Vibrate millisecs" i li canviem el 0 pel 500.
Quedaria així:
Ara el projecte ja està llest per ser descarregat!
Jo, vaig fer una modificació que consistia en posar tots els sons de PacMan i així posar-los a la meva disfressa. Va quedar així.
PaintPot
Aquesta app consisteix en la cara d'un gat en la qual pots pintar amb colors.
Per realitzar aquesta app necessitem, en primer lloc, entrar a la web de l'app inventor, identificar-nos, i clicar a ''Start new project''. Quan estem allà, anem a ''Layout'' i arrosseguem ''Horitzontal Arrengement'' a la pantalla. Dins d'aquest, posem 3 butons amb 3 noms diferents. ''GreenButton, BlueButton, RedButton''. A cada un d'aquests butons li posem el fons del color que els pertoca, i amb el nom igual. Seguidament, anem a ''Drawing and Animation'' i arroseguem el ''Canvas'' a la pantalla. Descarreguem la foto del gat i al ''Canvas'' li asignem aquesta foto. Li posem "Width: Fill Parent" i "Height:300". A sota posem un botó i de nom li posem ''Wipe".
Quedaria així:
A continuació anem a la part de ''Blocks''.
Un cop allà anem al "ButtonWipe" i agafem el de "When ButtonWipe.Click" i li afegim "call DrawingCanvas.Clean", que es troba a DrawingCAnvas. Després anem a ButtonRed i agafem "When ButtonRed. Click" i li afegim "set DrawingCanvas.PaintColor" al qual li afegim el color vermell, que es troba a ''Colors''. Doncs, aquest procés el repetim amb el blau i el verd, però posant els seus colors.
Seguidament, anem a ''DrawingCanvas'' i agafem ''When DrawingCanvas. Dragged'' i el posem a la pantalla de treball. Just després anem a ''DrawingCanvas'' i afegim "call DrawingCanvas. DrawLine" i introduïm ''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 afegim ''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 arrosseguem fins al ''fill'.
Així acabaria el treball:
PaintPotV2
Per poder realitzar aquest projecte, el primer que hem de fer és anar al projecte del PaintPot i anar a ''Projects-->Save as''. Quan cliquem li posem el nom de "PaintPotV2" . En segon lloc, quan haguem obert el segon projecte, anem a Layout i agafem la part de HoritzontalArrangement. El botó ''Wipe'' l'arrosseguem allà, i afegim dos botons nous, un amb el nom de Big Dots i un altre amb el nom de Small Dots. Ara anem a la part de "Blocks". A la part de ''When DrawingCanvas .Touched" hem de canviar el radius per ''get globaldotsize''. A continuació anem a Variables i agafem el ''initialize global name to'' dos cops. En un li canviem ''name'' per small, al qual li posem 2, que el traiem de ''Maths''; i a l'altre li posem big i li posem el número 8 darrere. Afegim un altre ''initialize global name to'' i a aquest li canviem name per dotsize i li afegim el número 2 al final. Ara, i per acabar, anem a ButtonBig i afegim "When ButtonBig .Click'' i li posem ''set globaldotsize'' seguit de ''get globalbig''.
Quedaria així:
D'aquest projecte vaig fer una modificació que queda així:
MoleMash
Aquest és un projecteen el que, per començar, hem d'anar a "Drawing and animation" i agafem el 'Canvas'. A aquest Canvas, li canviem la mida per 300x300. Ara ens descarreguem la imatge del ''Mole'' i la 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
Afegim un Label amb el nom de ''ScoreLabel'', i el text li canviem ''Score: --''. Ara afegim un botó al qual li posem de nom "ResetButton". Seguidament, afegim un so i li posem de nom "Noise", al qual no li afegirem cap so. Ara, i per acabar la part de Designer, anem a Sensor i afegim el ''clock'', i li posem de nom MoleTimer i un interval de 500.
Per a la part de ''blocks'', anem a ''procedures'' i afegim dos ''to procedure do''. En un li posem Update score de nom en lloc de procedure. Anem a ''scoreLabel'' i afegim el ''set ScoreLabel. Text to'', i afegim ''join'', que es troba a text. En el buit de la part d'amunt, afegim el primer bloc de text i li posem de nom Score. A la part de sota hem d'afegir un ''get. globalscore''. En l'altre procedure que hem afegit li canviem el nom per MoveMole. Seguidament, afegim ''set Mole. X to'', després ''random fraction x - '' i en els dos llocs lliures afegim MyCanvas.Width - Mole Width. A sota del set Mole. X to, afegim un ''set Mole. Y to''. A continuació afegim el ''random fraction x - '' i en els dos llocs buits afegim ''MyCanvas.Height - Mole.Height''. Ara, afegim un ''initialize globalscore to'' i li posem un ''0'' al darrere, que es troba a Maths.
A continuació, anem a MoleTimer i afegim ''When MoleTimer .Timer do'' i li posem ''call MoveMole''. També afegim ''When ButtonReset .click do'', i li afegim ''set globalscore to 0'' i 'call UpdateScore'' a sota.
Ara, i per acabar, afegim ''When Mole .Touched do'' i li posem a sota ''get globalscore'' i al darrere afegim el tercer bloc de ''Maths''. En aquest li afegim ''get globalscore + 1''. A sota, afegim ''call Noise .VibratteMillisecs 100'', ''call UpdateScore, i ''call MoveMole''.
Quedaria així:
D'aquesta app vaig fer una modificació també:
Pong
Aquesta aplicació consisteix en un bola que va rebotant i has de fer que no caigui.
La part de Designer no té gaires coses, la única part és la de ball1 i imageSprite. Les seves característiques han de ser aquestes:
La part de Designer quedaria així:
La part de blocks, igual que la designer, no és gaire difícil. Us hauria de quedar així:
En aquest apartat també he fet una modificació. És aquesta:
