Did you know that it’s actually possible to create a beautiful iPad app in PowerPoint? All you need are several basic features of PowerPoint and iSpring Converter to turn the created content into an HTML5 application.

A PowerPoint-based HTML5 app for iPad can be used for an entire universe of various applications. For the present purpose, we have transformed this article into an HTML5 tutorial for iPad using PowerPoint:

Create HTML5 App for iPad

Download the original PowerPoint file.

Step 1: Adjust Slide’s Orientation

Before you start designing your app’s content, adjust its orientation. To create an application for iPad, choose the 4:3 aspect ratio. Depending on the kind of content you have, choose the slide’s orientation. Remember that with iPad’s auto-rotate feature – which is fully supported by iSpring – you can select either Portrait or Landscape at your pleasure.

Slide's orientation properties

Step 2: Create App’s Content

Once you’ve adjusted the slide’s orientation, start designing your content in PowerPoint.

Design content

Step 3: Build Navigation in Your App

To build navigation into your iPad application, use PowerPoint’s hyperlinks and triggers. You can create navigation buttons and insert hyperlinks that take the user forward and backward.

Adding hyperlinks and triggers

Step 4: Convert Content to HTML5

After you’ve designed your app in PowerPoint, it’s time to convert it to the HTML5 format. Go to the iSpring Converter tab and click Publish. Switch off all player options so that the project doesn’t look like a presentation.

Publishing in HTML5 format

Step 5: Upload Created File to the Web

The created HTML5 file should be uploaded to a server or it can be published directly to FTP. After you get the presentation’s HTTP URL, use it to insert the presentation into a website.

If you don’t already have your own web hosting, try a free trial of iSpring Cloud for hosting and sharing your app.

Upoloading to FTP

Step 6: Add App to Home Screen

Open the uploaded HTML5 presentation in your Safari browser and tap on the arrow icon at the top of your web browser. In the drop-down menu, tap on the Add to Home Screen option. Set the application’s name and tap on Add.

Check out the step-by-step instruction

Adding app to Home Screen in iPad

Step 7: Launch App from Home Screen

After you add the app to the Home Screen, it will appear there as a new icon. Tapping on the icon will open the webpage with your app.

Please note that an active Internet connection is required to run the app.

Launching app from Home Screen

If you liked the article, please let us know by clicking the Share button.

If you have any ideas what kind of e-Learning topics you’d like to see discussed, feel free to leave a comment; we’re always happy to write new content for you.

iSpring Converter

Fast PowerPoint to HTML5 Converter

Convert presentations with all effects and transitions preserved

Easy Quiz Maker
iSpring Converter
The world’s best PPT to HTML5 Converter
Learn more