Ext JS & HTML5

Ext JS & HTML5 2010 2 25

: : : Ext JS & Google App Engine (Python) URL : www.degino.com Twitter : Tommy1969 2010 2 25

HTML5 Media: video, audio, canvas Structure: header, footer, section, nav, article, etc... Form & Grid: form , dataview (*) Local Database : Web Database JavaScript : Web Sockets, Web Workers CSS3 : Effect, Animation Misc : File API, 2010 2 25

HTML 5 Demo 2010 2 25

Ext JS HTML5 Ext JS HTML5 Media ○ Structure ○ Form&Grid ○ LocalDB ○ Background ○ Other ○ 2010 2 25

Form Example 2010 2 25

Ext JS Roadmap Ext JS 3.2 (2010/3) Ext JS 4.0 HTML5 HTML5 WebSocket Canvas 2010 2 25

Ext JS HTML5 Web Database ? Ext.data.DataProxy (?) Canvas, SVG, Video Ext.Panel 2010 2 25

Canvas Panel 1 MyCanvas = Ext.extend(Ext.Panel, { initComponent: function() { MyCanvas.superclass.initComponent.call(this); this.on({ render: this._render, bodyresize: function(panel, width, height) { if (this.canvas) this.canvas.setSize(width, height); } }); } }; 2010 2 25

Canvas Panel 2 MyCanvas._render = function() { var size = this.getSize(); var cfg = Ext.copyTo({ tag : 'canvas', width: size.width, height: size.height }, this, 'poster,start,loopstart,loopend,playcount,autobuffer,loop'); this.canvas = this.body.createChild(cfg); }; 2010 2 25

2010 2 25

http://extjs.co.jp	88
http://www.slideshare.net	45
http://www.extjs.co.jp	27
http://translate.googleusercontent.com	1

Ext JS & HTML5

by Yuki Naotori on Feb 25, 2010

Accessibility

Tags

Upload Details

Usage Rights

4 Embeds 161

Statistics

Ext JS & HTML5 — Presentation Transcript