HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Claudio Tesoriero

Cesare Rocchi

Back-end ecosystems for your applications

@baasbox

Claudio Tesoriero

Monday, February 25, 13

SWIPE CONFERENCE 2012

• Needs when choosing a backend

• Features

• Overview of different approaches

Outline

Who am I?

UX designer and developer

Who are you?

Quick version

It’s complicated

Thank you!

• Not apps where mobile is “just a view”

• Apps which are inherently mobile

• From web to app

• App needs a back-end

App Target

Examples

dayoneapp.com

culturedcode.com/things

Questions

Have I to manage it?

• At which level?

• Am I able to do it?

• Have I time to learn?

• Is it worth it?

What’s the synch model?

• Does it match my goals?

• Can I change it if needed?

•What about protocols?

Have I to pay?

Who is to pay?

Impact on UX?

• Does it break any flow?

• How frequently?

• is it “ok” with that?

Impact on UX?

Lock-in?

• How to migrate data?

• Switching cost?

• Effort

• Code front-end

• Data compatibility

• Cash

Lock-in?

• iCloud

• Dropbox

• Custom

• Back-end as a Service (BaaS)

Options

What is iCloud?

Stores and synchs stuff

It just works ...

... when it works.

• Have I to manage it?

•What’s the synch model?

•Who’s to pay?

• Impact on UX?

• Lock-in?

Questions

• Learn the API

• Apple takes care of

• installation

• scalability

•Monitors changes

•Works on metadata

• Shreds files

• Supports conflict resolution

Daemon

Special folder, synched

Synched when “appropriate”

• Key-value

• Documents

• CoreData

Types of Information

• The final user

• Your app will use his quota

• 5Gb for free

Who’s to pay?

Impact on UX?

• User expectation

• No control on upload

• “Why isn’t there?”

• Open the app to synch

• User turns off iCloud?

Impact on UX?

Lock-in• Huge

• Only on iOS

• No way to migrate

Dropbox

• File-based

• Special folder

• Synchronized across devices

• Supports other platforms

Dropbox

• Already set up

• installation

• bandwidth

• scalability

• Desktop synchronizes continuously

•Mobile apps have to query the backend

• HTTP API

• SDKs for iOS, Android, Ruby, Python

• No conflict resolution (revision #)

• Data serialization is up to you

• No file shredding

• The final user

• Your app will use his disk quota

• 2 Gb for free

Who’s to pay?

• Authentication the first time

• User might modify files

• Control on the upload

Impact on UX?

Lock-in• None

• Each user owns his data

• Personal/team usage

• ... but nothing more

• box.net

• sugarsync.com

• google drive

• amazon S3

Similar

Custom

IaaS PaaS SaaS

• Data

• Application

IaaS PaaS SaaS• Data

• Application

• Runtime

•Middleware

• OS

• Data

• Application

IaaS PaaS SaaS• Data

• Application

• Runtime

•Middleware

• OS

AWS, Rackspace, ... Heroku, Appfog, ... Baasbox

• Data

• Application

• Data

• Application

• Runtime

•Middleware

• OS

IaaS PaaS

AWS, Rackspace, ... Heroku, Appfog, ...

• Data

• Application

•Which language?

•Which DB?

PaaS Questions

Heroku

• Ruby

• Python

• Java

• Scala

• Closure

• Node.js

Languages

• Postgres

•MySQL (via addon)

•MongoDB (via addon)

• Essentially a process

•Web

•Worker

• # of dynos + db profile + addons = backend cost

• Data

• Application

IaaS PaaS• OS

•Middleware

• Runtime

• Data

• Application

• OS

•Middleware

• Runtime

• Data

• Application

•Which OS?

•Which language?

•Which DB?

• How many machines?

Questions

Amazon Web Services

• CDN

• Storage

• Networking

• DBs

• Services: email, queue managers

• Con: cost estimation

Amazon Web Services

• Buy a server

• pick the hardware

• install OS

• rent space/bandwidth in a farm

Good old way

Server side frameworks

• http://rubyonrails.org

• http://www.sinatrarb.com

• http://www.padrinorb.com

• https://www.djangoproject.com

• http://www.pylonsproject.org

• http://flask.pocoo.org

Python

• http://expressjs.com

• http://geddyjs.org

• http://flatironjs.org

• http://railwayjs.com

• http://towerjs.org

Node.js

• ActiveRecord

• DataMapper

• Sequel

• SQLAlchemy

• Backend for mobile apps

• Files, key-value

• API SDK

• Push notifications

• User management

• account creation/verification

• Login with Twitter/Facebook

• ACL

• Time to market

• Focus on the front-end

• cloudmine.me

• stackmob.com

• kinvey.com

• parse.com

• buddy.com

• sencha.io

Services

Blood pact

Claudio Tesoriero

• No application server

• No database server

• JVM only requirement

• Runs everywhere

BaasBox

• User management

• ACL

• Assets

• Collections

BaasBox

• Download

•./start

BaasBox

BaasBox on OpenShift

rhc app create pizzabox diy-0.1cd pizzaboxtar xvfz baasbox-openshift-xx.tar.gzgit add .git commit -m "init"git push

BaasBox on CentOS

yum install java-1.7.0-openjdk

scp baasbox-xx.tar.gz user@host:remotepath

cd remotepath

./start

PizzaBox

BaasBox

Pizzaiolo Clienti

BaasBox Console

BaasBox Web app

BaasBox iPhone app

curl --form file=@margherita.png --form name=margherita --user admin:admin -H X-BAASBOX-APPCODE:1234567890 http://localhost:9000/admin/asset

curl -d "name=menu&meta=[ { \"name\": \"Margherita\", \"id\" : \"margherita\", \"price\": 5, \"ingredients\": \"Pizza con pomodoro e mozzarella\" }, ... ]" --user admin:admin -H X-BAASBOX-APPCODE:1234567890 http://localhost:9000/admin/asset

Orders

curl -d "" -H X-BAASBOX-APPCODE:1234567890 --user admin:admin http://localhost:9000/admin/collection/orders

Create ordercurl -d "{ \"list\": {\"margherita\": 2,\"quattrostagioni\": 2}, \"user\": { \"name\": \"Cesare\", \"surname\": \"Rocchi\", \"address\": \"Via delle vie 12, Roma\", ... }, \"time\": \"2013-01-02Z14:21\", \"total\": 12.5, }"

-H X-BAASBOX-APPCODE:1234567890 --user cesare:cesare http://localhost:9000/document/orders

Migration

Now we are working on• Push Notification

• SDK (iOS, Android, JS)

• 3rd party authentication

• Business analytics

Federico PacilliCEO BaasBox

How can we help each other?

Video Tutorials

How can YOU

make money?

Marketplace

PizzaBox

BaasBox

Pizzaiolo Clienti

Marketplace• Referral program (30%)

• 35% if non-exclusive

• 50%-70% if selling exclusive

We have 3 ideas

You can candidatejob@baasbox.com

We provide back-end support

70% for the first year(+ 30% referral)

1000€ upfront

Contacts• http://www.baasbox.com

• twitter.com/baasbox

• facebook.com/baasbox

• github.com/baasbox

• info@baasbox.com

jobs@baasbox.com

youtube.com/user/LiveSeeweb

Lunedi 25 alle 18.30

HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Claudio Tesoriero

Technology

Transcript of HTML5 Italy: Back end ecosystems for your applications - Cesare Rocchi + Claudio Tesoriero

CESARE PACIOTTI Mimotti Lucia Primucci Genny. CESARE PACIOTTI Cesare Paciotti is a luxury brand that deals with footwear. It represents Italy (especially.

WILLIAM SHAKESPEARE GIULIO CESARE - bottecilindro.it · WILLIAM SHAKESPEARE GIULIO CESARE Tragedia in 5 atti Traduzione di Goffredo Raponi GIULIO CESARE Triumviri dopo la morte di

Cesare Ripa - Iconología, 2

Cesare Beccaria

Criminal Man Cesare Lombroso

Giulio cesare

GENERAL CATALOGUE CATALOGO GENERALE MV and HV … Rocchi... · 2013. 3. 7. · New Rocchi s.r.l. is an electro mechanical company with about 30 years experience in construction and

PARTO POR CESARE ALSO

Perspectives 2017: Zubin Austin and Marie Rocchi

Terence Cesare

IIS Cesare Baronio

Thesis Cesare Paciotti

Carlo Cesare Malvasia s CARLO CESARE MALVASIA’S …

4US WOMAN CESARE PACIOTTI

Mehala Arjunan( Cesare Lombroso

VINCENT a ROCCHI - TheGuardianLifeInsuranceCompany.fall2011

By: John V. Tesoriero Vice President, Deputy General Counsel

cesare attolini on fraulein

Cesare Galdabini

Amanda Solarsh & Gina Tesoriero