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

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

2. Thomas Fétiveau, @zab0jad
Contributor
@ Silex Labs
Developer
@ freelance
WWX 2014Thomas Fétiveau

3. Thomas Fétiveau, @zab0jad
2005 => Java & JEE developer
WWX 2014Thomas Fétiveau

4. Thomas Fétiveau, @zab0jad
2005 => Java & JEE developer
2009 => as2, as3 & Silex CMS
WWX 2014Thomas Fétiveau

5. Thomas Fétiveau, @zab0jad
2005 => Java & JEE developer
2009 => as2, as3 & Silex CMS
2011 => Haxe
WWX 2014Thomas Fétiveau

6. Thomas Fétiveau, @zab0jad
now => freelance
www.tokom.fr
WWX 2014Thomas Fétiveau

7. Thomas Fétiveau, @zab0jad
now => freelance
www.tokom.fr
web mobile
cross-platform
e-learningvideo players
cloud services
WWX 2014Thomas Fétiveau

8. Development workflow
Contributions
Use cases and limitations
WWX 2014Thomas Fétiveau

9. Development workflow
WWX 2014Thomas Fétiveau

10. Development workflow > step 1 - the HTML5 target
HTML
CSS
Haxe js
WWX 2014Thomas Fétiveau

11. Development workflow > step 1 - the HTML5 target
HTML
CSS
Haxe js
- development with HTML API
WWX 2014Thomas Fétiveau

12. Development workflow > step 1 - the HTML5 target
HTML
CSS
Haxe js
- development with HTML API
- debugging in web browser :
DOM inspector,
js console
…
WWX 2014Thomas Fétiveau

13. Development workflow > step 1 - the HTML5 target
HTML
CSS
Haxe js
- development with HTML API
- debugging in web browser :
DOM inspector,
js console
…
- write your unit tests
WWX 2014Thomas Fétiveau

14. Development workflow > step 2 - the Flash / AIR target
HTML
CSS
Haxe js
WWX 2014Thomas Fétiveau

15. Development workflow > step 2 - the Flash / AIR target
- compilation with Cocktail
HTML
CSS
Haxe js
WWX 2014Thomas Fétiveau

16. Development workflow > step 2 - the Flash / AIR target
- compilation with Cocktail
- potential bug fixing in Cocktail
HTML
CSS
Haxe js
WWX 2014Thomas Fétiveau

17. 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
HTML
CSS
Haxe js
WWX 2014Thomas Fétiveau

18. Development workflow > step 3 - the native targets
HTML
CSS
Haxe js
WWX 2014Thomas Fétiveau

19. Development workflow > step 3 - the native targets
- compilation with Cocktail and NME
WWX 2014Thomas Fétiveau

20. Development workflow > step 3 - the native targets
- compilation with Cocktail and NME
- potential bug fixing in NME or hxcpp
WWX 2014Thomas Fétiveau

21. 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

22. Contributions
WWX 2014Thomas Fétiveau

23. 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

24. - CSS parsing &
independant stylesheets support
- Video support
- performances
- bug fixes
Contributions > Ebuzzing - Buzz player
WWX 2014Thomas Fétiveau

25. - 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

26. - performances
- bug fixing
Contributions > TF1 - MyTF1 Connect
WWX 2014Thomas Fétiveau

27. - 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

28. - 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

29. Use cases and limitations
WWX 2014Thomas Fétiveau

30. 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

31. 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

32. Thomas Fétiveau, @zab0jad
Thank you !
Any questions ?
www.tokom.fr
WWX 2014Thomas Fétiveau

33. WWX 2014Thomas Fétiveau
DEMO APP AVAILABLE AT:
https://github.com/zabojad/wwx2014-cocktail-nme