6 Luglio 2011- Palazzo Corsini - Firenze

Alberto Mancini alberto@jooink.com Francesca Tosifrancesca@jooink.com

Target

Cercare di capire quanto le applicazioni "web" possono essere interattive

... senza flash

... senza applets

... senza plugins

HTML5: WebSockets

http://www.jooink.com

Rules

• multi-user (almeno bi-)• applicazione 'semplice'• grafica banale • GWT• weekend-app (da sviluppare in un paio

di giorni)

App

Simple Sample - PONG

WebSocket

http://dev.w3.org/html5/websockets/ http://websocket.org/

"... a technology providing for bi-directional, full-duplex communications channels, over a single Transmission Control Protocol (TCP) socket."

WebSocket

HTTPServlet + public WebSocket doWebSocketConnect(HttpServletRequest r,...)interface Websocket { public onOpen(Connection cnt); public onClose(...);}interface Websocket.OnTextmessage { public void onMessage(String msg) }cnt.sendMessage(String msg)

8

var uri= "ws://...."var ws = new WebSocket(uri); ws.onmessage = function ...[onopen,onclose, onerror]ws.send(msg)

WebSocket

HTTPServlet + public WebSocket doWebSocketConnect(HttpServletRequest r,...)interface Websocket { public onOpen(Connection cnt) public onClose(...)}interface Websocket.OnTextmessage { public void onMessage(String msg) }cnt.sendMessage(String msg)

8

var uri= "ws://...."var ws = new WebSocket(uri); ws.onmessage = function ...[onopen,onclose, onerror]ws.send(msg)

schema

Case 1:

schema

Case 2:

pong

play !! :-)

jooink1.jooink.com/pong

schema

Case 3:

schema

Case 4:

That's allfolks !

That's all:-)

jooink1.jooink.com/pongjooink1.jooink.com/box2dTest