Bentobox model for understanding technology stacks

155,874
-1

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
155,874
On Slideshare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
35
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Bentobox model for understanding technology stacks

  1. 1. a.k,a the Bentobox method to understanding web apps
  2. 2. What have we learned so far?
  3. 3. The difference between a web siteand a web application application.The difference between aprogramming language and a webframework.Copy-paste rules. Google everything! py p g y g
  4. 4. Picture byhttp://www.flickr.com/photos/gamene/
  5. 5. Why Bento?• You need a balanced mix of things.• It’s a puzzle - putting everything together in the box.• “Ekiben“ - content which is arranged in the most efficient, graceful manner. The bento is presented in a simple, beautiful, balanced way. Nothing lacking. Nothing superfluous. Not decorated, but b t wonderfully d i d f ll designed. d
  6. 6. The Bento wireframe STORAGE THE LOGIC (BACK‐END)(BACK‐END) INFRA(BACK END)(BACK‐END) THE STRUCTURE AND STYLE (THE  FRONT‐END
  7. 7. In practice practice… THE LOGIC (THE BACK-END) BACK END) RUBY ON RAILS, DJANGO, CAKEPHP,  JETTY , LIFT…. JETTY , LIFT…. MYSQL,  MONGODB RUBY, PYTHON, PHP, SCALA  K-END) XML AGE UNICORN HTML CSS JAVASCRIPTTHE STORA(THE BACK NFRA DOM AJAX& IN E THE STRUCTURE & STYLE (THE FRONT-END)
  8. 8. ETSY “We use a number of different programming languages (including Matlab!) but are primarily a PHP shop. We shop have a number of databases, some of which are MySQL and some of which are PostgreSQL. “ PHP + Matlab MySQL 0  PostresSQL ost esSQ XML INFRA HTML CSS JAVASCRIPT DOM AJAX
  9. 9. 4SQ “Server code is written in scala running on the lift web framework using jetty for a webserver. We front everything with nginx, and use HAProxy in between. MongoDB handles most of our data storage needs (though a bit hasnt been migrated off PostgreSQL yet). Scala MongoDB and  Lift PostresSQL XML Nginx + HAProxy HTML CSS JAVASCRIPT DOM AJAX
  10. 10. R#1 HTML/CSS#2 JQUERY#3 Unicorn
  11. 11. HTML / CSS RUBY ON RAILS, DJANGO, CAKEPHP,  JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA  XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX
  12. 12. jQuery RUBY ON RAILS, DJANGO, CAKEPHP,  JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA  XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX
  13. 13. Unicorn RUBY ON RAILS, DJANGO, CAKEPHP,  JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA  XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX
  14. 14. R PHP #1 #6 Apache#2 SaaS #7 CSS#3 RoR #8 Django j g#4 HTML #9 MySQL#5 M MongoDB DB #10 nginx iRules: Figure out the term and place it on thebentobox in the right place..There might be false friends and doubles.Googling allowed!You have five minutesYo ha e fi e min tes – wrong ans ers will be rong answers illremoved, the team with most post-its wins!
  15. 15. Game on!
  16. 16. More questions? Shoot! q
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×