
Programació

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.



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ó.





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.




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.





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.






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.







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.







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.








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.









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.










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.
