1. Building a GeoChat mobile app and the birth of a web framework Aaron Murray & Eric Schoffstall @WeAreFractal

2. What are we building? Chattr is a mobile chat app that lets you open up a chatroom based on your geographic location What are our technical requirements? Node.js Websockets Native Mobile App for iOS, Android Coffescript friendly

3. What do we need? Native Mobile Bridge Titanium, Phonegap Mobile Web Framework JQuery Mobile, Titanium, Sencha Touch, Dojo Mobile, Zepto.js Communication Socket.io, Now.js Database MongoDB, CouchDB, Redis ORM Mongoose Application Framework Express, SocketStream

4. Native Mobile Bridge Titanium Mobile (http://www.appcelerator.com/products/) Compile JS + HTML + CSS + Titanium APIs to native code Native UI Use your web skills to build

5. Native Mobile Bridge Titanium Mobile (http://www.appcelerator.com/products/)

6. Native Mobile Bridge http://www.phonegap.com/ ACTUALLY native web technologies Wrapped in a webkit renderer Bridged to iOS and android Have to run vanilla eclipse (not aptana) Android emulator is absurd – debug on your phone

7. JQuery + Now.js PoChttps://github.com/wearefractal/Chattr-JQuery-PoC

8. JQuery + Now.js PoChttps://github.com/wearefractal/Chattr-JQuery-PoC varfs= require('fs'); var server = require('http').createServer(function(req, response){ fs.readFile(__dirname+'/chattr.html', function(err, data){ response.writeHead(200, {'Content-Type':'text/html'}); response.write(data); response.end(); }); }); server.listen(8080); varnowjs= require("now"); var everyone =nowjs.initialize(server); everyone.on("connect", function(){ console.log("Joined: " +this.now.name); }); everyone.on("disconnect", function(){ console.log("Left: " +this.now.name); }); everyone.now.distributeMessage=function(message){ everyone.now.receiveMessage(this.now.name, message); };

11. Beta = alpha

12. Orientation on device rotate etc

14. JQuery-compatible syntax

19. Almost 2k LoC – WTF??We went with http://socket.io/

21. Dynamic Schemas, Auto-sharding, Map-reduce, Geo support

22. Best for storing structured data

23. Best drop-in replacement for MySQL or similar imo

27. 3rd party modules

28. Projects built on it

30. Focus on routing, view rendering, etc do not need

32. websockets, no HTTP routing

37. o. = jquery-like convienence lib for both client and server

38. single entry-point for incoming data, all data is sanitized before it’s accesed by services

39. only models are passed from client to server, no loose vars

40. tuneable communication layer abuse levels

41. obfuscationModelRequest { module: 'Chat', model: 'Chatroom', type: 'find', query: { }, mid: 'SessionID'}

43. Orchid web framework

45. Demo / QA