====== Laboratorio Progettazione Web ====== Docenti: **Andrea Marchetti** [[andrea.marchetti@iit.cnr.it]] Assistenti: * **Angelica Lo Duca** [[angelica.loduca@iit.cnr.it]] IIT-CNR, Istituto di Informatica e Telematica del CNR di Pisa ====== Avvisi ====== * Il ricevimento del 5 dicembre 2018 è annullato causa indisponibilità del docente * Il ricevimento è spostato ad ogni **mercoledì** invece che lunedì * Il ricevimento è sospeso dal 30.07.2018 al 27.08.2018. * Il ricevimento di lunedì 3 settembre è anticipato a giovedì 30 agosto alle ore 15 sempre in A32 * Il ricevimento di lunedì 2 luglio è anticipato alle ore 15 nell'ufficio B65b * **Ricevimento**: A partire dall'11 giugno 2018 il ricevimento è fissato ogni lunedì alle ore 17:00 presso il CNR/IIT Edificio A Aula A32 o B76. Occorre prenotarsi inviando una mail all'indirizzo **lpw-infouma@googlegroups.com** * **Fissati gli appelli della sessione estiva e autunnale** * L'appello straordinario per i fuori corso è fissato per il **9 aprile 2018** alle 17:00 presso l'aula A32 dell'Istituto di Informatica e Telematica del CNR di Pisa. * La lezione **Mercoledì 21 marzo** è rinviata causa indisponibilità insegnante. * **Mercoledì 14 marzo** la lezione è anticipata alle ore 10:00 e terminerà verso le 10:50. * Per ogni comunicazione con i docenti occorre scrivere a **lpw-infouma@googlegroups.com** * **Ricevimento**: durante il corso di LPW ogni lunedì 17:30 presso il Fib C, dopo il corso ogni lunedì 17:00 presso il CNR/IIT Edificio A Aula A32 o B76. Dopo il corso, prenotare il ricevimento all'email **lpw-infouma@googlegroups.com** * **Tirocini/tesi**: consultare il sito Web: [[http://wafi.iit.cnr.it/?page_id=316 | tirocini ]]. Si possono anche proporre nuove idee, soprattutto nei settori del turismo e dei beni culturali. ====== Obiettivi ====== Il corso mira a formare le conoscenze e le competenze di base per la progettazione e l'implementazione di applicazioni Web lato server, attraverso il linguaggio di programmazione PHP. Il corso inoltre mira ad approfondire tecniche di programmazione lato client, con un focus specifico sulla libreria jQuery e su API di vario genere (Google Maps, HighCharts ecc). ====== Calendario delle lezioni LPW (Secondo Semestre 2018) ====== ^ ^ Giorno ^ Data ^ Argomento ^ Lucidi ^ Docente ^ | 1. | Lunedì | 19.02.2018 | Applicazioni Web | {{ :bdd-infuma:02_lpw2018-1-applicazioni_web.pdf | Lezione 1}} | Andrea Marchetti | | 2. | Mercoledì | 21.02.2018 | Ambiente di sviluppo | {{ :bdd-infuma:es01._lpw_-_ambiente_di_sviluppo.pdf | Esercitazione 1}} | Angelica Lo Duca | | 3. | Lunedì | 26.02.2018 | PHP: Variabili e Istruzioni | {{ :bdd-infuma:02_lpw2018-2-php_variabili-istruzioni.pdf | Lezione 2}} | Andrea Marchetti | | 4. | Mercoledì | 28.02.2018 | PhpMyAdmin | {{ :bdd-infuma:es02._lpw_-_phpmyadmin.pdf | Esercitazione 2}} {{ :bdd-infuma:ampiezzafamiglie.sql.zip | DB di esempio}} [[https://www.youtube.com/watch?v=i8hv0euYv0g&t=30s|Video Tutorial]]| Angelica Lo Duca | | | Lunedì | 05.03.2018 | SOSPESA | | | | 5. | Mercoledì | 07.03.2018 | Open Refine | {{ :bdd-infuma:es03._lpw_-_open_refine.pdf |Esercitazione 3}} [[https://www.youtube.com/watch?v=3hpRGOgvOOM&feature=youtu.be|Video Tutorial]] | Angelica Lo Duca | | 6. | Lunedì | 12.03.2018 | PHP: Array | {{ :bdd-infuma:02_lpw2018-3-php_array.pdf | Lezione 3}} {{ :bdd-infuma:array.pdf | Testo esercizi}} | Andrea Marchetti | | 7. | Mercoledì | 14.03.2018 | Esercitazione: Array | {{ :bdd-infuma:es04._lpw_-_array.pdf |Esercitazione 4}} {{ :bdd-infuma:es04._lpw_-_array_soluzioni.zip |Soluzioni}}| Angelica Lo Duca | | 8. | Lunedì | 19.03.2018 | PHP: Mysql | {{ :bdd-infuma:02_lpw2018-4-php_mysql.pdf | Lezione 4}} {{ :bdd-infuma:mysql.pdf | Testo esercizi}} | Andrea Marchetti | | 9. | Mercoledì | 21.03.2018 | SOSPESA causa malattia | | Angelica Lo Duca | | 10.| Lunedì | 26.03.2018 | Specifiche progetto | {{ :bdd-infuma:02_lpw2018-5-specifiche_progetto.pdf | Lezione 5}} | Andrea Marchetti | | | Mercoledì | 28.03.2018 | SOSPESA PASQUA | | | | | Lunedì | 02.04.2018 | SOSPESA PASQUA | | | | | Mercoledì | 04.04.2018 | SOSPESA SESSIONE ESAMI | | | | | Lunedì | 09.04.2018 | SOSPESA SOSPESA SESSIONE ESAMI | | | | 11.| Mercoledì | 11.04.2018 | Esercitazione: Mysql | {{ :bdd-infuma:es05._lpw_-_mysql.pdf | Esercitazione 5}} {{ :bdd-infuma:progetto_20180411.zip | Soluzione}} {{ :bdd-infuma:esercizio2.zip |Esercizio 2}}| Angelica Lo Duca | | 12.| Lunedì | 16.04.2018 | PHP: Funzioni | {{ :bdd-infuma:02_lpw2018-6-php_funzioni.pdf | Lezione 6}} {{ :bdd-infuma:Functions.pdf | Testo esercizi}} | Andrea Marchetti | | | Mercoledì | 18.04.2018 | SOSPESA | | | | 13.| Lunedì | 23.04.2018 | Esercitazione: Funzioni | {{ :bdd-infuma:e06._lpw_-_funzioni.pdf | Esercitazione 6}} {{ :bdd-infuma:tipologiafamiglie.sql.zip | TipologiaFamiglie}} {{ :bdd-infuma:progetto_20180423.zip |Soluzioni}} {{ :bdd-infuma:dblibrary.php.zip |DBlibrary}}| Angelica Lo Duca | | | Mercoledì | 25.04.2018 | SOSPESA FESTA | | | | 14.| Lunedì | 30.04.2018 | jQuery | {{ :bdd-infuma:02_lpw2018-7-jQuery.pdf | Lezione 7}} {{ :bdd-infuma:02_lpw2018-7-jQuerySample.zip | Testo esercizio}} | Andrea Marchetti | | 15.| Lunedì | 02.05.2018 | Esercitazione: jQuery | {{ :bdd-infuma:es06._lpw_-_jquery.pdf | Esercitazione 7}} {{ :bdd-infuma:progetto_20180502.zip |Soluzioni}}| Angelica Lo Duca | | 16.| Lunedì | 07.05.2018 | Modello applicazione web | {{ :bdd-infuma:02_lpw2018-8-Modello_applicazione_web.pdf | Lezione 8}} {{ :bdd-infuma:modello.zip | Modello applicazione}}| Andrea Marchetti | | 17.| Mercoledì | 09.05.2018 | Esercitazione modello applicazione web| {{ :bdd-infuma:es07._lpw_-_modello_applicazioni_web.pdf | Esercitazione 8}} | Angelica Lo Duca | | 18.| Lunedì | 14.05.2018 | Grafici | {{ :bdd-infuma:02_lpw2018-9-Charts.pdf | Lezione 9}} | Andrea Marchetti | | 19.| Mercoledì | 16.05.2018 | Esercitazione: Highcharts | {{ :bdd-infuma:es08._lpw_-_highcharts.pdf | Esercitazione 9}} {{ :bdd-infuma:progetto_20180516.zip |Soluzioni}} | Angelica Lo Duca | | 20.| Lunedì | 21.05.2018 | Mappe tematiche 1 | {{ :bdd-infuma:02_lpw2018-10-thematic_maps.pdf | Lezione 10}} | Andrea Marchetti | | 21.| Mercoledì | 23.05.2018 | Esercitazione: Google Maps | {{ :bdd-infuma:esercitazione.zip | materiale esercitazione}} {{ :bdd-infuma:dblibrary.zip | dbLibrary}}| Andrea Marchetti | | 22.| Lunedì | 28.05.2018 | Mappe tematiche 2 | {{ :bdd-infuma:opportunita_di_tirocinio.pdf | Opportunità di tirocinio}} | Andrea Marchetti | | 23.| Mercoledì | 30.05.2018 | Esercitazione: Coropleth | {{ :bdd-infuma:es09._lpw_-_geochart.pdf |Esercitazione 11}} {{ :bdd-infuma:progetto_20180530.zip |Soluzioni}} {{ :bdd-infuma:regioni.sql.zip |Tabella Regioni}} [[https://docs.google.com/forms/d/1r6-CXkvEUyxKYtGWtyY_lGsk6yk8oau0jv9SNB7_gG0/viewform|Questionario Valutazione Corso]]| Angelica Lo Duca | ====== Materiale Didattico ====== **Lucidi Forniti dal docente** **Libri di testo** * Robin Nixon. Learning PHP, MySQL, JavaScript, CSS & HTML5, 5th Edition - O’Reilly Media 2017. * Kevin Yank. Sviluppare applicazioni con PHP e MySQL. Apogeo 2012. **Sitografia** * Google * Tutorials * [[http://php.net|php.net]] * [[http://html.it|html.it]] * [[http://w3schools.com|w3schools.com]] * [[http://www.tutorialspoint.com/execute_php_online.php|http://www.tutorialspoint.com/execute_php_online.php]] * [[https://www.codecademy.com/learn/php|https://www.codecademy.com/learn/php]] ====== Modalità di Esame ====== L'esame consiste nella discussione di un progetto concordato con il docente. Le linee guida per la strutturazione del progetto sono disponibili a questo indirizzo: [[http://wafi.iit.cnr.it/lab/LPW/esame/doc/Linee_guida_progetto.pdf|Linee_guida_progetto]]. Il progetto dovrà essere accompagnato da una relazione di massimo 6 pagine. Il template della relazione può essere scaricato al seguente link: [[http://wafi.iit.cnr.it/lab/LPW/esame/doc/TemplateRelazione.docx|Template Relazione]]. Ogni progetto verrà valutato secondo i seguenti criteri: * grado di innovazione del progetto * qualità del codice (PHP+JS) * qualità della relazione * accessibilità estetica del sito * qualità dei dati Ogni criterio sarà valutato in trentesimi. Il voto finale sarà ottenuto facendo la media tra i cinque criteri. **Per iscriversi all'esame, occorre prenotarsi sul sito [[https://esami.unipi.it/esami2/|https://esami.unipi.it/esami2/]] e caricare il progetto tramite la procedura automatica di caricamento disponibile a questo indirizzo: [[http://wafi.iit.cnr.it/lab/LPW/esame/|http://wafi.iit.cnr.it/lab/LPW/esame/]]. In caso di problemi, contattare i docenti all'email lpw-infouma@googlegroups.com massimo 3 giorni prima dell'appello.** ** Alternativa al progetto ** Esiste la possibilità di sostituire il progetto con un esame orale, la cui votazione sarà inferiore a quella normalmente data per i progetti. L'esame orale consiste nella creazione di una semplice applicazione Web. Per svolgere l'esame orale occorre venire con il proprio portatile con sopra installato Xampp. Se non si dispone di un portatile, bisogna avvisare. ** Esempi di esercizi in alternativa al progetto ** * {{:bdd-infuma:20170116.pdf|Esame del 16 gennaio 2017}} * {{:bdd-infuma:2016.09.12.pdf| Esame del 12 settembre 2016}} * {{:bdd-infuma:2016.07.18.pdf| Esame del 18 luglio 2016}} * {{:bdd-infuma:2015.10.05.pdf| Esame del 5 ottobre 2015}} * {{:bdd-infuma:2014.12.01.pdf| Esame del 1 dicembre 2014}} * {{:bdd-infuma:2014.07.21.pdf| Esame del 21 luglio 2014}} **Progetti studenti** * [[http://wafi.iit.cnr.it/lab/LPW/progettini/|http://wafi.iit.cnr.it/lab/LPW/progettini/]] ====== Appelli ====== ====== Edizioni Precedenti ====== * [[bdd20162017| Laboratorio Progettazione Web 2016/2017]] * [[bdd20152016| Laboratorio Progettazione Web 2015/2016]] * [[bdd20142015| Laboratorio Progettazione Web 2014/2015]] * [[bdd20132014| Laboratorio Progettazione Web 2013/2014]] * [[bdd20122013| Laboratorio Progettazione Web 2012/2013]] * [[bdd20112012| Laboratorio Progettazione Web 2011/2012]] * [[LPW20102011| Laboratorio Progettazione Web 2010/2011]] * [[LPW20092010| Laboratorio Progettazione Web 2009/2010]]