Bentobox model for understanding technology stacks

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 and a webframework.Copy-paste rules. Google everything! py p g y g

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“ - 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

The Bento wireframe STORAGE THE LOGIC (BACK‐END)(BACK‐END) INFRA(BACK END)(BACK‐END) THE STRUCTURE AND STYLE (THE FRONT‐END

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)

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

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

R#1 HTML/CSS#2 JQUERY#3 Unicorn

HTML / CSS RUBY ON RAILS, DJANGO, CAKEPHP, JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX

jQuery RUBY ON RAILS, DJANGO, CAKEPHP, JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX

Unicorn RUBY ON RAILS, DJANGO, CAKEPHP, JETTY , LIFT…. JETTY , LIFT…. MYSQL, MONGODB RUBY, PYTHON, PHP, SCALA XMLUNICORN HTML CSS JAVASCRIPT DOM AJAX

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!

Game on!

http://railsgirls.com	9571
http://helloruby.com	6
http://translate.googleusercontent.com	4
http://www.techgig.com	3
http://test-lc.2rev.com	1

Bentobox model for understanding technology stacks

by Linda Liukas on Dec 14, 2010

Accessibility

Tags

Upload Details

Usage Rights

5 Embeds 9,585

Statistics

Bentobox model for understanding technology stacks — Presentation Transcript