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

25
Session: Tablet & Mobile Trends II Title: HTLM5 Crossplatform publishing: dream or reality? Speaker: Johan Mortelmans, Digital Innovation Manager, Corelio Danny Lein, Founder & CEO, Twipe

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

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

Session: Tablet & Mobile Trends II

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

Speaker: Johan Mortelmans, Digital Innovation Manager, CorelioDanny Lein, Founder & CEO,Twipe

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

Word Publishing Expo 2012 – Media Port – 31/10/2012

HTML5 Cross‐platform publishing: dream or reality?

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

Agenda

• About Corelio & Twipe• Web or app?• Case studies

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

Corelio PublishingBiggest newspaper publisher in Belgium

+ Magazines – television – radio – freesheets  

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

De Standaard 

Growth trough innovation

7%digital 

subscribers

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

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

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

Mobile & tablet publishing

Partnership with Twipe Mobile

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

NextGen HTML5 Tablet Publishing

•Responsive Design• Intelligent Templates•Rich Content•HTML5 Technology

AWARD W

INNING

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

Cost efficient SaaS Solution

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

Feature rich turnkey solution

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

Key facts

+30 publishing apps+500k app installations+800k publication downloads per month

+3 mio unique visitors per month

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

Agenda

• About Corelio & Twipe• Web or app?• Case studies

Page 13: Media Port 2012, Session 5: HTML5 Cross-platform Publishing
Page 14: Media Port 2012, Session 5: HTML5 Cross-platform Publishing
Page 15: Media Port 2012, Session 5: HTML5 Cross-platform Publishing

Increasing diversity in tablet devices and OS

Source: Gartner : Worldwide Sales of Media Tablets to End Users by OS (thousands of units)

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

Windows 8: a game changer?Microsoft is very serious about thisVery large installed base: 1 bio users worldwideFocus on Touch devices

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

Key Challenges of publishing on smartphones and tablets

Cross‐Platform

Tactile Responsive

OS

Screen Size / Resolution

User Interface

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

‘Best of both worlds’: hybrid apps

• Native functionality:• Discovery• Downloading (background)• Navigation• Push notifications

• Web functionality:• Content presentation (responsive)• In‐page navigation

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

Agenda

• About Twipe• Web or app?• Case studies

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

Case Study: Real‐time news on smartphone

iPhone Android Mobile Site

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

Case: De Standaard on Android & Windows8

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

DEMO – De Standaard on Windows 8

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

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

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

Q&A

Contact details:

Danny LeinFounder & [email protected]

@TwipeMobile

Johan MortelmansDigital Innovation [email protected]