How To

DPS App Builder Tutorial

Looking for more information about the DPS App Builder? Then you’ll find everything you need right here with this helpful tutorial.

What is DPS App Builder?

The Adobe Digital Publishing Suite comes with an in-program app builder called DPS App Builder that is used to finalize applications. All in all, you can create many different apps, as well as get your apps submitted to various markets. These include the Apple Store and Google Play Store.

Whether you’re using your business internet to build apps for multiple clients, or you had an idea to create an app for fun, Adobe DPS is for you!

DPS App Builder Features

DPS App Builder makes building applications incredibly simple. There are a number of fascinating features that allow you to create the app of your dreams.

DPS APP BUILDER

Here are the primary features included in the DPS App program:

  • Enable PDF Zooming pinch and zoom pages that don’t have interactivity
  • Enable Favorite by bookmarking articles within the app
  • Enable Left and Right Hot Zone Navigation
  • Hide Top Navigation Bar in Folio View
  • Dual or single orientation folio
  • Horizontal Swipe
  • HTML articles
  • Hyperlinks
  • Slideshows
  • Image Sequencing
  • Panoramas
  • Direct entitlement
  • Single-Use App/ Single Editions
  • Smooth Scrolling articles
  • Social Sharing
  • Right Edge Binding

Not all of these features are supported on all device platforms. This is due to the make and OS of your desired device, as well as the functions of the Adobe program. Overall, the majority of these features are applicable to iPad, iPhone, Native Android, Windows, Web Viewers, Desktop Previews, as well as Legacy Android. However, DPS App Builder is a Mac-Only program.

Set Up and Configuration of DPS App Builder

Within the Adobe Digital Publishing Suite, you will first need to create a free Adobe ID. This will give you access to your Master account. Additionally, you can also add several other Adobe ID accounts within your Master Account, or your Administrative account.

Once you have logged into your account, you can then access and Install the DPS Desktop Tools. Here are the steps to Install and Update the DPS Desktop tools:

  • Step 1: Choose the InDesign.
  • Step 2: Click on the Help option
  • Step 3: Select Update
  • Step 4: Select the Update DPS Desktop Tools

Once the DPS Desktop Tools are updated, it’s time to use the DPS App Builder to create your first folio.

How to Start with Adobe Digital Publishing Suite

If you are attempting to create your first app for the marketplace, then using DPS App Builder may see intimidating at first. In order to make sure your experience is as stress-free as possible, here are detailed steps to help you. They include creating a folio, adding interactive elements, as well as testing and distribution.

These allow your app to be approved quickly for the App store options, and you won’t have to trust the app on your iPhone when people download it.

How to Create Folios and Articles

All of the content for an app, or a “Single-Folio App”/ “Multi-Folio App” is called a “Folio”. Here are the steps to creating your first folio:

  • Step 1: Select the “Sign In” option from the “Folio Builder” panel Menu
  • Step 2: Enter your Adobe ID and sign in.
  • Step 3: Chose the “New Folio” option from the “Folio Builder” panel menu
  • Step 4: Fill in the “New Folio” dialog box with your selected settings. (Choose Target Device, Name the Folio, Choose Default Format, as well as Default JPEG Quality).
  • Step 5: (OPTIONAL) Choose create offline Folio
  • Step 6: Click the “OK” button.

Once you have created a new folio, you can now create an article within that folio. Here are the steps to create an article:

  • Step 1: Open the InDesign file that contains your article content.
  • Step 2: Choose “Add Article” option from the “Folio Builder” panel menu
  • Step 3: Fill in the article name, as well as selecting the other options (Article Format, JPEG Quality, Portrait Layout, as well as Landscape Layout).
  • Step 4: Once the article is added to your folio in the “Folio Builder” panel menu, you can then add an InDesign file that contains both the vertical, as well as the horizontal orientation. This can be done as alternate layouts.
  • Step 5: Repeat steps one through four for each article you need to create.

Making Changes to Folios

Making changes to articles and folios is simple. Here are the steps to change and edit the different articles and folios within your program:

  • Step 1: Select the article in the “Folio Builder” panel menu you want to change, and choose “Update”.
  • Step 2: Assign your metadata (Title and Description, etc).
  • Step 3: The metadata then appears in the “Browse Mode” built into every DPS app builder app.
  • Step 4: To change the metadata for an article, select the article in the “Folio Builder” panel menu, choose “Properties” and change the various properties of the article.

Can You Automatically Archive Folios?

This is a feature within the Adobe Digital Publishing suite, as well as the DPS App builder that allows you to automatically archive downloaded folios. All in all, you would only use this when you have reached the maximum about of downloaded folios within the viewer app.

How to Use DPS App Builder

After you have successfully created a folio in the InDesign section, as well as previewed it, then it’s time to finalize the app using DPS App Builder. Once your app is finished you can upload it to the Apple App Store, Amazon Appstore, as well as Google play.

However, if you are building a single-folio application, then it will include all of your folio content. If you are building a multi-folio app, then the app will be a “Viewer” app. Altogether, that means that the folio content is in a Viewer mode while running on users tablets and devices.

Here are the steps to using DPS App Builder, as well as creating your Adobe app:

  • Step 1: Locate the DPS App Builder within the “Applications” folder.
  • Step 2: Select, as well as double click it to launch.
  • Step 3: Log into your Adobe ID. It must be the account you created that has “DPS App Builder” role assigned to it.
  • Step 4: Click the “New” button at the bottom right corner of your screen
  • Step 5: Follow the directions with the “Wizard Style” tutorial.
  • Step 6: Select the type of device you are creating an app for when prompted.
  • Step 7: Answer the subsequent questions when prompted, as well as selecting the “Next” button when you are finished with a page.

The questions, as well as various topics you are able to pick will determine how the app will function. This includes how the icons, security certificates, as well as splash screens, social sharing options and others all behave.

DPS App Builder Advanced Options

Here are some of the advanced options that are available on DPS App Builder.

  • Enable PDF Zooming
  • Enable Favorites
  • Enable Auto Hiding of Folio Scrollbars
  • Enable Left and Right Hot Zone Navigation
  • Enable Hot Zone to Display Folio View Controls
  • Hide Top Navigation Bar in Folio View
  • Enable Auto Folio Archiving
  • Enable Caching of Library Information
  • Hide Folio Update Prompt
  • Auto-Download Latest Entitled Folio on First Launch
  • Auto-Open Latest Entitled Folio After Download
  • Enable Rate the App Dialog
  • Show Analytics Opt-in Dialog
  • Supported Languages
  • Use Customized Strings

If you paid for the “Enterprise” Upgraded version of the Adobe Digital Publishing Suite, then you will also get the following options as well:

  • Use Legacy Store APIs
  • Hide Subscribe Button in Library
  • Hide Sign In Button in Library

How to Add Interactive and Motion Graphics to Folios

There are nine basic “Building Blocks” included in the Adobe Digital Publishing Suite program. These nine features will help you create an interesting application to take into the DPS App Builder portion of your application building.

Here are the nine interactive and motion components you can add:

  • Slideshows
  • Buttons
  • Hyperlinks
  • Panoramas
  • Pan, as well as Zoom
  • Scrollable Frames
  • Image Sequences
  • Audio and Video
  • Web Content

In order to add these graphics, as well as build upon them, you need to follow these steps:

  • Step 1: Click on “Window” in the Panels
  • Step 2: Choose “Folio Builder”
  • Step 3: Choose “Folio Overlay”
  • Step 4: Then choose “Window”, then click on “Interactive”
  • Step 5: You can then choose between “Buttons and Forms”, “Hyperlinks”, “Liquid Layout”, etc.

Testing Final app

Once you have finished your application, it’s time to test the app. You can choose to distribute it privately, so that friends and loved ones may try out your application before heading on to the various app stores.

You can also choose to use the Viewer mode after finalizing your product with the DPS app builder. Much like a CQAtest app on an Android, you can manage and run your own quality assurance for your application.

Distribution

All things considered, getting your application into the Apple App Store, as well as other stores, doesn’t have to be difficult. Here are the steps you should take to get your app onto the various app stores after using the DPS App Builder:

  • Step 1: Enroll, or sign up for the Apple iOS Developer Program (Amazon Appstore Developer account, as well as a Google Play Developer)
  • Step 2: Read through the App Store guidelines, as well as make certain your Application built with the DPS App Builder
  • Step 3: Create your security certificates that are required by Apple
  • Step 4: Test your security certificates
  • Step 5: Register your test iPads, iPhones, as well as iPods with Apple
  • Step 6: Create an App ID
  • Step 7: Create assets (Icons, splash screens, etc.) that are required by Apple
  • Step 8: Assign an App role to an Adobe ID
  • Step 9: Test the development app after building it with DPS Builder
  • Step 10: Download the distribution app
  • Step 11: Submit the distribution app with the App Store
  • Step 12: Wait while Apple approves your app!

That’s all you have to do!

DPS App Builder Pros

  • DPS App Builder is extremely easy to use
  • Guided instructions
  • Extra Advanced options, as well as a large number of tools and features
  • Many options for final builds
  • No coding!!!!

DPS App Builder Cons

  • Isn’t a “stand-alone” program
  • Can be expensive for various options
  • DPS App Builder is only on Mac OS
  • Doesn’t support text search options

Using the DPS App Builder is made easy with this helpful tutorial. Not only can you create folios in the Adobe Digital Publishing Suite, but you can also publish your app!

You Must Read These Posts:

MATLAB App Designer Review
Best InDesign Alternatives
Top Free Adobe Illustrator Alternatives
Wondershare Fotophire Review: All-In-One Photo Editing Software
Procreate App Review
Best After Effects Alternatives

FAQ

How Much Does The DPS App Builder Cost?

There are several pricing options for the Adobe Digital Publishing Suite (as well as the DPS App Builder within the program). A Creative Cloud, iPad only, membership is free, however it doesn’t come with multi-folio options, or any analytics.

Single Edition, iPad only, is $395.00 and comes with more features. Professional Edition is $495.00 and is complete with App Store, Google Play, Kindle Fire, as well as Windows Store options. Not to mention including analytics reports.

The Enterprise Edition, you will need to contact Adobe for a price, but it is incredibly inclusive.

Does The DPS App Builder work for both iOS and Android Apps?

You can use DPS App builder to create apps for both iOS devices, as well as Android devices. However, it is only available on Mac OS to use it.

Is DPS available on Apple Store?

Adobe Digital Publishing Suite is available for purchase through Adobe. All in all, you will need to visit their website for more information.

Is DPS available For Android?

Unfortunately, Digital Publishing Suite, as well as the DPS App Builder, isn’t available for Android as of yet.

About the author

Hanna Embry