# 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

- The full Employee Care project is set up to generate different content for users in different countries. In Employee Care US those differences have been removed, the content is aimed solely at US users.

- All layouts have been removed except HTML5.

- The Employee Care US tips have been included when generating and publishing. They will appear in pink text to distinguish them. If you want to see the outputs without the tips, create a Build Expression to exclude the AuthorNote.

- In Employee Care, tables were used for general layout purposes. Tables can be used even on phones but they waste space. In Employee Care US most of the tables have been removed. Some have been left to show how they waste space on a phone.

- The Equal Opportunities 1 topic has the same content formatted both in a table and just using headings. In Equal Opportunities 2 conditional build tags have been used to select the required format for different screen layouts.

- Images should be set to the largest size you will require. In the SSL you can set them to be scaled on smaller screens. See the Retiring Employees topic.

- The stylesheet can be set up to produce different styles for each screen layout. As a simple example, in this demo the iPhone screen layout has been set up so that Headings 1 and 2 appear in blue. Simply double click the CSS file in Project Manager and locate the style in the editor. Select the required screen layout in the Media dropdown and apply the required changes.

## 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.