Tecnologie Web - Di.unito.it

Transcription

Tecnologie Weba.a. 2017/2018Corso di Tecnologie Web a.a. 2017/2018 Corso di Laurea Magistralegdi riferimento: ComunicazioneICT e Media (CIME), gestito da:– Dipartimento di Culture, Politica e Società ("capofila", consede al Campus Luigi Einaudi ‐ CLE)– Dipartimento di Informatica– Dipartimento di Economia e Statistica Cognetti de doc corsippdi studio/produzione comunicazione/presentazione.html Scuola di riferimento: Scuola di Scienze Giuridiche,Politiche ed Economico‐Sociali (con sede al CLE)Goy - a.a. 2017/2018Tecnologie Web1Informazioni pratiche importanti - I CdLM CIME: corso del ***primo anno*** obbligatorio frequenza libera ma caldamente consigliata! CFU: 9 (54 ore, 18 lezioni) – 6 (36 ore, 12 lezioni) Orario:II semestre (inizio: 26/2/2018)lunedì e martedì, 13:00 - 16:00 Dove:Campus Luigi Einaudi (CLE)(CLE), L.goL go Dora Siena 100 (TO)(TO),aula Li5 Docente:Anna Goy (annamaria.goy@unito.it; 011 670 6786)Goy - a.a. 2017/2018Tecnologie Web21

Informazioni pratiche importanti - IICALENDARIO inizio: lunedì 26/2 fine prevista: lunedì 14/5 Non ci sarà lezione:– lunedì 5/3 (x decreto del Rettore)– lunedì 2/4 (vacanze di Pasqua)– martedì 3/4 (vacanze di Pasqua)– lunedì 30/4 (ponte)– martedì 1/5 (festa del Lavoro)eventuali variazioniverranno comunicatecon un avviso sulla miabacheca [vedi prox slide]e sulla pagina ufficialedel corso Orario:pagina ufficiale del corso[www.didattica-cps.unito.it/do/corsi.pl/Show? id d0nm;sort DEFAULT;search tecnologie%20web;hits 78] Per chi studia con noi Calendatio. e orario lezioni Orario lezioni 17/18 Comunicazione, ICT e mediaGoy - a.a. 2017/2018Tecnologie Web3Informazioni pratiche importanti - III Bacheca: www.di.unito.it/ goy/dida.htmlNB Controllate gli avvisi!Goy - a.a. 2017/2018Tecnologie Web42

Informazioni pratiche importanti - IV Pagina del corso (www.di.unito.it/ goy/corsoTW-1718.html)(informazioni varie, slide, info sull'esame, scadenze, ecc.)Goy - a.a. 2017/2018Tecnologie Web5Informazioni pratiche importanti - V Ricevimento: su appuntamento, presso il Dip. diInformatica (www.di.unito.it), Centro Piero della Francesca (C.Svizzera, 185 - Torino), ingresso da V. Pessinetto 12Istruzioni: salite dalla scala esterna (la seconda di Via Pessinetto) e (senzaentrare nella zona aule) salite al primo piano (per le scale bisogna superaresia il piano del parcheggio sia il piano ammezzato).Uscendo dall'ascensore (o arrivando dalle scale), la porta sulla destra è ilDip. diInformatica.Entrate echiedete agliusceriindicazioniper il mioufficio.Goy - a.a. 2017/2018Tecnologie Web63

Obiettivi del corso - ICosa sono le "tecnologie Web"?Una famiglia molto vasta e sfaccettata di tecnologie che sibasano tutte sui protocolli e gli standard che stanno alla basedi Internet e del Web (TCP/IP,(TCP/IP HTTP,HTTP .);); possono essereutilizzate per fini molto diversi: dallo sviluppo della propriapagina personale sul Web, alla costruzione di una complessainfrastruttura che permette la gestione integrata dei processiaziendali, del marketing, delle relazioni con i clientiPerché studiare le tecnologie Web?O i iOggigiorno,lal maggioranzaidelled ll soluzionil i i informatichei fti h perla gestione dell'informazione, della comunicazione e dellaconoscenza - tanto in azienda quanto sul territorio e nellaPubblica Amministrazione - si basano sulle tecnologie WebGoy - a.a. 2017/2018Tecnologie Web7Obiettivi del corso - IIMettere in cantiere un sito o una Web App di questi tempi nonè più attività per designer o developer improvvisati. Gli sviluppidelle tecnologie web, infatti, consentno oggi (e consentirannoancor di più nel prossimo futuro) di creare applicazioni webdalle funzionalità simili o uguali alle applicazioni desktop, e diarricchire notevolmente la user experience[C. Daniele, "HTML5 e CSS3: lo stato dell'arte", io Programmo, n.9, settembre 2012]More politicians need to be able to code if they are to legislateeffectively on technology[[TimBerners Lee,, novembre 2014: -who-know-how-to-code]Goy - a.a. 2017/2018Tecnologie Web84

Obiettivi del corso - IIICosa studieremo in questo corso?Il corso offre una panoramica strutturata delle tecnologienecessarie alla costruzione di sistemi (complessi) basati sulWebCosa impareremo in questo corso?Il corso ha l'obiettivo di fornire agli studenti strumentianalitici e metodologici, accompagnati da esempi concreti,che consentano loro di capire le problematiche, gli strumenti,le possibilità e i limiti nella valutazione e gestione di progettie sistemiii basatibi sullell tecnologiel i WebW bQuesta consapevolezza è necessaria al fine di operare scelteinformate ed efficaci nell'ambito di progetti ICT di vastaportataGoy - a.a. 2017/2018Tecnologie Web9Obiettivi del corso - IVRisultati attesi: Conoscenze:– Conoscenza delle soluzioni tecnologiche disponibiliper lal costruzioneidi sistemiii WebW b di diversadinatura– Consapevolezza delle finalità, limiti, problematiche epossibilità offerte dalle diverse soluzioni tecnologiche Abilità e competenze:– Capacità di valutare e gestire progetti basati sutecnologie Web– Capacità di prendere decisioni informate ed efficacirelativamente alla scelta delle tecnologie Web inambito aziendale, sociale e sul territorioGoy - a.a. 2017/2018Tecnologie Web105

Programma del corso - IPrima parte - le tecnologieObiettivo: rassegna delle principali tecnologie per la costruzione diapplicazioni web CCosa sono e come funzionanof iInternetI tt e il WebW b (architetture( hit tteprotocolli) ripasso Cos'e' una applicazione web Quali sono e come funzionano le tecnologie web: alcunedistinzioni importanti Linguaggi e tecnologie per la costruzione di applicazioni web:g gg di markup:p HTML,, HTML5,, CSS linguaggi linguaggi di programmazione e tecnologie client-side:Javascript (e jQuery) linguaggi e tecnologie server-side: form, link e database; PHP,JSP, Servlet; cenni a ASP.NET, CGI, Ruby, Python, PerlGoy - a.a. 2017/2018Tecnologie Web11Programma del corso - II Strumenti per il programmatore webCenni alla sicurezza delle applicazioni WebjQ y)Web 2.0: AJAX ((e jQuery)Mashup, Open API, servizi RESTful e Web Service SOAPLe applicazioni per dispositivi mobili (smartphone e tablet)Fine del programma da 6 cfu(solo CdL magistrali NON CIME né CPP)Goy - a.a. 2017/2018Tecnologie Web126

Programma del corso - IIISeconda parte - applicazioni e serviziObiettivo: esempi significativi di applicazioni e serviziconcreti realizzati per mezzo delle tecnologie presentatenella prima parte Strumenti per la costruzione e la gestione di applicazioni eservizi Web (Content Management Systems) LABORATORIO (costruire pagine web con Wordpress) Motori di ricerca: cosa sono (diventati) e come funzionanoGoy - a.a. 2017/2018Tecnologie Web13Pre-requisiti - IPrerequisiti (gli stessi del CdLM CIME):nozioni di base di: architettura dei calcolatori, software esistemi operativi, basi di dati, reti e internet, HTML, CSSTesti di riferimento: L. Console, M. Ribaudo, U. Avalle, F. Carmagnola, F. Cena.Introduzione all’informatica - quarta edizione. Utet, 2010[capitolo 2 pp. 43-59 (2.5); capitolo 3 pp. 61-67; capitolo 4 tutto; capitolo 5 pp.120-127 (fino a code di processi incluso) pp. 158-169 (5.5); capitolo 6 tutto;capitolo 8 pp. 226-262 (cap. 9 facoltativo); capitolo 10 tutto; capitolo 11 pp. 331340 345-361] P. Atzeni, S. Ceri, S. Paraboschi, R. Torlone. Database Systems CConcepts,t LanguagesLanddAArchitectures.hit tM GMcGraw-Hill,Hill 1999(online: dbbook.dia.uniroma3.it/dbbook.pdf)[capitoli 1, 2, 3.1, 4.1, 4.2, 4.3, 5, 6.1, 6.2, 7.3] Guida HTML: https://www.w3schools.com/html Guida CSS: https://www.w3schools.com/cssGoy - a.a. 2017/2018Tecnologie Web147

Pre-requisiti - III prerequisiti sono prerequisiti! Questo significa che: sono concetti che è necessario conoscere per capire i temitrattati in questo corsoessere magari indirettamente,indirettamente sono concetti che possono essere,oggetto di verifica in sede d'esame sono concetti che, se non conoscete, dovete studiare, inparticolare:– coloro che sono stati ammessi a CIME pur NON avendo cfu neisettori disciplinari INF/01 e/o ING-INF/05 sono invitati adallineare le proprie competenze informatiche ai prerequisiti delCdLM (e quindi del corso)– l'allinamento delle competenze per gli studenti provenienti daaltri CdL è ugualmente caldamente consigliato Per qualunque dubbio relativo ai prerequisiti, scrivetemi perconcordare un ricevimento!Goy - a.a. 2017/2018Tecnologie Web15Programma del corso: esame - IESAME DA 9 cful'esame si compone di 3 PARTI:1. Relazione su un argomento a scelta, legato ai temi trattati nelcorso (in particolare nella seconda parte)occhio alle scadenze per la consegna della relazione!!!2. Scritto sulla prima parte del corso3. Colloquio orale individuale su tutti gli argomenti del corso(in particolare sulla relazione e sulla seconda parte)Programma: prima parte seconda parteESAME DA 6 cfu1. Scritto sulla prima parte del corsoProgramma: SOLO prima parteGoy - a.a. 2017/2018Tecnologie Web168

Programma del corso: esame - IIIMPORTANTE!Relazione, scritto e orale costituiscono un UNICO ESAME,quindi ll'oraleorale (II parte) deve essere sostenuto nello stessoappello dello scrittoDi conseguenza, sono ammessi allo scritto solo gli studentiche hanno consegnato la relazione secondo la corrispondentescadenza indicataSi ricorda inoltre che l'obiettivo è quello dicapirei glili argomentiti di cuii sii parlal nell corso eNON di imparare a memoria le slide se avete dubbi o domande,venite a ricevimento!!Goy - a.a. 2017/2018Tecnologie Web17https://www.youtube.com/watch?v Fcrobk3AMcAProgramma del corso: esame - IIIRelazione [per esame da 9 cfu]: deve avere la forma di un breve articolo, di taglio scientifico o divulgativo,su un argomento concordato con la docente e attinente ai temi affrontati nellaseconda parte del corso può avere un taglio interdisciplinare, ma non deve trascurare il punto di vistatecnologico deve contenere gli opportuni riferimenti alle fonti (nel testo e in una brevebibliografia finale) non deve superare le 4 pagine (interlinea singola, Times 12) deve essere intestata con nome e cognome nella prima pagina (in alto a dx) devedessere inviatai i t ini formatoft PDF viai e-mailil a annamaria.goy[at]unito.iti[ ] i i(nome file PDF vostro cognome, per es: rossi.pdf) secondo le scadenzepubblicate negli avvisi sulla bacheca [www.di.unito.it/ goy/dida.html] e sullapagina istituzionale del corso, sul sito del CdLM CIME [www.didatticacps.unito.it/] (indicativamente, una settimana prima dell'appello)Goy - a.a. 2017/2018Tecnologie Web189

Testi e materiale di riferimento - IPurtroppo non ho trovato un testo che comprendesse, algiusto livello di dettaglio, tutti gli argomenti affrontatinel corsogDi conseguenza1. la frequenza delle lezioni è caldamente consigliata!2. il principale "testo di riferimento" sono le slide, che sonodisponibili online [www.di.unito.it/ goy/corsoTW-1718.html]3. fate riferimento alle slide per sapere quali argomenti (e aquale livello di in dettaglio) fanno parte del programma4. nelle slide trovate numerosissimi riferimenti a risorse(soprattutto online) che, nel loro complesso, rappresentano labibliografia di riferimento del corso usateli!!5. consultate la bacheca [www.di.unito.it/ goy/dida.html]!!6. per qualunque dubbio, scrivetemi (annamaria.goy[-at-]unito.it)!!Goy - a.a. 2017/2018Tecnologie Web19Testi e materiale di riferimento - IIPer chi vuole approfondire (anche solo alcuni argomenti),due testi consigliati (ma che NON fanno parte delprogramma) M. StMStepp, JJ. MillMiller, V.V Kirst.Ki t WebW b ProgrammingPi StepSt byb StepSt(second edition). www.webstepbook.com D. Cameron. A Software Engineer Learns HTML5, JavaScript& jQuery. Cisdal Publishing, 2014Goy - a.a. 2017/2018Tecnologie Web2010

Testi e materiale di riferimento - IIIEsistono poi molti corsi di sviluppo web (webdevelopment) e programmazione (coding) online, utiliper approfondire. x es:CodecademyCd d(www.codecademy.comdd) corsi di HTML5 e emy.com/learn/learn-css corsi di Javascript, Python, Java, Ruby, PHP, SQL, JQuery,AngularJS, . x riptwww.codecademy.com/learn/learn-jquerycodecadem com/learn/learn jq er modello di business freemium: lezioni interattive gratuite utenti abbonati alla versione Pro possono partecipare a progetti,test e avere assistenza (live chat)Goy - a.a. 2017/2018Tecnologie Web21Testi e materiale di riferimento - IV Tre programmi intensivi a evelopment)x costruire siti web, applicazioni front-end e API WebGoy - a.a. 2017/2018Tecnologie Web2211

Testi e materiale di riferimento - VDash (dash.generalassemb.ly) corsi di HTML, CSS, Javascript, . progetti x costruire un sito personale, un tema responsive perun blog (con CSS), un sito web di una piccola aziendaNB: richiede l'iscrizioneGoy - a.a. 2017/2018Tecnologie Web23H. Jeong & C. E. Hmelo-Silver,Seven Affordances of Computer-Supported CollaborativeLearning: How to Support Collaborative Learning? How CanTechnologies 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. 2017/2018Tecnologie Web2412

Laboratorio Nuove tendenze dell'ICT - I PresentazioneLa velocissima evoluzione delle ICT (Information and CommunicationTechnologies) pone numerose sfide e, al tempo stesso, offre moltissimeopportunità. Nuove esigenze poste dagli scenari abilitati dall'UbiquitousComputing, dal Cloud Computing, dal Semantic Web, dal Web of Data e dalWeb of Things devono trovare risposta nella definizione di nuovearchitetture, nuovi paradigmi, nuove tecnologie, nuovi serviziIl laboratorio si propone di discutere le tematiche che rappresentano ilconfine dell'innovazione tecnologica tra presente e futuro, fornendo glistrumenti per comprendere esigenze e soluzioni tecnologiche innovative eper analizzare criticamente le principali tendenze dell'ICT Quando? Dove?Nel secondo semestre, a partire da marzo 2018, il mercoledìdalle 16:00 alle 18:00 (salvo diversa indicazione), al CLEUlteriori indicazioni sul programma, l'aula e la data di inizioverranno comunicate dopo NataleGoy - a.a. 2017/2018Tecnologie Web25Laboratorio Nuove tendenze dell'ICT - II Informazioni?Sul sito del CdLM Comunicazione, ICT e MediaSu: www.di.unito.it/ goy/dida.htmlScrivendomi (annamaria.goy@unito.it) Elcuni dei temi affrontati– Semantic Web, ontologie e Linked Open Data– Intelligenza Artificiale– Computational Social Science: la diffusione dell'informazione sui socialmedia e sulla rete– Big Data, Open Data e Natural Language Processing per misurare lasoddisfazione dei clienti– Web Marketing, SEO e presenza sui motori di ricerca e sui social media– Digital Humanities: tecnologie al servizio del patrimonio culturaledigitale, per il supporto all'attività didattica e alla valorizzazione degliarchivi storici– Information Visualization– Mobile app e valorizzazione del territorioGoy - a.a. 2017/2018Tecnologie Web2613

Laboratorio Nuove tendenze dell'ICT - III Le tematiche saranno affrontate da una prospettiva il piùpossibile multi-disciplinare, che consentirà ai partecipanti dicomprenderne tanto la portata tecnologica quanto l'impattosocio-economicosocioeconomico dei fenomeni discussi Il laboratorio prevede una serie di interventi, tenuti da espertiappartenenti sia al mondo accademico sia a quello aziendale(provenienti da aziende con un forte radicamento nel territoriotorinese), affiancati da alcune tavole rotonde Gli incontri sono strutturati in modo da consentire un'ampiapartecipazione da parte del pubblico, offrendo possibilità diapprofondimento e di discussione Gli incontri sono aperti a tutti gli interessati Per il riconoscimento dei cfu: www.di.unito.it/ goy/dida.htmlGoy - a.a. 2017/2018Tecnologie Web2714

Informatica (www.di.unito.it), Centro Piero della Francesca (C. Svizzera, 185 - Torino), ingresso da V. Pessinetto 12 . Oii l i dllli iif tih Goy - a.a. 2017/2018 Tecnologie Web 7 Oggigiorno, la maggioranza delle soluzioni informatiche per la gestione dell'informazione, della comunicazione e della