Professional Documents
Culture Documents
Memoria Blablablaschool
Memoria Blablablaschool
Índex
Presentació del projecte 2
La nostra empresa 8
Pla de negoci 9
Proposta de valor 10
Segment de clients 10
Relació amb els clients 11
Canals 11
Vies d'ingrés 11
Conclusions i valoracions 88
1
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Respecte a les dificultats personals de cadascú, la gran majoria no poden o els hi fa vergonya
demanar ajuda. En conseqüència, els seus resultats acadèmics no són bons i poden arribar a
suspendre algunes matèries. Tanmateix durant els temps de pandèmia, relacionar-se amb
altres companys s’ha tornat més difícil (encara que ja ho era, perquè molts adolescents es
senten angoixats parlant amb gent nova) i per culpa d’això, tampoc obtenen ajuda per part
dels companys. D’altres no tenen recursos suficients per pagar a un professor de repàs, en
cas de necessitar-lo.
Si cada alumne pogués centrar-se a superar les seves dificultats amb l’ajuda d’altres
persones o recursos, que no tenen disponibles, millorarien significativament en aquestes
assignatures que els hi resulten “més complicades”. És a dir, el que els estudiants necessiten
és més suport a les matèries que els hi presenten dificultats.
La nostra empresa, PalmSchool, vol posar fi a aquestes dificultats i per fer-ho hem creat
aquest projecte com a solució.
Hem dissenyat una app que permet als estudiants crear-se un perfil per interactuar amb altres
alumnes. El perfil indica les assignatures en les quals l’alumne té dificultats i, també, les que
són el seu punt fort, així com el nivell acadèmic que estan cursant. La idea principal és
fomentar la companyonia i fer que l’alumnat s’ajudi entre si. Però com? Doncs a través de
videoconferències on l’estudiant amb dificultats rebrà instruccions del seu company que
domina la matèria.
2
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
3
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Els obstacles respecte les assignatures es podrien solucionar amb un professor de reforç,
però, a causa de faltes de recursos, moltes famílies no s’ho poden permetre. Malauradament,
tampoc ajuda que molts alumnes tinguin vergonya a demanar ajuda als professors dels seus
centres o que, per exemple, els pares no els hi puguin ajudar des de casa per falta de
coneixements.
Si els alumnes que tenen més facilitat per entendre certes assignatures desenvolupessin
l'habilitat d'ensenyar, l'alumnat que té dificultats per aprendre-les podria millorar el rendiment
acadèmic, és a dir, pujar les notes gràcies a la companyonia. Simultàniament, també es
desenvoluparia l’empatia. Una situació d’exemple: en lloc de riure d’algú que no entén alguna
cosa, podriem intentar ajudar-lo.
S’ha de tenir en compte que cadascú ha de descobrir la manera d'estudiar que li funciona
millor per aprendre i mai s’ha de perdre la motivació.
La nostra aplicació solucionaria aquests problemes establint relacions entre els alumnes
perquè s’assiteixin entre ells a l’hora d’estudiar i no es sentin jutjats pel professorat ni per
ningú, creant un entorn de companyonia, empatia i confiança. És a dir, es facilitarà trobar un
company per poder reunir-se per estudiar.
Pot ser aquest problema no sembla molt gran i greu de primeres, però sí ho és. A continuació
us explicarem el problema que volem resoldre molt detalladament:
Que un alumne no tingui bons resultats acadèmics afecta al seu expedient escolar.
L’expedient cobra molta importància quan es cursa batxillerat i és necessari treure molt bones
notes per poder entrar a la carrera universitària que es desitja.
Així mateix, també afecta, de manera indirecta, als pares de l’alumnat, ja que senten angoixa
per l’educació dels seus fills/es i, en molts casos, han d’acabar pagant professors de reforç, la
qual cosa per a algunes famílies pot resultar dificultós. Altrament, els professors acaben farts
d’haver de repetir el mateix tota l’estona i no progresar. A més a més, els grups classe també
són afectats, ja que alguns alumnes es queden endarrerits i poden arribar a sentir que
entorpeixen el progrés dels altres companys, o, al contrari, grups que es troben estancats en
un mateix tema i estudiants que hi formen part creuen que podrien donar més de si mateixos
(cosa que provoca que no hi hagi un bon ambient).
4
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Mitjançant la nostra aplicació, els alumnes podran millorar els seus resultats acadèmics i
qualificacions, per tant els pares i mares no hauran de veure’s obligats a pagar professors de
reforç. Tanmateix, el grup classe de l’alumne podrà tenir un bon ritme d’aprenentatge i no
sentir que es limiten els uns als altres.
En el cas dels estudiants que suspenen alguna avaluació i han de recuperar-la, aquests
moltes vegades no obtenen ajuda per part del professorat i no poden acabar de consolidar els
temes que no havien pogut treure endavant. Per tant, al final segueixen sense comprendre la
matèria i no poden recuperar-la, encara que facin l’esforç d’intentar-ho.
Per últim, a l’hora de realitzar els deures molts alumnes en tenen dificultats, i encara que els
intenin fer, necessiten ajuda i s’han d’esperar a les classes per poder entendre'ls. D’aquesta
manera, no poden progressar des de casa, ja que depenen de l’explicació del professorat.
Volem arreglar aquestes situacions creant un espai segur pels alumnes, on podran resoldre
els dubtes que tinguin en qualsevol moment. Ja sigui a les setmanes d'exàmens, per tal de
recuperar una assignatura suspesa anteriorment o quan els alumnes estigui fent els deures.
Per tant, podran tenir el control del seu progrés envers l'aprenentatge i anar resolent dubtes a
mesura que avancen els temes sense que s’hagin d’esperar a la següent classe o quan els
exàmens estiguin a la volta de la cantonada.
Tanmateix, això ajudarà als alumnes a crear uns hàbits de dependència i responsabilitat pels
seus estudis, que els hi seran molt beneficiosos en el seu futur.
On es pateix el problema?
El problema es pateix principalment a classe perquè els estudiants no s’atreveixen a
preguntar els dubtes. També es por patir a casa perquè cap familiar pot ajudar-los a
resoldre’ls.
Així com els alumnes amb dificultats es poden sentir exclosos del seu grup d'amics perquè
tots entenen un tema excepte ells i tenen por a preguntar per no quedar malament. Es podria
arribar a patir a la pròpia ment de l’estudiant, perquè ell mateix es bloqueja i no es facilita
aprendre conceptes nous.
Alhora, també es pot produir si l’alumne assisteix a grups de repàs amb més companys i els
altres ho entenen amb les explicacions del professor de reforç però ell/a no. Això provoca que
5
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
l’estudiant es senti malament per no entendre els conceptes amb les explicacions de cap
professor. Però que no ho entengui es deu a que cadascú té diferents maneres d’aprendre.
La nostra aplicació donarà a l’estudiant una alternativa, podent resoldre els dubtes a partir
dels coneixements dels seus companys. Sense jutjaments ni res per l’estil, ja que el nostre
objectiu és ajudar i no jutjar a la resta. Però cadascú haurà de posar el seu gra de sorra i
atrevir-se a preguntar sense vergonya a classe, als teus amics o on es vegi la situació.
Hi ha vegades que no només depèn de l'alumne, sinó de la manca de temps del professorat.
Els docents no tenen temps il·limitat i els hi és imposible haver de tornar a explicar un tema
sencer a un alumne en concret.
Un altre dels principals problemes és l'alta velocitat del ritme d'estudi, aquest es veu més als
cursos més avançats on el nivell d'aprenentatge és superior. Aquest ritme elevat, per a molts
alumnes, no és suficient per entendre i dominar un tema. Tanmateix a aquest fet se li suma el
mètode d'aprenentatge, perquè a la gran majoria d’escoles no es valoren les diferents
complicacions i dificultats dels estudiants envers l’assoliment de coneixements. Cada alumne
té diferents maneres d’estudiar i d’entendre, ja sigui memoritzar, llegir, escoltar, fer
esquemes… entre d'altres.
Convé ressaltar que a tot això s'hi afegeix la falta de companyonia, és a dir, els alumnes que
no tenen dificultats no pensen en que hi ha companys que si en tenen i que ells els hi podrien
ajudar. Seguint en aquest àmbit ens trobem amb el "no saber relacionar-se", en altres
paraules, hi ha gent a la qual li costa relacionar-se amb persones noves. Això està
estretament relacionat amb el tema de la vergonya i, a causa d'aquesta, es segueixen
relacionant amb les mateixes amistats de sempre encara que no els hi aportin res de bo.
La manca d'interès és un altre factor important a tenir en compte. Durant l'etapa escolar hi ha
molts temes o, fins i tot, assignatures que no desperten un interès en els alumnes, o
simplement creuen que no van encaminades cap a l'ofici o la carrera que volen realitzar en un
futur. Per tant, a conseqüència d'aquesta falta d'interès, els estudiants desconnecten i els hi
és més difícil posar-se a estudiar o intentar entendre la matèria.
L’últim motiu és una dolenta organització del temps d'estudi, que provoca que els alumnes no
assoleixin els coneixements però, simplement, perquè s'han organitzat malament el seu
temps. No tenir a ningú al costat per estudiar o ajudar-te, en molts casos, provoca que
l'estudiant no hi dediqui suficient temps perquè cap persona l’està motivant. A més a més,
molt freqüentment l'alumne no disposa d'un espai per estudiar o està a un lloc amb un
ambient que no és de treball, la qual cosa fa que es redueixi el seu nivell de concentració.
6
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Val la pena dir que a vegades no entenem per què sorgeixen totes aquestes dificultats a l'hora
d'estudiar, però si ens parem a pensar podem trobar molts motius pels quals als alumnes se'ls
hi fa una muntanya haver de fer-ho.
Per solucionar aquests problemes volem basar-nos en les qualitats i els obstacles individuals
de cada estudiant, per recolzar-los a superar les seves dificultats i guiar-los a un futur on
destaquin els seus punts forts.
Aquest conjunt d’activitats es realitzaran a través de la nostra app, accessible a tothom, on els
alumnes s’assistiran entre ells, perquè no es sentin jutjats pel professorat, podent
expressar-se en un entorn confortable. La nostra intenció és promoure els estudis alhora que
les relacions socials i els valors de l’alumnat. A més, les mesures de seguretat pel Covid-19
no tindran importància, ja que oferim un espai virtual per poder contactar amb altres alumnes i
d’aquesta manera es podran fer reunions de més de 6 persones i proporcionar horaris que
s’adaptin a tothom.
7
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
La nostra empresa
La nostra empresa s’anomena PalmSchool i la nostra aplicació es diu BlaBlaSchool.
Laia Arias i Alba Pradell com a responsables de les comunicacions, recerca i idiomes,
perquè tenen molta habilitat per expressar les seves idees i, a més, tenen capacitat per
convèncer a la gent, sempre mitjançant bons arguments. En l’àmbit de la recerca, han estat
elles les escollides perquè en altres projectes han sigut les que més han destacat trobant
fonts d’informació útils. Per últim, se’ls hi ha atorgat el rol d’idiomes ja que tenen facilitat per
traduir la informació trobada al català.
Martina Bauchwitz Emmel com a responsable del grup, assolint així el rol de lideratge. Ella
va ser seleccionada per votació popular, ja que té habilitats de lideratge i és molt responsable.
A més a més, s’encarrega de la part tècnica del treball, és a dir la programació, degut a les
excel·lents qualificacions que ha obtingut als treballs anteriors.
Per últim, la Paula Iglesias és la responsable de l’àrea artística per la seva gran facilitat a
l’hora de dissenyar. Els seus dots artístics són de gran ajuda a l’hora de l’apartat gràfic i
gràcies a ella surten bons dissenys.
8
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Pla de negoci
9
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Proposta de valor
● Una eina amb la qual els estudiants podran ajudar-se entre ells: gràcies a la nostra
aplicació, els alumnes tindran a la seva disposició una eina amb la qual recolzar-se els
uns als altres i tenir l’opció de poder aprendre dels companys, a més d’ensenyar a
aquells que necessiten ajuda.
● Millora dels resultats acadèmics: gràcies a les hores extra de repàs que faran els
estudiants, i podent gaudir de tots els “professors” particulars que desitgin, els
alumnes milloraran els seus resultats acadèmics progressivament. A més, pot ser una
eina de molt profit per aquells alumnes que no tenen els recursos necessaris per pagar
a un professor particular.
● Aplicació utilitzada per l’alumnat: la nostra app té un disseny enfocat cap als estudiants
d’avui dia.
Segment de clients
● Centres d’educació secundària obligatòria i batxillerat i centres d’activitats
extraescolars o de reforç: les escoles poden contractar la nostra empresa perquè els hi
realitzem una versió específica pels seus centres, acord amb els colors identificatius
d’aquest, les seves assignatures, etc.
● L’associació de mares i pares d’alumnes (AMPA): per als pares que acostumen a
involucrar-se a les activitats escolars i que estiguin preocupats pels resultats de
l’alumnat, aquesta serà una bona solució.
● Els alumnes de 12 a 18 anys: les persones que més ús en faran de l’aplicació són els
alumnes dintre d’aquest rang d’edats. Això es deu a que ells són qui tenen les
capacitats per saber-la aprofitar al màxim.
10
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
● AMPA: de la mateixa manera que amb les escoles, es podrà contractar el nostre servei
per a una comunitat específica. La diferència és que en aquest cas qui dirigeixi tot serà
l’AMPA.
● Editorials de llibres: oferirem la nostra app a diverses editorials de llibres per tal que
puguin disposar d’una eina per als seus clients. D’aquesta manera, els estudiants que
tinguin els seus llibres, gaudiran d’un recurs extra que els ajudarà durant el seu
aprenentatge a les aules. Les editorials també tindran la possibilitat de customitzar
l’aplicació per tal que s’adapti al contingut dels seus llibres i als seus clients.
● Alumnes: l'aplicació està pensada perquè els alumnes tinguin l’eina perfecta per tal de
millorar les seves qualificacions i relacions amb els altres estudiants.
Canals
● Plataformes de distribució digital d'aplicacions: a través de l’App Store i el Play Store,
qualsevol estudiant, sigui de l’escola que sigui, podrà descarregar l’aplicació de
manera totalment gratuïta.
● Web: a la nostra web d’empresa, els usuaris trobaran un enllaç que els dirigeix
directament a la plataforma de descàrrega d'aplicacions del seus dispositius per
poder-la baixar i instal·lar.
● Editorials de llibres educatius: possibilitat de crear un “pack” que ofereixi, a més dels
llibres, l'aplicació especialitzada en els temaris d’aquests.
● Codis QR als pòsters escolars: mitjançant els nostres pòsters o els propis de cada
centre, els alumnes podran escanejar un codi QR que els dirigeixi directament a la
nostra web on podran trobar l’enllaç per descarregar l’aplicació.
Vies d'ingrés
● Centres i editorials que comprin l’app: l'ingrés principal de l'aplicació serà per part dels
centres i de les editorials que comprin la versió personalitzada.
● Publicitat: dirigida a les persones que descarreguin l'aplicació des de l’App Store o el
Play Store (per tant, tenen la versió no personalitzada). Per ser una aplicació gratuïta,
11
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
els ingressos provindran dels anuncis que apareixeran mentre s’utilitza l’app.
12
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
13
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Inici de sessió
En obrir l’aplicació el primer que trobaràs serà la pantalla d’inici de sessió; a aquesta hi
hauran dues opcions, cadascú escollirà una segons si tenen o no creat un compte. A més, hi
haurà una opció per poder conèixer i informar-se una mica sobre la nostra aplicació i la nostra
empresa.
En clicar aquesta opció, sortirà un apartat on podràs posar el correu relacionat amb el teu
usuari o el teu usuari directament. Prems el botó i automàticament se t’enviarà un codi de
quatre o cinc xifres per verificar que ets tu. Després d’haver rebut aquest correu, a l’app
hauràs de ficar el codi i restablir la contrasenya.
Aquest és el procés a seguir en el cas de ja haver entrat a l'aplicació i tenir un compte, però
què passa si no has entrat mai?
En aquest cas hauràs de crear un compte. Això es pot realitzar en pocs passos, que a
continuació us expliquem:
1. Crear un nom d’usuari, amb el que t’identificaràs amb la resta d'usuaris, per tant
aquest no podrà estar repetit.
2. Se't demanarà introduir una contrasenya que hauràs d’escriure dues vegades per
verificar que és correcta. Procura recordar sempre la teva contrasenya perquè serà
necessari escriure-la cada cop que vulguis iniciar sessió a l’aplicació BlaBlaSchool.
Tot i que sempre tindràs l’opció automàtica de “guardar contrasenya” que ofereixen els
dispositius d’avui dia. Nosaltres recomanem que només cliquis aquesta opció si el
dispositiu amb el que estàs accedint és el teu propi, ja que si no ho és (per exemple,
és de l’escola) tothom tindrà l’opció d’entrar fàcilment.
3. Per últim, i per tant per acabar la creació del teu compte, s’ha d’introduir un correu
electrònic (preferiblement el de l’escola) que en un futur servirà per poder relacionar-te
amb els altres usuaris que estiguin fent servir l’aplicació. A més a més, com hem
descrit abans, per poder entrar al teu compte si t’has oblidat la contrasenya. És a dir,
aquest correu estarà associat al teu usuari. Hauràs de confirmar que és el teu correu,
mitjançant un procés senzill; un cop hagis acabat d’omplir els tres camps de text i
premis el botó de crear compte automàticament se t’enviarà un codi de quatre o cinc
xifres per verificar que ets tu. Després d’introduir aquest codi correctament a l’app, el
teu compte estarà creat.
14
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
4. Per poder completar el procés de creació d’un compte és molt important que acceptis
totes les nostres condicions i política de privacitat, si no ho fas, no podràs
completar-lo. Pots verificar que ho acceptes tot a través de la casella situada a la
mateixa pantalla o, si t’interessa saber-ne quines són aquestes condicions, pots clicar
al botó Condicions i política de privacitat per accedir a una altra pantalla on
s’expliquen.
Si finalment no estàs satisfet amb el nom d’usuari, la contrasenya o tan sols vols canviar el
correu, sempre tindràs l’opció de fer-ho. Un cop hagis iniciat la sessió, a la pantalla del menú
principal hi podràs observar que hi ha un botó on diu:
- Canviar el nom d’usuari: en el cas que vulguis canviar-lo hauràs de seguir els mateixos
passos com si el creessis de nou. Però, tenint en compte que si borres el que tens
anteriorment és possible que no puguis tornar a fer-lo servir (algú el pot utilitzar mentre
tens el nou i després no t’ho podràs tornar a posar, ja que no es poden repetir).
Després de decidir el nou nom d’usuari hauràs de clicar guardar els canvis per fer el
canvi definitiu.
- Canviar el correu del compte: aquesta és l’última opció per canviar alguna cosa del teu
compte. El que et caldrà fer és escriure l’adreça de correu que vulguis utilizar i després
confirmar-la, introduïnt un codi de 4 o 5 xifres que se t’enviarà automàticament al nou
correu electrònic. Una vegada ho hagis confirmat, es guardarà sol.
Has de vigilar, ja que les coses que no estiguin guardades correctament, s’esborraran.
Tot aquest conjunt de pantalles, botons, etc. conclouen l’apartat d’Inici de sessió.
Registre de l’usuari
Una vegada iniciada la sessió, al menú principal hi haurà un botó que diu:
Registre
És necessari clicar aquest botó per acabar d’omplir tota la informació important sobre tu
mateix i aconseguir obtenir un bon funcionament de l’aplicació. Més endavant si vols canviar
les teves dades ho podràs fer, l’opció sempre estarà activa.
Aquesta informació no s’ha demanat abans, a l’inici de sessió, perquè no és necessària per
crear/accedir a un compte. Però si ho és perquè l’aplicació pugui aconseguir el seu objectiu,
que és ajudar en el procés d’aprenentatge. Així que se’t demanarà informació personal
15
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
relacionada, principalment, amb els teus estudis. Aquesta es guardarà i serà associada amb
el teu usuari sempre.
1. Nom i cognom: és obligatori introduir el teu nom i almenys el teu primer cognom. Però,
a part d’això, és opcional introduir un mot (se’t referirà per aquest a l’aplicació, sinó
serà pel teu nom i cognom).
4. Curs: podràs escollir entre 1r, 2n, 3r o 4t de l’ESO, o també entre 1r o 2n de batxillerat
(científic o social).
5. Grup classe: segons el curs escollit a l’apartat anterior, se’t donaran unes opcions de
grup classe (A, B, C…).
6. Hores lliures: se’t donarà l’opció de posar un rang d’hores a les quals estàs disponible
per a cada dia. Així com també podràs afegir un altre rang a qualsevol dia per si
deixes d’estar disponible per una estona, però després tornes a estar-ho (com per
exemple, si tens qualsevol activitat extraescolar) o escollir l’opció de no posar cap hora
lliure algun dia, perquè no tothom té temps lliure tots els dies de la setmana.
La segona part serà la d’assignatures que puc ensenyar. Sortirà una altra llista amb
totes les mateixes matèries del llistat anterior (segons el curs) però aquesta vegada
hauràs de triar les assignatures que no et presenten cap dificultat i podries ensenyar
als altres. No podràs triar les matèries escollides a la llista de dificultats (aquestes
sortiran, però no les podràs seleccionar), ja que no pots ensenyar una assignatura si
tens dificultats. També estarà l’opció de no triar cap, per si no sents que tens les
capacitats d’ensenyar qualsevol matèria.
Per últim, hauràs de dir si vols o no (mitjançant una casella de verificació) oferir-te a
ajudar a usuaris de cursos anteriors al teu amb les assignatures obligatòries.
16
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Una vegada hagis acabat d’omplir tota aquesta informació has de clicar el botó de guardar
(situat al final de la Screen) i ja està. No caldrà ficar tot això cada cop que obris l’aplicació o
iniciïs sessió perquè es guardarà al teu usuari.
Perfil
A aquest apartat (format per una Screen) el que es demana és que l'usuari perfeccioni el seu
perfil, com bé indica el títol, i es pot accedir a través d’un botó al menú principal que diu:
Perfil
El perfil està format per informació personal de l’usuari i aquesta serà visible per als altres
usuaris que estiguin utilitzant l'aplicació. Per tant, seria convenient fer un bon perfil perquè
serà la teva "carta de presentació".
- El primer que es demana a aquesta pantalla és posar una foto, que no caldrà que sigui
teva, sinó que pot ser una imatge amb la qual tu t'identifiques o bé la teva inicial… És
a dir, la foto diríem que és opcional. Quan hagis escollit una, clica el botó de guardar
perquè no s’esborri.
- Al costat sortirà el teu nom d'usuari, que serà el que vas escollir al registrar-te
prèviament a l'inici de la sessió. Aquest no el pots canviar des d’aquí, per fer-ho has
d’anar a Informació del compte. Dit en altres paraules, només és una etiqueta perquè
puguis jutjar com veuran els altres usuaris el teu perfil.
- El següent apartat, ja omplert amb informació del registre, serà el mot. Aquest era
opcional, si no tens un serà el teu nom i cognom. Però recordem que un mot pot ser el
nom amb el qual tu et vegis identificat, amb el que els teus amics et criden, o et
coneixen, o simplement el nom amb el qual t'agradaria que se't dirigeixin els teus
futurs "alumnes o professors". Per posar-te un has d’anar al Registre de l’usuari.
- Seguidament es demana una breu descripció, com per exemple, la que tots tenim a
les nostres xarxes socials. A aquesta descripció podem explicar les nostres aficions, la
nostra data de naixement, si practiquem algun esport o no i, en cas afirmatiu, quin…
La finalitat d'aquest apartat és simplement donar més informació sobre la teva
personalitat perquè et puguin conèixer una mica millor la resta d’usuaris. Un cop
l’hagis redactat, clica el botó de guardar perquè no s’esborri.
- A continuació, a sota de la teva descripció apareixerà el teu curs juntament amb el teu
grup classe. Aquestes dades són necessàries perquè els altres usuaris sàpiguen el teu
nivell de coneixements. També, gràcies al grup classe, la resta et podrà localitzar més
fàcilment. Aquesta informació s’obtindrà del Registre de l’usuari i per canviar-la hauràs
d’anar a aquella pantalla.
- Tot seguit, sortiran les teves hores lliures (els dies i els rangs d’hores que tens
disponibles) per poder connectar-te amb algú. Això facilitarà trobar algú que s’adapti
millor als teus horaris per dur a terme l’activitat, ja sigui per ajudar o perquè t’ajudin.
17
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
- Com a penúltim apartat del perfil apareixeran les assignatures que no et suposen
dificultats, és a dir, que pots ajudar ensenyant-les a qui ho necessiti. L’objectiu d’això
és que l’alumne que estigui buscant un “professor” pugui trobar i contactar amb un
altre usuari d’edat similar que pugui ensenyar-li el que necessita. Aquest llistat de
matèries s'obtindrà del Registre de l’usuari.
- Per últim, al perfil sortiran les assignatures amb les quals necessites reforç, és a dir,
les assignatures que et suposen dificultats i, per tant, no tens bons resultats.
D’aquesta manera els altres usuaris veuran si et poden ajudar o no. La informació
s’agafarà del Registre de l’usuari.
Tots aquells apartats que obtenen la informació a partir del Registre de l’usuari no es podran
modificar des del perfil, com ja hem dit abans. En el cas que no s’hagi completat el Registre
de l’usuari en lloc d’aparèixer les teves dades personals sortirà un avís que dirà “Posar
informació des del Registre de l’usuari”. L’únic que es podrà modificar a la pantalla del perfil
serà la foto i la descripció personal.
En conclusió, el teu perfil serà tot el que els altres usuaris necessiten saber de tu per analitzar
si els hi seràs d’ajuda o si et podran ajudar, a la vegada que aportarà una mica més
d’informació extra teva per a veure si us podrieu portar bé.
Un cop hagis iniciat sessió, fet el registre i el perfil, una de les opcions que descobriràs serà la
que et permetrà interaccionar amb els altres usuaris registrats i poder començar a gaudir de
l’aplicació.
Al menú hi ha un botó anomenat Interactuar, dins de la Screen que obre aquest tindràs dues
opcions (botons) principals:
1. Aprendre: clicant aquest botó podràs veure els perfils dels usuaris que et poden oferir
els coneixements que tu desitges aprendre o reforçar.
Si el perfil no et convenç o no s’ajusta al que estàs buscant, pots tornar enrere i seguir
amb la cerca d’un usuari que s’adapti a les teves necessitats. Si pel contrari,
t’interessa obtenir ajuda d’aquell usuari, trobaràs un botó anomenat “enviar sol·licitud”
18
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
al final de la pantalla, i així podràs fer-li saber a l'usuari que t’interessen els seus
serveis. Sempre que vulguis desfer aquesta acció i eliminar la teva solicitud, podràs
fer-ho, mitjançant el mateix botó on, després d’enviar la sol·licitud, posarà “eliminar
sol·licitud” de manera que a l'altre usuari li desaparegui aquesta.
A més, els perfils estaran ordenats segons s'ajustin més o menys a les necessitats de
cada usuari. Per tant, els alumnes que tinguin més punts en comú, com ara que les
matèries que vol ensenyar siguin les que tu vols aprendre, les hores lliures siguin
compatibles, que sigui del mateix curs o el més proper possible al de l’usuari, etc.
tindran preferència i sortiran abans que els altres.
2. Ensenyar: aquest apartat té el mateix sistema i mecànica que l’anterior. Per començar
et sortiran els perfils dels alumnes que els interessa aprendre una, o diverses,
assignatures que tu pots oferir. De nou, ordenat segons diversos aspectes, com ara, el
curs. Quan trobis un que t’interessi, podràs veure el perfil complet clicant a sobre
d’aquest. Podràs veure tota la seva informació (nom, curs, descripció...) i segons ho
trobis adient, enviar una sol·licitud. Si te’n penedeixes o trobes un altre usuari que et
convingui més, sempre tindràs l'opció de desfer aquesta acció i retirar la sol·licitud, tot
clicant aquell mateix botó, ara amb el nom de “eliminar sol·licitud”.
Un cop hagis mirat diferents perfils que t’agraden i hagis enviat sol·licituds, podràs veure si
alguna persona te n’ha acceptat o t’ha enviat una a tu a partir del botó Sol·licituds del menú.
Dins d’aquest, tindràs dos blocs:
1. Rebudes: a aquest bloc, tindràs totes les sol·licituds que t’han enviat els altres usuaris.
Tindràs a disposició els diferents perfils que s’han interessat en tu, ordenats amb
preferència dels més recents. Polsant el corresponent perfil, podràs veure-ho sencer i
informar-te sobre si aquell alumne vol aprendre dels teus coneixements, o pel contrari,
ensenyar-te una matèria amb la qual tu necessites reforç. A partir de tota la informació
de l’alumne (la del seu perfil) podràs decidir si acceptes la seva sol·licitud o no. Per fer
això, trobaràs dos botons a la part inferior de la pantalla, després de la informació
personal del perfil.
19
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
2. Enviades: quan has enviat una sol·licitud, és el torn de l’altre usuari de decidir si
acceptar-la o no. Prengui la decisió que prengui, rebràs una notificació informant-te.
En cas que l’accepti, a la notificació disposaràs de la seva adreça de correu. Amb
aquesta, podràs posar-te en contacte amb ell o ella a través d’email i organitzar una
classe via meet (o qualsevol altra plataforma de videoconferències). En el cas que la
rebutgi també rebràs una notificació informant-te, però no obtindràs el seu correu
electrònic.
Cadascú pot jutjar si la persona que li ha enviat una sol·licitud té l’edat correcta, així com si
està a un curs adequat per les teves necessitats personals d’aprendre o perquè siguis capaç
d’ensenyar-li (segons el que busqui l’usuari). Dit d’una altra manera, és qüestió de l’alumne
ser capaç d’analitzar si acceptar una sol·licitud li serà útil en el futur.
En cas que no tinguis cap assignatura seleccionada per aprendre o ensenyar al Registre de
l’usuari, el botó corresponent per aquesta opció dins de Interactuar estarà desactivat i sortirà
un avís. El missatge de l’avís variarà segons quina sigui l’opció a la qual no tens matèries
escollides. Si és la d’aprendre aquest serà: “No tens cap assignatura seleccionada per
aprendre, per activar aquesta opció selecciona com a mínim una al Registre de l’usuari.” Però
si és la d’ensenyar es canvia el verb: “No tens cap assignatura seleccionada per ensenyar,
per activar aquesta opció selecciona com a mínim una al Registre de l’usuari.”
Finalment, per poder trobar a un usuari determinat, hi ha un buscador al qual es pot accedir
des del menú. En aquest podràs, mitjançant el nom d’usuari de l’altre alumne, anar
directament al seu perfil per enviar-li una sol·licitud, eliminar una ja enviada... Realitzem la
búsqueda més senzilla donant a escollir entre buscar a “professors” o a persones a les que
ensenyar (“alumnes”), i a més, pots buscar seleccionant el curs de la persona.
Ajuda
A l’apartat d’ajuda, al qual podem accedir fàcilment a través del botó Ajuda del menú, si un
usuari té qualsevol problema o dubte respecte l’aplicació o la nostra empresa, podrà posar-se
en contacte amb nosaltres i enviar-nos un correu electrònic a la nostra adreça. Contestarem el
més aviat possible i intentarem donar una solució.
20
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Mapes conceptuals
Inici de sessió
21
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Registre de l’usuari
22
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Perfil
23
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
24
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Ajuda
25
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Pantalla inicial
Qui som?
26
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Crear compte
Iniciar sessió
27
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Menú principal
28
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Registre
29
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Perfil
Des del perfil podràs veure la informació que els sortirà als
altres usuaris. El teu nom d’usuari, el teu nom i cognom, el
mot, una breu descripció teva, la teva foto de perfil, els curs
i classe que fas, les hores lliures que tens i, per últim, les
assignatures que vols ensenyar i les que vols aprendre.
L’única informació que podràs editar des del perfil serà la
foto de perfil i la descripció. La resta d’informació hauràs
d’editar-la al registre.
30
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Interactuar
31
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Sol·licituds
32
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
33
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
34
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
35
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Buscar
Ajuda
36
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
A l’explicació de les pantalles hem posat les més importants perquè s’entenguin els conceptes
que anavem presentant, però hem dissenyat més de 50 pantalles (incloent perfils de
mostra…). Així que a continuació us deixem el link al pdf amb totes les pantalles de la nostra
aplicació:
https://drive.google.com/file/d/1lvhyWQrCjY_q5VJJdH3gFTigi3b5nPd-/view?usp=sharing
37
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Per culpa de les limitacions de l’eina App Inventor i, també, dels nostres propis coneixements,
hi han hagut pantalles que no hem pogut programar. Per això, com a una solució provisional,
hem posat la imatge de la pantalla extreta dels dissenys realitzats amb Balsamiq com a fons
de la Screen, i un botó invisible (sense color de fons) que ocupa tota la pantalla (alçada i
amplada programades perquè s’ajustin al contenidor), de manera que, en clicar a qualsevol
punt de la pantalla, es realitza la mateixa acció.
En total, vam fer 32 Screens a l’App Inventor, de les quals vam programar totalment 14 i vam
simular 18.
38
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Inici de sessió
El principal element que constitueix aquesta pantalla és una disposició vertical, la qual està
programada perquè s’ajusti al contenidor, tant d’alçada com d’amplada. Dins d’aquesta es
troben col·locats els diferents components.
En primer lloc, a la part superior de la pantalla i mitjançant un element d’imatge, està el logo
de la nostra aplicació, amb la intenció de fer més visible el disseny.
Tot seguit, per deixar espai entre el logo i els altres elements, hi ha una disposició horitzontal
de 10 pixels d’alçada. Aquesta està programada sense cap color de fons, de manera que, no
es veu i només queda un espai (per fer la pantalla més estètica).
- Crear compte, aquest té forma rectangular i és de color gris clar i, a més, té la lletra al
16 i en negreta). Als blocs de programació, aquest element s’anomena
“btn_nocompte”.
- Ja tens compte? Fes clic aquí, té forma rectangular, no té cap color de fons i té la lletra
de color blau (per aparentar un link). Als blocs, està denominat “btn_sicompte”.
- Qui som?, és un botó de forma arrodonida i de color taronja, amb la lletra en 14 i
negreta. Vam anomenar-ho “btn_quisom” als blocs.
La programació d’aquesta pantalla és ben senzilla, ja que només hi ha tres botons i aquests
han d’obrir altres pantalles.
39
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Aquí adjuntem una captura de pantalla de com es veu el disseny de la Screen quan l’app està
instal·lada:
40
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Qui som?
En seleccionar el botó Qui som? a la pantalla anterior, s’obre una altra. La finalitat d’aquesta
pantalla és explicar una mica d’informació sobre la nostra empresa i el nostre objectiu. Els
tres elements que la constitueixen es troben a dins d’una disposició
“VerticalScrollArrangement”.
En primer lloc, dues etiquetes de text. A la primera el títol de l’apartat: “Qui som?”, amb una
lletra de 25 i en negreta, i a la segona la nostra informació, utilitzant una lletra de 13,5.
Per finalitzar aquesta pantalla, situat al final, hi ha el botó Fes clic per formar part!, que et
torna a portar a la pantalla anterior. Aquest és l'únic element que requeria programació.
41
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Crear compte
Aquesta pantalla té com a fons una imatge, que és recurrent als nostres dissenys.
A sota del títol hi ha una disposició vertical amb el fons blanc i ajustada al contenidor, dins
d’aquesta trobem tota la resta de components que constitueixen la pantalla.
A continuació, després dels elements anteriors, hi ha una disposició vertical transparent, que
situa els elements al centre. Aquesta conté un botó arrodonit de color gris clar per accedir a
una altra pantalla, on s'expliquen les condicions i la política de privacitat. Seguidament,
trobem una casella de verificació per confirmar que acceptes les condicions. Després, està el
botó per poder crear un compte i convertir-te en un usuari de l'aplicació (és un botó negre
rectangular amb lletra blanca en negreta al 16). A més, a sota, separat per una disposició
horitzontal de 10 pixels d’alçada, hi ha un element d’imatge amb el logo de la nostra empresa.
42
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Per últim, situat a la cantonada esquerra trobem el botó per poder tornar enrere (el fons
d’aquest és una imatge d’una fletxa) .
La programació d’aquesta pantalla és molt complexa, ja que implica l’ús d’arxius per guardar
la informació i, a més, per poder avançar, sempre s’han d’omplir els camps de text (no és
opcional). Així que, hem posat una sèrie d’elements no visibles, però molt útils, pel bon
funcionament de l’aplicació:
Primerament, com és entendible, per poder crear-te un compte has de realitzar unes quantes
accions: crear el teu nom d’usuari, escriure la teva contrasenya, verificar-la… No pots no tenir
nom d’usuari o contrasenya, però si tenir-ne un compte. Tanmateix, tota aquesta informació
que has escrit s’ha de guardar en algun lloc. Per aquest motiu, quan cliquem el botó Crear
compte, s’ha de comprovar si tots els camps de text tenen alguna cosa escrita i, alhora, s’ha
de guardar el que hi ha escrit. Si no hi ha res en qualsevol camp de text, gràcies al notificador,
sortirà un avís indicant-te el problema. Aquest conjunt d’accions les hem programat així:
43
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Resumidament, les accions comprovades són si s’ha escrit un nom d’usuari, si s’ha escrit la
contrasenya i aquesta coincideix en els dos camps, si s’ha escrit una adreça de correu, i si
s’han acceptat les condicions. Es guarden les dates en uns arxius anomenats “arn.txt”.
Com t’hauràs adonat, s’han d’acceptar les condicions i política de privacitat per poder crear el
teu compte. Així que si vols llegir-les només has de clicar el botó gris, la programació del qual
és la següent:
En clicar-ho, també es guarden els continguts dels camps de text, perquè sinó, al tornar a la
pantalla per continuar la creació del compte, tot el que s’havia escrit ja no està.
Per tant, si en obrir aquesta pantalla de nou, ha de sortir la informació escrita abans, hem de
crear un bloc que revisi si ja hi ha informació als arxius, i si n’hi ha, hem de posar-la als camps
de text.
El primer bloc fa que, quan s’obri la pantalla, es llegeixi la informació dels arxius
corresponents. Després, els altres s’encarreguen de posar la informació obtinguda als camps
de text. Però, comprovant que tot funcionés bé, ens vam adonar d’una estranya errada de
programació: si no hi havia cap text guardat, és a dir, era la primera vegada que s’obria la
pantalla, als camps de text apareixia el nom de l’arxiu. Per això, vam afegir un bloc de “si…
entonces… sino…”, aquests fan que quan el text de l’arxiu és el nom del mateix, no es posi
als camps del text.
44
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Finalment, l’únic element a programar que quedava era el botó per tornar enrere. Aquest no té
una programació complexa, ja que l’únic que ha de fer és tornar a la pantalla anterior.
45
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
A continuació, us deixem una captura d’aquesta pantalla des d’un dispositiu amb l’app
instal·lada:
46
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
El primer element d’aquesta pantalla és una disposició vertical que s’ajusta al contenidor, tant
d’alçada com d’amplada, i no té cap color de fons (així es pot veure la imatge que hi ha). Dins
de la disposició, estan col·locats la resta de components.
Primerament, hi ha una disposició horitzontal que conté una etiqueta amb el títol (fons blanc i
la lletra al 19) i, al costat, trobem la icona corresponent.
Tot seguit, a sota, hi ha una disposició vertical que s’ajusta al contenidor i té com a color de
fons el blanc. Dins d’aquesta hi ha quatre etiquetes de text, en les quals s’expliquen totes les
nostres condicions i polítiques. Hem posat varies disposicions horitzontals per deixar espai
entre els textos (la primera té 10 pixels d’alçada, les dues següents 8, la quarta en té 25 i
l’última també en té 8). Després, trobem una casella de verificació on s’ha d’assegurar que
s’han llegit les condicions i que són acceptades.
Finalment, trobem una disposició horitzontal amb dues imatges dintre d’aquesta: el logo de
l'aplicació i el de l'empresa. A sota d’aquesta disposició, es troba el botó per tornar a l’apartat
de creació del compte.
En aquesta pantalla només calia programar l’únic botó que hi ha. Aquest no ha de funcionar si
no s’han acceptat les condicions a la casella de verificació. Per tant, vam programar-lo perquè
funcionés només si la casella està verificada, i si no és així, gràcies a un notificador, surt un
missatge d’error.
47
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Aquesta pantalla, des d’un dispositiu mòbil amb l’aplicació instal·lada, es veu així:
48
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Aquesta pantalla et sortirà després d’haver clicat el botó Crear compte (a la pantalla de
creació d’un compte).
A causa de les limitacions de l’App Inventor, i dels nostres propis coneixements, no ens ha
estat possible programar aquesta pantalla. Així que, hem posat la imatge del disseny que vam
realitzar al Balsamiq com a fons de la Screen, juntament amb un botó transparent que s’ajusta
al contenidor. Aquest botó et dirigeix a la pantalla següent.
49
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Com a la pantalla anterior, per culpa de les limitacions de l’App Inventor, no ens ha estat
possible programar aquesta pantalla. Per tant, hem posat la imatge corresponent del disseny
del Balsamiq com a fons i un botó transparent que ocupa tota la pantalla i et dirigeix al menú
(la pantalla següent).
50
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Ja tens compte?
A la pantalla que s’obre en clicar el botó Ja tens compte? Fes clic aquí trobareu, en primer
lloc, una disposició vertical transparent (perquè es vegi la imatge de fons de la Screen) que
ocupa tota la pantalla i col·loca els elements al centre. Dintre d’aquesta hi ha un altra
disposició, la qual té el color de fons blanc i les seves mesures estan al 85%, tant d’alçada
com d’amplada.
Al seu torn, dins de la disposició vertical blanca, trobem disposicions horitzontals. Dues
d’aquestes (les de dalt) contenen una etiqueta i una icona. Les etiquetes t’indiquen la
informació que has d'escriure. Com a la pantalla de creació del compte, cadascuna té un
camp de text just a sota, en el qual pots escriure la informació demanada. Pel nom d’usuari és
un camp de text i per la contrasenya, un camp de contrasenya.
A continuació, hi ha tres disposicions horitzontals, aquestes les vam afegir per poder canviar
la manera en la qual es col·locaven els components (perquè alguns havien d’anar al centre,
altres a la dreta…). La primera, conté el botó Has oblidat la teva contrasenya?, que no té color
de fons i té la lletra blava, per aparentar ser un link. La segona disposició, conté el botó
Accedir, que té la lletra en negreta i el color de fons com a gris clar. Després, l’altra conté la
imatge del logo de l'empresa (80x80 pixels). A sota de les tres disposicions, està el botó per
tornar enrere.
Hem de tenir present (perquè la programació d’aquesta pantalla funcioni) que per haver-la
obert, l’usuari ja ha creat un compte abans. Això vol dir que els arxius amb informació sobre el
nom d’usuari, la contrasenya… ja estan creats i contenen informació. Per tant, la primera
acció que s’ha de realitzar en obrir aquesta pantalla és llegir aquesta informació. En aquest
cas, només la dels arxius d’usuari i contrasenya (per poder fer-ho hem de tenir dos
components d’arxius, que no són visibles a la pantalla).
51
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Per poder entrar al teu compte correctament, el nom d’usuari i la contrasenya que s'escriuen
en aquesta pantalla han de coincidir amb els dels arxius. Perquè sigui possible comparar els
dos textos, hem de crear una variable que tingui com a valor el text obtingut de l’arxiu.
Al clicar el botó Accedir, aquest ha de comprovar si són iguals o no els textos. Si ho són
s’obre el menú, però si no ho són mitjançant un notificador (element no visible) sortirà un avís
dient quin és l’error.
Els dos botons restants per programar no necessiten comprovar res per obrir una altra
pantalla, així que, el bloc és més senzill. El botó per tornar enrere, et dirigeix a la pantalla
anterior.
52
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
El botó creat per si t’has oblidat la teva contrasenya, et porta a una altra pantalla on solucionar
aquesta situació.
53
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
54
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Oblit contrasenya
A causa de les limitacions de l’App Inventor, no ens ha estat possible programar aquesta
pantalla, ja que s’hauria d’enviar un correu automàtic a l’adreça insertada.
Com a solució per no haver pogut programar-la, vam posar el disseny que havíem realitzat de
la pantalla al Balsamiq com a fons de la Screen. A més d’un botó que et dirigeix a la següent
Screen en clicar-lo. Aquest ocupa tota la pantalla i no té cap color de fons.
55
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
A causa de les limitacions de l’App Inventor, no ens ha estat possible programar aquesta
pantalla i per solucionar-ho hem realitzat el mateix procés que a l’anterior. El botó et dirigeix a
la següent pantalla, on es pot restablir la contrasenya.
56
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Restabliment de la contrasenya
A aquesta pantalla, en teoria, només s’hi accedeix si s’ha posat el codi correcte a l’anterior.
Però com no hem pogut programar l’anterior, hem fet que s’accedeixi en tocar qualsevol punt
de la pantalla prèvia.
La Screen té com a fons la mateixa foto que la resta. Conté una disposició vertical transparent
que s’ajusta al contenidor i col·loca els elements al centre de la pantalla. Dins d’aquesta
disposició, hi ha una altra que té l’alçada al 55%, l’amplada al 80% i és de color blanc.
El primer element que conté aquesta disposició blanca, és una etiqueta amb el títol
“Restableix la teva contrasenya:” (lletra en negreta i al tamany 15). Tot seguit, hi ha una
disposició horitzontal transparent, de 10 pixels d’alçada, per separar els continguts. Després
trobem una altra disposició horitzontal, però aquesta té una etiqueta i una icona. L’etiqueta
indica que, en el camp de contrasenya que hi ha just a sota, pots restablir la teva clau.
Seguidament, tenim una altra disposició, també amb una etiqueta i amb la mateixa icona. A
més, d’un camp de contrasenya a baix per poder confirmar la clau escrita abans.
Finalment, tenim el botó Restableix col·locat a la dreta (està dins d’una disposició horitzontal
amb el fons transparent i que s’adapta al contenidor en l’amplada).
A sota de la disposició vertical blanca, hi ha un element d’imatge de 80x80 pixels amb el logo
de l'empresa.
La funció d’aquesta pantalla és, bàsicament, canviar la contrasenya. Dit amb altres paraules,
hem de reescriure la informació que hi ha a l’arxiu on s’hi guarda la contrasenya. Així que,
quan cliquem el botó Restableix, s’ha de guardar la nova contrasenya per sobre de l’antiga
(això s’aconsegueix posant el mateix nom d’arxiu), però, s’han de complir dues condicions
abans. Aquestes es deuen a que no podem guardar una contrasenya que no tingui res escrit i,
57
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
a més, els escrits dels dos camps de contrasenya han de coincidir. Per tant, quan el botó es
cliqui, es comprovarà si es compleixen aquestes característiques i, si no és cert, mitjançant un
notificador, s’avisarà del problema. Si, per l’altra banda, si que es compleixen les condicions,
gràcies a un arxiu, es guardarà la nova informació reemplaçant l’antiga. A més, es canviarà de
pantalla i s’accedirà al menú.
58
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Menú principal
A la pantalla del menú principal trobem totes les funcions que ofereix la nostra aplicació
situades dins d’una disposició vertical blanca que s’ajusta al contenidor.
A la primera, trobem els botons Registre i Perfil. Cada botó es troba dins una disposició
vertical amb les seves respectives icones a sobre (components d’imatge de 80x80 pixels).
Tots dos separats entre si per un element de disposició horitzontal, que té d’amplada 25
pixels. Al bloc inferior, seguint el mateix procés i disseny, es troben els botons Interactuar i
Sol·licituds. Així mateix, a l'últim bloc, estan els apartats Buscar i Ajuda.
Tots els botons són de color gris clar i tenen la lletra en negreta i al tamany 14.
En aquesta pantalla, el disseny és molt més important que la programació. De manera que,
els blocs de programació són ben simples, ja que només es tracta d’obrir altres pantalles.
59
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
60
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
La pantalla té com a fons la mateixa foto que la resta. El component base és una disposició
vertical transparent que ocupa tot el dispositiu.
Dins d’aquesta, primerament tenim una disposició horitzontal, amb l’etiqueta del títol de la
pantalla (fons blanc i lletra en negreta al 24) i la icona que aquest apartat tenia al menú.
Seguidament, una altra disposició vertical com la primera, però aquesta té el color de fons
blanc. El primer element que hi trobem a dins, és una disposició horitzontal amb l’etiqueta
“canvia el teu nom d’usuari:” i una icona al costat (és la mateixa que utilitzem sempre en
àmbits relacionats amb l’usuari). Just a sota, un camp de text per poder escriure aquest nou
nom d’usuari, a més d’un botó (dins d’una altra disposició horitzontal per col·locar-lo a la
dreta) per poder guardar els canvis.
Seguint el mateix procés i disseny, tenim dues etiquetes de text més, amb els seus respectius
missatges, icones i camps de contrasenya, per tal de canviar i confirmar la nova clau. Trobem,
també, un altre botó a sota per desar els canvis.
Tornem a tenir el mateix disseny, però aquesta vegada per canviar el correu que utilitzes a
l’aplicació, i a sota no trobem un camp de text, sinó un selector d’email. A més, al botó inferior,
en lloc de sortir l’opció de guardar, has de confirmar-lo.
Per acabar amb aquesta pantalla, tenim dues disposicions horitzontals més. La primera
d’aquestes, situa els elements al centre i té el logo de l'empresa (un component d’imatge de
80x80 pixels). La segona, situa els elements a l’esquerra i té el botó amb la fletxa per tornar
enrere, a la pantalla del menú.
61
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
La programació d’aquesta pantalla és molt similar a la de creació d’un compte, ja que es basa
en mirar si els escrits dels camps de text compleixen certes condicions i, després, guardar la
informació d’aquests als arxius. Per poder fer-ho, com abans, necessitem 3 components
d’arxius i un notificador.
Com la nostra intenció és canviar el contingut dels arxius, no podem introduir el mateix nom
d’usuari, per exemple, perquè això no suposaria cap canvi. Per analitzar la informació dels
arxius i comparar si els textos d’aquests són iguals als dels camps de text, necessitem
llegir-los només obrir la Screen i crear una variable amb el seu contingut.
Per programar el botó Guardar els canvis del nom d’usuari, l’escrit al camp de text no pot ser
igual al text de l’arxiu i s’ha d’escriure alguna cosa perquè tingui sentit guardar-lo. Si no és
així, gràcies a un notificador, s’avisarà del problema.
Més o menys, el mateix procediment s’utilitza pels dos altres botons, però amb algunes
petites diferències que explicarem a continuació. Perquè el botó Guardar els canvis dels
camps de contrasenya funcioni, els camps han de tenir els mateixos textos escrits, aquests
62
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
han de ser diferents a la contrasenya actual i no poden ser “res”, és a dir, ha d’haver-hi alguna
cosa escrita. Si no és així, s’avisarà com en el cas anterior.
El botó Confirma’l per poder canviar el correu està “mal programat”, no perquè no funcioni,
sinó perquè aquest en teoria ha d’enviar un correu a l’adreça escrita amb un codi de 5 xifres, i
així poder confirmar que aquest correu és teu. Però com aquest pas no el vam poder
programar, directament vam fer que es canviés el correu, això si, el botó et dirigeix a una
pantalla simulada on “has de posar el teu codi” (és la següent en l’explicació). Per poder
modificar l’adreça de correu, aquesta ha de ser diferent a la ja posada i el selector d’email no
pot ser un espai en blanc, si és així, sortirà un avís.
63
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
A part d’aquests botons, també s’ha de programar el de tornar enrere. Aquest només cal que
obri la pantalla anterior, és a dir, el menú.
64
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
65
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
A causa de les limitacions de l’App Inventor, no ens ha estat possible programar aquestes
pantalles (són consecutives). Així que, hem posat el disseny de Balsamiq com a fons de la
Screen per a cadascuna.
En temes de programació, cada pantalla té un botó sense color de fons que l’ocupa sencera.
El botó de la primera pantalla (codi canvi de correu) porta a la segona, i el d’aquesta torna al
menú.
66
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Registre
La pantalla de registre té la mateixa imatge de fons que la resta. Com a element base trobem
una disposició vertical transparent que s’ajusta al contenidor, en la qual estan tots els
components.
En primer lloc, trobem una disposició horitzontal amb l’etiqueta del títol de la pantalla “Registre
de l'usuari” (lletra 24, en negreta i amb el color de fons blanc) juntament amb la icona
corresponent.
Seguidament, hi ha una disposició vertical amb el color de fons blanc, dins de la qual hi ha
diversos elements.
Primer, està l’etiqueta que indica la informació que s’ha d’omplir al camp de text que hi ha a
sota, en aquest cas nom i cognom.
A continuació, tenim una disposició horitzontal, perquè havíem de posar dues etiquetes (una
en cursiva). Aquestes t’expliquen que has d’omplir el camp de text amb el teu mot, però que
és opcional.
Seguidament, l’etiqueta de la data de naixement. En lloc de tenir un camp de text a sota, com
a les altres opcions, hi ha un selector de data per poder posar la informació. El selector
aparenta ser un botó, és de color gris clar i arrodonit.
Després, està l’etiqueta que indica que posis el teu correu, aquest serà el que es donarà a la
resta d’usuaris i, per això, pot ser diferent al d’inici de sessió. Just a sota, trobem el selector
d’email per introduir-lo.
67
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Així doncs, seguint el mateix procés que amb l’etiqueta del naixement, trobem la de selecció
del curs i la del grup classe. Cadascuna, en lloc de tenir un camp de text a sota, té un selector
de llista per poder marcar el teu curs i grup classe actuals. El selector de llista obre una
pantalla “diferent” on podeu veure les opcions. Aquesta pantalla té el fons gris clar i la lletra de
color negre.
Finalment, trobem dues disposicions horitzontals, una dins l’altra (ambdues ajustades al
contenidor en quant amplada). Aquestes estan separats de la resta de components per una
altra disposició que té una alçada de 15 pixels. La primera disposició, conté el botó de la fletxa
per tornar enrere. En canvi, la segona disposició situa els elements a la dreta i conté el botó
Següent.
Continuem programant el botó Següent, quan aquest es clica, s’han de fer moltíssimes
accions. Principalment, s’ha de guardar tot el contingut dels camps de text, a més de la data
de naixement, el curs i grup classe seleccionats. Però aquests, com en totes les ocasions
anteriors, han de complir uns requisits. En aquest cas, l’únic requisit és que hi hagi alguna
cosa escrita, a excepció del mot, ja que aquest és opcional (però encara que el mot sigui
opcional, s’ha de guardar la informació que hi ha al seu camp de text). Si no s’han omplert tots
els espais obligatoris sortirà un avís, gràcies a un notificador.
Un cop s’hagin fet totes aquestes accions es passarà a la següent pàgina del registre.
68
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
69
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Ara, imaginem-nos que entrem al registre per canviar alguna informació que ja havíem posat.
En aquest cas, ha de sortir als camps de text el contingut registrat el primer cop. Així que, per
aconseguir que així sigui, programem que quan s’obri la pantalla, aquesta llegeixi la
informació dels arxius i la posi al camp de text corresponent. En el selector de data i els
selectors de llista, en lloc de sortir “selecciona un data” o “tria una opció”, sortirà el text de
l’última selecció feta. Per poder treballar amb el contingut dels arxius, hem de crear una
variable per a cadascun (pels selectors de llista ja les havíem creat). Al inicialitzar aquesta
pantalla, també hem de posar els elements dels selectors de llista com la variable feta al
principi.
70
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
71
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
La segona pantalla del registre té el disseny base igual que la primera (mateixa foto i
disposició vertical transparent), només canvien els components que la formen.
Primer, tenim una disposició horitzontal amb la mateixa etiqueta de títol i icona que a la
pantalla anterior.
Després, trobem una disposició vertical blanca ajustada al contenidor. Dins d’aquesta tenim
dues etiquetes que es corresponen amb “Hores lliures” i “Assignatures...”. A sota de les hores
lliures, tenim un botó que condueix a una pantalla on s’ha introduir la informació demanada.
En canvi, a l’apartat d’assignatures, separats per una disposició horitzontal de 15 pixels
d’alçada, tenim dos botons: un anomenat “que em presenten dificultats” i l’altre “que puc
ensenyar”. Cada botó d’aquests, et dirigeix a un altre subapartat del registre on seleccionar
les assignatures corresponents.
A la part inferior de la pantalla tenim, en una nova disposició horitzontal que col·loca els
elements a baix a l’esquerra, el botó representat per una fletxa per tornar enrere. A més, just
al costat d’aquest botó, hi ha una disposició horitzontal que posa els components a la dreta i
que conté el botó Guardar tota la informació.
La programació d’aquesta pantalla no és gaire complexa, només vam haver de programar les
pantalles a les quals dirigeixen els botons, ja que, degut a certes limitacions, no va ser
possible programar cap d’aquests subapartats. El botó per tornar enrere, et dirigeix a la
primera pàgina del registre; el botó de guardar, al menú i cada botó d’informació demanada a
la seva pàgina corresponent.
72
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
73
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
74
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
A causa de les limitacions de l’App Inventor, no ens ha estat possible programar aquesta sèrie
de pantalles. Per no deixar estar el problema i no fer res al respecte, hem posat com a fons de
la pantalla el disseny del Balsamiq corresponent a cadascuna, juntament amb un botó
transparent que ocupa tota la pantalla i, en aquest cas, sempre fa la mateixa acció: tornar a la
pàgina anterior (segona pantalla del registre). De manera que la programació de les tres
pantalles és la mateixa:
75
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Perfil
A causa de les limitacions de l’App Inventor, no ens ha estat possible programar aquesta
pantalla. Així que, seguint l’exemple dels casos anteriors, hem posat el disseny del Balsamiq
com a fons de pantalla i un botó sense color de fons que s’ajusta al contenidor. El botó torna
al menú, ja que aquesta Screen és un apartat d’aquest.
76
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Interactuar
Després trobem una disposició vertical, que s’ajusta al dispositiu, on hi ha dos botons:
Aprendre i Ensenyar, separats entre si per una disposició horitzontal de 20 pixels d’alçada.
Els botons tenen el fons de color gris fosc i la lletra en negreta, de color blanc i al 30 .
Per últim, a sota dels botons, trobem una altra disposició horitzontal, aquesta s’ajusta al
contenidor tant d'alçada com d’amplada. Això feia que el disseny es deformés, així que, vam
afegir-ne una altra disposició horitzontal que s’ajustés al contenidor en l’alçada, però situada a
dalt dels botons. D’aquesta manera, el disseny tornava a estar centrat. En la disposició de
sota (la qual situa els elements a baix a l’esquerra), només tenim un botó, representat per una
fletxa, per tornar a la pantalla anterior.
La programació d’aquesta pantalla es basa en posar correctament les Screens que han d’obrir
els botons en ser clicats. Pel botó de tornar enrere aquesta és el menú, pel d’aprendre i el
d’ensenyar és la corresponent per poder veure els perfils segons la categoria.
77
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Des d’un mòbil, amb BlaBlaSchool instal·lat, aquesta Screen es veu així:
78
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Aprendre i ensenyar
A causa de les limitacions de l’App Inventor, no ens ha estat possible programar aquestes
pantalles. Hem posat el disseny del Balsamiq corresponent a cadascuna com a fons de
pantalla i un botó transparent que s’adapta al contenidor, és a dir, ocupa tota la pantalla.
Si haguéssim pogut programar-les aquestes tindrien accés als perfils de cada alumne que
surt, però no ha estat així. Igualment, podeu observar un model de com seria clicant al link del
pdf amb totes les pantalles del Balsamiq Wireframes a la pàgina 37. L’únic component que
tenen ambdues pantalles és el botó transparent, i aquest realitza la mateixa acció: tornar
enrere. Així que les dues tenen la mateixa programació:
79
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Sol·licituds
Aquesta pantalla, amb la mateixa imatge que tenen les altres de fons, té una disposició
vertical transparent que ocupa tota la pantalla. Dins d’aquesta, tenim una disposició
horitzontal on hi ha una etiqueta amb el títol (fons blanc i lletra al 24 i en negreta) amb la icona
corresponent al costat.
A sota, tenim una disposició vertical, també transparent, que conté dos botons: Rebudes i
Enviades. Aquesta disposició vertical situa els elements al centre, els botons estan separats
per una disposició horitzontal de 25 pixels d’alçada. Cada botó té la lletra en negreta, de color
blanc i al 30 i, a més, el fons de color gris fosc.
Després, en afegir una disposició horitzontal que s’adaptés al contenidor (tant d’alçada com
d’amplada) a sota dels botons per posar la funció de tornar cap enrere, es deformava el
disseny. Així que, com a solució, vam posar una altra disposició horitzontal que s’adaptés
d’alçada al contenidor a sobre dels botons, de manera que, tot quedés centrat.
La disposició horitzontal on està el botó per tornar enrere situa els components a sota a
l’esquerra.
A aquesta pantalla només calia programar les altres Screens a les quals dirigeixen els botons.
El botó d’enrere va al menú, el de rebudes a la pantalla on veure aquestes sol·licituds i el
d’enviades, també, a la pantalla corresponent per veure-les.
80
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
A causa de les limitacions de l’App Inventor, no ens ha estat possible programar aquestes
pantalles. Per tant, hem posat el disseny del Balsamiq com a fons de la Screen amb un botó
transparent que ocupa tota la pantalla.
81
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Buscar
A la primera pantalla del buscador tenim una disposició vertical transparent, que s’ajusta al
contenidor, tant d’altura com d’ample. Al seu interior, hi ha un element de selector de llista,
que ofereix buscar a “alumnes” o a “professors” (persones a les que ensenyar). La pantalla
que obre aquest selector per mostrar les diferents opcions té el fons de color gris clar i la lletra
de color negre. Just a sota, hi ha un component d’imatge (150x150 pixels) amb el logo de
BlaBlaSchool. Aquests dos elements estan disposats al centre de la pantalla, perquè, la
disposició vertical que els conté, els situa així.
Per finalitzar tenim el botó, representat amb una fletxa, per poder tornar a la pantalla anterior.
Aquest està col·locat a una disposició horitzontal, situada al final de la pantalla (sota la
imatge). La disposició s’adapta al contenidor i distribueix els elements a sota a l’esquerra.
Com en els casos anteriors, per no deformar el disseny, vam afegir a dalt dels elements
principals una disposició horitzontal, que s’adaptés al contenidor en l'alçada.
En aquesta pantalla, només calia programar els elements del selector de llista, que eren 2
(alumnes o professors) i l’acció que havia de tenir lloc en haver-se seleccionat un (obrir una
pantalla, la qual canvia segons la selecció). Per poder posar aquestes dues opcions al
selector, vam haver de crear una variable que construís una llista. També vam haver de
programar el botó per tornar enrere, és a dir, per tornar al menú.
82
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
A continuació, a la dreta, teniu una captura d’aquesta pantalla feta des d’un mòbil i, a
l’esquerra, teniu com es veu la Screen un cop cliques el selector de llista:
83
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
A causa de les limitacions de l’App Inventor, no ens ha estat possible programar aquestes
pantalles. Així que, les hem simulat de la mateixa manera que amb les anteriors que no hem
pogut programar, és a dir, hem posat el fons de la Screen com el disseny de Balsamiq
corresponent i un botó transparent que ocupa tota la pantalla, per poder tornar a l’anterior.
Com l’únic botó que contenen aquestes pantalles realitza la mateixa funció, les dues tenen la
mateixa programació:
84
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Ajuda
L’element base de la pantalla d’ajuda és una disposició vertical transparent que s’adapta al
contenidor (així es pot veure la imatge de fons que tenen totes les nostres pantalles) i, a més,
situa els components al centre. Dins d’aquesta trobem una altra disposició vertical, però amb
la diferència que és blanca i les seves mesures són el 65% d’alçada i el 75% d’amplada.
A la disposició blanca trobem el contingut rellevant per l’usuari. Primer, hi ha una etiqueta amb
el missatge “Tens algun problema o dubte?”. Tot seguit, trobem un botó, sense color de fons i
amb la lletra blava, per aparentar un link. Si cliques aquest botó, se’t dirigeix a una pantalla
per poder enviar-nos un correu i així solucionar el teu problema o dubte. A més, també hi ha
un component d’imatge (100x100 pixels) amb una icona que representa la funció de la
pantalla.
A la part inferior de la Screen, trobem una disposició horitzontal transparent que s’ajusta al
contenidor i situa els elements a baix. Aquesta conté el botó per tornar enrere, representat
amb una fletxa. Com en les pantalles anteriors, vam haver d’afegir a dalt una altra disposició
horitzontal transparent, que s’adaptés a l’alçada del contenidor, perquè el disseny no
s’espatllés.
En temes de programació, només era necessari programar la pantalla que obre cada botó en
ser clicat. El botó per tornar enrere, obre la pantalla del menú i el botó per enviar el correu,
obre una pantalla on poder fer-ho.
85
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Correu d’ajuda
A causa de les limitacions de l’App Inventor, no ens ha estat possible programar aquesta
pantalla. Teoricament, des d’aquí, els usuaris ens podrien enviar un correu explicant-nos els
seus problemes o dubtes i, d’aquesta manera, nosaltres podriem solucionar-los. Hem simulat
la pantalla posant el disseny del Balsamiq com a fons de la Screen juntament amb un botó
sense color de fons que ocupa tota la pantalla i en clicar-lo t’envia a la següent.
86
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
A causa de les limitacions de l’App Inventor, no ens ha estat possible programar aquesta
pantalla. Per tant, hem posat el disseny del Balsamiq com a fons d’aquesta i, també, un botó
transparent que s’adapta al contenidor i et retorna al menú.
Per acabar, us deixem els links als arxius .aia i .apk de la nostra aplicació:
Arxiu .aia:
https://drive.google.com/file/d/1U7rktaCnsvt2_ik0wWgbzCWSli825AJ0/view?usp=sharing
Arxiu .apk:
https://drive.google.com/file/d/1WGJlZTBjCf92aUmoskgiv01kOMGOro5B/view?usp=sharing
87
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá
Conclusions i valoracions
Un cop finalitzat el projecte, gratament, podem dir que hem assolit el nostre objectiu principal:
crear una aplicació que solucioni els problemes que nosaltres, els estudiants, patim de
primera mà a l’hora d’estudiar. Per exemple: tenir-ne dificultats a alguna assignatura i no tenir
els recursos per pagar un professor particular, problemes al demanar ajuda, preocupacions
per poder relacionar-se amb els companys... La nostra app serà un bon recurs per poder
superar totes aquestes dificultats i més, amb molta facilitat.
Gràcies a la proposta de treball mSchools app education, i tot el contingut que aquesta
incloïa, hem après a organitzar-nos millor, a treballar en grup, a utilitzar noves eines
tecnològiques de disseny i programació a un nivell superior, a saber desenvolupar d’una
manera correcta una idea i a vendre un producte. A més, hem pogut viure com és el mètode
de treball d’una empresa, sent autònoms.
Estem especialment satisfetes amb els dissenys gràfics (logos, pòster, pantalles…), amb el
desenvolupament de les nostres explicacions i amb com partint d’una idea simple, hem
acabat fent una aplicació completa i complexa que creiem que serà molt útil pels estudiants.
88