Conoscenza delle metodologie e tecnologie di base per la progettazione e realizzazione di siti Web.
Knowledge of basic methodologies and techniques for web design and implementation.
La presentazione di un progetto individuale realizzato dallo studente sarà un’occasione per verificare in sede di esame le conoscenze teoriche e metodologiche acquisite.
The presentation of an individual project implemented by the student will give the opportunity to verify during the exam the acquisition of both theoretical and methodological knowledge.
Capacità di programmazione su strutture dati complesse e ad eventi.
Capacità di programmare semplici interazioni in siti web.
Capacità di progettare e realizzare un semplice sito web seguendo una metodologia corretta e un uso appropriato delle tecniche.
Programming on complex data structures and event driven. Programming of simple interactions in web sites. Design and implementation of a simple web site, according to a correct methodology and appropriate use of the relevant techniques.
Lo studente dovrà dimostrare di saper svolgere gli esercizi proposti durante il corso e di progettare e realizzare autonomamente un semplice sito web con elementi di interattività. Il progetto sarà discusso e valutato in sede di esame.
The student will have to demonstrate the ability to complete the exercises proposed during the course and to design and implement autonomously a web site, which includes a few interactive components. the project will be presented and evaluated during the final exam.
Lo studente acquisirà consapevolezza dell’importanza di un progetto centrato sull’utente e dei requisiti di accessibilità e usabilità. In aggiunta conoscerà le principali regole in materia di diritto d’autore e di riservatezza dell'informazione.
The student will acquire awareness of the importance of a user-centered design and of accessibility and usability requirements. Moreover he/she will be acquainted with the main regulations about authorship rights and privacy.
Lo studente dovrà dimostrare attraverso il progetto realizzato di avere acquisito piena consapevolezza delle soluzioni tecniche adottate e messo in atto un comportamento corretto rispetto ai contenuti disponibili sul web attraverso una rielaborazione originale e citazione puntuale delle fonti.
The student will have to demonstrate, through the implemented project, a full awareness of the technical solutions adopted and he/she will have to adopt a correct behaviour with respect to contents available on the web, by performing a personal elaboration of those contents and by citing the relevant sources.
Fondamenti teorici e programmazione (IFU-L, I semestre), o equivalenti competenze di programmazione di base in Javascript.
Theorethical foundations and programming (IFU-L, 1st semester) or equivalent basic programming skills in Javascript.
Nessuno.
None.
Corsi di informatica.
Computer science courses.
Si alterneranno lezioni ed esercitazioni in laboratorio in modo da mettere subito in pratica quanto appreso. Tutti i materiali, sia delle lezioni teoriche che delle esercitazioni e risorse web di aiuto allo sviluppo, sono rese disponibili online attraverso il sito web del corso e la piattaforma Moodle.
La frequenza è raccomandata ma non indispensabile.
Lectures and lab exercise classes will be interleaved so that theoretical notions are immediately put into practice. All teaching materials (lecture slides or lectures notes, assigned exercises and web resources) are made available online through the course web site and the Moodle platform.
Attendance is recommended but not essential.
Modulo A: Progettazione
Modulo B: Programmazione
Module A: Web design
Module B: Programming
Ambriola. Programmazione in JavaScript: Seconda parte. Nota didattica, versione 7.4 del 17 maggio 2017.
Ambriola. EasyJS, un ambiente di programmazione JavaScript. Versione 1.12.
Jennifer Niederst Robbins, "Learning Web Design: a beginners guide to HTML, CSS, Javascript and web graphics - 4th Edition", O'Reilly, 2012 (anche in edizione Kindle).
Materiale per modulo A su Moodle: http://elearning.humnet.unipi.it/course/view.php?id=1945 (edizione 2017/18)
Tutorial online su W3schools: http://www.w3schools.com/
Ambriola. Programmazione in JavaScript: Seconda parte. Lecture notes, version 6.1, April 29th 2016 (in Italian)
Ambriola. EasyJS, un ambiente di programmazione JavaScript. Version 1.12.
Jennifer Niederst Robbins, "Learning Web Design: a beginners guide to HTML, CSS, Javascript and web graphics - 4th Edition", O'Reilly, 2012 (also available for Kindle).
Material for Module A on the Moodle web site: http://elearning.humnet.unipi.it/course/view.php?id=1945 (2017/18 edition)
Il sito web del corso e la piattaforma Moodle contengono tutti i materiali per seguire anche a distanza le lezioni: i lucidi delle lezioni o le dispense del docente, gli esercizi assegnati, materiale bibliografico e indicazione di numerose risorse web di supporto, incluso uno spazio di condivisione per fasi intermedie del progetto. Queste risorse dovrebbe mettere gli studenti non frequentanti in grado di elaborare autonomamente, con il supporto a distanza dei docenti, il progetto individuale richiesto per superare l’esame.
The course web site and the Moodle platform contain all the materials which are necessary to attend classrooms in a distance learning mode: lecture slides or lecture notes, assigned exercises, bibliographic references and several web resources, including a data storage service for sharing intermediate project results. These facilities should allow non attending students to autonomously develop, with the distant support of the teachers, the individual project required to pass the exam.
Presentazione di un progetto individuale realizzato dallo studente e contestuale verifica delle conoscenze teoriche e metodologiche.
Presentation of an individual project implemented by the student and verification of the relevant theoretical and methodological knowledge.
None.
http://elearning.humnet.unipi.it/course/view.php?id=1945 (edizione 2017/18)
http://elearning.humnet.unipi.it/course/view.php?id=1945 (2017/18 edition)