PaintPot amb App Inventor

Avui et Presento PaintPot! Una aplicació que podrem aconseguir: : Submergir el seu dit en un pot de pintura virtual per dibuixar en aquest color, Moure el dit sobre la pantalla per dibuixar una línia, tocar la pantalla per fer punts, utilitzar el botó a la part inferior per netejar la pantalla neta i incloure una imatge com a fons del dibuix. Canvas es un dels Components per a la Creació de Gràfics simples bidimensionals. La conclusió d’aquesta practica que aconseguir que aquesta aplicació et permiti dibuixar en la pantalla del telèfon en diferents colors.

Aquesta pràctica es necessita haver realitzat la primera per tenir uns nivells bàsics per realitzar aquesta. La diferencia de les dues practiques es: La primera es considera menys nivell conceptual i es per començar a veure com funciona el programa en canvi, la segona ja tens un nivell après i puja el nivell conceptual però es fàcil.

1) Per utilitzar PainPot farem tres botons vermell, blau i verd.

2) Desprès de fer els botons utilitzarem (horizontalArragement) un component per alinear tots els botons (horizontalArragement).

3) El següent pas, de la categoria de Dibuix i Animació de la paleta d'arrossegament un llenç component en el Visor. Canviar el seu nom a "DrawingCanvas". Establir la seva amplada "Fill de Pares" i establir la seva altura de 300 píxels. Afegir una imatge de fons a les de la lona del teu personatge.

4) Farem un altre botó anomenat ButtonWipe.

5) En l'Editor de blocs s’ afegeix controladors d'esdeveniments de botó. Te que quedar com en la fotografia següent:

Després de tots aquets passos s’ha acabat la primera part d’aquesta practica. Ara a per la segona part! 

1) Seguim en l'Editor de blocs s’ afegint controladors d'esdeveniments de botons. En aquet les creacions de variables. Tens un exemple de quin blocs tens que fer:

2) Ara tindrem que crear dos botons amb el nom de big dots i small dots per fer els punts a l’hora de pintar o fer línies. Els tres botons tenen que quedar alineats amb l’ajuda de (horizontalArragement).

 3) Farem  controladors d'esdeveniments de clic han de tenir aquest aspecte:

4) Llavors tots el contralords d’esdeveniments que tens que tenir son tots aquets:

Pots veure el resultat de la creació de App Inventor des de el teu mòbil gracies al codi QR anant-te "Connect i desprès Al Companion" 

PRIMERA PROVA AMB APP INVENTOR

App Inventor és un entorn de desenvolupament d'aplicacions per a dispositius Android. Per desenvolupar aplicacions amb App Inventor només necessites un navegador web i un telèfon o Tablet Android. App Inventor es basa en un servei web que et permetrà emmagatzemar la feina i us ajudarà a realitzar un seguiment dels seus projectes.

Es tracta d'una eina de desenvolupament visual molt fàcil d'usar, amb la qual fins i tot els no programadors podran desenvolupar les seves aplicacions.

En construir les aplicacions per Android treballaràs amb dues eines: App Inventor Designer i App Inventor Blocks Editor. En Designer escriu en el Interfície d'Usuari, triant i situant els elements amb els quals interactuar l'usuari i els components que utilitzarà l'aplicació. Al Blocks Editor definiràs el comportament dels components de la teva aplicació.

Primer de tot em de acceptar i estar dins de app Inventor per crear ‘’HelloPurr’’ una aplicació senzilla per començar a controlar AppInventor. Abans em de tenir descarregades una imatge com ara un gat i un soroll de gat. 

1) Des de la interfície d'usuari de la paleta, arrossegament i deixeu anar el botó del component per Screen1.

2) Canviar de Button text propietat: Eliminar "Text de Button1", deixant de text en blanc la propietat del botó de manera que no hi ha escriptura sobre la cara del gatet.

3) Des de la interfície d'usuari de la paleta, arrossegament i deixeu anar l'etiqueta de component per al Visor (# 1), col·locant sota de la imatge del gatet. Que apareixerà sota de la llista de components com Label1.

4) Sota la gamma de colors, feu clic al Mitjans calaix i arrossegament un so component i posar en el visor. On sigui que se't cau, que apareixerà en l'àrea en la part inferior del visor marcada components no visibles.

Fins ara ha estat l'organització de la pantalla i els components de la seva aplicació en el dissenyador, es necessari anar a l’editor de blocs. Amb l’editor de blocs em de tenir amb compte que aquesta part es molt important per fer parlar al gat, poder pasar de personatge a personatge, fer vibrar el telefon al parlar cada personatge,.. L’editor de blocs serà les ordres que donarem per fer funcionar bé l’aplicació.

Pots veure el resultat de la creació de App Inventor des de el teu mòbil gracies al codi QR anant-te "Connect i desprès Al Companion"