Using Dragster with the eXe eLearning XHTML editor

UPDATE – see instructions on using Embed activity option

eXe the free eLearning XHTML editor is an increasingly popular tool for authoring e-learning content and it is very easy to embed Dragster activities into eXe resources. This is how you do it:

1. Publish and unzip your Dragster activity on your PC.
2. Open the eXe editor and at the appropriate point in your content, select the Flash with text iDevice.
3. Using the Select Flash Object button browse to your unzipped dragster activity folder and select the file called dragndrop.swf.
4. You will need to size the activity appropriately in the eXe iDevice using the dimensions below :
   Dragster 3 – Portrait 600 by 660 – Landscape 900 by 490
   Dragster 2 – 700 by 560
   Tip – you can scale the embedded activity by using smaller dimensions while keeping the height and width in the same proportions (e.g. Dragster 3 Landscape at a scale of 80% – 720 by 392).
5. Export your finished eXe resource (e.g. File > Export > Web site > Self-contained folder).
6. Once you have exported the eXe resource, you need to copy all the Dragster activity files EXCEPT the activity index.html file into the same folder as the other eXe exported files (if eXe exported a zip file, you will need to extract this zip file before copying these files).
7. To view the finished eXe resource open the index.html file within the eXe exported folder.
8. If necessary re-zip the eXe resources including the additional Dragster activity files for upload into a VLE.

View an example eXe resource with an embedded Dragster activity.

Trouble shooting:

If you have any problems with the activity displaying within the eXe resource it is probably because you haven’t copied the necessary Dragster activity files into the folder with the other exported eXe files.

Related posts:

1. Dragster – Using the embed activity publish option with Wimba Create, eXe and CourseLab
2. How to create a video based Dragster activity using an FLV file
3. How to create a YouTube based Dragster 3 activity
4. Embedding Dragster activities in Lectora projects
5. Embedding a Dragster activity in a CourseLab course