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.
Fully-stocked eLearning authoring toolkit for PowerPoint. No training required to start!
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:
View the “How to create an iPad app” tutorial fullscreen in a new tab;
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.
Step 2: Create App’s Content
Once you’ve adjusted the slide’s orientation, start designing your content in PowerPoint.
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.
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.
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.
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
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.