Download as pdf or txt
Download as pdf or txt
You are on page 1of 89

PalmSchool

Laia Arias Mateo


Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Índex
Presentació del projecte 2

Problema que volem resoldre 4


Qui pateix el problema? 4
Quan es pateix el problema? 5
On es pateix el problema? 5
Per què es pateix el problema? 6

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

Funcionalitat de l’aplicació i prototip 13


Pantalles de la nostra aplicació 26

Estat actual de desenvolupament 38

Conclusions i valoracions 88

1
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Presentació del projecte


Avui dia, els estudiants tenen molta pressió per obtenir bons resultats acadèmics. A més, els
joves es troben en una etapa de canvi, on han de començar a decidir sobre el seu futur i la
gran majoria no es veuen preparats per prendre aquestes decisions tan importants. Tots tenen
dificultats amb alguna assignatura i necessiten ajuda, però, a la vegada, dominen també una
altra.

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á

El projecte s’enfocarà en l’ODS (Objectiu de


Desenvolupament Sostenible) d’educació de
qualitat de l’ONU.

Vam triar aquest perquè després de l’època


de pandèmia ens vam adonar de lo
necessària que és una bona educació. És
l’objectiu que millor s’adapta al problema
que volem millorar (l'aprenentatge i
l'educació dels estudiants d’avui dia).

El logo de la nostra aplicació, BlaBlaSchool,


es basa en un disseny senzill, però cridaner,
que creiem que pot atreure i representar als
alumnes que descarreguin l’app.

El color blau és un dels colors principals


perquè transmet estabilitat i compromís. En
canvi, la simbologia del taronja clar és la
sociabilitat i la simpatia.

Aquests són els valors i característiques que


representen i descriuen BlaBlaSchool.

Mitjançant aquest codi QR es pot accedir a


la nostra pàgina web on es pot trobar més
informació sobre nosaltres i una opció per
descarregar l’aplicació.

3
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Problema que volem resoldre


Els estudiants d’avui dia pateixen moltes dificultats entorn els seus estudis i aquestes
comporten que no puguin aprovar algunes assignatures. Tanmateix, els temps de pandèmia
que estem vivint, fan més difícil socialitzar i establir relacions amb els companys.

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:

Qui pateix el problema?


Ho pateixen els alumnes que suspenen o els que, a algunes assignatures, tenen dificultats i
necessiten ajuda.

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.

Quan es pateix el problema?


El problema es produeix a les classes, quan els alumnes es bloquegen enmig d’aquestes
perquè s’angoixen al no entendre res. Aquest fet, té lloc sobretot durant les setmanes
d’exàmens, quan els estudiants tenen moltes assignatures per preparar i no disposen del
temps suficient per estudiar-ho tot i es senten com si no tinguessin uns coneixements previs
dels temes. En conseqüència, molts alumnes pateixen atacs d’ansietat mentre realitzen un
examen per no saber respondre les preguntes.

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

Per què es pateix el problema?


El problema es pateix per diferents motius. Un dels principals és per vergonya, ja que els
estudiants no volen quedar malament per no entendre el que s'està explicant i no pregunten ni
diuen que no ho han entès per por a ser exclosos del grup. A més, hi ha estudiants que tenen
por a preguntar per com reaccionaran els professors.

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.

A través del desenvolupament de la companyonia els estudiants es podrien ajudar


motivant-se mútuament, superant la por a preguntar, organitzant-se millor el temps, resolent
els dubtes entre ells… Tot dedicant el temps necessari i de la millor manera possible.

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.

El nostre equip està format per:

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.

Aquí trobeu el logo de la nostra empresa, PalmSchool. Vam


dissenyar-ho així perquè voliem que sigués adient i adequat pel
nostre projecte. El nostre logo té un disseny juvenil i divertit, a
l’estar enfocat als estudiants, i alhora representa el nostre
objectiu d’impulsar i millorar les qualificacions d’aquests.
Finalment, per tal de remarcar el nostre objectiu, vam escriure el
nostre eslògan a sota del logo “Aprèn i relaciona’t fent un clic”.

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.

● Facilitar la comunicació entre companys a l’hora d’estudiar: mitjançant l’aplicació


podran trobar fàcilment a altres alumnes que estiguin disposats a ensenyar-lis i a la
inversa. Mitjançant el nostre disseny senzill i aclaridor en pocs minuts podran trobar
els perfils adient a cada estudiant.

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

● Personalitzable per a les escoles: els centres educatius, centres d’activitats


extraescolars i editorials tindran la possibilitat de comprar l’aplicació per després
distribuir-la entre els alumnes/clients. Aquesta es podrà personalitzar per tal que sigui
més adient a les necessitats dels clients i/o estudiants.

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

● Editorials de llibres: juntament amb els llibres, es tindrà l’opció de descarregar


l’aplicació especialitzada en els temes que tracti el llibre educatiu.

● 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á

Relació amb els clients


● Possibilitat de customitzar per a cada centre escolar i d’activitats extraescolars:
disposarem d’una relació més personal customitzant el nostre producte, per exemple,
canviant elements del disseny i els oferiments de l’aplicació segons ho trobin adient els
clients.

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

● Centres educatius: cada institució distribuirà l’aplicació personalitzada al seu alumnat.


La distribució es realitzarà de la manera que el centre cregui convenient, ja sigui
gratuïtament o a canvi de diners.

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

● Venda de dades a empreses d’enquestes: un altre mitjà d’ingressos serà la venda de


les dades dels usuaris a empreses d'enquestes per a les quals els hi siguin útils. Per
exemple, si una empresa vol saber quants alumnes de 4t d’ESO trien Física i Química
com a optativa, nosaltres s’ho podem dir fàcilment gràcies a la nostra base de dades i,
ho farem, a canvi de diners.

12
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Funcionalitat de l’aplicació i prototip


Mapa general

Link al pdf del mapa general de funcionalitats de la nostra app:


https://drive.google.com/file/d/1URn25RrUXNCGesc8UptRAzvdlQNqc5ol/view?usp=sharing

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 cas afirmatiu, és a dir, si ja tens un compte, et demanarà el nom d’usuari i la teva


contrasenya (que ja hauràs creat prèviament el dia que vas iniciar sessió per primer cop). Si
per algun motiu no te'n recordes de la teva contrasenya i falles en posar-la, t’apareixerà un
botó que dirà el següent:

Has oblidat la teva contrasenya?

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:

Informació del compte

Si cliques aquest botó hi apareixeran diferents opcions (a una altra pantalla):

- 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 la contrasenya: en aquesta opció hauràs d’escriure la nova contrasenya, dues


vegades també, el segon cop és per verificar-la. Quan estigui tot enllestit hauràs de
clicar l’opció de guardar.

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

Hauràs d’omplir uns quants camps de text, on se’t demarà el següent:

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

2. Edat: se’t demanarà la teva data de naixement, d’aquesta manera es calcularà


automàticament la teva edat i no caldrà que l’actualitzis després del teu aniversari.

3. Correu de l’escola: sortirà predeterminada l’adreça de correu electrònic del teu


compte, però també hi haurà un avís per introduir la de l’escola (per si de cas, per
qualsevol motiu, aquesta no és l’escolar). Posar una altra adreça aquí no implica
canviar la del teu compte, això es fa a l’apartat de Informació del compte.

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.

7. Assignatures: a aquest apartat hi hauran tres parts.

La primera serà la d’assignatures que et presenten dificultats. Hauràs de triar les


assignatures amb les quals necessites ajuda d’una llista, que serà diferent segons el
curs que hagis escollit. A aquesta hi sortiran les matèries obligatòries i totes les
optatives corresponents al teu curs. Podràs no escollir cap, ja que pots registrar-te a
l’aplicació només per ensenyar a la resta.

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á

Aquesta informació l’hauràs de posar al Registre de l’usuari, aquí només és una


etiqueta.

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

Interacció amb altres usuaris

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.

A la vista general et sortiran els corresponents perfils amb la foto, el nom de la


persona, el seu curs i grup classe i la matèria, o matèries, que et pot ensenyar. Si
t’interessa saber més informació de l’alumne, pots entrar al seu perfil polsant a sobre
seu de manera que a una altra pestanya s’obri el perfil complet de l’usuari. En aquest
perfil complet, ens tornarà a sortir la foto, però a una mida més gran, el nom i el curs i
grup classe. A més a més, podràs veure la breu descripció de l’alumne, les seves
hores de disponibilitat i, amb més detall, totes les assignatures que l’interessa
ensenyar o aprendre.

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.

1.1. Acceptar: si estàs interessat o interessada i vols posar-te en contacte amb


aquell alumne, hauràs de clicar a aquest botó. Un cop hagis acceptat la
sol·licitud, l'altre usuari rebrà una notificació dient-li que li has acceptat. A més,
després d’acceptar una sol·licitud, has d’enviar la teva adreça de correu
electrònic escolar (la que has posat al registrar-te) a l’usuari a qui acabes
d’acceptar, per tal que es pugui posar en contacte amb tu. Per tant, has de tenir
en compte que tots els usuaris a qui acceptis la sol·licitud disposaran del teu
correu. Aquest és el motiu pel qual recomanem utilitzar l’adreça de correu que
assignen a cada alumne des dels centres educatius: per tenir més intimitat i no
donar el teu correu personal.

1.2. Rebutjar: si l’usuari no et convenç o no t'interessa, pots clicar el corresponent


botó i, d’aquesta manera, l’altre usuari estarà informat de la teva decisió i no
rebrà el teu correu electrònic.

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.

L’apartat d’enviades guarda tota aquesta informació, a la qual podràs accedir


mitjançant dos botons. El primer botó accedeix a les sol·licituds acceptades, es basa
en una pantalla on apareixen els usuaris juntament amb els seus correus. En canvi el
segon botó serveix per visualitzar aquelles sol·licituds que encara estan pendents de
ser acceptades o rebutjades. Directament, des d’aquella pantalla, pots accedir als
perfils dels usuaris i, si canvies d’idea, eliminar la sol·licitud.

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á

Interacció amb altres usuaris

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á

Pantalles de la nostra aplicació

Pantalla inicial

Per començar, a la primera pantalla que veurem en obrir


l'aplicació, hi sortirà el logo d'aquesta i tres opcions: “Crear
compte”, iniciar sessió i “Qui som?”.

Qui som?

Aquesta opció et portarà a una altra pantalla on


t'explicarem una mica de la nostra empresa i aplicació.
Després d'haver après més sobre nosaltres, hauràs de
tornar enrere (mitjançant el botó Fes clic per formar part!)
per accedir de nou a la pantalla principal i registrar-te o
iniciar sessió.

26
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Crear compte

Està dedicat als usuaris que són nous a l'aplicació. Si


aquest és el teu cas, hauràs d'escollir aquesta opció que et
dirigirà a la pantalla de creació d’un compte. Per tal de
crear-te un, hauràs d'omplir certa informació. Primer hauràs
d’escollir el teu nom d'usuari, la teva contrasenya i,
seuidament, confirmar-la. Per últim, has d’escriure el correu
amb el que voldràs accedir a l'aplicació (nosaltres
recomanem que sigui el de l'escola). A més, hauràs de
confirmar que hi estàs d’acord amb les condicions i la
política de privacitat, clicant un botó, que obre una altra
pantalla, podràs llegir-les. Pots acceptar les condicions i la
política de privacitat tant a la pantalla de creació del
compte com a la que les explica detalladament. Després
d’acceptar-les podràs acabar de crear el teu compte.

Tot seguit, per confirmar el teu correu electrònic, rebràs un


mail amb un codi de 5 xifres que hauràs d’introduir a la
pantalla que et sortirà.

Iniciar sessió

Aquest apartat està dirigit pels usuaris que han utilitzat


anteriorment l’aplicació i, per tant, ja tenen un compte. En
aquest cas, l'únic que hauràs de fer serà introduir el teu
nom d'usuari o correu i la teva contrasenya.

Si no te'n recordes de la contrasenya, pots clicar a l'opció


“Has oblidat la teva contrasenya?”. Aquesta, et portarà a
una altra pantalla on, després de posar el teu correu,
t'enviaran un mail amb un codi de 5 xifres que hauràs
d'introduir a l’aplicació. Si el codi introduït és correcte,
podràs restablir la teva contrasenya, és a dir, escriure una
de nova i confirmar-la.

27
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Menú principal

Després d'iniciar sessió, el menú serà la pantalla que


s’obrirà. Des d’aquesta podràs accedir a totes les opcions
que ofereix la nostra aplicació.

Informació del compte

Aquesta opció et permetrà canviar les teves dades


relacionades amb l’inici de sessió: el nom d’usuari, la
contrasenya i el correu.

Per guardar els canvis només has de clicar el botó Guardar


els canvis. A més, per poder canviar el correu, hauràs de
tornar a confirmar-ho mitjançant un codi.

28
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Registre

El registre està format per dues pantalles i s’ha d’omplir


amb informació personal. A la primera, has d’introduir el
teu nom i cognom, mot (que és opcional), data de
naixement, correu escolar pel registre (aquest és el que
es donarà a la resta d’usuaris i pot ser diferent al d’inici
de sessió) i el teu curs i grup classe.

Pots accedir a la pròxima pantalla de registre mitjançant


el botó Següent. En aquesta has de seleccionar les teves
hores lliures i les assignatures que vols aprendre així
com amb les que vols ajudar.

Per introduir les teves hores disponibles, hauràs de clicar


al botó corresponent de la segona pantalla del registre.
Aquest et portarà a una altra pantalla, on podràs omplir
els rangs d’hores lliures que tens per cada dia de la
setmana. Si un dia no pots a cap hora, podràs
seleccionar la casella de “no disponible”.

En el cas que un dia puguis en diferents rangs de temps,


per exemple de 10 a 11 h del matí i de 17 a 19 h de la
tarda, podràs afegir-ho mitjançant l’opció “afegir rang”.

Un cop tinguis aquesta informació completa, hauràs de


clicar el botó Guardar i, automàticament, tornaràs a la
pantalla anterior.

29
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

A la configuració de les assignatures trobaràs dues


opcions: “les assignatures que em presenten dificultats” i
“les assignatures que puc ensenyar”. Clicant a qualsevol
d’aquestes dues, sortirà una pantalla on seleccionar les
assignatures que trobis adients per la categoria. Si no vols
seleccionar cap, podràs clicar al botó CAP.

Per desar la informació, hauràs de clicar Guardar. A més, a


l’apartat “les assignatures que puc ensenyar” podràs decidir
si vols ensenyar també a cursos anteriors. Per eliminar els
canvis sempre podràs tornar enrere. És el mateix
procediment per les assignatures a ensenyar i a aprendre.

Després d’omplir les hores lliures i les assignatures al


segon apartat del registre, hauràs de clicar el botó Guardar
tots els canvis per desar tota la informació. Seguidament
tornaràs al menú principal.

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

Quan entris a aquesta opció, t’apareixerà una pantalla amb


dues opcions en forma de botons: “ensenyar” i “aprendre”.

A l’apartat d'ensenyar et sortiran els diferents alumnes que


volen aprendre les assignatures que tu pots i estàs
interessat/da a ensenyar. Els perfils estaran ordenats
segons siguin més adients a tu. En aquesta vista general
dels usuaris només podràs veure el nom, el curs i grup
classe i les assignatures que volen aprendre corresponents
amb les que tu pots ensenyar-los.

Per veure tota la informació de l'usuari, hauràs de clicar a


sobre d’aquest i així et sortirà el seu perfil sencer. Als
perfils de la resta d’usuaris, apareix la mateixa informació
que al teu. És a dir, el nom d’usuari, el seu nom i cognom,
el mot, una breu descripció, la foto de perfil, els curs i grup
classe, les hores lliures i, finalment, les assignatures que
vol ensenyar o aprendre. Si t’interessa ensenyar a l’usuari,
al final del perfil, trobaràs un botó per enviar-li una
sol·licitud.

31
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

A l’apartat d’aprendre es seguirà exactament el mateix


procediment que al d’ensenyar.

L’única diferència entre els dos apartats serà la sol·licitud


que rebi l’altre usuari. Gràcies a aquesta en podrà saber si
et vols posar en contacte amb ell/a per aprendre o
ensenyar.

Sol·licituds

Dins la secció de sol·licituds, a la primera pantalla, et


sortiran dues opcions: “les sol·licituds enviades” i “les
sol·licituds rebudes”.

A les sol·licituds rebudes trobaràs una pantalla amb tots els


usuaris que volen posar-se en contacte amb tu. Des
d’aquesta pantalla general només et sortirà el nom i el curs
dels usuaris. A més, aquests, estaran ordenats segons la
data a la qual van ser enviades les seves sol·licituds, de
més recent a menys.

32
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Clicant a sobre d’un usuari podràs veure el perfil complet


de l’alumne. Al final del perfil trobaràs dos botons per tal
d’acceptar o rebutjar la sol·licitud.

Si decideixes acceptar la sol·licitud, se’t dirigirà a una


pantalla, en la qual hauràs de donar consentiment per
compartir la teva adreça de correu electrònic amb l’usuari
al qual li acabes d’acceptar la sol·licitud. Tot seguit
s’enviarà un correu des de l’aplicació a l’altre alumne
informant-lo que et vols posar en contacte amb ell/a i
oferint-li la teva adreça electrònica per tal de fer-ho.

33
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Per l’altra banda, a l’entrar a l’opció de les sol·licituds


enviades, et sortirà una pantalla amb dos botons:
“sol·licituds acceptades” i “sol·licituds en espera”.

A les sol·licituds acceptades, trobaràs una pantalla amb la


teva safata d’entrada de correu. On sortiran tots els
missatges que l'aplicació t’ha enviat per oferir-te el correu
electrònic d’un altre usuari i perquè així et puguis posar en
contacte amb ell/a.

34
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

A les sol·licituds en espera, hi haurà una pantalla amb tots


els usuaris als quals lis has enviat sol·licituds però encara
no han donat cap resposta. A més, podràs veure la data a
la qual vas enviar la sol·licitud.

Clicant a un alumne en concret, podràs entrar al seu perfil.


Si decideixes que ja no necessites ajuda per part d’aquest
alumne o que ja no t’interessa ajudar-lo, podràs eliminar la
sol·licitud clicant a un botó situat al final del perfil.

35
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Buscar

Des d'aquesta opció del menú, podràs buscar a un usuari


en concret. A la primera pantalla del buscador, hauràs de
seleccionar si vols buscar a una persona determinada que
et faci de professor/a o a la que puguis ensenyar (que et
faci d’alumne). Quan seleccionis una de les dues opcions,
s’obrirà una altra pantalla on podràs buscar, mitjançant el
nom d’usuari, un estudiant específic.

A més, tindràs l’opció de seleccionar el curs de l’usuari que


estàs buscant per fer la recerca més senzilla.

Per últim, quan trobis l’estudiant que buscaves, clicant a


sobre del seu usuari, et sortirà el seu perfil, des d’on
podràs enviar-li una sol·licitud.

Ajuda

Si tens qualsevol dubte o problema sobre l’aplicació o la


nostra empresa et podràs posar en contacte amb nosaltres
mitjançant aquesta opció del menú.

Se’t dirigirà a una pantalla des d’on podràs escriure’ns i


enviar-nos un correu al nostre compte. Un cop s’hagi
enviat, et sortirà un missatge de confirmació. Respondrem
als dubtes el més ràpid possible.

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á

Estat actual de desenvolupament


En aquest apartat, trobareu explicacions de la programació de la nostra aplicació i dels
dissenys de les pantalles que hem realitzat mitjançant l’App Inventor. Les pantalles han estat
fetes a partir dels dissenys previs realitzats amb Balsamiq Wireframes. A l’apartat
“Funcionalitat de l’aplicació i prototip”, a la pàgina anterior (pàg. 37), trobareu un enllaç pel
qual podeu accedir al PDF on estan totes les pantalles dissenyades.

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

Després trobem tres botons:

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

L’element principal és un “VerticalScrollArrangement” sense color de fons i que ocupa tota la


pantalla. Dins d’aquest trobem una disposició horitzontal, en la qual hi ha una etiqueta amb el
títol “Creació d’un compte” (en negreta i amb el tamany de lletra al 24) i una imatge
representativa de 25x25 pixels, és a dir, una icona (en aquest cas, d’un usuari).

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.

D’entrada, hi ha quatre disposicions horitzontals més, totes transparents. Cadascuna


d’aquestes, conté una etiqueta indicant la informació que s’ha d'omplir (lletra a 14) i una icona
corresponent al costat (element d’imatge 15x15 pixels). Tot seguit, situat sota de cada
disposició horitzontal, hi ha un camp de text (dient-lo de manera general) per posar la
informació demanada. El tipus de camp de text varia segons el que es sol·liciti: pel nom
d’usuari és un camp de text, per escriure i verificar la contrasenya és un camp de contrasenya
i pel correu és un selector d’email. Al camp de text de l’usuari hi ha una pista de text, és a dir,
si no has escrit res et surt un missatge i, aquest és: “No pot estar repetit!”. El selector d’email
també té una pista: “@”. En canvi, els camps de contrasenya no en tenen cap.

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.

En conjunt, tots els blocs de la programació són aquests:

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á

Condicions i política de privacitat

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á

Codi enviat al correu per confirmar-lo

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á

Confirmació de la creació del compte

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

En conjunt, aquests són tots el blocs de programació per aquesta pantalla:

53
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

La pantalla des d’un mòbil es veu així:

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á

Codi correu per recuperar contrasenya

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 part superior, a la dreta, en una disposició horitzontal que s’ajusta d’amplada al


contenidor, trobem una icona i el botó Informació del compte. A sota, ocupant la resta de
pantalla, hi ha tres disposicions horitzontals més (però aquestes col·loquen els elements al
centre) amb la resta d’opcions.

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á

Un cop instal·lada l’aplicació a un dispositiu mòbil, aquesta pantalla té el disseny següent:

60
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Informació del compte

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

Tota la programació d’aquesta pantalla, en conjunt, és així:

64
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Aquesta pantalla, un cop instal·lada l’aplicació, llueix així:

65
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Codi pel canvi de correu i confirmació del canvi de correu

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.

En temes de programació, aquesta pantalla és la més complexa.

Primerament, s’havien de programar els components perquè el funcionament sigués correcte.


Per tant, havíem de dissenyar el llistat de cursos i de grups classe a escollir, però, ho
programarem totalment més endavant, i explicarem els motius d’això.

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.

Emmagatzemarem el contingut mitjançant arxius nous, és a dir, no reemplaçarem el contingut


de cap dels anteriors (incluint el del correu, perquè aquest pot ser diferent al registre).

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á

També programem el botó per tornar enrere (torna al menú).

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á

Tota la programació d’aquesta pantalla, en conjunt, és així:

71
PalmSchool
Laia Arias Mateo
Martina Bauchwitz Emmel Maldonado
Paula Iglesias Diaz
Alba Pradell Vilachá

Segona pantalla del registre

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á

Hores lliures, assignatures a aprendre i assignatures a ensenyar

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

La pantalla d’interactuar té la característica imatge de fons de les nostres Screens. El seu


component principal és una disposició vertical transparent que s’adapta al contenidor i
col·loca els elements al centre. Dintre d’aquesta trobem la resta de components que formen la
pantalla.

El primer és una disposició horitzontal, on hi ha una etiqueta amb el títol de l’apartat:


“Interactuar” (color de fons blanc i lletra en negreta al 24) juntament amb la seva icona
corresponent.

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á

Sol·licituds rebudes i sol·licituds enviades

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.

En ambdós casos, el botó et dirigeix a la mateixa pantalla (l’anterior, és a dir, la d’interactuar),


encara que al Balsamiq Wireframes vam dissenyar la continuació de pantalles si aquestes
fossin possibles de programar (teniu el link per accedir a la pàgina 37). Com el botó realitza la
mateixa funció en les dues pantalles, la programació és la mateixa:

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á

Buscar alumnes i buscar professors

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á

Confirmació de l’enviament del correu d’ajuda

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.

Si contessim amb financiació suficient, ens plantejariem seriosament la possibilitat de


desenvolupar la nostra aplicació completament i d’aquesta manera poder ajudar als futurs
estudiants de la nostra i les pròximes generacions.

88

You might also like