SlideShare a Scribd company logo
Create a Business Solution,
Step by Step, with No
Managed Code
Christian Ståhl & Marc D Anderson
Who Is Christian?
• Senior SharePoint Consultant, Humandata.
• Web designer and Web developer since mid 90s, before art
student. Wide-ranging career in SharePoint since the early days,
consulting and training.
• Three-time awardee of the Microsoft MVP award for SharePoint
Server (2011, 2012, 2013).
Who Is Marc?
• 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.
• More than 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.
• Three-time awardee of the Microsoft MVP award for SharePoint
Server (2011, 2012, 2013).
About this shared session
• We have collaborated and discussed different kinds of SharePoint
solutions using client coding through the years and share the same
deep passion for data view web parts and jQuery solutions in
SharePoint.
• For this SEF, we thought it would be fun to set up a typical business
problem and see how we could solve this with no managed code and
how we could tackle this from our different perspectives.
Tutorial Overview
• In this session, you will learn how you can devise
powerful solutions from beginning to end without
deploying any managed code with two of the biggest
proponents of this approach. We’ll take a business
problem and go through the actual solution in SharePoint
2013
What Are the Available Tools?
SharePoint
2010
SharePoint
2013
Cascading Stylesheets (CSS)
Extensible Stylesheet Language (XSL)
JavaScript / jQuery
Data View Web Parts (DVWPs)
Content Query Web Parts (CQWPs)
Workflows (SharePoint Designer)
Display Templates
Content Search Web Parts (CSWPs)
Cascading Stylesheets (CSS)
• Usually not seen as part of the
coder's toolset
• Modern Web development relies
on a firm understanding of CSS
• Necessary to add animations and
useful client side behaviors
• Used in tandem with scripting and
DOM manipulation
Extensible Stylesheet Language (XSL)
• Used in Data View Web Parts,
Content Query Web Parts
• Not most people's favorite data
formatting tool
• Might be considered outdated
• Moving away from XSL toward client
side rendering (jQuery, Knockout,
many more)
JavaScript / jQuery
• SharePoint has always used JavaScript
• jQuery is "supported"
• Taken Web development by storm
• Most modern Web sites rely heavily on scripting
• More and more integration with SharePoint,
especially in SharePoint 2013
Data View Web Parts (DVWPs)
• Processed on the server
• XSL-driven
• Can "join" multiple data sources
• Useful not only for displaying data, but also for building forms
• Can roll up content across the Site Collection using
DataSourceMode="CrossList"
• Much harder to work with in SharePoint 2013 (SharePoint
Designer missing Display View)
Content Query Web Parts (CQWPs)
• Processed on the server
• XSL-driven
• Long-time workhorse of Web Parts
• Enables rollup of content across the Site Collection
• Predefined formats can be extended but somewhat
cumbersome to do so
• A lot of filter options; for example on content type,
metadata and audience targeting
Workflows
• Right up front: neither of us are big fans
• Great for frequent, repetitive tasks; information work
tends to be highly exception-driven
• Often used to get around things that are seen as
SharePoint limitations
• Sometimes can use script to accomplish similar things
• Can be unreliable
Display Templates
• New in SharePoint 2013
• JavaScript-driven
• Might be the new DVWP?
• Documentation is not great
Content Search Web Parts (CSWPs)
• New in SharePoint 2013
• "Soon" available on Office365
• Display Template driven
• Depends on indexing schedule
• Continuous crawling helps, but not a
panacea
What Can’t [Shouldn't] You Do Without
Managed Code?
• Deploy files to the server’s file system
• Event Receivers
• Timer Jobs
• Elevate Permissions
• Deployment of a large number of sites or
other objects
Client Side vs. Server Side
• Contrary to some reports, client side development
is not always a good thing
• Be careful when you have large data volume,
mathematical processing, etc.
• You must know the "Lowest Common
Denominator"
Development Must Also Follow Good
Governance Practices
• Coding practices
• Deployment mechanisms
• Testing methods
• Documentation
• Training
• Maintenance planning
To our Demo
• Let’s take a look at concrete business problem.
– A employee award nomination system
– Let’s say that our goal is to find an easy way to store,
submit and report on nominations submitted by
various users – how can we do that?
Employee Award Nominations
• First thought… Maybe we can use a SharePoint list and create a submission form
using InfoPath. Exporting the list to Excel would allow the admins the necessary level
of reporting they should be looking for.
• The team’s requirements is in this example are fairly basic. Automatically populating a
few fields using user profile services is necessary but should not be any problem.
There is one requirement that held us up. If the fictive customer wants to limit how
many submissions any one user can do AND provide a current count of how many
submissions that user had made on the form.
• We could use another list with users and a count of their nominations combined with a
workflow to either add a new user to the list or add 1 to the current count for an
existing user on the list. The form would reference this secondary list to provide the
count display on the form.
• But wait: there has got to be an easier way, right?
WE LIKE SIMPLE SOLUTIONS!
Contact Information
eMail christian@humandata.se
Blog http://chrisstahl.wordpress.com
Twitter @Cstahl
LinkedIn christianstahl
eMail marc.anderson@sympraxisconsulting.com
Blog http://sympmarc.com
SPServices http://spservices.codeplex.com
SPXSLT http://spxslt.codeplex.com
Books http://sympmarc.com/books

More Related Content

PPTX
The SharePoint & jQuery Guide
PPTX
SEF2013 - A jQuery Primer for SharePoint
PPTX
SharePoint Performance
PPTX
Content by query web part
PPTX
SharePoint & jQuery Guide - SPSTC 5/18/2013
PPTX
Introduction to using jQuery with SharePoint
PPTX
The SharePoint & jQuery Guide - Updated 1/14/14
PPTX
Transform SharePoint default list forms with HTML, CSS and JavaScript
The SharePoint & jQuery Guide
SEF2013 - A jQuery Primer for SharePoint
SharePoint Performance
Content by query web part
SharePoint & jQuery Guide - SPSTC 5/18/2013
Introduction to using jQuery with SharePoint
The SharePoint & jQuery Guide - Updated 1/14/14
Transform SharePoint default list forms with HTML, CSS and JavaScript

What's hot (20)

PPTX
Introduction to StratusForms #SayNoToInfoPath
PDF
How to build your own Delve: combining machine learning, big data and SharePoint
PPTX
TulsaTechFest - Maximize SharePoint UX with free jQuery libraries
PPTX
SPTechCon Dev Days - Third Party jQuery Libraries
PPTX
SPTechCon - Share point and jquery essentials
PPTX
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
PPTX
(Updated) SharePoint & jQuery Guide
PPTX
Intro to SharePoint Web Services
PPTX
SharePoint & jQuery Guide - SPSNashville 2014
PPTX
SPTechCon Boston 2015 - Overcoming SharePoint Limitations
PPTX
SPTechCon DevDays - SharePoint & jQuery
PPTX
SharePoint and the User Interface with JavaScript
PPTX
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
PPTX
SPSDenver - SharePoint & jQuery - What I wish I would have known
PPTX
SPSBE building an faq for end users
PPTX
A Power User's Intro to jQuery Awesomeness in SharePoint
PPTX
Search-Driven Applications with SharePoint 2013 (#SBSBE16)
PPTX
SPSNH 2014 - The SharePoint & jQueryGuide
PPTX
Using jQuery to Maximize Form Usability
PPTX
Transform SharePoint List Forms with HTML and CSS
Introduction to StratusForms #SayNoToInfoPath
How to build your own Delve: combining machine learning, big data and SharePoint
TulsaTechFest - Maximize SharePoint UX with free jQuery libraries
SPTechCon Dev Days - Third Party jQuery Libraries
SPTechCon - Share point and jquery essentials
SPTechCon Boston 2015 - Utilizing jQuery in SharePoint
(Updated) SharePoint & jQuery Guide
Intro to SharePoint Web Services
SharePoint & jQuery Guide - SPSNashville 2014
SPTechCon Boston 2015 - Overcoming SharePoint Limitations
SPTechCon DevDays - SharePoint & jQuery
SharePoint and the User Interface with JavaScript
2/15/2012 - Wrapping Your Head Around the SharePoint Beast
SPSDenver - SharePoint & jQuery - What I wish I would have known
SPSBE building an faq for end users
A Power User's Intro to jQuery Awesomeness in SharePoint
Search-Driven Applications with SharePoint 2013 (#SBSBE16)
SPSNH 2014 - The SharePoint & jQueryGuide
Using jQuery to Maximize Form Usability
Transform SharePoint List Forms with HTML and CSS
Ad

Similar to SEF2013 - Create a Business Solution, Step by Step, with No Managed Code (20)

PPTX
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
PPTX
SharePoint Saturday UK 2012 - End User InfoPath and SharePoint Designer
PPT
CVNUG - Share Point Development
PPTX
The SharePoint and jQuery Guide by Mark Rackley - SPTechCon
PDF
SPSOrlando - InfoPath 2010 Jumpstarter
PDF
SharePoint Custom Development
PPTX
SPTechCon SFO 2014 - Create a Business Solution, Step by Step, with No Manage...
PDF
No Feature Solutions with SharePoint
PPT
SharePoint Saturday Indy - Streamlining Business Processes with InfoPath and ...
PPT
Streamlining Business Processes with InfoPath and SharePoint
PDF
SPS Philly 2013 - Building Business Solutions Using InfoPath
PPTX
SPC Adriatics 2016 - Alternative Approaches to Solution Development in Office...
PPTX
Alternative Approaches to Solution Development in SharePoint and Office 365
PPTX
Nsc 2013 06-17 - random rants on 2013
PPTX
SharePoint and jQuery Essentials
PPTX
Advanced SharePoint 2010 InfoPath Development
PPTX
Empowering business users with hybrid solutions
PPTX
Spsbe2012 sessie start to-jquery
PPTX
SharePoint Cincy 2012 - jQuery essentials
DOC
WSS MOSS Portfolio
SPS Monaco 2017 - The Lay of the Land of Client-Side Development circa 2017
SharePoint Saturday UK 2012 - End User InfoPath and SharePoint Designer
CVNUG - Share Point Development
The SharePoint and jQuery Guide by Mark Rackley - SPTechCon
SPSOrlando - InfoPath 2010 Jumpstarter
SharePoint Custom Development
SPTechCon SFO 2014 - Create a Business Solution, Step by Step, with No Manage...
No Feature Solutions with SharePoint
SharePoint Saturday Indy - Streamlining Business Processes with InfoPath and ...
Streamlining Business Processes with InfoPath and SharePoint
SPS Philly 2013 - Building Business Solutions Using InfoPath
SPC Adriatics 2016 - Alternative Approaches to Solution Development in Office...
Alternative Approaches to Solution Development in SharePoint and Office 365
Nsc 2013 06-17 - random rants on 2013
SharePoint and jQuery Essentials
Advanced SharePoint 2010 InfoPath Development
Empowering business users with hybrid solutions
Spsbe2012 sessie start to-jquery
SharePoint Cincy 2012 - jQuery essentials
WSS MOSS Portfolio
Ad

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 - Creating a Great User Experience in SharePoint
PPTX
SPTechCon Boston 2016 - Content Types - Love Them or Lose It
PPTX
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
PPTX
SharePointFest Konferenz 2016 - Creating a Great User Experience in SharePoint
PPTX
SharePointFest Konferenz 2016 - Alternative Approaches to Solution Developmen...
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...
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 - Creating a Great User Experience in SharePoint
SPTechCon Boston 2016 - Content Types - Love Them or Lose It
SPC Adriatics 2016 - Creating a Great User Experience in SharePoint
SharePointFest Konferenz 2016 - Creating a Great User Experience in SharePoint
SharePointFest Konferenz 2016 - Alternative Approaches to Solution Developmen...
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...

Recently uploaded (20)

PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PPTX
Big Data Technologies - Introduction.pptx
PDF
Empathic Computing: Creating Shared Understanding
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PPTX
Spectroscopy.pptx food analysis technology
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPT
Teaching material agriculture food technology
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPTX
MYSQL Presentation for SQL database connectivity
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Big Data Technologies - Introduction.pptx
Empathic Computing: Creating Shared Understanding
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Spectroscopy.pptx food analysis technology
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
“AI and Expert System Decision Support & Business Intelligence Systems”
NewMind AI Weekly Chronicles - August'25 Week I
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Teaching material agriculture food technology
Agricultural_Statistics_at_a_Glance_2022_0.pdf
The AUB Centre for AI in Media Proposal.docx
Review of recent advances in non-invasive hemoglobin estimation
sap open course for s4hana steps from ECC to s4
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Understanding_Digital_Forensics_Presentation.pptx
MYSQL Presentation for SQL database connectivity

SEF2013 - Create a Business Solution, Step by Step, with No Managed Code

  • 1. Create a Business Solution, Step by Step, with No Managed Code Christian Ståhl & Marc D Anderson
  • 2. Who Is Christian? • Senior SharePoint Consultant, Humandata. • Web designer and Web developer since mid 90s, before art student. Wide-ranging career in SharePoint since the early days, consulting and training. • Three-time awardee of the Microsoft MVP award for SharePoint Server (2011, 2012, 2013).
  • 3. Who Is Marc? • 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. • More than 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. • Three-time awardee of the Microsoft MVP award for SharePoint Server (2011, 2012, 2013).
  • 4. About this shared session • We have collaborated and discussed different kinds of SharePoint solutions using client coding through the years and share the same deep passion for data view web parts and jQuery solutions in SharePoint. • For this SEF, we thought it would be fun to set up a typical business problem and see how we could solve this with no managed code and how we could tackle this from our different perspectives.
  • 5. Tutorial Overview • In this session, you will learn how you can devise powerful solutions from beginning to end without deploying any managed code with two of the biggest proponents of this approach. We’ll take a business problem and go through the actual solution in SharePoint 2013
  • 6. What Are the Available Tools? SharePoint 2010 SharePoint 2013 Cascading Stylesheets (CSS) Extensible Stylesheet Language (XSL) JavaScript / jQuery Data View Web Parts (DVWPs) Content Query Web Parts (CQWPs) Workflows (SharePoint Designer) Display Templates Content Search Web Parts (CSWPs)
  • 7. Cascading Stylesheets (CSS) • Usually not seen as part of the coder's toolset • Modern Web development relies on a firm understanding of CSS • Necessary to add animations and useful client side behaviors • Used in tandem with scripting and DOM manipulation
  • 8. Extensible Stylesheet Language (XSL) • Used in Data View Web Parts, Content Query Web Parts • Not most people's favorite data formatting tool • Might be considered outdated • Moving away from XSL toward client side rendering (jQuery, Knockout, many more)
  • 9. JavaScript / jQuery • SharePoint has always used JavaScript • jQuery is "supported" • Taken Web development by storm • Most modern Web sites rely heavily on scripting • More and more integration with SharePoint, especially in SharePoint 2013
  • 10. Data View Web Parts (DVWPs) • Processed on the server • XSL-driven • Can "join" multiple data sources • Useful not only for displaying data, but also for building forms • Can roll up content across the Site Collection using DataSourceMode="CrossList" • Much harder to work with in SharePoint 2013 (SharePoint Designer missing Display View)
  • 11. Content Query Web Parts (CQWPs) • Processed on the server • XSL-driven • Long-time workhorse of Web Parts • Enables rollup of content across the Site Collection • Predefined formats can be extended but somewhat cumbersome to do so • A lot of filter options; for example on content type, metadata and audience targeting
  • 12. Workflows • Right up front: neither of us are big fans • Great for frequent, repetitive tasks; information work tends to be highly exception-driven • Often used to get around things that are seen as SharePoint limitations • Sometimes can use script to accomplish similar things • Can be unreliable
  • 13. Display Templates • New in SharePoint 2013 • JavaScript-driven • Might be the new DVWP? • Documentation is not great
  • 14. Content Search Web Parts (CSWPs) • New in SharePoint 2013 • "Soon" available on Office365 • Display Template driven • Depends on indexing schedule • Continuous crawling helps, but not a panacea
  • 15. What Can’t [Shouldn't] You Do Without Managed Code? • Deploy files to the server’s file system • Event Receivers • Timer Jobs • Elevate Permissions • Deployment of a large number of sites or other objects
  • 16. Client Side vs. Server Side • Contrary to some reports, client side development is not always a good thing • Be careful when you have large data volume, mathematical processing, etc. • You must know the "Lowest Common Denominator"
  • 17. Development Must Also Follow Good Governance Practices • Coding practices • Deployment mechanisms • Testing methods • Documentation • Training • Maintenance planning
  • 18. To our Demo • Let’s take a look at concrete business problem. – A employee award nomination system – Let’s say that our goal is to find an easy way to store, submit and report on nominations submitted by various users – how can we do that?
  • 19. Employee Award Nominations • First thought… Maybe we can use a SharePoint list and create a submission form using InfoPath. Exporting the list to Excel would allow the admins the necessary level of reporting they should be looking for. • The team’s requirements is in this example are fairly basic. Automatically populating a few fields using user profile services is necessary but should not be any problem. There is one requirement that held us up. If the fictive customer wants to limit how many submissions any one user can do AND provide a current count of how many submissions that user had made on the form. • We could use another list with users and a count of their nominations combined with a workflow to either add a new user to the list or add 1 to the current count for an existing user on the list. The form would reference this secondary list to provide the count display on the form. • But wait: there has got to be an easier way, right?
  • 20. WE LIKE SIMPLE SOLUTIONS!
  • 21. Contact Information eMail christian@humandata.se Blog http://chrisstahl.wordpress.com Twitter @Cstahl LinkedIn christianstahl eMail marc.anderson@sympraxisconsulting.com Blog http://sympmarc.com SPServices http://spservices.codeplex.com SPXSLT http://spxslt.codeplex.com Books http://sympmarc.com/books