In Oomph, each page within your app is composed of multiple layers stacked on top of each other, like this:
A page can be either a PDF, PNG, JPEG, MPEG4/MOV or local HTML file or remote URL however we find that clients are most likely to just use PDFs. Your page, as it would appear when finished, could contain multiple layers. Oomph will recognise these and present them as one complete view.
Let's say we have six pages in total, supplied in two PDFs of three pages each. It would look like this:
P1-1.pdf (would show pages 1-3 as separate pages) and P4-1.pdf (would show pages 4-6 as individual pages).
NOTE: Portrait pages begin with ‘P’ e.g P1-1.pdf and Landscape pages begin with ‘L’ e.g. L1-1.pdf.
B Pages make it easy for you to provide your content in both orientations. You can design your content for the portrait orientation, and then make the files names as B1-1.pdf instead of P1-1.pdf. Then once the user rotates the application to landscape, the page appears as a long scrollable page. This is also a great way to “enlarge” the text on your pages, as it appears zoomed in when rotated to landscape.
Recap: Pages which work in both portrait or landscape are called ‘B’ (B for Both) e.g. B1-1.html. When you turn your iPad this also works as a zoom feature and is handy as you don't need to design Portrait and Landscape pages separately.
Pages can be organised in layers (see file system structure above). A layer is either a PDF, PNG, JPEG or local HTML file or remote (web) HTML URL. Where there is more than one layer in a page, all layers except the bottom layer must use transparency so you can see what is on the below layers.
Remote pages (internet based pages) are like any other Oomph page e.g. a PDF page, a PNG page. It is specified as either a portrait, landscape or both page, e.g. P1-1.url, L1-1.url or B1-1.url. The .url file is a simply a text file containing the URL. e.g. link to a special page designed for iPad on the internet. e.g. touch.facebook.com.
Watch the Youtube video tutorial here.
To create a .url page:
- Create a plain text file with the URL in it.
- Save the text file and then modify the file extension from .txt to .url.
- You can then edit this file by renaming it back to .txt and editing the file before saving it back to .url again.
Web pages loaded from the internet should be designed to fit on the device's screen without scrolling.
Use a web link if you want to link to a web page you do not control and this shows the web page in a browser.
Advertisements require you to name your sections in a particular way using Oomph, in order to allow Flurry to track analytics on thees pages so that you can report back to your advertisers. For a full breakdown on how to properly set up your files for this, see our Adverts article.