Upload
malha
View
54
Download
0
Tags:
Embed Size (px)
DESCRIPTION
z.umn.edu/jeff. ELEPHANT. Your CMS is the. IN THE ROOM – TECH FOCUS. Jeff Abuzzahab • [email protected]. One CMS. Complicated Proprietary. Complete Failure. 2 years of hell. No Work. People Quit. Drama. Fighting. • 1 Minute History •. CMS was the Problem. What do we need to do?. - PowerPoint PPT Presentation
Citation preview
Your CMS is the
ELEPHANTIN THE ROOM – TECH FOCUS
Jeff Abuzzahab • [email protected]
#TPR3
z.umn.edu/jeff
#TPR3
z.umn.edu/jeff• 1 Minute History •
Catering to Software
What do we need to do?
2 years of hell
CMS was the Problem
should have asked
Drama Fighting No Work People Quit
One CMS
Complicated Proprietary
CompleteFailure
#TPR3
z.umn.edu/jeff• 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 planContent, Delivery, then
SoftwareResults?
#TPR3
z.umn.edu/jeff
Dreamweaver
Contribute
SharePoint
Homegrown + WordPress
Moveable Type
#TPR3
z.umn.edu/jeff• What to Expect •
Where I am from How we work Sharing content Comments
& downloads
#TPR3
z.umn.edu/jeff• Minnesota•
Land of 10,000 Lakes(relatively small lakes)
#TPR3
z.umn.edu/jeff• Minnesota•
#TPR3
z.umn.edu/jeff• Twin Cities •
40 miles approx.
3.2 million pop.
#TPR3
z.umn.edu/jeff• Twin Cities •
#TPR3
z.umn.edu/jeff• Twin Cities •
#TPR3
z.umn.edu/jeff• Twin Cities •
3 miles
#TPR3
z.umn.edu/jeff• Twin Cities •
#TPR3
z.umn.edu/jeff• Twin Cities •
#TPR3
z.umn.edu/jeff• Twin Cities •
#TPR3
z.umn.edu/jeffCollege 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 Units Research Units
Administration
Level Four Centers Alumni Development Student Services Etc., etc.
Dozens of them Projects and labs
#TPR3
z.umn.edu/jeff
• Information Technology •
Web Teamfour people
Re-est 2008IT + Comm hybrid
Full authorityplan, design, build
We work witha content strategistin each major unit
Similar skills,fit to their area
Stereoscopeoriginal handheld technology
#TPR3
z.umn.edu/jeff
• Collaboration & Trust •
Work together from the start
CSS/HTML frameworkdirect editing
Governance byleading up
#TPR3
z.umn.edu/jeff• Content Strategy •
Newsstuff happens
Eventscome to our thing
Peoplelearn from these humans
Courseswe sell these
Searchsharing half our traffic
flickr.com/photos/jlarson/267277436/
#TPR3
z.umn.edu/jeff• News - Criteria •
COPECreate Once,Publish Everywhere
Many writersOver 40 authors
Non-hierarchicalStories where they belong
flickr.com/photos/theilr/2425819693/
#TPR3
z.umn.edu/jeff• Library Blog •
Easy setup2 steps
Customizable,use our frameworks
Good search rankings
blog.lib.umn.edu/cehd/news
#TPR3
z.umn.edu/jeff• Logical Navigation •
#TPR3
z.umn.edu/jeff• Behind the Scenes •
#TPR3
z.umn.edu/jeff• It Works. But… •
The blog is here
#TPR3
z.umn.edu/jeff• How do we Share? •
#TPR3
z.umn.edu/jeff
• Feeds – RSS & Atom •
#TPR3
z.umn.edu/jeff• Feeds are XML •
Extensible Markup Language
Transports data Nested in nodes
#TPR3
z.umn.edu/jeff• Feeds are XML •
#TPR3
z.umn.edu/jeff• Feeds are XML •
#TPR3
z.umn.edu/jeff• Feeds are XML •
#TPR3
z.umn.edu/jeff• Feeds are XML •
#TPR3
z.umn.edu/jeff• Feeds are XML •
#TPR3
z.umn.edu/jeff• Feeds are XML •
#TPR3
z.umn.edu/jeff• 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/
#TPR3
z.umn.edu/jeff• The Script •
Discussed with our backend developerswe 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 idwhere should it go?
Feed URLwhich XML to use?
XSLThow should it display?
Error messagewhat if it breaks?
Tons available for whatever flavor you scoop: ASP, PHP, .NET, etc.
and we
#TPR3
z.umn.edu/jeff
Unordered list Title and link 3 stories with
category “college home page”
• Homepage •
#TPR3
z.umn.edu/jeff• Department •
Thumbnail, title, link – 8 stories, rotated with JavaScript
#TPR3
z.umn.edu/jeffAlumni
Two feeds Notes by
year Sort by tag Group by
decade
#TPR3
z.umn.edu/jeff
#TPR3
z.umn.edu/jeff
#TPR3
z.umn.edu/jeff
#TPR3
z.umn.edu/jeff
#TPR3
z.umn.edu/jeff
#TPR3
z.umn.edu/jeffAlumni
#TPR3
z.umn.edu/jeff• Feed Summary •
XML: flow of infoThe water and hose
Categories: control flowThe spigot
XSLT: distribute HTMLThe sprinkler
Your site - consumption: Dog’s mouth, glass, whatever
No one owns this technology!You can Google for help!Many free sites out there.
flickr.com/photos/sailorbill/3621895805/
#TPR3
z.umn.edu/jeff• Events - Criteria •
Similar criteriaas news
COPECreate Once,Publish Everywhere
Many writers Non-hierarchical
#TPR3
z.umn.edu/jeff• 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
#TPR3
z.umn.edu/jeff
• Link Pro •
#TPR3
z.umn.edu/jeff• Link Pro •
#TPR3
z.umn.edu/jeff
• Link Pro •
#TPR3
z.umn.edu/jeff• 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
#TPR3
z.umn.edu/jeff• Events •
Three different sites
#TPR3
z.umn.edu/jeff• Events •
Three different feeds
#TPR3
z.umn.edu/jeff• Events •
#TPR3
z.umn.edu/jeff• Events •
Feed FeedNavigation
#TPR3
z.umn.edu/jeff• Events •
#TPR3
z.umn.edu/jeff• People - Criteria •
COPE Many writers
some edit by proxy99.8% faculty won’t update
Non-hierarchical Coordinate with
University data
#TPR3
z.umn.edu/jeff• The U Provides •
#TPR3
z.umn.edu/jeff• We Can Use •
#TPR3
z.umn.edu/jeff• But We Want This •
#TPR3
z.umn.edu/jeff• Or This •
#TPR3
z.umn.edu/jeff• Or This •
#TPR3
z.umn.edu/jeff• Or This •
#TPR3
z.umn.edu/jeff• Or This •
#TPR3
z.umn.edu/jeff• Or This •
#TPR3
z.umn.edu/jeff• Tool Function •
It’s called thePeople Tool
Pulls in U data We add our
information Bio, short and long
Publications and presentations
CV, headshot
Useful contact info
Pull data with feedsflickr.com/photos/laughingsquid/2504275282/
#TPR3
z.umn.edu/jeff
GetRSSFeed
"http://apps.cehd.umn.edu/people/admin/RSSFeed.aspx?id=abuzz002",
"/attributes/XSLT/People-ProfilePage.xslt",
"Sorry, we are experiencing some technical difficulties that are probably Jeff's fault.<a href='mailto:[email protected]'>Send Jeff an email right now</a> and let him know the internets have broken. Thank you."
• Code on Page •Same script, different XML (feed) and XSLT!
#TPR3
z.umn.edu/jeff
GetRSSFeed
"http://apps.cehd.umn.edu/people/admin/RSSFeed.aspx?id=abuzz002",
"/attributes/XSLT/People-ProfilePage.xslt",
"Sorry, we are experiencing some technical difficulties that are probably Jeff's fault.<a href='mailto:[email protected]'>Send Jeff an email right now</a> 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!
#TPR3
z.umn.edu/jeff
GetRSSFeed
"http://apps.cehd.umn.edu/people/admin/RSSFeed.aspx?id=abuzz002", U of M id & email!
• Code on Page •
It is simply the person’s ID which is also used for email, so super easy to look up.
#TPR3
z.umn.edu/jeff• Courses – Situation •
University has this information
Sequestered to “online catalog”a.k.a. hidden
flickr.com/photos/orinrobertjohn/4269369463/
#TPR3
z.umn.edu/jeff
#TPR3
z.umn.edu/jeff
#TPR3
z.umn.edu/jeff• Courses - Criteria •
We can do better…
Place course info where students expect to find it!
Custom groupingmake up programs!
Display many terms
flickr.com/photos/heliocentric/490326810/
#TPR3
z.umn.edu/jeff• Courses – Link Pro •
#TPR3
z.umn.edu/jeff• Courses - PsTL •
#TPR3
z.umn.edu/jeff• Courses - PsTL •
#TPR3
z.umn.edu/jeff• Courses - FSoS •
#TPR3
z.umn.edu/jeff• Courses - FSoS •
#TPR3
z.umn.edu/jeff• Courses - CEHD •
#TPR3
z.umn.edu/jeff• 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?
#TPR3
z.umn.edu/jeff• College Results •
#TPR3
z.umn.edu/jeff• UofM Results •
#TPR3
z.umn.edu/jeff• People Results •
#TPR3
z.umn.edu/jeff• Event Results •
#TPR3
z.umn.edu/jeff
Tab Name, Search URL, XSLT, Custom Error Message
rs_names[0] =["CEHD", "http://google.umn.edu/search?&q="+query+"&site=tc_education&client=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"];
#TPR3
z.umn.edu/jeff• Compare Contrast •
One CMSfailure
Many Toolssuccess!
Siloedfailure
Collaborationsuccess!
10 peopletwo offices
failure
4 peopleone officesuccess!
Software
Culture
CentralStaffing
Before After
withcontent
strategists
#TPR3
z.umn.edu/jeff• Will it Work? •
Know your environment
Start small, build momentum
Talk to people Creativity is
usually rewarded
#TPR3
z.umn.edu/jeff• Take Away•
Stay off the ice! Content first
software last Web standards,
your best friend! Web is never
done People make it all
happenJeff [email protected]/jeff@abuzzahab