SlideShare a Scribd company logo
Silber-Partner: Veranstalter:
Marc D Anderson
SharePoint MVP
Co-Founder & President
Sympraxis Consulting LLC
Co-Founder and President of Sympraxis Consulting LLC,
located in the Boston suburb of Newton, MA, USA.
Sympraxis focuses on enabling collaboration throughout the
enterprise using the SharePoint application platform.
Over 30 years of experience in technology professional
services and software development. Over a wide-ranging
career in consulting as well as line manager positions, Marc
has proven himself as a problem solver and leader who can
solve difficult technology problems for organizations across
a wide variety of industries and organization sizes.
Author of SPServices
Awarded Microsoft MVP for SharePoint Server 2011-2016
 We regularly hear about the importance of building Apps Add-Ins from the
Microsoft folks. But in many cases, that approach is overkill. Even in
enterprises, all solutions aren’t "enterprise scale".
 It’s always been possible to build solid solutions or solution components
using Data View Web Parts or the trusty Content Editor Web Part to hold
some HTML, JavaScript, and CSS, and those are still viable approaches. With a
few other more modern tricks, we can even build solutions that span many
pages using a common code base.
 Join me as I kick around the plusses and minuses of “sanctioned
development” versus smaller, lighter-touch approaches. Feel free to bring
along your own questions and challenges so that we can make it a
discussion.
 Based on a discussion with Scot Hillier on the ITUnity Dev Pulse
 The Middle Tier Manifesto: An Alternative Approach to
Development with Microsoft SharePoint
 Flying in the Cloud: New Ways to Develop for SharePoint
 Create a Business Solution, Step by Step, with No Managed Code
 SharePoint Solutions with SPServices
 SharePoint Solutions with KnockoutJS
 Single-Page Applications (SPAs) in SharePoint Using SPServices
SharePointFest Konferenz 2016 - Alternative Approaches to Solution Development in SharePoint and Office 365
 Use your favorite tools
 Choose your favorite frameworks
 Write your solutions with HTML, CSS, and
JavaScript
 Watch your users smile
Data Access / Initial
Manipulation
Document Ready
ViewModel /
Application Logic
Templates
JavaScript HTML
Application Styling
CSS
 SharePoint Lists and Libraries
 Office Microsoft Graph
 External data sources
 Development tools – you choose
 Visual Studio (any flavor)
 SharePoint Designer
 WebStorm
 Sublime Text
 Notepad++
 Debugging tools – your browser
 Chrome
 Firefox with Firebug
 Internet Explorer
 Testing tools, Build tools, …
 Adding a User Custom Action allows you to load
the first JavaScript file with a ScriptLink
 RequireJS (or several alternatives – see system.js)
allow you to bootstrap the rest of your code into
the page
 Because your script references are built in code,
you can even do versioning
 Code Isolation
 "Time to glass"
 Pushing processing from server to client
 Document Library(ies)
 Style Library
 In the master page gallery at _catalogs/masterpage
 Can be unique to a Site Collection or stored centrally for
better reuse
 FaaS approach
 Don't be caught up in the "shiny penny" syndrome
 Compare your known requirements with the frameworks'
capabilities
 Ask yourself:
 What types of solutions do we need to build?
 What does our governance tell us about our deployment
model?
 How big is the development team?
 What are our current skills?
 Works without activating the Publishing Infrastructure
 No master page customization (current "guidance")
 PnP Approaches
 CDN Manager – Scot Hillier
 Manage UserCustomAction using SharePoint Add-In - André
Lage
 The easiest way to add Script and Brand your SharePoint
and SharePoint Online - John Liu
 Can be driven by:
 Page URL
 Page content
 Current user
 IP address
 Time of day
 Presence of data in a list
Any characteristic of the current context
 Store configuration variables in a Configuration list
 Use Title for the parameter name
 Second column for parameter value: Multiple lines of text
 Can store strings, XML, JSON, etc. – any text-based data constructs
 Generalize wherever possible
 Build a centralized set of FaaS
 Use consistent namespacing
 Consider a build process
 Many places you would have built a workflow can be handled in
code
 "Pure" JavaScript is better than jQuery or
other libraries
 Large JavaScript files clog up the network
 You don't have to care about design
 Meeting the requirements is enough
 Frameworks can be hard to learn
 Change is going to be rapid
 Learning mindset is required
 Opens up the talent pool
 Web developers may be easier to find and hire
SharePointFest Konferenz 2016 - Alternative Approaches to Solution Development in SharePoint and Office 365
FRAGEN?
Ich freue mich auf Ihr Feedback!
Silber-Partner: Veranstalter:
Vielen Dank!
Marc D Anderson
Email marc.anderson@sympraxisconsulting.com
Twitter @sympmarc
Blog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
Books http://sympmarc.com/books
The Middle Tier Manifesto http://bit.ly/middletier

More Related Content

PPTX
SharePointFest Konferenz 2016 - Creating a Great User Experience in SharePoint
PPTX
SPTechCon Boston 2016 - Creating a Great User Experience in SharePoint
PPTX
Creating a Great User Experience in SharePoint
PPTX
Alternative Approaches to Solution Development in SharePoint and Office 365
PPTX
SPS Jersey 2014 - Creating a Great User Experience in SharePoint
PPT
BSG collaboration platform
PDF
Best practices for launching site redesigns
PPTX
Using a Powerful Online Collaboration Platform to Increase Productivity
SharePointFest Konferenz 2016 - Creating a Great User Experience in SharePoint
SPTechCon Boston 2016 - Creating a Great User Experience in SharePoint
Creating a Great User Experience in SharePoint
Alternative Approaches to Solution Development in SharePoint and Office 365
SPS Jersey 2014 - Creating a Great User Experience in SharePoint
BSG collaboration platform
Best practices for launching site redesigns
Using a Powerful Online Collaboration Platform to Increase Productivity

What's hot (19)

PDF
Introduction to Information Architecture
PPT
Business aspects of social software and collaboration
PPT
Jensen Harris: Beyond Menus and Toolbars in Microsoft Office
PPTX
Websites: Creating Effective Content and Launching Your Site Aug 2014
PPT
Introducing MirrorZen
PDF
2016 Salesforce Release Highlights
PPTX
The art of intranet search
PDF
What's the future for SharePoint?
PPTX
Beyond The Intranet: Digital Workplace Apps, Solutions & Bots
PPTX
SharePoint Training They Won't Forget
PPTX
Good vs Evil SharePoint Customizing
PPTX
Beyond The Intranet: Digital Workplace Apps, Solutions & Bots
PPTX
Tackling Teams & SharePoint Site Sprawl: Why It Matters & What You Need To Know
PPTX
SharePoint Summit Toronto - Practical Information Architecture Tools and Tech...
PPSX
A SharePoint User eXperience
PPTX
Tackling Sprawl in Microsoft 365 #MWCP21
PDF
Intranets With Office 365: What You Need To Know #INT103 #365EduCon 20211214
PDF
The guide to wireframing
PPTX
Best of Microsoft Ignite conference 2017 #tspbug
Introduction to Information Architecture
Business aspects of social software and collaboration
Jensen Harris: Beyond Menus and Toolbars in Microsoft Office
Websites: Creating Effective Content and Launching Your Site Aug 2014
Introducing MirrorZen
2016 Salesforce Release Highlights
The art of intranet search
What's the future for SharePoint?
Beyond The Intranet: Digital Workplace Apps, Solutions & Bots
SharePoint Training They Won't Forget
Good vs Evil SharePoint Customizing
Beyond The Intranet: Digital Workplace Apps, Solutions & Bots
Tackling Teams & SharePoint Site Sprawl: Why It Matters & What You Need To Know
SharePoint Summit Toronto - Practical Information Architecture Tools and Tech...
A SharePoint User eXperience
Tackling Sprawl in Microsoft 365 #MWCP21
Intranets With Office 365: What You Need To Know #INT103 #365EduCon 20211214
The guide to wireframing
Best of Microsoft Ignite conference 2017 #tspbug
Ad

Viewers also liked (20)

DOCX
Planificación TIC
PPTX
Nativos e inmigrantes
DOCX
Notebook stamps of English
PDF
2012_Chicago End of Year Report
PPTX
Economics assignment
PPTX
Pedagogy of the Soul
PDF
4°eso a final
PDF
HOH-Corporate_Fellowship-Flyer
PDF
What recommender systems can learn from decision psychology about preference ...
PPTX
Trainer Partnership Simplilearn
PPT
Portigal Consulting: Reading Ahead Research Findings redux
PPTX
History and evolution of the horror genre
PDF
K&s prezentacija - korigovana
PPTX
Kieler stadtkloster
PPT
The american civil war (1)
PPT
U5 Interchange 3
PPTX
Unit 3 – the world of work
PPT
Portigal Consulting: Reading Ahead Research Findings
PPT
Unit 1 hello everybody
PDF
Paula andrea pelaez gil
Planificación TIC
Nativos e inmigrantes
Notebook stamps of English
2012_Chicago End of Year Report
Economics assignment
Pedagogy of the Soul
4°eso a final
HOH-Corporate_Fellowship-Flyer
What recommender systems can learn from decision psychology about preference ...
Trainer Partnership Simplilearn
Portigal Consulting: Reading Ahead Research Findings redux
History and evolution of the horror genre
K&s prezentacija - korigovana
Kieler stadtkloster
The american civil war (1)
U5 Interchange 3
Unit 3 – the world of work
Portigal Consulting: Reading Ahead Research Findings
Unit 1 hello everybody
Paula andrea pelaez gil
Ad

Similar to SharePointFest Konferenz 2016 - Alternative Approaches to Solution Development in SharePoint and Office 365 (20)

PPTX
SPC Adriatics 2016 - Alternative Approaches to Solution Development in Office...
PPT
CVNUG - Share Point Development
PPTX
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
PPTX
Intro to SharePoint for Developers
PPT
10 Ways SharePoint 2010 Will Impact your Notes Migration
PPTX
Don't Just Migrate: Transform Your SharePoint Environment - DevConnections Or...
PPTX
When to Develop on a Platform (IndyTechFest 2008)
PPTX
Using rest to create responsive html 5 share point intranets
PDF
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
PPTX
No-code developer options in Office 365 and SharePoint 2013
PPTX
Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-in
PPTX
SPS Nashville Modern Sharepoint Experience
PPSX
Microsoft Dynamics CRM (XRM) & Microsoft Sharepoint
PPTX
SPS Brno 2017 - Go with the Microsoft flow
PPTX
SPS Nashville Modern Sharepoint Experience
PPTX
You got Microsoft Teams! Now let's build modern intranet on SharePoint - Team...
PPT
Integrated Proposal (Vsts Sps Tfs) - MS stack
PPTX
Microsoft Ignite 2019 News & Announcements
PPTX
Inform and Engage Employees with SharePoint Communications Sites and Yammer
PPTX
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
SPC Adriatics 2016 - Alternative Approaches to Solution Development in Office...
CVNUG - Share Point Development
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
Intro to SharePoint for Developers
10 Ways SharePoint 2010 Will Impact your Notes Migration
Don't Just Migrate: Transform Your SharePoint Environment - DevConnections Or...
When to Develop on a Platform (IndyTechFest 2008)
Using rest to create responsive html 5 share point intranets
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
No-code developer options in Office 365 and SharePoint 2013
Surfacing SPFx Solutions in SharePoint, MS Teams, and Outlook Add-in
SPS Nashville Modern Sharepoint Experience
Microsoft Dynamics CRM (XRM) & Microsoft Sharepoint
SPS Brno 2017 - Go with the Microsoft flow
SPS Nashville Modern Sharepoint Experience
You got Microsoft Teams! Now let's build modern intranet on SharePoint - Team...
Integrated Proposal (Vsts Sps Tfs) - MS stack
Microsoft Ignite 2019 News & Announcements
Inform and Engage Employees with SharePoint Communications Sites and Yammer
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap

More from Marc D Anderson (20)

PPTX
SPC2019 - Managing Content Types in the Modern World
PPTX
ECS2019 - Managing Content Types in the Modern World
PPTX
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
PPTX
RISPUG - Top Form - Using PowerApps to Replace List Forms
PPTX
SPCNA 2018 - Top Form - Using PowerApps to Replace List Forms
PPTX
SPCNA 2018 - The Next Great Migration - Classic to Modern
PPTX
SPS New York City 2017 - The Lay of the Land of Client-Side Development circa...
PPTX
ECS Zagreb 2017 - Content Types - Love Them or Lose It
PPTX
Lions Tigers Teams - SPTechCon Austin 2017
PPTX
Oslo SP User Group - Content Types - Love Them or Lose It
PPTX
Unity Connect Haarlem 2016 - The Lay of the Land of Client-Side Development c...
PPTX
SPTechCon Boston 2016 - Content Types - Love Them or Lose It
PPTX
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
PPTX
SPTechCon Austin 2016 - Content Types-Love Them or Lose It
PPTX
SPTechCon Austin 2016 - Creating a Great User Experience in SharePoint
PPTX
SharePoint Tech Fest Houston 2015 - Moving from SOAP to REST
PPTX
SharePoint Tech Fest Houston 2015 - Creating a Great User Experience in Share...
PPTX
SharePoint Saturday CT 2015 - Content Types: Love Them or Lose It
PPTX
Collab365 Oct 2015 - Moving from SOAP to REST – You’ll Have to Do It Sometime
PPTX
SPTechCon Boston 2015 - Whither SPServices?
SPC2019 - Managing Content Types in the Modern World
ECS2019 - Managing Content Types in the Modern World
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
RISPUG - Top Form - Using PowerApps to Replace List Forms
SPCNA 2018 - Top Form - Using PowerApps to Replace List Forms
SPCNA 2018 - The Next Great Migration - Classic to Modern
SPS New York City 2017 - The Lay of the Land of Client-Side Development circa...
ECS Zagreb 2017 - Content Types - Love Them or Lose It
Lions Tigers Teams - SPTechCon Austin 2017
Oslo SP User Group - Content Types - Love Them or Lose It
Unity Connect Haarlem 2016 - The Lay of the Land of Client-Side Development c...
SPTechCon Boston 2016 - Content Types - Love Them or Lose It
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
SPTechCon Austin 2016 - Content Types-Love Them or Lose It
SPTechCon Austin 2016 - Creating a Great User Experience in SharePoint
SharePoint Tech Fest Houston 2015 - Moving from SOAP to REST
SharePoint Tech Fest Houston 2015 - Creating a Great User Experience in Share...
SharePoint Saturday CT 2015 - Content Types: Love Them or Lose It
Collab365 Oct 2015 - Moving from SOAP to REST – You’ll Have to Do It Sometime
SPTechCon Boston 2015 - Whither SPServices?

Recently uploaded (20)

PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Electronic commerce courselecture one. Pdf
PPTX
MYSQL Presentation for SQL database connectivity
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
Cloud computing and distributed systems.
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
KodekX | Application Modernization Development
PDF
Modernizing your data center with Dell and AMD
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Per capita expenditure prediction using model stacking based on satellite ima...
Reach Out and Touch Someone: Haptics and Empathic Computing
Spectral efficient network and resource selection model in 5G networks
Electronic commerce courselecture one. Pdf
MYSQL Presentation for SQL database connectivity
Understanding_Digital_Forensics_Presentation.pptx
Review of recent advances in non-invasive hemoglobin estimation
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Building Integrated photovoltaic BIPV_UPV.pdf
Cloud computing and distributed systems.
Network Security Unit 5.pdf for BCA BBA.
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
NewMind AI Weekly Chronicles - August'25 Week I
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
KodekX | Application Modernization Development
Modernizing your data center with Dell and AMD

SharePointFest Konferenz 2016 - Alternative Approaches to Solution Development in SharePoint and Office 365

  • 1. Silber-Partner: Veranstalter: Marc D Anderson SharePoint MVP Co-Founder & President Sympraxis Consulting LLC
  • 2. Co-Founder and President of Sympraxis Consulting LLC, located in the Boston suburb of Newton, MA, USA. Sympraxis focuses on enabling collaboration throughout the enterprise using the SharePoint application platform. Over 30 years of experience in technology professional services and software development. Over a wide-ranging career in consulting as well as line manager positions, Marc has proven himself as a problem solver and leader who can solve difficult technology problems for organizations across a wide variety of industries and organization sizes. Author of SPServices Awarded Microsoft MVP for SharePoint Server 2011-2016
  • 3.  We regularly hear about the importance of building Apps Add-Ins from the Microsoft folks. But in many cases, that approach is overkill. Even in enterprises, all solutions aren’t "enterprise scale".  It’s always been possible to build solid solutions or solution components using Data View Web Parts or the trusty Content Editor Web Part to hold some HTML, JavaScript, and CSS, and those are still viable approaches. With a few other more modern tricks, we can even build solutions that span many pages using a common code base.  Join me as I kick around the plusses and minuses of “sanctioned development” versus smaller, lighter-touch approaches. Feel free to bring along your own questions and challenges so that we can make it a discussion.  Based on a discussion with Scot Hillier on the ITUnity Dev Pulse
  • 4.  The Middle Tier Manifesto: An Alternative Approach to Development with Microsoft SharePoint  Flying in the Cloud: New Ways to Develop for SharePoint  Create a Business Solution, Step by Step, with No Managed Code  SharePoint Solutions with SPServices  SharePoint Solutions with KnockoutJS  Single-Page Applications (SPAs) in SharePoint Using SPServices
  • 6.  Use your favorite tools  Choose your favorite frameworks  Write your solutions with HTML, CSS, and JavaScript  Watch your users smile
  • 7. Data Access / Initial Manipulation Document Ready ViewModel / Application Logic Templates JavaScript HTML Application Styling CSS
  • 8.  SharePoint Lists and Libraries  Office Microsoft Graph  External data sources
  • 9.  Development tools – you choose  Visual Studio (any flavor)  SharePoint Designer  WebStorm  Sublime Text  Notepad++  Debugging tools – your browser  Chrome  Firefox with Firebug  Internet Explorer  Testing tools, Build tools, …
  • 10.  Adding a User Custom Action allows you to load the first JavaScript file with a ScriptLink  RequireJS (or several alternatives – see system.js) allow you to bootstrap the rest of your code into the page  Because your script references are built in code, you can even do versioning
  • 11.  Code Isolation  "Time to glass"  Pushing processing from server to client
  • 12.  Document Library(ies)  Style Library  In the master page gallery at _catalogs/masterpage  Can be unique to a Site Collection or stored centrally for better reuse  FaaS approach
  • 13.  Don't be caught up in the "shiny penny" syndrome  Compare your known requirements with the frameworks' capabilities  Ask yourself:  What types of solutions do we need to build?  What does our governance tell us about our deployment model?  How big is the development team?  What are our current skills?
  • 14.  Works without activating the Publishing Infrastructure  No master page customization (current "guidance")  PnP Approaches  CDN Manager – Scot Hillier  Manage UserCustomAction using SharePoint Add-In - André Lage  The easiest way to add Script and Brand your SharePoint and SharePoint Online - John Liu
  • 15.  Can be driven by:  Page URL  Page content  Current user  IP address  Time of day  Presence of data in a list Any characteristic of the current context
  • 16.  Store configuration variables in a Configuration list  Use Title for the parameter name  Second column for parameter value: Multiple lines of text  Can store strings, XML, JSON, etc. – any text-based data constructs  Generalize wherever possible  Build a centralized set of FaaS  Use consistent namespacing  Consider a build process  Many places you would have built a workflow can be handled in code
  • 17.  "Pure" JavaScript is better than jQuery or other libraries  Large JavaScript files clog up the network  You don't have to care about design  Meeting the requirements is enough
  • 18.  Frameworks can be hard to learn  Change is going to be rapid  Learning mindset is required  Opens up the talent pool  Web developers may be easier to find and hire
  • 21. Ich freue mich auf Ihr Feedback!
  • 23. Email marc.anderson@sympraxisconsulting.com Twitter @sympmarc Blog http://sympmarc.com SPServices http://spservices.codeplex.com SPXSLT http://spxslt.codeplex.com Books http://sympmarc.com/books The Middle Tier Manifesto http://bit.ly/middletier

Editor's Notes

  • #8: ePoint's baggage