Advertisement
Check these out next
![[Devoxx Morocco 2015] Apache Cordova In Action](https://cdn.slidesharecdn.com/ss_thumbnails/devoxxmorocco2015apachecordovainaction-151118135527-lva1-app6892-thumbnail.jpg?width=600&height=600&fit=bounds)
Joshfire Framework 0.9 Technical Overview
Jun. 29, 2011•0 likes•1,184 views
2 likes
Be the first to like this
Show More
views
Total views
0
On Slideshare
0
From embeds
0
Number of embeds
0
Download to read offline
Report
Technology
Sylvain ZimmerFollow
Founder & CTO at JamendoAdvertisement
Advertisement
Advertisement
Recommended
Android and Intel InsideIntel Developer Zone Community
iPhonical and model-driven software development for the iPhoneHeiko Behrens
Make manual testing to automated by Sikuli bug daybkk2013Tumit Watcharapol
SikuliSATISH GORRIPOTU
Apps development for Recon HUDsXavier Hallade
jQTouch – Mobile Web Apps with HTML, CSS and JavaScriptPhilipp Bosch
Joshfire Framework 0.9 Technical Overview
- The Joshfire Framework Technical overview of the 0.9 release @sylvinus ParisJS #8, June 29th 2011
- What problem Joshfire solves App A new device every day... App Technological fragmentation App n ! Some boxes/SDKs are very App at io App App nt eApp App hard to develop for gm Fra App App Agencies selling N apps for N devices App App App App App Increasing fragmentation => Developer pain
- The solution framework A powerful framework based only on standard web technologies open-source A library of device-specific adapters
- One app, many devices For developers: Simple, fast Documented, standard App Easy to maintain Evolutive For users: A continuous experience through all their devices
- Let’s do a cross-device video app
- Specs There’s a list of videos I choose a video Video plays (Repeat on new device)
- HTML5 ? <html> <body> <video id="myplayer" controls autoplay /> <video> nightmare <ul> ic e ev <li><a href="video1.mp4">Video 1</a></li> -d jQuery on poor browsers :/ s <li><a href="video2.mp4">Video 2</a></li> s </ul> c ro Keyboard/Remote support? lly <script> a $('li a').click(function(ev) { tu c $('#myplayer')[0].src = ev.target.href; a How to load Video 3? }); o t N </script> </body> Server-side? </html>
- Describe what you want! var UI = [ { var Data = [ “id”:”myPlayer”, { “type”:”video” “id”:”1”, }, “url”:”video1.mp4” { }, “id”:”myVideos”, { “type”:”list”, “id”:”2”, “dataPath”:”/”, “url”:”video2.mp4” “onSelect”:function(elt) { }, app.ui.myPlayer.play(elt.url); ]; } } ]; Every Joshfire app has a Data Tree and a UI Tree
- Describe what you want! var Data = [ var UI = [ { { “id”:”videos”, “id”:”myPlayer”, “children”:[ “type”:”video” { }, “id”:”1”, { “url”:”video1.mp4” “id”:”myVideos”, }, “type”:”list”, { “dataPath”:”/videos/”, “id”:”2”, “onSelect”:function(elt) { “url”:”video2.mp4” app.ui.myPlayer.play(elt.url); } } ]} } } ]; ]; Every Joshfire app has a Data Tree and a UI Tree
- Describe what you want! var UI = [ { “id”:”myPlayer”, var Data = [ “type”:”video” { }, “id”:”videos”, { “children”:function(callback) { “id”:”myVideos”, myVideoApi(callback); “type”:”list”, } “dataPath”:”/videos/”, } “onSelect”:function(elt) { ]; app.ui.myPlayer.play(elt.url); } } ]; Every Joshfire app has a Data Tree and a UI Tree
- What does this allow? Forget PHP, Ruby and [insert deprecated language]. Full JavaScript stack. Translate to HTML(5), either on client or server Adapt UI depending on device (iOS lists, Native video players, ...) Accept any input method (mouse, keyboard, touch, HTTP, ...) Switch to any data source Expose as RSS/XML feed ...
- General design
- Framework opinions Impose what really matters Data & UI Trees Adapters Let developer stay in his comfort zone for the rest Template engine / CSS frameworks / CoffeeScript / ... Backbone.js / Models / Data sources / ... Expressjs / ...
- Tech overview Code 100% JavaScript (FTW!) Beautiful documentation, Simple examples, GitHub Ridiculously modular (RequireJS, Events) Don’t reinvent the wheel (Underscore.js, MediaElement.js, ...) Utils library (Splashscreen, Stresstest, Worker pool, Geoloc, ...) Optional build tools in Python (synchronous, Fabric)
- Adapter solutions Mobile: Zepto, iScroll/Scrollability, PhoneGap, Titanium? TVs: jQuery (modern), Server-side rendering (CEHTML & friends) Desktop: Chromeless, AIR, ... Arduino/Objects: HTTP packets to Node then socket.io Embedded: ARM + Chromium framebuffer? Boxee: XML export ...
- Joshfire 0.9 (Developer preview) Released today! Check http://joshfire.com First JS library ever to ship with web+mobile+TV+node+arduino Under heavy development (new adapters, more doc, ...) Developer feedback welcome before 1.0 API freeze 0.9.x & 1.x releases will focus on media/content apps We’re still hiring ;-) We’ll be happy to help you refactor your apps with the framework Questions?
Advertisement