0
a.k,a the Bentobox method to   understanding web apps
What have we learned so far?
The difference between a web siteand a web application           application.The difference between aprogramming language ...
Picture byhttp://www.flickr.com/photos/gamene/
Why Bento?• You need a balanced mix of things.• It’s a puzzle - putting everything  together in the box.• “Ekiben“ - conte...
The Bento wireframe STORAGE         THE LOGIC (BACK‐END)(BACK‐END)   INFRA(BACK END)(BACK‐END)   THE STRUCTURE AND STYLE (...
In practice                               practice…                                 THE LOGIC (THE BACK-END)              ...
ETSY         “We use a number of different programming languages         (including Matlab!) but are primarily a PHP shop....
4SQ        “Server code is written in scala running on the lift web        framework using jetty for a webserver. We front...
R#1 HTML/CSS#2 JQUERY#3 Unicorn
HTML / CSS                RUBY ON RAILS, DJANGO, CAKEPHP,                          JETTY , LIFT….                         ...
jQuery              RUBY ON RAILS, DJANGO, CAKEPHP,                        JETTY , LIFT….                       JETTY , LI...
Unicorn              RUBY ON RAILS, DJANGO, CAKEPHP,                        JETTY , LIFT….                       JETTY , L...
R PHP #1                          #6 Apache#2 SaaS                      #7 CSS#3 RoR                       #8 Django      ...
Game on!
More questions? Shoot!     q
Upcoming SlideShare
Loading in...5
×

Bentobox model for understanding technology stacks

155,610

Published on

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

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

No notes for slide

Transcript of "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.

×