Tech update: Improvements to colour rendering

Last year we implemented a new page rendering system which provided better performance when rendering images and text within Digipage – a system which was primarily aimed at the delivery of pages through Flash. Unfortunately, this meant that the improved methods we’d been using in Flash have not been available to our HTML5 solution.

We’ve now implemented a new rendering system within the Digipage compilation service which brings higher-clarity support to HTML5, with better colour reproduction in respect to the original PDF.

While a relatively minor update in technical terms, we feel this is really going help make your Digipage documents stand out, regardless of whether you are viewing on mobile or desktop, Flash or HTML5.

Like night and day: Part of a page showing the old rendering (top) compared to the new solution (bottom)
Like night and day: Part of a page showing the old rendering (top) compared to the new solution (bottom)

Posted in Digipage, HTML5, New features | Leave a comment

New Features: HTML5, Browser auto-detection and the Cloud

Enabling HTML5 and the new linking systemWe’re almost finished with the huge task we undertook earlier this year of incorporating HTML5 into the Digipage system. This has been a much larger job than just adding a bit of HTML5 code and pushing it out alongside our current offering; we saw it as an opportunity to reinvent Digipage for the next generation of tablet/touch-screen devices.

Our focus was on creating a solution that seamlessly integrated within the existing Digipage offering; a solution that wouldn’t require additional work in the control panel, wouldn’t require mobile and tablet users to install individual apps or special pieces of software and, most importantly, would enable desktop, mobile phone and tablet users alike to view Digipage documents in Flash and HTML5 all from a single link.

We’re pleased to announce that this vision is now coming true and, thanks to our new cloud-based hosting, it’ll even work faster than it ever has before.

Clearly, this whole process requires that we make some significant changes behind the scenes. In order to make sure these changes happen as smoothly as possible, we’re going to stage the launch of our new integrated Flash-and-HTML5 solution into a number of smaller steps. Whilst we are making every effort to ensure there are no issues during the upgrade, at every step you’ll still be able to access our old system should anything not work as expected.

Changes to the linking system

We’ve mentioned previously that we’ll be changing the linking system. As of this moment, the old linking system will still be the default option when you upload a document, however in order to use either our cloud-based hosting or the HTML5 version, you’ll need to use the new linking system. To recap, our current system works something like this (note these are not functioning links):

You’ve previously been able to link to a Digipage document by userpath:

http://view.digipage.net/?userpath=00000001/00001234/00012345/

or by link ID:

http://view.digipage.net/?id=your_link_id

The new linking system looks more like this:

http://view.digipage.net/00000001/00001234/00012345/

or:

http://view.digipage.net/go/your_link_id/

This change was required in order to support our plans for cloud-based hosting, however we also believe it helps simplify our links, especially when using link IDs.

Enabling these new features

We’ve tried to make it as easy as possible to switch the new features on. To this end, we’ve added a single new drop-down menu in the eBook Editor (within the Digipage control panel) titled ‘Delivery Method’. From here, you simply select the delivery method you require, click the ‘apply’ button and then click ‘preview’ to view your document.

The available delivery methods are as follows:

normal – This uses the current, original linking method and disables HTML5. Essentially, this option ensures you can carry on using Digipage with no changes whatsoever.
html5 – This option uses the new linking method detailed above and forces Digipage to always deliver the document in HTML5, even if the user’s computer supports Flash.
flash – This option uses the new linking method and forces Digipage to always attempt to deliver the Flash version, regardless of whether the user’s computer has Flash or not.
auto – This option uses the new linking method and detects if the user’s computer supports Flash. Desktop PCs and Apple Macs with Flash installed will see the Flash version of Digipage. All other versions will be given the HTML5 version.

In almost all cases, the option you’ll most want to use is auto. Eventually, this will be set as the default for any new documents and the normal option will become a legacy delivery method primarily used for supporting older documents and links that are still live. During testing before publishing a document, you might want to select the html5 option in order to check how it’ll look in HTML5 while using a desktop PC/Mac that would otherwise support Flash.

The Cloud

The next step in our plan is to enable cloud-based hosting for Digipage documents. We’re already testing this new feature, so if you’d like to be included in early testing, please contact us via support@digipage.net.

Cloud-based hosting has a number of distinct advantages over our current server system. Most importantly, it means we are tapping into a vast array of servers located across the globe, ensuring that your Digipage content is delivered to users via servers which are closest to them – leading to faster response and download times. Furthermore, our Digipage content is cached on these servers, giving us greater resilience in the event of a fault in our primary server centre.

Sub-domain users

Currently, the primary focus of our testing has been on the view.digipage.net domain. While we are supporting the use of this new system for customers who use their own custom subdomains, please be aware that in some cases, it may be necessary to make some setup changes before the subdomains will work on the new links. Therefore, if you find that your subdomain is not functioning properly, please inform us and we’ll look into it as quickly as possible.

Please also note that current subdomains will not be able to make use of the new cloud system. It will be necessary for subdomain customers to make some changes to their subdomains in order to support the cloud. More details will be available regarding this once we have the cloud system fully operational.

The Future

Our HTML5 system is still in its infancy and naturally, there are a number of features we plan to add as time goes by. This early version was developed primarily with tablet users in mind, so therefore a considerable amount of our effort from here on will focus on ensuring the best viewing experience to mobile users – whether they are using an iPad, iPad mini, iPhone, Windows 8 tablet, or the vast myriad of Android tablet and mobile phone devices that are on the market.

Further to that, we’ll also be making efforts to ensure as much of the Flash Digipage product is available to HTML5 viewers. Currently, only standard links drawn in the page editor will appear on HTML5 documents. We’re expecting to have rollover links and video added very soon and then we’ll focus on adding more and more HTML5-specific features.

To our Digipage customers: We thank you for your continued support of Digipage, and your patience while these new features have been developed. We’ve had to make a lot of changes behind the scenes to get this new system up-and-running, so we’re pleased to be able to finally share these developments with you.

Posted in Digipage, eBook Editor, HTML, HTML5, New features | Leave a comment

Tech focus: Adding a ‘pop-up’ rollover image to a page

Example of a rollover pop-up linking to a locally-held imageRoll-over images are frequently added to Digipage brochures in order to highlight an area of the page and bring it into focus when the user’s mouse hovers over a link. However, what is not so well known is that they can also be used to quickly and easily display different content that isn’t on the page – and we’ve just made this process even easier.

Traditionally, it was necessary to host images elsewhere and link through to them from the Digipage control panel using the ‘external’ rollover parameter in the page editor. This process was made somewhat complex by the need to create a crossdomain.xml file on the off-site location in order to allow Digipage to load the image.

We’ve now created a ‘local’ option which greatly speeds up this procedure. In the example above, we created the following image (here shown at 50% full size) and uploaded it to the Digipage document by clicking the Upload -> Media button in the eBook editor. We named the file ‘tv-option.jpg‘:

tv-option.jpg

Next, we edited the page where we wanted the roll-over to appear, selected the roll-over tool and drew a box over the area that should activate the roll-over link. In the parameters for the roll-over, we selected ‘local‘ from the rollovertype drop-down and typed the filename ‘tv-option.jpg‘ as the name of the roll-over:

Drawing a roll-over area and setting it to load a locally-hosted image.

Drawing a roll-over area and setting it to load a locally-hosted image.

Finally, we simply clicked Apply, saved the page and recompiled the brochure. Now, when we preview the document, moving your mouse over the roll-over area automatically loads the additional content in the centre of the screen.

The roll-over system has additional features – for example it can be used to display additional textual information alongside the image and can even link into a pre-existing shopping cart system to allow people to purchase items directly from the Digipage brochure. We’ll cover those items in a later post.

Posted in Digipage, eBook Editor, Page Editor, Pop-ups, Roll-over images | Leave a comment

New Feature: Automatically split double-page spreads

Something we regularly need to explain to new customers is that Digipage works best with PDFs that contain pages with similar dimensions. Often, we’ll see PDF files uploaded onto the system that contain a single portrait A4 cover page at the start, followed by multiple A3 landscape spreads.

If uploaded as-is to the system, Digipage would always treat these double-page spreads as single pages in their own right, squeezing the A3 content into an A4-sized space.

Our older control panel system contained an advanced feature that allowed customers to enter the expected height and width of individual pages, so that when the Digipage Compilation Service encountered double-page spreads, it knew how to split them correctly.

However, this system was always slightly prone to bugs – it only allowed you to enter round numbers in millimetres and, more often than not, the actual document dimensions would not quite match these dimensions (especially true if the document dimensions were originally set up in inches). In those cases, it would sometimes split a double-page into three pages – with the third being a tiny sliver of the remaining page, which would then need deleting.

For that reason, the split pages option was always hidden away to be used as a ‘last resort’ scenario where it wasn’t possible to split the document in Acrobat and our recommendation was that wherever possible, PDF files should be split prior to upload.

However, the Digipage Compilation Service now contains a new feature that allows it to detect the page sizes of individual pages within a PDF file and make decisions as to whether or not the pages need to be split.

This system works on a fairly strict principles – it will look for pages which are exactly double the width of the front page and split these pages in two before processing.

We’d still recommend splitting documents before uploading wherever possible, but the hope is that this fairly minor update will help save a lot of time for a large number of our customers. In the future, we hope to improve this auto-split facility to work with more complex scenarios.

Posted in Digipage, eBook Editor, New features, Upload Wizard | Leave a comment

How to: Quickly redirect from one Digipage document to another.

Usually, if you make changes to a Digipage document, you’d simply upload the new pages into the old document and re-publish it. However, there may be occasions where the content has been changed so greatly, that the decision is taken to create a completely new document and then switch the links over.

In some cases, you may want the new document to completely replace the old document – including any old links that your clients may have, or anywhere the document may have been published online.

If you’ve used the link ID feature within Digipage, this is easy – you simply delete out the link ID from the old document and place it in the new document. However, if you haven’t, Digipage doesn’t offer an obvious method to do this. There is a fairly easy and straightforward method that can help in these situations.

Let’s say your new document is online at http://view.digipage.net/?userpath=00000001/00001234/00012345/ (this isn’t a real link, so don’t expect it to work).

Within the eBook editor on Digipage is a button labelled ‘HTML’. This button allows you to actually insert raw HTML into the body of the Digipage document, either above or below our code that displays the document on-screen. We can use this to fire a JavaScript redirect to the new document.

Select your old document in the eBook editor and click the HTML button. In the HTML header section, if the text states ‘undefined’, delete this, and then enter the following code:

<script type=”text/javascript”>window.location=”http://view.digipage.net/?userpath=00000001/00001234/00012345/”</script&gt;

Obviously, you’ll need to replace the userpath with the path of your new document. Click save and you’re done! Previewing the document should show that you’re now redirected to the new document.

The HTML facility is quite versatile and can be used for a wide variety of reasons – we’d be interested in hearing from anyone that’s found an innovative use for this feature.

Posted in Digipage, eBook Editor, HTML, Javascript | Leave a comment

Welcome to the official Digipage blog

Digipage has been on the web since the beginning of 2007, so it seems a little late that we finally get a blog, but here we are. Look out for regular updates, tips and tricks designed to help you make the most from Digipage and announcements involving new developments.

Posted in Digipage | Leave a comment