Office 365 & SharePoint Connect Session

1. POWERAPPS: BUILD
CUSTOM FORMS FOR
SHAREPOINTWITH
AZURE MAPS
Bram de Jager
Lead Architect, delaware, Netherlands
MVP, MCM

3. Only a handful of business apps
merit the time and cost of
traditional custom software
development…
…and only so many problems can be
solved with off-the-shelf SaaS.
What about every
other need your
business faces?

4. Connect to existing
systems and data
sources
Microsoft PowerApps is a service for creating and
using custom business apps across platforms
Build apps, forms, and
workflows without
writing code
Publish apps
instantly for web
and mobile

5. Connections
Build apps that interact
with your data sources
and respect their
permissions
Your data
PowerApps connects to Common
Data Model and a range of data
sources, including custom APIs
Create in PowerApps
Studio
Build apps in a visual
experience that shows
exactly what you’ll get
PowerApps Cloud
Publish apps to people in
your organization so they
can access anywhere
Use on web and mobile
Find and use apps instantly
on the web and in
PowerApps mobile for iOS
and Android
POWERAPPS: HOW ITWORKS

6. SharePoint
PowerApps

7. INFOPATH: PROSVS CONS
› Allows custom forms to work with
SharePoint
› Could apply business rules
› Could use cascading dropdown controls
› Formatting and layout
› Field validation
› Simple forms were a reasonable alternative
to custom dev
› Required a particular set of skills… not easy
› XML foundation
› Not mobile friendly
› Not easy to maintain
› Dated look and feel
› It’s going away… eventually

8. POWERAPPS AND SHAREPOINT
› SharePoint data via connector
› SharePoint list embedded forms
› PowerApps apps from a SharePoint list
› PowerApps web part in SharePoint modern
› Alternative: add PowerApp to a page via embed code

9. EMBEDDED IN SHAREPOINT
› Smooth transition between platforms
› In SharePoint
› In PowerApps

10. CUSTOM FORM MANAGEMENT
Deactivate or Delete the embedded
forms
› List Settings » Form Settings
› In PowerApps - Roll back to a previous
version of forms

11. CUSTOM APIS
› RESTful APIs used to connect with 3rd party services
› Authentication supports Azure Active Directory, OAuth 2.0, API Key and Basic Auth
› Describe the custom API using OpenAPI file (Swagger) or a Postman collection
› Register the custom connector in PowerApps
› Use the function in PowerApps or Flow like any other function

12. OPENAPI FILE AKA SWAGGER ACTION
› A simple yet powerful representation of a RESTful API
› Swagger enables: interactive documentation, client SDK generation and
discoverability
› Open source standard, language-agnostic interface to REST APIs
AZURE API APP SUPPORTS SWAGGER 2.0 API OUT OFTHE
BOX, OTHERWISE USE SWASHBUCKLE NUGET PACKAGE

13. AZURE MAPS
PowerApps: Build Custom
Forms for SharePoint with
Azure Maps

15. Search
Maps
Geocoding
Traffic
Routing
Time Zones
AZURE MAPS SERVICES
IP to Location Preview Advanced Preview

16. DEMO
PowerApps: Build Custom
Forms for SharePoint with
Azure Maps

17. DEMO SCENARIO
› Custom list with Candidates
› Name
› Address
› Build custom API using Azure Maps
› Geolocation
› Routing
› Customize form
› Import data source (Azure Maps API)
› Call API methods with form input

18. WRAP-UP
PowerApps: Build Custom
Forms for SharePoint with
Azure Maps

19. LESSONS LEARNED
› Choose your layout before designing the Custom Form, otherwise you
will be doing rework
› Generate your OpenAPI file as much as possible based on XML
documentation and Swagger configuration
› Lots of steps involved to setup your custom Web API within PowerApps
(highly error prone process)

20. SharePoint Client
Browser
▪ Must have SharePoint
community tool!
▪ Provides insights into
your SharePoint site or
tenant
▪ Uses the CSOM to
connect to SharePoint
2010/2013/2016/2019 and
SharePoint Online
▪ https://github.com/
bramdejager/spcb

21. 2.000 users - last 90 days

22. 6.400 sessions - last 90 days

23. THANKYOU!
@bramdejager
bram.dejager@delaware.pro
bramdejager.wordpress.com