Welcome! CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS - - PowerPoint PPT Presentation
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING Welcome! CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING Last Time We Met: OU Campus v10 Upgrade Brand new, streamlined interface
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
(multiple files at once)
(resize, crop, rotate, zoom, undo, save as)
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
But before we dive in, let’s start with some perspective…
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
OU Campus and the University Templates
Pros:
non-technical people
(Mobilegeddon! See next slide)
people with disabilities
(WCAG 2.0 Level AA Conformance)
upgrades/refreshes
Cons:
and feel
components
scripts
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
On April 21st, 2015, Google changed its algorithm so that on searches made on mobile devices, "mobile friendly" sites will be elevated over sites that are not mobile friendly.
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Content Management Systems are designed so that the administrators can… a) control the look and feel with templates to ensure consistency across pages/sites*, and b) shift the burden of technical and design concerns (such as Mobilegeddon and accessibility) off of the editors. This frees up editors to focus on what is really important…
*Around 2010, UofU President Young mandated a unified look and feel for all University websites.
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
web site is well written, well organized, content.
for, no amount of flashy design, graphics or cool features will make your site useful.
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Side Effect of a Centrally Managed System:
A rigid approach about how things should look can make things difficult. A flexible approach makes the system much easier to work with.
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Snippets
Building blocks to help with page layout, content
– Columns – Panels – Buttons
Drop-down styles
Options to change the default look of certain elements – Tables – Headings – Text – Image placement
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
– You can now move and rename images and pdfs, just like regular pages, without worrying about breaking pages that use
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Image & Document Management:
(aka “Binary Files”)
like regular web pages.
*Note – If you upload files in the ‘Pages’ view (above), you will need to explicitly publish these files after uploading them before they can be seen on your website! If you upload them inside the editor while editing a page, when you go to Publish that page, it will show you a checkbox to choose whether to publish the unpublished dependencies.
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Image & Document Management Cont’d:
(Images)
If you insert an image using the Insert/Edit Image dialogue box (#1), and use the file chooser (#2) to select an image, you should see a special “code” in the Source field that looks like this {{f:1234567}}. (The actual path to the file appears underneath the code.) This means that the Dependency Manager is tracking this image on this page for you. If you rename or move the file, the page will automatically be updated so the image doesn’t break.
*Note – if you use the Image Gadget to drag and drop images onto a page, they will also be tracked by the Dependency Manager. More on gadgets in a minute…
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Image & Document Management Cont’d:
(Documents)
Same with documents. If you insert a document using the Insert/Edit Link dialogue box (#1), and use the file chooser (#2) to select an file, you should see a special “code” in the Source field that looks like this {{f:1234567}}. (The actual path to the file appears underneath the code.) This means that the Dependency Manager is tracking this link on this page for you. If you rename or move the file, the page will automatically be updated so the link doesn’t break.
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Gadgets:
Clicking the icon that looks like a plug on the right hand side of the screen will expand the gadgets sidebar.
meaning that your gadget options change depending on what you are doing (i.e. editing a page vs previewing a page vs viewing your file list).
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
New Editor:
The new editor offers a really nice “in-context” editing feature. That means that what you see in your editing view is very similar to what you see on the actual page.
*Note – the new editor is missing one or two features that the old one had, but they are working on it. If you need to use a feature from the old editor, you can switch back to it by pressing “Shift” while clicking on an “Edit Content Area” button.
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Snippets:
Snippets are HTML elements that you can insert onto your page and then customize with your own content.
This example: 3 columns with gray panels and buttons
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Snippets Cont’d:
There are two ways to insert snippets onto a page…
#1 – Click the “Insert Snippet” button on the editor toolbar #2 – Drag and drop them from the “Snippets” sidebar gadget
(click the arrow to expand the Snippet gadget, click on a snippet, drag and drop directly into an editable region.)
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Drop-down Styles:
Drop-down styles allow you to change how elements look
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Drop-down Styles Cont’d:
To use the drop-down style options for images, you must apply the styles from within the Insert/Edit Image dialogue box.
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Drop-down Styles Cont’d:
To use the drop-down style options for tables, you must apply the styles from within the Table Properties dialogue box.
*Note - You can also get to Table Properties by right clicking inside a table and choosing it from the context menu.
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Change Page Layout:
You can now change the base layout of a page
(Example: two column to a three column)
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Google Analytics:
Dashboard Gadget – Site Analytics
(site-wide statistics)
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Google Analytics Cont’d:
Sidebar Gadget – Page Analytics
(page specific stats)
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
elements or functionality, please ask for our help! It’s what we’re here for!
the meantime, if you don’t receive a response from us within 6 business hours, please don’t hesitate to send a follow-up email!
– Student Affairs support email: sa-webmaster@lists.utah.edu – Everyone else support email: ou-admins@lists.utah.edu
rather have self-help options..
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
go to graduate school. Her last day is July 15th.
Patience and understanding will be much appreciated while we hire and train her replacement!
CONTENT MANAGEMENT & USABILITY / USS / UIT OU CAMPUS MEETING AND TRAINING
Quick List of OU Campus Features
For more info go to our “OU Campus Features” Page