Loading in 2 Seconds...
Loading in 2 Seconds...
Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.
Using jQuery and jPoint for DevelopingComposite Applications in SharePoint SharePoint User Group: 01/14/10 Presented by: Will Lawrence and the jPoint Team Intro
jQuery is Hot Topic for SharePoint • I saw it being mentioned 3 times at last summer’s Regional SharePoint Conference. • I saw it being mentioned 6 or more times and jQuery was used in live demos in at least 3 presentations at the SharePoint Conference 2009 in Vegas. Below are my live blog posts from the demos using jQuery. • SharePoint Designer 2010 – Building Composite Apps: From SPC09 Las Vegas • Enterprise Mashups with SharePoint Designer 2010, Bing map services, and Restful web services: From SPC09 Las Vegas • Working with the new Client Object Model: From SPC09 Las Vegas
The value traditionallyseen from SharePoint What is required by the business need • Content needs to be marked up early, easily, and often to prevent garbage and lackluster participation • Business processintegration into SharePoint needed to familiarize users with tools before successful business process improvement. • Value gap should be filled for better ROI (it seems obvious, but is sometimes a hard fight) • Need to show WIIFM (What’s In It For Me?) to gain user adoption • UI Customizations and stimulating UX help to comfort and empower users Improve metadata input Integrate existing processes Smart customization Content Management Collaboration Search The value gap
Origins jPoint: Unleashed 4/3/09 8/28/09 6/13/08 8/22/09
Quick Mental Image Multiple server farm for regional replication
jPoint: Unleashed The many great bloggers in the community Inspiration Download from Codeplex Thanks!
jPoint: Components • jPointLoader.js • Dynamically loads jQuery and jPoint • Parameter passing to override default paths • Example: • <script src=“jPointLoader.js? jQueryPath=/js/jQuery/”></script> • jPoint.js • Contains main jPoint class. • jP is to jPoint as $ is to jQuery
jParts: Scripts as Web Parts User Options jPart Solution jQuery Plugins jPoint SharePoint
jParts: Recommended Steps Developer CREATES Site Collection Admin DEPLOYS Export Web Part from dev page. Upload into Web Part Gallery. • Download jQuery and jPoint to SharePoint (i.e. Document Library) • Place custom code into jPart Template and save as jPart.MyCode.js • Place CEWP / FWP on dev page. • Reference jQuery, jPoint & jPart.MyCode.js Power Users ADD Designer permissions, Edit Page in design mode. Add Web Part to page. Configure user options. *Composite App Tip: For multiple jParts on a page, use jPointLoader.js
jParts: . User Options
jParts: . User Options
User Options jPart Solution Plugins joint SharePoint User Options User Options jPart Solution Plugins jPart Solution joint SharePoint jQuery jQuery jQuery Plugins jPoint SharePoint
A sliding scale of solution sophisticationDifferent tools for different roles Visual Studio SharePoint Designer Office Browser Larger team development ALM Enterprise application integration Across the firewall integration Web services and components Manageability Declarative integration to external data Relatively sophisticated workflows Rich forms-based applications Web design Some VS-based (WF activities, web parts) BU reporting, tracking Access DBs User customized sites Ad-hoc solutions Browser-based SharePoint data definition Using galleries of web parts Highest sophistication Sophisticated enterprise applications Enable Declarativesolutions, some code Enable jPoint developers create jPart solutions that are web parts! No-code solutions Highest empowerment
Demo: Quick Background 1 Old Aviation Event Reporting Process Crash recorded by hand Faxed to HQ in Washington and “processed” Executives and special persons notified by voice Event reports and verbal notifications recorded in spreadsheet and filed 2 3 4
Demo: Quick Background 1 Improved Event Reporting Process Crash entered into SharePoint Washington HQ “processes” event from Dashboard Executives and special persons notified by voice Verbal notifications recorded online in a SP list 2 3 4 What functionality is in the Dashboard in Step 2? What happens in Step 4? Answers: Watch the demo
Design Dilemma • HQ client wants new event reporting process implemented quickly • HQ client wants fancy features • Design • A lot of details have been left out, but it essentially comes down to one question SharePoint Designer or Visual Studio?
Demo Preview • Activities that are difficult …without jPoint • Manipulate New/Disp/Edit form fields and their custom counterparts, dataViewWebParts • Access SharePoint data from client side • Build composite applications quickly Features • Drag and Drop • Form field expandos • Date/Time/Timezone jQuery plugin in form • Auto save • Live lists as queues • Flexigrid jQuery plugin connected to SP data • Live collaboration
Demo Review • Activities made difficult without jPoint • Manipulate New/Disp/Edit form fields and their custom counterparts, dataViewWebParts • Access SharePoint data on the client • Build composite applications quickly Features • Drag and Drop • Form field expandos • Date/Time/Timezone jQuery plugin in form • Auto save • Live lists as queues • Flexigrid jQuery plugin connected to SP data • Live collaboration
Thank you • Remember to: • Share jPoint. It’s open source. • Checkout http://jPoint.codeplex.com and supporting site http://sharejPoint.com. • Contact me at : • will.lawrence@sharejPoint.com • Twitter: @willhlaw • Looking for: • Sponsors to support sharejPoint organization • Developers to constantly improve the project