Relatore Prof. Marco Porta Correlatore Prof. Luca Lombardi UNIVERSITÀ DEGLI STUDI DI PAVIA DIPARTIMENTI DI GIURISPRUDENZA, INGEGNERIA INDUSTRIALE E DELL’INFORMAZIONE, SCIENZE ECONOMICHE E AZIENDALI, SCIENZE POLITICHE, STUDI UMANISTICI CORSO DI LAUREA INTERDIPARTIMENTALE IN COMUNICAZIONE PROFESSIONALE MULTIMEDIALITÀ IL LINGUAGGIO JAVASCRIPT E LA LIBRERIA JQUERY: CARATTERISTICHE E APPLICAZIONI Relatore Prof. Marco Porta Correlatore Prof. Luca Lombardi Tesi di laurea di Riccardo Sacco

IL WEB Ideato nei primi anni ‘90 insieme alle prime versioni di HTML e HTTP. Il protocollo HTTP è il protocollo utilizzato per trasferire le pagine Web Il codice HTML è il linguaggio testuale di Mark Up usato per costruire le pagine Web

Tecnologie web Evoluzione delle tecnologie del Web: HTML CSS Esempio codice HTML CSS <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> JavaScript, Flash (ActionScript) Librerie jQuery (Javascript)

I CSS CASCADING STYLE SHEET All’inizio non esiste un modo per definire lo stile delle pagine Nascono quindi i CSS o fogli di stile: è possibile intervenire sugli elementi HTML e creare dei layout complessi Esempio CSS #button_right { position: absolute; margin: 250px 0 0 00px; width: 50px; height: 50px; left: 1093px; }

Javascript Linguaggio di programmazione creato per aggiungere “intelligenza” e dinamicità Nascono le pagine interattive e dinamiche Dynamic HTML Javascript permette alla pagina HTML di compiere “azioni”

Javascript Javascript: una programmazione basata su oggetti Js è un insieme di OGGETTI software che cooperano tra loro Ogni oggetto è in grado di eseguire delle azioni quando richieste dall’utente Esempio Javascript function myFunction() { document.getElementById("demo").innerHTML = Date(); }

Flash Strumento per elaborazione grafica vettoriale Actionscript: linguaggio di programmazione di comportamenti interattivi

Actionscript Flash e Actionscript sono utilizzati per sviluppare diverse tecnologie di contenuti multimediali grafica tradizionale siti Internet applicazioni mobile videogiochi animazioni Esempio Actionscript var albumName:String = "Three for the money"; outputText.appendText("albumName = "); outputText.appendText(albumName);

jQuery   Si tratta di una libreria javascript cross-browser, free e open source Serve per velocizzare e facilitare la scrittura di script Migliore manutenzione Creare animazioni ed effetti Non ha bisogno di un plug-in come Flash Esempio jQuery $(window).load(function() { $('#slider').nivoSlider(); });

Conclusioni I linguaggi per lo sviluppo web avranno come obiettivo: Semplificazione ulteriore della sintassi per agevolare gli sviluppatori Possibilità di utilizzo anche da parte di chi non è esperto Nonostante la brevità degli script, gli effetti grafici saranno più efficaci Interazione semplificata tra i linguaggi utilizzati ( Es“chiamata jQuery”) $(‘div#header’).addClass(‘miaclasse’).text(‘Mi chiamo Mario Rossi’).width(200)