OUCampus Content Editor Training MVCC Marketing and Communications

Why did we switch? Our current system was launched in 2009 Needs new/more robust features Improvements on accessibility Searchability Sandbox environment Need better ways to organize content and files (Page, Docs., Images) Need better end user experience More engaging content

Why did we choose OUCampus? We reviewed at least 6 companies before we chose OmniUpdate (our new vendor) We need better editing workflow Decoupled system: staging and live servers High level control over search results Content Tagging Built-in accessibility tools More user friendly Better editing experience Better quality control - content approval Understanding audiences More customizable/ Granular admin control

Major New Features on OUCampus Content approval Publish scheduler Version control Stale reminder Assets/Snippets/Components Form builder Dependency tag New Emergency Notification System Built-in accessibility/broken link checker New Online Course Catalog New Faculty/staff directory Built-in on page analytics Many more! Image resizing New file system Batch File upload

Design Objectives We design the web content for students Streamlining our web content Flat section organization structure New file organization Expected website launch date

Workflow

Editor Login To access the beta site, go to http://dev.mvcc.edu/_uat Scroll to the button of the page Click “Last Updated XX/XX/20XX” Link Your Username: (Your MVCC Alias) Your Password: (Same as MVCC Outlook)

Dashboard See what you’re working on Recent Edits you people made Message from the admins To see your section/files, Click “Content” on the top blue Bar > Page

Content Check-in/out 3 different Status: Checked in, Checked out, Locked Prevent other users from editing page you’re currently working on Check in to access/edit your page Check out once you complete editing the page

Editing Experience What you see is what you get Format your text Save your changes before exiting! More editing options to come (soon)

Hyperlinking-how dependency tag works It’s for internal links Moving files is easy and hassle free! Dependency tag starts with {{f:

Publishing Publish a page to make it go live Page will be pushed to Production Server Page will be checked out automatically once published Editor > Submit for Approval Schedule your page to go live on a specific date

Version Control Tracks how the page was edited (and by whom and when) Allows you to compare the iteration against Live Allows you to revert back to the previous version

Creating a new page Click + NEW under content directory Choose a template

Choosing a Template Currently there are 2 page templates Fill in the settings carefully

Images Upload your new image to “images” folder within your section For an image that needs resizing (larger than 1200pixel width), click the source icon under “Insert/Edit Image”, locate your “images” folder, click arrow icon next to Upload button, and choose “Upload and Edit” Verify the file path at which the image is being uploaded!

Files If you have a many pdf files, create a new folder called “pdf” first Name your files in a consistent manner

Sections vs. Folders Sections are for webpages When a new section is created, 3 new files are added by default Index.pcf is default home page for the section nav.inc is where the side navigation lives Ignore _props.pcf

Side Navigation When a new page is created, you have an option to add the link to the navigation nav.inc has to be republished before you see the change

Side Navigation with Nested Items You can nest links inside a heading on the navigation, but you need to plan ahead To do that, you will have to create a new section within your section PS: If you move your files, the side navigation will not be updated automatically. You must edit nav.inc to update the navigation list

Writing style Break down your content in chunk Structure your text content with headings Use of outlines Hyperlinking existing content Don’t use CLICK HERE for links. Specify the title of the target page instead

Next Steps? Where do we go from here? Migration Back up/archive all files and documents in your sections on the current website Review your content - make last minute changes before migration Delete file(s) you do not wish to move over Work on your new interior pages Check on all hyperlinks in your section on the new web site

Learning resources/help LMS.omniupdate.com Need to sign up OU documentation - Click “Help” on Dashboard Video modules – email to follow Advanced Content Training – Coming up!

Thank you for attending Any Questions?