HTML5 as an alternative to PDF on the mobile platform

Disclaimer

No kittens were harmed (or even woken up) in the making of either presentation

Thursday, 29 March 12

HTML5 AS AN ALTERNATIVE TO PDF ON THE MOBILE

PLATFORMMark Stephens - IDRsolutions


THINKING OUT OF THE BOX


THINKING OUT OF THE BOX


HTML5

The first version I would recommend...


HTML5


Convergence of :-


HTML5


Convergence of :-1. Good cross-platform support.


HTML5


Convergence of :-1. Good cross-platform support.2. All pervasive.


HTML5


Convergence of :-1. Good cross-platform support.2. All pervasive.3. Feature rich (media support, GPS, local storage)


HTML5


Convergence of :-1. Good cross-platform support.2. All pervasive.3. Feature rich (media support, GPS, local storage)4. Reasonable offline support.


HTML5


Convergence of :-1. Good cross-platform support.2. All pervasive.3. Feature rich (media support, GPS, local storage)4. Reasonable offline support.5. Improving Tools


Ways to develop HTML5



1. Build it programmatically with tools and libraries (JQuery)




2. Or produce it as output




2. Or produce it as output

3. Ship it (and maybe even debug it as well)


HTML5

Is really THREE technologies working together


HTML5


HTML5 (including canvas)


HTML5


HTML5 (including canvas)CSS


HTML5


HTML5 (including canvas)CSSJavascript


Pixellation on the canvas






Advantage of ‘web apps’Support multiple platforms more easily.

Easier to write a ‘web’ app and tweak (debug!) for all the mobile platforms than write a version for IPad, each Android device,

Blackberry...


So how good is HTML5Which is the PDF page?










Size matters


Size matters

Multiply your PDF co-ords by 1.33


Comparison of HTML5 and PDF

‘Comparable’ features



Vector graphics, transforms, shapes and clipping




Vector graphics, transforms, shapes and clippingJavascript




Vector graphics, transforms, shapes and clippingJavascriptBasic Forms and interactive events




Vector graphics, transforms, shapes and clippingJavascriptBasic Forms and interactive eventsBasic text




PDF still wins



Color support beyond RGB

PDF still wins



Color support beyond RGBTransparency

PDF still wins



Color support beyond RGBTransparencyEmbedded font support (TTF, OTF, TTC, Postscript)

PDF still wins



Color support beyond RGBTransparencyEmbedded font support (TTF, OTF, TTC, Postscript)Advanced text position (kerning, fontsize)

PDF still wins



Color support beyond RGBTransparencyEmbedded font support (TTF, OTF, TTC, Postscript)Advanced text position (kerning, fontsize)Quality of Image scaling

PDF still wins



Color support beyond RGBTransparencyEmbedded font support (TTF, OTF, TTC, Postscript)Advanced text position (kerning, fontsize)Quality of Image scalingSupport for foreign fonts

PDF still wins



Color support beyond RGBTransparencyEmbedded font support (TTF, OTF, TTC, Postscript)Advanced text position (kerning, fontsize)Quality of Image scalingSupport for foreign fontsSingle file container

PDF still wins



Color support beyond RGBTransparencyEmbedded font support (TTF, OTF, TTC, Postscript)Advanced text position (kerning, fontsize)Quality of Image scalingSupport for foreign fontsSingle file containerSecurity

PDF still wins



PDF falling behind? (IMHO)



Location/GPS




Location/GPSOffline functionality




Location/GPSOffline functionalityCSS




Location/GPSOffline functionalityCSSSocial media




Location/GPSOffline functionalityCSSSocial mediaVideo




Location/GPSOffline functionalityCSSSocial mediaVideoDebugging tools



My verdict


My verdict

At the end of the day, PDF still wins for quality of display but

HMTL5+CSS+Javascript may be good enough for an increasingly number of things


Shameless plug....


Contact details

Twitter : javaPDFBlog: http://www.jpedal.org/PDFBlogEmail: [email protected]

Or grab me any time today...

Any questions?


mailto:[email protected]

mailto:[email protected]

Technology

HTML5 as an alternative to PDF on the mobile platform