PowerApps and Flow - SharePoint Saturday DC 2017

1. PowerApps and Flow
Making No Code Mobile Applications a Reality
SharePoint Saturday DC
Saturday, June 10, 2017
Microsoft Chevy Chase,
5404 Wisconsin Avenue NW, Chevy Chase, MD
Level: 300
Track: IT Pro, Developer, Business

2. Thanks to our Sponsors!!!

3. Housekeeping…
• You must be present to win at the wrap-up…
• Remember to stop by to say hi to our sponsors

4. Credentials
2201 Cooperative Way, Suite 550
Herndon, VA 20171
Office Phone: 703.635.2627 | Web: www.procentrix.com
Twitter #hemsoft2010
LinkedIn https://www.linkedin.com/in/hemendrapatel
• Microsoft Certified Solutions Expert - SharePoint 2013 Core & Advanced Solutions
• MCITP - SharePoint 2010
• Microsoft Certified Solution Developer (MCSD) - .NET
• M.S Computer Applications, Gold Medalist
Hemendra Patel
Fun Facts
• Travel
• Investing
• Problem Solving
About Me

5. About Procentrix Inc
Our SolutionsOur Technology Expertise
• Windows Azure
• Amazon Web Services
• Office 365
• SharePoint
• Dynamics CRM
• Dynamics 365
• Power BI
• .NET Framework
• SQL Server
• Exchange
• Project Server
• Skype for Business
Our Services
2201 Cooperative Way, Suite 550
Herndon, VA 20171
Office Phone: 703.635.2627 | Web: www.procentrix.com

6. Agenda
• Mobile App Development - Challenges
• Business Application Development Platform - Getting Started
• Understanding
• Microsoft PowerApps
• Microsoft Flow
• Building Mobile App using PowerApps
• Reviewing real world use case of working app
• Microsoft PowerApps
• Key Benefits
• Best Practices
• Q & A

7. Mobile App Development
Understanding Challenges

8. Mobile App Development Challenges
• Delivery Schedules
• Extremely complex coding
• Compliance for hosting on iTune/Play Stores
• Managing Size of Screen Real Estate
• Making the App Interactive & Self-explanatory
• Managing Multiple Data connections
• Managing Application and Data Security
• Maximizing data plan and Minimizing data transfers
• Sharing/Collecting Usage Analytics

9. Business Application Development Platform
Getting Started

10. Business Application Development Platform

11. Applications for Development Platform
Business Logic
Systems Integration
Dashboards
Analytics
User Interface
Mobile Strategy

12. Understanding Microsoft PowerApps
Development Approach & Solution Components

13. Development Approach using PowerApps: (Step 1 of 3)
Connect to your systems and create new data

14. Development Approach using PowerApps: (Step 2 of 3)
Build apps without writing code

15. Development Approach using PowerApps: (Step 3 of 3)
Publish and use on web and mobile

16. Solution Components
Formulas
Galleries
Forms
Table &
Records
Controls
Data
Sources

17. Solution Components – Data Sources
https://powerapps.microsoft.com/en-us/tutorials/connections-list/
• Common Data Service
• SharePoint
• SQL Server
• Dynamics 365
• Office 365 Users
• Office 365 Outlook
• Excel
• OneDrive for Business
• OneDrive
• Dropbox
Most used connections
All connections

18. Solution Components – Galleries

19. DisplayForm
EditForm
EntityForm(Experimental)
Solution Components – Forms

20. Solution Components – Formulas
https://powerapps.microsoft.com/en-us/tutorials/formula-reference/
Functions
• Takes Parameters, Performs
Operations & Returns Results
• e.g. =If( Slider1.Value < 75, “Red, “Green" )
Behavior
• Function with effects
• e.g.= SubmitForm()
Environment Functions
• Don't take parameters or have
side effects
• e.g. =Location() returns the device's current
GPS coordinates
Enumerations
• Returns pre-defined constant
value
• e.g. Color.Red or ThisItem.ID
All Functions

21. Solution Components – Controls

22. Understanding Microsoft Flow
Solution Components

23. Solution Components – Flow Templates
Button
Collect Data
Approvals Email
Events &
Calendar
Mobile
Notifications Productivity
Social Media
Sync

24. Building Mobile App using PowerApps
1st Mobile App

25. Development Studio
PowerApps Studio Browser Based

26. Creating 1st Mobile App from SharePoint List
DEMO

27. Reviewing real world use cases
ProInterview App

28. ProInterview App – Business Requirements
• Implement Integrated mobile solution for candidate interview process
• Monitor candidate's progress and interview status
• Integrate with Microsoft CRM knowledge base (Interview questions for
various technologies/Skills)
• Allows scheduling interviews
• Integration with outlook email and calendar
• In-app calling candidate, viewing job description, Prior scores and Interviews
• View Candidates applied for Job and their interviews
• Automated templated email notification on scheduling and completing
interviews
• Integrated with Microsoft CRM, Microsoft SharePoint and Microsoft Outlook
• Role based access: Hiring, Interviewer, Limited Access

29. ProInterview App – Solution Architecture

30. ProInterview App – User Interface
Show Key Indicators
Disable/Hide functions
Utilize
Device/User
Data
Welcome Splash Screen

31. ProInterview App – User Interface
2nd Level User Interface
Navigation Options
View all CandidatesView Job Description
View Interview Details

32. ProInterview App – User Interface
New Interview
Scheduled
Completed
3rd Level User Interface

33. ProInterview App – Walkthru
DEMO

34. PowerApps
Key Benefits to IT, Users and Developers

35. PowerApps – Key BenefitsIT
• Mobilize mission critical
operations
• low cost mobile
implementation strategy
• No Deployment – Easy Self
Service App sharing
• Integrated sources/systems USER
• Productivity everywhere
• Supports Apple, Android
and Microsoft Platforms
• Engaging Application
Experience
• Role based access
DEVELOPERS
• No previous coding
knowledge required
• Develop once, Target
multiple platforms
• Automatic Version
Controlled App Code
• Offers next generation
mobile app development
experience - Location, GPS,
Weather, Pictures

36. PowerApps
Common Practices/ Guidance

37. PowerApps – Best Practices
PowerApps
Best
Practices
Validate
input entry
Maximize
real estate
(Every
centimeter
counts)
Organize
User
Interface by
Key Actions
Pay attention
to Layout
(Mobile,
Tablet)
Develop
Security
Model using
Formula’s
Leverage
mobile
capabilities
(GPS,
Camera, API
calls)

38. Q & A
Hemendra Patel, SharePoint Solutions Architect
Twitter #hemsoft2010
LinkedIn https://www.linkedin.com/in/hemendrapatel

39. Join us at #SharePint after the conference!
Why? To network with fellow SharePoint professionals
What? SharePint!!!
When? 4:45 PM
Where? Announced at Conference Wrap-Up