- Oggetto:
- Oggetto:
Web Design
- Oggetto:
Web Design
- Oggetto:
Anno accademico 2022/2023
- Codice dell'attività didattica
- LET0993
- Docente
- Andrea Crevola (Titolare del corso)
- Corso di studi
- laurea triennale in Scienze della comunicazione
- Anno
- 3° anno
- Periodo didattico
- Secondo semestre
- Tipologia
- Affine o integrativo
- Crediti/Valenza
- 6 cfu (LET0142)
- SSD dell'attività didattica
- INF/01 - informatica
- Modalità di erogazione
- Tradizionale
- Lingua di insegnamento
- Italiano
- Modalità di frequenza
- Facoltativa
- Tipologia d'esame
- Orale
- Oggetto:
Sommario insegnamento
- Oggetto:
Obiettivi formativi
Le lezioni avranno per argomento le caratteristiche tecniche di base, le logiche progettuali, i principali software e linguaggi necessari all'implementazione di un sito web.
During lessons, students will learn about technologies, methodologies and computer languages that must be known to create a website.
- Oggetto:
Risultati dell'apprendimento attesi
Al termine del corso lo studente avrà acquisito le conoscenze utili a progettare e realizzare un sito internet (HTML, CSS).
At the end of the course the student will be able to design, develop, manage a "static" website (HTML and CSS).
- Oggetto:
Modalità di insegnamento
Lezioni frontali. In caso di necessità, potranno essere svolte lezioni anche a distanza (Webex). I materiali del corso sono disponibii anche in forma di video lezione in questa playlist Youtube. https://www.youtube.com/playlist?list=PL6ZeD9t03pYOSmzvlGb0f_L956hAspG6Z
NOTA: la playlist contiene anche lezioni erogate ad altri corsi presso cui ho insegnato.NOTA BENE: la lezione relativa ai form HTML è disponibile qui: https://youtu.be/6Bogo2dMGcA
Face to face lessons. If necessary, some lessons could be online (webex). Slides and other documents will be available on Moodle.
NOTA BENE: la lezione relativa ai form HTML è disponibile qui: https://youtu.be/6Bogo2dMGcA
- Oggetto:
Modalità di verifica dell'apprendimento
Lo studente dovrà progettare e implementare un sito web a tema libero sulla base delle nozioni apprese a lezione. Le caratteristiche minime del sito saranno comunicate a lezione.
Lo studente dovrà predisporre, inoltre, tramite un software di UX Design descritto a lezione:
- Architettura / albero di navigazione
- Wireframes delle principali pagine del sito
AGGIORNAMENTO 03/05/2023: per la creazione di architettura e wireframes è possibile utilizzare sia AXURE sia FIGMA.
Rispetto ad AXURE, una introduzione all'uso è descritta da questo video, tratto da un precedente corso: https://youtu.be/-D81ejSZlCY
I materiali prodotti dovranno essere pubblicati su cloud secondo le modalità descritte a lezione. Lo studente dovrà inviare al docente solo il link di condivisione. Si prega di non impostare alcuna password.
Lo studente dovrà INOLTRE consegnare il progetto via e-mail ENTRO LA MEZZANOTTE del giorno prima della data dell'appello all'indirizzo andrea.crevola@gmail.com.
Gli esiti saranno comunicati via e-mail nei giorni immediatamente successivi.
Lo studente dovrà rispondere all'e-mail contenente il voto con un messaggio esplicito (Accetto / Rifiuto) entro l'orario indicato nella mail. In caso di silenzio da parte dello studente, il voto sarà registrato d'ufficio.
IMPORTANTE:
- La mail dovrà avere per oggetto "COGNOME - DATA APPELLO".
- I link al prototipo (architettura e wireframes) dovranno essere indicati nel testo della mail.
- Il progetto dovrà essere allegato in formato ZIP.
- In caso di file di grandi dimensioni, si può spedire il progetto anche tramite Google Drive (usare sempre l'indirizzo andrea.crevola@gmail.com come riferimento).
NON utilizzare altri servizi di file sharing (wetransfer, onecloud, box).
Mi riservo di penalizzare chi non dovesse seguire queste indicazioni.
The student will have to design and build a website (free topic), applying what learned during lessons. Minimal requirements will be communicated during lessons.
The student must also prepare, with an UX software:
- Architecture / navigation tree
- Wireframes of the main pages of the site
UPDATE 03/05/2023: per la creazione di architettura e wireframes è possibile utilizzare sia AXURE sia FIGMA.
Rispetto ad AXURE, una introduzione all'uso è descritta da questo video, tratto da un precedente corso: https://youtu.be/-D81ejSZlCY
These documents / designs must be published on cloud, accordingly to the instructions given during lessons. The student must only send the sharing link to the teacher. Please do not set any password.
The student will have to send its project by e-mail BEFORE MIDNIGHT OF THE PREVIOUS DAY OF THE DATE OF THE EXAM. The email must be addressed to andrea.crevola@gmail.com.
IMPORTANT:
- The subject of the email must be "LAST NAME - DATE OF THE EXAM".
- Links to the prototype (architecture and wireframes) has to be written in the body of the email
- Project has to be attached as ZIP file
- In case of big files, it's possibile to use Google Drive. Share the folder with andrea.crevola@gmail.com
DO NOT USE other file sharing services, as wetransfer, oneclout ecc.
I reserve the right to penalize anyone who does not follow these indications.
- Oggetto:
Programma
- Introduzione al web design: contesto tecnologico e progettazione user-centered
- Architettura dell'informazione
- Usabilità e Accessibilità
- UX Design
- Il linguaggio HTML
- Il linguaggio CSS
- Il framework Bootstrap 5 (http://getbootstrap.com/)
- Introduction to web design: technologies and user-centerd design
- Information architecture
- Usability and accessibility
- UX design
- HTML
- CSS
- Bootstrap 5 (http://getbootstrap.com/)
Testi consigliati e bibliografia
- Oggetto:
- Libro
- Titolo:
- User eXperience design. Progettare esperienze di valore per utenti e aziende
- Anno pubblicazione:
- 2018
- Editore:
- Hoepli
- Autore:
- Bottà D.
- Obbligatorio:
- No
- Oggetto:
- Altro
- Titolo:
- W3Schools.com
- Descrizione:
- Sito web con guide e documentazione su HTML e CSS
- URL:
- Obbligatorio:
- No
- Oggetto:
- Altro
- Titolo:
- Bootstrap
- Descrizione:
- Sito ufficiale di Bootstrap
- URL:
- Obbligatorio:
- No
- Oggetto:
Altri materiali saranno comunicati a lezione
Other books and websites will be communicated during lessons
Da definire.
- Oggetto:
Note
Da definire.
Da definire.
- Oggetto: