Selainkäyttöliittymien vallankumous TIVIA - KÄYTTÖLIITTYMÄT KILPAILUKYKYTEKIJÄNÄ JOONAS LEHTINEN / VAADIN

Transcription

1 Selainkäyttöliittymien vallankumous TIVIA - KÄYTTÖLIITTYMÄT KILPAILUKYKYTEKIJÄNÄ JOONAS LEHTINEN / VAADIN

2 Joonas Lehtinen FOUNDER / CEO Vaadin codebase share 100% 1/ since 2001 Really proud of Vaadin s 155 person team and ~ 150,000 developer community Lives in San Jose, but in

3 VAADIN IN A NUTSHELL TECHNOLOGY Vaadin connects Java and Web platforms in a seamless manner to make building progressive web apps easy. BUSINESS MODEL Core products are released free of charge with liberal Open Source license. Vaadin sells commercial products as subscription and services to organizations using Vaadin s free products. MISSION Help developers build web apps that users USERS Vaadin platform is used globally by over 150,000 developers in companies of all sizes for building web applications for internal use and sold as SaaS. CUSTOMERS Rockwell Automation, JP Morgan, Apple, HealthBi, Volkswagen, Freddie Mac, GlaxoSmithKline, NASA, Nordea, DELL, CGI, Wells Fargo, Microsoft, Orion, and 1015 others building better web apps 3

4 DEVELOPMENT PLATFORM FOR BUILDING ENTERPRISE WEB APPLICATIONS TOOLS AND COMPONENTS PROVIDED BY VAADIN CUSTOMERS CAN BUILD ANYTHING WITH Flow framework Enabling Java developers to build 1st class web apps by bridging between Java and Web platforms seamlessly Designer Visually designing web apps in the most popular IDEs TestBench For regression testing web apps during development Making it easy and cost- effective for businesses to build apps with a great user experience Web Components Vaadin includes growing collection of high-quality components, including vaadin-grid ranked by Google to be the most popular web component in the world. Starters Get started with a new app project in minutes Web Apps That run on all modern devices: on mobile and on desktop 4

5 Web App Revolution IV starting up right now

6 Revolution I: Distribution model "a solution based on a distributed hypertext system." 1989 Tim Berners-Lee

7 Revolution II: Mobile "revolutionary internet communication device" 2007 Steve Jobs

8 Devolution I: Engagement

9 z "New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too)." Revolution III: Open standard 2010 Steve Jobs

10 CUMULATIVE NUMBER OF APPS DOWNLOADED FROM THE APPLE APP STORE Devolution II: Channel

11 MY THESIS WEB WILL KILL NATIVE APPS (IN BUSINESS CONTEXT) 11

12 TRENDS SHAPING THE WEB IN NEXT FIVE YEARS Progressive Web Apps Cloud IDEs Tools will increasingly move to the cloud and optimize workflows for everyone at the development team Web Components Standardized components provide interoperability and a great user experience PWAs will significantly increase the share of business apps built with web technologies Real time collaboration Collaborative continuous experiences become the norm in business apps Serverless App deployments will move from containerization to become automated and elastic 12

13 PROGRESSIVE WEB APPS: HAPPENING RIGHT NOW PWA Value Proposition 0-effort installation with Web based distribution + Native-like user experience + Write once, run on all platforms Google Coins term PWA Android 1st class PWA experience Microsoft Announces support Apple Previews in ios 1st class support expected In Windows, Linux, Mac, ios, Android Vaadin expects PWA to surpass native mobile apps for enterprise app development by

14 A PWA is Progressive Works on any device and enhance functionality progressively. Performant Works as fast or faster than a native app. Linkable Ability to retain or reload its state and be shareable from a link. Responsive Fit any device s form factor and screen size. App-like Looks like a native app and uses the application shell model with minimal page refreshes. Connectivity-agnostic Works with low connectivity or offline. Installable Install on the device s desktop, start menu, or task bar making it readily available. Current Application and content is up to date when connected to the Internet. Re-engageable Promotes re-engagement through features such as push notifications. Discoverable Better discovery and integration with search. Connected to users Direct feedback to you through ratings and reviews

15 TOP DISRUPTOR: PROGRESSIVE WEB APPLICATIONS (PWA) Regular Web Apps Native Mobile Apps Progressive Web Apps Works on desktop Works on mobile Instant startup time Zero-effort installation Push notifications Behaves as app on device Access to device HW WEB VS NATIVE WITH PWA Un-compromised UX 2-3X cost saving - Every business must choose either to A. Compromise the user experience and application capabilities with web B. Implement for ios, Android and web separately with 2-3X cost compared to only one - Implement the app once and run on all platforms - 2-3X Cost saving compared to implementing all platforms separately - Consistent user experience - Increased application adoption with no installation needed 15 platform

16

17

18

19

20

21

22

23

24

25

26 TINDER PERFORMANCE: SIZE IN NATIBE VS PWA

27 Minimum Viable Progressive Web App HTTPS Web App Manifest Service Worker

28

29 vaadin.com/pwa

30 Join the web app revolution IV starting up right now: Kill native apps for a PWA and start shipping better app today

31 Help developers build web apps that