case study: building the roadrunner public website site + bonus: deep dive building site admin tools...

65
2014 Case Study: SP2013 Internet Site ROADRUNNER TRANSPORTATION SYSTEMS

Upload: michael-blumenthal

Post on 17-Nov-2014

118 views

Category:

Technology


0 download

DESCRIPTION

In this presentation, I provide an overview of how we built the public website for Roadrunner Transportation Systems using SharePoint 2013. As a bonus, I also provide a deep dive into building site admin tools with Telerik RadGrid.

TRANSCRIPT

Page 1: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Case Study: SP2013 Internet Site

ROADRUNNER TRANSPORTATION SYSTEMS

Page 2: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Who is Michael Blumenthal?

• Sr. Solution Architect• CSPUG Co-Leader• 19 years in IT Consulting• 11 years of SharePoint • Team member on this

project

Page 3: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Today

RRTS.com

Building Custom Data Admin Tools

Page 4: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

This is about you!

SharePoint Internet site experience?• Version?

Used 3rd party controls?

Page 5: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

THE BIG PICTURE – RRTS.COM

PART 1

Page 6: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Roadmap

The business challenge

The solution

Technical Architecture & key components

Team

Measures of success

Page 7: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

The Challenge: The Client

Page 8: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

The Challenge:

Aging ASP.Net site

30+ Subsidiary Sites

500+ Line of business tools

Small Internal developer staff

AS400 integration

User Management

Older VB.NET code base

Page 9: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

201404/08/2023 9

The Challenge: Analysis

• 30+ Subsidiary Sites• 250+ Pages• 100+ Forms• 16 Login Methods• 32 Reports• 63 Tools

Page 10: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Roadmap

The business challenge

The solution

Technical Architecture & key components

Team

Measures of success

Page 11: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

201404/08/2023 11

Solution: Design

Goals

Modern

Friendly

Branding

Home

Admin

Search

Companies

12 Layouts

Design Tools

Axure

PS

Bootstrap

Page 12: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

201404/08/2023 12

Solution: Development

What We Saw

• 30+ Subsidiary Sites• 250+ Pages• 100+ Forms• 16 Login Methods• 32 Reports• 63 Tools

What We Built

• 30 Line of Business Apps• 15 Admin Apps• 8 SSRS Reports• 7 Web Services• 6 Service Segments Pages• 16+ Company Sites

Page 13: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

WALKTHROUGH OF RRTS IMPROVEMENTS

Page 14: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Roadmap

The business challenge

The solution

Technical Architecture & key components

Team

Measures of success

Page 15: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Technology Overview

Page 16: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

201404/08/2023 16

Development Decisions

Farm Solutions vs. App Model

Authentication

Data Storage

Page 17: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Farm Solutions!

Farm Solutions

• On Premise• Mature• Resources

SP App Model

• Cloud Oriented• Immature• Challenging

Page 18: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

Authentication

Sharepoint2013FBA.codeplex.com

www.rrts.com

Page 19: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

Data Storage

Page 20: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

Production Farm

Page 21: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Roadmap

The business challenge

The solution

Technical Architecture & key components

Team

Measures of success

Page 22: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

The A-Team

• Client: 2 .Net developers, 1 Team Lead, 1 manager, 1 CIO , 1 Dir of Marketing

Account Exec Practice Lead Project Manager

Sr. UX

Designer

UX Designer

SP Arch

Data

Arch

SP Devs

Tester

Page 23: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Solution: Project Management

2x Weekly status meetings

PSC Client Extranet

Shared Team Notes• Every Meeting• Every App

Working Out Loud

Page 24: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Measures of success

• 700 Bills Of Lading/day• Increased hits, decreased exits

Google Analytics 3 mo Before 3 mo AfterPage Views 3,393,986 5,270,783Unique Page Views 2,609,161 3,606,197Average Time on Page 1m:51s 1m:21s% Exit 27.92% 20.79%

Page 25: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Summary

The business challenge

The solution

Technical Architecture & key components

Team

Measures of success

Page 26: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

BUILDING DATA ADMIN TOOLS WITH TELERIK RADGRID

PART 2

Page 27: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

Page 28: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Why custom Web Parts?

Usability

Page 29: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Why Telerik?

Page 30: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Why RadGrid?

Productivity

Page 31: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid
Page 32: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Brandability

Page 33: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

No Free Lunch

Page 34: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

Page 35: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Installing Telerik ASP.NET AJAX library

Page 36: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid
Page 37: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

So how do you wire it up?

Page 38: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

After Install

Page 39: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Page 40: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid
Page 41: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Page 42: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

Page 43: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Zero to Done in 4 Steps

Done!Custom

Row Editor

Custom Columns

Display DB Data

Add RadGrid

1. 2. 3. 4.

Page 44: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

#1: Add RadGrid to your Web Part

Page 45: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

#2: Display Your Data

Page 46: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

#2a: Set the Data Source to a Data Table

Page 47: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Page 48: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

#3:Customize the Columns

Page 49: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Before and After

Page 50: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

3a: Tweak the Column Renderings

Page 51: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Tooltips!

Page 52: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

#4: Custom Row Editor

Yuck! Yeah!

Page 53: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Page 54: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid
Page 55: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid
Page 56: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

4a: Wiring up row changes

Page 57: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

4b: Insert

Page 58: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

4c:Update

Page 59: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

4e: Delete

Page 60: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Zero to Done in 4 Steps

Done!Custom Row Editor

Custom Columns

Display DB DataAdd RadGrid

Page 61: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Bonus: Sorting & Paging

Page 62: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Roadmap

Why Telerik?

Installing Telerik

Building an Admin Page with RadGrid

Page 63: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Resources

Telerik: www.Telerik.com

Sample Code: https://sp2013radgridexample.codeplex.com/

Page 64: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Review

RRTS.com

Building Custom Data Admin Tools

Page 65: Case Study: Building the Roadrunner public website site + Bonus: Deep dive building site admin tools wtih Telerik RadGrid

2014

Questions

• Michael BlumenthalSharePoint ArchitectPSC Group, LLC

[email protected]• psclistens.com• www.cspug.org• Blog.blumenthalit.com• Twitter: @MichaelBL• SPYam & MWC Yam

Thank you for your time today.

PSC is Hiring!