Embedded Files
En èpoques d'engany com ara, dir la veritat és revolucionari. Front el feixisme, ni un pas enrere! Viure sense llibertat, no és viure, és sobreviure.
Pràctica 3. Qüestionari
Pràctica 3. Qüestionari
En aquesta pràctica aprendreu a:
Definir i treballar amb variables.
Crear objectes TextInput (en JavaScript s'anomenen quadres de text).
Inserir Labels (etiquetes), imatges i botons.
Creeu una app que anomenareu Alumne1_Alumne2_App3.
Disseny de les pantalles
Disseny de les pantalles
Creeu una app que contingui 5 pantalles:
La primera pantalla d'inici que presenta i permet començar el qüestionari (P_Inici).
Tres pantalles que contindran les preguntes del qüestionari (P_Pregunta1, P_Pregunta2 i P_Pregunta3).
La pantalla final on mostra la nota que has aconseguit al qüestionari (P_Fi).
A totes les pantalles, el marcador (TI_MarcadorPregunta) no ha de ser editable.
Fixeu-vos en les imatges de les pantalles per crear l'app. També he escrit els noms que recomano per als components de l'app.
Podeu triar les preguntes, les respostes, les imatges i els colors que vulgueu.
Pantalla d'inici (P_Inici)
Pantalles de preguntes (P_Pregunta1)
Pantalla final del qüestionari (P_Fi)
Com definir variables
Com definir variables
Com ja sabeu, una variable és el lloc on emmagatzemem un valor per utilitzar-lo més endavant. La programació del Thunkable també necessita l'ús de variables.
En aquesta app crearem una variable que anomenarem v_marcador. En ella guardarem el número de respostes correctes i incorrectes. Sumarem 1 si responem correctament o bé restarem 1 si la resposta és incorrecta.
Mireu el vídeo per aprendre a fer-ho.
Com inicialitzar les pantalles de preguntes
Com inicialitzar les pantalles de preguntes
Com fèieu al JavaScript, abans de mostrar una pantalla hem d'inicialitzar tots els valors. Quan diem inicialitzar tots els valor ens estem referint a posar el valor del marcador (v_marcador) al seu TextInput i fer no visibles les imatges de resposta correcta i incorrecta.
Aquestes instruccions les haureu de fer a la resta de pantalles de preguntes del qüestionari.
Mireu el vídeo per aprendre a fer-ho.
Repetiu aquestes instruccions per a totes les pantalles de preguntes.
Com saber si heu respost una pregunta correctament
Com saber si heu respost una pregunta correctament
Tot seguit veureu al vídeo com sap el programa si la resposta que heu triat és la correcta o no. En els dos casos les instruccions són les mateixes, només canvia sumar o restar 1 i la imatge que es visualitzarà.
En el cas de respondre correctament el programa passarà a la pregunta següent. En cas contrari el programa no es mourà de la pantalla a l'espera que l'usuari triï la resposta correcta.
Mireu el vídeo per aprendre a fer-ho.
Repetiu aquestes instruccions per a totes les pantalles de preguntes.
Pantalla de Fi
Pantalla de Fi
Tal i com veu fer a les pantalles de preguntes, utilitzeu el bloc When Opens a la pantalla de Fi del qüestionari per mostrar al TextInput PuntuacioFinal els punts que heu aconseguit.
Extra per assolir l'Excel·lent Alt. Component Web Viewer
Extra per assolir l'Excel·lent Alt. Component Web Viewer
Feu que una de les preguntes tingui un botó d'ajuda.
Inseriu en una de les Screens de preguntes el component Web Viewer (navegador d'internet) que estarà ocult.
El Web Viewer ha de mostrar la pàgina web de la Viquipèdia que ajudi a respondre la pregunta.
Inseriu un botó anomenat Ajuda que en clicar-lo farà visible el Web Viewer.
Per exemple, si la pregunta és "Les balenes són mamífers?" podeu mostrar la Viquipèdia de balenes on diu que és un mamífer.
Lliurament de la Pràctica
Lliurament de la Pràctica
Data de lliurament de la pràctica:
Per lliurar l'app, premeu la icona Share que trobareu al Thunkable i genereu el link que copiareu a la Plataforma. Trobareu l'explicació més detallada si cliqueu aquí.
Data d'entrega: 30/05/2025.
Report abuse