HTML Slides invisible/missing in published/preview Content

I am using CP8 (Version 8.0.3.290) to create and publish a SCORM course. It seems as though my HTML5 output only publishes the first 20 slides then shows nothing but the background. After that point, the course shows the background only and the console has an object undefined error (Tested in Chrome Version 70.0.3538.102 (Official Build) (64-bit, Edge.)

The SWF output contains the entire course (136 slides) but the HTML5 output stops at slide 40 and simply shows the background. This error is what pops up in the console:

TypeError: Cannot read property ‘0’ of undefined
at Object.fb (eval at b (CPXHRLoader.js:36), <anonymous>:625:428)
at H.Da.H.Qc (eval at b (CPXHRLoader.js:36), <anonymous>:630:392)
at H.Da.H.da (eval at b (CPXHRLoader.js:36), <anonymous>:631:137)
at new H.Da (eval at b (CPXHRLoader.js:36), <anonymous>:633:435)
at Object.H.Uc (eval at b (CPXHRLoader.js:36), <anonymous>:641:117)
at new H.oa (eval at b (CPXHRLoader.js:36), <anonymous>:634:276)
at Object.H.Uc (eval at b (CPXHRLoader.js:36), <anonymous>:641:155)
at new H.N (eval at b (CPXHRLoader.js:36), <anonymous>:616:169)
at Function.cp.parseChildren (eval at b (CPXHRLoader.js:36), <anonymous>:1154:277)
at Function.cp.parseFrameset (eval at b (CPXHRLoader.js:36), <anonymous>:1155:106)

My thoughts are that the error stops subsequent material from loading or everything is set to invisible for some reason. I do not experience any of this in the SWF version. Using the browser inspector reveals that the material is there in the DOM. Any thoughts? I would greatly appreciate your help.

Nyasha

The post HTML Slides invisible/missing in published/preview Content appeared first on eLearning.

Adobe Captivate 2019 vs. SharePoint: The Issue is real.

Recently there have been some discussions about the JSON files in Adobe Captivate 2019 and issues with SharePoint blocking them during the upload process.  This occurs on both intranet and extranet server side.

What is a JSON file format?

According to w3schools.com (visit w3schools.com for detailed information):

  • JSON: JavaScript Object Notation.
  • JSON is a syntax for storing and exchanging data.
  • JSON is text, written with JavaScript object notation.

The issue Adobe Captivate 2019 users seem to be experiencing is uploading the JSON files included in the project’s HTML5 output to SharePoint.  This issue is affecting users on personal and business levels.

Workarounds:

Normally the SharePoint Administrator can configure the server to allow a MIME type to support JSON format.  See Upload an Adobe Captivate published output on SharePoint for more information.

Another workaround is to go into the index.html file and replace the JSON extensions with .js.  Then do the same with the JSON files themselves.   However, sometimes neither of the before mentioned actions resolve the issue.  As a result, less tech-savvy users find themselves reaching out elsewhere for support.  This is problematic and could be costly.

Why did Adobe decide to use JSON files?  A thought is that the HTML5 publishing process generated so many loose file types to the dr folder that Adobe used the JSON format to store these files in a more efficient way.

However, it is the way in which the JSON files are now being used that is causing the issue.

The Back Story:

In the previous versions of Adobe Captivate such as 7, 8, and 9 (before updating to version 9.0.2.437) the individual loose files such as png, smartshapes, and text captions from the project’s HTML5 output were stored in the dr folder.  There could be hundreds of images in that folder.   However, SharePoint had no issue accepting these files because they were not stored in JSON.

In more recent versions of Adobe Captivate such as 2017 and 2019, the images are now stored inside of JSON files.  You may have seen the files labeled as im1, im2, im3 and so on.  Also, there is the main imgmd file that stores png files, text captions, smartshapes, and etc.  See the example image below of Adobe Captivate HTML5 Output in the dr folder.

JSON files just simply cannot be deleted and expect the project to function.  It will not. It is issues like the one above that cause user frustration.

Maybe Adobe did not intend for Adobe Captivate to be used with SharePoint.  Whatever the intention, it is happening and it is real.

If you know of any helpful fixes or useful suggestions, users experiencing the issue discussed in this article would appreciate your support.

References:

W3schools.com, (2018), “JSON – Introduction”, Retrieved on November 4, 2018, from https://www.w3schools.com/js/js_json_intro.asp

Adobe, (2018), “Upload an Adobe Captivate published output on SharePoint” Retrieved on November 4, 2018, from Adobe.com https://helpx.adobe.com/captivate/kb/upload-captivate-published-output-sharepoint.html

Image, (2018), “Adobe Captivate HTML5 Output in dr folder” by Veem.

The post Adobe Captivate 2019 vs. SharePoint: The Issue is real. appeared first on eLearning.

How to – Link to External and Internal Documents from an Adobe Captivate Project

There comes a time in a project when it is necessary to link to external or internal documents.  The following steps may be of assistance in helping to accomplish the task.

Steps:

Note: A PDF document is used in this example.  However, other document types will also work.

1. Create a button in your project.

Button Link

2. Under the Actions: Set the On Success to option Open URL or File in a separate window.

3. In the URL type the name or browse for the PDF. Note: Browse for the location of External files.   For internal files only use the name and its extension.  For example: PDF and extension .pdf (see image below).

Button Link Setup

4. Save and publish the HTML5 project. An external document will launch when the button is clicked in the published project.

However, linking to internal document require more steps.

5. Once published, locate the HTML5 Output.

6. Place a copy of the file(s) in the HTML5 Output. Refer to the following example shown below.

HTML5 Output

When the project is launched and the PDF button is clicked, the PDF should open in a separate window.

The Downside of Using the Internal Linking Method:

Each time changes are made to the HTML5 project and is republished, the internal files will need to be copied back into the HTML5 Output directory.

The post How to – Link to External and Internal Documents from an Adobe Captivate Project appeared first on eLearning.

Adobe Captivate 8 – How to Create a Multiple Language Option e-Learning Course with Language re-set

In this training video I illustrate how to create a Multiple Language e-Learning course with Language re-set option using Adobe Captivate 8.  I was delighted to find how to do this using Adobe Captivate 5.5 in an earlier training provided here in the Adobe e-Learning Community.  However what I needed was a self contained course that allowed the language to be re-set using Adobe Captivate 8.   This training illustrates how to produce the course from beginning to end.  It includes the conditional actions to create a Language re-set option by returning to the first slide in the presentation.  I hope you enjoy this training and find it useful.  Darrell McElmurry – Instructional Designer

 

Please find the link to this training video.

Adobe Captivate 8 ACE Certification now Available

Looking for ways to prove your expertise in Adobe Captivate. Why not take the latest ACE exam from Adobe? The Adobe Captivate 8 ACE exam is available now. Check here for the details. Adobe Captivate 8 ACE Exam Available now ACE EXAMS here

Ready to switch to Adobe Captivate 8? Get 25% off!

Adobe Captivate 8 is a revolutionary tool, which helps you reimagine eLearning authoring for a multi-device world. If you’ve not joined the mLearning revolution yet, now is the right time as 75% of the learners acknowledge the benefits of mobile learning and 55% of organizations are creating or ready to create mobile learning.  Wouldn’t it […]

Get Responsive with #KidCaptivate

Last week I took a look at Five Common Mistakes in mLearning. This hour long eSeminar is available on demand here: http://adobe.ly/1MSKwpW The session focused on mobile learning and helping you get started with creating your first courses for mobile devices. For those who like the slide deck either before or in lieu of the […]

Recorded Training: Top 5 time saving mLearning secrets!

Topic: Top 5 time saving mLearning secrets! Description: Have you always felt that creating mobile learning courses is time consuming? Interested in learning some time saving tricks? Join Dr. Pooja Jaisingh and learn about productivity enhancement tips to create instructionally sound mobile learning courses using Adobe Captivate 8. She will help you get started quickly […]

Recorded Training: 3 Ways to Create Mobile Learning Like Never Before

  Title: 3 Ways to Create Mobile Learning Like Never Before Description: Keen to transition from traditional eLearning to any-screen mobile learning, but not sure of the best way to do it? Join Dr. Pooja Jaisingh as she shows you three different ways to create mobile learning content. This session will help you understand the multiple ways […]

Top 5 productivity tips for Adobe Captivate

Adobe Captivate is a powerful eLearning authoring tool which allows you to create several types of engaging and interactive eLearning courses. To make the most of this tool, here are the top 5 productivity tips I’ve followed over the years. Go ahead and use them if you like. 1. Take my advice — Always begin […]