Download - 3stages Wdn08 V3
![Page 1: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/1.jpg)
Boris MannRaincity Studios
http://www.raincitystudios.comhttp://bmannconsulting.com
The 3 Stages of CMS
![Page 2: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/2.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/3.jpg)
Uh oh.
Is he just going to talk about Drupal?
![Page 4: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/4.jpg)
But I’m not going to be a
Dick
![Page 5: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/5.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/6.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/7.jpg)
INTERACTIVE!
(I’d like to keep asking you questions)
![Page 8: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/8.jpg)
The 3 stages of dynamic systems. Ugh. Sounds like a thesis.
![Page 9: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/9.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/10.jpg)
So, here’s the think:every single “page” is becoming a
dynamic system all by itself.
(Insert hand waving)
![Page 11: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/11.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/12.jpg)
This is the part where you tell me about “static” pages.
![Page 13: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/13.jpg)
Now we’re going to build an OpenID server in just one “static”
page.
![Page 14: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/14.jpg)
<link rel="openid.delegate" href="http://home.bryght.com/user/3"/>
![Page 15: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/15.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/16.jpg)
ANYWAYS
![Page 17: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/17.jpg)
The 3 stages
Designing for dynamic systems
Choosing open source
Plugin mania
Frameworks
![Page 18: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/18.jpg)
frack
There is SO much to talk about
(Maybe we should just listen to Oberkirch’s presentation again)
![Page 19: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/19.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/20.jpg)
Of course that’s too simplistic.There are stages within those.Upgrades. Redesigns. Budget. Level of technical expertise.
![Page 21: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/21.jpg)
How many people use a version control system?
![Page 22: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/22.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/23.jpg)
4th Stage
“Power of remixable data”
(insert Brian Oberkirch’s presentation here)
![Page 24: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/24.jpg)
Me == Oberkirch fanboy
![Page 25: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/25.jpg)
RSS. APIs. Microformats. OpenID. OAuth. Attribute Exchange.
(RDF and the Semantic Web…maybe)
![Page 26: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/26.jpg)
Got any other names or labels for types of sites? Does your company
slot a customer into a type?
![Page 27: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/27.jpg)
Designing for Dynamic Systems
•The new site map•Templates•UGC sux
(Note: presenter is not an actual designer)
![Page 28: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/28.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/29.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/30.jpg)
UGC Sux
•Your design is finished, then....•comments!• forum posts!• italics, bold, break tags, and more
![Page 31: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/31.jpg)
UGC Sux Less?
•Include styles for UGC•Strip out / close tags•Live preview•Image resizing (crop / scale /
placement)
![Page 32: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/32.jpg)
Back to Templates.
![Page 33: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/33.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/34.jpg)
<meta http-equiv="X-UA-Compatible"…
![Page 35: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/35.jpg)
That was a cheap shot. But, MSFT made fun of my hair once
![Page 36: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/36.jpg)
Push vs. pull is kind of interesting.
![Page 37: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/37.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/38.jpg)
Choosing Open Source
•Open source doesn’t mean free•Become an expert•Small local firms rolling their
own
![Page 39: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/39.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/40.jpg)
.NET open source?
(Sharepoint, not so much, unfortunately. Plugins, maybe?)
![Page 41: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/41.jpg)
Community Return on Investment (ROI)
![Page 42: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/42.jpg)
Why the frack is this guy talking about open source?
![Page 43: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/43.jpg)
![Page 44: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/44.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/45.jpg)
A story about local web design dev firms.
![Page 46: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/46.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/47.jpg)
Wait…what’s your business model again?
![Page 48: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/48.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/49.jpg)
We’re all in this together. Going open probably means more of the open web gets built more
quickly.
![Page 50: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/50.jpg)
Anyone got some business models to share?
(it’s all about the icons and Facebook apps)
![Page 51: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/51.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/52.jpg)
We’re going to take an interlude to the base of the system you’re
using.
![Page 53: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/53.jpg)
Don’t hack the core.
![Page 54: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/54.jpg)
Well, if you’re going to hack, make some patches.
![Page 55: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/55.jpg)
Back to plugins…
(They’re like hacking without the hack)
![Page 56: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/56.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/57.jpg)
Of course, you can build your own.
(Oooh! Maybe this is your business plan?)
![Page 58: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/58.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/59.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/60.jpg)
Developers: please don’t re-invent the wheel.
(Except, sometimes, we need a crazy one to do things differently)
![Page 61: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/61.jpg)
Got any cool plugins to share?
![Page 62: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/62.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/63.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/64.jpg)
Real programmers tend to love just about anything better than
PHP. Except for Java.
![Page 65: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/65.jpg)
Are there people locally that use your framework?
(There are tons of TYPO3 users in Germany)
![Page 66: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/66.jpg)
Don’t forget about libraries!
![Page 67: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/67.jpg)
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](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/68.jpg)
Let’s wrap it up
![Page 69: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/69.jpg)
The web is only going to get more dynamic.
![Page 70: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/70.jpg)
All these things need to talk to each other.
![Page 71: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/71.jpg)
Think about your business model.
![Page 72: 3stages Wdn08 V3](https://reader035.vdocument.in/reader035/viewer/2022081602/54801904b4af9f6b668b470b/html5/thumbnails/72.jpg)
And I didn’t even talk about internationalization.
(the English web is a pretty small place)