Tablet Publisher

-instructions

Win/Mac
CONTENTS
eDocker Tablet Publisher -installation............................. 3
Activation.......................................................................... 4
Deactivation...................................................................... 4
Installation of InDesign tools........................................... 4

What to do in InDesign..................................................... 5
If you start from scratch (suggested method)................ 5
Use existing layout - Method A....................................... 5
Use existing layout - Method B.......................................6
Create Article structure..................................................... 7
Export with eDocker Tablet Exporter............................... 7

What to do in eDocker Tablet Publisher..........................9

Importing your project to eDocker..................................9
Editing and finalizing........................................................9

Publishing for iPad and computer users.........................15

Uploading project to server........................................... 16
Naming policy................................................................. 16
iPad-offline-use.............................................................. 16
FTP................................................................................... 16

eDocker PDF2TABLET instructions...................................17

 3

eDocker Tablet Publisher -installation

Adobe AIR
1. You need to have Adobe AIR installed in your system before you can use eDockcer. You can download it for free from http://get.adobe.
com/air/

eDocker Tablet Publiser

2. Click the download link you received with activation email. Your default web-browser opens. Click Install Now badge.

3. eDocker will be downloaded to your computer. Choose Open in Application Install window.

4. After few seconds, you will be asked if you are sure you want to install. Click Install button.

5. Exept Installation location (or change it if you want) and click continue.
4

Activation Deactivation

1. Open eDocker Tablet Publisher (if its not yet open). 1. Click Info-icon on the top right corner of eDocker window
2. Click Register (you must have your Key 2. Click De-Activate button
from activation email at this point) 3. Confirm you want to Deactivate License
Now you cant use eDocker in this computer anymore, but you
can re-use your Key in another computer.

3. Input those ID/Key values to

Email- ja License Key fields and click Submit 3

After this eDocker opens and you can use it normally. Remeber that you can install eDocker a admin user but when you perform acti-
vation, you have to logged in as an actual user who is going to use eDocker.

Installation of InDesign tools

You receive eDocker.zip pacakge with activation email. Unzip it, it includes
eDocker_TabletExporter - tool, which allows you to export your ID pages as eDocker project
eDocker_iPadPageSizeConverter - tool, which helps you to convert the shape of your pages to match iPads screen
eDocker_MultiPageImporter - tool, which helps you to import multiple page PDFs to InDesign

1. Download eDocker.zi
2. Unzip it, you will have a folder called eDocker
3. Copy that folder to your InDesigns application folders Script>Scripts Panel directory

4. After that you will see eDocker tools in your Window>Utilities>Scripts panel.

NOTE! Panels look little different NOTE! You have to copy all 5 files to
in Windows but content is iden- Scripts panel
tical.
 5

What to do in InDesign
If you start from scratch (suggested method)
1. Create new file and use following values (mark with red). NOTE! Slightly different values for
landscape and portrait pages!

2. Continue usinf InDesign as usual.

Use existing layout - Method A

1. Open indd-file
2. If Facing Pages in on, toggle it off from File>Document Setup. If that change will cause you troubles with your layout, you can try to
leave it on as well.

3. Convert the shape of your pages to match iPads screen shape (3:4). You can do that with eDocker_iPadPageSizeConverter script that
ships with eDocker. Open Window>Utilities>Scripts panel and double-click the name of the script.

Page sizes & shapes

You can use all kinds of page sizes with eDocker Tablet Exporter script. Script will adjust
your pages to iPads size and shape as well as its possible.
If you want to achieve the best and most professional looking result, we suggest you to use
exact iPad screen measures; 1004x768 for portrait and 748x1024 for landscape publications
(support for landscape is coming soon).

Multipage Importer
TIP! If you want to have exact page size for your document, create new 1004x768 InDesign
file and place your existing indd or pdf document to that page with eDocker_MultiPageIm-
porter script. The script will create as many pages as you have in your original document
and places those pages separately into a new document. After that you may continue as
usual.
 6

Use existing layout - Method B

If you have existing layout as an indd or even PDF file, you can use this method to make it suitable for eDocker project.
This method produces your publication to corrctly sized pages.

1. Create new layout with correct page sizes (see previous page).
2. Open Window > Utilities > Scripts and double-click eDocker_MultiPageImporter script
3. Select the PDF file you want to use as source for your eDocker Project
4. Make proper settings in opening window and click OK.

MultiPageImporter will do following steps

it creates as many pages as you have selected to place
it will place one PDF page to every InDesign page
it will scale and crop placed pages as you have set it to do

After this you can continue to build article structure as usual.

TIP! if your PDFs shape does not match to iPads screen and
there is space on marginals, try to uncheck Fit to Page and Scale
Imported page with percentahe of 102-105%.
 7

Create Article structure

Tablet-publications may have pages laid out horizontally and vertically. You can create that page structure in InDesign by using sections.

1. Mark the starting pages of your articles with Start Section mark.
2. Select the thumbnail of the proper page and Choose Numbering&Section Options from Pages panels flyout menu.
3. Make sure that Start Section is checked.
4. Click OK, a small triangle should appear above page thumbnail.

NOTE! Theres always at least one section mark at page 1. If you

dont add additional ones, all your pages will be imported to
eDocker horizontally.

NOTE! Add section mark also to articles with one page (see pages
2, 3 and 4 at image above)

NOTE! Use always logical pagenumbering starting from number 1

(1, 2, 3, 4 etc.) Otherwise exporting will fail.

Export with eDocker Tablet Exporter

In order to be able to import your project to eDocker Tablet Publisher, you first have to export it properly.

1. Open Window>Utilities>Scripts and double-click eDocker Tablet Exporter -script

2. InDesign starts the conversion process. If your Document Transparency Blend Space is set to be CMYK, you will receive a following
alert but thats not going to be problem later, you can continue by clickin OK.
 8

3. Next you will have a window where you can define some settings for the export
a) Check zoomable if you want to use new better zoom later in Tablet Publisher*
b) Choose quality, use at least High Quality -setting
c) Click Output Destination -sections Browse button jand define a target loacation. Always create an empty folder for materials
d) Click Export
IMPORTANT! If you use Zoomable feature, you MUST
use Baseline as Format Method! Better zoom doesnt work
otherwise!

NEW! a

4. You will see the progression.

5. When export is finished, you will ne noted.

 9

What to do in eDocker Tablet Publisher

Open Tablet Publisher, during the first run, you will see on-screen instructions. Close instructions by clicking a blue close button at the bot-
tom-middle of the screen. Later you can open on-screen instructions by clickin a question mark icon on top-right corner.

Importing your project to eDocker

1. After opening eDocker, you will be in Library. Click small +-icon on bottom-right corner. Choose Import Archive if you used Package fea-
ture in Tablet Exporter, otherwise choose Import Folder
2. Choose the .edtp archine or folder you created earlier with tablet exporter (previous page, 3b)
3. Click Select/OK.
4. eDocker creates a html5 publication for you and adds it to library

1
Use Sort by -featue to change the way
eDocker shows your publications on library

Editing and finalizing

1. Click the thumbnail of the issue you want to edit.

2. Siirryt julkaisun Issue-muokkaustilaan ja julkaisun sivut avautuvat nkyviin eDockerin valopydlle siin jrjestyksess mihin olet ne
asettanut InDesignissa.
3. You will be entered to Issue-mode and pages of your pubications appear to eDockers issue lightbox. The page hierachy will mathc
the one you created in InDesign with sections.

NOTE! If you didnt use sections in InDesign or if

you have imported pages from some other soft-
ware (like Acrobat), all the pages will be laid hori-
zontally and there will be no article structure .
10

Back to Library Remove Article

Add new page to article

Click article to activate it. Blue

border indicates active article.

Indicator for interactive element

in page

Iframe

Video

Hyperlink

Thumbnails

Show/Hide thumbs
 11

Change the name of issue On-screen help

(click pen icon)

Change the thumbnail

image of active article

Rename active article. End users will see

the name of article in viewers thumb-
nail panel. If you dont name an article,
Untitiled will be used!
Drag&drop pages to change
page order
Description od active article.

Add or remove pages of active article

Tablet Simultor preview Publish

12

Add new video

1. Choose video file* and click Select
2. Define Title and click Save
3. Small square appears to page. Use mouse to move it
corrent position, scale by dragging from corners.

Double-click page to open it to

page editor
* Videofile has to be MP4 and encoded with
H.264 codec. Use for instance Adobe Media
Encoder for converting videos to proper
format (Ships with InDesign)

Back to Issue
Lightbox

3
 13

Add new hyperlink Add new iframe (BETA-feature*)

1. Define an URL, (remeber to use http://) and click 1. Define a Title and URL where iframe content will be loaded from or used local files (has
Save to be zipped)
2. Small square appears to page. Use mouse to move 2. If you use content from URL, you can also import a poster. Poster will be shown if user
it corrent position, scale by dragging from corners. is in offline mode (in iPad)
3. Check Interactive, if you want to give iOS5 user ability to click or swipe content (content
has to be interactive)
4. Check Refresh if you want your iframe content to be reloaded everytime user enters
the page.
5. Small square appears to page. Use mouse to move it corrent position, scale by dragging
from corners.

NOTE! Use #article number to point some other a. insert URL and
article instead of external www-address (#5 Poster (optional)
points to 5th article etc) OR
b. insert local
iframe con-
tent inside ZIP-
package

* Iframe is a window, where you can show html-content on the top of the page.

NOTE! When you ZIP local iframe content, make sure

that you are not ZIPping the folder where files are in.
Instead of that, select files directly and ZIP them. Files
must be in the root of ZIP package.
IMPORTANT! Actual html-file that will be opened into
iframe must have been named as index.html!

Add new video

Add new hyperlink

Not this way!

Add new iframe beta

(BETA-feature)

This way!

Known iframe limitations:

Interactive html-contents inside iframe work only if end-user has updated
iPad OS to iOS5. User of earlier iOS will see passive iframe content without
ability to click, swipe etc.
iframes with content from URL works only when user is online
iframe content inserted locally may not have any references to public URLs
(absolute paths to images, scripts etc.) Everything must be local.
Test your iframe content carefully before publishing. Make sure that size is
correct in both Desktop and iPad viewers. You may have to place your con-
tent inside a div and set that div to be 100% width in your CSS declaration.
 14

Editing video settings

1. Open page with inserted video to page editor
2. Mouseover grey video placeholder
3. Pen and X icons are appearing top-right corner - click pen to open Video Details window, click X to remove element

4. Edit X/Y-positionig, Height and/or Width, define a poster image for video. Poster will be visible when video is not running.

Editing hyperlinks/iframes
1. Open page with inserted hyperlink/iframe to page editor
2. Mouseover grey element placeholder
3. Pen and X icons are appearing top-right corner - click pen to open Hyperlink/Iframe Details window, click X to remove element
4. Edit X/Y-positionig, Height and/or Width and URL where hyperlink points or iframe loads its content from.

NOTE! If you are using Zoomable feature in

InDesigns Tablet Exporter or using PDF2TABLET con-
verter, pages you are editing are double sized. If
you use numeric values for X, Y, Width or Height,
you must double those values as well!

EXAMPLE: You want you iframe to be placed 100 px

from left and 100 from top.
Zoomable not used: X:100, Y:100
Zoomable used: X:200, Y:200
 15

Publishing for iPad and computer users

After you have finished editing your publication, you can start publishing process.

1. Go to Issue Lightbox.
2. Click Publish icon on bottom-right corner of Lightbox

3. Publish window will open. Activate your target platforms (Desktop and/or iPad)

4. If you activate desktop option, you have 3 additional options to choose for all computer users
Desktop Viewer - browser based viewer that uses whole screen width and same page structure than iPad versio
Tablet Simulator - same as previous but packaged to tablet look-a-like environment
Link to Flip-Page magazine - link to any URL

5. Pick up zoom level; none, 150% or 200%.

6. Choose proper orientation mode for iPad based on pageorinetation you have used
7. Select Icon, any square shaped PNG will do fine. Icon will be used in iPad users home screen /desktop.
8. Click Publish, Choose destination and folder name (eDocker always creates a new folder and publish files into it).
16

Uploading project to server

After you have published your project locally, its time to upload it to server. You can do that with any free or paid FTP-client software.

If you dont have any, go and get one for free:

http://cyberduck.ch/

Theres versions for bot Mac and Windows users.

Naming policy

When you publish your project, you always upload the whole folder eDocker created for you. The name of the folder is also a part of the
final address. So if you had your project inside a folder named ipadmag and you upload it to your server www.mywebsite.com you end up
having your publication at address www.mywebsite.com/ipadmag. Its simple as that.

NOTE! Use only characters a-z, A-Z, 0-9 and _...

iPad user will see

this version

Computer users will

see this version

FTP

ipadmag

www.mywebsite.com

www.mywebsite.com/ipadmag

iPad-offline-use

eDocker creates automatically html5-offline capability to your publication. It means that after first visit iPad users may read your publica-
tion even if they dont have active internet connection.
If you want to offer then that possibility, you have to make sure that your server is configured to exept .manifest filetypes. Without that
your server does not recognize the cache.manifest file where all the cached files are listed.

Contact your server administrator to check this out well before you want to publish!

NOTE! All the features in your publication are not supporting offline use. For instance usage of videos and iframe contents requi-
res active online mode.
 17

eDocker PDF2TABLET

Overwiev

eDocker PDF2TABLET is new method to convert PDF file to .edtp format which can be opened and finalized in eDocker Tablet Publisher
without 3rd party softwares like Adobe InDesign.

Its possible to use eDocker PDF2TABLET as a standalone application (MacOS 10.6 or newer only) or as an online service at pdf.edocker.com.

Mac users
Installation of PDF2TABELT stanalone application for Mac

1. Use download link provided you by email, download edocker_pdf2tablet.zip -package to your Desktop.

2. UnZip the package, you will get an .app file called eDocker PDF2TABLET.
3. Drag and drop it to your Applications folder.

4. Open it from there, add serial number you received by email.

5. Click Activate

Deactivation

If you want to transfer your license from one computer to another, you have to deactivate license first.

1. Open PDF2TABLET application

2. Choose Deactivate from eDocker PDF2TABLET menu
3. After succesful deactivation, you can use same serial number with another computer
 18

Usage

1. Open eDocker PDF2TABLET application

2. Drag and drop PDF file to applications dro zone
3. Wait a moment, your PDF file will be converted to .edtp-package and opened automatically into eDocker Tablet Publisher

Windows users
Usage

1. Open your web-browser and go to pdf.edocker.com, use ID and password provided you by email.
2. Browse in your PDF file and click Upload and convert button
3. After the conversion, download link to ready to .edtp-package will appear.
4. Right-click the link and choose Save target as or Save link as...
5. Choose proper target for the file
6. After download has completed, navigate to the target you choosed at step 5
7. Double-click .edtp file to open it to eDocker Tablet Publisher