Adding New Templates
Adding New Templates
Jackdaw Cloud is supplied with over 200 templates which can be added to any course, these are accessed here.
e-Learning WMB make available these instruction for adding new templates to each course. This enables clients to add more finesse and customisation to each course by creating new bespoke animations for each presentation.
Create a New Template
All templates are created using Adobe Animate. You will need a very basic knowledge of Adobe Animate to create a template - no in depth knowledge of Actionscript etc is necessary.
We have made available an Adobe Animate file which you can customise. Download and unzip if from here - http://www.e-learningwmb.co.uk/downloads/new_template.zip. Save the file new_template.fla somewhere on your PC and open it using Adobe Animate. You will see something that looks like this ...
Essentially anything can be added to the timeline (animations, images etc.) but the timeline will stop at each step highlighted below, animations for step0 and step1 are placed on the timeline as shown.
The steps correspond to each step added within Jackdaw Cloud as indicated below ...
Further animations can be added for other steps, just remember that for each step there is an Actionscript code insert in the timeline (denoted by an “a” in the time line) which has a stop command as shown (do not insert additional stop commands between steps as this will cause the animation to not work properly.)
Once you have created your template it is time to export it ready for upload. To do this you will first need to install an add-on to Adobe Animate.
Installing HTML Export Add-On for Adobe Animate
Prior to creating new templates, you will need to install this add-on to Adobe Animate which allows you to export HTML5 templates (both Flash and HTML5 formats are required).
Download & unzip: https://bitbucket.org/emilrw/adobe-animate-templates/get/master.zip
Once unzipped, navigate using Windows Explorer to install.bat or on OS X install.sh and run the file.
Exporting from Adobe Animate
We need to convert each fla files in swf, Canvas and Webgl formats in addition to the standard swf format used by Flash - this is necessary to run HTML5 content on any computer.
First the swf format. This is easy, select the File > Publish option and call the template for this example “new_template.swf”.
Use a different filename for each template you create for the same course.
Export the HTML5 files from inside Adobe Animate by selecting the Commands menu item and follow the instructions below - converting to both HTML5 (Canvas) and WebGL formats, use an identical name to the swf files - in this case “new_template”.
Make sure all template files are in the same folder, you will need them later.
Upload Template Files to Course
Contact e-Learning WMB - support@e-learningWMB.co.uk - with your username and name of the course you wish to add templates to. You will need to install an FTP transfer program such as Filezilla https://filezilla-project.org/download.php?type=client.
You will be given access to your course structure, which will look something like this, navigate and open the swf folder.
Upload all the files with the name of the template “new_file” AND the “images” subfolder, do not upload the “.fla” file.
Now the template files have been created and uploaded, it’s time to link this new template to the e-learning course.
Add Placeholder for New Template
Prior to uploading the new template into your course you will need to create a new space within the course for inserting your new template.
Select the place you want to insert the template (select the screen prior to the one where the new screen is to be inserted and then select to insert the “Blank” template screen as shown.
Make a note of the screen_ID of this new screen (in the case below it is 3). You will need it later.
Before continuing it is important to now close Jackdaw Cloud - otherwise the system will save over any changes made until the template is added to your course.
Open the “xml” folder and right-click on the file “information.xml” and select to edit it.
It is advised you install a proper text editing app - rather than using Notepad etc. Notetab Lite is a good one and free - https://www.notetab.com/get.php?ntl
The file will appear like this. Scroll down till you find the location of the screenId of the placeholder (review the previous step if unsure of what this is) and locate the “Flash” tag below it as shown.
Highlight the file name “empty.swf” and replace it with the new name for your template.
It is vital to match the case of the file name and it will be case sensitive. As a general rule it is a good idea to always save files as lower case.
Open Course in Jackdaw
Your new template is now added to the course. Open it in Jackdaw Cloud to see the difference.
Should the course fail to load, then the likelihood is that your xml has become invalid due to an improperly closed “<” etc. XML can be validated by copying the contents of the file into the location https://www.xmlvalidation.com/.
Addition of steps using Jackdaw Cloud will enable you to visit further items in the template.
Should the course created need to use any new video, it is necessary to convert files to Flash Video (.flv), MP4 (.mp4) and WebM (..webm) video formats.
Videos can be uploaded as with adding any media content by selecting .flv format of the video. If the other video formats are in the same file location, then they will automatically be uploaded as well.
Ready for Testing
The course should now be ready, test it and modify it in line with any feedback.