UNITAT 3 – PROGRAMACIÓ D’APLICACIONS AMB CODE.

ORG
Activitat avaluable
https://code.org/

L’aplicació que farem serà una ‘Escape Room’. Com que

només tenim dues sessions per fer-la, haurà de ser molt
senzilla.

Comencem amb una pantalla inicial, que ha de tenir l’aspecte

que veus a la dreta. Per a dissenyar la pantalla, fer servir
etiquetes de text per als rètols, i un botó per entrar a
l’aplicació. No oblidis posar el teu nom a la part inferior de la
pantalla.Trobaràs la imatge a l’espai Educand amb el nom
‘Escape.jpg’.

Quan l’usuari fa clic al botó ‘Entrar’, es passa a la pantalla

dels tres enigmes.

Aquesta pantalla té tres botons de

colors diferents i amb els números
1, 2 i 3. Sota de cada botó, hi ha
una etiqueta de text amb el text
‘Pendent’.

Després hi ha la imatge ‘Obert.png’, que també trobaràs a

l’espai Educand. Aquesta imatge tindrà, inicialment, activat
l’atribut ‘Amagat (hidden)’.

Posa-hi també el teu nom a la part inferior.

Quan es fa clic a cadascun dels tres botons, s’accedeix a una

pantalla amb l’enigma corresponent. Les tres pantalles són
similars: contenen el text amb l’enigma, tres botons amb les
possibles respostes, un text a sota que diu si l’enigma s’ha
resolt o no, i finalment un botó per tornar a la pantalla dels tres
enigmes. L’aspecte de les tres pantalles ha de ser el següent:
Per a cadascun dels enigmes, quan es fa clic en una resposta incorrecta, no hi ha cap
reacció. En canvi, quan es fa clic en una resposta correcta, el text que hi ha a sota dels
botons canvia, i apareix el text ‘ENIGMA RESOLT’.

A més, quan es fa clic al botó ‘Tornar a la pantalla d’enigmes’, sota del botó corresponent,
ha desaparegut el text ‘Pendent’ i ha aparegut el text ‘Resolt’.

Finalment, quan tots tres enigmes estan resolts, apareix la imatge del candau obert que
estava amagada.