====== 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 ====== * 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. 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]]. Si possono anche proporre nuove idee, soprattutto nei settori del turismo e dei beni culturali. * I ricevimenti sono sospesi dal 31-07-2017 fino al 03-09-2017 ====== 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 2017) ====== ^ ^ Giorno ^ Data ^ Argomento ^ Lucidi ^ Docente ^ | 1. | Lunedì | 20.02.2017 | Applicazioni Web | {{ :bdd-infuma:02_lpw2017-1-applicazioni_web.pdf | Lezione 1}} | Andrea Marchetti | | 2. | Mercoledì | 22.02.2017 | Ambiente di sviluppo | {{ :bdd-infuma:02._lpw2017_-_ambiente_di_sviluppo.pdf | Esercitazione 1}} | Angelica Lo Duca | | 3. | Lunedì | 27.02.2017 | PHP: Variabili e Istruzioni | {{ :bdd-infuma:02_lpw2017-2-PHP_variabili-istruzioni.pdf | Lezione 2}} | Andrea Marchetti | | 4. | Mercoledì | 01.03.2017 | Esercitazione: Variabili e Istruzioni |{{ :bdd-infuma:04._lpw2017_esercitazione_istruzioni.pdf |Esercitazione 2}} {{ :bdd-infuma:2017.03.01.zip | Soluzioni}} | Angelica Lo Duca | | 5. | Lunedì | 06.03.2017 | PHP: Array | {{ :bdd-infuma:02_lpw2017-3-PHP_array.pdf | Lezione 3}} | Andrea Marchetti | | 6. | Mercoledì | 08.03.2017 | Esercitazione: Array |{{ :bdd-infuma:06._lpw2017_esercitazione_array.pdf |Esercitazione 3}} {{ :bdd-infuma:06._array.zip |Soluzioni}} | Angelica Lo Duca | | 7. | Lunedì | 13.03.2017 | PHP: Mysql | {{ :bdd-infuma:02_lpw2017-4-PHP_mysql.pdf | Lezione 4}} | Andrea Marchetti | | 8. | Mercoledì | 15.03.2017 | Esercitazione: Phpmyadmin | {{ :bdd-infuma:08._lpw_2017_phpmyadmin.pdf | Esercitazione 4}} {{ :bdd-infuma:08.phpmyadmin.pdf |Tutorial}} [[https://youtu.be/i8hv0euYv0g|Video Tutorial]]| Angelica Lo Duca | | 9. | Lunedì | 20.03.2017 | PHP: Funzioni | {{ :bdd-infuma:02_lpw2017-5-PHP_funzioni.pdf | Lezione 5}} | Andrea Marchetti | | 10. | Mercoledì | 22.03.2017 | Esercitazione: MySQL | {{ :bdd-infuma:10.lpw_2017_esercitazione_mysql.pdf |Esercitazione 5}} {{ :bdd-infuma:dblibrary.php.zip | dbLibrary}} {{ :bdd-infuma:progetto-2017.03.22.zip | Soluzioni}}| Angelica Lo Duca | | 11. | Lunedì | 27.03.2017 | Specifiche progetto | {{ :bdd-infuma:02_lpw2017-6-specifiche_progetto.pdf | Lezione 6}} | Andrea Marchetti | | 12. | Mercoledì | 29.03.2017 | Esercitazione: Funzioni | {{ :bdd-infuma:06.lpwfunzioni.pdf | Esercitazione 6}} {{ :bdd-infuma:2017.03.29.zip |Soluzioni}}| Angelica Lo Duca | | 13. | Lunedì | 03.04.2017 | jQuery | {{ :bdd-infuma:02_lpw2017-7-jQuery.pdf | Lezione 7}} | Andrea Marchetti | | 14. | Mercoledì | 05.04.2017 | Esercitazione: jQuery |{{ :bdd-infuma:07.lpwjquery.pdf | Esercitazione 7}} {{ :bdd-infuma:2017.04.26.zip |Soluzioni}} | Angelica Lo Duca| | | Lunedì | 10.04.2017 | SOSPESA | | | | | Mercoledì | 12.04.2017 | SOSPESA | | | | | Lunedì | 17.04.2017 | SOSPESA | | | | | Mercoledì | 19.04.2017 | SOSPESA | | | | 15. | Lunedì | 24.04.2017 | Modello applicazione web | {{ :bdd-infuma:02_lpw2017-8-modello_applicazione_web.pdf | Lezione 8}} {{ :bdd-infuma:100000.zip | modello}}| Andrea Marchetti | | 16. | Mercoledì | 26.04.2017 |Esercitazione: Open Refine | {{ :bdd-infuma:08.lpw2017openrefine.pdf | Esercitazione 8}} [[https://youtu.be/3hpRGOgvOOM|Video Tutorial]]|Angelica Lo Duca | | | Lunedì | 01.05.2017 | SOSPESA | | | | 17. | Mercoledì | 03.05.2017 | SOSPESA | | | | 18. | Lunedì | 08.05.2017 | Grafici | {{ :bdd-infuma:02_lpw2017-9-charts.pdf | Lezione 9}} | Andrea Marchetti | | 19. | Mercoledì | 10.05.2017 | Esercitazione: Highcharts | {{ :bdd-infuma:09.lpw_esercitazione_highcharts.pdf |Esercitazione 9}} {{ :bdd-infuma:2017.05.10.zip |Soluzioni}}| Angelica Lo Duca | | 20. | Lunedì | 15.05.2017 | Mappe tematiche | {{ :bdd-infuma:02_lpw2017-10-thematic_maps.pdf | Lezione 10}} | Andrea Marchetti | | 21. | Mercoledì | 17.05.2017 | Esercitazione: Google Maps |{{ :bdd-infuma:10.lpwgooglemaps-2.pdf |Esercitazione 10}} {{ :bdd-infuma:2017.05.17.zip | Soluzioni}} [[https://docs.google.com/forms/d/1Qbeqmuit2w0tB87OiJ6Jh9c0jzeYnInjNbzRwKf0kqY/edit| Questionario]] | Angelica Lo Duca | | 22. | Mercoledì | 24.05.2017 | Esercitazione: Linee Guida Progetto |{{ :bdd-infuma:11._lpw_linee_guida_progetto.pdf |Esercitazione 11}} | 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|http://wafi.iit.cnr.it/lab/LPW/esame/doc/Linee_guida_progetto.pdf]]. 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|http://wafi.iit.cnr.it/lab/LPW/esame/doc/TemplateRelazione.docx]]. 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 massima è 28/30. 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]]