How to implement e-reader(flipbook) in AEM

Basically as editorial they have to leverage his current flipbook implementation.

Current Workflow

• Content is prepare in InDesign or other external app (base html5, css)
• All content is exported into intermidiate CMS for certain pre-process (NON AEM, it's a java base OLD CMS)
• Then In this CMS,  The author configure all stuff related with FLIPbook(like text, high light, etc, and so on). I know that too manual!!!!
• Then thru api en RoR, read everything for that  CMS, expose xml/json configuration thru RoR API
• Finally the flipbook  player  - WEB o app(Android, IoS) mobile consume those xml/json to shown the ebook and all behaviour. The desktop version is base on flash and the android is base on html5

Important thing:

• There is not configuration  in AEM
• InDesign export process is not defined to make easier the integration with AEM
• No Authoring process is defined yet
• There is not restriction to build Flipbook inside AEM as component/player or outside
• The new player must be support Ecommerce integration
• The new player must be support authoring in AEM or any other configuration
• Segmentation is nice to have

Agreed this would be implemented as a JQuery Plugin within AEM. 

http://www.turnjs.com/

We have many articles showing you how to use JQuery within AEM. For example: 

https://helpx.adobe.com/experience-manager/using/integrating-jquery-framework-cq.html

Hope this helps

Hi 

You can achieve this using many Jquery plugins.

Link:- http://www.jqueryrain.com/2012/12/best-jquery-page-flip-book-effect-with-examples/ and http://webresourcesdepot.com/5-free-jquery-page-flip-plugins-for-book-like-interfaces/

Community article showing, how to create a custom component which is using 3rd party JavaScript and DAM assets to make it use as carousel :- https://helpx.adobe.com/experience-manager/using/custom-carousel-components.html

I hope this would help you.

Thanks and Regards

Kautuk Sahni