Professional Documents
Culture Documents
System Requirements Overview Installation Quick Tour AVE Project Manager Ave Interactivity ePub Retina Publishing Process
I.
VI. 3. The iOS Simulator ....................................................................................... 27 VI. 4. Installing myKiosk Desktop for Macintosh............................................... 29 VI. 5. iOS Simulator with myKiosk Installed....................................................... 31 VI. 6. Install myKiosk for Previewing on your device ........................................ 32
6.1. 6.2. Installing myKiosk on your iPad or iPhone ................................................................................. 32 Installing myKiosk on Your Android Device ............................................................................... 32
II.
III. Aquafadas InDesign Plugins Overview ...................... 12 IV. A Quick Look at the AVE File Format: AVE MAG vs AVE PDF ....................................................................... 13
IV. 1. AVE MAG: Magazine Variant ...................................................................... 14 IV. 2. AVE PDF: Document Based Variant .......................................................... 15 IV. 3. AVE Reflow: Reflow Variant ....................................................................... 16 IV. 4. AVEComics: Comics Variant ...................................................................... 17
V.
VII. 3. Guided Tour to AVE Interactivity ............................................................... 44 VII. 1. Interactivities Supported in both AVE MAG and AVE PDF ..................... 45
1.1. 1.2. 1.3. 1.4. 1.5. 1.6. Picture .............................................................................................................................................. 45 Slideshow ........................................................................................................................................ 46 The Slideshow With Thumbnails ................................................................................................. 46 Movie 47 Button ............................................................................................................................................... 48 HTML Page ....................................................................................................................................... 48
Back to TOC
1.7.
Actions ............................................................................................................................................. 48
8.1.
Preferences...................................................................................................................................... 79
My Projects....................................................................................... 60
Creating a new project .................................................................................................................. 61
VIII. 3. VIII. 4.
4.1. 4.2. 4.3. 4.4.
Project Structure ............................................................................. 63 Articles in AVE MAG = Document Spreads in AVE PDF ....... 65
Creating a New Article (AVE MAG) or Adding a New Document Spread (AVE PDF) .............. 65 Importing an InDesign Document ................................................................................................. 65 Changing the Order of Articles or Document Part ..................................................................... 66 Article Options Drop-Down Menu................................................................................................. 66
X.
VIII. 5. VIII. 6.
Project Manager Buttons (Above Titles)........................................ 67 Project Manager Buttons (Below Project Structure) .................... 68
VIII. 8.
Back to TOC
AVE MAG or AVE PDF? ................................................................................................................ 168 Facing Pages or Non-Facing Pages? ......................................................................................... 168 Reflow or Fixed Layout? .............................................................................................................. 168
XI. 2. Migrating your content into clean Templates ......................................... 169 XI. 3. Adding Interactivity .................................................................................. 169 XI. 4. What Types of Fonts are Supported? ..................................................... 169 XI. 5. Embedding Metadata ................................................................................ 169
5.1. 5.2. Converting Page Items to Images ............................................................................................... 169 Preflight .......................................................................................................................................... 169
X. 10. Reflow Enrichment................................................................................... 128 X. 11. Smart (Guided Reading) Enrichment ..................................................... 130 X. 12. Comparator Enrichment ...........................................................................131 X. 13. Read Aloud Enrichment ........................................................................... 132 X. 14. AVE Comics .............................................................................................. 135 X. 15. Map Enrichment ........................................................................................ 137 X. 16. Animated Image Enrichment .................................................................. 140 X. 17. Show AVE Enrichment.............................................................................. 142 X. 18. Simple Maze Enrichment......................................................................... 143 X. 19. Simple Draw Enrichment ......................................................................... 146 X. 20. Matching Game Enrichment .................................................................... 148 X. 21. Anchor Enrichment ................................................................................... 150 X. 22. Drag & Drop ............................................................................................... 152 X. 23. SubLayout Enrichment ............................................................................. 154 X. 24. Advanced Button Enrichment................................................................. 158 X. 25. Convert to Motion Path............................................................................. 160
25.1. Supported Features ...................................................................................................................... 160
XII. AVE and AVE HD (Retina) .......................................... 172 XIII. AVEPublishing.com ................................................... 173
XIII. 1. Before Publishing You Will Need:............................................................ 173 XIII. 1. Creating a ZAVE ........................................................................................ 173 XIII. 2. Hosting a ZAVE .............................................................................. 173
App Specifications ........................................................................ 180 Creating an Issue ........................................................................... 181 App Specifications ........................................................................ 187 Application Specs: The Dashboard ............................................. 187 Application Specs: Settings ......................................................... 190
Setting up a Publication Product ................................................................................................ 192
Back to TOC
5.2.
Issue Setup Check ......................................................................... 236 Uploading ZAVE Files.................................................................... 237 Defining the in-App purchase in the Portal................................. 238 App IDs .......................................................................................... 239 AppFactory ..................................................................................... 239 Xcode .............................................................................................. 240 Test Push Notifications ................................................................. 240
Adding a New App ......................................................................... 198 Setting up in-App Purchases in iTunes Connect........................ 204
Contracts, Tax, and Banking ....................................................................................................... 204
XVII. 3. XVII. 4.
4.1. 4.2. 4.3. 4.4.
Setting Up in-App Purchases ....................................................... 205 Selecting the in-App purchase Type............................................ 206
Setting up a Non-Consumable in-App Purchase ...................................................................... 206 Setting up a Auto-Renewable Subscriptions ............................................................................ 208 Setting up a Free Subscription ................................................................................................... 210 Setting up a Non-Renewing Subscription ................................................................................. 212
Submitting your in-App purchases for Review........................... 215 Enabling Newsstand...................................................................... 216 Replacing an Atom Feed ............................................................... 218
Installing Xcode ............................................................................. 219 Generating Your Development Certificate .................................. 219
Keychain Access........................................................................................................................... 220
How to Share an Apple Certificate and its Private Key .............. 224 Adding Devices to Your Apple Developer Account .................... 226 Adding Development and Distribution Provisioning Profiles ... 229 Development Provisioning Profiles.............................................. 229 Distribution Provisioning Profiles ................................................ 232
Back to TOC
Downloading and Installing AVE AppFactory ............................. 258 Creating a New Kiosk template .................................................... 261 Choosing the Correct Kiosk template ......................................... 261
My Great Bookstore: .................................................................................................................... 262 Elegant Kiosk Universal: ............................................................................................................. 263 Elegant Kiosk: .............................................................................................................................. 265 Wired Kiosk Universal: ................................................................................................................ 266 Wired Kiosk: ................................................................................................................................. 267 Spotlight Kiosk: ........................................................................................................................... 268 Remote Reader (iPad): ................................................................................................................ 269 Single Title Kiosk: ........................................................................................................................ 270 AVE Reader (iPad): ....................................................................................................................... 271
XXIV. 4. XXIV. 5.
5.1.
Selecting your App ........................................................................ 272 Setting up an Elegant Kiosk App ................................................. 272
Elegant Kiosk: Sections ............................................................................................................... 272
XXIV. 6.
Back to TOC
I.
SyStem RequIRementS
I. 1. Macintosh Requirements
Multicore Intel processor with 64-bit support. Mac OS X v10.7 or higher. Adobe Creative Suite 5, 5.5, and CS6 applications support Mac OS X Mountain Lion (v10.8) when installed on Intel based systems. Refer to the CS6 FAQ for more information about Mac OS X Mountain Lion support.** 4GB of RAM (8GB recommended) 15.5GB of available hard-disk space for installation; additional free space required during installation (cannot install on a volume that uses a case-sensitive file system or on removable flash storage devices) Dedicated GPU card recommended (for optimal performance in SpeedGrade and for GPU-accelerated features in Adobe Premiere Pro and After Effects: NVIDIA Quadro 4000 or other Adobe-certified GPU card with at least 1GB of VRAM recommended); visit www.adobe.com/ products/premiere/extend.html for supported cards Broadband Internet connection and registration are required for software activation, validation of subscriptions, and access to online services. Phone activation is not available.
Back to TOC
I. 2.
Windows Requirements
Intel Pentium 4 or AMD Athlon 64 processor with 64-bit support; Intel Core2 Duo or AMD Phenom II processor required for Adobe Premiere Pro, After Effects, and Encore; Intel Core i7 processor required for Adobe SpeedGrade Microsoft Windows 7 with Service Pack 1; Windows 7 with Service Pack 1 (64 bit) required for Adobe Premiere Pro, After Effects and Encore; Windows 7 with Service Pack 1 required for SpeedGrade 4GB of RAM (8GB recommended) 14.5GB of available hard-disk space for installation; additional free space required during installation (cannot install on removable flash storage devices) 1280x900 display with 32-bit color and 1GB of VRAM; 1680x1050 display required, and second professionally calibrated viewing display recommended for SpeedGrade OpenGL 2.0capable system Broadband Internet connection and registration are required for software activation, validation of subscriptions, and access to online services. Phone activation is not available.
Back to TOC
I. 3.
Software Requirements
Adobe CS5, CS5.5, or CS6 Design Standard or Design Premium (InDesign, Photoshop, Illustrator). Adobe InDesign and Photoshop are required. 8.2GB of available hard-disk space for installation; additional free space required during installation. Adobe Flash Player 10 or higher
The iOS application myKiosk is required to test your publications. It can be installed on iPhone and iPad. To install it on a computer you need iOS Simulator which is part of XCode (see the complete procedure).
Back to TOC
II.
1.4.
Back to TOC
10
II. 2.
Back to TOC
11
III.
Back to TOC
12
IV.
A Quick Look at the AVE File Format: AVE MAG vs AVE PDF
AVE is the acronym for Adaptive Viewing Experience. The AVE reader behavior will change depending of the content by following this characteristics:
It is an XML based format. The final container is a ZIP archive (Extension . ZAVE) containing XML data describing the structure of the document, its content, and enrichments (interactive features). The container ( ZAVE) also holds all the media used by the document such as images, videos, PDFs, HTML archives, as well as any other resources referenced by the document. AVE is a dedicated format for hybrid content: text, media, interactive content, games, etc... AVE has four variations: AVE Comics, AVE MAG, AVE PDF, AVE Reflow... or a mixture of the aforementioned. AVE invokes the best reader component in each context. AVE reader component already deployed on several platforms : iOS, Android, WebOS, Web,... All Aquafadas authoring tools are able to export in AVE format.
Back to TOC
13
IV. 1.
Pages are designed for tablet sizes. Text can be in native form or as PNG/PDF. Scrollable text areas are supported. Scrollable layouts inside the main layout. Create rich layouts by combining scrollable layouts inside more static pages. No zoom : pages are viewed at a 1:1 zoom factor. 1D/2D navigation. Supports enrichments added using the Aquafadas Digital Publishing plugins for QuarkXPress or Adobe InDesign. Click here for a complete list of supported enrichments. Support for actions : Interactivity is built using a rich set of actions (show, hide, play, goto, control) available on all the visual enrichments you add.
Back to TOC
14
IV. 2.
This variant makes it possible to easily create Digital versions of an existing print document. You are not required to change the page size. PDF in the background is used to render the static (non enriched) elements of the page. Enrichments in overlays. Guided reading makes the reading of multi-column content very easy to read on any screen size. Reflow: a dual, reformatted version of each article in a document that simplifies navigation during reading. Supports enrichments of Aquafadas Digital Publishing plugins for QuarkXPress or Adobe InDesign. Click here for a complete list of supported enrichments. Support for actions: Interactivity is built using a rich set of actions: show, hide, play, goto, and control are available using all the visual components.
Back to TOC
15
IV. 3.
On the fly reflow. Template based reformatting of structured content: XML, raw text, articles,... Supports all enrichments of the Aquafadas Digital Publishing Suite. Support for actions : interactivity is built using a rich set of actions: show, hide, play, goto, and control are available on all the visual components.
Back to TOC
16
IV. 4.
There are two ways to present the digital comics reading experience : AnimatedComics: for small screens (smartphones). Transitions, pan+zoom effects can be defined between panels. Page Reading: for any screen size. Works well on tablets. Same reader as award-winning AveComics app. Support for localized speech bubble content.
Back to TOC
17
V.
Installation Guide
V. 1. Installing the AVE Digital Publishing System
To download the installation image disk, you need to register on avepublishing.com. Click here to get started: http://avepublishing.aquafadas.com/en/#/home.
Back to TOC
18
Back to TOC
19
4. Now you can click on Login or Register and login. You will be redirected to the download page.
5. Login with the user name and password you just created.
Back to TOC
20
7. On the download page you can click on Download for your respective operating system (Windows or Macintosh).
9. Once the download has finished you can find the installer in your Downloads folder.
10. IMPORTANT: Make sure you quit all Adobe Applications before you launch the installer. 11. Double-click the installer to begin.
Back to TOC
21
12. Click Continue. This is just a warning if you have already installed this product prior to this current installation. If you are upgrading the software. 13. Click Install to install the software.
14. You will be prompted to enter your administrator user name and password.
Back to TOC
22
15. Once the install is finished you will be notified that the installation was installed successfully.
V. 2.
Upgrading
If you already have our plugins installed and are in production, you should only upgrade when that production cycle is over. Please contact the Aquafadas Technical Support Team before doing so by clicking here. If you want to save the old plugins before you upgrade, just incase you need to roll back to an earlier version of the product, you should follow these steps: 1. Navigate to Macintosh HD/Applications/(Your Version of InDesign)/plugins. In this folder you will find a folder named Panels. This folder contains your current version of the Project Manager and Interactivity panel. 2. Change the name of the folder to the name of the version. Example: Panels_2.0.11 3. Then run the installer. 4. If you need to roll back, just remove the current Panels folder and rename the previous folder Panels again.
V. 3.
Back to TOC
23
3. Rename the folder located in Library/AVEDigitalPublishing/db. The folder contains the database and cant be downgraded. You will need to rename it. 4. Run the previous installer. 5. You will now be running the previous version once you restart InDesign. 6. Dont be surprised if the AVE Project Manager is empty. This is normal because the database has been replaced and the new one is empty. But your projects remains at the same place they were saved. You can use the Import feature to import your saved DPEs you exported in step 1.
Back to TOC
24
VI.
VI. 1. VI. 2.
Installing Xcode
Xcode 4.5 or above is required to run this software on Macintosh OSX Lion. First, you will need to download Xcode from Apple to run the simulator. 1. In a browser window type in https://developer.apple.com/xcode/
Back to TOC
25
3. This should launch the Mac APP store if you are running OSX Lion.
4. Xcode is a free application. Click on Free, then choose Install APP. 5. Click on the install button to install. You will be prompted to enter your Apple ID and password. 6. Once the App is installed, you need to launch Xcode once to build out the folder structure. Xcode will be located in your Application folder. Double-Click to launch it.
Back to TOC
26
VI. 3.
3. Navigate through: Contents > Developer > Platforms > iPhoneSimulator.platform > Developer > Applications.
Back to TOC
27
5. Right-click the App (In your Dock), and choose Options > Keep in Dock. 6. The App is installed. 7. Click on the App in your dock to launch it. 8. The App may launch with an iPhone preview, choose Hardware > Device > iPad.
Back to TOC
28
VI. 4.
5. Navigate to the download for myKiosk for iOS simulator. Click on the blue download button to download the software.
6. Navigate to your downloads folder in Finder. 7. A folder should have downloaded called myKiosk it should be followed by the current version number. 8. Select this folder and copy it by choosing Edit > Copy. This folder contains the application myKiosk that will run in the iOS simulator. This will enable you to preview your interactive documents on your computer within an iPad simulator. This folder needs to be copied into the iOS simulator application. Since the Library folder is now hidden from users in Lion, you need to hold down Option to access this folder. 9. In Finder, hold down the Option key, and choose Go > Go To Folder from the menu. 10. Choose Library. You are now in the Library folder. Back to TOC 29 Copyright 2012 Aquafadas Inc.
12. Then open iPhone Simulator folder. 13. The next folder will be the release number. Open that folder. 14. Make a folder inside that directory called Applications, with a capitol A.
Back to TOC
30
VI. 5.
3. You need to swipe to the second screen to see the myKiosk application (Using the mouse you need to click and drag to the left).
5. Make sure enable transfers is turned on by clicking on the cog wheel in the top left corner of the screen. 6. You are now ready to send documents from InDesign into myKiosk for previewing and testing purposes. Back to TOC 31 Copyright 2012 Aquafadas Inc.
VI. 6.
Install My Kiosk. This is a free application. You will be prompted to enter your Apple ID and password.
6.2.
Back to TOC
32
VI. 7.
First Launch
To make sure the plugins installed correctly, launch Adobe InDesign. Once InDesign has launched you will now see AVE Publishing as a menu item. When you click on AVE Publishing in the menu you will see two new panels: The Ave Project Manager panel and the AVE Interactivity panel.
Back to TOC
33
VII.
Quick Tour
VII. 1. Guided Tour of the AVE Project Manager
1. Open The AVE Project Manager tool palette 2. Select AVE Publishing > AVE Project Manager. The left hand side of the window contains the Project List displaying all your saved projects.
The right hand side of the window shows the Project Structure of the selected project. Each column in this view corresponds to a single InDesign file, and displays the page thumbnails. If you change your selection in the project list, the Project Manager will show all of the InDesign pages related to that project. At the bottom of the Project area, there is a toolbar with the commands that apply to a project. They are as follows: Create, Import, Export, Duplicate, Refresh, and Delete. Below the Project Structure is Relink Project Assets, Synchronize Project, Project Settings and Zoom. Back to TOC 34 Copyright 2012 Aquafadas Inc.
The generation buttons above are: Generate Project, Test, and Retrieve. First lets create a new project to see the basics of our digital publishing system.
2. Choose the type of project you want to create. We currently support two types: AVE MAG: This is a project where you have no existing document. You will therefore create the pages from scratch or use the templates provided within the application (For Testing). The current page size supported in this mode is 1024x768 pixels, which corresponds to an iPad in landscape or portrait mode. AVE PDF: With this type of project you can import existing InDesign documents to build the final document. It allows you to start from a printable project and to enrich it, in order to transform the original document to a digital format. In this first example we chose AVE PDF to show you the basic interactions allowed by this type of project.
Back to TOC
35
1.2. Import your InDesign document (Made for Print): AVE PDF
1. Import an existing document.
After creating an AVE PDF project, the only option that you have is to import an InDesign file.
2. Choose Import. 3. Choose the InDesign document (.indd file) that you want to import and click Open.
Back to TOC
36
4. The Project manager will process your file for a while and then display the thumbnails of the pages in the project structure.
5. After each import, dont forget to re-link the images contained in your imported project, otherwise the AVE plugins will not be able to publish these images correctly.
1.3. Export
Now its time to see the file rendered on an iPad. 1. To publish you need to first choose Generate Project. 2. The Project Manager will probably ask you to generate the articles imported. 3. Click Yes and wait for the end of the process. If there are images in your articles, Photoshop will start automatically to process them.
Back to TOC
37
1.4.
1.5.
Swipe horizontally to change pages. From right to left for the next page and from left to right for the previous page. A single tap will display the toolbars. The lower toolbar contains a slider allowing you to quickly navigate within the publication. Of course this feature is useful if there are more than two pages. Back to TOC 38 Copyright 2012 Aquafadas Inc.
A double tap will zoom in where you tapped and another double tap will zoom out. Click here to start enriching your AVE PDF project.
VII. 2.
In AVE MAG, an InDesign file is an Article whereas in AVE PDF, an InDesign file is simply a part of your book.
Back to TOC
39
Now you need to add articles to your project. 1. Do this by clicking the Add button in the Project Structure section. A popup window will open, allowing you to choose a template. Select the Blank template and click OK.
Back to TOC
40
2. Define a project folder path (Where you want to save the document) and an InDesign Article File Name. This is the location where your InDesign project files will be stored:
Back to TOC
41
Back to TOC
42
2.4.
You can see that the text areas that were filled with too much text were automatically transformed into scrollable text areas.
The navigation for the magazine is very simple. Perform vertical swipes to navigate between article pages and horizontal swipes to navigate between articles.
Back to TOC
43
VII. 3.
To add interactivity to your publications, open the AVE Interactivity panel. 1. Go to AVE Publishing > AVE Interactivity. The window that opens is divided in two parts. The upper part is generic and is used to manage the object visibility depending on the Page Orientation. The lower part reacts to the items selected in your InDesign document. If nothing is selected, it will remain empty. If you select an item that has no interaction assigned it will display all the interactions available, as in the screenshot on the right. Depending on the type of item, some interactions will be grayed because they are not compatible with the item.
Back to TOC
44
VII. 1.
1.1. Picture
Back to TOC
45
1.2. Slideshow
1. Select an image or an empty frame in your InDesign document and assign a Slideshow interactivity. 2. You have the choice between two types of slideshows: Simple Slideshow and the Slideshow With Thumbnails.
1. First you have to choose how many images are going to be displayed and the placement of the thumbnails. 2. Once you click on Create the Slideshow, the frames for the thumbnails are automatically created and placed in your InDesign document. The thumbnail images have to be defined in the InDesign layout by the designer.
Back to TOC
46
3. When you add pictures to the content list, you will also need to add the thumbnail in the corresponding frame. If the thumbnails are placed vertically, the order is the same as in the content list, the first to be displayed is the one at the top. If the placement is horizontal, the order is from left to right, the first picture to be displayed is the first one on the left.
1.4.
Movie
The movie interactivity can be assigned to a empty frame or a frame containing an image. Before explaining the settings, we must warn you about the video compatibility of the iPad. It cannot play just any video format. The video files must be encoded for iPad and the easiest way to do this is using iTunes. See screenshot below.
Back to TOC
47
1.5.
Button
This interaction can be assigned to an image or a frame. The image will then react to a tap, and perform a specific action. Click here to understand how to configure actions.
1.6.
HTML Page
This interaction allows you to display a web page in your publication. It can be assigned to an empty frame or an image.
1.7.
Actions
Actions are triggered by a gesture (tap, scroll, etc.) on an interactivity item. For example, the Button items only purpose is to trigger an action when a tap occurs. The first thing to do when configuring an action is to choose the type of action in a selection list.
Back to TOC
48
The thumbnail frame is in fact a button that triggers a Change Content Index action when tapped. The target content is the slideshow (Content ID #3948) and the index that has to be displayed is the fourth image. The index count starts at 0, this is why the fourth index is number 3. Each interactive content has a unique Content ID displayed in the top right corner of the Interactivity panel.
Go To Web
Opens a URL in a web browser, like a link in a web page. Since it works like a link, lets try to create some content that looks like a link and triggers a Go To Web action: First, create a text frame with the Type Tool. Choose a blue text color and underline it. Second, transform this text frame into an image by assigning a To Image interactivity (see chapter 5.1.6). You can now configure an action in the lower part of the interactivity settings of your text frame. Choose Go To Web in the Add Tap actions selection list and click Create. Finally, enter the address of your web page in the URL field.
Back to TOC
49
Go To Article
As its name indicates, the Go To Article action creates a link to an article within your digital publication. To illustrate this we have created a text frame converted to an image. Go To Article needs two parameters: the Article ID which can be found in the Project Structure and the Page Index which also starts from zero.
Show Popup
The Show Popup action displays a popup window that contains either a Slideshow or an HTML Page. The settings of these items, are the same as those outlined in previous chapters except for one panel. It allows you to set the size in pixels of the popup window. Tap outside the popup to close it (be careful not to display your popup in fullscreen).
Back to TOC
50
Show Fullscreen
The Show Fullscreen action displays the target picture or slideshow in fullscreen. Here you just click Select to select the target object. The target objects fullscreen option will automatically be checked and you will not be able to uncheck it unless you disable the action.
Back to TOC
51
VII. 2.
Back to TOC
52
2.2. Reflow
This displays a popup containing the text of the article that the user has tapped on. The popup contains a button allowing you to increase or decrease the size of the font. After a font resize, the text automatically reorders itself into justified columns. Hence, Reflow. If the popup is too small to display all the columns, swipe horizontally to see the rest of the article. To close the popup, just tap outside it.
Back to TOC
53
To set a Reflow interactivity, select the text block you want to be clickable and select Reflow in the AVE Interactivity palette. In the settings of the Reflow, it is possible to modify the height and width of the popup. Choose between four templates. Next, select the items to be added to the popup. You should set a style (title, interTitle, body, etc.) to each one, otherwise the layout in the popup will not match your articles layout. You will need to separate the titles and the body in different frames.
Back to TOC
54
In the first panel of this window, the first checkbox enables the text recognition. The second and third checkboxes set the system to add Reflow or Smart Reading or both. The last checkbox enables image recognition. When checked you can choose whether you want the user to see each picture in full screen or to be able to zoom them. Choose the same settings as the example on the right and click Next.
Back to TOC
55
The following panel is the reflow setup. First choose the template and the size of the popup. Then two tabs will appear. The Styles tab allows you to link the character and paragraph styles of your InDesign document to the styles of the template. The Fonts tab allows you to link the fonts used in your document to the styles of template.
Finally, the image panel is simple as it only displays three options. Clicking Next in this last panel will start the recognition process and the automatic addition of enrichments. Before doing that, please close the AVE Interactivity palette because it can interfere with the automatic enrichment addition. Once the process is finished, you can open the AVE interactivity palette to check if the enrichments were added correctly.
Back to TOC
56
VII. 3.
3.1. Slider
The title, description and thumbnail of an article can all be set in the article properties.
Now retrieve the publication file from the AVE Project Manager. We call this kind of file a ZAVE file because of the . ZAVE extension. To obtain the ZAVE file for your publication click Retrieve ZAVE. .
A popup window will open to allow you to change the name of the file and the destination folder. Return to the myKiosk uploader webpage and fill in the form. The collection, author and publisher fields are not required. But it is better to fill them in if you have a lot of publications in myKiosk. To choose the file ZAVE file to upload, click on the File selection list and then click Send to start the transfer. File Transfer with iTunes Back to TOC 58 Copyright 2012 Aquafadas Inc.
This procedure does not require your iPad to be synchronized with your computer, so you will not lose any files stored on your iPad when it is synchronized with another computer. First, retrieve the ZAVE file for your publication. The method is explained in the previous chapter. Once you have the ZAVE file, connect your iPad to your computer and start iTunes. In the iTunes interface, open the Apps tab of your iPad and scroll down the page to see the File Sharing section. myKiosk should be displayed in the Apps list. Select it, then drag and drop your ZAVE file into the myKiosk documents. Once the transfer is complete, your publication should appear in the myKiosk app on your iPad.
Back to TOC
59
VIII. 1. Logging in
Every time you launch the Project Manager panel, you will be prompted to login. You can either choose to Work Offline or Go Online. If you just want to quickly get started and not connect online, you can just type your email into the user name field and then you can choose to Work offline. To login, you use the same login information you entered on the Aquafadas website to download the software(we call this an AVEPublishing account). Logging in allows you to connect the Title, App, and Issue information you enter into AVE Publishing. This allows for better organization of your projects.
VIII. 2. My Projects
In the My Projects section of the panel you define the projects you want to create. For example if you published a monthly magazine, you could save your projects here by month: April, May, June, July, etc... When you create a project it acts like a container that stores your InDesign documents.
Back to TOC
60
2.1.
1. When you create a new project you must give that project a name.
Back to TOC
61
2. You must also choose whether you want to use AVE PDF or AVE MAG. AVE PDF has the same layout as your printed material. It does not utilize the two orientations where a separate horizontal and vertical layout are created. Instead, it renders a project that when viewed vertically on an device displays one page and when it is viewed horizontally it displays page spreads (Two side-by-side pages). AVE MAG can make a project that has either all horizontal pages, all vertical pages, or both orientations. Both of these orientations can be created within one InDesign document.
For more information about the difference between AVE MAG and AVE PDF see A quick look to AVE file format: AVE MAG vs AVE PDF. If you choose AVE MAG you can decide which orientations you want to use for your project. AVE PDF automatically makes both orientations. Horizontal is the spread view and vertical is the single page view.
Note: To see how both orientations are handled in the AVE Interactivity panel go to Changing the Page Orientation (AVE MAG only) section.
Back to TOC
62
A device is defined by the screen size and the density. The screen size is the physical screen dimensions that are categorized as: Extra Small screen, Small Screen, Normal Screen, Large Screen, Extra Large Screen. The screen density is the number of pixels that can fit in one inch. The density is categorized as: Extra Small Density, Small Density, Normal Density, Large Density and Extra Large Density. The user doesnt have to create a project for a specific device, but for a group of devices that is defined by the Screen Size/Density.
5. Your new project will appear in the projects section of the panel. Click on it to select it.
In AVE PDF, an InDesign file is just a part of a book and user can consider the entire project as one InDesign book regardless of the number of separate InDesign documents.
New: The New button creates a new blank document in correlation to the orientation you have chosen for your project. Import InDesign file: You can import existing InDesign documents into your new project.
Note: This will not automatically change your document into the correct orientation of your project. You must change your document size manually when using AVE MAG. When using AVE PDF you can leave your documents as spreads. AVE MAG does not support Facing Pages (Found in Document Settings, Allow Document Pages to Shuffle, or Allow Selected Spreads to Shuffle (Found in the Drop-Down menu of the Pages Panel).
Add From Template: You can choose from a list of templates provided to you from Aquafadas (For testing purposes).
Back to TOC
64
4.1. Creating a New Article (AVE MAG) or Adding a New Document Spread (AVE PDF)
1. To create a new article, click on the word New
2. A new document is created in the correct orientation. 3. You will be prompted to save your file. You can save your file locally or onto a server for collaborative workflows.
Back to TOC
65
4.3.
4.4.
Generate: Renders your current interactive document. You can use this command to force to re-render a document. Preview: Renders a preview of the document and sends that document to myKiosk. Duplicate: Duplicates the current Article (the current InDesign file) within the Project Structure. This doesnt duplicate all the assets.. Preflight Build: Runs a Preflight to warn you about missing fonts, or images within interactivities that the InDesign Preflight alone would not look for. This is primarily used for ePub to warn you when interactivities are not supported or cross over the spine of a page. Relink Assets: You can relink the assets of your InDesign file and all the associated interactivities
Back to TOC
66
Settings: This is where you enter the Article Title metadata. The thumbnail is not for the preview you see in the Project Manager panel, it is for animated Slider and Synopsis enrichments. Title is show in the AVE MAG TOC. The description is just metadata.
Delete All Enrichments: This will remove all interactivity you have set on a page (Use this button with caution. With great power comes great responsibility). Delete: This will remove an article from the project structure. In the confirmation dialogue, you can choose to remove the file from the disk permanently.
Synchronize project: The synchronize project button allows a user to point to a folder with InDesign documents contained within it or in sub-folders and import those documents into an existing project. This feature can be used in collaborative workflows. Several users can synchronize to a folder on a server. No two users can open the same InDesign document because the file lock is managed by InDesign. Synchronizing a project does not import the Project Settings. 1. First you select the directory of the InDesign documents.
2. You can choose whether you want to import that document by clicking on the Apply button. For example, you may not want all the InDesign documents to be brought into the project. InDesign files that are Sub-Layout enrichments would also show up in this list even though they are links. By unchecking Apply those documents would not be imported into the Project Structure. You can also periodically synchronize your documents when working on a server in a collaborative workflow. Status alerts a user whether or not a document is open, or has been changed (saved) since the last synchronization. 3. Your files are imported into the Project Structure. If you Hide Modified Files you will only see files that have not been modified since the last synchronization to the folder.
Note: Synchronize Project promotes a collaborative workflow. You can store all of your documents for a project on the server. Then each person who needs to collaborate on the project can synchronize to the project on the server. No two users can have the InDesign document open at the same time (This is a
Back to TOC
68
basic feature of InDesign. That is why a lock file is created next to an InDesign document every time the document is opened).
7.1.
General
In the General section you can change the Project name. You are not allowed to change the Project type. You can only pick this once when you create a new project. You can change the orientation for a project at any time. You are not allowed to change the device size of a project. If you do not pick the correct device when the ZAVE is made, the ZAVEM (manifest file) will not contain the correct metadata for the device. You will need to create a new project and use Synchronize Project to rebuild the project for correct output.
Back to TOC
69
7.2.
Metadata
This is the Metadata for an ePub file. You can see this view this information in an ePub reader device. If you build an ePub file, you absolutely need to fill in all the fields. If you do not, your ePub file will not be ePub compliant.
Back to TOC
70
7.3.
AVE
The Ave tab is where you control the settings for the Reader, the Menu Bar, and the Navigation Bar. This is where you can change the look and feel of the menu bar that appears at the top of your device when your in your App.
Navigation Mode: Columned navigation allows a user to navigate downward into article with multiple pages. Linear mode turns off downward navigation so a user can only swipe horizontally to the next page. Allow Navigation via Swipe Gestures: When this is checked a user can use swipe gestures to navigate to the next page (This is the default). When this is unchecked, a user can only navigate to the next page with interactive buttons. These buttons and actions need to be defined in InDesign. Article Transition Mode: Swipe, Arrow, And Arrow Overlay are applied to the pages within an article. The normal action to navigate to another article is to swipe the page. In previous versions, the swipe action could not be cancelled, nor did you have immediate feedback. Page Transition Mode: Swipe, Arrow, And Arrow Overlay are applied to all pages, not just from article to article. You can now choose one of the two other options: Arrow or Arrow Overlay. In doing so, you will get an immediate feedback when you start swiping the page. The user will see an arrow appear on the edge, when there is more content beyond that edge. You can cancel the swipe by moving your finger back to its original position. In some Applications, this greatly enhances the navigation. Remember the Last Page the user was on when Close Document: When a user closes the application and then relaunches it, the App will remember the last page that was viewed and take the user back to that page when the application is relaunched, if this is Back to TOC 71 Copyright 2012 Aquafadas Inc.
checked. The default setting is that this is not checked, so every time you relaunch the application it takes you back to page 1. Remember the last page of an Article when user leaves article: If this option is checked, and a user navigates out of an article, when they return to this article it will still be on the last page viewed. The default behavior is to not have this checked so that articles always reset to view the first page upon return. For example: A user reads a issue with downward article navigation from start-to-finish. If this was checked, the second time the user went to read the article, the App would remember the last page of the article viewed (So the user could continue reading where they left off). Summary Article Index: The number of the article index lets you change the page location when a user clicks on the Summary button. For example, you might want the Summary button to lead the user to the 2nd page of the issue, to the Table of Contents. Reader (in an AVE PDF Project)
Story Direction: Give the direction the pages turn. For example, in Japan books are read from right to left. Restrictions on Zoom: You can choose between this three values:
If the Zoom is active, user can zoom in the document. If the Zoom is active for Smart Reading only, user cannot zoom outside of a SmartReading area. Back to TOC 72 Copyright 2012 Aquafadas Inc.
If the Zoom is inactive, user will not be able to zoom. The added feature is that the AVE PDF file size will be smaller because the PDF will not be generated, only the preview pages. Content Fitting Modes: This settings manage the way the page will appear in the reader. Fill: Pages are displayed in a way that fills the whole screen.
Fit: Pages are scaled down in order to fit inside the screen.
Smart: Only used with double pages. In horizontal mode, both pages will fit inside the screen. In vertical mode, only one of the two pages will fit inside the screen.
Smart Center: Only used with double pages. In horizontal mode, only two pages will fit inside the screen.
Snap: When Snap is checked the pages will snap into position when the page is turned.
Menu Bar
This is the readers top bar. The first setting is a checkbox that allows you to disable it, this is not recommend, as it will prevent you from closing your publication in myKiosk. In the Bar Settings section, you can decide whether the menu bar will always be visible or not. You Back to TOC 73 Copyright 2012 Aquafadas Inc.
can also change its look by changing its type, height, color and transparency. In the Menu Items section you can change the content of the Menu Bar. The items at the top of the list are placed at the left side of the bar. The items at the bottom of the list are placed at the right side of the bar. You can drag and drop the items in the list to change their position in the bar. You are able to change the text of the items and the background image to give a different look to the buttons. It is also possible to add or remove items with the + and - buttons under the list. Each item performs a specific action except for Flexible Space. Close: Closes the publication. Page Label: Displays the page number and the total number of pages. Settings: Opens a popup containing the readers settings. Help: Opens a popup containing tips for the user. It is possible to add other items, but their actions have not yet been implemented at the time of writing.
Back to TOC
74
Bar Settings: You can set the Menu Bar to always remain visible Type: There are Two Types: Apple Bar or Standard. This changes the graphical aspect of the readers top bar. Height: Height of the Menu Bar in pixels. Color: The color of the Menu Bar Translucent: The menu bar at a 50% transparency. Menu Items: You begin with three default menu items: Close, Summary, and Browser. You can change the color and Text within these buttons. You can also add new Menu items such as Add or delete Bookmark, add or delete note, and Bookmarks/Note. You can also add Flexible Space, this is the space between menu items. Adding Menu Items: You can click the plus sign to add a new menu item.
Bookmark: A button that allows the user to bookmark the page. Note: A button that allows the user to add a note to the page. Bookmark/Note: A button that allows the user to bookmark and add a note to the page.
Navigation Bar
This is the bar displayed at the top or bottom of the reader. It allows the user to quickly navigate the pages of your AVE PDF or AVE MAG. Depending of the AVE kind, the parameters are not the same.
Back to TOC
75
AVE PDF
AVE PDF manages both, Spread View or Stack View whereas AVE MAG manages only Stack View. So for the Stack View definition, please see the AVE MAG Stack view description.
In the Spread View you only place your finger on it to make it popup. It displays the thumbnail of the page pointed on the bar in a popup. In the settings you can of course change the aspect of the bar by modifying the height, the color and the popup size. You can set the bar to display the page numbers instead of thumbnails. The Full Screen Button displays the list of pages in full screen.
Back to TOC
76
Type: if none is selected, the bar will not be displayable in the reader. Article Preview Width: The width of the article preview (thumbnail) as it appears in the Navigation bar. Article Preview Height: The height of the article preview (thumbnail) as it appears in the Navigation bar. Gap Between Articles: The space between any two article previews (thumbnails in the Navigation bar Gap Between Pages: The space between page thumbnails in an article stack. Scroll Deceleration: This is the speed to which the scroll effect stops after a user swipes the Navigation bar to view more pages. This is the deceleration rate: fast or slow. Enable Fullscreen: Enables a fullscreen view of the navigation bar.
7.4.
ePub Reader
This is a custom zoom parameter for the final file.
Back to TOC
77
7.5.
Fonts Management
For ePub3 you are required to upload the fonts for processing. However, ePub3 only supports OTF fonts. In order to make your other fonts work as well, we have developed our own font conversion mechanism. Simply select the fonts you want to embed, regardless of their format. If they are TTF or Postscript fonts, we will transcode them and add them to the final ePub. If you click on the Update from Project button, all the fonts in every document will be added to the list. You can select the fonts you wish to embed and click Apply to apply these fonts to the project. You can also use the Import Fonts button to import fonts directly from a folder. For Fixed Layout, you must embed Fonts. For Reflow Layout, you can choose to embed or not. If you embed the font, the end user will not be able to change the font in the reader itself even if the size will be changeable. If you dont embed the font, user will be able to change the font, but the rendering will not be as close to your format as it was when you embed the fonts. In AVE MAG you need to embed the fonts in this panel for the Read Aloud and basic Scrollable Text enrichments. For AVE PDF you dont need to embed the fonts in this panel. However, with AVE PDF projects that use the Reflow enrichment need the fonts to be embedded.
Back to TOC
78
Embedding Fonts
You load the fonts in the Project Settings dialog box under the Font Management tab. 1. Choose the Project Settings button.
2. Choose the Font Management tab. 3. Choose Import From Project. 3. Choose Select All. 4. Click Apply. This will import all the fonts from your entire project. If you dont embed the font, the font will be substituted with another font.
8.1. Preferences
Enable Publish Optimization: This is a preference that searches for duplicate images used within your ZAVE file. Where images are used more than once, only one file is uploaded to your final ZAVE, and all the instances of that image point to that 1 saved image. This can greatly reduce your final file size. Use Bonjour for detection of devices: If you turn off Enable Bonjour for device detection, when you create a Preview or send to myKiosk, you wont see a list of detected devices. Instead you will just type in the IP address of your iPad manually. This preference Back to TOC 79 Copyright 2012 Aquafadas Inc.
was added because at bigger publishing houses, there could be 50 to 100 different devices to discover, and it wastes time trying to find just your device when testing. Enable Image Publish Optimization: This is the preference that scales every photo that is used in both your layout and in any interactivities. This means that every photo is optimized to the correct size using Photoshop. This feature makes your project size smaller to optimize the final download size. However, you can now shut this option off during production to make your myKiosk rendering time faster, and then turn in back on when you publish the entire issue. External License File: This is a special file supplied by Aquafadas for premium enrichments you purchase. Photoshop Version: You can specify what version of Photoshop you want to use in conjunction with InDesign. They do not have to be from the same suite.
4. The export window appears. You have a choice between creating an issue for your App or an ePub file. If you wish to learn more about ePub creation, click here.
Back to TOC
80
5. You can choose whether you want to render an AVE file or an AVE HD file. To read more about publishing to Retina click here. The AVE file will produce a ZAVE file that is compatible with lower-resolution devices. The AVE HD file will produce a ZAVE that is compatible for Retina devices.
6. Once you choose AVE or AVE HD you can press the Generate Project button. As your file is being built, Photoshop will launch to down-sample the images to the correct size.
Note: During the process of making a ZAVE file, all of your text is saved as PDF files within Photoshop to keep the clean vector look (Crispness) of the font and for searchability (Since it is still text and not an image).
7. Once the ZAVE file is created you can pick your device in the URL list for previewing.
Back to TOC
81
9. Once the file is sent you can view the ZAVE in the myKiosk App.
Back to TOC
82
11. The article will open in myKiosk for testing and review.
4. The export window appears. You have a choice between creating an issue for your App or an ePub file. If you wish to learn more about ePub creation, click here.
Back to TOC
83
5. You can choose whether you want to render an AVE file or an AVE HD file. To read more about publishing to Retina click here. The AVE file will produce a ZAVE file that is compatible with lower-resolution devices. The AVE HD file will produce a ZAVE that is compatible for Retina devices.
6. Once you choose either AVE or AVE HD you can press the Generate Project button. As your file is being built, Photoshop will launch to down-sample the images to the correct size.
Note: Converting all the InDesign files to AVE format is a two-part process. The first step will optimize all the pictures and transform all the texts to small PDF files. The second step is archiving, meaning that the tools will merge all the AVE conversions into one single ZAVE archive.
7. Launch myKiosk on either your desktop (iOS Simulator) or on your device. Once the file is created it doesnt automatically send that file to myKiosk. You need to choose the Test button to send it to myKiosk.
8. Once the ZAVE file is created you can pick your device in the URL list for previewing.
Back to TOC
84
10. Once the file is sent you can go view the ZAVE in the myKiosk App.
Back to TOC
85
12. The issue will open in myKiosk for testing and review.
Back to TOC
86
IX.
2. When you open the Interactivity panel for the first time with nothing selected, the panel provides instructions on how to place interactivity into a document. First you must select an object in your InDesign document. Then you can select the type of Interactivity you would like to add.
Back to TOC
87
Automatic AVE Enrichment Creation Tool can automatically create some enrichments such like Guided Reading on text or Pan&zooming on a picture. Use this to save time and enrich an entire book using one single action. InDesign Interactive Object To AVE Enrichments Conversion lets you convert Adobe DPS Slide Show, Videos, Audio, Actions and hyperlinks to AVE Interactivity enrichments. 3. Once you have a frame selected you will see each type of Interactivity that is available.
There are two kinds of enrichments: In the top part there are the free enrichments and in the bottom part there are the Premium. You need to purchase a license for Premium.
Back to TOC
88
IX. 2.
2. In Project Settings you can determine whether or not you have horizontal or vertical orientation checked.
You can either have an all horizontal or all vertical layout in your project or you can have both horizontal and vertical. You cannot have a an orientation where just a few pages have the opposite layout. 3. When both of these are checked you can access you opposite layout by selecting the Change Orientation button in the bottom-right corner of the AVE Interactivity panel.
Both orientations are stored within one InDesign document. When you change the orientation, the opposite orientation will already contain all of the elements you placed on the first orientation. This means that text changes made on one orientation are automatically made to the opposite orientation.
Back to TOC
89
If there are elements that you want to only exist in one orientation, you can hide these elements in the Layers panel by clicking on the Eyeball next to the element in the layers panel. That means that the element still exists in the opposite layout it will just be invisible in the current layout.
Back to TOC
90
IX. 3.
Actions
Every action you create has four basic ways you can define the action. You can Tell either the Reader, a Layer, a Frame (Using Frame Picker), or Frame (Using Frame name) which action to perform. An Action is called by an object to interact. So the action list depends of the object kind. For example the action Set Content Index is not applicable to the Image object, but to the Slide Show Object. So to define an Action, you need first to select the source object and ask it to execute a certain action. Examples: If the destination object (here id #213) is just an image then actions list will be:
But if the destination object is a Slideshow, then the actions list will be:
Back to TOC
91
The only case you will see all the actions is if you select the destination object using the name:
In this case, because the name can belong to an external InDesign file, the tools show the full object action list except the reader actions list. It belong to the user to give an known action.
Some enrichments such as Slideshow can be defined on scroll. This means that when a user scrolls through the Slideshow an action can be launched.
Back to TOC
92
3.3.
Back to TOC
93
Go To Web
A defined action that opens a web URL. URL address must be added and begin with http:// or https://. This URL will open in the inApp-browser by default. When the user is done viewing the web page, they can close the Web page and go back to the App. The user never leaves the App. If Out of Application is checked, the URL will open in the default browser of the device such as: Safari on an iPad. If it launches Out of Application the user will leave the Application.
Launch Activity
This command will launch an activity. Choose the Edit Activity button to choose the Activity.
Back to TOC
94
You can pick from the three Free versions of the Draw, Matching, or Maze game. All of these enrichments will launch into a separate window where the user can play the game.
Show Popup
This command will show a popup window over your current page.
There are three types of popups: Classic: The Classic popup has a frame around your enrichment Modal: The Modal popup has no frame and the background is dimmed at a percentage. Fullscreen: Opens the Popup Fullscreen. Therefore a user cannot see the page below.
Back to TOC
95
To view the Movie section, click here. To view the Slideshow section, click here. To view the HTML Page Section click here.
Quit
This action close the application and bring you back to the devices homescreen. If you are running your ZAVE in a kiosk app, the Quit action will simply quit the AVE file and returns the user to the kiosk app.
Go To Anchor
This action will go to an anchor you define on a specific page or within a SubLayout enrichment. The action finds the anchor by name. Anchor is a very smart alternative to Goto Page or Goto Article. You can define the InDesign document name in the Anchor Name parameter. In this case, the user doesnt have to add an Anchor into the InDesign document. This feature is very useful for collaborative work because users cant get the article ID of an unknown article.
Back to TOC
96
Send Notification
This is a feature used when you purchase our SDK and make a custom App.
This action sends a notification to the reader by giving the Name and Payload parameters as string. For iOS and Android, the reader just has to retrieve the string by defining an handler. For the web, a user will be called in a Javascript call back method named by the Name parameter.
Back to TOC
97
Send Mail
This action will launch a users default email client and create a new email. You can define default values for the: Subject, Body, To, CC, and BCC fields.
Back to TOC
98
Tell Layer
With the Tell Layer action you can change the visibility of layers. If you want a layer to be hidden when you first view the page, you need to hide that layer in the Layers panel in InDesign.
Note: Warning: Layers states are persistent. If you hide a layer, dont forget to show the layer.
1. After you define Tell as Layer, you need to type the name of the layer as it appears in InDesign.
2. For To Execute you can choose Change Visibility. 3. For Visibility you can choose: Visible, Hidden, or Toggle. Toggle will just switch the visibility to the opposite state.
Back to TOC
99
1. Choose Frame using frame picker. 2. Click the Click and Choose a Frame button. 3. The button will appear darkened or pressed.
4. Choose the frame with the Selection tool in InDesign that you want to perform an action. 5. After choosing the frame, the frames number will appear in the Click and Choose a Frame area.
Note: If you name your objects within a layer, that object name will also show next to the frame number. This makes it easier for you to ensure you have chosen the correct frame.
Back to TOC
100
6. Now you can pick the To Execute action. The list of actions will vary based on the item you chose.
1. Choose Frame (using frame name). 2. Type the name you have assigned to the frame in the layers panel.
Back to TOC
101
Change Visibility: Hides or shows the frame. Start Animation: Starts an animation in the frame Stop Animation: Stops an animation in the frame Change Content Index: Defines the number of the slide within a Slideshow, or the number of a game within a game. Synchronize is used to synchronize a slide show that is populated by an RSS feeds with an HTML view that is populated with the same RSS Feed. For example, an HTML view can be used to display a legend.
Play: Starts a movie or audio file. Stop: Stops a movie or audio file. Back to TOC 102 Copyright 2012 Aquafadas Inc.
Pause: Pauses a movie or audio file. Toggle Play: Play and Pause for a movie file, audio file, or animation. Fullscreen: Will display the Frame you defined and its contents fullscreen.
Back to TOC
103
X.
Enrichments
Enrichments are defined as all the interactive features you can add to give a user an advanced viewer experience. Hence the name AVE.
X. 1.
Picture Enrichment
If the Picture enrichment appears grayed-out, you dont have a frame with an image in it.
1. Choose a frame that contains an image in InDesign. If the frame does not contain an image, this feature will be greyed-out. 2. Choose the Picture enrichment.
Item Name: Each item has a unique name you can identify. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing.
Enable Fullscreen: Opens the image fullscreen on the device when a user taps the image. Use Pan & Zoom: If the image is bigger than the frame in InDesign, and this is checked, a user will be able to Pan the image by swiping to reveal more of the image by swiping on the device. If the user uses the pinch motion with their fingers they will Zoom into the image to reveal more detail. Use Crop for fullscreen: When Enable fullscreen is checked, the image will be cropped so that the whole images appears on the device without letter-boxing (black edges around the image). Back to TOC 104 Copyright 2012 Aquafadas Inc.
Put in background: This setting is used for AVE PDF. When using AVE MAG this setting will not be available. When a user swipes into a new page in AVE PDF, the picture enrichment is not automatically rendered. It is only rendered after the page. If you want your picture enrichments to render on page swipe, you must check this option. Cell Background Color: If the image is a PNG with transparency you can define a color for the transparent pixels. Alpha: This sets the transparency of image.
Use Tiles: For large high resolution images using Pan & Zoom. This setting renders images as tiles so that the whole image doesnt need to be rendered at once when Panning and Zooming. Only the visible tiles within the feature will be rendered. You can set a Max Width of the whole image, and the individual tile size to 512 or 1024.
Format: The final file format can be set to either PNG or JPEG (PNG if you require transparency).
Ken Burns Effect: Is a type of panning and zooming effect used in video production from still imagery. Images with this effect applied will have an automatic Pan & Zoom animation applied to them. Animate Ken Burns effect: When this option is checked the Ken Burns effect will be applied to the image. Delay: Time in milliseconds before the animation begins. Duration: Length of time in milliseconds that the Ken Burns effect happens.
Back to TOC
105
Amplitude: In automatic Ken Burns mode, its the amplitude of the move and the zoom.
Actions: Pictures can also have actions built into them. You need to choose Create to create the action.
Captions: Pictures can contain Captions. Type the text you want to appear in the caption window (There is no font control). Show Captions: Check this option so that the caption will appear with the image. Show captions when fullscreen: Check this option to see the caption when the image is in fullscreen. You need to first define the Picture enrichment in fullscreen in order to see it. If you want more control over fonts and size, You will need to build your interactivity using different features such as the visibility of layers, or SubLayouts with multiple pages.
Back to TOC
106
X. 2.
Slideshow Enrichment
The Slideshow enrichment lets a InDesign user pick slides to automatically make a slideshow for a device. Slideshows only support JPEGs and PNG files. 1. Draw a frame on your InDesign page. You can insert an image into the frame so that your page thumbnail will show an image in this area. If you dont place an image in the frame, the frame will appear blank on thumbnails used for page navigation (You will see this in your thumbnail in the Project Manager panel). 2. Choose the Slideshow enrichment.
Back to TOC
107
1. Choose the Slideshow With Thumbnails enrichment. 2. Choose the number of slides that your slideshow will contain. 3. Choose the orientation of the slideshow buttons: Left, Top, Bottom, or Right. 4. Choose Create the Slideshow.
Alpha: This sets the transparency of image. Start Index: The number of the image in the slideshow you define as the starting image. The number of the slides start at 1 from the top and increase sequentially.
Files
Choose Files to add files from your hard drive.
Back to TOC
109
Feed
Instead of embedding files into your final project, your files can exist online. This means that images can update if a users device is connected to the internet.
To define the URL for feed files, click on the Gear to the right of the Feed icon.
Deleting Files
To delete files you need to highlight the image in the list and choose the - button.
Moving Files
To change the order of the files in the list, you can highlight an image and drag and drop it into the correct position to change its order.
Crop
Each image can be cropped individually within a slideshow by controlling the corner points on the frame. If you change the size of the Back to TOC 110 Copyright 2012 Aquafadas Inc.
Back to TOC
111
Caption
Individual images within a slideshow can contain their own captions. Type the text you want to appear in the caption window. Show Captions: Check this option so that the caption will appear with the image. Show captions when fullscreen: Check this option to see the caption when the slideshow is in fullscreen view on the device.
Actions
Actions: Slideshows can also have actions built into each slide individually. You can have two kinds of actions: Scroll or Tap. Tap actions are for tapping on an individual image within the slideshow. Scroll actions are triggered when a user scrolls to the slide. You need to choose Create to create the action.
Back to TOC
112
Audio
Audio files are added to an individual slide by choosing the Files button. You can add multiple files. To remove an audio file, select the file and choose the - button. All audio files must be MP3 files. Go to next picture when sound ends: When this option is checked the slide will only be visible for the duration of the audio file.
Slideshow Options:
Enable Animation: Check this frame to set the animation to automatically Play the slideshow. If this is not checked, the slideshow will only change if you use buttons or if User Interaction is checked. Transition Duration: The amount of time in milliseconds that the transition occurs. Image Duration: The amount of time in milliseconds that you see each slide. Effect: The effect of the transition between slides: Swipe, or Fade. Swipe moves the second image over the first. Fade will fade the current slide into the next slide.
Back to TOC
113
Back to TOC
114
X. 3.
Movie Enrichment
The Movie enrichment lets you add movies to your interactive documents. You can either add the files to your project (which can cause file bloat and longer download times for your ZAVE), or you can host the files and URLs so that movies will stream when a user is connected to the internet. Movies must be in the MP4 format. 1. Define a frame for your movie. You need to put an image in this frame so that your page thumbnail will show something on the page. The inserted image in this frame is not what a user will see on the page. That is defined in the Alternate Image section. 2. Choose the Movie enrichment. You do not just place the movie in the frame like you do when creating an interactive PDF in InDesign. Item Name: Each item has a unique name you can define. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing.
File: Choose file to navigate to the MP4 file on your hard drive. This file will be embedded in your final ZAVE.
URL: Type the URL of your Movie. You will need to host this file yourself on a public URL, so that when a user is connected to the internet, they can download the file.
Back to TOC
Behavior
Close at End: Automatically closes the movie when its finished. Auto Play: Automatically plays the movie when a user enters the page of the ZAVE on the device. Loop: Plays the movie again as soon as it is finished playing.
Play Movie on Channel: Movies and Audio can be set to different channels. This enables you to have multiple movies and audio on one page. You can make buttons that control a specific Audio or Movie enrichment, when each enrichment is defined as a separate channel.
Alternative Image: This is the image a user sees on the page before a movie plays. If you want a user to see a play button in the center of the movie, you need to make an image with that graphic icon. This is your First Frame for movies that dont play automatically. For movies that play from URLs you can also define this image for a statement to the user. Example: You need to be connected to the internet to view this content. Choose the file for your image by clicking on the File button. You can use the slider at the bottom of the window to make your image bigger or smaller. You also have Fill Frame and Fit Content shortcut buttons. Use the white points in the preview area to define the area of the image a user sees. If you change the frame size in your InDesign document, the frame size will automatically update.
Ken Burns Effect: Is a type of panning and zooming effect used in video production from still imagery. Images with this effect applied Back to TOC 116 Copyright 2012 Aquafadas Inc.
will have an automatic Pan & Zoom animation applied to them. Animate Ken Burns effect: When this option is checked the Ken Burns effect will be applied to the image. Delay: Time in milliseconds before the animation begins. Duration: Length of time in milliseconds that the Ken Burns effect happens. Amplitude: In automatic Ken Burns mode, its the amplitude of the move and the zoom.
Actions on Finished
When a movie ends, you can define actions that happen on Finish.
Back to TOC
117
X. 4.
Audio Enrichment
Audio files (MP3 only) can be added you your interactive document, or you can host these files on a server. This means that users must be connected to the internet to download the files. 1. Draw a frame in InDesign. 2. Choose the Audio enrichment from the Interactivity panel. You do not just place the audio in the frame. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. File: Choose file to navigate to the MP3 file on your hard drive. This file will be embedded in your final ZAVE.
URL: Type the URL of your audio file. You will need to host this file yourself on a public URL, so that when a user is connected to the internet, they can download the file.
Auto Play: Automatically plays the audio when a user enters the page of the ZAVE on the device. Loop: Plays the audio again as soon as it has finished playing. Play Movie on Channel: Movies and audio can be set to different channels. This enables you to have multiple movies and audio files on one page. You can make buttons that control specific audio or movies on a different channel. Caption: You can type captions that will appear when your audio file is played.
Back to TOC
118
X. 5.
Button Enrichment
Buttons can activate multiple actions for Reader, Layer, Frame (using frame picker), or frame (using frame name). Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. 1. Draw a frame in InDesign. You can place images in the button to define the look of a button. If you want a button to contain different states, you need to use the Advanced Button enrichment. Click here to find out more about the advanced button. 2. Click Create to define a tap action for the button. 3. Define your action. To view options for the setup of actions, click here.
Back to TOC
119
X. 6.
To Image
When applying To Image, you can convert one or multiple objects or text frames to be handled as a flattened image in final export. This feature is mostly useful for ePub conversion (Reflow or Fixed layout) when the layout cant be rendered properly. In this case, just group your items first (InDesign Group), and then click on To image to transform it to jpeg or png format. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. 1. Select one or more objects or text frames you want to want to be handled as a flattened image in final export. 2. Apply the To Image enrichment. 3. The objects you converted will be listed in the panel.
Back to TOC
120
X. 7.
Slider Enrichment
The Slider enrichment is a way of making an automatic Table of contents for your document on the summary page. The content is automatically generated from the thumbnails of each item. 1. Make a frame for the slider enrichment on your summary page of the project. 2. Choose the Slider enrichment. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. Display the Title: Choose this if you want to show the title of the page along with the thumbnail. Display the Description: Choose this if you want to show the description of the page along with the thumbnail. For each article you must define the settings that generate this enrichment. 3. Choose one article at a time in the Project Manager panel. 4. Use the drop-down menu to choose Settings
5. Define the Title and Description. Back to TOC 121 Copyright 2012 Aquafadas Inc.
6. Choose Browse to find the image that will be used as a thumbnail for each section. These files must be JPEGS or PNGs.
7. Click OK when you are done. 8. The next time you render your page that contains the Slider your enrichment will be rendered.
Back to TOC
122
X. 8.
Synopsis Enrichment
The Synopsis enrichment is a way of making an automatic Synopsis for your document on the summary page. The content is automatically generated from the thumbnails of each item. 1. Make a frame for the slider enrichment on your summary page of the project. 2. Choose the Synopsis enrichment. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. For each article you must define the settings that generate this enrichment. 3. Choose one article at a time in the Project Manager panel. 4. Use the drop-down menu to choose Settings
5. Define the Title and Description. Back to TOC 123 Copyright 2012 Aquafadas Inc.
6. Choose Browse to find the image that will be used as a thumbnail for each section. These files must be JPEGs or PNGs.
7. Click OK when you are done. 8. The next time you render your page that contains the Synopsis your enrichment will be rendered.
Back to TOC
124
X. 9.
With the HTML Page enrichment you can add custom HTML, CSS, and JavaScript to your final ZAVE file. 1. Define a frame on your page in InDesign. 2. Choose the HTML Page enrichment.
Item Name: Each item has a unique name you can define. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing.
Back to TOC
125
Folder: You can choose a folder that contains your HTML page in the root of the folder along with all of your assets for the page: CSS, JavaScript, Images, etc... This enrichment will be embedded in your final ZAVE file.
Note: Make sure you also define the name of your main HTML page (It doesnt need to be named index).
Note: If the page displays on the App browser on the device, it should run on the webview within the app.
URL: If you host your content for this enrichment, you can define a custom url. Make sure to add the http://.
Feed: To define a custom feed, choose Feed from the list. Click on the gear on the right to define this information.
Transparent Background: Check this to define the background of your HTML as transparent. Interaction: When this is checked a user can interact with the HTML that is in the frame. Scrollable: When this is checked a user can scroll the HTML page within the frame. Can Scale: This is a standard option of the web view. When checked, the web view zooms out to fit the frame. A user can pinch to zoom in. If off, the web view is set to 100% of the frame and you cant zoom in..
Alternative Image: This is the image a user sees on the page before the HTML renders. For HTML from URLs you can also define this image as a statement. Example: You need to connected to the internet to view this content.
Back to TOC
126
Choose the file for your image by clicking on the File button. You can use the slider at the bottom of the window to make your image bigger or smaller. You also have a Fill Frame or Fit Content shortcut buttons. Use the white points in the preview area to define the area of the image a user sees. If you change the frame size in your InDesign document, the preview will automatically update.
Ken Burns Effect: Is a type of panning and zooming effect used in video production from still imagery. HTML with this effect applied will have an automatic Pan & Zoom animation applied to them. Animate Ken Burns effect: When this option is checked the Ken Burns effect will be applied to the image. Delay: Time in milliseconds before the animation begins. Duration: Length of time in milliseconds that the Ken Burns effect happens. Amplitude: In automatic Ken Burns mode, its the amplitude of the move and the zoom.
Back to TOC
127
X. 10.
Reflow Enrichment
The Reflow enrichment is for use in AVE PDF only. A user can click on a story while on a device and the story will open up in a separate page. This allows reader the ability to read a story away from the rest of the layout. It is also easier for a reader since they dont have to navigate columns or stories that jump to multiple consecutive or non-consecutive pages. 1. Choose a story. 2. Choose the Reflow enrichment. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. 3. Define the width and height of the article.
4. Choose your template: Gray Article, Red Article, Caption, Resizable Caption, or Green Article.
Back to TOC
128
5. Choose Add an Item. Add each frame you want to add to the reading order. Even if the text is in linked text frames, you must choose each text frame and manually add it as an item.
Back to TOC
129
X. 11.
The Smart enrichment is for use in AVE PDF only. A user can click on a story while on a device and the view will zoom into the first paragraph of the story. Navigation appears at the bottom of the device screen allowing a user to use arrows to guide them through the story frame by frame. This enrichment makes it easier for a reader to read the content since they dont have to navigate columns or stories that jump to multiple consecutive or non-consecutive pages. This enrichment is build based on the order of the frames you define in this panel. 1. Choose a story. 2. Choose the Smart enrichment. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. 5. Choose Add an Item. Add each frame you want to add to the reading order. Even if the text is in linked text frames, you must choose each text frame and manually add it as an item.
6. To test, open this in myKiosk and tap on the first frame. The text will be presented in a Reflow frame.
Back to TOC
130
X. 12.
Comparator Enrichment
The Comparator enrichment is a way of comparing two or more image files with a slider. 1. Define a frame in InDesign. If you want something to show up in the thumbnail generated for the page in this area, place an image in this frame. 2. Choose the Comparator enrichment in the AVE Interactivity panel. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing.
Enable Fullscreen: Opens the Comparator fullscreen on the device when a user double-taps the enrichment. Cell Background Color: If the images are PNGs with transparency you can define a color for the transparent pixels behind the slideshow. Alpha: This sets the transparency of image. Show text captions: When checked captions you defined for each image will be shown. 3. You must import at least one file into the before and after section of the interactivity. Choose the files button to upload the files.
Note: You can compare as many images as you want. You are not limited to two images.
Back to TOC
131
X. 13.
Using the Read Aloud enrichment lets you present audio (pre-recorded MP3s) and text on a page. The text can highlight in synchronization to the audio file (or not) as the reader continues to watch the words highlight and listen to the text being read to them. The highlighted text files need to be made in iKaraoke Tune Prompter (Free App), those files are then added through this enrichment. Click here to download iKaraoke Tune Prompter: http://www.griffintechnology.com/sites/default/files/TunePrompter_v1.1%20Mac.zip. 1. Draw a frame in InDesign to define the area of the iKaraoke Tune Prompter file. 2. Choose the Read Aloud enrichment from the AVE Interactivity panel. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. Audio File: Choose file to navigate to the MP3 file on your hard drive. This file will be embedded in your final ZAVE.
Audio URL: Type the URL of your audio file. You will need to host this file yourself on a public URL, so that when a user is connected to the internet, they can download the file.
KTP File: Choose file to navigate to the KTP file on your hard drive. This file will be embedded in your final ZAVE.
KTP URL: Type the URL of your KTP file. You will need to host this file yourself on a public URL, so that when a user is connected to the internet, they can download the file.
Auto Play: Automatically plays the audio and synched KTP file when a user enters the page of the ZAVE on the device. Back to TOC 132 Copyright 2012 Aquafadas Inc.
Play Movie on Channel: Audio can be set to different channels. This enables you to have multiple audio files on one page. You can make buttons that control specific audio files on a different channel.
Text
Within the text area you can paste or type the text that is read. Paragraph Style: You can choose an InDesign Paragraph Style to define the look of your Read Aloud text. You do not have to worry about styling in the KTP.
Back to TOC
133
Overlay Effect
Enable Overlay Effect: Enables the overlay effect. Overlay Color: Defines the overlay color. Overlay Stroke Color: Defines the stroke color of the overlay. Overlay Stroke Thickness: Defines the weight of the stroke.
Actions on Finished
When the audio file stops playing, you can define actions that happen on Finish.
Back to TOC
134
X. 14.
AVE Comics
Using the AVE Comics feature you can add AVE Comic files to your AVE MAG layouts. This means that within a page you can have ZAVE files that behave as you defined the reading experience in AVE Comics Composer. You must have a licensed version of Comic Composer to import this file. 1. Draw a frame on your InDesign layout. If you want something to show up in your thumbnail preview, you must place a placeholder image in this frame. That placeholder image will not appear on the actual page. 2. Choose the AVE Comic enrichment. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. 3. Choose the AVE Comic file by clicking the File button. Auto Play: When a user enters the page with this enrichment the Comics file will automatically play. Fullscreen: With Fullscreen checked the comic file will open fullscreen when double-tapped.
Alternative Image: This is the image a user sees on the page before a movie plays. If you want a user to see a play button in the center of the AVE Comic enrichment, you need to make an image with that graphic. This is your First Frame for AVE Comic enrichments that dont play automatically. Choose the file for your image by clicking on the File button. You can use the slider at the bottom of the window to make your image bigger or smaller. You also have a Fill Frame or Fit Content shortcut buttons. Use the white points in the preview area to define the area of the image a user sees. If you change the frame size in your InDesign document, the preview will automatically update.
Back to TOC
135
Ken Burns Effect: Is a type of panning and zooming effect used in video production from still imagery. AVE Comics with this effect applied will have an automatic Pan & Zoom animation applied to them. Animate Ken Burns effect: When this option is checked the Ken Burns effect will be applied to the AVE Comic file. Delay: Time in milliseconds before the animation begins. Duration: Length of time in milliseconds that the Ken Burns effect happens. Amplitude: In automatic Ken Burns mode, its the amplitude of the move and the zoom.
Back to TOC
136
X. 15.
Map Enrichment
With the Map Enrichment, you can use Google Maps to define locations on a Map. You can also drop pins on the Map. Users can be prompted to share their location, and several buttons cam also be defined. 1. Draw a frame in InDesign for your Map enrichment. If you want an image to show up in this frame for page thumbnails, or if a user isnt connected to the internet, place that image in this frame. 2. Choose the Map enrichment in the AVE Interactivity panel. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. 3. Navigate to the location on the map you wish to drop a pin on. You must be connected to the internet to use this feature. Use the slidebar feature on the left to navigate to the correct location. You can pick from Map, Satellite, Hybrid, or Terrain for the view.
Back to TOC
137
Marker Options
4. Click on the + sign to add a marker on the Map. You can add multiple markers. Title: The name of the marker as it will appear on the map. Subtitle: The Subtitle as it will appear under the Title on the map. Show Callout: Shows the Callout feature. Marker Color: The color of the marker on the map.
Back to TOC
138
Items
You can add these items in conjunction to these actions: Geolocalization, Go to Origin, Map Type Standard, Map Type Satellite, Map Type Hybrid.
Back to TOC
139
X. 16.
With the Animated Image enrichment you can add frame-based animations to your interactive documents. These animations need to be saved as individual JPEG or PNG (PNG supports transparency) files. 1. Create a frame for your enrichment in InDesign. If you have made the animation a specific size, use those dimensions when you create the frame in InDesign. If you want an image to show up in the thumbnail of the page, you will need to add an image in the frame. 2. Choose the Animated Image enrichment from the AVE Interactivity panel. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. 3. Use the + sign to select the files that will be animated in order of their file names.
Infinite Loop: Click on the check box to repeat the animation infinitely. Animation Type: Choose the animation type. Scroll: A user can interact with the animation by scrolling. AutoAnimation: The animation automatically plays with no user interaction.
Back to TOC
140
Scroll Direction: The scroll can either be horizontal or vertical. Scroll Velocity: The velocity for the frame change. Indicator Style: You can choose from: None, Default, White, Black. This is the design of the scroll indicator, should you chose to show it.
Back to TOC
141
X. 17.
In the Show AVE enrichment you can place ZAVE files into other ZAVE files. This means that you can have documents that dont show up in your navigation. You can build games or other InDesign article collections as individual ZAVE files and link to them with this enrichment. 1. After youve finished designing and testing a separate project, you can export a ZAVE file by clicking the Retrieve button. You will be prompted to save this file to your hard drive. 2. Define a frame in InDesign. This frame will be used as a button that will open the ZAVE file. If you want this image to show up on page thumbnails, you will need to place an image here. You can also define an image in this frame that explains what someone is about to open. 3. Choose the Show AVE enrichment in the AVE Interactivity panel. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. 4. Choose the File button and locate your ZAVE file.
5. If Use indicator is checked. An indicator will be displayed such as Please Wait. You need to upload vertical and horizontal images for these indicators.
Back to TOC
142
X. 18.
The Simple Maze enrichment is the free version of our Maze game. It does not contain the full functionality of our actual Maze game. In this game you define the Maze, cursor, start and end points, and the congratulations window. 1. Draw a frame on your InDesign page. If you want this frame to show an image in the page thumbnail, you will need to place an image in this frame. 2. Choose the Simple Maze enrichment in the AVE Interactivity panel. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. Background: This is the JPEG or PNG file you need to define the background image.
Back to TOC
143
Collision Map: This is the JPEG or PNG file you need to define where the cursor can move. The white area is the area a cursor can move and the black lines define the walls a cursor cant move through. The red area is the start area. The green area is the finish area.
Overlay image: This is the to Overlay image that a user sees. A user doesnt see the Collision Map.
Back to TOC
144
Path Color: In the Simple Maze, you dont move a cursor like the actual Maze game. Instead, a path is drawn as you move a cursor.. Start Position Image: This is your cursor you define as a PNG file.
Start Position X and Y value: Change these numbers in reference to the center of the image to define where the cursor itself moves from. For example, from the feet area, not from the center of the body.
Congratulations: You can define an image for the Congratulations window that will appear when a user finishes the maze by reaching the green area defined in the collision map.
Back to TOC
145
X. 19.
The Simple Draw enrichment is a free version of the Draw enrichment. It doesnt contain all of the features and functionality of the actual Draw game. In this game you can define what the user will color and what colors they can color with. 1. Draw a frame on your InDesign page. If you want this frame to show an image in the page thumbnail, you will need to place an image in this frame. 2. Choose the Simple Draw enrichment in the AVE Interactivity panel. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. 3. You need to either choose a file (PNG) or a url (link to a PNG you host) for the model.
The model is the picture a user to see as a reference. The Overlay is a PNG with transparency. The black lines define the shape. The transparent area is where the user can color.
Back to TOC
146
4. Colors: This is where you define your color pallet for the user to paint with.
Back to TOC
147
X. 20.
The Matching Game is a free version of our Slice game. This is a simple matching game where the model shows in the top right corner of the screen. The user has to try and match the image by clicking on the slices to match the model. The full-featured Slice Game can be timed, contains multiple game levels and different modes and can record your score. 1. Draw a frame on your InDesign page. If you want this frame to show an image in the page thumbnail, you will need to place an image in this frame.
Back to TOC
148
2. Choose the Matching Game enrichment in the AVE Interactivity panel. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. Background: The background image for the matching game. Congratulations: The congratulations or win image. Loose: The You lost, Try again image.
Resources: This is the area you upload all the files you want to use for the matching game.
Back to TOC
149
X. 21.
Anchor Enrichment
The Anchor enrichment can be used in multiple ways. You can have an anchor within a SubLayout then when it becomes activated (visible), hides or shows a layer on the InDesign page. You can also define Anchors within your layout and make buttons that navigate to Anchors. Anchors can be a more useful solution for TOC navigation. Instead of using the Go To Article action of a button, you can use Go To Anchor. When you use Go To Article you need to define an article number and specific page. If your destination page changes its page number, you need to update any article buttons you may have created. If you make frames that are anchors within your article, or even in other articles, the button will always take you directly to the page the anchor exists on. Item Name: Each item has a unique name you can change. This is useful when you need to call a specific item while using Frame (using frame name). Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. Channel Id: Each Anchor can have a different Channel ID. This means that if you have several Anchors on a page, and you can set them to different Channel Ids. At a scroll position, only one anchor can be activated per channel id. The idea behind Channel IDs is to deal with conflicts caused by multiple anchor actions. Color: You can apply a color to your Anchor at an opacity. Opacity: By default Anchors are invisible and set to a 0% opacity.
Back to TOC
150
Actions on Activate: When an anchor becomes visible it is in its Activated state. You can apply actions to the anchor. For example: When an anchor becomes visible in a scrollable layout, a layer change visibility.
Actions on Deactivate: When an anchor becomes hidden it is in its Deactivated state. You can apply actions to the anchor. For example: When an anchor becomes hidden in a scrollable layout, a layer change visibility.
Back to TOC
151
X. 22.
The Drag and Drop enrichment is a free enrichment based on our Maze game. Drag and Drop allows a user to move any object on the screen. When that object reaches a designated spot (Action Area) an action can occur. 1. Draw a frame for the Drag and Drop Enrichment with the Rectangle Frame Tool. 2. Place a cursor on the page that you want the end user to be able to move.
Cursor example.
3. Draw a frame and add the Drag and Drop Enrichment in the AVE Interactivity panel. 4. Draw a frame to define the action area. 5. Define the cursor frame to drag by clicking on Click and choose a frame
6. For track, you can decide if you want a track or line to appear as you drag your frame. You can also pick the color and size. You cannot define the shape of the track like you can in the full Maze game.
Back to TOC
152
7. For drop destination Frame, you can pick Roll over or drop in. Roll Over: The action will trigger as the cursor frame passes over the action frame. Drop in: The action will only happen if the cursor frame is over the destination frame and the user stops dragging and removes their finger from the screen. This is comparable to On Click or On Release functions in InDesign.
8. Now you can define the action that will occur on Drop.
Back to TOC
153
X. 23.
SubLayout Enrichment
SubLayouts are used for scrollable frames. This is accomplished by placing InDesign documents within InDesign documents. This feature is Grayed-out until you choose a frame that has an InDesign file placed into itself. Scrollable frames can scroll both horizontally and vertically. This means that you can text and images that are scrollable within a frame. You can also create draw effects, where draws can slide horizontally out from the edge of the document. SubLayouts also allow you to have multi-page InDesign documents within the SubLayout. 1. To create a SubLayout first define the size of your frame in InDesign.
Back to TOC
154
2. Create a new InDesign document that is the same width (vertical scroll) or height (horizontal scroll) and define the opposite measurement as a larger value. Make sure to turn off the Facing Pages option.
Back to TOC
155
Scroll Direction:
No Scroll: Set to no scroll when using multiple pages within the external InDesign document. This means the page will fit the area and scrolling will scroll to the next page. Vertical: For layouts that scroll vertically. Horizontal (Starting Left): Horizontal scroll starting on the left edge. Horizontal (Starting Right): Horizontal scroll starting on the right edge.
Fitting:
Fill with Scroll: The scrollable layout (including the InDesign file) fills the box, and you can scroll if the size exceeds the box (or if you have 2 or more page). Fill without Scroll: The scrollable layout fills the box, but you cannot scroll it. Fit: The scrollable layout fit the box, and you can scroll for the other pages.
Back to TOC
156
Navigation Mode
Swipe: Swipe will reveal more of the scrollable layout or the next page. Arrow: Shows an arrow on the edges of frame when there are more pages within the SubLayout document. Arrow Overlay: Shows an arrow on the edges of frame when there are more pages within the SubLayout document.
Show Arrows When Scroll: When this is checked, the arrows will show during scroll. Show Scroll Bar: This shows a scroll bar at the bottom or left edge. Border Blur Size (px): The amount of blur you want around the scrollable layout measured in pixels.
Back to TOC
157
X. 24.
The Advanced Button can have different appearances. It can appear grayed when pressed, and have a selected state and an overlay layer. 1. To create an Advanced Button you need to draw a frame in InDesign and place an image in the frame. This image will be the default image in the button. 2. Choose the Advanced Button enrichment from the AVE Interactivity panel. Item Name: Each item has a unique name you can change. Maintain Frame State: Remembers the last state of an object. As you interact with an object, it changes to different states. If you navigate away from the page, and then return back to the page, this setting can remember the last state of the interaction when the user last interacted with the frame. All enrichments can remember their visibility status. The Slideshow enrichment can remember the last slide index. The Draw activity can save the drawing. 3. Define the Touch Type. On Release: The action happens when a users finger lifts off of the button. On Touch: The action occurs immediately when a user touches the button.
Gray When Pressed: Choose this if you want the button to appear gray when it is pressed.
Back to TOC
158
Selected State: When checked you can define a specific image for the selected state of the object. Each of these buttons can exist on different Exclusion Channels.
Overlay Layer: You can also select a file for the Overlay Layer. This overlay layer can have either a blend mode of overlay or multiply (Drops off the white). You can define a specific color for the overlay and also define a Color Channel. The overlay layer is used for the draw activity to add a color on top of the button.
Back to TOC
159
X. 25.
You can set the animation to loop. You can set the animation start on page load or disable the auto play. You can add the fade in or fade out You can use the delay in the timing panel Rotation is not handled If there is a ease function, the curve cant be handled, and the path will be linear. No Adobe preset can be used.
Back to TOC
161
X. 26.
Gallery
This is an enrichment based outside of the reader. You tag images from within your document using the Image enrichment. The reader can then browse the images in the new Gallery function that appears in the Menu bar. These images can then be viewed seperately from within your document.
2. Check the full-screen box, and select the option Put in Gallery.
Back to TOC
162
Then, you can add information (Title, Author, Date and Description) to your image. This information is transformed into HTML to integrate your gallery. It is possible to personalize the XML file, with the CSS located in the personalization tab of the Gallery. The images caption will also appear in the Gallery.
26.2. Viewing the Gallery From Within Your Issue 1. Create a Button
1. Add a Reader action, to make the gallery appear from a button, or any other action block.
It is possible to choose which image will first appear when a user launches the gallery and which gallery appearance mode (you will see modes in the personalization section).
Back to TOC
163
1. You can add a gallery button to the Menu in the AVE section of Project Settings.
Back to TOC
164
Section:
1. Gallery Background: Personalize the background color and the background image.
Back to TOC
165
3. Groups: Personalize the height of the bars group for each group. It will be possible to define the background color, the background image, (the default image has a bar at the top and at the bottom), and the text color. It is possible to have various different groups, in this case, they will switch following the order you have chosen.
5. Navigation: You can personalize the following images and buttons: 166 Copyright 2012 Aquafadas Inc.
Back to TOC
6. Sorts: Personalize the scrolling buttons background, the different sorts and groups. These functions are still quite limited, but they will evolve.
Numbered examples.
Back to TOC
167
XI.
XI. 1.
Back to TOC
168
XI. 2.
2. Define this document as Facing or Non-Facing, depending on your needs. Change the document size to the size you desire. 3. Save the document. 4. Migrate your content to the new page using the Move feature in the pages panel in InDesign.
XI. 3. XI. 4.
Adding Interactivity
After youve decided on your layout options you can add slideshows, videos, html5 animations, read-aloud, and actions to enhance your readers experience.
XI. 5.
Embedding Metadata
You need to fill in all the metadata as this is the information that will travel with and identify this ePUB file.
5.2. Preflight
You can also Preflight your build to ensure that the enrichments youve added are supported in ePub3 and also whether or not you embedded your fonts correctly. Back to TOC 169 Copyright 2012 Aquafadas Inc.
XI. 6.
Note: When you export an ePub3 fixed layout file, the first 3 pages will be generated, and the rest of the text will be scrambled on all the following pages. Watermarks will be added to the larger images as well.
3. When you are ready to generate the actual ePub file, you can choose the Switch to Release Mode button. In order for you to be able to use the Switch to Release Mode button, you must first purchase a licenses at http://avepublishing. aquafadas.com/en/#/home. The license is connected to your AVE Publishing portal username. Therefore, when you login to your account in the Project Manager panel it will recognize how many licenses you have. Once you use a license, it will be connected to your project. This means that you Back to TOC 170 Copyright 2012 Aquafadas Inc.
can generate as many ePub files as you want for that project. 3. You can then export to ePub. Remember that during this process you need to be connected to the server for fonts to be converted to Open Type. 4. You can preview this file by sending it to myKiosk on your iPad.
5. You can then send it directly into iBooks by clicking the Open in iBooks button in the top-right of the screen.
You can also Retrieve the ePub file and save it locally to view your ePub file in an ePUB3 reader such as Readium for Chrome. Use the Retrieve button in the Project Manager panel in InDesign. Once the ePub File is generated it is yours and is ready to be published in any of the stores I just mentioned.
Back to TOC
171
XII.
Back to TOC
172
XIII. AVEPublishing.com
XIII. 1. Before Publishing You Will Need:
An Account with AVE Publishing. Click here to setup an account: http://avepublishing.aquafadas.com/en/#/login An Apple iOS Developer Account. You can set the account up here: https://developer.apple.com/programs/ Application and Publishing licenses purchased from Aquafadas. You can purchase licenses here: A completed ZAVE file and ZAVEM file exported from your InDesign project.
Back to TOC
173
Back to TOC
174
4. Name your Title or Collection. This is just for the AVE Portal and is not the name of your Application.
5. Create a unique identifier for this title or collection. This identifier is for your organizations use. We recommend using the reverse domain naming convention (for example, com.mycompany.titleorcollectionname).
6. Upload an icon to represent this title or collection. This icon is used only on the Aquafadas website.
7. Select a language. This is the main language in which this title or collection will be published.
8. Select a Type. You can choose either a Collection or a Title. Please see above for the description of each.
Back to TOC
175
9. Select a category. This is for future internal use at Aquafadas to gauge what kinds of Apps are created using our software. Select the relevant categories for your title or collection.
10. Add the localized names and descriptions for your title or collection. Click the Add button.
11. Add the Language, Name, and Description of your Title or Collection (This information will be automatically imported into your App Specifications).
12. Create an issue type for each type of periodical or book you want to sell. An issues issue type determines its price. For example: A monthly magazine should setup issues by the months: April, May, June, July, etc... Because you can have different issue types, you can sell your issues at different prices.
Back to TOC
176
13. If you pick a title, you will be asked to choose a frequency. This is just metadata gathered by Aquafadas. It does not lock you into a delivery schedule.
14. In order to test your application on a device by creating an IPA file in AppFactory, you will need a Publishing license. Publishing licences appear as Pending until the issue is taken out of Test status in the Publish section. Then they appear as Assigned. 15. There are two different kinds of licenses: Application licenses and Publishing licenses. Application licenses are a license to create an App, and Publishing licenses allow you to Publish content within the App.
Back to TOC
177
XV.
Developer.Apple.Com
XV. 1. Creating The Bundle ID
To continue setting up your AVE Portal you need to first make your Bundle ID for your application on the Adobe Developer website. If your Bundle IDs dont match, your application will not work. The Apple developer website has two major parts you need to setup: The iOS Provisioning Portal, and iTunes connect. The iOS Provisioning Portal is where you setup your App and also where you setup your test devices. This is the developer side of your account. iTunes connect is where you setup your in-app purchases. This is the marketing side of your developer account where you create the products (subscriptions) for in-app purchases. 1. Login to https://developer.apple.com 2. Choose Member Center.
Back to TOC
178
6. Enter a common name or description of your App ID using alphanumeric characters. The description you specify will be used throughout the Provisioning Portal to identify this App ID.
7. Enter a unique identifier for your App ID. The recommended practice is to use a reverse-domain name style string for the Bundle Identifier portion of the App ID. You could use an ISBN for a book.
8. Copy this Bundle ID you made. You will need it to continue setting up your App with AVE Publishing. 9. Click Submit. 10. Your App ID is now submitted 11. Click on Configure.
If you are using a newsstand app you need to enable the push notification service. When you have a magazine on newsstand subscribers can choose to automatically download the latest issues. iPads will then automatically download the latest issues. Back to TOC 179 Copyright 2012 Aquafadas Inc.
2. Enter an App name. This is the name of the App Specification as it appears in Ave AppFactory. This is also the name of the app as it displays on the consumers device.
3. Enter a bundle ID. This is the Bundle ID of your App. Paste the bundle ID you just created in the Apple Developer Website here.
4. Localized Name and Description: Click on the Add button to add a localized name and description for your app.
Back to TOC
180
5. Select a language, then add a name and description for your app.
6. Add an App icon. The app icon is not the one being displayed on the App store or on the users device. It is only for you to differentiate your Apps in the AVE publishing interface.
8. Platforms: The platforms on which this application will be deployed. For a complete list of supported platforms, please click here.
Back to TOC
181
5. Enter the Issue Name. This could be the name of a magazine issue or specific book. This is the name and description of your issue as it will appear in the iTunes and App store.
Back to TOC
182
7. Issue Type: Select the correct issue type from the list of issues you previously created when you created the title.
8. Issue Number: Enter the number of the issue. This number can correspond to your actual issue number. This field is not mandatory.
9. Issue Headline: Enter a headline for your issue. This field is not mandatory.
Back to TOC
183
11. Upload an Issue Thumbnail. This is the thumbnail that will appear in iTunes or the App store for this issue. The size is 512x512 pixels.
12. Issue Preview: This is the preview that will appear in iTunes or the App store for this issue. This file can be 1024 wide.
13. Issue Summary: This is the 1024 wide screenshot of the TOC that will appear in iTunes or the App store for this issue.
Back to TOC
184
14. Release Information: Click on the Release information tab on the left.
15. Issue Release Date: The date the issue will be released. Make sure to pick a date prior to the date the Apple Reviewers will be reviewing the App, or their will be no issue to download. For future issues after the first release you can specify release dates in the future.
16. Issue Availability End Date: You can specify an end date for the issue to longer be available. For example: If the licensing for images used ends on a specific date, you can stop selling the issue on that date.
Back to TOC
185
17. Test Issue: You can leave test issue checked until you are ready to assign a Publication license to this issue.
18. AVE files: Choose the AVE Files tab to edit the AVE files. 19. After you create your final ZAVE file, you need to host that ZAVE file somewhere on a server that can be accessed by anyone on the internet. Please test your hyperlink by pasting it into a browser to make sure your file starts downloading immediately.
20. Enter the URL of your ZAVE file. Or, choose to specify it later if you arent ready yet.
Back to TOC
186
21. Upload your manifest file. Whenever you create a ZAVE file, a . ZAVEM file is created next to it that holds the metadata surrounding your current ZAVE.
22. Metadata is not mandatory. And is not currently used. 23. Click Save Modifications when you are done.
In the App Specification section you can add or edit an app specification. There are two sections: Dashboard and Settings. The Dashboard records the statistics of your App. In Settings you can create products to link an app with issue types or subscriptions, so that your customers can buy your issues.
Back to TOC
187
App Statistics
The App statistics list the statistics for your App for a 15 day period.
You can change the period end date to view other 15 date periods.
You can also download a detailed CSV (Comma Separated Values) report to review the full history of your App.
The Statistic section shows a graph of the number os subscriptions (within a 15 day period), the number of devices (since the start) separated into iPad and undefined, the number of paid downloads (within a 15 day period and the unique customers from the start), and the number of free downloads (within a 15 day period and downloads in period).
Back to TOC
188
Back to TOC
189
Notifications
This is the section where you upload the certificate files to setup Notifications within your App. For complete details on how to setup and test notifications, please click here.
Back to TOC
190
Adding a Product
1. Choose the Add a product button. 2. Select the title or collection for which you want to create a product.
Back to TOC
191
2. Create a Product Name: This is the name of your product as it will display on this portal.
Back to TOC
192
Note: If you only have Default setup, you will need to go Back to Titles and Collections, and define your issue Types.
4. If the product is free you can check free. You dont have to setup an in-App purchase in iTunes connect for free products.
Back to TOC
193
Note: The Internal Product ID must match the Product ID you define when you create your In-App purchase in iTunes connect. Please click here to view the Setting up in-App Purchases section.
Back to TOC
194
2. Define a product name: The name of your product as it will display on the portal.
3. Check the types of issue that should be excluded from the subscription.
Back to TOC
195
6. Select the Subscription Frequency as was defined in iTunes Connect. To view Setting up a Subscription in iTunes Connect click here.
7. Shared Secret: You must have a Shared Secret to use the Apple Subscriptions feature. 8. To get a shared secret, create a subscription in iTunes Connect. If the Shared Secret doesnt match you will not be able to test your subscriptions, and your subscriptions wont work.
9. Once you have built a subscription in iTunes Connect, you will be able to generate a Shared Secret in the in-App Purchases section.
Back to TOC
196
10. Include Current Issue: This gives the current issue available to a subscriber when the user gets the subscription. 11. Internal Product Id: This product ID will be used for IOS and Android applications. 12. IOS SKU: The iTunes Connect subscription Product ID. This is just the Product ID input again.
Back to TOC
197
5. Add the App Name: The name of your app as it will appear on the App Store.
6. SKU Number: A unique ID for your app. You can use letters, numbers, hyphens, periods, and underscores. The SKU cannot start with a hyphen, period, or underscore is the identifier of your app on iTunes connect. 7. Bundle ID: Choose the Bundle ID you created in Apple Developer.
Note: The Bundle ID cannot be changed if the first version of your app has been approved.
8. Click Continue.
Back to TOC
198
9. Select the availability date and price tier for your app.
10. You can choose View Pricing Matrix to see the pricing details. Typically, if you are selling issues, you give your App away for free. However, you could share for your App. 11. Discount for Educational Institutions: Check this box if you want this app to be offered at a discount to educational institutions when they purchase multiple copies at once. The details of the discount are found in the latest Paid Application Agreement, which you must sign before this app will be available to education customers. If you are giving the App away for free, this option doesnt matter. 12. Custom B2B App: An app that is set up as a custom B2B app will only be available to the Volume Purchase Program customers that you specify in iTunes Connect, and it will only be available in the applicable territories (for example, U.S. Volume Purchase Program customers must use the U.S. App Store Volume Purchase Program for Business). Custom B2B apps will not be available to educational institutions or general App Store customers. To learn more about the App Store Volume Purchase Program for Business, visit http://vpp. itunes.apple.com/faq. To learn more about how your customers can sign up for the Volume Purchase Program, visit http://enroll.vpp. itunes.apple.com.
13. Choosing which countries you want to sell the App: Unless you select specific stores, your app will be for sale in all App Stores worldwide. Click on specific stores. To define which stores you wish to sell your App in. 14. Version Number: The version number of the app you are adding. Numbering should follow typical software versioning conventions (for example, 1.0 or 1.0.1 or 1.1). 15. Copyright: The name of the person or entity that owns the exclusive rights to the app, preceded by the year the rights were obtained (for example, 2008 Acme Inc.). 16. Primary Category: The name of the person or entity that owns the exclusive rights to the app, preceded by the year the rights were obtained (for example, 2008 Acme Inc.). 17. Secondary Category (Optional): An additional category that further describes the app you are adding.
Back to TOC
199
18. Review Notes (Optional): Additional information about your app and/or your in-App Purchases that may assist our review, such as the details of any test accounts that we can use to test them (including user names, passwords, access codes, etc.)
19. Rating: For each content description, choose the level of frequency that best describes your app. Apps must not contain any obscene, pornographic, offensive or defamatory content or materials of any kind (text, graphics, images, photographs, etc.), or other content or materials that in Apples reasonable judgment may be found objectionable.
Metadata
21. Description: A description of the app you are adding, detailing features and functionality. Descriptions cannot be longer than 4000 characters. 22. Keywords: One or more keywords that describe the app you are adding. When users search the App Store, the terms they enter are matched with keywords to return more accurate results. Separate multiple keywords with commas. Keywords cannot be edited once your binary is in review and cannot be longer than 100 bytes 23. Support Email Address: One or more keywords that describe the app you are adding. When users search the App Store, the terms they enter are matched with keywords to return more accurate results. Separate multiple keywords with commas. Keywords cannot be edited once your binary is in review and cannot be longer than 100 bytes. 24. Support URL: A URL that provides support for the app you are adding. This will be visible to customers on the App Store. Back to TOC 200 Copyright 2012 Aquafadas Inc.
25. Marketing URL (Optional): A URL with information about the app you are adding. If provided, this will be visible to customers on the App Store. 26. Privacy Policy URL (Optional): A URL that links to your companys privacy policy. Privacy policy URLs are required for all apps that offer auto-renewable or free subscriptions. Customers will see this URL on their invoice and on the subscription confirmation email they receive.
27. EULA: You can provide your own End User License Agreement (EULA). If you provide a EULA, it must meet the minimum terms. If you do not provide a EULA, the standard EULA will apply to your app.
Uploads
28. Large App Icon: A large version of your app icon that will be used on the App Store. It must be at least 72 DPI, in the RGB color space, and 1024 x 1024 pixels (it cannot be scaled up). The file type must be .jpeg, .jpg, .tif, .tiff, or .png. It must be flat artwork without rounded corners. 29. iPhone and iPod Touch Screenshots: iPhone and iPod touch Screenshots must be .jpeg, .jpg, .tif, .tiff, or .png file that is 960x640, 960x600, 640x960 or 640x920 pixels, at least 72 DPI, and in the RGB color space. iPad Screenshots: iPad Screenshots must be .jpeg, .jpg, .tif, .tiff, or .png file that is 1024x768, 1024x748, 768x1024, 768x1004, 2048x1536, 2048x1496, 1536x2048 or 1536x2008 pixels, at least 72 DPI, and in the RGB color space.
Note: If you are not making a Universal App, then do not upload an iPhone, or iPod Touch Screenshot.
Back to TOC
201
5. You can edit the availability date and price tier for your app.
6. You can choose View Pricing Matrix to see the pricing details. Typically, if you are selling issues, you give your App away for free. However, you could share for your App. 7. Price Tier Effective Date: The date the new in-App Purchase price tier takes effect. The tier changes at the beginning of the day. To Back to TOC 202 Copyright 2012 Aquafadas Inc.
change the price tier immediately, select Now. 8. Price Tier End Date: The date the new in-App Purchase price tier reverts to the original price. The tier changes at the beginning of the day. One-day price reductions cannot start and begin on the same day. To change the price tier indefinitely, select None.
9. Discount for Educational Institutions: Check this box if you want this app to be offered at a discount to educational institutions when they purchase multiple copies at once. The details of the discount are found in the latest Paid Application Agreement, which you must sign before this app will be available to education customers. If you are giving the App away for free, this option doesnt matter.
10. Custom B2B App: An app that is set up as a custom B2B app will only be available to the Volume Purchase Program customers that you specify in iTunes Connect, and it will only be available in the applicable territories (for example, U.S. Volume Purchase Program customers must use the U.S. App Store Volume Purchase Program for Business). Custom B2B apps will not be available to educational institutions or general App Store customers. To learn more about the App Store Volume Purchase Program for Business, visit http://vpp. itunes.apple.com/faq. To learn more about how your customers can sign up for the Volume Purchase Program, visit http://enroll.vpp. itunes.apple.com. 11. Choosing which countries you want to sell the App: Unless you select specific stores, your app will be for sale in all App Stores worldwide. Click on specific stores. To define which stores you wish to sell your App in. 12. Click Save when finished.
Back to TOC
203
3. You must request and setup the contracts you wish to use. The iOS Free Applications contract can be automatically generated without much effort. For the iOS Paid Applications and the iAD network you will need to setup Contact Info, Bank Info, and Tax info. You only need the status to be Pending to continue setting up in-App purchases. But you will need to complete this section before you submit your Distribution IPA to apple. Once you complete setup and the effective date has been reached, the contract will be moved to the Contracts In Effect section.
Back to TOC
204
Back to TOC
205
2. Enter a reference name. The reference name will be displayed in iTunes Connect and in sales and trends reports. It will not be displayed on the App Store. The reference name cannot be longer than 255 bytes.
3. Enter a Product ID. This product ID must match the Internal Product ID you setup in AVE Publishing, App Specifications, Settings, when you made the product.
Note: If these IDs dont match your product will not show up in your application.
This is what your Internal product ID looks like in the AVE Publishing Portal.
Back to TOC
206
4. Pricing and Availability: Enter the pricing and availability details for this in-App Purchase.
If you are unsure about the pricing structure, choose View Pricing Matrix. Then Choose your Price Tier.
6. Hosting Content with Apple: You can leave this set to No. You host your own content ( ZAVE files) on your own servers using are system.
Back to TOC
208
6. Enter a Product ID. This product ID must match the Internal Product ID you setup in AVE Publishing, App Specifications, Settings, when you made the product.
Note: If these IDs dont match your product IDs in AVE Publishing, will not show up in your application.
This is what your Internal product ID looks like in the AVE Publishing Portal when you set up a subscription.
7. Pricing and Availability: Enter the pricing and availability details for this in-App Purchase.
If you are unsure about the pricing structure, choose View Pricing Matrix. Then Choose your Price Tier.
Back to TOC
209
8. Language: You must provide at least one language. You can enter as many languages as you want. Enter the language, the display name, and the description of your in-App Purchase.
4.3.
Back to TOC
6. Enter a Product ID. This product ID must match the Internal Product ID you setup in AVE Publishing, App Specifications, Settings, when you made the product.
Note: If these IDs dont match your product will not show up in your application.
This is what your Internal product ID looks like in the AVE Publishing Portal when you set up a subscription.
Back to TOC
211
4.4.
Back to TOC
212
This is what your Internal product ID looks like in the AVE Publishing Portal when you set up a subscription.
5. Pricing and Availability: Enter the pricing and availability details for this in-App Purchase.
If you are unsure about the pricing structure, choose View Pricing Matrix. Then Choose your Price Tier.
Back to TOC
213
Back to TOC
214
2. Scroll down to the in-App Purchases section and choose edit. 3. Select in-App Purchases for review with this app version. The in-App Purchases shown are the only ones in the Ready to Submit state. Free subscriptions in the Ready to Submit state will only be shown here if your app version has been enabled for Newsstand.
Back to TOC
215
4. Go to Newsstand.
Back to TOC
216
6. Starting with the app version shown, you can enable your magazine or newspaper app to be included in Newsstand. Choosing a Subcategory is optional.
7. Choose your Default Cover Art. If there are no issues available on a given date, the default cover art will be used to represent your app on the App Store. The cover art must be a .png file, at least 72 DPI, a minimum of 1024 pixels on the long edge, and it must have an aspect ratio between 1:2 and 2:1. Also, the artwork must be flat with no rounded corners.
10. Issues: The issue-related information that you enter here will only be displayed on the App Store. Note that the published date should correspond to when the issue will be available within the app itself. Choose Add Issue to enter Issue information.
Back to TOC
217
11. You can now enter Issue information. First enter the Published Date. The End Date is optional. Add the issue ID. This needs to match the ID you will setup in AVE Factory for the issue. Include a Summary and Cover Art.
12. Atom Feed: The feed information is automatically updated when you generate your first IPA file. 13. Click Done to finish setting up Newsstand.
1. Go into the Publish section of the AVE Portal and change the Issue Number and Save.
2. You can then retrieve the new Atom Feed in App Specifications > Settings > Newsstand Atom Feed. 3. You can copy the new Atom Feed into the Newsstand section of iTunes Connect.
Back to TOC
218
XVIII. Developer.apple.com
Setting up your Apple Developer Account To Test Your App on a Device
Back to TOC
219
4. Choose Certificates.
9. Enter your Apple Developer Account email address. 10. Enter a Common Name(Your Name). Back to TOC 220 Copyright 2012 Aquafadas Inc.
11. CA (Certificate Assistant) email address is not a required field. 12. Choose: Request is Saved to Disk.
13. Choose Continue 14. Save the file to your hard drive. 15. Choose Done. 16. Now you can go back to the Development Certificate section still active in your browser and choose Choose File.
17. Navigate to the file you just saved and choose that file.
Back to TOC
221
20. Refresh your browser. 21. Once you refresh your browser, you can download the Certificate. Choose Download.
Back to TOC
222
Navigate to the file you just saved and choose that file.
29. Refresh your browser. 30. Once you refresh your browser, you can download the Certificate. Choose Download.
Back to TOC
223
Back to TOC
224
6. Send the P12 file to your colleague. They only need to double-click the file to load it. The person importing the certificate will have to enter the password of the p12 file and the password of their Mac OS.
Back to TOC
225
Back to TOC
226
Back to TOC
227
5. The Identifier will appear in the main window. This is the number you need to enter for your Device ID.
Back to TOC
228
5. Choose the Development tab. Back to TOC 229 Copyright 2012 Aquafadas Inc.
This is the certificate you will need to make a Release IPA using AppFactory.
7. In the Create iOS Development Provisioning Profile section, enter the Profile Name, Check the Certificate you created, Choose the App ID, and select the devices you want to use for testing.
Back to TOC
230
9. Before you install your new Development Profile, you should go into Xcode to make sure you dont already have Profiles installed. If you have Provisioning profiles already installed you should remove those before you add the new one. If you have multiple Provisioning Profiles, you will not be able to generate an App (IPA) using AppFactory. For example: If you need to add a new device to the list so that you can preview the IPA on another device (You can preview IPAs on up to 100 devices), you will need to add that device and download new Provisioning Profiles before you can generate a new IPA using AppFactory. You would need to remove those old profiles before you install new ones.
Back to TOC
231
Back to TOC
232
7. In the Create iOS Development Provisioning Profile section, choose the distribution method: App Sore is the Profile you need to make the Distribution IPA for the final file you will submit to Apple using AppFactory.
Ad Hoc Distribution is the profile used for testing. You will need to make, download, and install both of these files to test and eventually submit your app. Now you can enter the Profile Name, Check the Certificate you created, Choose the App ID, and select the devices you want to use for testing.
Back to TOC
233
9. Before you install your new Development Profile, you should go into Xcode to make sure you dont already have Profiles installed. Remove any duplicate certificates.
Repeat steps 6 through 13, to make the Ad Hoc Distribution Provisioning Profile.
Back to TOC
234
13. You should now see all three provisioning files in Xcode.
14. You are now ready to build and test your App using AppFactory.
Note: If you had AppFactory running you will need to quit AppFactory and relaunch in order for AppFactory to see the new Provisioning Profiles you just created.
Back to TOC
235
2. Go to Publish. 3. Make sure that you have created a new issue. If you havent created a new issue, click here to find out how.
5. Make sure you have created an Issue Type in the general section.
6. In the Release Information section you need to uncheck Test. If you are using Push Notifications you need to check Push Notifications For Application.
Back to TOC
237
Two files will be created: a ZAVE and a ZAVEM file. The ZAVE file is the issue you created. And the ZAVEM is the manifest file that carries the metadata for the ZAVE such as creation date and time. 2. You need to host this ZAVE file on your own server or web space that can be publicly reached as a URL. When a user Purchases this issue, it will download into their App from that URL you have defined.
Note: A good way to test your URL is to paste it into a browser window. It should begin downloading the ZAVE file automatically. If it doesnt you need to correct that problem.
3. Remember that you can upload multiple ZAVE files. One for Retina, and one for Low Res. The device will automatically download the correct ZAVE. 4. Type the URL, select the Manifest file, check the Push Notifications For Applications option, and choose Save Modifications.
For Updates: Once a ZAVE is in production you can only modify it a selected number of times. Always go through the user interface and upload the new ZAVEM then replace the ZAVE file at the specified URL on your server. Never change the ZAVE file without uploading the ZAVEM (manifest) file, otherwise the kiosk will refuse to read the file. Once a new ZAVEM has been uploaded the Ave Portal will increase the version number for the issue and all Kiosks will notify their readers, when they attempt to read the file, that a new version is available. 8. Your URL should now appear at the top of the screen. Remember that you can save multiple versions and upload them.
3. Choose the Settings tab. 4. Make sure that you have a product or products available.
5. If you check Product is Free, you dont need to define an in-App purchase.
6. If it is connected to an in-App purchase, you need to make sure the Internal Product ID matches the ID in iTunes connect. If it doesnt, contact us immediately and we will change what you have defined. This applies to both regular purchases and Subscriptions. Click here to view that portion of the documentation.
XIX. 7. AppFactory
1. Make sure you have downloaded the latest Certificate into App Factory. Please check that you have the latest version of AppFactory. 2. Make sure you have added all the necessary icons and metadata. Click here to review setting up an Elegant Kiosk.
Back to TOC
239
XIX. 8. Xcode
Xcode is needed to build your App with AppFactory. It is the Provisioning Profiles that link your App to everything you have setup in the Apple Developer and iTunes Connect. 1. Make sure that your Provisioning certificates are still valid.
2. If you need to Add more devices for testing, you will need to: Add those devices through Apple Developer Throw away your current Provisioning Profiles Edit, Download and Install the new Provisioning Profiles Quit AppFactory if it is running and launch it again (It reads the profiles on launch). Generate a new IPA and then distribute that IPA (VIA FTP, Dropbox, etc..) They can then drop that file into their device using Xcode to install the App for testing.
Back to TOC
240
XX.
XX. 1.
XX. 2.
2. Choose a name for your folder that will house the IPA file. This is not the name of your app.
3. There are 3 different configurations you can define: Release: :Is used for testing, it uses the Development Certificate from the Development Profile Distribution: This is for the final IPA file you need to submit to Apple. You wont be able to test it. Ad Hoc Distribution: For final tests. This is used for the AD Hoc Distribution profile you created. It is similar to the distribution app, but can only be installed on the test devices you have included.
4. Choose Ad Hoc Distribution for testing. If you cant see the Profile and the Certificate, you will need to click here to revisit this section. Back to TOC 241 Copyright 2012 Aquafadas Inc.
XX. 3.
4. Be patient. It may take time to load. 5. Turn on your device. If you created an App, you will see that App on your device. If you created an App in Newsstand, you will need to launch Newsstand to view your application.
Back to TOC
242
5. Define the user account. You can only buy a subscription once with an account. Therefore if you need to test several different subscriptions, you should make multiple users.
6. Choose Save when finished. Back to TOC 243 Copyright 2012 Aquafadas Inc.
4. Your Apple ID will appear at the bottom of the store section. Click on it.
5. Choose Sign Out to sign out of your current account. 6. Choose Cancel in the next window.
Back to TOC
244
3. Login to myKiosk using your AVE Portal account. Make sure Register this Device as a Test Device is checked.
Back to TOC
245
2. You will be prompted to use your Apple ID and password. 3. Choose Use Existing. 4. Use the Test user accounts you setup in iTunes Connect. 5. The document should download after you sign in.
2. You will be prompted to use your Apple ID and password. 3. Choose Use Existing. 4. Use the Test user accounts you setup in iTunes Connect. 5. The document should download after you sign in.
4. Your Apple ID will appear at the bottom of the store section. Click on it.
5. Choose Sign Out to sign out of your current account. 6. Navigate to your App on the device. 7. Choose the Account button.
With an account you can synchronize your purchases and subscriptions on any device. This account is actually stored in the AVE Portal so that the user can download their information on different devices.
8. Type in a user name and password. User names can only be added once and not reused. They are linked to whatever password you enter. This does not need to be your Apple account. 9. Choose Link to setup the account. 10. Choose Unlink to unlink the purchases for this application. Back to TOC 247 Copyright 2012 Aquafadas Inc.
Note: The Restore button lets you login to your account to retrieve issues youve already downloaded.
11. Now that your App is reset you can test your other subscriptions.
Back to TOC
248
6. Check Enable for Apple Push Notification service. 7. You will need to generate a Development Push SSL Certificate. Choose Configure.
Back to TOC
249
8. Follow the steps listed: launch Keychain and request a new one.
9. Click Choose to choose the Certificate Signing Request. 10. Choose Generate.
14. Double click on aps_developer_identity.cer to import it into your Keychain 15. Launch Keychain Assistant (located in Application, Utilities or search for it with Spotlight) and click on My Certificates on the left. 16. Expand Apple Development Push Services and select Apple Development Push Services AND your private key (just under Apple Development Push Services). 17. Right-click and choose Export 2 elements... and save as: server_certificates_bundle_sandbox.p12 (dont type a password when Back to TOC 250 Copyright 2012 Aquafadas Inc.
prompted). 18. Open Terminal and change directory to location used to save server_certificates_bundle_sandbox.p12. Just type cd then space and drop the folder of the directory (where you saved it) into the terminal window. Then press the return key. 19. Convert the PKCS12 certificate bundle into PEM format using this command (press enter when asked for Import Password). Copy and paste the line below into Terminal and then press the return key in Terminal. Then press the return key. Click OK when asked for a password. openssl pkcs12 -in server_certificates_bundle_sandbox.p12 -out server_certificates_bundle_sandbox.pem -nodes -clcerts 20. Now you can import this file into AVE Factory. Navigate to: http://avepublishing.aquafadas.com 21. Choose App Specifications > Settings 22. Choose Select Files and upload the PEM file.
echo >> entrust_root_certification_authority.pem wget https://www.entrust.net/downloads/binary/entrust_ssl_ca.cer -O - >> entrust_root_certification_authority.pem Otherwise (for use only in a Mac OS X environment), export the Entrust Root Authority certificate: 3. Launch Keychain Assistant (located in Application, Utilities or search for it with Spotlight) and click on System Root Certificate on topleft and Certificates on the bottom-left 4. Right-click on Entrust Root Certification Authority and export with entrust_root_certification_authority.pem file name and choose as document format Privacy Enhanced Mail (.pem). 5. Now you can use this PEM file as Entrust Root Certification Authority in ApnsPHP to verify Apple Peer!
2. Once your application is on the iPad, run, it should ask you if you agree to receive notification. If this is not the case, make sure the notifications are enabled for your application in the settings of the iPad. 3. To send a test notification, connect to the AVE Publishing Portal 4. Go to Publish and select your title. Click on the pencil to change your appearance and then go to the section Release information. Uncheck Test.
6. Click on the Save button to send the notification. Sometimes several minutes are needed before the notification is displayed on your device so be patient.
2. Choose a name for your folder that will house the IPA file. This is not the name of your app.
3. Choose Distribution for the configuration. If you dont have a Profile or Certificate you will need to make sure your Provisioning Profiles are still valid. Click here to review that section.
4. Choose Save when you are done. 5. Navigate to iTunes Connect: https://itunesconnect.apple.com 6. Choose Manage Your Applications. 7. Choose your App.
9. Choose Ready to Upload Binary once all warnings have been taken care of. 10. Choose whether or not your app contains cryptography.
11. If you have downloaded Xcode 3.2.5 or later, you should already have Application Loader stored here: /Developer/Applications/ Utilities/Application Loader.app (or in your equivalent custom install location). If you do not find it, download and install the latest version of Application Loader. 12. Click Continue when you are ready.
18. Click Next. 19. Click Choose in the Application Information window. Copyright 2012 Aquafadas Inc.
20. Choose your Distribution IPA file 21. When you are ready, choose Send. 22. You did it! You will hear back from the Apple Reviewers whether or not the app was rejected or accepted.
7. Choose Download. 8. Once the file has downloaded you can double-click it to install the application. 9. Click Agree in the first window.
11. Find the Application in Macintosh HD > Applications. 12. Double-Click the application to launch it.
Back to TOC
261
Back to TOC
262
Back to TOC
263
Back to TOC
264
3.3.
Elegant Kiosk:
A full-featured universal Kiosk template for a single magazine title. Includes a Store with easy access to the latest issues and an archive area of your purchased items. Supports in-App purchases.
Back to TOC
265
3.4.
Back to TOC
266
3.5.
Wired Kiosk:
A full-featured Newsstand Kiosk template for a single magazine title. Includes a Store with easy access to the latest issue and an archive area of your purchased items. Supports in-App purchases.
Back to TOC
267
3.6.
Spotlight Kiosk:
A full-featured Newsstand Kiosk template for a single magazine title. Includes a Store with easy access to the latest issue and an archive area of your purchased items. Supports in-App purchases.
Back to TOC
268
3.7.
Back to TOC
269
Back to TOC
270
3.9.
Back to TOC
271
Info:
Bundle Version: This is the version of your Application. You need to increase this value each time you want to publish a new release. Application Name: The Name that will appear on the device launch screen. Bundle ID: This field is populated by Certificate you generate in the portal. This is the unique identifier of the Application you defined as your App ID in the Apple Developer account. It the same Bundle ID as defined in the AVE Portal. Bundle/Product Name: The name of the IPA file.
iPad Retina: 144x144 Back to TOC 272 Copyright 2012 Aquafadas Inc.
Icon Includes Gloss Effect: When this is left unchecked a gloss effect will not be added to the App icon.
Startup:
Splash Screen (portrait): 768x1024 Splash Screen (landscape): 1024x768
Kiosk Layout:
Use Shadow: Applies shadows to labels
Back to TOC
273
Loading Image: This image should be 512x512 it is used by both the Kiosk environment and by the reader.
About (URL): The URL information used when you choose the Info button.
Back to TOC
274
Navigation Bar: You can design a custom background for the navigation bar. It needs to be 1024x65 and either a PNG or a Jpeg. You can drop that image here.
Information about issue: This is the information displayed under the issue. You can use either the date or title.
Non-selected color: The color of text that isnt selected. Tab Selection: Must be 150x49. You can drag and drop an image here to be used as the background for the selected tab.
Back to TOC
275
Background: The square background image must be 1024x1024. You can drag & Drop an image here.
Buttons:
Button image: Size is 106x25. This is the right, centred button.
Back to TOC
276
Text Color: The color text will appear over the buttons. Account Button: Check this if you want this to also apply this to the Account button. Button image: This is the dark centred button. It must be 106x25.
Back to TOC
277
AVE-PDF Reader
Help: This is the Help Screen.
Back to TOC
278
Binding Edge: This is the Binding Edge option used in Newsstand. You can choose from left, right, or bottom.
Use Newsstand: When this option is checked the App will appear in Newsstand on iOS5 and later.
Binding Type: This is the Binding Type example used in Newsstand. You can pick either Magazine or Newspaper.
Newsstand Test (iOS5): Allow Multiple Notifications per 24hrs: When this is checked you can test Notifications. To read the section on Notification setup, click here.
3. Choose Settings.
Back to TOC
279
5. The App Certificate will download to your Downloads folder. This file will have the aveapp file extension.
6. Drag and drop this file into App Info section of your App build in AppFactory.
Back to TOC
280
7. Your Settings will automatically update with the information contained in the certificate. This is what connects your App build to the information you entered into the AVE Portal.
Back to TOC
281