Your SlideShare is downloading. ×
  • Like
Bentobox model for understanding technology stacks
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Bentobox model for understanding technology stacks

  • 146,079 views
Published

 

  • 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
146,079
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