
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 — 2019
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
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

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
Setting Up The Project
-
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
-
Set the “Theme”
-
Set the “Display Mode” to “Fill Window”
-
Un-check the “Responsive Text” checkbox
-
Tick “Show Toolbar” at the bottom of the screen.

Adding A Page
-
Click on the plus button on the top left of the screen.
-
Select “Text” > “Title Page” > “At End”
-
Fill in the blank text fields in the middle
-
Check the optional properties
-
Click "Play" to preview the project


Xerte Page Types
- Content pages
- Navigator Pages
- Menu/Connectors Pages
- Interactive Pages
- Misc pages
Page Types Demos


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
Xerte Project Options

Managing Your Project

Sharing and Publishing
- How will your learners access the resource ?
- How do your learners engage with existing content ?
PublishingYour Project

Restrict Access to LC Only

Collaboration
- Shared authoring
- Ownership
- Updating
Sharing Your Project

Exporting Your Project

Giving Your Project

- Create dynamic, responsive webpages
- Responsive design
- Static content
- Embedding XOT
- Add HTML, JavaScript and CSS
Xerte Bootstrap Template

Demos


Getting Started with Xerte
Xerte Essential Training - v3
By Nan Zhang
Xerte Essential Training - v3
An introduction training for beginners
- 84








