development workflow with cocktail and nme

33
Development workflow with Cocktail and NME WWX 2014 Thomas Fétiveau

Upload: thomas-fetiveau

Post on 18-Jun-2015

783 views

Category:

Presentations & Public Speaking


1 download

DESCRIPTION

WWX 2014 talk about "Development workflow with Cocktail and NME"

TRANSCRIPT

Page 1: Development workflow with Cocktail and NME

Development workflow

with Cocktail and NME

WWX 2014Thomas Fétiveau

Page 2: Development workflow with Cocktail and NME

Thomas Fétiveau, @zab0jad

Contributor@ Silex Labs

Developer@ freelance

WWX 2014Thomas Fétiveau

Page 3: Development workflow with Cocktail and NME

Thomas Fétiveau, @zab0jad

2005 => Java & JEE developer

WWX 2014Thomas Fétiveau

Page 4: Development workflow with Cocktail and NME

Thomas Fétiveau, @zab0jad

2005 => Java & JEE developer

2009 => as2, as3 & Silex CMS

WWX 2014Thomas Fétiveau

Page 5: Development workflow with Cocktail and NME

Thomas Fétiveau, @zab0jad

2005 => Java & JEE developer

2009 => as2, as3 & Silex CMS

2011 => Haxe

WWX 2014Thomas Fétiveau

Page 6: Development workflow with Cocktail and NME

Thomas Fétiveau, @zab0jad

now => freelancewww.tokom.fr

WWX 2014Thomas Fétiveau

Page 7: Development workflow with Cocktail and NME

Thomas Fétiveau, @zab0jad

now => freelancewww.tokom.fr

web mobile cross-platform

e-learningvideo playerscloud services

WWX 2014Thomas Fétiveau

Page 8: Development workflow with Cocktail and NME

Development workflow

Contributions

Use cases and limitations

WWX 2014Thomas Fétiveau

Page 9: Development workflow with Cocktail and NME

Development workflow

WWX 2014Thomas Fétiveau

Page 10: Development workflow with Cocktail and NME

Development workflow > step 1 - the HTML5 target

HTMLCSS

Haxe js

WWX 2014Thomas Fétiveau

Page 11: Development workflow with Cocktail and NME

Development workflow > step 1 - the HTML5 target

HTMLCSS

Haxe js- development with HTML API

WWX 2014Thomas Fétiveau

Page 12: Development workflow with Cocktail and NME

Development workflow > step 1 - the HTML5 target

HTMLCSS

Haxe js- development with HTML API

- debugging in web browser :

DOM inspector,

js console

WWX 2014Thomas Fétiveau

Page 13: Development workflow with Cocktail and NME

Development workflow > step 1 - the HTML5 target

HTMLCSS

Haxe js- development with HTML API

- debugging in web browser :

DOM inspector,

js console

- write your unit tests

WWX 2014Thomas Fétiveau

Page 14: Development workflow with Cocktail and NME

Development workflow > step 2 - the Flash / AIR target

HTMLCSS

Haxe js

WWX 2014Thomas Fétiveau

Page 15: Development workflow with Cocktail and NME

Development workflow > step 2 - the Flash / AIR target

- compilation with CocktailHTMLCSS

Haxe js

WWX 2014Thomas Fétiveau

Page 16: Development workflow with Cocktail and NME

Development workflow > step 2 - the Flash / AIR target

- compilation with Cocktail

- potential bug fixing in Cocktail

HTMLCSS

Haxe js

WWX 2014Thomas Fétiveau

Page 17: Development workflow with Cocktail and NME

Development workflow > step 2 - the Flash / AIR target

- compilation with Cocktail

- potential bug fixing in Cocktail

- run your unit tests in Flash player / AIR runtime

HTMLCSS

Haxe js

WWX 2014Thomas Fétiveau

Page 18: Development workflow with Cocktail and NME

Development workflow > step 3 - the native targets

HTMLCSS

Haxe js

WWX 2014Thomas Fétiveau

Page 19: Development workflow with Cocktail and NME

Development workflow > step 3 - the native targets

- compilation with Cocktail and NME

WWX 2014Thomas Fétiveau

Page 20: Development workflow with Cocktail and NME

Development workflow > step 3 - the native targets

- compilation with Cocktail and NME

- potential bug fixing in NME or hxcpp

WWX 2014Thomas Fétiveau

Page 21: Development workflow with Cocktail and NME

Development workflow > step 3 - the native targets

- compilation with Cocktail and NME

- potential bug fixing in NME or hxcpp

- run your unit tests on each targeted native platform

WWX 2014Thomas Fétiveau

Page 22: Development workflow with Cocktail and NME

Contributions

WWX 2014Thomas Fétiveau

Page 23: Development workflow with Cocktail and NME

Contributions > Ebuzzing - Buzz player

- available on Flash and HTML5

- Youtube and Dailymotion video

streaming

- advertising injection

- social networks sharing

- 15 million views by month

WWX 2014Thomas Fétiveau

Page 24: Development workflow with Cocktail and NME

- CSS parsing &independant stylesheets support

- Video support

- performances

- bug fixes

Contributions > Ebuzzing - Buzz player

WWX 2014Thomas Fétiveau

Page 25: Development workflow with Cocktail and NME

- available on Adobe AIR

- plays TF1 live streams

- live comments, votes, interactions on

social platforms (Twitter, Facebook)

- TF1 and partners VOD

Contributions > TF1 - MyTF1 Connect

WWX 2014Thomas Fétiveau

Page 26: Development workflow with Cocktail and NME

- performances

- bug fixing

Contributions > TF1 - MyTF1 Connect

WWX 2014Thomas Fétiveau

Page 27: Development workflow with Cocktail and NME

- available on HTML 5, Flash, native iOS and native Android,

- available both as app and SDK (native app fragment).

Contributions > TF1 - X player

WWX 2014Thomas Fétiveau

Page 28: Development workflow with Cocktail and NME

- performances and bug fixes on Android and iOS

- Add two new iOS and android targets: iosview and androidview

- Add iOS and Android video support

- improve NME - Cocktail compatibility

Contributions > TF1 - X player

WWX 2014Thomas Fétiveau

Page 29: Development workflow with Cocktail and NME

Use cases and limitations

WWX 2014Thomas Fétiveau

Page 30: Development workflow with Cocktail and NME

Limitations

Cocktail- not yet complete implementation (CSS features, …)

NME- complex, not easy to start contributing to

Both large and complex libraries that require knowledge in:

haxe, js, cocktail, NME, flash, c/cpp, obj c, java + tests & tools

WWX 2014Thomas Fétiveau

Page 31: Development workflow with Cocktail and NME

What for?

- HTML API

- target web and native platforms

- no compromise on native performances and compatibility

- take ownership on the technologies you use and contribute to them

WWX 2014Thomas Fétiveau

Page 32: Development workflow with Cocktail and NME

Thomas Fétiveau, @zab0jad

Thank you !

Any questions ?

www.tokom.fr

WWX 2014Thomas Fétiveau

Page 33: Development workflow with Cocktail and NME

WWX 2014Thomas Fétiveau

DEMO APP AVAILABLE AT:

https://github.com/zabojad/wwx2014-cocktail-nme