JSON all the way

Why we ended up building the Humanitarian ID project (http://humanitarianid.org) for the UN entirely on Javascript (node.js + backbone.js), allowing us to manipulate JSON from the mobile clients to the backend.

Transcript

1. JSON all the way Javascript in the humanitarian world  
2. Who the hell..? 我们是谁 Ronan Berder খ۽ Makara Wang ԦߒӉ Wiredcraft http://wiredcraft.com
3. And what do you do? 我们做什么 • Data centric apps • Humanitarian and non-profit space • In Shanghai and Washington, DC (and soon SF)
4. Before we get started 引言
5. What’s Reliefweb? Reliefweb是什么 • Re-launched in 2011 • News for the humanitarian world • Built on Drupal... I know (PHP + MySQL + Sphinx)
6. http://reliefweb.int
7. What then? 客户需求 • Need to innovate • Built a prototype and pitched it: User profiles + Mobile
8. The breakup 失败
9. What happened? 为什么 • Fighting the framework • Performance concerns • Way too many layers
10. 
11. Back to the whiteboard 更高要求 • We need consistency • We need simplicity • We need flexibility • We need speed And about a million other things...
12. So, what do we build? 目标
13. http://humanitarianid.org
14. Who will save us? 救星来了
15. Why JS? • Great for a RESTful API • Great too for a light client • Other perks; performance, tools... And... we already know it.
16. The back-end 服务端 
17. Bones for the API 什么是  Bones • RESTful JSON + OAuth • Bones = express.js + backbone.js https://github.com/developmentseed/bones • Share models on client and server
18. Show me the code </>
19. And then some more... 更多规范 • JSON Schema • OAuth • REST
20. The front-end 客户端
21. Using what we know 最流行的 • HTML5 + jQuery mobile + Backbone.js • Phonegap • and... Jekyll
22. Why Jekyll? • HTML5 apps can get messy • Jekyll gives us templates & includes And we’ll be able to host it on Github pages...
23. Show me the code </>
24. A tiny bit about storage 存储方案
25. Elastic search • Started with CouchDB • Now Elastic Search & Redis, because: • Full text search, • Document oriented, • REST API, Slower, but we don’t care.
26. Show me the code </>
27. A few thoughts 少少结论
28. Why so serious? 不好的 • Not a lot of best practices but we’re trying hard to build some • Some stuff still sucks jQuery mobile, I’m looking at you
29. The good stuff 好的 • JSON all the way • Javascript all the way And performance, tools, community...
30. 
31. What we see 我们看到的未来 • The line is getting blurry: • more fragmentation... • but more communication • Loosely coupled systems
32. Questions? 有问题吗？  