Your CMS is the ELEPHANT IN THE ROOM TECH FOCUS Jeff Abuzzahab
[email protected] #TPR3z.umn.edu/j eff
Slide 2
#TPR3z.umn.edu/j eff 1 Minute History Catering to Software What
do we need to do? 2 years of hell CMS was the Problem should have
asked DramaFighting No WorkPeople Quit One CMS Complicated
Proprietary Complete Failure
Slide 3
#TPR3z.umn.edu/j eff 1 Minute History Put People First! People
are Happy People are Productive 4+ Years of Web Bliss 100+ Web
Sites With What Software? Together we plan Content, Delivery, then
Software Results?
Slide 4
#TPR3z.umn.edu/j eff Dreamweaver Contribute SharePoint
Homegrown + WordPress Moveable Type
Slide 5
#TPR3z.umn.edu/j eff What to Expect Where I am from How we work
Sharing content Comments & downloads
Slide 6
#TPR3z.umn.edu/j eff Minnesota Land of 10,000 Lakes (relatively
small lakes)
Slide 7
#TPR3z.umn.edu/j eff Minnesota
Slide 8
#TPR3z.umn.edu/j eff Twin Cities 40 miles approx. 3.2 million
pop.
Slide 9
#TPR3z.umn.edu/j eff Twin Cities
Slide 10
#TPR3z.umn.edu/j eff Twin Cities
Slide 11
#TPR3z.umn.edu/j eff Twin Cities 3 miles
Slide 12
#TPR3z.umn.edu/j eff Twin Cities
Slide 13
#TPR3z.umn.edu/j eff Twin Cities
Slide 14
#TPR3z.umn.edu/j eff Twin Cities
Slide 15
#TPR3z.umn.edu/j eff College of Education and Human Development
Curriculum and Instruction Educational Psychology Family Social
Science Institute of Child Development Organizational Leadership,
Policy, and Development Postsecondary Teaching and Learning School
of Kinesiology School of Social Work Center for Applied Research
and Educational Improvement Center for Early Education and
Development Educator Development and Research Center Institute on
Community Integration Learning Technologies Media Lab Minnesota
Center for Reading Research STEM Education Center U of M Child
Development Center Academic UnitsResearch Units Administration
Level Four Centers Alumni Development Student Services Etc., etc.
Dozens of them Projects and labs
Slide 16
#TPR3z.umn.edu/j eff Information Technology Web Team four
people Re-est 2008 IT + Comm hybrid Full authority plan, design,
build We work with a content strategist in each major unit Similar
skills, fit to their area Stereoscope original handheld
technology
Slide 17
#TPR3z.umn.edu/j eff Collaboration & Trust Work together
from the start CSS/HTML framework direct editing Governance by
leading up
Slide 18
#TPR3z.umn.edu/j eff Content Strategy News stuff happens Events
come to our thing People learn from these humans Courses we sell
these Search sharing half our traffic
flickr.com/photos/jlarson/267277436/
Slide 19
#TPR3z.umn.edu/j eff News - Criteria COPE Create Once, Publish
Everywhere Many writers Over 40 authors Non-hierarchical Stories
where they belong flickr.com/photos/theilr/2425819693/
Slide 20
#TPR3z.umn.edu/j eff Library Blog Easy setup 2 steps
Customizable, use our frameworks Good search rankings
blog.lib.umn.edu/cehd/news
Slide 21
#TPR3z.umn.edu/j eff Logical Navigation
Slide 22
#TPR3z.umn.edu/j eff Behind the Scenes
Slide 23
#TPR3z.umn.edu/j eff It Works. But The blog is here
Slide 24
#TPR3z.umn.edu/j eff How do we Share?
Slide 25
#TPR3z.umn.edu/j eff Feeds RSS & Atom
Slide 26
#TPR3z.umn.edu/j eff Feeds are XML Extensible Markup Language
Transports data Nested in nodes
Slide 27
#TPR3z.umn.edu/j eff Feeds are XML
Slide 28
#TPR3z.umn.edu/j eff Feeds are XML
Slide 29
#TPR3z.umn.edu/j eff Feeds are XML
Slide 30
#TPR3z.umn.edu/j eff Feeds are XML
Slide 31
#TPR3z.umn.edu/j eff Feeds are XML
Slide 32
#TPR3z.umn.edu/j eff Feeds are XML
Slide 33
#TPR3z.umn.edu/j eff XSLT Extensible Stylesheet Language
Transformations Produces HTML Makes decisions based on XML nodes
Good at matching and counting How to get finished HTML on our
sites? flickr.com/photos/anselmhook/246779180/
Slide 34
#TPR3z.umn.edu/j eff The Script Discussed with our backend
developers we collaborate! Gave us a script, set four variables
getRssFeed("News",
"http://blog.lib.umn.edu/cehd/news/CollegeHP.xml",
"/attributes/XSLT/News-HP.xslt", "Sorry, the news feed is currently
unavailable."); div id where should it go? Feed URL which XML to
use? XSLT how should it display? Error message what if it breaks?
Tons available for whatever flavor you scoop: ASP, PHP,.NET, etc.
and we
Slide 35
#TPR3z.umn.edu/j eff Unordered list Title and link 3 stories
with category college home page Homepage
Slide 36
#TPR3z.umn.edu/j eff Department Thumbnail, title, link 8
stories, rotated with JavaScript
Slide 37
#TPR3z.umn.edu/j eff Alumni Two feeds Notes by year Sort by tag
Group by decade
Slide 38
#TPR3z.umn.edu/j eff
Slide 39
#TPR3z.umn.edu/j eff
Slide 40
#TPR3z.umn.edu/j eff
Slide 41
#TPR3z.umn.edu/j eff
Slide 42
#TPR3z.umn.edu/j eff
Slide 43
#TPR3z.umn.edu/j eff Alumni
Slide 44
#TPR3z.umn.edu/j eff Feed Summary XML: flow of info The water
and hose Categories: control flow The spigot XSLT: distribute HTML
The sprinkler Your site - consumption: Dogs mouth, glass, whatever
No one owns this technology! You can Google for help! Many free
sites out there. flickr.com/photos/sailorbill/3621895805/
Slide 45
#TPR3z.umn.edu/j eff Events - Criteria Similar criteria as news
COPE Create Once, Publish Everywhere Many writers
Non-hierarchical
Slide 46
#TPR3z.umn.edu/j eff Events - Build Could do this with a blog
or Google cal Talked with backend developers They already had a
calendar Made a copy for us
Slide 47
#TPR3z.umn.edu/j eff Link Pro
Slide 48
#TPR3z.umn.edu/j eff Link Pro
Slide 49
#TPR3z.umn.edu/j eff Link Pro
Slide 50
#TPR3z.umn.edu/j eff Link Pro Custom feed URL determines amount
and type of information Feed for iCal as well, use in Google
calendar The numbers determine the information pulled Changing
category name does not affect feed
Slide 51
#TPR3z.umn.edu/j eff Events Three different sites
Slide 52
#TPR3z.umn.edu/j eff Events Three different feeds
Slide 53
#TPR3z.umn.edu/j eff Events
Slide 54
#TPR3z.umn.edu/j eff Events Feed Navigation
Slide 55
#TPR3z.umn.edu/j eff Events
Slide 56
#TPR3z.umn.edu/j eff People - Criteria COPE Many writers some
edit by proxy 99.8% faculty wont update Non-hierarchical Coordinate
with University data
Slide 57
#TPR3z.umn.edu/j eff The U Provides
Slide 58
#TPR3z.umn.edu/j eff We Can Use
Slide 59
#TPR3z.umn.edu/j eff But We Want This
Slide 60
#TPR3z.umn.edu/j eff Or This
Slide 61
#TPR3z.umn.edu/j eff Or This
Slide 62
#TPR3z.umn.edu/j eff Or This
Slide 63
#TPR3z.umn.edu/j eff Or This
Slide 64
#TPR3z.umn.edu/j eff Or This
Slide 65
#TPR3z.umn.edu/j eff Tool Function Its called the People Tool
Pulls in U data We add our information Bio, short and long
Publications and presentations CV, headshot Useful contact info
Pull data with feeds
flickr.com/photos/laughingsquid/2504275282/
Slide 66
#TPR3z.umn.edu/j eff GetRSSFeed
"http://apps.cehd.umn.edu/people/admin/RSSFeed.asp x?id=abuzz002",
"/attributes/XSLT/People-ProfilePage.xslt", "Sorry, we are
experiencing some technical difficulties that are probably Jeff's
fault. Send Jeff an email right now and let him know the internets
have broken. Thank you." Code on Page Same script, different XML
(feed) and XSLT!
Slide 67
#TPR3z.umn.edu/j eff GetRSSFeed
"http://apps.cehd.umn.edu/people/admin/RSSFeed.asp x?id=abuzz002",
"/attributes/XSLT/People-ProfilePage.xslt", "Sorry, we are
experiencing some technical difficulties that are probably Jeff's
fault. Send Jeff an email right now and let him know the internets
have broken. Thank you." Code on Page Copy page, change this ID,
and voil! A new profile page. Have fun with the error message!
Slide 68
#TPR3z.umn.edu/j eff GetRSSFeed
"http://apps.cehd.umn.edu/people/admin/RSSFeed.asp x?id=abuzz002",
U of M id & email! Code on Page It is simply the persons ID
which is also used for email, so super easy to look up.
Slide 69
#TPR3z.umn.edu/j eff Courses Situation University has this
information Sequestered to online catalog a.k.a. hidden
flickr.com/photos/orinrobertjohn/4269369463/
Slide 70
#TPR3z.umn.edu/j eff
Slide 71
#TPR3z.umn.edu/j eff
Slide 72
#TPR3z.umn.edu/j eff Courses - Criteria We can do better Place
course info where students expect to find it! Custom grouping make
up programs! Display many terms
flickr.com/photos/heliocentric/490326810/
Slide 73
#TPR3z.umn.edu/j eff Courses Link Pro
Slide 74
#TPR3z.umn.edu/j eff Courses - PsTL
Slide 75
#TPR3z.umn.edu/j eff Courses - PsTL
Slide 76
#TPR3z.umn.edu/j eff Courses - FSoS
Slide 77
#TPR3z.umn.edu/j eff Courses - FSoS
Slide 78
#TPR3z.umn.edu/j eff Courses - CEHD
Slide 79
#TPR3z.umn.edu/j eff Search - Criteria Share Google Search
Appliance Search results should show in the site, keep user Search
results are in XML What if we queried other data at the same
time?
#TPR3z.umn.edu/j eff Compare Contrast One CMS failure Many
Tools success! Siloed failure Collaboration success! 10 people two
offices failure 4 people one office success! Software Culture
Central Staffing Before After with content strategists
Slide 86
#TPR3z.umn.edu/j eff Will it Work? Know your environment Start
small, build momentum Talk to people Creativity is usually
rewarded
Slide 87
#TPR3z.umn.edu/j eff Take Away Stay off the ice! Content first
software last Web standards, your best friend! Web is never done
People make it all happen Jeff Abuzzahab [email protected]
z.umn.edu/jeff @abuzzahab