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

Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

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: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

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

HTML5 Cross‐platform publishing: dream or reality?

Page 3: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Agenda

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

Page 4: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Corelio PublishingBiggest newspaper publisher in Belgium

+ Magazines – television – radio – freesheets  

Page 5: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

De Standaard 

Growth trough innovation

7%digital 

subscribers

Page 6: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

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: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Mobile & tablet publishing

Partnership with Twipe Mobile

Page 8: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

NextGen HTML5 Tablet Publishing

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

AWARD W

INNING

Page 9: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Cost efficient SaaS Solution

Page 10: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Feature rich turnkey solution

Page 11: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Key facts

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

+3 mio unique visitors per month

Page 12: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Agenda

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

Page 13: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch
Page 14: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch
Page 15: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Increasing diversity in tablet devices and OS

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

Page 16: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

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

Page 17: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Key Challenges of publishing on smartphones and tablets

Cross‐Platform

Tactile Responsive

OS

Screen Size / Resolution

User Interface

Page 18: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch
Page 19: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

‘Best of both worlds’: hybrid apps

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

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

Page 20: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Agenda

• About Twipe• Web or app?• Case studies

Page 21: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Case Study: Real‐time news on smartphone

iPhone Android Mobile Site

Page 22: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Case: De Standaard on Android & Windows8

Page 23: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

DEMO – De Standaard on Windows 8

Page 24: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

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: Session: Tablet Mobile Trends II€¦ · NextGen HTML5 Tablet Publishing •Responsive Design •Intelligent Templates •Rich Content •HTML5 Technology A W A R D ... Focus on Touch

Q&A

Contact details:

Danny LeinFounder & [email protected]

@TwipeMobile

Johan MortelmansDigital Innovation [email protected]