top of page
Programacion-informatica-scaled-e1724960033513.jpg

Programació

IMG_9462.PNG

 1. Pantalla de càrrega

Com que no sabem programar una barra de càrrega real, hem volgut fer-la el més realista possible, així que hem inclòs un vídeo d’una barra de càrrega, i just quan s’acaba, passa a la Pantalla d’Inici.


Hem posat un rellotge perquè hem accelerat la velocitat del vídeo al doble, així que si posem un bloc per canviar de pantalla quan acabi el vídeo, no funciona, al final hem posat un temporitzador que dura igual que el vídeo següent.

blocks (2).png
IMG_9462.PNG
IMG_9463.PNG

2. Pantalla d’Inici

Quan arribes a aquesta pantalla tens dues opcions:
Prémer el botó de “Registra’t”, que et portarà a la pantalla de registre.
Prémer el botó d'“Iniciar Sessió”, que et portarà a la pantalla d’inici de sessió.

blocks.png
IMG_9462.PNG
IMG_9463.PNG
4102c4e9-03f0-4521-9f04-f72e5d27586f.JPG
c186cb67-21b9-4e7a-8cb8-382db09724a2.JPG

3. Registra’t

A la pantalla de registre hi ha un botó per tornar a l’inici, quatre camps de text (usuari, contrasenya, confirmar contrasenya i correu) i un botó “Registra’t”. Quan es prem aquest botó, si tots els camps estan plens i les contrasenyes coincideixen, es guarden les dades al Tiny BD i s’obre el menú principal. Si hi ha algun camp buit o les contrasenyes no coincideixen, apareix un avís amb un notificador.

blocks (3).png
IMG_9462.PNG
IMG_9463.PNG
4102c4e9-03f0-4521-9f04-f72e5d27586f.JPG

4. Iniciar Sessió 

Aquesta és la pantalla “Iniciar sessió”. L’interface és molt semblant al de la pantalla de registre. Té un botó de retorn a la pantalla d’inici, dos camps de text on es demana el nom d’usuari i la contrasenya i al final hi ha un botó que diu “Iniciar sessió”.
En prémer aquest botó, es mira si el que hi ha escrit al camp d’usuari i contrasenya coincideix amb el que prèviament s’havia guardat en el Tiny BD a la pantalla de registre. Si els valors no coincideixen, un notificador avisarà que l’usuari i/o la contrasenya són incorrectes.
Si tot coincideix, s’obrirà el menú principal.

blocks (4).png
IMG_9462.PNG
IMG_9463.PNG
4102c4e9-03f0-4521-9f04-f72e5d27586f.JPG
a95818bc-7749-47a8-a8c8-87524384b53e.JPG

5. Menú principal

A partir d’aquesta pantalla, hi ha mòduls que es repeteixen en gairebé totes les pantalles, com la part superior amb el menú desplegable, el nom de l’aplicació i el botó de perfil. El menú desplegable està programat amb una llista de noms de pantalles, i un mòdul comprova quin element s’ha seleccionat per obrir la pantalla corresponent. També hi ha dos mòduls fixes: el botó d’InnerNorth, que porta al menú principal, i el botó de perfil, que porta a la pantalla de perfil.

Finalment, en aquesta pantalla hi hauria d’haver un apartat dedicat a notícies educatives. Tot i que no les hem pogut crear per les limitacions d’App Inventor i els nostres coneixements, hem afegit un visor web que mostra les notícies de l’escola com a alternativa.

blocks (5).png
IMG_9462.PNG
IMG_9463.PNG
4102c4e9-03f0-4521-9f04-f72e5d27586f.JPG
a95818bc-7749-47a8-a8c8-87524384b53e.JPG
3c892df6-feaa-431a-bde4-97edccc1f50d.JPG

6. Testos d'autoconeixement

En aquesta pantalla es repeteixen els mòduls del selector de llista, el botó d’InnerNoth i el botó de perfil, prèviament explicats.
A part d’això aquesta pantalla serveix per dirigir a l’usuari cap al test que vulgui fer. Hi ha una petita descripció de cada test i un botó que porta a la pàgina del test.

blocks (6).png
IMG_9462.PNG
IMG_9463.PNG
4102c4e9-03f0-4521-9f04-f72e5d27586f.JPG
a95818bc-7749-47a8-a8c8-87524384b53e.JPG
3c892df6-feaa-431a-bde4-97edccc1f50d.JPG
Captura.PNG

7. Test

Un cop seleccionat un test, s’accedeix a aquesta pantalla. No hi ha hagut temps ni tenim els coneixements per crear un test des d’App Inventor, però hem creat un test a formularis de Google i l’hem posat a la nostra aplicació amb un visor web.
Les pantalles dels altres testos són igual que aquesta.

blocks (7).png
IMG_9462.PNG
IMG_9463.PNG
4102c4e9-03f0-4521-9f04-f72e5d27586f.JPG
a95818bc-7749-47a8-a8c8-87524384b53e.JPG
3c892df6-feaa-431a-bde4-97edccc1f50d.JPG
e575bc20-88c8-4759-bf49-182735a9af6d.JPG

8. Catàleg

En aquesta pantalla es repeteixen els mòduls del selector de llista, el botó d’InnerNoth i el botó de perfil, prèviament explicats.
També trobem un apartat d’opcions laborals, un d’opcions d’estudi i un d’experiències reals. Cada una amb una petita descripció del que podem trobar dins l’apartat.
Un cop prems un dels botons d’opcions laborals, d’opcions d’estudi o d’experiències reals, et portarà a la pàgina de l'apartat corresponent.

blocks (8).png
IMG_9462.PNG
IMG_9463.PNG
4102c4e9-03f0-4521-9f04-f72e5d27586f.JPG
a95818bc-7749-47a8-a8c8-87524384b53e.JPG
3c892df6-feaa-431a-bde4-97edccc1f50d.JPG
e575bc20-88c8-4759-bf49-182735a9af6d.JPG
beedb184-11bb-4a2f-a641-3006bbc2b6f1.JPG

9. Opcions laborals

En aquesta pantalla es repeteixen els mòduls del selector de llista, el botó d’InnerNoth i el botó de perfil, prèviament explicats.
També podem observar un llistat de webs on pots buscar una feina. Cada web té una petita descripció amb un botó que et porta a la web corresponent.
Ens hauria agradat poder programar nosaltres la pantalla on es veu la informació, però ens ha tornat a ser molt difícil perquè no teníem temps ni coneixements.

blocks (9).png
IMG_9462.PNG
IMG_9463.PNG
4102c4e9-03f0-4521-9f04-f72e5d27586f.JPG
a95818bc-7749-47a8-a8c8-87524384b53e.JPG
3c892df6-feaa-431a-bde4-97edccc1f50d.JPG
e575bc20-88c8-4759-bf49-182735a9af6d.JPG
beedb184-11bb-4a2f-a641-3006bbc2b6f1.JPG
925557b8-86cc-4c1f-b4d8-3c63f358a316.JPG

10.  Xats amb professionals

En aquesta pantalla es repeteixen els mòduls del selector de llista, el botó d’InnerNoth i el botó de perfil, prèviament explicats.
En aquesta pantalla hi ha tres botons amb les seves descripcions. Aquests no porten enlloc perquè no sabem crear uns xats de veritat, però si funcionessin, portaria a uns xats semblants als de WhatsApp per poder comunicar-te amb el professional que necessitis.

blocks (11) (1).png
IMG_9462.PNG
IMG_9463.PNG
4102c4e9-03f0-4521-9f04-f72e5d27586f.JPG
a95818bc-7749-47a8-a8c8-87524384b53e.JPG
3c892df6-feaa-431a-bde4-97edccc1f50d.JPG
e575bc20-88c8-4759-bf49-182735a9af6d.JPG
beedb184-11bb-4a2f-a641-3006bbc2b6f1.JPG
925557b8-86cc-4c1f-b4d8-3c63f358a316.JPG
d9195869-7c96-4a0c-bc53-2e96c30ff537.JPG

11.  Perfil

A la pantalla de perfil, molt similar a la de registre, hi ha un botó de retrocés per tornar al menú principal i un botó (no programat) per canviar la foto de perfil. L’usuari pot modificar el seu nom d’usuari i contrasenya mitjançant tres camps de text. En prémer el botó “desa”, es comprova que tots els camps estiguin plens i que les contrasenyes coincideixin. Si no és així, apareixen notificadors d’error. Si tot és correcte, es guarden les dades al Tiny BD i es torna al menú principal.

blocks (12).png
bottom of page