site manager rocks!
DESCRIPTION
Site Manager rocks! This presentation goes up to 11. Presentation I gave at the T44U conference in Dublin (12-13 November 2009).about our tops tips for using the Site Manager Web content management system (http://www.terminalfour.com/) Released under a Creative Commons Attribution-Share Alike 2.5 UK: Scotland Licence. http://creativecommons.org/licenses/by-sa/2.5/scotland/TRANSCRIPT
![Page 1: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/1.jpg)
Site Manager rocks!This presentation goes up to 11
Gareth J M SaundersAssistant Information Architect/Web Manager
Chris GordonWeb Software Developer
T44U, Dublin - November 2009
Beta
![Page 2: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/2.jpg)
Site Manager rocks!This presentation goes up to 11
Gareth J M SaundersAssistant Information Architect/Web Manager
Chris GordonWeb Software Developer
T44U, Dublin - November 2009
![Page 3: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/3.jpg)
St AndrewsSt Andrews
![Page 4: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/4.jpg)
St AndrewsSt Andrews
Founded 1413
![Page 5: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/5.jpg)
Site Managerat St Andrews
December 2006 Installed Site Manager 5.1 (or 5.2)
May 2007 Launched first site
October 2008 Upgraded to Site Manager 6.0.0018
Summer 2009 Dev server installed with 6.2Soon? Upgrade live to 6.2
Currently 35 channels, inc. 11 RSS channels
![Page 6: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/6.jpg)
“Could you ...?"A typical request
![Page 7: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/7.jpg)
"We can do anything!"The University of St Andrews Web Team
![Page 8: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/8.jpg)
"How would we do this ...?"Gareth
![Page 9: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/9.jpg)
"We could use PHP ..."Steve
![Page 10: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/10.jpg)
"Aye ... but is there any way we could get Site Manager to do it?"
Gareth
![Page 11: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/11.jpg)
The answer is usually: YES
![Page 12: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/12.jpg)
But occasionally the answer is no
![Page 13: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/13.jpg)
Site Manager rocks!This presentation goes up to 11
Gareth J M SaundersAssistant Information Architect/Web Manager
Chris GordonWeb Software Developer
T44U, Dublin - November 2009
![Page 14: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/14.jpg)
Top tipswhen rolling out sites using Site Manager
CaveatWe’re not experts, but these are the things we’ve found useful
![Page 15: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/15.jpg)
1. Policies and proceduresThe exciting stuff first ...
![Page 16: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/16.jpg)
Who is responsible for what?
![Page 17: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/17.jpg)
Sign a partnership agreement
Thanks to Bill Mackintosh at the University of York for this advice
![Page 18: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/18.jpg)
Naming conventions
![Page 19: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/19.jpg)
Naming conventions
UPPERCASE, Mixed case or lowercase URLs? Per channel
Content e.g. webteam_about_garethjmsaunders
Styles and templates e.g. Divinity 1 Home
Media library categories Publish out as separate folders? TOOLS > CONFIGURATION
Media library items e.g. hr-policy-sickleave.pdf
![Page 20: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/20.jpg)
Training and support
![Page 21: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/21.jpg)
Development server
![Page 22: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/22.jpg)
Going live policy ... test first
![Page 23: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/23.jpg)
2. HacksIf it ain’t broke ... tweak it!
![Page 24: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/24.jpg)
Hack #1: Firebug for Firefox http://getfirebug.com
![Page 25: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/25.jpg)
CSS Selector navigation object
ProblemHow do I delete these?
![Page 26: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/26.jpg)
CSS Selector navigation object
Hack!Use FirebugLocate the values in the codeDelete themUPDATE
![Page 27: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/27.jpg)
Hack #2: Stylish for Firefox https://addons.mozilla.org/en-US/firefox/addon/2108
"Restyle the web with Stylish, a user styles manager."
![Page 28: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/28.jpg)
Use Firebug to locate page elements Isolating the login input boxes
![Page 29: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/29.jpg)
Stylish examples Log in screen
BeforeSmall login boxes
AfterWeb 2.0 treatment for the short-sighted
![Page 30: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/30.jpg)
Stylish examples Site Hierarchy
BeforeVery subtle background colour on mouse-over hover
AfterHover more prominent
![Page 31: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/31.jpg)
Stylish examples Media Library
BeforeThere is no media in which category?
AfterAh! that one!
![Page 32: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/32.jpg)
Stylish examples Configuration
BeforeCentre-aligned headings
AfterLeft-aligned headingswith background-colour and hover-effect on rows
![Page 33: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/33.jpg)
Hack #3: Greasemonkey for Firefox
JavaScript librariesCan be used with jQuery, MooTools, Prototype, Scriptaculous, etc.
WishlistHighlight any selected rows in User Management, Group Management, etc., or even move them to the top of the table to remove the need to scroll.
https://addons.mozilla.org/en-US/firefox/addon/748
"Allows you to customize the way a webpage displays using small bits of JavaScript..."
![Page 34: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/34.jpg)
3. From design to T4Transferring your designs into Site Manager
![Page 35: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/35.jpg)
Print out design onto A3 and mark-up by hand
Style elementsFind divide between header and footerRelated content required?Hard-coded elements
Navigation objectsShare existingCreate newWrite IDs onto diagram
Media elementsImagesCSSJavaScript
TemplatesShare existingCreate new
![Page 36: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/36.jpg)
Use mind maps
Our uses include
Project management
Information architectureMigration (4,000+ pages)Re-architect 50+ sites
Page-level design
Design management
User permissions in T4
www.slideshare.com/garethjmsaunders/
![Page 37: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/37.jpg)
4. Efficient codeImproving the Web one byte at a time
![Page 38: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/38.jpg)
Duplicate standalone HTML code for quick mock-ups
TERMINALFOUR Site Manager Standalone HTML
![Page 39: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/39.jpg)
Use version control
Efficient Work on different branches concurrently
Fail-safeRoll back quickly to an older version
![Page 40: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/40.jpg)
Use frameworks
CSSBlueprint CSS960 Grid SystemYUI Grids
JavaScriptjQueryPrototype and ScriptaculousMooTools
PHPCakePHPSymphonyZend
![Page 41: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/41.jpg)
Framework advantages v disadvantages
AdvantagesCross-browser supportFaster development timeWell-structured, modular codeCode consistencyVisual design cohesion
DisadvantagesOften non-semanticBloated code (may not need whole framework)LimitedInherit other people's bugsCan take time to learn
![Page 42: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/42.jpg)
Optimize your code
Books
High Performance Web SitesSteve Souders (O'Reilly, 2007) ISBN 0-596-52930-9
Even Faster Web SitesSteve Souders (O'Reilly, 2009) ISBN 0-596-52230-4
Firebug add-ons
Yahoo! YSlowhttp://developer.yahoo.com/yslow/
Google Page Speedhttp://code.google.com/speed/page-speed/
![Page 43: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/43.jpg)
5. Navigation objectsWhere do you want to go today?
![Page 44: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/44.jpg)
Navigation objects
Site Manager 6.0
Related ContentRelated Content BranchBreadCrumbsCSS SelectorLink MenuReturn To IndexSection DetailsTop ContentBreadCrumb AdvancedLanguage SwitcherSection IteratorSite MapTop Stories
![Page 45: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/45.jpg)
An average page
BreadCrumbs CSS Selector
Section Details
Content
Related Content Branch
Related Content
Link Menu
![Page 46: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/46.jpg)
Where related content comes from
![Page 47: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/47.jpg)
Advantages v disadvantages
AdvantagesSeparate content from designRestrict accessEasy to mirror information
DisadvantagesUsers often struggle to remember where to go to update information
![Page 48: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/48.jpg)
Related Content navigation object
Use Child
Unique keyword
![Page 49: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/49.jpg)
Related Content Branch navigation object
Use Child
Unique keyword
![Page 50: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/50.jpg)
Predefined order in styles
rel_global_imagerel_imagerel_residencerel_global_contactsrel_contactrel_contentrel_global_contentrel_childrenrel_global_childrenrel_twitterrel_global_twitterrel_phprel_meeborel_global_openingtimesrel_openingtimesrel_rssfeedrel_global_applicationsrel_formsrel_global_forms...rel_global_internal_links
![Page 51: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/51.jpg)
Main content ... everything else is related
![Page 52: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/52.jpg)
Image carousel
![Page 53: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/53.jpg)
Campaign buttons
![Page 54: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/54.jpg)
Categories
![Page 55: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/55.jpg)
Highlights
![Page 56: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/56.jpg)
6. Alternate formattersReally useful ... if you can get your head around them
![Page 57: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/57.jpg)
RSS feed link and autodiscovery
News
rel_rssfeed
Content uses the rssfeed template
Template has 2 formattersrelated/rsshead/rss
Two navigation objects in styles using each of the formatters
![Page 58: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/58.jpg)
7. StatisticsWho, what, where, when ...
![Page 59: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/59.jpg)
8. 404 Page not foundThese are not the droids you're looking for
![Page 60: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/60.jpg)
www.st-andrews.ac.uk/error404/
How did I get here?
Site organsation
Search box
Popular pages
Help
![Page 61: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/61.jpg)
www.abertay.ac.uk/error404/
How did I get here?
Site map
Search box
Feedback form
Recent changes
Help
![Page 62: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/62.jpg)
www.strath.ac.uk/error404/
How did I get here?
Contact us
Search box
Most popular pages
Top search terms
![Page 63: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/63.jpg)
9. PublishingHow not to be damned
![Page 64: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/64.jpg)
Stagger the publish times of your channels
Otherwise ...
![Page 65: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/65.jpg)
When do you schedule RSS publishing?
![Page 66: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/66.jpg)
Hourly publishing schedule
Site Manager WWW
Transfer Manager
![Page 67: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/67.jpg)
Approve by half past, live 50 minutes later
Transfer Manager
Site Manager WWW
![Page 68: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/68.jpg)
The problem
If we schedule the RSS publish anywhere during those 50 minutes and a new News item has been approved after half-past then the RSS feed may publish out a link to a 404 depending on whether the HTML publish included it or not.
![Page 69: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/69.jpg)
Example
09:30 HTML publish begins09:45 News item approved10:20 RSS feed published
with 404 link to latestnews item
11:20 News item finallypublished to HTML
+
![Page 70: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/70.jpg)
Our solution
09:29 RSS publish to staging09:30 HTML publish to staging
10:09 Transfer all to live
+
![Page 71: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/71.jpg)
10. htaccessApache experience
![Page 72: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/72.jpg)
.htaccess - directory-level server configuration
.htaccess
Password protect require valid-user abc
Redirects redirect 301 /from /to
Error documents ErrorDocument 404 /errors/404
AddType AddType application/x-httpd .php
![Page 73: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/73.jpg)
Password protect a directory
.htaccess
LDAP
require user abc1require user def2require user ghi3
/restricted
![Page 74: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/74.jpg)
Publish as a channel?
AdvantagesCreate templateTight control on what information is enteredRestrict access to template
DisadvantagesChannels publish a file to every directory even if there is no content being published to that channel.
![Page 75: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/75.jpg)
Channels also publish to 'empty' sections
Staff
Restricted
Students
Parents
.htaccess
.htaccess
.htaccess
.htaccess
Channel has only one piece of content
Every section is published to with blank .htaccess files
![Page 76: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/76.jpg)
11. DeletedFor those users who don't understand what inactive means
![Page 77: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/77.jpg)
Create a local deleted section within each site
![Page 78: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/78.jpg)
Publish
Draft
Do not publish (hide)
Deleted
Content status: 4 values, 3 lights
![Page 79: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/79.jpg)
Publish
Draft
Do not publish (hide)
Deleted
What's the difference between Expired and Inactive?
![Page 80: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/80.jpg)
Expired
Inactive
How many of our users think of it
![Page 81: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/81.jpg)
How TERMINALFOUR thinks of it
Expired
Inactive
![Page 82: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/82.jpg)
Move content/sections you really want to delete
![Page 83: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/83.jpg)
Purge only those items within a Deleted section
![Page 84: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/84.jpg)
We salute you!For those about to use Site Manager
![Page 85: Site Manager rocks!](https://reader034.vdocuments.mx/reader034/viewer/2022042814/54c82aba4a7959b1368b457d/html5/thumbnails/85.jpg)
Thank you
Gareth J M [email protected]
Chris [email protected]
Questions, comments, suggestions, thoughts, ideas ...