Dps Getting Started Guide April
Dps Getting Started Guide April
next Page ›
table of contents
Introduction ‹ previous
There are hundreds of thousands of mobile apps on the Apple App Store, Google Play, and the Amazon
Appstore for Android. These apps exhibit a dizzying array of features, capabilities, and content.
next ›
Adobe Digital Publishing Suite allows you to create mobile apps with amazing, rich content; deep
interaction; and finely crafted interfaces. This Getting Started Guide will help you learn how to plan,
create, and distribute apps with the Digital Publishing Suite Professional and Enterprise Editions.
Step 1. Decide which type of app, for which mobile devices, you are going to create.
See Basic concepts on page 4.
Step 5. Use DPS App Builder to build and test your final app, and then distribute your app.
See Distributing your app on page 46.
Basic concepts
next Page ›
table of contents
Renditions
Since the mobile devices supported by Digital Publishing Suite
contain a variety of capabilities, screen sizes, resolutions, and aspect
ratios, you need to plan your app deployment carefully.
• You may decide to develop only for the iPad. Thankfully, all
the iPad tablets are the same 4:3 aspect ratio. It is relatively
easy to accommodate the differences in resolution between the various iPad models.
See adobe.ly/112TMTf and adobe.ly/14p9YfC.
• You may decide to develop your app for the iPad and iPhone/iPod. To do this, you
will need to learn how to create separate layouts and “renditions” for different screen sizes and
resolutions. See adobe.ly/13941Ru.
• You may decide to develop your app for the iPad as well as Android tablets. To do this, you could
create a “best of breed” app for the iPad, and then create a second, more limited app for Android Getting Started Guide
tablets, perhaps necessitating removing some interactive elements. Or, you could create your app Basic Concepts
Page 5
within the constraints of the more limited Android environment, and rest assured that it will
table of contents
still work well on iPad tablets. You will also need to think about how many different layouts and
renditions you are going to create to support the variety of screen sizes and aspect ratios found in
Android tablets. See adobe.ly/X8Pl2L.
The bottom line: The more devices you decide to support, the more work is entailed to design and
‹ previous
produce the app.
next ›
Operating System Resolution * Aspect Ratio
iPad (3rd & 4th generation) iOS 2048x1536 4:3 “Multi-rendition PDF
iPad mini iOS 1024x768 4:3 articles” make it easy
iPhone 3GS iOS 480x320 3:2 to create content that
iPhone 4, 4S iOS 960x640 3:2 looks good on all iPads
iPhone 5 iOS 1136x640 16:9 with very little fuss. See
iPod touch (4th generation) iOS 960x640 3:2 adobe.ly/112TMTf.
Google Nexus 7 Android 1280x800 16:10
† Maximum DPS folio dimensions are 2048x1536, so content will appear smaller than the screen on this device.
Folio
Folio Folio 1 Folio 2 Folio 3 Folio 4
Folio111
Folio Folio
Folio111
Folio Folio
Folio111
Folio Folio
Folio111
Folio Folio
Folio111
Folio
A single-folio app contains one folio. A multi-folio app may contain multiple folios that are downloaded into the app over time. Getting Started Guide
Basic Concepts
Page 7
When you tap an icon for a single-folio app, the app content displays immediately.
table of contents
‹ previous
next ›
When you tap an icon for a
Here’s an example. A major university wants to create the following apps with Digital Publishing Suite:
• An undergraduate viewbook, updated annually
• Viewbooks for each of three graduate schools, each updated annually
• A university alumni magazine, published four times per year
• A research magazine, published two times per year.
There are a couple of ways that the university could approach this task.
• They could create one multi-folio app called “Connect with the U” that contains all the viewbooks,
magazines, and other information pieces.
• They could create four single-folio apps, one for each of the annual viewbooks. These viewbooks
would be located on the App Store as separate apps and downloaded separately. Each app would
have its own tablet icon. Then they could create a multi-folio app that contains all the university
Getting Started Guide
Basic Concepts
Page 8
magazines, or, they could create two multi-folio apps: one for the alumni magazine and one for the
table of contents
research magazine.
• To update a multi-folio app with new or revised content, you upload the content to the DPS
Distribution Service, click a couple of buttons, and the new content is available almost immediately.
You can also opt to alert users to the new or updated content via Apple’s push notification service.
With push notification, the user is alerted about the new content via an icon badge, even when the app
isn’t running. Push notifications aren’t available for Digital Publishing Suite apps on Android devices.
• Only multi-folio apps are eligible to appear in Apple’s “Newsstand” category. (A free or paid
subscription must also be offered.) See Subscriptions and Apple Newsstand on page 11.
• Single-folio apps reside on Apple’s servers, so there is no download fee associated with single-folio
apps. For multi-folio apps, the app itself resides on Apple, Google, or Amazon servers, but the
content for each folio is downloaded from Adobe servers. Each time a user downloads a folio (makes
an in-app “purchase” of free or retail content), a download fee is charged to the owner of the Digital
Publishing Suite account.
• Multi-folio apps on iOS support social sharing via email, Facebook, and Twitter. Social sharing can
be enabled in multi-folio Digital Publishing Suite apps without writing any code. Single-folio apps do
not support social sharing.
Free or retail
No Yes
subscriptions possible?
Subscriptions
next ›
You may choose to offer subscriptions to your folio content. Subscriptions only apply to multi-folio apps.
If you enable subscriptions, they can be for any duration, at any price you specify (even free). Digital
Publishing Suite Professional Edition enables you to create subscriptions that are processed by Apple or
Amazon. Enterprise Edition enables you to set up a “custom entitlement server” to process subscriptions
through your own website, or to restrict distribution of certain content to specific groups of users. See
adobe.ly/XMLmYy for more information.
Apple Newsstand
If you offer subscriptions to your periodical app, either free or paid, you may choose to include your app Apple will only allow
in the Newsstand category on the Apple App Store. The app icon for a Newsstand app won’t appear by
subscription-based
itself on the screen of the user’s device. Instead, a “cover image” for the app appears in the special
Newsstand icon group. Each time a new periodicals that are
issue of your content (a new folio) is updated at least four
released, your cover image on Newsstand
times per year in the
will change, and a “New” banner will
appear in the corner. Newsstand category.
To specify that you want your app
to appear in Newsstand, choose the
Newsstand option in DPS App Builder, and
choose Newsstand during the Apple App
Store submission process. Download the
Adobe iOS Publishing Companion Guide at
adobe.ly/WHR28y for more information.
Additional Resources
Updates View training videos on
Download the necessary InDesign Adobe TV, get inspired in
plug-ins for creating app content. the Digital Publishing
Gallery, and download
additional documentation.
Analytics ‹ previous
The Enterprise Edition and Professional Edition both include analytics capabilities. These analytics,
available through the Digital Publishing Suite Dashboard at digitalpublishing.acrobat.com, allow you to
next ›
track such things as the number of times an individual folio is opened, which articles were viewed most
often, which videos were played the most, how many times each advertisement was viewed, and more.
If you want more advanced analytics, you can purchase and configure the Adobe Analytics solution (part
of the Adobe Marketing Cloud), which enables you to view more detailed information about user behavior.
next Page ›
table of contents
For a number of very important reasons, don’t use an Adobe ID that is tied to an
individual’s email address to create a Digital Publishing Suite master or delegate account.
Instead, create a special, dedicated email address and Adobe ID for each app. For example,
dps.master@company.com and dps.appname@company.com. Note that this must be a “real”
email address that you can check for incoming messages.
Getting Started Guide
Account Setup & Configuration
Page 16
The Master account (and subsequently, any account that is assigned the Administrator role) can set up
table of contents
and configure as many different delegate accounts as desired. Each of these delegate accounts must use a
unique Adobe ID.
‹ previous
The Master account can create and configure as many “delegate” accounts as needed.
Each account can have up to three different “roles” assigned to it. The three roles are: Administrator,
Application, and DPS App Builder.
Master account
dps.master@company.com
• An account that is assigned the DPS App Builder role can create or edit single-folio or multi-folio
apps for any application under the Master account.
• An account that is not assigned any of the three roles is called a Designer account. Designer
accounts can log in to the Folio Builder panel and create content for multiple apps. Even though
Designer accounts are not assigned any roles, they should be created by the Master or an
Administrator account through the Account Administration tool.
‹ previous
next ›
The Account Administration tool, with a single account that is assigned the Administrator and DPS App Builder roles.
Examples
A number of factors will influence how you set up your accounts and assign roles to these
accounts, including:
• The size of your company
• The number of people in your company involved with creating Digital Publishing Suite apps
• The number of different Digital Publishing Suite apps you will create
• Whether or not you will be creating Digital Publishing Suite apps on behalf of or in conjuction
with customers.
Here are a few examples of how accounts can be set up.
• One DPS App Builder Account for each category: dps.food.builder@pubcorp.com, Multiple people may
dps.lifestyle.builder@pubcorp.com, dps.fashion.builder@pubcorp.com use the same Adobe ID
• Application accounts managed by dps.food.admin@pubcorp.com: dps.eatingout@pubcorp.com, assigned to an Application
dps.easyrecipes@pubcorp.com
role to create content for
• Application accounts managed by dps.lifestyle.admin@pubcorp.com: dps.sailing@pubcorp.com,
an individual app.
dps.biking@pubcorp.com, dps.lakecabin@pubcorp.com
• Once you sign in to the Digital Publishing Suite Dashboard at digitalpublishing.acrobat.com with an
Adobe ID and agree to the terms and conditions, that Adobe ID is considered “verified” to work with ‹ previous
Digital Publishing Suite. You can’t create a delegate account from an Adobe ID that is already verified
to work with Digital Publishing Suite.
next ›
• A single Adobe ID cannot be a delegate of multiple Master accounts.
• A single Adobe ID may be assigned multiple roles. For example, a single Adobe ID can be assigned
both the Application and DPS App Builder roles.
• You can change the email address that is associated with an Adobe ID, if necessary. See
adobe.ly/156hzAW for instructions.
• You can copy an article created with one Adobe ID (for example, Adobe ID one) to a folio created
with a different Adobe ID (Adobe ID two). The owner of the folio (Adobe ID two) would first share You cannot use a “fake”
the folio with Adobe ID one. See adobe.ly/ZqzQ7A for details. Then Adobe ID one would select the
email address to create
article in the Folio Builder panel and choose the Copy To command in the Folio Builder panel menu
to copy the article to the shared folio. See adobe.ly/Z1KuiY. an Adobe ID. Adobe IDs
are “verified” by sending
What if my company cannot create dedicated email addresses for DPS?
a confirmation email to
Ideally, you would set up dedicated email addresses using your company’s domain for each account that
will be using Digital Publishing Suite. However, in some corporate structures, this can be difficult or the email address. This
impossible to accomplish. Here are three possible workarounds. requires the user to click
1. Create an email alias, and then create an Adobe ID using that alias. An email alias is simply a a link in the email to
forwarding email address. Email sent to it forwards to a different email address. For example,
you could set up a dps.grillcooking@cooktoday.com email alias that forwards all email sent to it to
verify the address. So
john.smith@cooktoday.com. real, functioning email
2. You may have the ability to set up an email distribution list at your company. If so, create a new email addresses must be used to
distribution list that forwards to an individual’s email address. Then create an Adobe ID using the
create Adobe IDs.
email address for the distribution list.
3. Create an email address using an external email service such as Gmail, and then create an Adobe ID
using the new email address. Getting Started Guide
Account Setup & Configuration
Page 21
table of contents
• If you are prompted by the Folio Builder panel to install a new update, follow the link in the Folio
Builder panel to install the update.
• Download the DPS Desktop Tools installer from adobe.ly/15tNniD (Mac) or adobe.ly/105pheC
(Windows®) and run the installer.
See adobe.ly/15OObhZ for detailed installation instructions and links to DPS tools for InDesign
CS6 and CS5.5/CS5.
If you don’t have the necessary permissions to install updates on your computer, or if your
corporate firewall blocks access to updates, you will need to contact your IT department to gain access
to these updates.
next Page ›
table of contents
Workflow ‹ previous
All the content for a single-folio app or each issue of a multi-folio app is called a “folio.” A general
workflow to create your first folio using InDesign and Digital Publishing Suite is as follows.
next ›
1. Determine how you are going to divide your app into logical parts. This will determine how many
separate InDesign files you will create.
2. Use InDesign to create the content for one or more parts of the app.
6. Make changes to the content of articles, update the articles and folio, and preview the changes on
your mobile device.
All of these steps are done entirely in InDesign, using the Digital Publishing plug-in for InDesign.
A separate InDesign
Article 2,
continued
Article 2,
continued
separate article.
Article 1,
continued
• RGB images will provide the richest, most vibrant colors on tablets. However, if your images are
already in CMYK format and you no longer have RGB versions of the images, there is no benefit to
converting them back to RGB. Using the CMYK images will work fine.
• If you include vector artwork from Adobe Illustrator® in your layout, the artwork will be rendered at
the appropriate resolution for the device you are targeting.
offline folio
online folio, not shared
online folio, shared
3. Fill in the article name and other options, and click the OK button. See
adobe.ly/WKqrJ5 for information about the options in the New Article 3
dialog box.
4. You will see the article added to your folio in the Folio Builder panel.
If you added an InDesign file that contained both a vertical and
horizontal orientation as alternate layouts, both layouts are added to
the article.
5. Repeat the steps above for each InDesign file and article you need
to create.
See adobe.ly/WKqrJ5 for more information about creating articles.
To confirm that an article contains
article 3 .
See adobe.ly/VnwTro for more information about using the Folio Producer Service.
next Page ›
table of contents
Introduction ‹ previous
Tablet apps may contain all kinds of rich media and user interaction. Digital Publishing Suite allows
designers to easily include media and interactive elements in apps, no programming needed. The
next ›
following pages will introduce you to some interactive concepts, help you understand what types of
interactivity are possible with Digital Publishing Suite, and provide links to resources for further
investigation and learning.
A great resource for learning how to add
interactivity and media to Digital Publishing
Suite projects is the Digital Publishing Suite
Tips app, available from the Apple App Store at
bit.ly/14PmgPx, Google Play at bit.ly/XlDLQr, and
the Amazon Appstore at amzn.to/WMqLab. You
can also access much of the content of the app
with a desktop web browser at adobe.ly/Yi9aDe.
This app contains not only clear examples of
each type of interactivity, but also step-by-step
instructions on how to create different types of
interactive elements.
• Window > Interactive > Page Transitions One possible panel configuration for a Digital
1 2 3
‹ previous
next ›
Combining multi-state objects with buttons makes interesting interactivity possible. You can create a
button to advance from one state to the next sequentially through a multi-state object, or to jump directly Interactive elements in a
to a particular state. This adds tremendous power and creates interactive effects as shown below.
Digital Publishing Suite
app are often referred
to as “overlays.” This
is because interactive
content always appears
above or “over” all the
rest of the page content
in an app.
In the example above, a “reveal” button (the In the example above, a more complex multi-state object
circled “i”) makes a caption appear. The caption and button arrangement is used to selectively highlight
See adobe.ly/UtZFGy for more information about how to create multi-state objects.
Buttons
The Buttons and Forms panel can be used to create buttons that bring the user to a different screen in the
app, go to a web URL, send an email, or go to a particular state in a multi-state object. Only some of the Getting Started Guide
Adding Interactivity & Media
Page 39
features of the Buttons and Forms panel can be used in Digital Publishing Suite apps. See adobe.ly/XlFSU9
table of contents
for more information about how to create interactive buttons in Digital Publishing Suite.
‹ previous
next ›
The On Release or Tap Event is the
Suite app.
Hyperlinks
The Hyperlinks panel can be used to
create hyperlinks for text or objects that
bring the user to a different screen in
the app, go to a URL, or send an email.
Hyperlinks are particularly useful for
creating links in text. The only hyperlink
types supported by Digital Publishing
Suite are URL, email, or page.
Cross-references in a document are not supported by Digital Publishing Suite.
For more information about adding hyperlinks to a Digital Publishing Suite app, see adobe.ly/XlFSU9.
Scrollable Frames overlays can be used to create a “pull tab” effect as shown in the green text frame above.
at left.
• They provide a way to allow a user to interactively rotate a “3D” object. As the user swipes across the
and web content. Each
helmet in the example below, the helmet appears to rotate. The helmet is an image sequence, a series method has benefits and
of 72 images of the helmet. Before each image of the helmet was shot, the image was rotated 5 degrees.
drawbacks depending
See adobe.ly/YH09Xj for more information on the complexity of the
about creating image sequences. animation and what you
are trying to achieve.
Web Content
A Web Content overlay consists of HTML content that resides and “plays” in
a frame on a Digital Publishing Suite screen. To create a Web Content overlay,
you first design your layout in InDesign, and then create a frame the size of the
web content that you want to include in the layout. When you click on Web
Content in the Folio Overlays panel, you will see a place to specify either an
external web URL or a location on your hard drive or file server that contains
an HTML file, along with other options.
Web content overlays are a good way to add interactive maps, live Twitter feeds, or fillable forms to
Digital Publishing Suite apps. Since local HTML content can contain not only HTML files but also linked Getting Started Guide
Adding Interactivity & Media
Page 44
folders, JavaScript, and CSS content, this is another way to add interactive elements beyond what can be
table of contents
created with the built-in Digital Publishing Suite tools.
Another way to include web content in an app is to export an OAM file from Adobe Edge Animate,
place the OAM file in InDesign, and specify the Web Content options in the Folio Overlays panel. See
adobe.ly/14VG3Nc for more information about creating Web Content overlays.
‹ previous
You can also create an entire article that consists solely of HTML content. This is an article that doesn’t
contain an InDesign file at all, but is purely HTML content. See adobe.ly/11sS7GW for more information. next ›
Adobe Edge Animate adobe.ly/TQubsF and Adobe Muse™ adobe.ly/WDUsJb are two
designer-friendly tools that can be used to create local HTML content for apps.
next Page ›
table of contents
2. Read the App Store Review Guidelines to make sure that your App meets the strict criteria for
admittance to the Apple App Store.
9. Distribute the mobileprovision file and IPA file through email or file server to the end users.
See adobe.ly/Ycg7bC and adobe.ly/YK0kRx for more information.
“Viewer”
app “Viewer”
+ folio app
Folio
content
Folio
Folio111
Folio
Folio
Folio 1 Folio 2 Folio 3 Folio 4
Folio111
Folio Folio
Folio111
Folio Folio
Folio111
Folio Folio
Folio111
Folio
2. Log in using the Adobe ID assigned to a delegate account you created that has the DPS App Builder
role assigned to it.
3. Click the New button in the bottom right corner of the screen.
DPS App Builder is a “wizard style” application that walks you through the process of collecting the
necessary information that Adobe needs to build your app.
The first screen asks what type of device you are creating the app for. Then, as you fill in subsequent
screens and click the Next button, you will specify various details about how you wish the app to appear
and behave; specify icons, splash screens, and security certificates; and choose any social sharing options
you wish to include. Getting Started Guide
Distributing Your App
Page 52
table of contents
‹ previous
next ›
Keep in mind that it is during this step that you are able to specify a number of options that will affect
both the appearance and behavior of your app, above and beyond what you are able to see in Adobe
Content Viewer. For example, when you are building an app for the iPad, you can:
• Enable app-wide pinch and zoom (if you have created a PDF folio)
• Enable bookmarks so that users can bookmark their favorite articles in the folio
• Enable auto-hiding of the vertical scrollbars that appear at the right side of the screen
next Page ›
table of contents
Introduction ‹ previous
If you are an advertising agency, design firm, or other entity that will be producing work for or on behalf
of a single client or multiple clients, there are some things that you will want to work out in advance with
next ›
your client. Ideally you will do this at the start, before you begin your app.
2. You, or your client, must enroll in the Apple iOS Developer Program, create an Amazon Appstore
developer account, or sign up as a Google Play developer.
Whose accounts you will use will depend on who is going to publish the app.
• The client wants revenue collected from the app to be deposited directly into its bank account.
• The client wants direct access itself to Digital Publishing Suite analytics.
• The client wants to “own” the app, so that it can move to a different agency in the future, if necessary, For more information
to continue app or content development.
about direct entitlement,
• The client wants to “own” the app so that it can continue app or content development in-house
see adobe.ly/zcjQDQ and
in the future.
adobe.ly/WrzTU4. For
• The client is going to create an enterprise-signed app to distribute privately within the company.
more information about
• The client has a Digital Publishing Suite Enterprise license and wants to add advanced options itself
such as direct entitlement (print-digital bundling) or custom storefronts. custom storefronts, see
Working with a client in this way opens up a number of security concerns. How these concerns are adobe.ly/Zj2ZBo.
handled will depend on a variety of factors, including your relationship with the client, the number of
parties involved, and the level of trust between you and the client.
There are four potential agency-client workflows. Each of these four workflows requires the client to
be a Digital Publishing Suite customer and allows the client to “own” the app, which gives it greater
flexibility in the future. The four workflows are:
• Folio and app building credential workflow
• Customer-share workflow
• Agency-share workflow
The following sections explore each workflow in more detail.
Getting Started Guide
Client Workflows
Page 57
Folio and app building credential workflow
table of contents
In this workflow, the client gives the agency its DPS Application account and DPS App Builder account
credentials, as well as the necessary security certificates needed for Apple, Amazon, or Google Play. The
agency is then able to produce both a complete app and folio content for the app. The client can submit
the completed app itself to Apple, Amazon, or Google stores. The agency continues to create new folio
‹ previous
content and publish that content to the app, using the client’s DPS Application account credentials.
next ›
Folio and app building credential workflow
Account setup
Client uses its DPS account to
create a new DPS Application
account for the app.
Content creation
Agency creates a folio and Agency gives completed app
articles with InDesign. binary files to client.
App submission
Content creation Client submits app to app store
Agency creates a folio and using client app store account.
articles with InDesign.
Yes Changes? No
next Page ›
table of contents
Is the text in Digital Publishing Suite apps searchable? only, or dual orientation.
No, text in Digital Publishing Suite apps is not searchable, except for text in HTML articles or HTML A multi-folio app may
overlays. See Web Content on page 44.
contain folios with a mix
Must I create folios that are dual-orientation, or can I create single-orientation folios of vertical, horizontal,
with Digital Publishing Suite? or dual orientations.
No, it is not necessary to create dual-orientation folios. You can choose landscape-only orientation or
portrait-only orientation when you create your folio. Single-orientation folios are less work to create and
result in much smaller file sizes and faster downloads.
Why do my animations work in the SWF Preview panel but not in viewer?
Animation created with the Timing panel in InDesign will not function in Digital Publishing Suite apps.
Do not use the SWF Preview panel to preview folio content. See Previewing your work on page 32.
next Page ›
table of contents
Adobe TV
Learn how to use Digital Publishing Suite through training videos on the Digital Publishing Suite channel
on Adobe TV at adobe.ly/YtREOr.
Blogs
Adobe Digital Publishing blog: adobe.ly/151RfqC
InDesign Docs: adobe.ly/YC4tVP
Secrets & Happiness of Digital Publishing: bit.ly/WHUyzT
Gold Support
Your edition of Digital Publishing Suite has access to allow a number of users to contact support
via phone, web, or email. View specific support contact information in the Dashboard at
digitalpublishing.acrobat.com.
Adobe, the Adobe logo, Adobe Muse, Adobe Premiere, After Effects, Illustrator, InDesign, and Photoshop are either registered
trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. Apple and Mac are
trademarks of Apple Inc., registered in the U.S. and other countries. Android is a trademark of Google Inc. Windows is either a Getting Started Guide
registered trademark or a trademark of Microsoft Corporation in the United States and/or other countries. All other trademarks
are the property of their respective owners. Training & Support
© 2013 Adobe Systems Incorporated. All rights reserved. Page 66