/
Umbraco Self-Guided Training

Umbraco Self-Guided Training

banner-umbraco-usf.jpg
Welcome to the Umbraco Self-Guided Training!

The goal of this self-guided training is to introduce the Umbraco CMS (Content Management System) to Editors and Writers in order to effectively manage webpage content.

A blank page is an unhelpful teacher so we have designed these series of exercises to take you from editing existing content to creating new content yourself. When completed, you should be familiar with how the CMS works and experience some of the most common tasks used for keeping website content up to date.

  1. A request for new user access is submitted through a Service Desk ticket.

  2. If approval is not already noted in the ticket, the request is validated with the trainee's supervisor or designated approver.

  3. Approved trainees will receive communication and instructions via the same Service Desk ticket their access was requested from.

  4. A training account and training website will be created for each trainee.

    1. Trainees will use this guide to complete both exercise pages.

    2. The WebDev team is available to answer any questions via the same Service Desk ticket their access was requested from.

    3. Trainees have two weeks to complete both exercise pages.

Upon successful completion of the training and passing the assessment, the trainee will be granted the appropriate Umbraco access.

 

If the training is not completed within two weeks:

  • A one-time, two-week extension will be granted.

  • The trainee's supervisor will be copied on the extension notification.

If the training is still not completed by the extension deadline:

  • The access request ticket will be closed and the training account will be deleted.

  • A new request will need to be submitted to restart the process.

If the trainee does not pass the assessment:

  • A two-week extension will be provided to allow for another attempt.

  • The trainee's supervisor will be copied on this notification.

If the assessment is not successfully completed by the extension deadline:

  • The access request ticket will be closed and the training account will be deleted.

  • A new request will need to be submitted to restart the process.

On This Page

Help is Provided

The self-service exercises are “open book” so we recommend opening the Umbraco User Guide in a separate tab or window to help you as you work.

Browser Compatibility

Umbraco is compatible with modern web browsers, as it is designed to work well with the latest versions of Edge, Chrome, Firefox, and Safari.

Step 1 - Login

Umbraco requires your USF Single Sign-on (SSO). Visit https://stage-university-of-south-florida.useast01.umbraco.io/umbraco/ and click on the large button labeled Sign in with USF SSO. You will be redirected and asked to sign in with your USF email.

You may also see a second button labeled Sign in with Umbraco Id but do not click this as it will not work.

login-window.png
sign-in-sso.png

Step 2 - Welcome to the Backoffice

Once you are signed in, you will automatically be taken to Umbraco’s Backoffice. The Backoffice helps you understand where you are and what you’re editing by displaying information through a consistent interface.

  1. Section menu - Navigation to access the major sections of the Backoffice such as Content and Media.

  2. Tree - The hierarchical list of items relating to the section you are currently in. For example, the Content section displays the tree of web pages while the Media section displays the tree of images, files, etc.

  3. Workspace - The editing interface for the currently selected item in the tree.

All parts of the Backoffice are connected like 1-2-3: The Section updates the Tree to display its items which, when selected, updates the Workspace for editing the item.

Tip

USF websites follow the hierarchical structure of the Content tree so you can use it as an interactive sitemap to help understand and control your website.

backoffice-exploded.png

Step 3 - Navigate to your training site

Now that you’re familiar with the overall interface, let’s navigate to your training site.

  1. At the top left of the page, select Content from the horizontal section menu.

  2. In the Content tree, you should see a section folder titled Umbraco Training. Click the arrow next to that folder to expand the tree. You will see a number of other section folders titled with the names of all the current trainees. Find the section folder titled with your own name and select it.

Your training site consists of one section folder and four content pages:

  • Overview - The homepage of the site with descriptions and links.

  • Sandbox - A page for you to try out the Umbraco components.

  • Exercise One - The first exercise page you use to learn how to edit and and customize content within components.

  • Exercise Two - The second exercise page you use to learn how to add, delete, and move components within placeholders.

training-folder.png

When you’re ready to begin, use the Content tree to navigate to the page titled Exercise One and follow the instructions below.

Continue to Exercises Page One