Xerte Essential Training

Aim and Objectives

  • What is Xerte
  • Understand what Xerte can do
  • Examples
  • Development procedure
  • Consider good practice in your context
  • Get started using Xerte
  • Where to find further help regarding Xerte
  • Create your first Xerte learning object

The purpose of this training is to give you a comprehensive introduction to Xerte and a quick getting started guide on setting up your first project.

Xerte is an online tool that allows you to create interactive learning objects and webpages.

What is Xerte

2004 — 2018

The Story So Far

  • Nottingham University
  • Flash base visual editor
  • Simple Form Templates
  • Open source
  • Communities began to grow
  • HTML5 - based editor
  • Flipped & blended learning

  • Distance learning

  • Active learning activities

  • Reinforcing knowledge

  • Stimulating discussions

  • Microlearning

What could it be used for?

  • Pre-sessional teaching
  • Providing feedback
  • Revision resources
  • Resource banks
  • Student projects
  • Free and open source

  • Available to all staff and students

  • Supported by the University

  • Easy to create learning resources

  • Collaborate authoring

  • HTML5

  • Accessibility

  • Instant updating

Why XERTE?

  • Separation of content from runtime / delivery technologies
  • Suitable for non-technical users as well as power users
  • SCORM and xAPI

  • 69 page types (increasing)

  • Cardiff University Theme

You can use Xerte to...

  • Create responsive webpages
  • Introduce text in dynamic ways
  • Upload and embed images
  • Upload and embed audio and video
  • Add hotspots to images
  • Sync audio and video with text
  • Create multi-media galleries
  • Include interactive and non-linear navigation
  • Create self-assessments with feedback

How Does It Work

Examples

Teaching / Structured Flow

A structured teaching resource that combines presenting text and multimedia content with interactions to check knowledge.

Examples

Content / Revision Flow

A revision resource that contains content and interactions that can be used in small sections at any time.

Examples

Embedded Resource

An embedded resource in another system to add interactivity to static content.

Additional Examples

  • Embed almost anything
  • Advanced Menu
  • Branching scenarios
  • Extending XERTE

And many more...

Development

Plan

Design

Build

Share

Review

Planning your resource

Aim

Audience

Use

Context

Flow

Aim

What do you want to achieve?

I want…

“to make sure students understood my lecture on…”

“my students to learn about … online so that we can spend class time discussing it rather than teaching it”

“to give my students more chance to practice doing …”

“my students to create a resource on … that their peers can use to revise from”

Audience

Who is going to use the resource?

Who are the primary learners?

Use

How will your resource be used?

Individuals

Groups

To learn

To support

Context

How does this fit with everything else?

Required Knowledge

Post Knowledge

Xerte

...

...

Lecture 3

Workshop 3

Xerte

...

...

Learning timeline

Module timeline

Flow

How will your resource flow?

  • Teaching / structured flow
  • Revision / contents flow
  • Embedded resource

Content

Display

Interaction

Building your resource

STEP BY STEP HELP IN USING XERTE

  • Accessing Xerte
  • Creating your first project
  • Project options and page options
  • Page type guides
  • Project properties and managing projects
  • Sharing and Publish your project
  • Extra features

Accessing Xerte

URL: https://xerte.cardiff.ac.uk/

User your University username and passwor

Workspace

After logging in you will be taken to the Xerte workspace. This is where you can create new projects and organise existing projects.

 

 

Workspace

The workspace is divided into three main sections:

  1. Project Panel
  2. Project Details
  3. Project Template

 

Project Panel

Project Details

Project Template

Creating A New Project

1.On the right-hand side, click on the “+ Create” button under “Xerte Online Toolkit”

 

2. Enter a name for your project,

Then click “+ Create”:

Note: The editor will open automatically once you do this.  To open the editor in the future, double click on your project in the list of projects or select one and click on

Editor

Open the editor by either creating a new project or selecting an existing project from the project panel and clicking the Edit button.

Editor

The pages and nested pages in your project are listed here.

 

The buttons at the top allow you to add and remove pages from your project:

  • Insert - opens a menu from which pages of various types can be added to the project (see 'Adding pages' section below);
  • Import pages - inserts a copy of pages from other projects into the current project (only available in projects using the Xerte Online Toolkit template);
  • Duplicate - makes a copy of the selected page;
  • Delete - permanently removes the selected page or nested page.

 

Project Tree

Editor

The page wizard (form) is where you are prompted to enter the information that is needed to create the selected page.

The fields shown here are different for every page type. Some pages might require you to upload media (an image, audio or video file) or select an option from a drop down list.

Click the arrow at the top of text fields to reveal a 'WYSIWYG' (what you see is what you get) toolbar where you can customise the text in a variety of ways.
 

Use the buttons in the top right to save and view changes:

  • Play - Save and preview (opens in a new window)
  • Publish - Save only

 

Page Wizard

Editor

Optional Properties Panel

  • Many pages contain additional functionality that can be accessed via the optional properties panel.
  • Some optional properties are unique to particular page types, while others (in the general section) can be added to pages of any type.
  • Click the add button to add a property to the page wizard

Create First Project

  1. Enter the name of your learning object in the “Learning Object Title” field.  This will be displayed at the top of every page as the first line of the header

  2. Set the “Theme”

  3. Set the “Display Mode” to “Fill Window”

  4. Un-check the “Responsive Text” checkbox

  5. Tick “Show Toolbar” at the bottom of the screen.

Xerte Project Options

Adding A Page

  1. Click on the plus button on the top left of the screen.

  2. Select “Text” > “Title Page” > “At End”

  3. Fill in the blank text fields in the middle

  4. Check the optional properties

  5. Click "Play" to preview the project

Page Categories

  • Content pages
  • Navigator Pages
  • Menu/Connectors Pages
  • Interactive Pages
  • Misc pages

Page Types Demos

Managing Your Project

Releasing projects

  1. In the workspace, select the project you would like to release;
  2. Click the Properties button to open the project properties window;
  3. Select the Access tab;
  4. Check the Public box;
  5. Click the Change Access button.

Restricting Access

  • Private - only available to the creator and anyone they have given editing access to;
  • Public - available to anyone on the internet via a URL;
  • Password protected - available to anyone with a CU account;
  • Other - only available via links from specified sites. For example, you can make a project only work when accessed via a link from a specific Learning Central module.

Collaboration

  • Shared authoring
  • Ownership
  • Updating

Work Together

It is possible to work collaboratively on Xerte projects with other members of the university (both students and staff):

  1. In the workspace, select the project you would like to release;
  2. Click the Properties button to open the project properties window;
  3. Select the Shared settings tab;
  4. Enter the names of the people that you want to share the project with and click the Add user button.

Exporting Your Project

Giving a Project

When sharing a project, all of the editors work on a single version of the project. It is possible to give a copy of a project to another user instead of giving them access to your version of it.

  • Create dynamic, responsive webpages
  • Responsive design
  • Static content
  • Embedding XOT
  • Add HTML, JavaScript and CSS

Xerte Bootstrap Template

Demos

Getting Started with Xerte

Worksheet

  • Learn the basics of XERTE
  • Create and configure various page types
  • The concepts can be applied to other page types
  • Use your own content
  • It can take between 30-60 minutes
  • Content focused
  • Meaningful interactions
  • Formative assessment opportunities
  • Storyboard your design
  • Peer review

Content is king

"Everything should be simple, anything can be possible"

Ron Mitchell

Xerte Essential Training - Master

By Nan Zhang

Xerte Essential Training - Master

An introduction training for beginners

  • 113