Prof. Marco Porta
0382 985214

Progetto

Specifiche essenziali per la realizzazione del progetto

Il progetto consiste in un sito web, su tema assolutamente libero, che rispetti i seguenti requisiti:

  • Strumenti di sviluppo: si sconsiglia fortemente l'utilizzo di strumenti WYSIWYG (cioè programmi che permettono una composizione visuale delle pagine e poi generano automaticamente il codice). L'uso di eventuali "template" (ad esempio Bootstrap) è ammesso a patto che il contributo personale sia consistente e chiaramente identificabile. Per la scrittura del codice si incoraggia l'uso di editor HTML, CSS, JavaScript, ecc. (ad esempio quelli gratuiti segnalati nell'area protetta di questo sito, come Visual Studio Code). L'uso di eventuali CMS (Content Management Systems, come ad esempio WordPress) è consentito solo se il proprio contributo non si limita alla creazione del contenuto, ma è integrato da modifiche del tema utilizzato (almeno in termini di codice CSS).
  • Numero di pagine: non c'è una regola precisa; indicativamente, almeno cinque, ma dipende dal tipo di sito.
  • Codice: tutto ciò che concerne l'aspetto delle pagine deve essere definito attraverso fogli di stile (esterni); per nessun motivo devono essere usati tag e attributi deprecati nel linguaggio HTML5, come font, bgcolor, ecc. Tutti gli indirizzamenti devono essere relativi. Il codice deve essere HTML5 o XHTML. Per il controllo si consiglia l'uso di strumenti di validazione delle pagine, come quelli forniti dal W3C.
  • Layout: il layout delle pagine non dovrebbe essere "lineare" (cioè gli elementi non dovrebbero essere disposti solo attraverso il posizionamento "a flusso normale"). La disposizione spaziale delle varie componenti delle pagine deve avvenire per mezzo dei CSS. Il sito dovrebbe inoltre essere reso responsive, anche se eventualmente in forma elementare.
  • Design, Usabilità e Accessibilità: soprattutto se il sito ha un contenuto "non banale", deve essere curata l'architettura dell'informazione. Dovrebbero inoltre essere seguiti quei (pochi) principi base del design, dell'usabilità e dell'accessibilità del Web discussi nel corso.
  • Funzionalità lato client: almeno una pagina del sito deve contenere una funzionalità JavaScript. Facoltativamente, in aggiunta, possono essere utilizzate anche altre tecnologie. Naturalmente, ci si può riferire a esempi e a codice già pronti, adattandoli alle proprie esigenze.

Una volta concluso, il sito dovrà essere presentato e discusso personalmente. Per fissare un appuntamento, inviare un messaggio email all'indirizzo marco.porta@unipv.it con soggetto "Presentazione progetto WDT". Almeno tre giorni prima della data dell'incontro, dovranno inoltre essere inviati, sempre all'indirizzo marco.porta@unipv.it, un file .zip contente i file del lavoro e una breve relazione. Nel caso in cui il file .zip fosse troppo grosso (o ne fosse impedito l'invio tramite email per altri motivi), è possibile inviarlo tramite Google Drive o altri servizi di file sharing. Sia il file .zip che il file della relazione devono avere come nomi Cognome_Nome.estensione. Per la preparazione della relazione è disponibile un template in formato docx (MS Word), odt (LibreOffice e OpenOffice) e PDF.


Torna alla pagina dell'esame