Html5 para Android

HTML5 for Android
Congreso Internet Mediterraneo - Sept 2010

sábado 25 de septiembre de 2010

Native programming
Any OS + Eclipse + Android SDK + Dalvik


The problem


Solution


HTML5 & WebKit


HTML5 Features


HTML5 Features
•The canvas element for immediate mode 2D drawing.
•Geolocation
•Offline storage database (offline web applications)
•Drag-and-drop
•Cross-document messaging. HTML5 Web Messaging
•Ability to use inline SVG and MathML
•New elements: article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure,
footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source,
summary, time, video
•New types of form controls: dates and times, email, url, search, color
•WebGL


Canvas


Ofﬂine Storage


Audio Video

H.264/MPEG-4 AVC

VS
WebM: VP8 Video, Vorbis Audio, Matroska


New form ﬁeld types


Geolocation
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var lat = position.coords.latitude;
var lng = position.coords.longitude;
map.setCenter(new GLatLng(lat, lng), 13);
map.addOverlay(new GMarker(new GLatLng(lat, lng)));
});
}


New font support


Web Workers


Web Sockets


Android 2.2 - Froyo

Magnetometer and accelerometer
• Camera
• API for voice recognition and speech
• Javascript perfomance 2x - 3x
• File Uploads


HTML5 - WebGL


HTML5 SDK’s


Demos
Native controls
Phone integration
HTML5 Video
Animations
Geolocation
Web Workers
Web Sockets


Thanks!!

• Questions
• Contact: julianmb@droiders.com
• Twitter: @julianmb
• HTML5 Slides:
• http://apirocks.com/html5/html5.html


Html5 para Android

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (10)

Ähnlich wie Html5 para Android

Ähnlich wie Html5 para Android (20)

Mehr von Andres Karp

Mehr von Andres Karp (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Html5 para Android