Embed Size (px)
DESCRIPTION
Building-Cloud-Apps-with-NoSqlDB-REST-HTML5 Telerik Software Academy: http://clouddevcourse.telerik.com/ The website and all video materials are in Bulgarian 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;
Citation preview
Building Cloud Applications
Live Demo: Back-end based on NoSQL DB + REST Services + HTML5 Client (JavaScript +
AJAX)
Svetlin NakovTelerik Software
Academyacademy.telerik.com
CloudApps
http://clouddevcourse.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
2
The Photo SharerIdea 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
4
3-Tier Architecturein the Cloud
Back-End, Middle Tier, Front-End
Typical 3-TierArchitecture in the
Cloud
6
…
Mon
itori
ng
Ad
min
istr
ati
on
Data-bases
Storage Services
Back-End Services
Other Services
Computing Node
Computing Node
Computing Node
Client (Front-End)
Load Balancer
Photo Sharer Architecture
7
Client (Front-End Application)
HTML5 + JavaScript + jQuery + AJAX
REST Services (REST + JSON)
Windows Communication Foundation (WCF) @ AppHarbor
PubNub
Real-Time Notifications
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
форум програмиране, форум уеб дизайнкурсове и уроци по програмиране, уеб дизайн – безплатно
програмиране за деца – безплатни курсове и уроцибезплатен SEO курс - оптимизация за търсачки
уроци по уеб дизайн, HTML, CSS, JavaScript, Photoshop
уроци по програмиране и уеб дизайн за ученициASP.NET MVC курс – HTML, SQL, C#, .NET, ASP.NET MVC
безплатен курс "Разработка на софтуер в cloud среда"
BG Coder - онлайн състезателна система - online judge
курсове и уроци по програмиране, книги – безплатно от Наков
безплатен курс "Качествен програмен код"
алго академия – състезателно програмиране, състезания
ASP.NET курс - уеб програмиране, бази данни, C#, .NET, ASP.NETкурсове и уроци по програмиране – Телерик академия
курс мобилни приложения с iPhone, Android, WP7, PhoneGap
free C# book, безплатна книга C#, книга Java, книга C#Дончо Минков - сайт за програмиранеНиколай Костов - блог за програмиранеC# курс, програмиране, безплатно
?
? ? ??
?? ?
?
?
?
??
?
?
? ?
Questions?
?
Building Cloud Applications
http://academy.telerik.com
Homework1.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
2. 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
![HTML5 - W3C...HTML4 + CSS 56 HTML5 - Futuro da Web Futuro da Web - HTML5 HTML 5 [HyperText Markup Language] Novos elementos (semânticos) HTML5 + CSS E o que ficou de fora do HTML5?](https://img.pdfslide.tips/doc/110x75/5f9769938559bc0a406dee44/html5-w3c-html4-css-56-html5-futuro-da-web-futuro-da-web-html5-html.jpg)