Meta Refresh 2014

On the construction of user interface on the web

Amarjeet Singh

@singh_amarjeet

Books + Browser + On/Offline = Reading Redefined

Submitted Jan 2, 2014

Bringing Book Reading to a browser without compromising on native app reading experience - fast, free styling, secure and most importantly offline reading mode.

Outline

  1. How to Tackle “No wait time” to read online? Heard of ePub streaming? How to use PhantomJS to address some of the performance issues?
  2. How to stream epubs at scale without any loss in the continuity and yet secure?
  3. How to redefine TOC for a book?
  4. How to make sure the user reading experience is synced across browsers and devices?
  5. How to make sure every chunk of book we are streaming cannot be eavesdropped and cannot be used to reconstruct the whole book without valid order? How CryptoJS is being used to address this?
  6. How is the screen size driving the chunk size and why we came up with this configurable chunk size?
  7. How to make sure that look and feel of the book is as generated by publisher even on a browser?
  8. How to make sure user can read the book even when he is offline?
  9. How we used HTML5 offline cache,indexeddb,websql,OOJS,CSS3,nodeJS,websockets,PhantomJS,Streaming,Sync and other services to achieve all this.

Speaker bio

Joined Flipkart in 2012. Have been associated with eBooks ever since. Started working on eBooks rendering on Browser for samples initially. Findings from that exercise eventually lead to Complete Web Reader application supporting all features of a reader. Prior to flipkart, worked at Libsys ltd.I have worked on javascript,java,php,c#,node,android.

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more