Your CMS is the ELEPHANT IN THE ROOM – TECH FOCUS Jeff Abuzzahab jeff@umn.edu #TPR3z.umn.edu/j eff
Preview:
Citation preview
- Slide 1
- Your CMS is the ELEPHANT IN THE ROOM TECH FOCUS Jeff Abuzzahab
jeff@umn.edu #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?
- Slide 80
- #TPR3z.umn.edu/j eff College Results
- Slide 81
- #TPR3z.umn.edu/j eff UofM Results
- Slide 82
- #TPR3z.umn.edu/j eff People Results
- Slide 83
- #TPR3z.umn.edu/j eff Event Results
- Slide 84
- #TPR3z.umn.edu/j eff Tab Name, Search URL, XSLT, Custom Error
Message rs_names[0] =["CEHD",
"http://google.umn.edu/search?&q="+query+"&site=tc_education&cl
ient=tc_education&output=xml_no_dtd",
"/attributes/XSLT/Search.xslt", "Custom Error Message"];
rs_names[1] = ["U of M",
"http://google.umn.edu/search?&q="+query+"&num=10&output=xml_no
_dtd&client=searchumn&site=default_collection",
"/attributes/XSLT/Search.xslt", "Custom Error Message"];
rs_names[2] = ["People",
"http://apps.cehd.umn.edu/people/admin/RSSFeed.aspx?&nm="+query,
"/attributes/XSLT/People-SearchResults.xslt", "Custom Error
Message"]; rs_names[3] = ["Events",
"http://apps.cehd.umn.edu/events/admin/RSSFeed.aspx?&r=3&q=6&t=
170&k="+query, "/attributes/XSLT/Events-SearchResults.xslt",
"Custom Error Message"];
- Slide 85
- #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 jeff@umn.edu
z.umn.edu/jeff @abuzzahab