SlideShare a Scribd company logo
1 of 25
Download to read offline
Session: 
Tablet & Mobile Trends II

Title:  
HTLM5 Cross‐platform publishing: 
dream or reality?

Speaker: 
Johan Mortelmans, Digital 
Innovation Manager, Corelio
Danny Lein, Founder & CEO,
Twipe
HTML5 Cross‐platform publishing: 
       dream or reality?
  Word Publishing Expo 2012 – Media Port – 31/10/2012
Agenda
• About Corelio & Twipe
• Web or app?
• Case studies
Corelio Publishing
Biggest newspaper publisher in Belgium




+ Magazines – television – radio – freesheets  
De Standaard 

Growth trough innovation


             7%
             digital 
           subscribers
0 – 1 – 7 Strategy
0. News! Instant. 
                      Web & mobile.  Free content        


1. In depth. Analysis. Reporting. 
                      Print & tablets.  Paid content


7.Magazines.
                      Print & tablets. Paid content
Mobile & tablet publishing

Partnership with Twipe Mobile
NextGen HTML5 Tablet Publishing
               AW
                 AR
                    D 
                       W
                           IN
                                NI
                                     NG   • Responsive Design
                                          • Intelligent Templates
                                          • Rich Content
                                          • HTML5 Technology
Cost efficient SaaS Solution
Feature rich turnkey solution
Key facts

+30 publishing apps
+500k app installations
+800k publication downloads per month
+3 mio unique visitors per month
Agenda
• About Corelio & Twipe
• Web or app?
• Case studies
Increasing diversity in tablet 
                      devices and OS




Source: Gartner : Worldwide Sales of Media Tablets to End Users by OS (thousands of units)
Windows 8: a game changer?
Microsoft is very serious about this
Very large installed base: 1 bio users 
worldwide
Focus on Touch devices
Key Challenges of publishing on 
   smartphones and tablets
                            OS



                       Cross‐Platform




   User                                          Screen Size / 
 Interface   Tactile                Responsive    Resolution
‘Best of both worlds’: hybrid apps
• Native functionality:
     •   Discovery
     •   Downloading (background)
     •   Navigation
     •   Push notifications
• Web functionality:
     • Content presentation (responsive)
     • In‐page navigation
Agenda
• About Twipe
• Web or app?
• Case studies
Case Study: Real‐time news on smartphone
   iPhone         Android      Mobile Site
Case: De Standaard on 
 Android & Windows8
DEMO – De Standaard on Windows 8
Key learnings
•   Hybrid app development is a cost‐effective 
    strategy for cross‐platform publishing

•   Combination of a variety of competences and skills 
    is required (HTML5 / Javascript, Objective C, 
    Android, C#,…)

•   “100% pure” cross‐platform HTML5/JS is a dream

•   Performance tuning is hard in native apps; it is 
    extremely though in web apps

•   Testing is a nightmare: due to the device and OS 
    diversity, it impossible to test every use case 
    scenario on every device
Q&A
Contact details:

   Danny Lein                     Johan Mortelmans
   Founder & CEO                  Digital Innovation Manager
   danny.lein@twipemobile.com     johan.mortelmans@corelio.be



         @TwipeMobile

More Related Content

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

World Publishing Expo 2012 - HTML5 Cross-Platform publishing : Dream or Reality?
World Publishing Expo 2012 - HTML5 Cross-Platform publishing : Dream or Reality?World Publishing Expo 2012 - HTML5 Cross-Platform publishing : Dream or Reality?
World Publishing Expo 2012 - HTML5 Cross-Platform publishing : Dream or Reality?Twipe Mobile Solutions
 
What is Happening in the "App Factory"?
What is Happening in the "App Factory"?What is Happening in the "App Factory"?
What is Happening in the "App Factory"?Ciklum Ukraine
 
Top 10 How To's for publisher from IT prospective
Top 10 How To's for publisher from IT prospectiveTop 10 How To's for publisher from IT prospective
Top 10 How To's for publisher from IT prospectiveHelen Zanichkovska
 
Responsive Web Design: One Size No Longer Fits All
Responsive Web Design: One Size No Longer Fits AllResponsive Web Design: One Size No Longer Fits All
Responsive Web Design: One Size No Longer Fits AllPerficient, Inc.
 
Mobile opportunity and options for it
Mobile opportunity and options   for itMobile opportunity and options   for it
Mobile opportunity and options for itTim McGovern
 
Mobile opportunity and options - for CIOs
Mobile opportunity and options - for CIOsMobile opportunity and options - for CIOs
Mobile opportunity and options - for CIOsTim McGovern
 
Appcelerator & iTexico + Dawcons Webinar Sep/2013
Appcelerator & iTexico + Dawcons Webinar Sep/2013Appcelerator & iTexico + Dawcons Webinar Sep/2013
Appcelerator & iTexico + Dawcons Webinar Sep/2013iTexico
 
Apptizer 1 eng
Apptizer 1 engApptizer 1 eng
Apptizer 1 engDino Filho
 
Mobile application development strategy and execution
Mobile application development   strategy and executionMobile application development   strategy and execution
Mobile application development strategy and executionInnoTech
 
Media Port 2012, Session 5: Mediamorphose
Media Port 2012, Session 5: MediamorphoseMedia Port 2012, Session 5: Mediamorphose
Media Port 2012, Session 5: MediamorphoseWAN-IFRA
 
Building web apps for a multiscreen world
Building web apps for a multiscreen worldBuilding web apps for a multiscreen world
Building web apps for a multiscreen worldAussie
 
DITA and Information Architecture for Responsive Web Design
DITA and Information Architecture for Responsive Web DesignDITA and Information Architecture for Responsive Web Design
DITA and Information Architecture for Responsive Web Designdclsocialmedia
 
Softvision Roadshow.
Softvision Roadshow.Softvision Roadshow.
Softvision Roadshow.Melissa Cheng
 
It Takes 2 to Make a Thing Go Right: A Content Strategist and Designer Talk M...
It Takes 2 to Make a Thing Go Right: A Content Strategist and Designer Talk M...It Takes 2 to Make a Thing Go Right: A Content Strategist and Designer Talk M...
It Takes 2 to Make a Thing Go Right: A Content Strategist and Designer Talk M...Duo Consulting
 
HEC Digital Business. Digital Transformation. Global Platform
HEC Digital Business. Digital Transformation. Global Platform HEC Digital Business. Digital Transformation. Global Platform
HEC Digital Business. Digital Transformation. Global Platform André Blavier
 
Digital Publishing - Globalocal Event Presentation
Digital Publishing - Globalocal Event PresentationDigital Publishing - Globalocal Event Presentation
Digital Publishing - Globalocal Event PresentationBrij Singh
 
HTML5 vs. Native Apps: Demystifying the Decision Making Process
HTML5 vs. Native Apps: Demystifying the Decision Making ProcessHTML5 vs. Native Apps: Demystifying the Decision Making Process
HTML5 vs. Native Apps: Demystifying the Decision Making ProcessiTexico
 
Bmorecreative Digital Mystery_Oct2012
Bmorecreative Digital Mystery_Oct2012Bmorecreative Digital Mystery_Oct2012
Bmorecreative Digital Mystery_Oct2012kmelliott
 

Similar to Media Port 2012, Session 5: HTML5 Cross-platform Publishing (20)

World Publishing Expo 2012 - HTML5 Cross-Platform publishing : Dream or Reality?
World Publishing Expo 2012 - HTML5 Cross-Platform publishing : Dream or Reality?World Publishing Expo 2012 - HTML5 Cross-Platform publishing : Dream or Reality?
World Publishing Expo 2012 - HTML5 Cross-Platform publishing : Dream or Reality?
 
What is Happening in the "App Factory"?
What is Happening in the "App Factory"?What is Happening in the "App Factory"?
What is Happening in the "App Factory"?
 
Top 10 How To's for publisher from IT prospective
Top 10 How To's for publisher from IT prospectiveTop 10 How To's for publisher from IT prospective
Top 10 How To's for publisher from IT prospective
 
Responsive Web Design: One Size No Longer Fits All
Responsive Web Design: One Size No Longer Fits AllResponsive Web Design: One Size No Longer Fits All
Responsive Web Design: One Size No Longer Fits All
 
Mobile opportunity and options for it
Mobile opportunity and options   for itMobile opportunity and options   for it
Mobile opportunity and options for it
 
Mobile opportunity and options - for CIOs
Mobile opportunity and options - for CIOsMobile opportunity and options - for CIOs
Mobile opportunity and options - for CIOs
 
Appcelerator & iTexico + Dawcons Webinar Sep/2013
Appcelerator & iTexico + Dawcons Webinar Sep/2013Appcelerator & iTexico + Dawcons Webinar Sep/2013
Appcelerator & iTexico + Dawcons Webinar Sep/2013
 
Apptizer 1 eng
Apptizer 1 engApptizer 1 eng
Apptizer 1 eng
 
Mobile application development strategy and execution
Mobile application development   strategy and executionMobile application development   strategy and execution
Mobile application development strategy and execution
 
Media Port 2012, Session 5: Mediamorphose
Media Port 2012, Session 5: MediamorphoseMedia Port 2012, Session 5: Mediamorphose
Media Port 2012, Session 5: Mediamorphose
 
Building web apps for a multiscreen world
Building web apps for a multiscreen worldBuilding web apps for a multiscreen world
Building web apps for a multiscreen world
 
So da report class 5
So da report class 5So da report class 5
So da report class 5
 
So da report class 5
So da report class 5So da report class 5
So da report class 5
 
DITA and Information Architecture for Responsive Web Design
DITA and Information Architecture for Responsive Web DesignDITA and Information Architecture for Responsive Web Design
DITA and Information Architecture for Responsive Web Design
 
Softvision Roadshow.
Softvision Roadshow.Softvision Roadshow.
Softvision Roadshow.
 
It Takes 2 to Make a Thing Go Right: A Content Strategist and Designer Talk M...
It Takes 2 to Make a Thing Go Right: A Content Strategist and Designer Talk M...It Takes 2 to Make a Thing Go Right: A Content Strategist and Designer Talk M...
It Takes 2 to Make a Thing Go Right: A Content Strategist and Designer Talk M...
 
HEC Digital Business. Digital Transformation. Global Platform
HEC Digital Business. Digital Transformation. Global Platform HEC Digital Business. Digital Transformation. Global Platform
HEC Digital Business. Digital Transformation. Global Platform
 
Digital Publishing - Globalocal Event Presentation
Digital Publishing - Globalocal Event PresentationDigital Publishing - Globalocal Event Presentation
Digital Publishing - Globalocal Event Presentation
 
HTML5 vs. Native Apps: Demystifying the Decision Making Process
HTML5 vs. Native Apps: Demystifying the Decision Making ProcessHTML5 vs. Native Apps: Demystifying the Decision Making Process
HTML5 vs. Native Apps: Demystifying the Decision Making Process
 
Bmorecreative Digital Mystery_Oct2012
Bmorecreative Digital Mystery_Oct2012Bmorecreative Digital Mystery_Oct2012
Bmorecreative Digital Mystery_Oct2012
 

More from WAN-IFRA

Importance of ISO Standardisation for Publishers
Importance of ISO Standardisation for PublishersImportance of ISO Standardisation for Publishers
Importance of ISO Standardisation for PublishersWAN-IFRA
 
World Press Trends 2015
World Press Trends 2015World Press Trends 2015
World Press Trends 2015WAN-IFRA
 
Newspaper Media 2014
Newspaper Media 2014Newspaper Media 2014
Newspaper Media 2014WAN-IFRA
 
Facebook Update #DME14
Facebook Update #DME14Facebook Update #DME14
Facebook Update #DME14WAN-IFRA
 
Robert Johansson - Schibsted
Robert Johansson - SchibstedRobert Johansson - Schibsted
Robert Johansson - SchibstedWAN-IFRA
 
3 yasar muharrem
3 yasar muharrem3 yasar muharrem
3 yasar muharremWAN-IFRA
 
Case Study
Case StudyCase Study
Case StudyWAN-IFRA
 
The variables for excellent color quality
The variables for excellent color qualityThe variables for excellent color quality
The variables for excellent color qualityWAN-IFRA
 
Panel discussion
Panel discussionPanel discussion
Panel discussionWAN-IFRA
 
What is the role of print in the multimedia pack?
What is the role of print in the multimedia pack?What is the role of print in the multimedia pack?
What is the role of print in the multimedia pack?WAN-IFRA
 
Power of Print Stage opening
Power of Print Stage openingPower of Print Stage opening
Power of Print Stage openingWAN-IFRA
 
Prepress production in the cloud
Prepress production in the cloudPrepress production in the cloud
Prepress production in the cloudWAN-IFRA
 
Automised content curation at N24
Automised content curation at N24Automised content curation at N24
Automised content curation at N24WAN-IFRA
 
Lean production
Lean productionLean production
Lean productionWAN-IFRA
 
Importance of efficiency for the future of the newspaper
Importance of efficiency for the future of the newspaperImportance of efficiency for the future of the newspaper
Importance of efficiency for the future of the newspaperWAN-IFRA
 
Process optimization and automation
Process optimization and automationProcess optimization and automation
Process optimization and automationWAN-IFRA
 
Official Opening of the World Publishing Expo
Official Opening of the World Publishing ExpoOfficial Opening of the World Publishing Expo
Official Opening of the World Publishing ExpoWAN-IFRA
 
Community building
Community buildingCommunity building
Community buildingWAN-IFRA
 
How Hürriyet built the largest blogger network in Europe
How Hürriyet built the largest blogger network in EuropeHow Hürriyet built the largest blogger network in Europe
How Hürriyet built the largest blogger network in EuropeWAN-IFRA
 
Relevant, real-time mobile video news publishing is driving unprecedented lev...
Relevant, real-time mobile video news publishing is driving unprecedented lev...Relevant, real-time mobile video news publishing is driving unprecedented lev...
Relevant, real-time mobile video news publishing is driving unprecedented lev...WAN-IFRA
 

More from WAN-IFRA (20)

Importance of ISO Standardisation for Publishers
Importance of ISO Standardisation for PublishersImportance of ISO Standardisation for Publishers
Importance of ISO Standardisation for Publishers
 
World Press Trends 2015
World Press Trends 2015World Press Trends 2015
World Press Trends 2015
 
Newspaper Media 2014
Newspaper Media 2014Newspaper Media 2014
Newspaper Media 2014
 
Facebook Update #DME14
Facebook Update #DME14Facebook Update #DME14
Facebook Update #DME14
 
Robert Johansson - Schibsted
Robert Johansson - SchibstedRobert Johansson - Schibsted
Robert Johansson - Schibsted
 
3 yasar muharrem
3 yasar muharrem3 yasar muharrem
3 yasar muharrem
 
Case Study
Case StudyCase Study
Case Study
 
The variables for excellent color quality
The variables for excellent color qualityThe variables for excellent color quality
The variables for excellent color quality
 
Panel discussion
Panel discussionPanel discussion
Panel discussion
 
What is the role of print in the multimedia pack?
What is the role of print in the multimedia pack?What is the role of print in the multimedia pack?
What is the role of print in the multimedia pack?
 
Power of Print Stage opening
Power of Print Stage openingPower of Print Stage opening
Power of Print Stage opening
 
Prepress production in the cloud
Prepress production in the cloudPrepress production in the cloud
Prepress production in the cloud
 
Automised content curation at N24
Automised content curation at N24Automised content curation at N24
Automised content curation at N24
 
Lean production
Lean productionLean production
Lean production
 
Importance of efficiency for the future of the newspaper
Importance of efficiency for the future of the newspaperImportance of efficiency for the future of the newspaper
Importance of efficiency for the future of the newspaper
 
Process optimization and automation
Process optimization and automationProcess optimization and automation
Process optimization and automation
 
Official Opening of the World Publishing Expo
Official Opening of the World Publishing ExpoOfficial Opening of the World Publishing Expo
Official Opening of the World Publishing Expo
 
Community building
Community buildingCommunity building
Community building
 
How Hürriyet built the largest blogger network in Europe
How Hürriyet built the largest blogger network in EuropeHow Hürriyet built the largest blogger network in Europe
How Hürriyet built the largest blogger network in Europe
 
Relevant, real-time mobile video news publishing is driving unprecedented lev...
Relevant, real-time mobile video news publishing is driving unprecedented lev...Relevant, real-time mobile video news publishing is driving unprecedented lev...
Relevant, real-time mobile video news publishing is driving unprecedented lev...
 

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