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

PaaS



•Which language?

•Which DB?

PaaS Questions



Heroku



• Ruby

• Python

• Java

• Scala

• Closure

• Node.js

Languages



• Postgres

•MySQL (via addon)

•MongoDB (via addon)

DBs



• Essentially a process

•Web

•Worker

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

Dyno



• Data

• Application

IaaS PaaS• OS

•Middleware

• Runtime

• Data

• Application



• OS

•Middleware

• Runtime

• Data

• Application

IaaS



•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

Ruby


http://rubyonrails.org

http://rubyonrails.org

http://www.sinatrarb.com

http://www.sinatrarb.com

http://www.padrinorb.com

http://www.padrinorb.com


• https://www.djangoproject.com

• http://www.pylonsproject.org

• http://flask.pocoo.org

Python


https://www.djangoproject.com

https://www.djangoproject.com

http://www.pylonsproject.org

http://www.pylonsproject.org

http://flask.pocoo.org

http://flask.pocoo.org


• http://expressjs.com

• http://geddyjs.org

• http://flatironjs.org

• http://railwayjs.com

• http://towerjs.org

Node.js


http://expressjs.com

http://expressjs.com

http://geddyjs.org

http://geddyjs.org

http://flatironjs.org

http://flatironjs.org

http://railwayjs.com

http://railwayjs.com

http://towerjs.org

http://towerjs.org


• ActiveRecord

• DataMapper

• Sequel

• SQLAlchemy

ORM



BaaS



• Backend for mobile apps

• Files, key-value

• API SDK

• Push notifications

Baas



• User management

• account creation/verification

• Login with Twitter/Facebook

• ACL

Baas



• Time to market

• Focus on the front-end

Baas



• 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

Dev



BaasBox Console



BaasBox Web app



BaasBox iPhone app



Asset

curl --form [email protected] --form name=margherita --user admin:admin -H X-BAASBOX-APPCODE:1234567890 http://localhost:9000/admin/asset


http://localhost:9000/admin/asset



Menu

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


http://localhost:9000/document/orders

http://localhost:9000/document/orders


Demo



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

Dev



Marketplace• Referral program (30%)

• 35% if non-exclusive

• 50%-70% if selling exclusive



We have 3 ideas



You can [email protected]


mailto:[email protected]



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

• [email protected]


http://www.baasbox.com

http://www.baasbox.com




[email protected]





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