SharePoint - Creating Beautiful Yet Powerful Dashboards Using jQuery
1.
2. • SharePoint Business Process Developer
Ken Kuzdas
• Natively from Phoenix, AZ
• I am dedicatedSharePoint developer who’s career has always focused on
digitizing various business processes using out-of-the-box solutions and client
side scripting. I have been developing for a number of years in both Arizona as
well as Utah. Currently, I am a business process developer on the SharePoint
Apps team for The Church of Jesus Christ of Latter-Day Saints, a global non-
for-profit organization with millions of members world wide.
• WHAT IS ALL OF THIS WHITE STUFF HERE IN UTAH?!?
3. • SSRS / Analysis Services
• Performance Point
• Power Pivot
• Excel / Access / Visio Services
• Chart / KPIs Webparts
4. • SSRS / Analysis Services
• Performance Point
• Power Pivot
• Excel / Access / Visio Services
• Chart / KPIs Webparts
5. • SSRS / Analysis Services
• Performance Point
• Power Pivot
• Excel / Access / Visio Services
• Chart / KPIs Webparts
6.
7. PROS CONS
No Server Deployment Requires YOU to code it
Complex
No Need For Enterprise
Interconnectivity –
Features
Multiple Pieces
Extremely Customizable YOU maintain it
13. • I am not attempting to promote specific jQuery
plugins
• I am not going to write all the code live……too boring
• Every situational use of jQuery is completely
different…ignore my ‘situational code’ as I show the
creation of this dashboard
14. • jQuery .js file must be referenced into the page
ALWAYS
• jQuery has ability to load plugins – there is a plugin
for just about EVERYTHING
• jQuery also makes it easy to create your own plugins
15. • jQuery .js file must be referenced into the page AND
the .js file for the plugin
• Almost ALL plugins have their own website or at least
a project on GitHub.com
• These websites will include an API for their
plugin, making it VERY easy to implement new
plugins
jQuery is a new kind of JavaScript Library.jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
Web Parts movable / customize in browser / personalized / target audience add to site for further deployment can be uploaded – no need for server deployment
All good SharePoint design starts on the whiteboard, not on the keyboard
All good SharePoint design starts on the whiteboard, not on the keyboard
FTE Modal- -show how jquery is loaded and usedChart SelectorPie Chart – show API show event to chartDataTableFilters