Exercicis: Aplicacions senzilles per a mòbil i web

Enumera les fases per les quals passa la creació d'una aplicació, des de la idea fins que la fan servir altres persones, i explica en què consisteix cadascuna. Raona per què no convé saltar-se la fase de proves encara que el programa sembli funcionar.

Una app calcula la propina que convé deixar en un restaurant a partir de l'import del compte. Identifica quines dades introdueix l'usuari (entrada), què fa l'aplicació amb elles (procés) i què mostra al final (sortida), seguint l'esquema entrada → procés → sortida.

La figura mostra el disseny de pantalla d'una app que converteix distàncies de quilòmetres a milles, sabent que $1\ \text{milla}$ equival a $1,6\ \text{km}$.

Escriu els passos que ha de seguir l'app quan l'usuari prem el botó per mostrar el resultat, i indica què hauria de passar si l'usuari prem «Convertir» sense haver escrit cap número.

Les pantalles d'una app es construeixen amb elements bàsics: botons, etiquetes de text, quadres on escriure i imatges. Explica per a què serveix cadascun d'aquests quatre elements i posa un exemple de cadascun en una app que facis servir sovint.

Abans d'instal·lar una app de la botiga convé fixar-se en diverses dades. Explica què t'aporten les valoracions, el nombre de descàrregues, els permisos que demana i el nom del desenvolupador, i quina combinació d'aquestes dades et faria desconfiar.

Les apps s'actualitzen cada cert temps. Explica dos motius pels quals convé mantenir-les actualitzades i un risc de no fer-ho, i raona per què de vegades una actualització canvia funcions que t'agradaven.

Abans de programar convé dibuixar el prototip en paper. Descriu (o dibuixa al teu quadern) les tres pantalles d'una app «comptador de gots d'aigua»: la pantalla principal amb el comptador, el botó per sumar un got i una pantalla d'historial, indicant què fa cada botó.

Pots fer-ho en paper i enviar una foto amb la teva resposta.

Una app molt simple rep un text i el retorna escrit en majúscules. Analitza el seu esquema entrada → procés → sortida i proposa dues utilitats reals que podria tenir una app així dins d'una altra de més gran.

Descriu l'algorisme d'una app de test amb cinc preguntes: com es guarda la puntuació, què passa quan l'usuari encerta o falla, com es passa a la pregunta següent i què es mostra al final. Utilitza passos numerats amb decisions i una repetició.

Algunes apps funcionen sense connexió a internet i d'altres no poden fer res sense ella. Explica quina diferència hi ha entre els dos tipus i classifica aquestes apps raonant la teva resposta: una calculadora, uns mapes amb trànsit en directe, un test de preguntes ja descarregat i una app de missatgeria.

Una app que calcula la mitjana de les notes dona resultats absurds quan alguna casella es queda buida o quan algú escriu una nota de 42. Explica què són les dades d'entrada no vàlides, proposa dos controls que l'app hauria de fer abans de calcular i descriu les proves que faries per comprovar que ja no falla.

Les notificacions avisen de novetats, però massa notificacions fan que l'usuari desinstal·li l'app. Dissenya la política d'avisos de l'app de lectura de l'aula: quins tres avisos sí que enviaries, quins avisos no, i quines opcions de configuració deixaries a l'usuari.

Un joc recorda el teu nivell, les teves monedes i el teu rècord encara que tanquis l'app. Explica què és l'emmagatzematge local d'una app, quines dades guarda aquest joc i raona què passarà amb elles si desinstal·les l'app o canvies de mòbil sense còpia.

Algunes apps es descarreguen primer com a «versió beta» per a un grup petit d'usuaris. Explica què significa aquesta etiqueta, quins avantatges té provar així abans del llançament oficial i quines dues coses hauries d'esperar d'una beta (i no enfadar-te quan passin).

Avalua l'accessibilitat d'aquesta pantalla d'app: botons molt junts i petits, text gris clar sobre fons blanc i tota la informació només en colors (sense textos). Proposa tres millores concretes i explica a quins usuaris beneficia cadascuna.

Una app del temps funciona en part sense connexió: mostra l'última previsió descarregada, però no l'actualitza. Explica quines parts d'una app poden continuar funcionant sense internet i dissenya el missatge de «sense connexió» que veuria l'usuari: què ha de dir i quines opcions ha d'oferir.

Dissenya una app completa anomenada «Reptes de lectura» perquè la classe registri els llibres que va llegint: pantalles que tindria, dades d'entrada i sortida de cadascuna, algorisme principal i tres proves concretes que faries abans de publicar-la.

L'equip directiu de l'institut vol encarregar una app nativa a Google Play i App Store per consultar el catàleg de la biblioteca, però el centre disposa d'un pressupost de 0 € i l'alumnat utilitza dispositius molt diversos (mòbils Android, iPhone i ordinadors amb Linux). Rebat la proposta de la direcció analitzant els costos de publicació en botigues i els problemes de compatibilitat entre plataformes. A continuació, justifica per què una aplicació web (web app) és l'opció tècnicament més adequada i explica quina solució aplicaries si l'institut pateix caigudes freqüents de connexió wifi.

Una app de llanterna demana permís per accedir als contactes, a la ubicació i al micròfon. Analitza si aquests permisos són necessaris per a la seva funció, quins riscos té concedir-los sense pensar i redacta un criteri de tres preguntes per decidir quins permisos acceptar en qualsevol app.

El vostre equip ha programat una app per organitzar els tornejos esportius de l'esbarjo. Un company proposa finançar-la inserint anuncis d'una xarxa comercial i cobrant 0,99 € mitjançant compres dins de l'app per desbloquejar les estadístiques avançades. Justifica dos problemes legals o ètics que té aquest model en aplicar-se en un centre escolar amb menors d'edat. Després, dissenya un model alternatiu per sostenir i mantenir l'app sense recórrer a publicitat invasiva ni a pagaments que discriminin part de l'alumnat.

Vas a descarregar una app per calcular notes i trobes «SuperNotas». A la botiga d'apps observes les dades següents:

• Puntuació mitjana: 4,9 ★ amb 2.500 valoracions.

• Dates i text: El 90 % de les 5 ★ es van publicar en només tres dies consecutius, amb textos idèntics («Excel·lent app») i perfils sense imatge.

• Permisos exigits: Accés a l'agenda de contactes, ubicació precisa i micròfon.

Interpreta aquestes dades: explica quina pràctica fraudulenta està tenint lloc i quin objectiu persegueix. A continuació, prediu quins riscos assumeix qui la instal·li guiant-se només per la nota mitjana i redacta dues comprovacions obligatòries que sempre s'han de fer abans d'instal·lar una app desconeguda.

L'«onboarding» són les pantalles que ensenyen l'app la primera vegada que s'obre. Dissenya l'onboarding de tres pantalles per a l'app del menjador escolar: què mostra cada pantalla, què aprèn l'usuari en cadascuna i per què hi ha d'haver un botó de «saltar».

En una sortida de senderisme de 8 hores, l'app que heu programat per registrar la ruta esgota completament la bateria dels telèfons en tot just 2,5 hores. En revisar el codi i la configuració, detecteu tres factors:

1) El sensor GPS consulta les coordenades cada 0,5 segons.

2) La pantalla roman encesa amb la brillantor al 100 % mostrant el mapa.

3) L'app descarrega els mapes via 4G en temps real en comptes de desar-los a la memòria.

Justifica tècnicament l'impacte de cada factor en el consum energètic i proposa una modificació concreta per a cadascun que permeti completar la ruta de 8 hores sense esgotar la bateria.

Aplicant la idea de «privadesa des del disseny», defineix quines dades mínimes demanaria de debò una app de tasques de l'aula per funcionar, quines dades NO demanaria encara que «poguessin ser útils» i com explicaries aquestes decisions als usuaris a la fitxa de la botiga.

Repte del tema. La teva missió és crear un prototip d'aplicació interactiva que recomani als teus veïns com vestir-se i si necessiten paraigua segons el pronòstic meteorològic oficial.

1. Presa de dades reals: Consulta al web d'AEMET la previsió per a demà al teu municipi i anota en una taula la temperatura màxima ($T_{\text{màx}}$ en ºC) i la probabilitat de precipitació ($P$ en %).

2. Pensament computacional: Dissenya un diagrama de flux amb condicionals lògics (per exemple, si $T_{\text{màx}} < 16,5\text{ ºC}$ o si $P \ge 50\,\%$) per determinar quins consells mostrar.

3. Programació per blocs: Implementa el teu prototip a Scratch o App Inventor. L'aplicació ha de demanar ambdós valors numèrics i mostrar un missatge gràfic adequat segons les condicions avaluades.

4. Informe final: Elabora un informe breu (una pàgina) amb la captura del diagrama, la taula amb les dades reals d'AEMET, l'enllaç públic al teu programa i una prova de funcionament.

Es valorarà:

• Correcció lògica del diagrama de flux i ús adequat de condicionals.

• Funcionament interactiu i sense errors del codi per blocs amb les dades introduïdes.

• Disseny intuïtiu i clar de la interfície d'usuari.

• Qualitat de l'informe breu i justificació de les decisions preses.