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

The first version I would recommend...

Convergence of :-

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

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

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

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

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

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

Is really THREE technologies working together

HTML5 (including canvas)

HTML5 (including canvas)CSS

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

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

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: markstephens@idrsolutions.com

Or grab me any time today...

Any questions?

HTML5 as an alternative to PDF on the mobile platform

Technology

App vs. Widget, HTML5 Apps - cross platform

Cross Platform HTML5 Mobile Development and the Firefox OS

HTML5 and the future JavaScript platform

HTML5 and web platform

HTML5 - Emerging Platform for Games

HTML5 Cross-Platform Game Developmenteliens/stud/local/student/thesis-marek.pdf · HTML5 Cross-Platform Game Development Author: Marek Janiszewski Supervisors: Dr. Frank Nack

Html5, Native and Platform based Mobile Applications

HTML5 & Web Platform

Native vs cross platform vs html5

Cross-platform digital publishing in HTML5: dream or reality?

HTML5 and the Open Web Platform - World Wide Web Consortium

Pub html5 powerful digital publishing platform

HTML5 Apps - Cross platform

HTML5 Hybrid-Platform Application Development

Comparing HTML5 frameworks when creating multi-platform ...€¦ · Comparing HTML5 frameworks when creating multi-platform mobile views in an existing MVC4 application Bachelor of

Cross Platform Mobile application development HTML5 and JavaScript

Multi-platform Compatibility of HTML5 by developing simple HTML5 based game(Mini project)

Comparing HTML5 frameworks when creating multi-platform … · 2016-08-15 · •MVC4 is an alternative architectural framework for the ASP.NET web forms pattern for creating web

Media Port 2012, Session 5: HTML5 Cross-platform Publishing

HTML5の基礎と応用 ~Open Web Platform~