new age website architecture

26
Guidelines and best practices: Architecture of web applications “How modern web sites are built”

Upload: guest0574a6

Post on 18-Nov-2014

320 views

Category:

Education


0 download

DESCRIPTION

Presentation on building modern websites at web apps 2010 in Bangalore on 15th may.

TRANSCRIPT

Page 1: New age website architecture

Guidelines and best practices: Architecture of web applications

“How modern web sites are built”

Page 2: New age website architecture

2006• They ruled the internet

Page 3: New age website architecture

2009• They ruled the internet

Page 4: New age website architecture

The industry shifted gears…

2006• Build verticals• Create more content• Increase consumption• Page-view driven

• Producer-consumer

• Content

2009• Build platform• Create more UGC• Increase conversations• Invites-driven

• Open democracy

• Conversations

Page 5: New age website architecture

To have conversations you need …users

But traditional website dev. gets users …last

Page 6: New age website architecture

Traditional Website development

Content Modeling

UX coding

Feature development

Hosting, Domain-name

Promote, SEO

Then, you get users. But, conversations?

Page 7: New age website architecture

Think, which of the above is really your forte?

Content Modeling

UX coding

Feature development

Hosting, Domain-name

Promote, SEO

Books Website development

Books Catalog

Showcase books

Search, Cart, Pay

www.___books.com

Spend

Page 8: New age website architecture

This brings us to... API

Page 9: New age website architecture

Feed from my friends

Feed from a books website

Reach out to conversations outside your website

Page 10: New age website architecture

• URL• Widgets• SOAP• Evolution of SOA• Personalization• Viral growth

Page 11: New age website architecture

Stop re-inventing the wheel, use an API

Reach out to users beyond your website

Page 12: New age website architecture

Content Modeling

UX coding

Feature development

Hosting, Domain-name

Promote, SEO

Content Modeling

UX coding

Integrate API : Reach out

Page 13: New age website architecture

And then, why just reach out…

Why not engage users beyond your website?

Page 14: New age website architecture

• Personalization• Invites, Feeds• Be where the users are!

Page 15: New age website architecture

Apps are for everyone

Page 16: New age website architecture

Niche e.g. ArtShowrooms

“Win something”Freebies, contests

TravelAstrologyEntertainment

Teach onlineForums

PhotosVideosSharing

NewsMovies

You decide…

Page 17: New age website architecture

Apps are everywhere

Page 18: New age website architecture
Page 19: New age website architecture

Content Modeling

UX coding

Feature development

Hosting, Domain-name

Promote, SEO

Content Modeling

UX coding

Use API, reach out

Multi-platform, device

Page 20: New age website architecture

Now that you are in the middle of users… and conversations

Page 21: New age website architecture
Page 22: New age website architecture

Content Modeling

UX coding

Feature development

Hosting, Domain-name

Promote, SEO

Content Modeling

UX coding

Use API, reach out

Multi-platform, device

Distribute, Invite

Page 23: New age website architecture

Content Modeling

UX coding

Use API, reach out

Multi-platform, device

Distribute, Invite

2009 :

Platforms

Page 24: New age website architecture

2010?The platforms open up….

Page 25: New age website architecture

Content Modeling

UX coding

Use API, reach out

Multi-platform, device

Distribute, Invite

2010 :

Platforms

• Contribute back• Write code for others

to build upon

Recursive, Re-entrant

Page 26: New age website architecture

Want to join the revolution?

Questions?

Feedback?

Inquiries?