SlideShare ist ein Scribd-Unternehmen logo
1 von 20
Downloaden Sie, um offline zu lesen
Report Webkit
Partner/community days presentation




                Camptocamp / 13. avril 2011 / www.camptocamp.com / info@camptocamp.com
History of Report Webkit

         First we have report workshop in community days 2010
                     Then we have the opportunity...
History of Report Webkit

         Ok, so let me talk about a last
         detail. The printing of invoices.
History of Report Webkit

         First,
         We are going to have resellers.
         They should be able to have unique
         style and header on invoices.
         They should be able to customize
         design easily.
History of Report Webkit

         Second,
         We have to print payment slip.
         With or without background
         or formatted for easy copy paste.
         And some time we do not want
         payment slip.
         Simple isn’t it...
History of Report Webkit

         We may also want to insert
         commercials strips from our server.

         I heard that OpenERP has a DMS.
         It would be nice to have invoices
         in it.
History of Report Webkit

         Oh and more than 100’000 monthly
         invoices have to be printed in one night.
History of Report Webkit

         Is it OKAY for you.

         Can you do it ?
History of Report Webkit


             Of course, no problem!




                        Agrrr
History of Report Webkit




      Thus was born Report Webkit
Overview
Multi header report

HTML/CSS based

Javascript support (if you dare)

Mako template based

Integrated

wkhtml2pdf >= 1.0 (please use stable release)

Render PDF or HTML (for HTML fix pending)
Data structure
                    HeaderHTML                                     Company
                 ir.header_webkit                                res.company
//Implicit relation filed                              //Absolute Path to wkhtmltopdd lib
+company_id                                      0..1 +lib_path
//HTML definition of header                   *
+html
//HTML definition of footer
+footer_html
//Report CSS (Does not apply to header)
+css
+name
+margin_* (top, bottom, left, right)
+orientation [landscape, portrait]
+format [A0..Tabloïd]
                               0..1



                                      *
                                              ReportXML
                                        ir.actions.report.xml
                 //Implicit relation field !! property fields allows global header
                 +webkit_header
                 //HTML raw input
                 +webkit_debug
                 //Embedded HTML if report created in client
                 +report_webkit_data
                 //Report type set to webkit for WebKit
                 +report_type
                 //Path to mako file
                 +report_file
                 //Activate header or not
                 +header
How to Demo

1. Set absoute lib path to wkhtml2pdf
How to Demo

2. Find the correct menu
How to Demo
                         Osv model            Report type
                         (_name)              (webkit)
3. Create a new report




                                     HTML header




                                          Mako syntax
                                          report body
How to Demo

3. Create a new report:
You can deactivate header




3. Create a new report:
You can set a file instead of DB data
How to Demo

4. You can add a print button




OR
You can do it with XML (no need to add button)

<report
   auto="False"
   id="any_text"
   model="any_open_erp_ovs_name"
   name="any_text"
   file="Path to file"
   string="Text of the button"
   report_type="webkit"/>
More complex samples



             report_webkit_sample

              l10n_ch bvr report
TODO
Fix utf8
   OpenERP have a look at : https://code.launchpad.net/~c2c/openobject-
addons/6.0_report_webkit_utf8_support/+merge/56716

   !! wkhtml 1.0 only


Add helpers to acces header

Fix menu and acces rights

Provide a WYSIWYG edit tool based on Komposer or equivalent.
               (Any suggestions are welcome)
Contact
Camptocamp SA
PSE A – Parc Scientifique EPFL
1015 Lausanne, Suisse

Camptocamp France SAS
Savoie Technolac
48 avenue du Lac du Bourget
73372 Le Bourget du Lac, France

www.camptocamp.com


Nicolas Bessi, Technical director

Tél : +41 21 619 10 04 (CH), +33 479 44 44 95 (FR)
E-mail : info@camptocamp.com

   20

Weitere ähnliche Inhalte

Andere mochten auch

Allenamento mensile dicembre
Allenamento mensile dicembreAllenamento mensile dicembre
Allenamento mensile dicembreFAIR COACH
 
Diversidad cultural de tijuana1
Diversidad cultural de tijuana1Diversidad cultural de tijuana1
Diversidad cultural de tijuana1Toño Garcia
 
PraxisPlus - fogorvos marketing, praxismenedzsment
PraxisPlus - fogorvos marketing, praxismenedzsmentPraxisPlus - fogorvos marketing, praxismenedzsment
PraxisPlus - fogorvos marketing, praxismenedzsmentMihaly Toth
 
Neue BILD der FRAU-Studie: Der Mann 2013 – Arbeits- und Lebenswelten – Wunsch...
Neue BILD der FRAU-Studie: Der Mann 2013 – Arbeits- und Lebenswelten – Wunsch...Neue BILD der FRAU-Studie: Der Mann 2013 – Arbeits- und Lebenswelten – Wunsch...
Neue BILD der FRAU-Studie: Der Mann 2013 – Arbeits- und Lebenswelten – Wunsch...Axel Springer Marktforschung
 
LogMeIn Boston HQs
LogMeIn Boston HQsLogMeIn Boston HQs
LogMeIn Boston HQsLogMeIn
 
Internet: Desarrollo De Una Presentacion
Internet: Desarrollo De Una PresentacionInternet: Desarrollo De Una Presentacion
Internet: Desarrollo De Una Presentacionjoacoredhot
 
Lista de Precios Mayak'ab Enero 2014
Lista de Precios Mayak'ab Enero 2014Lista de Precios Mayak'ab Enero 2014
Lista de Precios Mayak'ab Enero 2014ArturoDamarq
 
Nordic Sugcon xdb crash course
Nordic Sugcon xdb crash courseNordic Sugcon xdb crash course
Nordic Sugcon xdb crash courseTodd Mitchell
 
Keynote: "Prozessmanagement im Spannungsfeld von Kontinuität und disruptivem ...
Keynote: "Prozessmanagement im Spannungsfeld von Kontinuität und disruptivem ...Keynote: "Prozessmanagement im Spannungsfeld von Kontinuität und disruptivem ...
Keynote: "Prozessmanagement im Spannungsfeld von Kontinuität und disruptivem ...Ayelt Komus
 
COMERCIO ELECTRONICO MODALIDADES Y `PRINCIPIOS
COMERCIO ELECTRONICO MODALIDADES Y `PRINCIPIOSCOMERCIO ELECTRONICO MODALIDADES Y `PRINCIPIOS
COMERCIO ELECTRONICO MODALIDADES Y `PRINCIPIOSkateryn torres
 
Flipped Classroom ed EAS
Flipped Classroom ed EASFlipped Classroom ed EAS
Flipped Classroom ed EASattilio68
 
Tema 8: La medida de longitud
Tema 8: La medida de longitudTema 8: La medida de longitud
Tema 8: La medida de longitud2003judo
 
Das iPad sicher im Unternehmen einsetzen
Das iPad sicher im Unternehmen einsetzenDas iPad sicher im Unternehmen einsetzen
Das iPad sicher im Unternehmen einsetzenjekel & team
 
2015 16 ap french language and culture workshop ppt
2015 16 ap french language and culture workshop ppt2015 16 ap french language and culture workshop ppt
2015 16 ap french language and culture workshop ppthhs
 

Andere mochten auch (20)

Allenamento mensile dicembre
Allenamento mensile dicembreAllenamento mensile dicembre
Allenamento mensile dicembre
 
Monarquia
MonarquiaMonarquia
Monarquia
 
Diversidad cultural de tijuana1
Diversidad cultural de tijuana1Diversidad cultural de tijuana1
Diversidad cultural de tijuana1
 
PraxisPlus - fogorvos marketing, praxismenedzsment
PraxisPlus - fogorvos marketing, praxismenedzsmentPraxisPlus - fogorvos marketing, praxismenedzsment
PraxisPlus - fogorvos marketing, praxismenedzsment
 
Neue BILD der FRAU-Studie: Der Mann 2013 – Arbeits- und Lebenswelten – Wunsch...
Neue BILD der FRAU-Studie: Der Mann 2013 – Arbeits- und Lebenswelten – Wunsch...Neue BILD der FRAU-Studie: Der Mann 2013 – Arbeits- und Lebenswelten – Wunsch...
Neue BILD der FRAU-Studie: Der Mann 2013 – Arbeits- und Lebenswelten – Wunsch...
 
LogMeIn Boston HQs
LogMeIn Boston HQsLogMeIn Boston HQs
LogMeIn Boston HQs
 
Internet: Desarrollo De Una Presentacion
Internet: Desarrollo De Una PresentacionInternet: Desarrollo De Una Presentacion
Internet: Desarrollo De Una Presentacion
 
Internet
InternetInternet
Internet
 
Memoria 2011
Memoria 2011Memoria 2011
Memoria 2011
 
Lista de Precios Mayak'ab Enero 2014
Lista de Precios Mayak'ab Enero 2014Lista de Precios Mayak'ab Enero 2014
Lista de Precios Mayak'ab Enero 2014
 
Nordic Sugcon xdb crash course
Nordic Sugcon xdb crash courseNordic Sugcon xdb crash course
Nordic Sugcon xdb crash course
 
Expo pára exponer
Expo pára exponerExpo pára exponer
Expo pára exponer
 
Keynote: "Prozessmanagement im Spannungsfeld von Kontinuität und disruptivem ...
Keynote: "Prozessmanagement im Spannungsfeld von Kontinuität und disruptivem ...Keynote: "Prozessmanagement im Spannungsfeld von Kontinuität und disruptivem ...
Keynote: "Prozessmanagement im Spannungsfeld von Kontinuität und disruptivem ...
 
COMERCIO ELECTRONICO MODALIDADES Y `PRINCIPIOS
COMERCIO ELECTRONICO MODALIDADES Y `PRINCIPIOSCOMERCIO ELECTRONICO MODALIDADES Y `PRINCIPIOS
COMERCIO ELECTRONICO MODALIDADES Y `PRINCIPIOS
 
Flipped Classroom ed EAS
Flipped Classroom ed EASFlipped Classroom ed EAS
Flipped Classroom ed EAS
 
Triptico identidad
Triptico identidadTriptico identidad
Triptico identidad
 
Tema 8: La medida de longitud
Tema 8: La medida de longitudTema 8: La medida de longitud
Tema 8: La medida de longitud
 
Das iPad sicher im Unternehmen einsetzen
Das iPad sicher im Unternehmen einsetzenDas iPad sicher im Unternehmen einsetzen
Das iPad sicher im Unternehmen einsetzen
 
2015 16 ap french language and culture workshop ppt
2015 16 ap french language and culture workshop ppt2015 16 ap french language and culture workshop ppt
2015 16 ap french language and culture workshop ppt
 
Cattell y eysenck
Cattell y eysenckCattell y eysenck
Cattell y eysenck
 

Ähnlich wie Camptocamp webkit

Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshellLennart Schoors
 
Html5 deciphered - designing concepts part 1
Html5 deciphered - designing concepts part 1Html5 deciphered - designing concepts part 1
Html5 deciphered - designing concepts part 1Paxcel Technologies
 
Rails Girls - Introduction to HTML & CSS
Rails Girls - Introduction to HTML & CSSRails Girls - Introduction to HTML & CSS
Rails Girls - Introduction to HTML & CSSTimo Herttua
 
What's new in ASP.NET 4
What's new in ASP.NET 4What's new in ASP.NET 4
What's new in ASP.NET 4Robert MacLean
 
Xke - Introduction to Apache Camel
Xke - Introduction to Apache CamelXke - Introduction to Apache Camel
Xke - Introduction to Apache CamelAlexis Kinsella
 
Building a multilingual & multi-country e-commerce site with Drupal 7 @ NYC C...
Building a multilingual & multi-country e-commerce site with Drupal 7 @ NYC C...Building a multilingual & multi-country e-commerce site with Drupal 7 @ NYC C...
Building a multilingual & multi-country e-commerce site with Drupal 7 @ NYC C...valcker
 
How to build high frequency trading with our matlab secrets with c++ and mysql
How to build high frequency trading with our matlab secrets with c++ and mysqlHow to build high frequency trading with our matlab secrets with c++ and mysql
How to build high frequency trading with our matlab secrets with c++ and mysqlBryan Downing
 
Getting started with html5
Getting started with html5Getting started with html5
Getting started with html5Suresh Kumar
 
MS Day EPITA 2010: Visual Studio 2010 et Framework .NET 4.0
MS Day EPITA 2010: Visual Studio 2010 et Framework .NET 4.0MS Day EPITA 2010: Visual Studio 2010 et Framework .NET 4.0
MS Day EPITA 2010: Visual Studio 2010 et Framework .NET 4.0Thomas Conté
 
Introduction To Drupal
Introduction To DrupalIntroduction To Drupal
Introduction To DrupalLauren Roth
 
How bol.com makes sense of its logs, using the Elastic technology stack.
How bol.com makes sense of its logs, using the Elastic technology stack.How bol.com makes sense of its logs, using the Elastic technology stack.
How bol.com makes sense of its logs, using the Elastic technology stack.Renzo Tomà
 
LIS3353 SP12 Week 8
LIS3353 SP12 Week 8LIS3353 SP12 Week 8
LIS3353 SP12 Week 8Amanda Case
 
Introduction to html55
Introduction to html55Introduction to html55
Introduction to html55subrat55
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5Manav Prasad
 
Chapter10 web
Chapter10 webChapter10 web
Chapter10 webREADIFY
 
Sitepoint.com a basic-html5_template
Sitepoint.com a basic-html5_templateSitepoint.com a basic-html5_template
Sitepoint.com a basic-html5_templateDaniel Downs
 
PowerShell Technical Overview
PowerShell Technical OverviewPowerShell Technical Overview
PowerShell Technical Overviewallandcp
 

Ähnlich wie Camptocamp webkit (20)

Html 5 in a big nutshell
Html 5 in a big nutshellHtml 5 in a big nutshell
Html 5 in a big nutshell
 
HTML literals, the JSX of the platform
HTML literals, the JSX of the platformHTML literals, the JSX of the platform
HTML literals, the JSX of the platform
 
Html 5
Html 5Html 5
Html 5
 
Html5 deciphered - designing concepts part 1
Html5 deciphered - designing concepts part 1Html5 deciphered - designing concepts part 1
Html5 deciphered - designing concepts part 1
 
Rails Girls - Introduction to HTML & CSS
Rails Girls - Introduction to HTML & CSSRails Girls - Introduction to HTML & CSS
Rails Girls - Introduction to HTML & CSS
 
What's new in ASP.NET 4
What's new in ASP.NET 4What's new in ASP.NET 4
What's new in ASP.NET 4
 
Xke - Introduction to Apache Camel
Xke - Introduction to Apache CamelXke - Introduction to Apache Camel
Xke - Introduction to Apache Camel
 
Building a multilingual & multi-country e-commerce site with Drupal 7 @ NYC C...
Building a multilingual & multi-country e-commerce site with Drupal 7 @ NYC C...Building a multilingual & multi-country e-commerce site with Drupal 7 @ NYC C...
Building a multilingual & multi-country e-commerce site with Drupal 7 @ NYC C...
 
How to build high frequency trading with our matlab secrets with c++ and mysql
How to build high frequency trading with our matlab secrets with c++ and mysqlHow to build high frequency trading with our matlab secrets with c++ and mysql
How to build high frequency trading with our matlab secrets with c++ and mysql
 
Getting started with html5
Getting started with html5Getting started with html5
Getting started with html5
 
MS Day EPITA 2010: Visual Studio 2010 et Framework .NET 4.0
MS Day EPITA 2010: Visual Studio 2010 et Framework .NET 4.0MS Day EPITA 2010: Visual Studio 2010 et Framework .NET 4.0
MS Day EPITA 2010: Visual Studio 2010 et Framework .NET 4.0
 
Introduction To Drupal
Introduction To DrupalIntroduction To Drupal
Introduction To Drupal
 
How bol.com makes sense of its logs, using the Elastic technology stack.
How bol.com makes sense of its logs, using the Elastic technology stack.How bol.com makes sense of its logs, using the Elastic technology stack.
How bol.com makes sense of its logs, using the Elastic technology stack.
 
LIS3353 SP12 Week 8
LIS3353 SP12 Week 8LIS3353 SP12 Week 8
LIS3353 SP12 Week 8
 
Introduction to html55
Introduction to html55Introduction to html55
Introduction to html55
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5
 
Chapter10 web
Chapter10 webChapter10 web
Chapter10 web
 
Webcomponents v2
Webcomponents v2Webcomponents v2
Webcomponents v2
 
Sitepoint.com a basic-html5_template
Sitepoint.com a basic-html5_templateSitepoint.com a basic-html5_template
Sitepoint.com a basic-html5_template
 
PowerShell Technical Overview
PowerShell Technical OverviewPowerShell Technical Overview
PowerShell Technical Overview
 

Mehr von Nico Tristan

Nhomar Hernandez on Partnership
Nhomar Hernandez on PartnershipNhomar Hernandez on Partnership
Nhomar Hernandez on PartnershipNico Tristan
 
OpenERP Xavier Pansaers Sales Strategy
OpenERP Xavier Pansaers Sales StrategyOpenERP Xavier Pansaers Sales Strategy
OpenERP Xavier Pansaers Sales StrategyNico Tristan
 
OpenERP Achievements 2010
OpenERP Achievements 2010 OpenERP Achievements 2010
OpenERP Achievements 2010 Nico Tristan
 
OpenERP Vision Fabien Pinckaers
OpenERP Vision Fabien PinckaersOpenERP Vision Fabien Pinckaers
OpenERP Vision Fabien PinckaersNico Tristan
 
Framework workshop
Framework workshopFramework workshop
Framework workshopNico Tristan
 
Usability - Fabien Pinckaers
Usability - Fabien PinckaersUsability - Fabien Pinckaers
Usability - Fabien PinckaersNico Tristan
 
ADN generic payroll-france
ADN generic payroll-franceADN generic payroll-france
ADN generic payroll-franceNico Tristan
 
Akretion magento erp_connect
Akretion magento erp_connectAkretion magento erp_connect
Akretion magento erp_connectNico Tristan
 
Camptocamp maps open_e_rp.key
Camptocamp maps open_e_rp.keyCamptocamp maps open_e_rp.key
Camptocamp maps open_e_rp.keyNico Tristan
 
Open net the eagle project
Open net   the eagle projectOpen net   the eagle project
Open net the eagle projectNico Tristan
 
Usability workshop
Usability workshopUsability workshop
Usability workshopNico Tristan
 
Akretion fleet maintenance
Akretion fleet maintenanceAkretion fleet maintenance
Akretion fleet maintenanceNico Tristan
 

Mehr von Nico Tristan (18)

Nhomar Hernandez on Partnership
Nhomar Hernandez on PartnershipNhomar Hernandez on Partnership
Nhomar Hernandez on Partnership
 
OpenERP Xavier Pansaers Sales Strategy
OpenERP Xavier Pansaers Sales StrategyOpenERP Xavier Pansaers Sales Strategy
OpenERP Xavier Pansaers Sales Strategy
 
OpenERP Achievements 2010
OpenERP Achievements 2010 OpenERP Achievements 2010
OpenERP Achievements 2010
 
OpenERP Vision Fabien Pinckaers
OpenERP Vision Fabien PinckaersOpenERP Vision Fabien Pinckaers
OpenERP Vision Fabien Pinckaers
 
Framework workshop
Framework workshopFramework workshop
Framework workshop
 
Usability - Fabien Pinckaers
Usability - Fabien PinckaersUsability - Fabien Pinckaers
Usability - Fabien Pinckaers
 
ADN generic payroll-france
ADN generic payroll-franceADN generic payroll-france
ADN generic payroll-france
 
Bhc asterisk
Bhc asteriskBhc asterisk
Bhc asterisk
 
Akretion magento erp_connect
Akretion magento erp_connectAkretion magento erp_connect
Akretion magento erp_connect
 
Bhc mobile
Bhc mobileBhc mobile
Bhc mobile
 
Bhc ocs inventory
Bhc ocs inventoryBhc ocs inventory
Bhc ocs inventory
 
Camptocamp maps open_e_rp.key
Camptocamp maps open_e_rp.keyCamptocamp maps open_e_rp.key
Camptocamp maps open_e_rp.key
 
Sales wrokshop
Sales wrokshopSales wrokshop
Sales wrokshop
 
Open net the eagle project
Open net   the eagle projectOpen net   the eagle project
Open net the eagle project
 
Payroll workshop
Payroll workshopPayroll workshop
Payroll workshop
 
Syleam warehouse
Syleam warehouseSyleam warehouse
Syleam warehouse
 
Usability workshop
Usability workshopUsability workshop
Usability workshop
 
Akretion fleet maintenance
Akretion fleet maintenanceAkretion fleet maintenance
Akretion fleet maintenance
 

Camptocamp webkit

  • 1. Report Webkit Partner/community days presentation Camptocamp / 13. avril 2011 / www.camptocamp.com / info@camptocamp.com
  • 2. History of Report Webkit First we have report workshop in community days 2010 Then we have the opportunity...
  • 3. History of Report Webkit Ok, so let me talk about a last detail. The printing of invoices.
  • 4. History of Report Webkit First, We are going to have resellers. They should be able to have unique style and header on invoices. They should be able to customize design easily.
  • 5. History of Report Webkit Second, We have to print payment slip. With or without background or formatted for easy copy paste. And some time we do not want payment slip. Simple isn’t it...
  • 6. History of Report Webkit We may also want to insert commercials strips from our server. I heard that OpenERP has a DMS. It would be nice to have invoices in it.
  • 7. History of Report Webkit Oh and more than 100’000 monthly invoices have to be printed in one night.
  • 8. History of Report Webkit Is it OKAY for you. Can you do it ?
  • 9. History of Report Webkit Of course, no problem! Agrrr
  • 10. History of Report Webkit Thus was born Report Webkit
  • 11. Overview Multi header report HTML/CSS based Javascript support (if you dare) Mako template based Integrated wkhtml2pdf >= 1.0 (please use stable release) Render PDF or HTML (for HTML fix pending)
  • 12. Data structure HeaderHTML Company ir.header_webkit res.company //Implicit relation filed //Absolute Path to wkhtmltopdd lib +company_id 0..1 +lib_path //HTML definition of header * +html //HTML definition of footer +footer_html //Report CSS (Does not apply to header) +css +name +margin_* (top, bottom, left, right) +orientation [landscape, portrait] +format [A0..Tabloïd] 0..1 * ReportXML ir.actions.report.xml //Implicit relation field !! property fields allows global header +webkit_header //HTML raw input +webkit_debug //Embedded HTML if report created in client +report_webkit_data //Report type set to webkit for WebKit +report_type //Path to mako file +report_file //Activate header or not +header
  • 13. How to Demo 1. Set absoute lib path to wkhtml2pdf
  • 14. How to Demo 2. Find the correct menu
  • 15. How to Demo Osv model Report type (_name) (webkit) 3. Create a new report HTML header Mako syntax report body
  • 16. How to Demo 3. Create a new report: You can deactivate header 3. Create a new report: You can set a file instead of DB data
  • 17. How to Demo 4. You can add a print button OR You can do it with XML (no need to add button) <report auto="False" id="any_text" model="any_open_erp_ovs_name" name="any_text" file="Path to file" string="Text of the button" report_type="webkit"/>
  • 18. More complex samples report_webkit_sample l10n_ch bvr report
  • 19. TODO Fix utf8 OpenERP have a look at : https://code.launchpad.net/~c2c/openobject- addons/6.0_report_webkit_utf8_support/+merge/56716 !! wkhtml 1.0 only Add helpers to acces header Fix menu and acces rights Provide a WYSIWYG edit tool based on Komposer or equivalent. (Any suggestions are welcome)
  • 20. Contact Camptocamp SA PSE A – Parc Scientifique EPFL 1015 Lausanne, Suisse Camptocamp France SAS Savoie Technolac 48 avenue du Lac du Bourget 73372 Le Bourget du Lac, France www.camptocamp.com Nicolas Bessi, Technical director Tél : +41 21 619 10 04 (CH), +33 479 44 44 95 (FR) E-mail : info@camptocamp.com 20