3stages Wdn08 V3

72
Boris Mann Raincity Studios http://www.raincitystudios.com http://bmannconsulting.com The 3 Stages of CMS

description

My WDN08 slides. Kind of only makes sense with the audio.

Transcript of 3stages Wdn08 V3

Page 1: 3stages Wdn08 V3

Boris MannRaincity Studios

http://www.raincitystudios.comhttp://bmannconsulting.com

The 3 Stages of CMS

Page 2: 3stages Wdn08 V3

If I had a tag cloud…

Bryght

Raincity

Vancouver

tech evangelist

Drupal

open source

hand waver

beer

XMPP

social software

Northern Voice

Page 3: 3stages Wdn08 V3

Uh oh.

Is he just going to talk about Drupal?

Page 4: 3stages Wdn08 V3

But I’m not going to be a

Dick

Page 5: 3stages Wdn08 V3

Uh oh.

Is this one of those talks?

(thinks the guy in the back)

(be thankful: at the last minute, I almost switched everything to Comic Sans)

Page 6: 3stages Wdn08 V3

Oh, and if I don’t mention your favourite dynamic system, it’s

because it sux.

(actually, it’s all about interoperable systems, but that’s probably someone

else’s presentation)

Page 7: 3stages Wdn08 V3

INTERACTIVE!

(I’d like to keep asking you questions)

Page 8: 3stages Wdn08 V3

The 3 stages of dynamic systems. Ugh. Sounds like a thesis.

Page 9: 3stages Wdn08 V3

Do I need to convince you that “dynamic systems” are where

we’re at?

CMS, web apps, RSS feeds, etc.

(there’s that pesky thing about dynamic being great for SEO, too)

Page 10: 3stages Wdn08 V3

So, here’s the think:every single “page” is becoming a

dynamic system all by itself.

(Insert hand waving)

Page 11: 3stages Wdn08 V3

Furthermore, implementing basic features (such as comments or forums, or a flexible array of RSS feeds, or a decent site search engine) is needlessly complex and difficult in Dreamweaver. … Because online journalism without such basic features is crippled.

Dreamweaver Sux

Page 12: 3stages Wdn08 V3

This is the part where you tell me about “static” pages.

Page 13: 3stages Wdn08 V3

Now we’re going to build an OpenID server in just one “static”

page.

Page 14: 3stages Wdn08 V3

<link rel="openid.delegate" href="http://home.bryght.com/user/3"/>

Page 15: 3stages Wdn08 V3

Bonus slide:Remember when your business model was updating individual

pages?

(We’re actually going to come back to the business model thing)

Page 16: 3stages Wdn08 V3

ANYWAYS

Page 17: 3stages Wdn08 V3

The 3 stages

Designing for dynamic systems

Choosing open source

Plugin mania

Frameworks

Page 18: 3stages Wdn08 V3

frack

There is SO much to talk about

(Maybe we should just listen to Oberkirch’s presentation again)

Page 19: 3stages Wdn08 V3

The 3 Stages

•Simple content management•dude, the client wants to edit their

own content

•Beyond the blog•calendars. and forums. better add

a wiki, too

•Building web applications• I’m pretty sure we need a custom

function for that

Page 20: 3stages Wdn08 V3

Of course that’s too simplistic.There are stages within those.Upgrades. Redesigns. Budget. Level of technical expertise.

Page 21: 3stages Wdn08 V3

How many people use a version control system?

Page 22: 3stages Wdn08 V3

Web Applications

•At some point you wake up and realize you’re adding custom functionality to something that started as “just a website”

•Congratulations! You’ve got your very own web application!

•user profiles, personalization

Page 23: 3stages Wdn08 V3

4th Stage

“Power of remixable data”

(insert Brian Oberkirch’s presentation here)

Page 24: 3stages Wdn08 V3

Me == Oberkirch fanboy

Page 25: 3stages Wdn08 V3

RSS. APIs. Microformats. OpenID. OAuth. Attribute Exchange.

(RDF and the Semantic Web…maybe)

Page 26: 3stages Wdn08 V3

Got any other names or labels for types of sites? Does your company

slot a customer into a type?

Page 27: 3stages Wdn08 V3

Designing for Dynamic Systems

•The new site map•Templates•UGC sux

(Note: presenter is not an actual designer)

Page 28: 3stages Wdn08 V3

The new site map

•A sitemap used to be literally every page in a site

•Now, it’s more like an outline of the templates that have to be built•Type of page•Landing page

•Maybe: APIs, different types of feeds…and admin screens, too

Page 29: 3stages Wdn08 V3

Templates

•Need to be designing across the entire site

•Use a grid•Use realistic example text

•e.g. long names; like Really Long Name That No One Will Enter

•Oh yeah, and you should probably plan for users

Page 30: 3stages Wdn08 V3

UGC Sux

•Your design is finished, then....•comments!• forum posts!• italics, bold, break tags, and more

Page 31: 3stages Wdn08 V3

UGC Sux Less?

•Include styles for UGC•Strip out / close tags•Live preview•Image resizing (crop / scale /

placement)

Page 32: 3stages Wdn08 V3

Back to Templates.

Page 33: 3stages Wdn08 V3

Template LANGUAGE?!

•This is the ultimate Designer meet Developer

•CSS is programming!•And then the developer was all,

like, just learn this little code snippet…

Page 34: 3stages Wdn08 V3

<meta http-equiv="X-UA-Compatible"…

Page 35: 3stages Wdn08 V3

That was a cheap shot. But, MSFT made fun of my hair once

Page 36: 3stages Wdn08 V3

Push vs. pull is kind of interesting.

Page 37: 3stages Wdn08 V3

TEMPLATES.

Whatever. They’re all painful.

Suggestions?

(I’m pretty sure any phrases involving XML and/or XSLT transforms is going to be painful)

Page 38: 3stages Wdn08 V3

Choosing Open Source

•Open source doesn’t mean free•Become an expert•Small local firms rolling their

own

Page 39: 3stages Wdn08 V3

What’s your business model?•It’s probably not selling bits•What are you actually selling?•It probably is process,

expertise, design•Maybe a side of services (but,

like Josh said, hosting sux)

Page 40: 3stages Wdn08 V3

.NET open source?

(Sharepoint, not so much, unfortunately. Plugins, maybe?)

Page 41: 3stages Wdn08 V3

Community Return on Investment (ROI)

Page 42: 3stages Wdn08 V3

Why the frack is this guy talking about open source?

Page 43: 3stages Wdn08 V3
Page 44: 3stages Wdn08 V3

Three choices?

•Resell someone else’s code•Use open source•Roll your own

(I know we’re in Vangroovy.But rolling your own is not cool.)

Page 45: 3stages Wdn08 V3

A story about local web design dev firms.

Page 46: 3stages Wdn08 V3

Everybody else’s code sux! I’m building my own! I’m going to get

$paid$ to code more stuff, too.

Page 47: 3stages Wdn08 V3

Wait…what’s your business model again?

Page 48: 3stages Wdn08 V3

Of course…

…open source SUX. It’s badly documented, it’s unsupported,

and it doesn’t work like it says on the box.

(but at least you’ve got someone else to blame)

Page 49: 3stages Wdn08 V3

We’re all in this together. Going open probably means more of the open web gets built more

quickly.

Page 50: 3stages Wdn08 V3

Anyone got some business models to share?

(it’s all about the icons and Facebook apps)

Page 51: 3stages Wdn08 V3

Plugins and Modules

•Virtually all systems have a way to extend the base

•Sweet! New functionality for free!

•Except…• Installation, training, configuration•Updates and security•“Just one more tweak” to the design

Page 52: 3stages Wdn08 V3

We’re going to take an interlude to the base of the system you’re

using.

Page 53: 3stages Wdn08 V3

Don’t hack the core.

Page 54: 3stages Wdn08 V3

Well, if you’re going to hack, make some patches.

Page 55: 3stages Wdn08 V3

Back to plugins…

(They’re like hacking without the hack)

Page 56: 3stages Wdn08 V3

Build up a set of features / list of plugins that you know are good. Covet them. Don’t add to them.

Have a backup plan.

(Like: this goes on the we might add this in phase 1 list. Might.)

Page 57: 3stages Wdn08 V3

Of course, you can build your own.

(Oooh! Maybe this is your business plan?)

Page 58: 3stages Wdn08 V3

Designers: make some mock ups. If they’re pretty, developers will

want to build it.

(can you crowdsource your next website?)

Page 59: 3stages Wdn08 V3

Clients/Users: maybe you have the same pain as other people. Can

you fund a common solution? Can you make an existing one suck

less?

Page 60: 3stages Wdn08 V3

Developers: please don’t re-invent the wheel.

(Except, sometimes, we need a crazy one to do things differently)

Page 61: 3stages Wdn08 V3

Got any cool plugins to share?

Page 62: 3stages Wdn08 V3

Frameworks

•100s (thousands?) of frameworks

•Rails (Ruby)•Django (Python)•Symfony (PHP)(Note: building from scratch is not an option)

(No, really, it isn’t)

Page 63: 3stages Wdn08 V3

Where is it going to be deployed?PHP tends to run everywhere.

(Tip: sneak PHP into enterprise by deploying it on a Java stack)

Page 64: 3stages Wdn08 V3

Real programmers tend to love just about anything better than

PHP. Except for Java.

Page 65: 3stages Wdn08 V3

Are there people locally that use your framework?

(There are tons of TYPO3 users in Germany)

Page 66: 3stages Wdn08 V3

Don’t forget about libraries!

Page 67: 3stages Wdn08 V3

Yeah, I know the frameworks bit in here was short. Did you think I was going to start a flame war?

Got something else to share?

Page 68: 3stages Wdn08 V3

Let’s wrap it up

Page 69: 3stages Wdn08 V3

The web is only going to get more dynamic.

Page 70: 3stages Wdn08 V3

All these things need to talk to each other.

Page 71: 3stages Wdn08 V3

Think about your business model.

Page 72: 3stages Wdn08 V3

And I didn’t even talk about internationalization.

(the English web is a pretty small place)