140 likes | 309 Views
http://clouddevcourse.telerik.com. Building Cloud Applications. Live Demo: Back-end based on NoSQL DB + REST Services + HTML5 Client (JavaScript + AJAX). Cloud. Apps. Svetlin Nakov. Telerik Software Academy. academy.telerik.com. Table of Contents. The Photo Sharer: Idea
E N D
http://clouddevcourse.telerik.com Building Cloud Applications Live Demo: Back-end based on NoSQL DB + REST Services + HTML5 Client (JavaScript + AJAX) Cloud • Apps Svetlin Nakov Telerik Software Academy academy.telerik.com
Table of Contents • The Photo Sharer: Idea • 3-Tier Architecture in the Cloud • Building the Back-End • Cloudant NoSQL DB • DropBox File Storage • Building the Business Tier • WCF REST Services • PubNub Messaging • Building the Client • HTML5 + JavaScript + AJAX
The Photo Sharer Idea Behind the Application
Photo Sharer • We want to build a photo sharing app • Similar to TweetPic • Display the shared photos in real time • Share new photos
3-Tier Architecturein the Cloud Back-End, Middle Tier, Front-End
Typical 3-TierArchitecture in the Cloud Client (Front-End) Monitoring Load Balancer Administration Computing Node Computing Node Computing Node … Data-bases Storage Services Back-End Services Other Services
Photo Sharer Architecture Client (Front-End Application) HTML5 + JavaScript + jQuery + AJAX • PubNub Real-Time Notifications • REST Services (REST + JSON) Windows Communication Foundation (WCF) @ AppHarbor Cloudant (NoSQL DB) • Managed CouchDBHolds JSON objects DropBox • Cloud File Storageand File Sharing
Building the Back-End Cloudant NoSQL DB + DropBox File Storage Live Demo
Building the Business Tier WCF REST Services + PubNub Messaging Live Demo
Building the Front-End Client Application HTML5 + JavaScript + AJAX Live Demo
Building Cloud Applications http://academy.telerik.com
Homework • Re-implement the photo sharer at home • You may use other platforms + technologies, e.g. • GAE: Java + GAE Datastore + GAE Blobstore + JAX-RS + HTML5 + JavaScript + AJAX • PhpFog: PHP + Redis or MongoDB + Google Drive + HTML5 + JavaScript + REST + JSON • Use NoSQL database to hold your data • Use cloud storage to hold the shared images • Use HTML5 + JavaScript + AJAX + REST for the front-end • Implement "file upload" feature for sharing images from your local hard disk.
Free Trainings @ Telerik Academy • "Software Development in the Cloud"Course @ Telerik Software Academy • clouddevcourse.telerik.com • Telerik Software Academy • academy.telerik.com • Telerik Academy @ Facebook • facebook.com/TelerikAcademy • Telerik Software Academy Forums • forums.academy.telerik.com