Overview

(Preview > Project). Preview the content for each slide or for the project. Preview the project in a browser (F11) for all the view port options. Publish the content as HTML 5 in Browser with support for gestures and geolocation.

Preview responsive projects

  1. From Toolbar, Click Preview icon.

    Previewing responsive projects
    Previewing responsive projects

  2. Choose the appropriate menu item from the drop-down list.

Publish as HTML5 and Adobe Connect video files

To publish the projects as HTML5 and Adobe Connect videos, follow the steps below: 

  1. From Toolbar, click Publish icon

  2. Choose the appropriate option from Publish for Devices and Publish to Adobe Connect menu items as shown in the following screenshot:

    Different publish options
    Different publish options

  3. To publish the output as HTML 5 in the browser, choose Publish for Devices

    (Optional) Publish for Devices dialog appears as shown in the following screenshot. If you have used a Typekit font in your project, enter the domain as well.

    For more information about using Typekit fonts in your Captivate project, see Integrate Typekit fonts.

    a. Choose the appropriate Project Title, Location, and Click Publish when completed. You can also publish Captivate projects to Phone Gap. 

    Note:

    For more information on Publishing standard blank projects, see Publishing Projects topic. You can continue to publish Adobe Captivate non-responsive/blank projects as exe files. 

    Publish for Devices dialog
    Publish for Devices dialog

    When you click the Typekit button (red rectangle), you are taken to the Typekit website from where you can sync fonts and download the fonts to be used in your Captivate projects.

    Note:

    If you do not use any Typekit fonts in your projects, the Typekit Domains field is disabled.

    Note:

    In case the Typekit Domains field is disabled during publishing and you have used Typekit fonts, preview the project, and publish the project.

  4. To publish the output to Adobe Connect, choose Publish to Adobe Connect from Publish menu.

    A dialog box appears as shown in the following screenshot:  

    Publishing to Adobe Connect
    Publishing to Adobe Connect

  5. Choose the appropriate Project Name, server URL and Click Publish when completed.

Publish as apps for devices

Publish for devices (apps) menu is integrated into Adobe Captivate 8.0.1. Now, you can publish Adobe Captivate projects as apps to any devices without using the App packager.

To publish the output as apps for devices, follow the steps below: 

  1. Choose Publish for Devices (App) from Publish menu.

    A dialog appears as follows: 

    Publish for Devices (apps)
    Publish for Devices (apps)

  2. Log in using PhoneGap user name and password or use your Adobe ID login credentials to log in to your PhoneGap account. Click Register to register for PhoneGap or Adobe ID accounts if you do not have an existing account.

  3. Choose App> Create New for new application.

    Choose App> Update if you are updating an existing app in PhoneGap.

  4. Mention the version number, name of the app and the Package name for the app. While mentioning the package name, ensure that you give unique package name otherwise the existing project is replaced.

  5. Click More to choose your personal publishing preferences for the app, like geolocation, gestures, and accessibility. 

  6. Click Next to provide the required certificate/key information for your app. You can choose iOS or Android or both by clicking the check-boxes next to them and provide certificate/key information corresponding to each platform.

    Refer to Create certificates and generate key section for more information. 

  7. Click Publish to publish the output as apps for devices. 

    Adobe Captivate uses the PhoneGap service at the back end to build the app. After the app is built, you are prompted to download the app as shown in the snapshot. Once you click the download, you can see PhoneGap site. 

    Downloading the app
    Downloading the app

Create certificates and generate key

Certificates and authentication keys are essential for users to enable security for their accounts and prevent any unauthorized access. 

Create certificates for iOS

  1. Refer to the apple developer support site and create an app developer certificate. Refer to program enrollment for more information. 
  2. Refer to the instructions on the PhoneGap build site as mentioned below to convert the certificates into supported P12 format and upload the certificates: 
    1. Convert an apple developer certificate to a P12 on Mac and Windows
Generate keys for Android 
  1. Refer to the instructions on the PhoneGap build site to generate and upload keys to PhoneGap build.

After you log in with PhoneGap user ID and password, click Next in Publish window, and provide certificate info in the dialog as shown below: 

Creating certificates and generating keys
Creating certificates and generating keys

Note:

The title AppleKey in the above snapshot represents the certificate name that you uploaded in PhoneGap build. Your certificates are populated in the Title drop-down after you upload them in PhoneGap build website. Similarly, the keys you uploaded to PhoneGap build appear in Title drop-down. You can continue to publish even if you do not have keys for Android by choosing No key selected option. 

Publish for devices from Windows 8 OS

If you publish using Windows 8 OS, you can see an extra option in Publish To as Windows 8. If you choose this option, the dialog appears as below: 

Publishing to Windows 8 operating system
Publishing to Windows 8 operating system

Project title, location information, and the options under More are similar to iOS/Android dialog options. Follow the steps accordingly.

Note:

If you remove preferences of Adobe Captivate, then you have to create certificates again.

Gestures and Geolocation

Gestures for devices have been introduced in Adobe Captivate 8. Now, you can apply the available gestures to your Responsive Projects while Publishing projects.

  1. Click blue colored no text next to Mobile Gestures and Geolocation in Publish for devices dialog, as shown in the following screenshot.
    A new window appears.

  2. Click checkboxes next to Gesture Configuration and Geolocation in the window as shown in the following image.

     

The Mobile gestures palette
The Mobile gestures palette

Note:

Set Geolocation for projects to provide multiple options to end users based on their location. Authors  can use cpInfoGeoLocation system variable to capture geolocation values and use them based on various user scenarios. You can use custom variable to set Latitude, Longitude, and Accuracy (in meters which determines radius) and compare with System variable.

Creating custom variables:

  1. Click Project>Variables 

  2. In Variables dialog, click Add New

  3. Click Geolocation check-box and provide latitude, longitude, and accuracy data. 

  4. Click Save and OK. 
 

You can also trigger an action based on the geolocation by clicking the Folder icon and selecting an advanced action that you have created.

From an expert: Location aware learning with Adobe Captivate

From an expert: Location aware learning with Adobe Captivate
Dr. Pooja Jaisingh Sr. Adobe eLearning Evangelist

Emulate geolocation while testing your project

You can now verify whether the geolocation functionality you have set up is working fine before publishing your project.

Note:

This feature is only applicable if you have created a custom geolocation variable as described in the tip above.

To see the project preview in the browser, click Preview.

Testing geolocation functionality while previewing the project
Testing geolocation functionality while previewing the project

Toggle between the different locations you have set up to preview how the project looks and functions when a learner accesses it from that location.

Map support

While creating custom variables, users can browse through Google™ integrated maps and choose the geolocation. Latitude, longitude, and location accuracy values are populated based on the chosen geolocation from maps. 

Users can click the globe icon next to Choose from Map in the Variables dialog as shown below: 

Note:

To use this map support feature, connect to the Internet. 

Map support
Map support

For example, in the above snapshot, a location map of San Francisco city has been chosen from the map and the corresponding values are populated. 

Location map of San Francisco
Location map of San Francisco

Users can type coordinates if they are already aware of them, or select location from map to fetch the values automatically.

User Scenario for map support

Consider a scenario where you have created a course for German-speaking people residing in Germany. You can use the Google map and choose Germany typing in the search bar. As shown in Figure - A, you have the location accuracy value as 334988 meters encompassing most of the area of Germany. 

At a later stage, if you want to expand your course availability to more countries, then click the red colored pin (at the outer part of circle) and drag it to match your locations. Figure -B demonstrates the extended location accuracy values that you would have chosen in this scenario. 

Scenario depicting the use of map support
Scenario depicting the use of map support

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy