18
Angular Access Service

Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Embed Size (px)

Citation preview

Page 1: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Angular Access Service

Page 2: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Session Agenda

• Introductions• Quick Demo: Architecture in Action• Architecture (Framework) Overview• Project Team Model• Live demo (slideware bores me too)

Page 3: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Introductions• Who am I?– Dad and Cardinals Fan– Consultant @ Kiefer Consulting– Been at it since 1999

• Who are you?– Developers? Anyone using

Access Services? Angular? Hybrid O365 Farms?

Scott Morrison, ConsultantKiefer Consulting, Inc.

[email protected]

Page 4: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Key Session Goals• Access Services is a Great Backend– Easily Maintainable– Harness Legacy Investments– Empower the user– Default forms

• Embedded Provider Hosted App– Continuity

Page 5: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo
Page 6: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

HYBRID CORPORATE INTRANETDEMO Architecture in Action

Page 7: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Core Technologies

• Embedded Provider Hosted App• Access Services• AngularJS

Provider Hosted App(Azure, AWS, etc)

SharePoint or O365

AccessServices

Angular SPAAuthentication

CORS

Page 8: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

What is Access Services?• Database is actually a SQL Server database• Easy to create• Easy to maintain• Packaged as an app– Slight annoyances• Isolated app• Locked down

Page 9: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Why Access Services?• Legacy Access apps– Gold mines– Mission Critical LOB applications in place today

• Why were they created• Why are they still in Access

• New application development– Level the field– SSMS in Access– Update and promotion model– Data the right way

Sure feels like a flashback to the year 2000… but…

Page 10: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

What is a Provider Hosted App?• SharePoint 2013 Compatible Application• Hosted outside of SharePoint– Azure– Amazon Web Services (AWS)– Rackspace– Your Datacenter– An on premise server in your customer’s Datacenter

(you provide the Application, Hardware, and/or VM)• Written in any language on any platform– Java, F#, Ruby, Linux, Unix

Page 11: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

What is AngularJS?

Page 12: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

What is CORS?

• Cross Origin Resource Sharing (CORS)• White list domains• Pre-flight check prevents posting before grant

Page 13: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Project Team

Subject Matter Expert(SME)

User Experience

(UX)Designer

Architect / Developer

Business Rules | User Interface | Arch/Infra

Access HTML5, CSSControllers /

Services

Most Updates, Maintenance and Refinements performed by SME/Power User in Access

Page 14: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Embedded App:How is it Done?

• The SharePoint way: BCS• The easy way: provider hosted MVC• The future way: provider hosted Web API

Page 15: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

DEMO

Page 16: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Why this ROCKS!

• Access Services with Custom Forms– Access Services solutions are isolated, so surface

them in GREAT UX– Run inside SP– Integrate APIs– Surface data anywhere– WSP like end game

Page 17: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Thank You to Our

Sponsors

Page 18: Angular Access Service. Session Agenda Introductions Quick Demo: Architecture in Action Architecture (Framework) Overview Project Team Model Live demo

Join us right after the event at the Tied House Cafe & Brewery! Socialize and unwind after our day of

learning.

954 Villa StMountain View, CA 94041

Don’t Forget SharePint

Thank you for joining us Today!