Idee di apprendimento attivo
L'architettura Client-Server è il modello fondamentale su cui si basa il Web moderno. In questo sistema, il 'Client' (solitamente il browser) richiede risorse o servizi, mentre il 'Server' elabora la richiesta e invia la risposta. Questo modulo esplora come queste due entità interagiscono, introducendo il concetto di applicazioni web dinamiche dove il server consulta un database prima di generare la pagina da inviare all'utente.
Attività 01
Dividi la classe in Client, Web Server e Database. Gli studenti devono passarsi dei 'messaggi' formattati come richieste HTTP. Il Server deve decidere se può rispondere subito o se deve chiedere dati al Database, simulando il ritardo e il processo logico.
Quali sono i ruoli distinti del client e del server?
Attività 02
I gruppi analizzano due siti web (uno statico e uno dinamico come un social network). Devono mappare quali elementi cambiano per ogni utente e ipotizzare come il server costruisca la pagina partendo dai dati del database.
Come viene elaborata e servita una richiesta web?
Attività 03
Presenta diverse operazioni (es. validazione di una mail, calcolo di un saldo bancario). Gli studenti devono decidere se l'operazione debba avvenire sul client o sul server, discutendo i motivi di sicurezza e prestazioni.
Cosa differenzia un sito statico da un'applicazione web dinamica?
Alcune note per insegnare questa unità
Attenzione a questi errori comuni
Pensare che il server 'invii' l'intero database al client.
Gli studenti a volte credono che la ricerca avvenga nel browser. Attraverso la simulazione, capiscono che il server invia solo il risultato specifico della query in formato HTML o JSON.
Credere che il server sia sempre un computer potentissimo.
Molti ignorano che anche un piccolo Raspberry Pi o il loro stesso PC può fungere da server. Installare un server locale (come Apache) aiuta a demistificare l'hardware del server.
Metodologie usate in questo brief
Linguaggi di Markup e Stile (HTML/CSS)
Creazione della struttura e della presentazione di pagine web. Utilizzo dei tag semantici HTML5 e dei fogli di stile CSS3 per il design responsivo.
8 methodologies
Introduzione allo Scripting Lato Client
Utilizzo di JavaScript per rendere le pagine web interattive. Manipolazione del Document Object Model (DOM) e gestione degli eventi generati dall'utente.
8 methodologies