Pharma laboratory

  • icon-indesignHTML file
  • Single
  • icon_iOsiOS/Android
  • 1 content
  • Smartphone/Tablet

Tutorial to create this App

Open the program 480interactive on your computer and click on the button “Create new App”.

 

  1. Choose the name of the project. For example “My App”.
  2. Choose the location of the project. By default, the program automatically chooses the workspace where all projects are saved.
  3. Choose the type of App. Select “App Single”.
  4. Click on the “Create” button.

 

You already have the App created, but you do not have any added content yet.

This project has a html document that you can customize simply by replacing the contents or you can also follow this procedure to add your own html contents. Here’s how we’ve added HTML content to this App in a few simple steps.

First let’s add the HTML content. To do this, go to the “Add content” screen in the tree on the left, look for the “HTML” content and click on “Add”.

 

A wizard will open to add the file “index.html”. Click on “Select” and look in the location where we have the contents of the file “index.html”.

 

Double click on the file “index.html” or click on “Select”. In the field “Title” we write the name of the html content, if we want we can edit it later.

Add the icons to the App

To add this icon, click on “App Settings” in the tree on the left and click on the “General Information” tab. Once there, we will see a default image, click on it and open the file browser. Now we choose the application icon called “ico-App.png”.

 

 

Customizing the colors of the top menu bar

Now we will change the colors of the theme to customize the colors of our App. To do this we go to “App Settings”> “Visual Aspect”> “Colors”. Here we can customize the colors of the kiosk and the top menu bar to suit our needs.

First of all, you must have the free “480i Viewer” app installed on your tablet or smartphone. This App is necessary to be able to preview your App projects on your own tablet or smartphone. To do this, access from your smartphone or tablet to the App Store or Google Play and search for «480i Viewer».

 

Now, at 480interactive, click on “Export App” on the left side of the top menu bar and then open the App 480i Viewer on your device.

Once the export process is finished, a window will open showing the steps to follow from your device. Follow the directions:

 

  1. The App is automatically added to 480i Viewer so you can try it out.
  2. In 480i Viewer, click the “Download” button in the publication. Doing so will become a “View / Open” button.
  3. Click on “View / Open” to open your application and access its contents.

 

Congratulations! You already have the app on your device, now you can see what’s left on your smartphone or tablet.