Case study of building a public facing website on SharePoint 2013 for Roadrunner Transportation. Rick Parham and myself presented this at SharePoint Fest Chicago 2014.
SharePoint Fest Chicago 2014 Case study SP2013 rrts.com website with telerik
1. 12/19/2014 1ยฉ 2014 PSC Group, LLC
Case Study: SP2013 Internet Site
ROADRUNNER TRANSPORTATION SYSTEMS
2. 12/19/2014 2ยฉ 2014 PSC Group, LLC
Who are these guys?
Michael Blumenthal
โข Sr. Solution Architect
โข CSPUG Co-Leader
โข 19 years in IT Consulting
โข 11 years of SharePoint
โข Project Team member
Rick Parham
โข Partner, VP Microsoft Solutions
โข 27 years in IT Consulting
โข Working with SharePoint since
its launch in 2001
9. 12/19/2014 9ยฉ 2014 PSC Group, LLC
The Challenge:
Aging ASP.NET site
Independent subsidiary sites
Multiple line of business tools
Small internal developer staff
AS400 integration
User management
Older VB.NET code base
13. 12/19/2014 13ยฉ 2014 PSC Group, LLC
Solution: Development
What We Built
โข 30 Line of Business Apps
โข 15 Admin Apps
โข 8 SSRS Reports
โข 7 Web Services
โข 6 Service Segments Pages
โข 16+ Company Sites
13
27. 12/19/2014 27ยฉ 2014 PSC Group, LLC
Roadmap
The business challenge
The solution
Technical Architecture & key components
Team
Measures of success
28. 12/19/2014 28ยฉ 2014 PSC Group, LLC
Key Project Team Roles
Technical Team
โข Project Management
โข Solution Architect
โข Infrastructure Architect
โข Business Analysts (QA)
โข UX/UI Designers
โข Data and Systems SMEs
โข Quality Assurance
Business Team
โข Marketing
โข Business SMEs
โข Sales
โข Customer Support
โข Quality Assurance
โข Training Team
โข OCM Team
โข User Advisory Council
โข Executive Sponsors
29. 12/19/2014 29ยฉ 2014 PSC Group, LLC
Methodology
At PSC, we use an iterative methodology in order to ensure successful delivery of our
projects. Our methodology leverages strengths of various other methodologies including
Agile and MSF.
ITERATIVE, ADAPTABLE, SUCCESSFUL
30. 12/19/2014 30ยฉ 2014 PSC Group, LLC
UX/UI/Design Philosophy
User Experience Design
โข Define the experience the user
has on the site
โข Define with the User Council
โข Site Elements
โข Navigation
โข Content
User Interface Design
โข Wireframes
โข Define with Marketing and
User Council
โข Color Scheme
โข Typography
โข Imagery
โข Review with Development
31. 12/19/2014 31ยฉ 2014 PSC Group, LLC
Solution: Project Management
Team Meetings
SharePoint Team Site
OneNote
Yammer
32. 12/19/2014 32ยฉ 2014 PSC Group, LLC
Measures of success
โข 700 Bills Of Lading/day
โข Increased hits, decreased exits
Google Analytics 3 mo Before 3 mo After
Page Views 3,393,986 5,270,783
Unique Page Views 2,609,161 3,606,197
Average Time on
Page
1m:51s 1m:21s
% Exit 27.92% 20.79%
33. 12/19/2014 33ยฉ 2014 PSC Group, LLC
Review
The business challenge
The solution
Technical Architecture & key components
Team
Measures of success
41. 12/19/2014 41ยฉ 2014 PSC Group, LLC
WS 203 - Half Day Workshop: An Advanced
Introduction to PowerShell Scripting for
SharePoint
Monday 12/8
Half Day Workshop 8:30 am - 12:00 PM
Michael Blumenthal & Jack Fruh
ECM 104 - Case Study: Building a Public Facing
Website on SharePoint 2013
Tuesday โ 12/9
3 PM โ Breakout 1
Michael Blumenthal & Rick Parham
SPT 105 - Governance for the Rest of Us
Tuesday โ 12/9
4:20 PM โ Breakout 3
Mark Wroblewski & Jeff Crowell
DEV 201 - Beyond Responsive Design โ Turning
SharePoint into a mobile and modern web
application platform
Wednesday โ 12/10
8:30 AM โ Breakout 7
John Head & Chris Johnson
PSC Sessions
We have a history of building great internet sites on SharePoint
Whatโs in it for the audience?
Devs?
Admins?
Using sp2013 for internet site?
Public Facing Website on SharePoint?
Truckload, Less-Than-Truckload, Intermodal
2500+ Employees, 15,000+ Contractors
30 Different Acquisitions
Website only talked about one line of business
Existing VB.NET codebase needed to be rewritten due to changes in data access โ now a central db.
We wore many hats:
Gather Requirements
Business Process Consulting
Technology Consulting
Management Consulting
We helped the business understand what they needed to communicate and accomplish.
Over 500 pieces of content
Many overlaps
Graphical Menu
Modern and easier to use- pick a valid date in fewer clicks, no popup issues.
BOL is the most important business process.
Has a complex form. Telerik Controls let us provide a better user experience. For example, Contextual Tips and masked fields.
Custom Web Part gives us complete control of the UX.
Navigation to individual companies, three approaches to integrating brands
Three examples of old and new sites side by side, and how the new sites have a consistency that the old ones lack.
SharePoint 2013 for Internet
Web Part Development
Solution Packages
Authentication framework
CMS
Telerik
SQL 2012 / Custom Database
No more Internet license costs vs 2010
Development of Web Parts in parallel with site structure, branding, navigation
Putting each app in its own solution package rather than one giant solution package made maintenance, upgrades easy
Use of Telerik controls ASP.NET Ajax Controls
(details later in the deck) Integrating OOTB FBA user management model with a rich user model
(details later in the deck) Use of a custom SQL database because this is highly relational Line of Business data.
SQL DB vs. Lists
Decided to go with server side development. Made decision in June 2013.
Initially wanted to go App Model
Tried of couple of process / Took 3-4 time as long
App Model is maturing / But not ready when we needed it
Back-End is SQL instead of using Lists
- Integrate with AS/400
Pre-existing web services needed to be maintained.
Active/Passive SQL Cluster had two SQL Instances, one for SP, one for the Roadrunner LOB data.
At PSC, we use an iterative methodology in order to ensure successful delivery of our projects. The following diagram shows how the project scope is encompassed by an emphasis on constant communication relying on our focus on listening to our clients. Our methodology leverages strengths of various other methodologies including Agile and MSF in order to bring a solid foundation and the ability to adapt to client and project requirements as needed.
One Internal, one Client status meeting every week, Mon + Thr
My PSC โ SP2013
OneNote: Every Meeting, Every Application
Yammer โ helped when team was spread out, WFH/Client/HQ/Loop
% Exits - % of people that leave the site after visiting just the home page. That means 80% of users delve deeper into the site, up from 73%.
Telerik
Makes it easier to add mobile device experience later. Also lets business partners integrate with corporate systems
BrowserStack.com
For relational data, use SQL.
For User Management, FBA
Page Content Management vs Data Content Management