Relatore Prof. Marco Porta Correlatore Prof. Luca Lombardi

Presentazione sul tema: "Relatore Prof. Marco Porta Correlatore Prof. Luca Lombardi"— Transcript della presentazione:

1 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

2 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

3 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)

4 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 px; width: 50px; height: 50px; left: 1093px; }

5 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”

6 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(); }

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

8 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);

9 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(); });

10 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)