Hybrid apps by bart waardenburg at hippo connect '15

Click here to load reader

  • date post

    16-Apr-2017
  • Category

    Technology

  • view

    240
  • download

    0

Embed Size (px)

Transcript of Hybrid apps by bart waardenburg at hippo connect '15

PowerPoint-presentatie

hybrid apps: rocket fast app development05 november 2015 @ hippo connect 2015

titeldia #1

AFBEELDING INVOEGENKlik op het icoon om een afbeeldingin te voegenSelecteer de afbeelding die u wilt invoegen en klik op Invoegen12Klik met de rechter muis-knop op de miniatuurweergave van de dia en kies Dia herstellen3

Indeling

Dia herstellen

Invoegen

template indeling

bart waardenburgconsultant & enthousiast

consultant @ Incentrofront-end developer @ ANWB

believer of hipposcared of javahybrid app enthousiast

voorstel slide 1

Bijsnijden

AFBEELDING INVOEGENKlik op het icoon om een afbeeldingin te voegenSelecteer de afbeelding die u wilt invoegen en klik op Invoegen12Als u de afbeelding wilt schalen of verslepen, ga naar Hulpmiddelen voor afbeeldingen en klik op Bijsnijden 3

Invoegen

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

2

agenda01hybrid apps: the ground rulestime (minutes)1002hippo: how to power your apptime (minutes)503demo: talk the talk walk the walktime (minutes)10

agenda

template indeling

hybrid appsthe ground rules

hoofdstukaanduiding #1

AFBEELDING INVOEGENKlik op het icoon om een afbeeldingin te voegenSelecteer de afbeelding die u wilt invoegen en klik op Invoegen12Klik met de rechter muis-knop op de miniatuurweergave van de dia en kies Dia herstellen3

Indeling

Dia herstellen

Invoegen

template indeling

web usage by device typesource: Morgan Stanley Research (2015)

grafiek 100%

Grafiek BewerkenGRAFIEK INVOEGENSelecteer de grafiek, klik op de rechter muisknop en kies Gegevens bewerkenKlik op het icoon om een grafiek in te voegenSelecteer de grafiek die u wilt invoegen en klik op Invoegen12

Ander grafiektype

Gegevens bewerken

Invoegen

template indeling

app usage

85% of people prefer apps to mobile websites

average time spend on apps is increased by 21% over the last yearsource: Nielsen (2014)source: Compuware (2013)source: Localistics (2014)

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)tekst & grafiek 50%/50%

Grafiek BewerkenGRAFIEK INVOEGENSelecteer de grafiek, klik op de rechter muisknop en kies Gegevens bewerkenKlik op het icoon om een grafiek in te voegenSelecteer de grafiek die u wilt invoegen en klik op Invoegen12

Ander grafiektype

Gegevens bewerken

Invoegen

template indeling

app development disadvantagesit takes 18 weeks on avarage to develop a mobile appit takes 12 weeks to build a Boeing 777 airplanefor enterprises you can at least double thatif you want to develop for the majority you have to do it at least twice source: Kinvey & AYTM (2013)source: Boeing (2012)

tekst 100%

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

hybrid apps to the rescueone set of componentsone programming languagemultiple appscentralized business logic

tekst 100%

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

fast developmentpush new features up to twice as fast

beeld & tekst 50%/50%

Bijsnijden

AFBEELDING INVOEGENKlik op het icoon om een afbeeldingin te voegenSelecteer de afbeelding die u wilt invoegen en klik op Invoegen12Als u de afbeelding wilt schalen of verslepen, ga naar Hulpmiddelen voor afbeeldingen en klik op Bijsnijden 3

Invoegen

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

where you can see themthe tools have only recently matured

ionic framework hit version 1.0 in may 2015react native for iOS was released in march 2015react native for Android in september 2015

tekst 100%

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

hybrid apps: the good parts

ads manager app by Facebook build with react native

beeld & tekst 50%/50%

Bijsnijden

AFBEELDING INVOEGENKlik op het icoon om een afbeeldingin te voegenSelecteer de afbeelding die u wilt invoegen en klik op Invoegen12Als u de afbeelding wilt schalen of verslepen, ga naar Hulpmiddelen voor afbeeldingen en klik op Bijsnijden 3

Invoegen

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

11

hybrid apps: the good parts

Sworkit fitness app build with ionic

beeld & tekst 50%/50%

Bijsnijden

AFBEELDING INVOEGENKlik op het icoon om een afbeeldingin te voegenSelecteer de afbeelding die u wilt invoegen en klik op Invoegen12Als u de afbeelding wilt schalen of verslepen, ga naar Hulpmiddelen voor afbeeldingen en klik op Bijsnijden 3

Invoegen

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

hybrid apps: the good parts

Uber app has hybrid partsInstagram app has hybrid partsYelp app has hybrid parts

beeld & tekst 50%/50%

Bijsnijden

AFBEELDING INVOEGENKlik op het icoon om een afbeeldingin te voegenSelecteer de afbeelding die u wilt invoegen en klik op Invoegen12Als u de afbeelding wilt schalen of verslepen, ga naar Hulpmiddelen voor afbeeldingen en klik op Bijsnijden 3

Invoegen

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

hybrid apps: the dangers

Rabobank app build with cordova

beeld & tekst 50%/50%

Bijsnijden

AFBEELDING INVOEGENKlik op het icoon om een afbeeldingin te voegenSelecteer de afbeelding die u wilt invoegen en klik op Invoegen12Als u de afbeelding wilt schalen of verslepen, ga naar Hulpmiddelen voor afbeeldingen en klik op Bijsnijden 3

Invoegen

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

hippohow to power your app

hoofdstukaanduiding #1

AFBEELDING INVOEGENKlik op het icoon om een afbeeldingin te voegenSelecteer de afbeelding die u wilt invoegen en klik op Invoegen12Klik met de rechter muis-knop op de miniatuurweergave van de dia en kies Dia herstellen3

Indeling

Dia herstellen

Invoegen

template indeling

where hippo plays its rolehippo separates information and presentationhippo enables reuse of content across multiple channels

tekst 100%

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

what do we need from hippoa RESTful API to provide us with the data onehippo.org/labs has an excellent guide how to set it uphippo even provides a Rest Service Setup tool

tekst 100%

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

demotalk the talk walk the walk

hoofdstukaanduiding #1

AFBEELDING INVOEGENKlik op het icoon om een afbeeldingin te voegenSelecteer de afbeelding die u wilt invoegen en klik op Invoegen12Klik met de rechter muis-knop op de miniatuurweergave van de dia en kies Dia herstellen3

Indeling

Dia herstellen

Invoegen

template indeling

Ionic is the beautiful, open source front-end SDK for developing hybrid mobile apps with web technologies

tekst 100%

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

+ share code between website and mobile apps+ written in HTML, javascript and CSS+ powered by AngularJS+ open source

tekst 100%

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

- may suffer in performance - access to native functionalities may be hard

tekst 100%

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

React Native enables you to build world-class application experiences on native platforms using a consistent developer experience based on JavaScript

tekst 100%

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niveau omhoogniveau omlaag5kopje oranje (18 pt.)

template indeling

+ cross platform native apps+ open source+ fantastic performance+ facebook is committed+ powered by React

tekst 100%

TEKST NIVEAUSleestekst (18 pt.)1234bullet (18 pt.)sub-bullet (18 pt.)kopje grijs (18 pt.)

niv