Take Off Conf is about trending topics for the upcoming year, and there is a hole new range of possibilities that will start to be more on spotlight this year, because we (developers), are starting to change our mindsets to an asynchronous and really dynamic way of architecture and development. There isn't a great and big historic about this kind of development, building real time applications, when we are talking about web apps, there is a lot to be discussed and explored, and this is exactly what I want to talk about. The most of the developers already was or still are a game addicted, so we all know that there isn't nothing more dynamic, asynchronous and multi-thread that multiplayer networked games, and games still have a lot to contribute with us in this new application development era, where one of the most known proverbs are that "Speed matters, and matters a lot!" This is what this talk is about, we are gonna pass by some of game philosophy and bring this concepts to this new dynamic architecture model that we (developers) and the users of ours applications are seeking.

1. João Moura
@joaomdmoura
joaomdmoura.com
github.com/joaomdmoura
Monday, January 21, 13

2. Monday, January 21, 13

3. Monday, January 21, 13

4. Monday, January 21, 13

5. Open Source!
Gioco!
Monday, January 21, 13

6. Monday, January 21, 13

7. Network philosophy
Based on Games
Architecture
Monday, January 21, 13

8. Beginner’s Mind?
“In the beginner’s mind there are many
possibilities, in the expert’s mind there are few.”
- Shunryu Suzuki
Monday, January 21, 13

9. Monday, January 21, 13

10. Monday, January 21, 13

11. Monday, January 21, 13

12. What have changed?
Time!
Monday, January 21, 13

13. What have changed?
Time!
Monday, January 21, 13

14. What have changed?
Time!
Monday, January 21, 13

15. WebApps Timeline
Action! Action!
Load Time Load Time
Monday, January 21, 13

16. Can we change?
Of course! And we should!
Monday, January 21, 13

17. Amazon: 100 ms
1% drop in sales.
(source: Greg Linden, Amazon)
Google: 500 ms
20% fewer searches.
(source: Marrissa Mayer, Google)
Yahoo!: 400 ms
5–9% increase in the number of people who
clicked “back” before the page even loaded.
(source: Nicole Sullivan, Yahoo!)
Monday, January 21, 13

18. Design & Speed
‘Cause Speed Matters! A lot!
Monday, January 21, 13

19. Design & Speed
‘Cause Speed Matters! A lot!
The rule is simple, to make things faster
and you make more money
Monday, January 21, 13

20. Our problem
There is always a bottleneck!
Monday, January 21, 13

21. What about Games?
How they made it?
Monday, January 21, 13

22. Games Timeline
Action! Action! Action! Action! Delay
Load Time
Monday, January 21, 13

23. Quake
A new game era!
Monday, January 21, 13

24. Perceived Speed
The users don’t care about backstage
Monday, January 21, 13

25. Render in Client
Can you beat 50ms load times? I'm interested.
Monday, January 21, 13

26. #1 #2 #3
Monday, January 21, 13

27. #1 #2 #3
Monday, January 21, 13

28. #1 #2 #3
Monday, January 21, 13

29. Store data in the
Client
Responsiveness, Accessibility, Reduced load
times
Monday, January 21, 13

30. Intelligent Preload
What about predicting user navigation?
Monday, January 21, 13

31. Monday, January 21, 13

32. Asynchrony
Server interaction decoupled from the UIs
Monday, January 21, 13

33. Monday, January 21, 13

34. Let’s Apply it !!!
What to expect for 2013?
Monday, January 21, 13

35. Thank you!
@joaomdmoura
joaomdmoura.com
github.com/joaomdmoura
Monday, January 21, 13