Milestone 1: HTML

Per il progetto si implementerà un piccolo social network semplificato, che permetta agli utenti di stringere amicizie e di creare e gestire dei gruppi. Si avranno due tipologie di utenti: Utenti registrati, che possono inserire informazioni personali, stringere amicizia con altri utenti, creare e gestire dei gruppi, inserire post nella sua bacheca o quella degli amici. L’amministratore, che può cancellare i post da qualsiasi bacheca e cancellare qualsiasi gruppo. Maggiori informazioni si possono trovare nella pagina di descrizione del progetto 2017.

Per questa milestone dovete creare solo il contenuto HTML statico. Non preoccupatevi della grafica.

Task 1

Creare nel proprio repository Git Hub un progetto Netbeans del tipo Java -> Web Application per contenere i file da consegnare. Aggiungere una sottocartella di nome “M1” all’interno di “Web Pages”. Il risultato deve essere simile al seguente:

Task 2

Creare 4 pagine HTML vuote all’interno della cartella M1: descrizione.html login.html bacheca.html profilo.html

Task 3

Inserire all’interno della pagina descrizione.html una breve descrizione del social network: a chi sia rivolto, come iscriversi, se sia gratis o a pagamento. Non è molto importante quello che scriverete, dovete creare un testo con una gerarchia di sezioni e titoli, che arrivi almeno al livello h3. Inserite un sommario con link interni alle sezioni all’inizio della pagina.

Create una sezione di navigazione che permetta di raggiungere la pagina login.html.

Inserite le metainformazioni sulla pagina e validatela.

Task 4

Inserire all’interno della pagina di login.html un form per richiedere username e password all’utente, utilizzando i campi di input corretti.

Create una sezione di navigazione che permetta di raggiungere la pagina descrizione.html, profilo.html e bacheca.html.

Inserite le metainformazioni sulla pagina e validatela.

Task 5

Inserite una sezione nella pagina bacheca.html che contenga la descrizione di almeno 3 post, che includa: nome dell’utente che ha postato qualcosa, con una foto del suo profilo, il contenuto del post. I tre post si differenziano in questo modo: il primo non ha allegati, il secondo ha come allegato un’immagine, il terzo ha come allegato un link.

Create una sezione di navigazione che permetta di raggiungere la pagina descrizione.html e login.html.

Inserite le metainformazioni sulla pagina e validatela.

Task 6

Create un form per l’inserimento dei dati del profilo all’interno della pagina profilo.html. Il form deve richiedere all’utente le seguenti informazioni, utilizzando le tipologie di input corrette: Nome dell’utente Cognome dell’utente URL di una immagine per il profilo Frase di presentazione Data di nascita Password Conferma password

Create una sezione di navigazione che permetta di raggiungere la pagina descrizione.html e login.html.

Inserite le metainformazioni sulla pagina e validatela.

Task 7

Eseguite il commit finale su Git Hub per la consegna, utilizzando come messaggio “consegna M1”