About Employee Care US

This project is based on the Employee Care project that ships with Adobe RoboHelp 10. The outputs could be generated using the source files in that project but the content has been simplified here to help focus on publishing for multiple devices with different screens.

Preparing the project

Generating the Multiscreen HTML5 Outputs

See The Employee Care SSLs (In Rh10 you can press CTRL and then click the link to open that topic in Design Editor.

Making the Outputs Available

From a web site

The output folder will look like this.

The index.htm is not the traditional starter page from WebHelp. It is a sniffer that redirects users to the folder that matches their device to the appropriate layout.

The content of the Desktop layout folder is shown below. The index.htm file there will open whichever screen layout you have chosen for the Desktop Single Source Layout.

As an app

Android Devices - Method 1

The app can be generated from RoboHelp. You may need developer assistance.

Click File > Generate > Native Mobile App to access these dialogs. The script can also be accessed from the Script pod or Tools > Scripts.

Complete the fields in each tab.

 

 

 

Your developer will need to advise which SDK kit is to be used and where it is installed on your network. Note that Adobe have provided a link to the latest downloads if required. Using the dialogs shown above, you can create native apps for Android devices.

Android Devices  - Method 2 and iOS Devices

For creating native apps for iOS, you need to have a MAC machine, XCode and other tools. As RoboHelp is a windows only product, the script cannot generate native apps for iOS. Instead you can use Apache Cordova (PhoneGap) which is an open source framework which allows users to create native apps for different OS including iOS, Android, Blackberry, Windows Phone and so on. It can be used as an alternative to the supplied script or where you need to create iOS apps.

Generate the Multiscreen HTML5 Output and follow the steps at http://docs.phonegap.com/en/2.0.0/guide_getting-started_index.md.html to create native apps for different platforms.