Torna alla pagina inizialeTecnologia · 3ª media · Cambia materia
Inizia gratis
3ª media · Tecnologia
La creazione di contenuti digitali · Creazione e programmazione semplice

Semplici applicazioni per cellulare e web

Dietro ogni app che usi c'è stata prima un'idea, poi un algoritmo su carta, poi il programma e infine tanti test prima della pubblicazione. Immagina che la tua classe voglia un'app per gli orari dell'autobus: da dove si comincia? E come si fa a essere sicuri che non si blocchi il giorno in cui qualcuno scrive qualcosa di inatteso? In questa pagina metti insieme ciò che sai su algoritmi e programmazione a blocchi per costruire una semplice app per cellulare o web.

Dall'idea all'app pubblicata

Le sei fasi di creazione di un'app, ciascuna con un'icona: lampadina (idea), schermate di prototipo (progetto), diagramma di flusso (algoritmo), finestra di codice (programmazione), cellulare con dato strano e lente (test), nuvola con freccia verso l'alto (pubblicazione). #@9 1 · Idea 2 · Progetto 3 · Algoritmo 4 · Programma 5 · Test 6 · Pubblicazione

Ogni fase risponde a una domanda: che bisogno risolve l'app? (idea), che aspetto ha? (progetto), quali passi segue? (algoritmo), come lo scrivo? (programma), funziona anche nei casi strani? (test), come la raggiungono gli utenti? (pubblicazione).

Esercitati★☆☆Da iniziare
Elenca le fasi attraverso cui passa la creazione di un'applicazione, dall'idea fino a quando la usano altre persone, e spiega in che cosa consiste ciascuna. Ragiona sul…

Elenca le fasi attraverso cui passa la creazione di un'applicazione, dall'idea fino a quando la usano altre persone, e spiega in che cosa consiste ciascuna. Ragiona sul perché non conviene saltare la fase di test anche se il programma sembra funzionare.

Risolvi
Esercitati★☆☆Da iniziare
Prima di programmare conviene disegnare il prototipo su carta. Descrivi (o disegna sul quaderno) le tre schermate di un'app «contatore di bicchieri d'acqua»: la…

Prima di programmare conviene disegnare il prototipo su carta. Descrivi (o disegna sul quaderno) le tre schermate di un'app «contatore di bicchieri d'acqua»: la schermata principale con il contatore, il pulsante per aggiungere un bicchiere e una schermata di cronologia, indicando che cosa fa ciascun pulsante.

Puoi farlo su carta e inviare una foto con la tua risposta.

Risolvi

Input, elaborazione e output

Schema di un'app: l'input dell'utente, l'elaborazione dell'algoritmo e l'output del risultato, nell'esempio di un convertitore da chilometri a miglia. Convertitore km → miglia 10 km Converti 6,25 miglia input: 10 km elab.: 10 : 1,6 output: 6,25 miglia
Esercitati★☆☆Da iniziare
Un'app calcola la mancia che conviene lasciare in un ristorante a partire dall'importo del conto. Individua quali dati inserisce l'utente (input), che cosa fa…

Un'app calcola la mancia che conviene lasciare in un ristorante a partire dall'importo del conto. Individua quali dati inserisce l'utente (input), che cosa fa l'applicazione con essi (elaborazione) e che cosa mostra alla fine (output), seguendo lo schema input → elaborazione → output.

Risolvi
Esercitati★☆☆Da iniziare
La figura mostra il progetto della schermata di un'app che converte distanze da chilometri a miglia, sapendo che $1\ \text{miglio}$ equivale a $1,6\ \text{km}$. Scrivi i…

La figura mostra il progetto della schermata di un'app che converte distanze da chilometri a miglia, sapendo che $1\ \text{miglio}$ equivale a $1,6\ \text{km}$.

Convertitore km → miglia chilometri Converti miglia: ?

Scrivi i passi che l'app deve seguire quando l'utente preme il pulsante per mostrare il risultato e indica che cosa dovrebbe accadere se l'utente preme «Converti» senza aver scritto alcun numero.

Risolvi
Esercitati★☆☆Da iniziare
Un'app molto semplice riceve un testo e lo restituisce scritto in maiuscolo. Analizza il suo schema input → elaborazione → output e proponi due utilità reali che un'app…

Un'app molto semplice riceve un testo e lo restituisce scritto in maiuscolo. Analizza il suo schema input → elaborazione → output e proponi due utilità reali che un'app di questo tipo potrebbe avere all'interno di un'altra più grande.

Risolvi
Esercitati★★☆Da iniziare
Descrivi l'algoritmo di un'app di quiz con cinque domande: come si conserva il punteggio, che cosa accade quando l'utente risponde correttamente o sbaglia, come si passa…

Descrivi l'algoritmo di un'app di quiz con cinque domande: come si conserva il punteggio, che cosa accade quando l'utente risponde correttamente o sbaglia, come si passa alla domanda successiva e che cosa viene mostrato alla fine. Usa passi numerati con decisioni e una ripetizione.

Risolvi
Esercitati★★☆Da iniziare
Un'app che calcola la media dei voti dà risultati assurdi quando qualche casella resta vuota o quando qualcuno scrive un voto di 42. Spiega che cosa sono i dati di input…

Un'app che calcola la media dei voti dà risultati assurdi quando qualche casella resta vuota o quando qualcuno scrive un voto di 42. Spiega che cosa sono i dati di input non validi, proponi due controlli che l'app dovrebbe fare prima di calcolare e descrivi i test che faresti per verificare che non fallisca più.

Risolvi

Schermate, elementi e prototipi

Prototipo su carta dell'app contatore di bicchieri d'acqua: schermata principale con un'etichetta e due pulsanti, e schermata della cronologia a cui porta il pulsante Cronologia. Bicchieri oggi 3 +1 bicchiere Cronologia Cronologia lunedì: 6martedì: 8mercoledì: 7

Prima di pubblicare un'app, testala con dati non validi: casella vuota, numero fuori intervallo (per esempio un voto di 42), lettere al posto dei numeri, permesso negato, assenza di connessione. Per ciascun test scrivi che cosa ti aspetti e controlla che l'app risponda con un avviso, senza bloccarsi.

Un'app non è fatta solo di schermate che funzionano: deve anche essere usabile. Controlla sempre che i pulsanti siano abbastanza grandi e distanziati, che il testo abbia un buon contrasto con lo sfondo e che le informazioni non siano affidate solo al colore. Così l'app è accessibile anche a chi vede poco, ha le dita grandi o non distingue alcuni colori. Le notifiche vanno dosate: poche e utili, con la possibilità di configurarle, altrimenti l'utente disinstalla l'app. Un'app può anche avere una breve guida iniziale di poche schermate (onboarding), sempre con un pulsante «salta».

Quando scegli l'app da installare, guarda anche gli aggiornamenti: correggono errori e falle di sicurezza e aggiungono funzioni, anche se a volte cambiano qualcosa che ti piaceva.

Esercitati★☆☆Da iniziare
Le schermate di un'app si costruiscono con elementi di base: pulsanti, etichette di testo, caselle in cui scrivere e immagini. Spiega a che cosa serve ciascuno di questi…

Le schermate di un'app si costruiscono con elementi di base: pulsanti, etichette di testo, caselle in cui scrivere e immagini. Spiega a che cosa serve ciascuno di questi quattro elementi e fai un esempio di ciascuno in un'app che usi spesso.

Risolvi
Esercitati★☆☆Da iniziare
Le app vengono aggiornate ogni tanto. Spiega due motivi per cui conviene tenerle aggiornate e un rischio nel non farlo, e ragiona sul perché a volte un aggiornamento…

Le app vengono aggiornate ogni tanto. Spiega due motivi per cui conviene tenerle aggiornate e un rischio nel non farlo, e ragiona sul perché a volte un aggiornamento cambia funzioni che ti piacevano.

Risolvi
Esercitati★★☆Da iniziare
Le notifiche avvisano delle novità, ma troppe notifiche fanno sì che l'utente disinstalli l'app. Progetta la politica degli avvisi dell'app di lettura della classe:…

Le notifiche avvisano delle novità, ma troppe notifiche fanno sì che l'utente disinstalli l'app. Progetta la politica degli avvisi dell'app di lettura della classe: quali tre avvisi invieresti, quali no e quali opzioni di configurazione lasceresti all'utente.

Risolvi
Esercitati★★☆Da iniziare
Valuta l'accessibilità di questa schermata di un'app: pulsanti molto vicini e piccoli, testo grigio chiaro su sfondo bianco e tutte le informazioni solo con i colori…

Valuta l'accessibilità di questa schermata di un'app: pulsanti molto vicini e piccoli, testo grigio chiaro su sfondo bianco e tutte le informazioni solo con i colori (senza testi). Proponi tre miglioramenti concreti e spiega a quali utenti giova ciascuno.

Risolvi
Esercitati★★★Da iniziare
L'«onboarding» è l'insieme delle schermate che mostrano come funziona l'app la prima volta che la si apre. Progetta l'onboarding di tre schermate per l'app della mensa…

L'«onboarding» è l'insieme delle schermate che mostrano come funziona l'app la prima volta che la si apre. Progetta l'onboarding di tre schermate per l'app della mensa scolastica: cosa mostra ogni schermata, cosa impara l'utente in ciascuna e perché deve esserci un pulsante «salta».

Risolvi

Connessione, memoria e permessi

Tre cellulari a confronto: una calcolatrice che funziona senza connessione, un'app meteo che mostra dati salvati nella memoria del dispositivo e un'app di mappe che riceve il traffico in tempo reale da internet. senza connessione calcolatrice a metà meteo (dati salvati) serve la rete mappa in tempo reale

Se i dati restano nella memoria locale, scompaiono quando disinstalli l'app o cambi cellulare senza fare il backup. Un'app ben progettata, quando manca la connessione, avvisa con un messaggio chiaro («Nessuna connessione, ultimo aggiornamento alle 14:30») e offre delle opzioni: riprova, usa i dati salvati, apri le impostazioni di rete.

La protezione dei dati personali è regolata dal GDPR e vigilata in Italia dal Garante per la protezione dei dati personali. Il principio della privacy fin dalla progettazione dice di chiedere solo i dati strettamente necessari, spiegare perché servono (informativa sulla privacy) e, quando è richiesto, ottenere il consenso dell'utente. Un'app per i compiti di classe, per esempio, può funzionare con la materia, la data e il testo del compito; non ha bisogno di rubrica, posizione o numero di telefono.

Anche il consumo di energia fa parte del progetto: GPS che aggiorna la posizione molto spesso, schermo sempre acceso alla massima luminosità e dati scaricati continuamente via 4G scaricano la batteria in fretta. Si risparmia aggiornando la posizione meno spesso, abbassando la luminosità e salvando in memoria ciò che serve (per esempio le mappe).

Esercitati★★☆Da iniziare
Alcune app funzionano senza connessione a internet e altre non possono fare nulla senza di essa. Spiega che differenza c'è tra i due tipi e classifica queste app…

Alcune app funzionano senza connessione a internet e altre non possono fare nulla senza di essa. Spiega che differenza c'è tra i due tipi e classifica queste app motivando la risposta: una calcolatrice, una mappa con traffico in tempo reale, un quiz di domande già scaricato e un'app di messaggistica.

Risolvi
Esercitati★★☆Da iniziare
Un gioco ricorda il tuo livello, le tue monete e il tuo record anche se chiudi l'app. Spiega che cos'è la memoria locale di un'app, quali dati salva quel gioco e ragiona…

Un gioco ricorda il tuo livello, le tue monete e il tuo record anche se chiudi l'app. Spiega che cos'è la memoria locale di un'app, quali dati salva quel gioco e ragiona su che cosa accadrà a quei dati se disinstalli l'app o cambi cellulare senza backup.

Risolvi
Esercitati★★☆Da iniziare
Un'app meteo funziona in parte senza connessione: mostra l'ultima previsione scaricata, ma non la aggiorna. Spiega quali parti di un'app possono continuare a funzionare…

Un'app meteo funziona in parte senza connessione: mostra l'ultima previsione scaricata, ma non la aggiorna. Spiega quali parti di un'app possono continuare a funzionare senza internet e progetta il messaggio di «nessuna connessione» che vedrebbe l'utente: che cosa deve dire e quali opzioni deve offrire.

Risolvi
Esercitati★★★Da iniziare
Un'app torcia chiede il permesso di accedere ai contatti, alla posizione e al microfono. Analizza se quei permessi sono necessari per la sua funzione, quali rischi…

Un'app torcia chiede il permesso di accedere ai contatti, alla posizione e al microfono. Analizza se quei permessi sono necessari per la sua funzione, quali rischi comporta concederli senza pensarci e scrivi un criterio di tre domande per decidere quali permessi accettare in qualsiasi app.

Risolvi
Esercitati★★★Da iniziare
Durante un'escursione di 8 ore, l'app che avete programmato per registrare il percorso scarica completamente la batteria dei telefoni in appena 2,5 ore. Rivedendo il…

Durante un'escursione di 8 ore, l'app che avete programmato per registrare il percorso scarica completamente la batteria dei telefoni in appena 2,5 ore. Rivedendo il codice e la configurazione, individuate tre fattori:

1) Il sensore GPS richiede le coordinate ogni 0,5 secondi.

2) Lo schermo resta acceso con la luminosità al 100 % mostrando la mappa.

3) L'app scarica le mappe via 4G in tempo reale invece di salvarle in memoria.

Giustifica tecnicamente l'impatto di ciascun fattore sul consumo energetico e proponi una modifica concreta per ognuno che permetta di completare il percorso di 8 ore senza scaricare la batteria.

Risolvi
Esercitati★★★Da iniziare
Applicando l'idea di «privacy fin dalla progettazione», definisci quali dati minimi chiederebbe davvero un'app per i compiti della classe per funzionare, quali dati NON…

Applicando l'idea di «privacy fin dalla progettazione», definisci quali dati minimi chiederebbe davvero un'app per i compiti della classe per funzionare, quali dati NON chiederebbe anche se «potessero essere utili» e come spiegheresti queste decisioni agli utenti nella scheda dello store.

Risolvi

Pubblicare, fidarsi e sostenere un'app

Nota: un'app si può sostenere con pubblicità, a pagamento o con acquisti in-app; conviene conoscere questi modelli perché pongono problemi etici, soprattutto con utenti minorenni.

Quale tipo di app scegliere? Un'app nativa (Google Play, App Store) richiede un account da sviluppatore a pagamento, una versione per ogni sistema (Android, iOS) e i controlli dello store. Una web app si apre dal browser su qualsiasi dispositivo, con un solo codice e senza costi di pubblicazione negli store: per una scuola con budget di 0 € e dispositivi molto diversi è la scelta più adatta. Se il wifi cade spesso, si può salvare in memoria locale una copia del catalogo e aggiornarla quando c'è connessione.

Esempio: «SuperNotas» ha 4,9 ★ con 2.500 recensioni, ma il 90% delle 5 ★ è di tre giorni consecutivi, con lo stesso testo e profili anonimi, e chiede rubrica, posizione e microfono. Sono recensioni false comprate per gonfiare la reputazione e spingere i download; chi si fida solo della media rischia di cedere dati personali.

Vuoi un modello sostenibile in una scuola? Evita pubblicità invasiva e pagamenti che escludono una parte degli studenti, e prevedi un finanziamento a carico dell'istituto o un progetto di classe con manutenzione condivisa.

Esercitati★★☆Da iniziare
Alcune app si scaricano prima come «versione beta» per un piccolo gruppo di utenti. Spiega che cosa significa questa etichetta, quali vantaggi ha il provare così prima…

Alcune app si scaricano prima come «versione beta» per un piccolo gruppo di utenti. Spiega che cosa significa questa etichetta, quali vantaggi ha il provare così prima del lancio ufficiale e quali due cose dovresti aspettarti da una beta (senza arrabbiarti quando accadono).

Risolvi
Esercitati★★★Da iniziare
Progetta un'app completa chiamata «Sfide di lettura» perché la classe registri i libri che va leggendo: le schermate che avrebbe, i dati di input e output di ciascuna,…

Progetta un'app completa chiamata «Sfide di lettura» perché la classe registri i libri che va leggendo: le schermate che avrebbe, i dati di input e output di ciascuna, l'algoritmo principale e tre test concreti che faresti prima di pubblicarla.

Risolvi
Esercitati★★★Da iniziare
La dirigenza della scuola vuole commissionare un'app nativa su Google Play e App Store per consultare il catalogo della biblioteca, ma l'istituto dispone di un budget di…

La dirigenza della scuola vuole commissionare un'app nativa su Google Play e App Store per consultare il catalogo della biblioteca, ma l'istituto dispone di un budget di 0 € e gli studenti utilizzano dispositivi molto diversi (cellulari Android, iPhone e computer con Linux). Confuta la proposta della dirigenza analizzando i costi di pubblicazione negli store e i problemi di compatibilità tra piattaforme. Poi giustifica perché un'applicazione web (web app) è l'opzione tecnicamente più adeguata e spiega quale soluzione applicheresti se la scuola subisce frequenti cadute della connessione wifi.

Risolvi
Esercitati★★★Da iniziare
La vostra squadra ha programmato un'app per organizzare i tornei sportivi dell'intervallo. Un compagno propone di finanziarla inserendo annunci di una rete commerciale e…

La vostra squadra ha programmato un'app per organizzare i tornei sportivi dell'intervallo. Un compagno propone di finanziarla inserendo annunci di una rete commerciale e facendo pagare 0,99 € tramite acquisti in-app per sbloccare le statistiche avanzate. Giustifica due problemi legali o etici che ha questo modello applicato in una scuola con minorenni. Poi progetta un modello alternativo per sostenere e mantenere l'app senza ricorrere a pubblicità invasiva né a pagamenti che discriminino una parte degli studenti.

Risolvi
Esercitati★★★Da iniziare
Stai per scaricare un'app per calcolare i voti e trovi «SuperNotas». Nello store delle app osservi i seguenti dati: Valutazione media: 4,9 ★ con 2.500 recensioni. Date e…

Stai per scaricare un'app per calcolare i voti e trovi «SuperNotas». Nello store delle app osservi i seguenti dati:

  • Valutazione media: 4,9 ★ con 2.500 recensioni.

  • Date e testo: il 90 % delle 5 ★ è stato pubblicato in soli tre giorni consecutivi, con testi identici («Ottima app») e profili senza immagine.

  • Permessi richiesti: accesso alla rubrica dei contatti, posizione precisa e microfono.

Interpreta questi dati: spiega quale pratica fraudolenta è in corso e quale obiettivo persegue. Poi prevedi quali rischi si assume chi la installa basandosi solo sulla valutazione media e scrivi due controlli obbligatori che si devono sempre fare prima di installare un'app sconosciuta.

Risolvi

Torna all'inizio: per l'app degli orari dell'autobus si parte da un bisogno (idea), si disegnano le schermate, si scrive l'algoritmo con i controlli sull'input, si programma e si prova con dati strani prima di pubblicare.

In sintesi

Vedi tutti gli esercizi di questa sezione