Download - Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Transcript
Page 1: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Cloud Developer Camp 2013

Thomas Witt <[email protected]>

Web Architecture with Infopark‘s Cloud Platform

Page 2: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Infopark powers great web-sites.

Page 3: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

What makes web-sites great?

How we married Ruby and the Cloud• And what did we learn about AWS• Examples for different processes

How can YOU do it?

Q&A

What are we going to cover today …

Page 4: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

What makes websites great?

Page 5: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf
Page 6: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf
Page 7: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Easy to use

Page 8: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Feature-Rich

Page 9: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Fast to develop

Page 10: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Never down

Page 11: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Easy to maintain

Page 12: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

What makes websites great?

Easy to use

Feature-Rich

Fast to develop

Never down

Easy to maintain

Page 13: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Alwaysstart at

Square One?

Page 14: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Common Features

Page 15: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Common Features

Updating / Editing / Staging Generating Content

Avoid Broken Links

Handling Text, Images, Links, Videos, Pdf, Flash, ...

Layout

Navigation

Search

Contact Forms

Sitemap

Personalization:including Login, Registration, Profile edit, …

Newsletters, Mailings

Blog

Language Switch

Social Sharing

Comments

Web Tracking

Geolocation

Page 16: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

BasicBuilding Blocks

Page 17: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Basic Building Blocks

Content Management System

Content Objects

Media Files

Links, Hierarchy, Categories

Retrieval and Search

Customer Relationship Management

People, Organizations

Requests, Registrations

Mailings

Page 18: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Websitesare applications

Developed using a web application framework

Page 19: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Web Application Framework

Powerful

Open

Agile

Fun

Page 20: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf
Page 21: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Problem solved?

Page 22: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

With great Power comes a lot of....

Infrastructure!

Page 23: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf
Page 24: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

„Early Cloud“

Page 25: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

The softwarehas to be designed

for the cloud

Page 26: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

How to do itin the cloud

Page 27: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Infopark‘s Cloud Platform

CMS, CRM

Web Applications

Scalability & Availability Built-In

Cloud Service •No Installation•No Maintenance

Page 28: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Architecture Overview

Web Requests

manages

Web Site Visitor

Rails Web Application

Search

WebCRM

CMS

Infopark Consoleconsole.infopark.net

Content, User Data

Page 29: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Rails Web Application

Rails Web Application

Model

Connector

View

Controllers

Template Template

Other Models

CMS & CRM Models

CMSCRM

RESTAPI

Page 30: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Behind the scenes

CMS / CRM

Elasticache

S3

DynamoDB

Elasticsearch

ElasticLoadbalancing

Rails Web Application

Availability Zone 1a

EC2

Availability Zone 1b

EC2

Availability Zone 1c

EC2

CloudFront

CloudWatch

CloudFront

Simple E-Mail

Managed byOpsWorks

Page 31: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Cloud Advantages

Development & Deployment

Page 32: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Development

Developer

Rails Web App

Search

WebCRM

CMS

Developer

Rails Web App

Staging/Testing

Rails Web App

GitHub Code Repository

Page 33: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Deployment

manages

ElasticLoadbalancing

Infopark Consoleconsole.infopark.net

Availability Zone 1b

EC2

Availability Zone 1a

EC2

Page 34: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Cloud Advantages

Handling Media Files

Page 35: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Handling Media Files

Browser

ApplicationServer

S3

HTML

Media Files

Search

WebCRM

CMS

Page 36: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Cloud Advantages

Inline Editing

Page 37: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Example Website

Page 38: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

In-Place-Editing

Page 39: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

In-Place-Editing

Browser

Web Application

HTML Page

Proxy Controllers

JavascriptIn-Place-Editing CMS

CRM

UpdateContent

UpdateContent

ReadContent

Templates

Page 40: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Summary

Page 41: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Cloud CMS & CRM… for developing web-sites using Ruby on Rails

Page 42: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

You focus on developing.We‘ll do the rest!

One-Stop-Shop solution

No installation

No maintenance

Pay as you go – predictable costs• Free Edition available

Infopark: Cloud CMS and CRM - for Rails

Page 43: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Infopark Components: CMS

Backend for bothwebsites and mobile apps

Dynamic page generation

Personalization

Inplace editing

Unlimited websites

Powerful search

Page 44: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Infopark Components: WebCRM

Customer Database

Personalization and marketing automation

Mailing management

Ticket system

Event management

Analytics and statistics

Page 45: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Infopark Components: Platform

Dedicated EC2-Servers

Zero administration

Securely provisioned via Chef

Auto scaling

Console for easy deployment

No AWS know-how required

Page 46: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Infopark Components: SDKs

Open Source SDKs for Ruby

Interface to our APIs

Free code libraries/examples

On GitHub & RubyGems

We love pull requests

Page 47: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

What makes websites great?

Easy to use

Feature-Rich

Fast to develop

Never down

Easy to maintain

Page 48: Web Architecture with Infopark's Cloud Platform - Thomas Witt @Cloud Developer Camp Düsseldorf

Thank you!

Try it

infopark.com/signup

Need help?

dev.infopark.net

`gem install infopark_kickstarter`