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

Development workflow with Cocktail and NME

Jun 18, 2015

Download

WWX 2014 talk about "Development workflow with Cocktail and NME"
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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