dimecres, 10 de febrer del 2016

Aplicació: Paint

En aquesta entrada, farem una aplicació que consisteix en poder pintar damunt una imatge. 

Pantalla Designer:

1r) Un con estem a la pantalla principal de la App Inventor, elegim i posem l'imatge que volem colorejar. 

2n) Botons en horitzontal. 
A continuació, crearem un espai per colorcar botons en horitzontal. Per fer-ho, apretarem a la part esquerra "Layout" i arrastrarem "HorizontalArrangement" fins a la pantalla. (Es pot elegir el tamanys dels botons a la columna de la dreta)


3r) A cada un d'aquests botons, asociarem per exemple, la mida del punt i la línia alhora de pintar. 





4rt) Afegirem un "canvas" per a poder dibuixar. Per això, anirem a l'esquerra a "Drawing and Animation" i arrastrarem "Canvas" a la pantalla.

5é) Afegirem més botons horitzontals com em fet anteriorment i agregarem els colors que ficarem, l'opció de borrar i un per guardar el que hem fet fins ara. 





























6é) Tot seguit, agregarem (si voleu) opció de camera --> Media --> Arrastrem camera a la pantalla. 




















Pantalla Blocks:

7é) Afegirem els colors. ( Peça when --> Botó vermell; Peça set --> canvas) i aquest procés el farem amb cada color. 




8é) Pintar amb el canvas (seguir pasos de la imatge):




9é) Opció de llimpiar pantalla (passos imatge):



10é) Opció de tenir diferents punts de pinzell:




11é) Càmara:




12é) Guardar la imatge:





Un cop hagis fet aquests pasos, descarga-la i a PINTAR!! Ànims!





Aplicació: Imatge amb so

Per realitzar aquesta aplicació, utilitzarem l'aplicació app inventor.
S'han de dur a terme diferents passos:

1r) Elegir una imatge 


2n) Un cop, elegida la imatge, arrastrem el "Button" de la columna de l'esquerra cap a la pantalla del mòbil i tot seguit, a la columna de la dreta posem la imatge triada anteriorment. Si voleu ficar algun subtítol a l'aplicació, arrastreu "Label" com hem fet abans amb "Button" i escribim a la columna de la dreta el text.


3r) Seguidament, busquem i elegim el to de l'aplicació. Un cop elegit, anem a media (columna esquerra) i arrastrem "sound" a la pantalla. Si també voleu que sacsejant el mòbil soni el to, aneu a l'opció de sensors i arrastreu "accelerometerSensor".
Un cop fet, apretem "sound" de la columna components, de manera que a la dreta podrem posar l'audio. 

4rt) Per últim, anem a Blocks i fem el següent per tal que l'aplicació funcioni perfectament. 



















I per finalitzar, nem a "Built" a la barra de d'alt, i agafem la primera opció. D'aquesta manera ens permetrà poder instal·lar-nos l'aplicació a través del codi QR.

Aquí us deixo la meva app: 

Presentació de la 2a Avaluació

Durant aquesta 2a Avaluació, en la nostra classe d'informàtica, deixem de banda els treballs a partir de la recerca d'informació per l'Internet, i ens centrarem a fer aplicacions per a mòbils (en aquest cas, només per a Androids). Farem desde apps més senzilles fins a més complexes. Aquí al blog, us aniré deixan els passos per dur a termes aquestes app.