Bentobox model for understanding technology stacks

  • 142,885 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
142,885
On Slideshare
0
From Embeds
0
Number of Embeds
13

Actions

Shares
Downloads
34
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. a.k,a the Bentobox method to understanding web apps
  • 2. What have we learned so far?
  • 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. Picture byhttp://www.flickr.com/photos/gamene/
  • 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. The Bento wireframe STORAGE THE LOGIC (BACK‐END)(BACK‐END) INFRA(BACK END)(BACK‐END) THE STRUCTURE AND STYLE (THE  FRONT‐END
  • 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. 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. 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. R#1 HTML/CSS#2 JQUERY#3 Unicorn
  • 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. jQuery RUBY ON RAILS, DJANGO, CAKEPHP,  JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA  XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX
  • 13. Unicorn RUBY ON RAILS, DJANGO, CAKEPHP,  JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA  XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX
  • 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. Game on!
  • 16. More questions? Shoot! q