DXC HFB - Google API Info sessie Moderniseren van Applicaties via APIs 15DEC2020

(1)

DXC – HFB - Google API Info sessie

Moderniseren van Applicaties via APIs 15DEC2020

(2)

December 18, 2020 2

Agenda

Van Tot Onderwerp Spreker

15:00 15:10 Introductie - Moderniseren van Applicaties via APIs

Yves Vanderbeken (DXC) Ignace Jordens (DXC)

15:10 15:30 Google Update over API trends en APIGEE Voorbeelden van apps ontwikkeling met APIs

Kevin Bouwmeester (Google) 15:30 15:50 Vo APIGEE Platform overzicht

Wat kan je er vandaag mee doen? En morgen?

Stefaan Becu (HFB) 15:50 16:30 Voorbeelden en demo van APIs

• Case 1: Chiron APIs

• Case 2: Low-code Platforms & API

• Case 1: Stijn Alenteyns

• Case 2: Freek van de Heijden, Toon Seghers, Mathieu Judicq

16:30 17:00 Korte samenvatting Vraag en antwoord

(3)

December 18, 2020 3

Agenda

(4)

Moderniseren van Applicaties via

APIs

Introductie

(5)

December 18, 2020 5

Het belang van een API?

Overheden en andere bedrijven stellen functionaliteiten meer en meer beschikbaar in de vorm van een API. En dit tot een breeder publiek

- Zowel intern: in het bedrijf, tussen departementen, … - Als extern: internet, start-ups, hobby, developers,…

Nieuwe manier van applicaties ontwikkelen

- Snel een nieuwe applicatie maken door het combineren van bestaande API’s - Nieuwe manier van werken: start-ups, online communities, ecosystems,…

Door het aanpassen naar de API-mindset, kan een organisatie

voordeel halen uit deze nieuwe manier van werken

(6)

December 18, 2020 6

Klassieke Applicatie

Doelstellingen

Modernisatie kosten vermijden

Integratie gecentraliseerd platform (Burgerprofiel, EYouth, … )

Hoe functionaliteit uitwisselen met andere applicaties?

Digitalisatie front-end (user experience!)

Oogpunt klassieke applicatie

https://ec.europa.eu/jrc/en/publication/eur-scientific-and-technical-research-reports/application-programming-interfaces-governments-why-what-and-how

(7)

December 18, 2020 7

Moderniseren klassieke back office

Klassieke back office applicatie Nieuwe Applicatie Modernisatie:

- Rewrite - Redesign - Rearchitect - Move2Cloud - …

Goed? Overkill?

(8)

December 18, 2020 8

(9)

December 18, 2020 9

Moderniseren door API

>> De middenweg

Klassieke back office applicatie: ontsluiten van data en functionaliteit met APIs

Platform integratie

=> bv. Burgerprofiel

(10)

December 18, 2020 10

Evolutie

Klassieke Applicatie Moderne Applicatie

Data Uitwisseling

Functionele Interface

Klassieke Applicatie

Moderne Applicatie Moderne Applicatie

Klassieke Applicatie

API Management Platform

Klassieke aanpak Unmanaged APIs Managed APIs

Meer integratie, minder spaghetti

(11)

Use Case

Vergunningen

(12)

Nieuwe aanvraag

API

“Creëer Aanvraag”

- PUT

XML met data van de

aanvraag

E-mail

1. Moderne en generieke aanvraagmodule – Mobile App

2. API die de data van de

aanvraagmodule omvormt naar een XML file en…

3. De XML dataset wordt als e-mail doorgestuurd of men roept rechtstreeks de

klassieke applicatie aan

BackOffice Link

Backoffice Acknowedge

ment API - PUT

4. De klassieke app roept de

Acknowledge API op die een signaal geeft aan de mobile app dat de

aanvraag is gelukt

*** Ter illustratie ***

(13)

Status aanvraag

API

“Status Aanvraag”

Parameters van de aanvraag

E-mail

1. Functionaliteit voor opvragen status in mobiele App

2. API die status van deze

vergunning opvraagt – de nodige parameters worden in een XML verzameld en naar de klassieke applicatie gestuurd

3. De XML dataset wordt als e-mail doorgestuurd of men roept rechtstreeks de

klassieke applicatie aan

BackOffice Link

Status van aanvraag

4. De klassieke applicatie bepaalt de status en geeft die terug aan de App

*** Ter illustratie ***

(14)

APIs die elke klassieke applicatie kan implementeren

API

“Creëer Aanvraag”

API

“Status Aanvraag”

Eender welke

klassieke applicatie, eender welke

vergunning

API

“Vernieuwen vergunning”

API

“Opzeggen vergunning”

(15)

Uber

Use Case

(16)

Vroeger

• Monoliet

• Gebouwd voor 1 offering in 1 stad

• Problemen bij upscaling

• Alle functionaliteit herdeployen, hertesten bij aanpassing

• Bugfixing nachtmerrie

(17)

Nu

• API Gateway

• Connecteert alle diensten

• Wijst specifieke functionaliteit toe aan specifieke service

• Losgekoppeld

• Elk deel zijn verantwoordelijkheid

• Elk deel kan upscaled worden

• Makkelijk aansluiten

• Externe diensten die maar 1 onderdeel nodig hebben moeten maar aansluiten op dat gedeelte

(18)

Verdere opties..

• Aansluiten applicaties met beperkt budget / mogelijkheden (Open Source, Zelfstandigen)

• Laagdrempelig digitaliseren processen

• Mogelijkheden interne APIs (rapportage op hoger niveau)

• Gebruik API gateway – Authenticatie

– Metrics

(19)

Agenda

(20)

Kevin Bouwmeester | apininja@google.com

The Untapped Value

of APIs

(21)

Agenda

Untapped value of APIs

API Use Cases

& API Trends

Customer Examples

Apigee New features

1

2

3

(22)

API Use Cases

& API Trends

(23)

“By 2023, over 50% of B2B

transactions will be performed through real-time APIs versus traditional approaches.”

Source: Gartner, Use APIs to Modernize EDI for B2B Ecosystem Integration, 11 June 2019

(24)

APIs have evolved…

REST Architecture Gains Popularity

Emergence of Cloud-Based

Integration

Delivering Connected Experiences

New Business Models - Platform

and Ecosystems

Access

Integration

Experience

Transformation

(25)

Grow with an Ecosystem Business Model

Leverage ecosystem growth & build your developer experience.

Lower Costs through Operational Efficiency

Apigee can help you manage the complete API lifecycle, supporting, the creation, publication, and

discovery of APIs.

Apigee

Leverage Digital Channels

Expose key services via APIs that can be consumed across all digital channels.

Common API use cases

(26)

API-first architectures

help enterprises build new digital ecosystems

(27)

API Platform

APIs APIs APIs APIs APIs

Aggregators

Social Applications

Technology Partners

Individual developers

Social Media Platforms

Unlock new business lines

Better meet the needs of consumers

Discover new consumers

Why digital ecosystems matter

(28)

The three pillars of digital ecosystem

Value Equation Developer Experience

What’s the business case?

● Brand awareness

● Reach new customers

● New solutions for customers

What’s in it for your ecosystem?

● Access to unique data/content

● Access to more customers

● Participation in a unique platform

Making it easy for developers

● Great API products

● Self-service capabilities

● Easy to discover and onboard

Business Strategy

(29)

Deliver Experiences

Drive

Customers

Foster

Innovation Connected Experiences

Build developer and partner ecosystems

Developers Partners

Enterprise Digital Assets

CRM,ERP, etc. Database Microservices Data Lake

(30)

Customer Examples

(31)

International Post Corporation

(32)

ABN Amro

(33)

TomTom

(34)

Maersk

(35)

Apigee New

Features

(36)

Full Lifecycle API Management

Design

Develop

Secure

Publish Monitor

Analyze Monetize

Scale

(37)

API Management

Developer Ecosystem

API Analytics

Mediation Engine

API Runtime

Security API Catalog

Developer Engagement Metrics

Operational Metrics API Products

Extensions

API Marketplace

API Abuse Prevention Developer Programs

API Monitoring

Orchestration API Monetization

Enterprise Gateway Envoy Adapter Hosted Targets

Business Metrics

Transformation

Microgateway Hybrid Gateway

Security Reporting

(38)

Product Vision Areas

● Developer Portal

● API Lifecycle &

Governance

● Accelerating with GCP

● Microservices: Istio &

Envoy

● API Security

● API Monitoring

Core Capabilities Best of Google Value from Data

(39)

Advanced Monitoring

(40)

Security Reporting

(41)

Thank you

(42)

Agenda

(43)

Shared API management platform services

HET FACILITAIR BEDRIJF

Stefaan Becu

15 December 2020 Versie 01

(44)

2018-05-30 HET FACILITAIR BEDRIJF 45

API Management Platform Services

API Gateway Client

Applicatie

API Service Provider HFB

Gebruikt Eindgebruiker

API Management Services

API Beveiliging

Ontsluit, Beveiligt, Routeert, Transformeert

API’s

API call

reply

Back-end Services

(45)

Applicatie

Back-end Services HFB

API Management Services

Uniek, gestandaardiseerd, beveiligd aanspreekpunt voor alle Clients,

voor alle back-end API’s van de entiteit

API’s

Client ApplicatieClient

ApplicatieClient ApplicatieClient

Applicatie

(46)

Applicatie

API Service Provider HFB

Gebruikt

Authenticeert

VO IdP

OpenID Connect

Persoonsidentificatie op basis van sterke authenticatie (CSAM)

Eindgebruiker

API Management Services

API Authenticatie

Ontsluit, Beveiligt, Routeert, Transformeert

API’s

(47)

API Management Services

API Management Platform Services API Gateway

API Portal

Meet API gebruik, Verbetert Client

Applicatie

API Manager

Configureert, beheert Analytics

Beheerder

API Service Provider

API beheer

Back-end Services Overkoepelend beheer van

API clients, API gebruik,..

voor alle back-end API’s van de entiteit Client

ApplicatieClient ApplicatieClient

Applicatie

(48)

API Management Services

API Gateway API Portal

Client Applicatie Ontwikkelt

Ontwikkelaar API Service Provider

Ontdekt, Leert, Experimenteert, Registreert

HFB

Configureert

Documenteert

Life Cycle Mgt

Ontwikkelt Ontwikkelaar

Client Applicatie

(of eigenaar)

Engageert Partners zelfregistratie

(49)

HFB shared API Management Platform – on-prem

Shared aanbod voor VO entiteiten

Platform as a service – managed platform service Gebaseerd op Google/APIGEE

Gedeeld platform (multi-tenant)

◦ Wordt door HFB aangeboden als één, gedeeld platform

◦ Gemeenschappelijke resources

◦ API Service Providers hebben grote vrijheid in het beheer

Geïnstalleerd on-prem (NMC4/VPC)

◦ Vanwege privacy vereisten health care toepassingen

◦ Licentie voor 125 miljoen API calls per kwartaal

Kostprijs voor VO-entiteit

◦ Initiële opzet (3K€ incl. BTW)

◦ Opzet optionele API developer portaal (20K€)

◦ Configureren netwerk reverse proxy (1K€ per aanvraag)

◦ Registratie client toepassing met specifiek client_id (0,5K€ per aanvraag)

◦ Gebruik zelf is gratis

VO API Management platform

API Service Provider #3 API Service

Provider #2 API Service

Provider #1

API Service … Provider #5 API Service

Provider #4

https://<api-svc-prov>-<omg>.api.vlaanderen.be

VO-entiteit treedt op als API Service Provider en biedt API’s aan

◦ via de API Management Platform Services

(50)

HFB shared API Management Platform - SAAS

Shared aanbod voor VO entiteiten Platform as a service

Gebaseerd op Google/APIGEE SAAS Gedeeld platform (multi-tenant)

◦ Wordt door Google/Apigee aangeboden als één, gedeeld platform

◦ Gemeenschappelijke resources Runt op Google België

◦ Standaard licentie

Vo-entiteit betaalt jaarlijkse kost

- In functie van gebruik (procentueel aandeel) - Per Organisation pack (25 K€/jaar)

(51)

Hoe starten?

Neem contact met HFB

◦ Stefaan Becu

◦ Guy Crets

Intake meeting:

◦ Wat is het “grote plaatje” ?

◦ Welke client toepassingen (consumers) ? Mobiele toepassing ?

◦ Welke API’s en welk type data ?

◦ Geschatte volumes qua aantal API aanroepen ?

◦ Beveiliging API’s; integratie met ID-P ?

◦ Opzet en configuratie door wie ?

Technisch geïnteresseerd? “Experimenteer” met gratis Apigee cloud versie Apigee cloud versie kan gratis gebruikt worden voor experimenteren & leren

❑ AZG

❑ O&V, AHOVOKS

❑ MOW

❑ VEA

❑ AIV

Klanten

(52)

Agenda

(53)

Use Case: Chiron

Market Observatory

Database of all the taxi journeys of Region Flanders

(54)

`

AWS Cloud & API

Taxi market observatory Chiron: VO Mobiliteit en Openbare Werken

Shared Mobility

Enlargement / Improvement Flemish citizen (shared)

mobility mix

Real time

Journey information collection

24/7 Self-service portal with automated validity and authorization checks

+ ^4.000

Connected taxi companies Via 24/7 Self-service Portal

+ ^15.000

^Taxi’s

API first

Cloud-native Serverless

Reusable

building blocks

Apigee ACM/IDM MAGDA

CRAB API geodata

MS Power BI (MOW DataWarehouse)

DevOps

Agile team organization

Agile CI/CD release pipeline on AWS

Agile Co-creation

Agile Scrum project approach

(55)

Chiron – Solution in a nutshell

• Solution Arcitecture

• Simple API

• Low-maintenance cloud native solution

• Reuse of existing components for E2E Soliurtion

• Automatically scalable (min capacity 4000 connections)

• Agile delivery

• DevOps maintenance

• API and eGov award nominee

• Core functions

• Fully automated self service registration process with vKBO/MAGDA-data based control

• Automated control of message and message sequence and

• Automated data validation with double process feedback

• ACM/IDM secured access for authorized users

• User group specific search options

Taxi bedrijf

Centaurus 2010/2020

Taxi

Real time

Chiron Ritten DB

Politie

Anoniem en geaggregeerd DWH MOW

Error check Inspectie Diensten

(indien toegelaten)

MOW Klachten

Inspectie Controle

Portal toegang via

ACM/IDM

Rapporten

/

Veilig hosted ^Chiron^API ^Locale^diensten

door APIGEE

Bericht en Data validatie Error

Feedback

(56)

Chiron info on vlaanderen.be/taxi

Elaborated

Starters guide Registration

Infographic

Instruction

movie

(57)

Chiron in the media

(58)

Using APIs to

enhance value of Low Code

Case 2

(59)

The Team

Toon Seghers

Business Analyst toon.seghers@dxc.com

Freek van de Heijden

Business Analyst

freek.vanderheijden@dxc.com

Mathieu Judicq

Developer

Mathieu.Judicq@dxc.com

(60)

Modernizing Applications

Need for

• New functionalities

• User-friendly (mobile) interactions

• Consistency across government agencies

But keep using existing back offices

• Maximize value from investments

• if it ain't broken, don't fix it

(61)

Modernizing Applications, how?

Using Low Code

• Easy to learn

• Shorter development cycle

• Process Automation

• Quickly respond to change in user expectations

“65% of application development activity will be low- code by 2024” –Gartner (2020)

APIs within Low Code

• Integrations with other systems

• Dramatically extend functionality of low code

Microsoft Power Platform

(62)

Making government - citizen interaction mobile

BurgerProfiel+

(63)

(64)

(65)

Mobiele apps in BurgerProfiel+

Automatic e-mail notification Start Mobile App from municipality website

Citizen interaction Teams plugin

Dashboard

(66)

71

(67)

Vergunning_Vergunning _API

API

Legacy API

Power Apps

Front-end

Scenario 1

Low Code as front-end

(68)

Vergunning

API

Vergunning API

Power Automate

Power Apps (Mobile App)

Mijn Burgerprofiel

Serverless Compute

SQL Server Simulated Back-End

Mail

Low Code / Front-End

Dossierstatus

Low Code / Business Logic Legacy

Power Apps (Teams App)

Low Code / Front-End

AI Builder

Scenario 2

Low Code expanding functionality

(69)

(70)

API’s

Kapvergunning API

- POST Aanvraag - PUT Aanvraag

- GET Aanvraag / {Id}

- GET Aanvraag / Search - DEL Aanvraag / {Id}

Visvergunning API

- POST Aanvraag - PUT Aanvraag - GET Aanvraag / {Id}

Bouwvergunnig API

- POST Aanvraag - PUT Aanvraag

Mijn BurgerProfielAPI - POST Dossier/Status

(71)

Kapvergunning API

- POST Aanvraag

Kapvergunning API

- DEL Aanvraag / {Id}

Kapvergunning API

- GET Aanvraag / Search

(72)

Power Automate

Power Automate Mijn Burgerprofiel

Mail

Dossierstatus

Low Code / Business Logic Legacy

AI Builder

(73)

Trigger

Actie

(74)

The sky is the limit...

(75)

Agenda

(76)

Vragen?

(77)

Bedankt voor jullie tijd!

Yves Vanderbeken yves.Vanderbeken@dxc.com Ignace Jordens <ignace.jordens@dxcfds.com>

Kevin Bouwmeester <apininja@google.com>

Stefaan Becu <stefaan.becu@vlaanderen.be>

Stijn Alenteyns <salenteyns@dxc.com>

Freek van der Heijden <freek.vanderheijden@dxc.com>

Toon Seghers <toon.seghers@dxc.com>

Mathieu Judicq <mathieu.judicq@dxc.com>

DXC HFB - Google API Info sessie Moderniseren van Applicaties via APIs 15DEC2020