SlideShare une entreprise Scribd logo
1  sur  9
Télécharger pour lire hors ligne
Javascript e Firebug per lo sviluppo Web 3.0

Relatore
Guido Brugnara

Mozilla Firefox
Firefox OS
Protocol::Websocket
Realtime Web
Event Driven
LinuxDay 2013 – Rovereto, 26 ottobre

State Machine
Messaging
Internet of Things
Dojo Toolkit
Javascript
Firebug

http://www.laurencegellert.com/2011/11/realtime-web-is-this-web-3-0/
Javascript e Firebug per lo sviluppo Web 3.0

Guido Brugnara

<script type=”text/javascript”>
alert(“Ciao, mondo”);
</script>
ECMA-262 (standard ISO/IEC 16262:2011)
JavaScript (Mozilla)
JScript (Microsoft)
ActionScript (Adobe)

LinuxDay 2013 – Rovereto, 26 ottobre

Compatibilità con ECMA Script 5
http://kangax.github.io/es5-compat-table/

Con Firebug abbiamo a disposizione un
completo ambiente di sviluppo con
il quale è possibile:
- tracciare gli errori
- eseguire il codice javascript passo-passo
- seguire il valore delle variabili
- eseguire del codice “al volo”
- ispezionare gli oggetti

...
ione
az
ostr
Dim
Javascript e Firebug per lo sviluppo Web 3.0

Guido Brugnara

SVG (Scalable Vector Grafic)

LinuxDay 2013 – Rovereto, 26 ottobre

Con Firebug è possibile analizzare
e modificare dinamicamente le
primitive grafiche SVG
..
ne .
zio
stra
o
Dim

Nota:
WebGL è una libreria grafica per il
disegno 3D ma gli elementi grafici
non sono accessibili dal DOM!

http://html5demos.com/
Javascript e Firebug per lo sviluppo Web 3.0

Guido Brugnara

Editor HTML5 Open Source
­ sviluppo WYSIWYG
­ assemblaggio drag & drop 
­ “gira” nei browser

LinuxDay 2013 – Rovereto, 26 ottobre

­ desktop & mobile
­ multipiattaforma
­ genera codice modificabile
­ HTML5 & CSS3
­ OpenAjax Widget
­ basata su Dojo Toolkit

ostr
Dim

...
one
azi

http://maqetta.org/
Javascript e Firebug per lo sviluppo Web 3.0

Guido Brugnara

ambiente di sviluppo
per Desktop, Mobile,
Kiosk, Embedded,
Server

Open Web! 
Firefox OS

LinuxDay 2013 – Rovereto, 26 ottobre

WebRTC
Real Time
Web

Web­Stomp 

Websocket 

Engine:
Rhino (Java)
SpiderMonkey (C/C++)
V8 (C++)

http://en.wikipedia.org/wiki/Comparison_of_server-side_JavaScript_solutions
Javascript e Firebug per lo sviluppo Web 3.0

Guido Brugnara

LinuxDay 2013 – Rovereto, 26 ottobre

Websocket 

...
ione
az
ostr
Dim

Specifica HTML5
che definisce
un’interfaccia standard
per la comunicazione
bidirezionale
tra un client web
 e un server.

Fast Real Time
Nell'articolo http://www.websocket.org/quantum.html
vengono illustrati i risultati di performance confrontando
Comet con Websocket.
Si ottiene un incremento delle prestazioni di 500-1000/1
e una riduzione di un fattore 3/1 nella latenza.
La tecnologia websocket comporta un’evoluzione notevole
delle applicazioni web real-time.

http://www.gironimo.org/webentwicklung/websockets-sockets-im-web.html CC-BY-SA

POE (Perl Object Environment)
Protocol::WebSocket
POE::Component::Server::TCP
Javascript e Firebug per lo sviluppo Web 3.0

Guido Brugnara

Event Driven ­ Messages
Le interfacce grafiche sono “Event Driven” (programmazione a eventi)

LinuxDay 2013 – Rovereto, 26 ottobre

I nodi della rete comunicano tra loro scambiandosi messaggi
utilizzando dei server (Broker) oppure direttamente (Peer­to­peer)
I nodi “reagiscono” ai messaggi ricevuti generando 
a loro volta altri messaggi 
Si tratta di un paradigma di programmazione
ad Eventi Real­Time, distribuito in Rete
I nodi sono persone, server … ma anche
“oggetti” … ovvero l'Internet delle cose.
 
Javascript e Firebug per lo sviluppo Web 3.0

Guido Brugnara

Esempio di interfaccia Real­Time
Stazione di sollevamento di Vela (TN)

LinuxDay 2013 – Rovereto, 26 ottobre

Linux
POE Perl
Dojo Toolkit
PostgreSql
Comet
Modbus
str
imo
D

...
one
azi

Firefox

http://www.slideshare.net/gdobr/perl-scada-dojo-hmi
Javascript e Firebug per lo sviluppo Web 3.0

Guido Brugnara

LinuxDay 2013 – Rovereto, 26 ottobre

Grazie!

:­)
Rif:
http://www.leader.it/Portal/LinuxDay2013

Leader.IT NETWORK
www.leader.it
info@leader.it
Rif. Ing. Guido Brugnara

Contenu connexe

Similaire à Javascript e Firebug per lo sviluppo Web 3.0

Linux Day 2014 - Napoli - Programma Il Futuro: una scelta open source
Linux Day 2014 - Napoli - Programma Il Futuro: una scelta open sourceLinux Day 2014 - Napoli - Programma Il Futuro: una scelta open source
Linux Day 2014 - Napoli - Programma Il Futuro: una scelta open sourceMario Rossano
 
Phpday 2009 php e java
Phpday 2009 php e javaPhpday 2009 php e java
Phpday 2009 php e javaMatteo Baccan
 
I Linguaggi Del Web (2° Giornata)
I Linguaggi Del  Web (2°  Giornata)I Linguaggi Del  Web (2°  Giornata)
I Linguaggi Del Web (2° Giornata)Diego La Monica
 
Hardware Libero - Linux Day 2007
Hardware Libero - Linux Day 2007Hardware Libero - Linux Day 2007
Hardware Libero - Linux Day 2007pino_otto
 
Matteo baccan raspberry pi - linox 2015 - corso parte 3
Matteo baccan   raspberry pi - linox 2015 - corso parte 3Matteo baccan   raspberry pi - linox 2015 - corso parte 3
Matteo baccan raspberry pi - linox 2015 - corso parte 3Matteo Baccan
 
Sviluppo di applicazioni web con Django
Sviluppo di applicazioni web con DjangoSviluppo di applicazioni web con Django
Sviluppo di applicazioni web con DjangoMauro Barattin
 
GWT Development for Handheld Devices
GWT Development for Handheld DevicesGWT Development for Handheld Devices
GWT Development for Handheld DevicesGWTcon
 
MITM Attack with Patching Binaries on the Fly by Adding Shellcodes
MITM Attack with Patching Binaries on the Fly by Adding ShellcodesMITM Attack with Patching Binaries on the Fly by Adding Shellcodes
MITM Attack with Patching Binaries on the Fly by Adding ShellcodesGianluca Gabrielli
 
Progettazione e sviluppo di un software applicativo su un single board computer
Progettazione e sviluppo di un software applicativo su un single board computerProgettazione e sviluppo di un software applicativo su un single board computer
Progettazione e sviluppo di un software applicativo su un single board computerAlessandro Mascherin
 
Sviluppo Web Agile con Castle Monorail
Sviluppo Web Agile con Castle MonorailSviluppo Web Agile con Castle Monorail
Sviluppo Web Agile con Castle MonorailDotNetMarche
 
Alessandro Forte - Realizzare controlli Ajax in ASP.Net
Alessandro Forte - Realizzare controlli Ajax in ASP.NetAlessandro Forte - Realizzare controlli Ajax in ASP.Net
Alessandro Forte - Realizzare controlli Ajax in ASP.NetAlessandro Forte
 

Similaire à Javascript e Firebug per lo sviluppo Web 3.0 (20)

Linux Day 2014 - Napoli - Programma Il Futuro: una scelta open source
Linux Day 2014 - Napoli - Programma Il Futuro: una scelta open sourceLinux Day 2014 - Napoli - Programma Il Futuro: una scelta open source
Linux Day 2014 - Napoli - Programma Il Futuro: una scelta open source
 
Phpday 2009 php e java
Phpday 2009 php e javaPhpday 2009 php e java
Phpday 2009 php e java
 
8 - Il browser
8 - Il browser8 - Il browser
8 - Il browser
 
Il browser
Il browserIl browser
Il browser
 
I Linguaggi Del Web (2° Giornata)
I Linguaggi Del  Web (2°  Giornata)I Linguaggi Del  Web (2°  Giornata)
I Linguaggi Del Web (2° Giornata)
 
Presentazione CERT-CHECK
Presentazione CERT-CHECKPresentazione CERT-CHECK
Presentazione CERT-CHECK
 
Hardware Libero - Linux Day 2007
Hardware Libero - Linux Day 2007Hardware Libero - Linux Day 2007
Hardware Libero - Linux Day 2007
 
Matteo baccan raspberry pi - linox 2015 - corso parte 3
Matteo baccan   raspberry pi - linox 2015 - corso parte 3Matteo baccan   raspberry pi - linox 2015 - corso parte 3
Matteo baccan raspberry pi - linox 2015 - corso parte 3
 
Html5
Html5Html5
Html5
 
Sviluppo di applicazioni web con Django
Sviluppo di applicazioni web con DjangoSviluppo di applicazioni web con Django
Sviluppo di applicazioni web con Django
 
GWT Development for Handheld Devices
GWT Development for Handheld DevicesGWT Development for Handheld Devices
GWT Development for Handheld Devices
 
MITM Attack with Patching Binaries on the Fly by Adding Shellcodes
MITM Attack with Patching Binaries on the Fly by Adding ShellcodesMITM Attack with Patching Binaries on the Fly by Adding Shellcodes
MITM Attack with Patching Binaries on the Fly by Adding Shellcodes
 
Progettazione e sviluppo di un software applicativo su un single board computer
Progettazione e sviluppo di un software applicativo su un single board computerProgettazione e sviluppo di un software applicativo su un single board computer
Progettazione e sviluppo di un software applicativo su un single board computer
 
AlgoMOOCj 04.03
AlgoMOOCj 04.03AlgoMOOCj 04.03
AlgoMOOCj 04.03
 
Sviluppo Web Agile con Castle Monorail
Sviluppo Web Agile con Castle MonorailSviluppo Web Agile con Castle Monorail
Sviluppo Web Agile con Castle Monorail
 
6 - Il browser - 16/17
6 - Il browser - 16/176 - Il browser - 16/17
6 - Il browser - 16/17
 
Alessandro Forte - Realizzare controlli Ajax in ASP.Net
Alessandro Forte - Realizzare controlli Ajax in ASP.NetAlessandro Forte - Realizzare controlli Ajax in ASP.Net
Alessandro Forte - Realizzare controlli Ajax in ASP.Net
 
Link. javascript ajax
  Link. javascript ajax  Link. javascript ajax
Link. javascript ajax
 
Corso Javascript
Corso JavascriptCorso Javascript
Corso Javascript
 
8. Architetture web
8. Architetture web8. Architetture web
8. Architetture web
 

Javascript e Firebug per lo sviluppo Web 3.0