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

New age website architecture

Nov 18, 2014

Download

Education

guest0574a6

Presentation on building modern websites at web apps 2010 in Bangalore on 15th may.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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?