270 likes | 384 Views
WEB & MOBILE CLOUD APP. With Bootstrap, Backbone , Pusher, AWS, Slim Gabriele Mittica – www.gabrielemittica.com - @ gabrielemittica. Cloud Development Semantic Search Engine Web Consulting Cloud Conference 2013. http://www.corley.it http://corsi.corley.it @ corleycloud
E N D
WEB & MOBILE CLOUD APP With Bootstrap, Backbone, Pusher, AWS, Slim Gabriele Mittica – www.gabrielemittica.com - @gabrielemittica
Cloud Development • SemanticSearch Engine • Web Consulting • Cloud Conference 2013 • http://www.corley.it • http://corsi.corley.it • @corleycloud • http://www.slideshare.net/corleycloud
Cloud Computing Cloud computing refers to the delivery of computing and storage capacity as a service to a heterogeneous community of end-recipients. Cloud computing entrusts services with a user's data, software and computation over a network. It has considerable overlap with software as a service (SaaS). • Amazon Web Services • Windows Azure • EMC2 • Google Cloud • Rackspace • Joyent
F.A.Q. Is the cloud just a fad? No. It’s a rational evolution of IT architecture towards a more efficient way of managing resources and designing Web apps efficiently. Is the cloud cheap? No. The cloud allows you to pay the right for each service involved. Is the cloud just a scalable vps? No. The cloud is a set of services designed to meet specific computing needs.
…as a Service SaaS Software as a service is a software delivery model in which software and associated data are centrally hosted on the cloud. IaaS In the most basic cloud-service model, providers of Ifrastructure as a Service offer computers - physical or (more often) virtual machines - and other resources. PaaS In the Platform as a Service model, cloud providers deliver a computing platform typically including operating system, programming language execution environment, db, and web server. DaaS Data as a Service brings the notion that data quality can happen in a centralized place
Case Study - Pinterest October 2012 Amazon EC2 + S3 + EdgeCast,Akamai… 180 Web Engines + 240 API Engines 88 MySQLDBs (cc2.8xlarge) + 1 slave each 110 RedisInstances 200 MemcacheInstances 4 Redis Task Manager + 80 Task Processors Launched in March 2010 • 2 founders • 1 engineer • Rackspace • 1 small web engine • 1 small MySQL DB 10Billionsmonthlypageviews 0monthlypageviews
HTML APP Backbone JS Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API Models, Views, Collections Router, History & Events Useful to create JS APP http://backbonejs.org/ Twitter Bootstrap Sleek, intuitive, and powerful front-end framework for faster and easier web development. • 12-column grid • Responsive design • jQuery + LESS CSS • Easy to User http://twitter.github.io/bootstrap/
Corso di Cloud Computing per Applicazioni Web - Corley s.r.l. - http://corsi.corley.it
Corso di Cloud Computing per Applicazioni Web - Corley s.r.l. - http://corsi.corley.it
AWS Simple Storage Server – S3 Amazon S3 is storage for the Internet. It is designed to make web-scale computing easier for developers. Amazon S3 provides a simple web services interface that can be used to store and retrieve any amount of data, at any time, from anywhere on the web. http://aws.amazon.com/s3/ • 99,999999999% durability • Files from 1 byte to 5 terabytes • REST & SOAP interfaces • Policiessupport • Website support • Very easy to use with SDK and Amazone Console • Costaffordable
AWS Cloudsearch Amazon CloudSearch is a fully-managed search service in the AWS Cloud that allows customers to easily integrate fast and highly scalable search functionality into their applications. Amazon CloudSearch seamlessly scales as the amount of searchable data increases http://aws.amazon.com/cloudsearch/ • Small, large and xlargeinstances • $ 0.015 /h up to $0.63 /h • autoscaling • Up to 8-10 millions of entries • Xml and jsonsupport • Editabledomains
Pusher.com Pusher is a hosted API for quickly, easilyandsecurely adding scalablerealtime functionality to web and mobile apps. The Pusher Realtime Cloud has been designed from the ground up to scale seamlessly to meet demand. Coupled with this is a clustered, fully redundant architecture hosted within Amazon EC2. http://pusher.com var channel = pusher.subscribe('my-channel'); channel.bind('my-event', function(data) { alert('Received my-event with message: ' + data.message); });
Mobile users? Database www.mysite.com (server)
Pusher Js Database (cloudsearch) app.mysite.com (slim) www.mysite.com (s3)
Mobile view Responsive CSS Thanks to Bootstrap
Results 1 day – 10$
Thankyou http://www.corley.it @gabrielemittica