Tecnologie Web: Approcci Avanzati

Tecnologie Web:approcci avanzatia.a. 2021/2022 Corso di Laurea Magistrale di riferimento: Comunicazione ICT e Media (CIME),gestito da:̶̶̶Dipartimento di Culture, Politica e Società ("capofila", con sede al Campus LuigiEinaudi - CLE)Dipartimento di InformaticaDipartimento di Economia e Statistica Cognetti de doc corsi di studio/produzione comunicazione/presentazione.html Scuola di riferimento: Scuola di Scienze Giuridiche, Politiche edEconomico-Sociali (con sede al CLE)Goy - a.a. 2021/2022Tecnologie Web: approcci avanzati1

Informazioni pratiche importanti - ITecnologie Web: approcci avanzati [CPS0547] CdLM CIME: corso del primo anno, obbligatorio CFU: 9 (54 ore, 18 lezioni) – 6 (36 ore, 12 lezioni) docente: Annamaria Goy (annamaria.goy@unito.it) ricevimento su appuntamento (da concordare via email)aula virtuale Webex:https://unito.webex.com/meet/annamaria.goy quando: I semestre (inizio: 11 ottobre 2021)lunedì e mercoledì, 09:00 - 12:00 dove: online aula virtuale Webex:https://unito.webex.com/meet/annamaria.goy frequenza: libera ma caldamente consigliata!Goy - a.a. 2021/2022Tecnologie Web: approcci avanzati2

Informazioni pratiche importanti - II pagina ufficiale del pl/Show? id d0nm corso su Moodle: hp?id 2397 "bacheca didattica" personale: www.di.unito.it/ goy/dida.html "bacheca" del corso: www.di.unito.it/ goy/corsoTW-2122.html(informazioni varie, slide, info sull'esame, appelli, ecc.) NB chi non ha ancora le credenziali di Ateneo, può seguire le lezioni online su Webex come "ospite" I-Join-as-Guest-Using-CiscoWebex-Meetings-Online); una volta immatricolato, potrà configurare Webex(rif: https://drive.google.com/open?id 1kbxu3xch6lzLFok9aOn9KLfgoFcHTGGQ) iscriversi al corso Moodle previa registrazione sul portale unito, seguendoqueste istruzioni: eGoy - a.a. 2021/2022Tecnologie Web: approcci avanzati3

Informazioni pratiche importanti - IIIPagina ufficiale del pl/Show? id d0nmGoy - a.a. 2021/2022Tecnologie Web: approcci avanzati4

Informazioni pratiche importanti - IVBacheca didattica: www.di.unito.it/ goy/dida.htmlControllategli avvisi!Consultatela paginadel corso!Goy - a.a. 2021/2022Tecnologie Web: approcci avanzati5

Informazioni pratiche importanti - VBacheca del corso: www.di.unito.it/ goy/corsoTW-2122.html(informazioni varie, slide, info sull'esame, appelli, ecc.)Goy - a.a. 2021/2022Tecnologie Web: approcci avanzati6

Materiale e modalità di partecipazioneSu Moodle php?id 2397) verràpubblicato materiale fruibile in modalità asincrona: slide video quiz ed eserciziSu Webex (https://unito.webex.com/meet/annamaria.goy), si svolgeranno lezioniinterattive di approfondimento e chiarimento sia degli aspetti teorici che deglieserciziI suggerimenti bibliografici che si trovano al fondo di queste slide rappresentanouna bibliografia generaleNelle slide trovate numerosissimi riferimenti a risorse (soprattutto online) usateli!!Potete utilizzare altre fonti per approfondire gli argomenti del corso.Goy - a.a. 2021/2022Tecnologie Web: approcci avanzati7

Prerequisiti - I Conoscenza di base di:– architettura dei calcolatori– software e sistemi operativi– reti e internet– linguaggi di programmazione– HTML e CSS, programmazione WebAttenzione!I prerequisiti sono concetti cheè necessario conoscere per capirequesto corso (e possono essereoggetto di verifica in sede d'esame)Goy - a.a. 2021/2022Tecnologie Web: approcci avanzati8

Prerequisiti - II Testi consigliati per i pre-requisiti:–––––––Si vedano anche iDennis P. Curtin, Kim Foley, Kunal Sen, Cathleen Morin. Informatica di prerequisiti di accesso albase. McGraw Hill, 2016. [capitoli: 2 (no 2.17), 3, 4, 5, 7, 8, 9, 10, 11, 12, 15] CdLM CIME:Console L., Ribaudo M., Avalle U., Carmagnola F., Cena F. Introduzione w?all'informatica, UTET Università, 2010 [capitoli: 2, 3, 4, 5, 6, 7, 8]id jdeiGuida HTML5 (https://www.w3schools.com/html/)Guida CSS (https://www.w3schools.com/css/)Elmasri R.A., Navathe S.B. Sistemi di basi di dati - Fondamenti, Pearson [Capitoli: 1, 2, 3, 5, 6, 7, 8]Stepp M., Miller J., Kirst V. Web Programming, Step by Step (II Edition),http://www.webstepbook.com [Capitoli: 1, 2, 3, 4, 5, 6, 13, 14]V. Della Mea, L. Di Gaspero, I. Scagnetto, Programmazione Web Lato Server (II edizioneaggiornata), Apogeo, 2011 l]– What is programming: mming (trial gratuito10 giorni)– Learning to Program - Part 1: Getting Started: mming-javascript (trial gratuito 10 giorni)– Possono essere utili le slide di Tecnologie Web (aa 2018/19):http://www.di.unito.it/ goy/corsoTW-1819.htmlGoy - a.a. 2021/2022Tecnologie Web: approcci avanzati9

Obiettivi del corsoOggigiorno, la maggioranza delle soluzioni informatiche per la gestionedell'informazione, della comunicazione e della conoscenza - tanto inazienda quanto sul territorio e nella Pubblica Amministrazione - sonoapplicazioni o servizi che si basano sulle tecnologie Web L'obiettivo del corso è quello di mettere gli studenti in grado di sviluppareun'applicazione o servizio Web, utilizzando i corretti paradigmiarchitetturali e le corrette metodologie di sviluppo Il corso si propone di rendere lo studente autonomo nella scelta enell'utilizzo degli strumenti necessari per lo sviluppo di applicazioni eservizi sul Web Il corso è organizzato in lezioni frontali, affiancate da esercitazioni praticheGoy - a.a. 2021/2022Tecnologie Web: approcci avanzati10

Programma Cos'è una applicazione Web: architetture, componenti, tecnologie Gestire la componente server-side: object-oriented PHP:– introduzione: classi, oggetti, costruttori, metodi, ereditarietà, classianonime, ecc.– l'interazione con il client: gestire HTTPrequest e HTTPresponse conOO-PHP– l'interazione con il database: la libreria PDO Gestire la componente client-side: Javascript/jQuery L'interazione asincrona tra client e server: chiamate Ajax Trasformare un'app in un Web Service: costruire e invocare API REST conPHP e Javascript/jQuery Costruire applicazioni Web strutturate: il modello MVC e i Framework PHPGoy - a.a. 2021/2022Tecnologie Web: approcci avanzati11

Esame - IEsame 2 prove Attenzione! Le due prove costituiscono un unico esame, quindi laseconda prova deve essere sostenuta nello stesso appello della prima prima prova: verifica le conoscenze su architetture, paradigmi,metodologie per lo sviluppo di applicazioni WebModalità: esame scritto seconda prova: realizzazione -- anche in gruppo[*] (max 3 persone) -- diun piccolo progetto (applicazione web) che rispetti i requisiti cheverranno comunicati durante il corso e pubblicati online discussioneLa valutazione terrà conto delle scelte implementative e della capacitàdi spiegarle correttamenteModalità: colloquio orale[*]i membri di un gruppo di progetto possono sostenere l'esame in appelli diversiGoy - a.a. 2021/2022Tecnologie Web: approcci avanzati12

Esame - II Calcolo del voto:prima prova max 18 punti (60% del voto)seconda prova max 12 punti (40% del voto)totale max 30 punti ( voto) Entrambe le prove possono essere sostenute in inglese Versione da 6 cfu: sia lo scritto sia i requisiti del progettosaranno ridotti a 2/3 rispetto alla versione da 9 cfu In linea di massima NON sono previsti esoneriGoy - a.a. 2021/2022Tecnologie Web: approcci avanzati13

Esame - IIISi ricorda che l'obiettivo èquello di capire gli argomenti dicui si parla nel corso e NON diimparare a memoria le slide (ogli esempi) se avete dubbi o domande,venite a ricevimento!!Goy - a.a. 2021/2022https://www.youtube.com/watch?v qtP3FWRo6OwSi ricorda inoltre che le parolesono importanti: sono (quasi)l'unico strumento perveicolare i concetti cheabbiamo in testa usate leparole in modo appropriato!!Tecnologie Web: approcci avanzati14

Indicazioni bibliografiche - I M. Stepp, J. Miller, V. Kirst. Web Programming Step by Step(second edition), 2013 (NB utilizza PHP 5)può essere acquistato online: www.webstepbook.commateriale supplementare gratuito disponibile: www.webstepbook.com/supplements.shtml D. Cameron. A Software Engineer Learns HTML5, JavaScript & jQueryCisdal Publishing, 2014 [asoftwareengineerlearns.com/publishing.html] E. Zimuel, Sviluppare in PHP 7 (II edizione), Tecniche Nuove, 2019può essere acquistato online: www.sviluppareinphp7.itslide relative alla I edizione (2017): www.zimuel.it/slides/unito2017#/ V. Della Mea, L. Di Gaspero, I. Scagnetto. Programmazione Web Lato Server(seconda edizione aggiornata), Apogeo, 2011può essere acquistato online: lcodice degli esempi: 9/allegati/pubblic/3107 codiceEsempi.zipGoy - a.a. 2021/2022Tecnologie Web: approcci avanzati15

Indicazioni bibliografiche - II php.net (in particolare php.net/manual) AJAX CRUD Tutorial Using jQuery, JSON and PHP – Step by Step ajax-and-oop.html] How To Create A Simple REST API in PHP? Step By Step rest-api-in-php.html] Doru Somcutean, HOW TO: Create Lumen API - Basic [NB fa riferimento a Lumenv. 5.x !!], 2019 umen-basic-api/] Sul sito www.pluralsight.com ci sono molti corsi online che possono essere utili, x es:Front End Web Development: Get StartedPHP FundamentalsPHP: Getting StartedCode School: Try PHPObject-oriented PHP: Essential ConstructsJavaScript: Getting StartedjQuery FundamentalsjQuery: Getting StartedDesigning RESTful Web APIsRESTful Web services with PHP and LaravelGoy - a.a. 2021/2022Tecnologie Web: approcci avanzatiè disponibile un freetrial di 10 giorni; ilcostodell'abbonamentomensile è di 26 euro16

Indicazioni bibliografiche - IIIInoltre (cose interessanti che NON vediamo). REST API Authentication Example in PHP – JWT -authentication-example-php-jwt-tutorial.html] Suggerimenti da Zimuel (2017):––––P. Sturgeon. Build APIs You Won't Hate. 2015L. Richardson, S. Ruby, M. Amundsen. RESTful Web APIs. O'Reilly Media, 2013L. Mitchell. PHP Web Services. O'Reilly Media, 2013S. Parastatidis, J. Webber, I. Robinson. REST in Practice. O'Reilly Media, 2010 .E ricordatevi che il miglior posto per risolvere iproblemi di programmazione. è stackoverflow.com!!!Goy - a.a. 2021/2022Tecnologie Web: approcci avanzati17

Una riflessione H. Jeong & C. E. Hmelo-Silver,Seven Affordances of Computer-Supported Collaborative Learning: How toSupport Collaborative Learning? How Can Technologies Help?Educational Psychologist 51(2), 247–265, 2016"Fully supporting task goals may ease the cognitive load butmight not be beneficial for learning (Hmelo-Silver, Duncan, &Chinn, 2007). Depending on the situation, providing lesssupport and even making the task more challenging might beneeded (Cohen, 1994). Kapur (2008) argued that allowingstudents to fail at their problem solving in the short run maybetter enhance their learning in the long run"Goy - a.a. 2021/2022Tecnologie Web: approcci avanzati18

Laboratorio Nuove tendenze dell'ICT La velocissima evoluzione delle ICT pone numerose sfide e, al tempo stesso,offre moltissime opportunità: il laboratorio si propone di discutere letematiche che rappresentano il confine dell'innovazione tecnologica trapresente e futuro, quali, per esempio: Semantic Web e Linked Open Data;Intelligenza Artificiale; Interfacce Vocali; ICT e beni culturali; Social MediaMarketing e Search Engine Optimization; Data Science; Digital Humanities;Information Visualization Il laboratorio prevede una serie di interventi, tenuti da esperti appartenentisia al mondo accademico sia a quello aziendale Gli incontri sono aperti a tutti gli interessati Nel secondo semestreUlteriori indicazioni sul programma saranno disponibili dopo Natalesulla pagina del lab: w? id s49fsulla bacheca didattica: www.di.unito.it/ goy/dida.htmlGoy - a.a. 2021/2022Tecnologie Web: approcci avanzati19

Goy - a.a. 2021/2022 Tecnologie Web: approcci avanzati 2 Informazioni pratiche importanti - I Tecnologie Web: approcci avanzati [CPS0547] CdLM CIME: corso del primo anno, obbligatorio CFU: 9 (54 ore, 18 lezioni) - 6 (36 ore, 12 lezioni) docente: Annamaria Goy (annamaria.goy@unito.it) ricevimento su appuntamento (da concordare via email) aula virtuale Webex: