eZBK
eZ publish extension
   for BKRender




                         Maxime THOMAS Logica
                       Thomas SARLANDIE Backelite
                          eZ Conference 2011 in London
                               16th of June 2011
About the speakers…
                     Maxime THOMAS                          Thomas SARLANDIE




• In charge of the CMS Open Source Business    • Co-Founder and CTO of Backelite since 2006
   Unit for 2 years at Logica France.

• Consultant on CMS projects,                  • Author of « Programmation iPhone OS »
   industrialization and RIA solutions.          (2008)

• Active contributor in the Apache Zeta
   Component community.                        • Over 40+ mobile projects (web, iPhone,
                                                 Android, iPad) in the last 5 years
• Reviewer of the eZ publish book "eZPublish
   4 Enterprise Web Sites Step By Step"
                                               • In charge of BkRender BU since 2010
• Self contractor an eZ Publish extension
   editor.


© Logica 2011. All rights reserved                                                        No. 2
About our companies…




• Leading Business and technology service
   company, employing 39,000 people                   • Specialist of mobile web and mobile applications
                                                        since 2006
• Revenues of £3.7 billion in 2010
                                                      • 70p dedicated to mobile design and
• Providing business consulting, systems                development
   integration and outsourcing to clients around
   the world, including many of Europe’s largest
   businesses
                                                      • Revenus of 4.6 M€ in 2011
• Creating value for clients by successfully
   integrating people, business and technology

• Committed to long term collaboration, applying
   insight to create innovative answers to clients’
   business needs

• Listed on both the London Stock Exchange and        • Mobile development platform by Backelite
   Euronext (Amsterdam)



© Logica 2011. All rights reserved                                                                  No. 3
Agenda

• Company details

• Context and stakes

• Overview of the solution

• Rules for integration

• Feedback on XTEND platform integration




© Logica 2011. All rights reserved         No. 4
Context and
Stakes
Mobile will be the next major technology




© Logica 2011. All rights reserved         No. 6
Your mobile strategy in three steps

                                     • Build a great mobile site
                                       • Modern mobile web technologies
                                         allow you to build a great user
                                         experience
                                       • The mobile web is not dead!


                                     • Use hybrid applications to publish
                                       your site on application stores
                                       • The quickest road to a wide
                                         audience
                                       • A flexible model


                                     • Integrate mobile into your
                                       technical strategy
                                       • Use your existing tools and
                                         platforms
                                       • Leverage the skills of your
                                         developers


© Logica 2011. All rights reserved                                         No. 7
One content platform for all devices

• Extend the web to the mobile
   devices                                            Web
                                                      User

   • Reuse of content
                                                    Platform


   • Aim different audience                Web                Mobile
                                          content            content

   • Shorter time to market


   • Reduced cost for new content
     based features

                                      Mobile   Mobile   Mobile   Mobile
                                       User     User     User     User
                                     Device A Device B Device C Device D




© Logica 2011. All rights reserved                                     No. 8
Overview of
the solution
BKRender – The rendering platform

                                     BkRender is a development solution
                                     to build great mobile sites

                                       • App-like user experience thanks to
                                         JS/CSS3
                                       • Automatic adaptation on every mobile
                                         devices


                                     That are available to every mobile users
                                       • Through any mobile browsers
                                       • And in the stores thanks to hybrid
                                         applications


                                     And is extremely cost effective
                                       • Develop once – publish on every
                                         platforms
                                       • Leverage your existing teams and
                                         code
                                       • Save time on device-testing


© Logica 2011. All rights reserved                                            No. 10
BKRender – Compared to other solutions

Compared to JavaScript based frameworks


• Server side adaptation
   • 100% support of mobile browsers
   • Simply upgrade to support new devices


• Developer friendly
   • The easiest learning curve
   • Leverage existing code
   • Avoid mobile-JavaScript complexity




BkRender hybrid applications can leverage
PhoneGap wide API coverage




© Logica <YEAR>. All rights reserved         No. 11
Architecture of our solution
The whole thing




    Mobile                                  Web
     User                                   User




                                     eZBK




© Logica 2011. All rights reserved
Architecture of our solution
BKRender side




                                      J2EE      Mobile
                                     Server      DB
    Mobile
     User            HTTP
                                                             HTTP

                                        Application
  Device Optimized
  HTML + CSS + JS
                                                             BKML




                                                      eZBK


© Logica 2011. All rights reserved                                  No. 13
Architecture of our solution
eZPublish side




                                            eZBK extension



                                                                    Web
                                                                    User


                            HTTP                             HTTP

                                                Mobile


                           BKML                  Web         HTML

                                             Site accesses


                                     eZBK


© Logica 2011. All rights reserved                                         No. 14
Our solution : eZBK, extension for eZ Publish

The aim of eZBK is to provide a starter kit for people who wants to
use BKRender with eZPublish.

The extensions contains :

• Override templates for the ezflow package and the basic classes of
   content (datatypes, full views…) which can be used as examples

• Basic code to ensure compatibility between BKML and eZ Publish and
   provide support to developpers:

   •   Debug ouput handler
   •   Content type header
   •   Special override of operator attribute
   •   Special operator to generates images with text



© Logica 2011. All rights reserved
Demo !
Rules to
follow
for a proper integration
Rules to follow
for a proper integation

• Make first the BKML, then the eZ templates

• Use Firefox plugin User Agent Switcher

• BKML looks like HTML: it is a neutral language used by BKRender

   • It has its own rules with its own markups
   • You have restriction on :
      • CSS and JS integration
      • Image size, most of the time
      • Table size


• BKRender provides many features (transitions, browsing…)

• BKRender can use AJAX a lot without integrating it in eZ Publish

© Logica 2011. All rights reserved
Feedback on
XTEND
Our feedback on XTEND

The aim of XTEND is to provide
through the eZ Market place
extensions of great added value
in a complementary business to
Content Management.

• eZ Systems provides :
   • Host for sources
   • Certification process
   • Marketing materials


• We provide :
   • Source ☺
   • Support
   • Documentation


© Logica 2011. All rights reserved   No. 20
The ezPublish extension: ezBK
                                                                                            is in certification by ez

                                                                                            BkRender can be tried online
                                                                                              at bkrender.com/trial
                  Thank you
                                                                                            Follow us:
                  Maxime THOMAS                                                                 @wascou
                  Thomas SARLANDIE
                                                                                                @sarfata
                                                                                                @bkrender

Logica is a business and technology service company, employing 39,000 people. It provides business consulting, systems integration and outsourcing to
clients around the world, including many of Europe's largest businesses. Logica creates value for clients by successfully integrating people, business and
technology. It is committed to long term collaboration, applying insight to create innovative answers to clients’ business needs. Logica is listed on both the
London Stock Exchange and Euronext (Amsterdam) (LSE: LOG; Euronext: LOG). More information is available at www.logica.com

Maxime Thomas - eZBK

  • 1.
    eZBK eZ publish extension for BKRender Maxime THOMAS Logica Thomas SARLANDIE Backelite eZ Conference 2011 in London 16th of June 2011
  • 2.
    About the speakers… Maxime THOMAS Thomas SARLANDIE • In charge of the CMS Open Source Business • Co-Founder and CTO of Backelite since 2006 Unit for 2 years at Logica France. • Consultant on CMS projects, • Author of « Programmation iPhone OS » industrialization and RIA solutions. (2008) • Active contributor in the Apache Zeta Component community. • Over 40+ mobile projects (web, iPhone, Android, iPad) in the last 5 years • Reviewer of the eZ publish book "eZPublish 4 Enterprise Web Sites Step By Step" • In charge of BkRender BU since 2010 • Self contractor an eZ Publish extension editor. © Logica 2011. All rights reserved No. 2
  • 3.
    About our companies… •Leading Business and technology service company, employing 39,000 people • Specialist of mobile web and mobile applications since 2006 • Revenues of £3.7 billion in 2010 • 70p dedicated to mobile design and • Providing business consulting, systems development integration and outsourcing to clients around the world, including many of Europe’s largest businesses • Revenus of 4.6 M€ in 2011 • Creating value for clients by successfully integrating people, business and technology • Committed to long term collaboration, applying insight to create innovative answers to clients’ business needs • Listed on both the London Stock Exchange and • Mobile development platform by Backelite Euronext (Amsterdam) © Logica 2011. All rights reserved No. 3
  • 4.
    Agenda • Company details •Context and stakes • Overview of the solution • Rules for integration • Feedback on XTEND platform integration © Logica 2011. All rights reserved No. 4
  • 5.
  • 6.
    Mobile will bethe next major technology © Logica 2011. All rights reserved No. 6
  • 7.
    Your mobile strategyin three steps • Build a great mobile site • Modern mobile web technologies allow you to build a great user experience • The mobile web is not dead! • Use hybrid applications to publish your site on application stores • The quickest road to a wide audience • A flexible model • Integrate mobile into your technical strategy • Use your existing tools and platforms • Leverage the skills of your developers © Logica 2011. All rights reserved No. 7
  • 8.
    One content platformfor all devices • Extend the web to the mobile devices Web User • Reuse of content Platform • Aim different audience Web Mobile content content • Shorter time to market • Reduced cost for new content based features Mobile Mobile Mobile Mobile User User User User Device A Device B Device C Device D © Logica 2011. All rights reserved No. 8
  • 9.
  • 10.
    BKRender – Therendering platform BkRender is a development solution to build great mobile sites • App-like user experience thanks to JS/CSS3 • Automatic adaptation on every mobile devices That are available to every mobile users • Through any mobile browsers • And in the stores thanks to hybrid applications And is extremely cost effective • Develop once – publish on every platforms • Leverage your existing teams and code • Save time on device-testing © Logica 2011. All rights reserved No. 10
  • 11.
    BKRender – Comparedto other solutions Compared to JavaScript based frameworks • Server side adaptation • 100% support of mobile browsers • Simply upgrade to support new devices • Developer friendly • The easiest learning curve • Leverage existing code • Avoid mobile-JavaScript complexity BkRender hybrid applications can leverage PhoneGap wide API coverage © Logica <YEAR>. All rights reserved No. 11
  • 12.
    Architecture of oursolution The whole thing Mobile Web User User eZBK © Logica 2011. All rights reserved
  • 13.
    Architecture of oursolution BKRender side J2EE Mobile Server DB Mobile User HTTP HTTP Application Device Optimized HTML + CSS + JS BKML eZBK © Logica 2011. All rights reserved No. 13
  • 14.
    Architecture of oursolution eZPublish side eZBK extension Web User HTTP HTTP Mobile BKML Web HTML Site accesses eZBK © Logica 2011. All rights reserved No. 14
  • 15.
    Our solution :eZBK, extension for eZ Publish The aim of eZBK is to provide a starter kit for people who wants to use BKRender with eZPublish. The extensions contains : • Override templates for the ezflow package and the basic classes of content (datatypes, full views…) which can be used as examples • Basic code to ensure compatibility between BKML and eZ Publish and provide support to developpers: • Debug ouput handler • Content type header • Special override of operator attribute • Special operator to generates images with text © Logica 2011. All rights reserved
  • 16.
  • 17.
    Rules to follow for aproper integration
  • 18.
    Rules to follow fora proper integation • Make first the BKML, then the eZ templates • Use Firefox plugin User Agent Switcher • BKML looks like HTML: it is a neutral language used by BKRender • It has its own rules with its own markups • You have restriction on : • CSS and JS integration • Image size, most of the time • Table size • BKRender provides many features (transitions, browsing…) • BKRender can use AJAX a lot without integrating it in eZ Publish © Logica 2011. All rights reserved
  • 19.
  • 20.
    Our feedback onXTEND The aim of XTEND is to provide through the eZ Market place extensions of great added value in a complementary business to Content Management. • eZ Systems provides : • Host for sources • Certification process • Marketing materials • We provide : • Source ☺ • Support • Documentation © Logica 2011. All rights reserved No. 20
  • 21.
    The ezPublish extension:ezBK is in certification by ez BkRender can be tried online at bkrender.com/trial Thank you Follow us: Maxime THOMAS @wascou Thomas SARLANDIE @sarfata @bkrender Logica is a business and technology service company, employing 39,000 people. It provides business consulting, systems integration and outsourcing to clients around the world, including many of Europe's largest businesses. Logica creates value for clients by successfully integrating people, business and technology. It is committed to long term collaboration, applying insight to create innovative answers to clients’ business needs. Logica is listed on both the London Stock Exchange and Euronext (Amsterdam) (LSE: LOG; Euronext: LOG). More information is available at www.logica.com