“DPS Getting Started Guide” – Adobe

A few notes to summarise the interactive capabilities of the Digital Publishing Suite.

ipad specs

Single vs Multi folio apps

Single folio apps

–         download single App and don’t need to download new issues

–          can only be created for ipads (not iphones, android etc.)

–          to update, must submit update to App Store and wait for approval

–          User must go to App store to run an update for your app

–          These apps are stored on Apple’s server, no fee for download

–          Don’t support social sharing

Multi Folio apps e.g. magazine – single app with multiple issues

–          supports free or retail subscriptions

–          need professional version of DPS

–          support social sharing

–          stored on Google, Amazon or Apple servers and when a user downloads content   for this app, a download fee is charged to the owner of the DPS account

dashboard

DPS setup

Different methods apply for the account setup of DPS according to whether it is a large company creating many apps, a small company specialising in a single apple or an individual.

Adobe recommends for single app creation having the master account holder create a delegate account with the following roles: Administrator, Application and DPS App Builder

workflow

What is…

A folio: the content for the app is referred to as a ‘folio’.

An article: An article is a section of content which helps users find their way through the app. This might be articles in a  digital magazine, sections in a report, categories etc. A separate InDesign file is required for each article. In my case this would mean each different page is a different article.

InDesign has the ability to create an automatic table of contents according to your articles (although this will not apply in my case).

You can specify the viewing arrangments of different articles (whether displayed vertically or horizontally).

folios articles

Smooth scrolling of pages:

smooth scrolling

Screens can be completed which allows screens longer than the others.

File setup – standards for typography are different than for print. (e.g. 10-12 point text is normal for print, but 18-20 point text is common for tablets).

DPS will take care of downsampling so can use high res images (PSD and AI files are fine).

Interactive elements (image sequences, pan and zoom, panoramas) should be saved as JPEG or PNG.

Video and audio should be saved in the resolution you which it to be used.

Prepping your file for alternate layout:

multiple layouts

Bring up Folio Builder Panel and Folio Overlays panel

Can elect offline or online folio (online just allows collaboration as it gets update on the Folio Producer Service, allowing multiple people to view and add to work in progress)

An offline folio can be converted to online, but not vice versa.

To create an online folio:

online folio

Under Folio Builder go “add article”. Add InDesign article.

Repeat process for each Article that needs to be created.

To preview on tablet, download latest version of Adobe Content Viewer for tablet from App store.

To view on tablet, plug in with USB, launch Adobe Content Viewer and In Indesign on Folio Overlays panel go “Preview on…ipad”.

When changes need to be made, select article and in Folio Builder select “update”.

[A great resource for learning how to add interactivity and media to Digital Publishing Suite projects is the Digital Publishing Suite Tips app.]

workspace

Types of interactivity

Multi-state objects (slideshows)

multi state

Combining buttons with multi-state objects

buttons

Buttons

hyperlinks

Hyperlinks

panorams

Panoramas

Pan & Zoom

scrollable frames

Scrollable Frames

tabs

I trialled one scrollable frame tutorial but it didn’t work properly – this one was successful!

https://gra617.expressions.syr.edu/wp-content/uploads/2012/07/Scrolling-Frame-Trick–-Trays-–-InDesign-CS6.pdf

My experiment:

my tabs

 

Images sequences (swipe slideshows, 360 degree rotates, and flipbook style animations)

3D flyaround

 

Audio and Video

web content

Web Content and content from Edge Animate

Mu An

Advertisements