top of page
Flor Purpura

Programació de l'App

pantalla carga.jpg

Pantalla de càrrega

 

Per donar l’efecte d’una barra de progrés, quan la screen1 inicialitza, el text de l’etiqueta que està dins d’una disposició horitzontal de color blanc es posa a 0.


Llavors, com que el text de l’etiqueta és menor a 100, es va sumant 1 al text i es multiplica l’ample per 2. Un cop el text és major a 100 s’obre una nova pantalla.

blocks (3).png
inici sessio.jpg

Inici de sessió

La segona pantalla programada és la d'iniciar sessió.

Programació:


Els blocs del tinyDB1 miren si hi ha alguna cosa guardada a les variables d'usuari guardat i de contrasenya guardada. Si hi ha, la recuperen, i si no hi ha et porten a la pantalla de registre.

En cas que hi hagi, si en clicar al botó d'iniciar sessió la contrasenya i l'usuari introduïts no són iguals als guardats, no et deixa passar a la següent pantalla. En cas contrari, sí.

blocks (4).png
registro.jpg

Registre

La tercera pantalla ja programada és la de registrar-se i així crear-te un compte. El teu compte es guarda i així es pot iniciar sessió quan tornis a l’aplicació.

Programació:
 

El text introduït al lloc de nom d’usuari es guarda a l’etiqueta “usu”, mentre que la contrasenya a “cont”. Aquests es guarden per la següent vegada que entres a l’app quan cliques acceptar, i et porta a la següent pantalla.
 

registrar.png
frase inspo.jpg

Frase inspiradora

La quarta pantalla és la de la frase inspiradora. En aquesta gràcies a una llista cada vegada surt una d'aquestes 10 frases. Si cliques al "botó de la caseta" aniràs directament a la pantalla inicial i si dones a la de "reflexionar" a l'apartat de reflexionar.

Programació:

Quan aquesta pantalla s'inicialitza, s'escull una frase inspiradora a l'atzar, que es posa com el text de l'etiqueta. A més, quan cliques el botó que té una imatge d'una casa, et porta a la pantalla inicial.

blocks (5).png
reflexionarrr.jpg

Reflexió de la frase

 

El botó de reflexionar et porta a aquesta pantalla, en la que opines de la frase inspiradora. El número de reflexió està relacionat amb la variable TotalRef, que són el total de reflexions. Aquesta variable inicia a 0, llavors la primera reflexió és TotalReflexions+1, perquè així l'usuari sabrà quina reflexió està escrivint.

Al botó de guardar, en clicar-ho, a la variable TotalReflexions se li suma 1, després, al tag totalRef se li guarda el número final de TotalReflexions. Per acabar, la reflexió 1, es guarda amb el text a la TextBox, el mateix passarà amb la resta de reflexions, i es mostrarà una notificació que confirma que s'ha guardat.

En cas que no hi hagi res escrit i hagis clicat guardar, surt una notificació dient "No has escrit res!" i no es guarda.
 

blocks (10).png
hoime.jpg

Home

 

La pantalla següent és la pantalla inicial que et portarà a totes les activitats. Actualment, et porta a la configuració i el MoodTrack.

Programació:

En aquesta pantalla hi ha 5 botons, però només tres estan programats, pels límits d'AppInventor. El primer és el que té una imatge d'un engranatge, que quan el pressiones et porta a la pantalla de configuració, mentre que l'altre que posa "MoodTrack" et porta a la pantalla del MoodTrack quan el cliques. Finalment, el que posa "Que sento?" et porta a la pantalla d'inici del test.

blocks (13).png
moodtrackk.jpg

MoodTrack

 

El botó del MoodTrack de la pantalla inicial et porta a la pantalla del MoodTrack on hi ha una flor per cada dia de la setmana, les quals pots canviar el color depenent de com et sentis cada dia.

Programació:

En aquesta pantalla, quan cliques una flor, els sprites de les emocions, que estan ocults, es mouen a unes coordenades, de manera que envolten a la flor premuda i es posen visibles. A més la variable spriteyes es canvia al sprite de la flor tocada. Un cop clicat el sprite amb l'emoció, compara la variable amb tots els sprites de les flors, i un cop troba el sprite igual canvia la imatge del sprite de la flor a una imatge d'una flor amb el color de l'emoció escollida i torna a ocultar els sprites de les emocions.

blocks (7).png
blocks (7).png
SETTINGS.jpg

Configuració

 

El botó de l'engranatge et portarà a l’apartat de configuració, en el que ja tenim la part estètica, però no està programat, ja que no és la part més important del projecte, encara que sí que ens porta a la pantalla inicial.

Programació:


Quan es clica el botó amb la imatge d’una casa s’obre la pantalla inicial.
 

blocks (8).png
test.jpg

Test d'emocions

 

El botó de "Que Sento" de la pantalla inicial et porta al test d’emocions.

 

Programació:

 

A mesura que vas responent a les preguntes de com et sents, et va sumant punts a les variables de les emocions, i un cop totes les preguntes han estat respostes, et surt el percentatge de cada emoció, multiplicant els punts de l’emoció per cent, i dividint-ho per la suma total de tots els punts.

blocks (9).png
inici q sento.jpg

Inici del Test d'emocions

 

El botó de "Que Sento" de la pantalla inicial et porta a la pantalla inicial del test d’emocions. 


Programació:


En aquesta pantalla hi ha dos botons funcionals, el primer que té una imatge d’una casa et porta a la pantalla inicial quan el toques, mentre que l’altre que posa "Que Sento?" et porta al test d’emocions.

blocks (14).png
bottom of page