dennis bottjer solutions architect april dunnam lead sharepoint consultant/developer building public...

Dennis BottjerSolutions Architect

April DunnamLead SharePoint Consultant/Developer

Building Public Web SitesWith SharePoint Online

Introductions

April started her career as an IT Intern at Cherokee Casino. It was there she found her niche and a passion for design & development and began to focus her efforts on asp.net development, c# and SharePoint.

She went on to complete dual degrees in MIS and Marketing from Northeastern State University and got a job at a telecommunications firm where she worked her way up to SharePoint Developer. Several years later, April was invited to join the ThriveFast team as senior consultant. 

April is dedicated to continual self-improvement. She is constantly reading up on the latest technologies & career publications and routinely participating in professional conferences including Tech Fest & SharePoint Saturdays.

Leadership: Vice President of the Tulsa SharePoint Interest Group.

@AprilDunnam

SharePointSiren.com

april.dunnam@thrivefast.com

Introductions

Dennis started his career, years ago, as a help desk professional for an architecture firm and experienced, first hand, the struggle of small business & technology. Through that experience and his education in MIS at OU, he gained a keen skill as a developer & a passion for designing business applications.

Over the course of 10 years, Dennis moved on to work for several corporations and Fortune 500's like Bank of America, leading teams to develop SharePoint & custom software solutions on a much larger scale.

Today, Dennis spends the bulk of his time consulting with ThriveFast's diverse clients. Occasionally, he'll take the night off to attend or speak at a conference or event like 'SharePoint Saturdays' or to read a good book.

Leadership: Advisor of the Tulsa SharePoint Interest Group.

@dbottjer DennisBottjer.com Dennis.Bottjer@thrivefast.com

Tulsa SharePoint User Group

Meets Last Wednesday of Every Month

Time: 12:00 – 1:00

**Lunch is provided!

For More Info including meeting location, times visit:

http://www.tulsaspug.com @Tulspug

https://www.facebook.com/groups/TSPIG/

Agenda

Why SharePoint Online

Branding, Content Management, SEO

Value

When to Custom Develop

Recommendations for integrating custom code

Why SharePoint Online?

Design Manager (Improved Branding)

• Favorite Tool – Dreamweaver, Visual Studio, Note

Pad

• Web Standards – HTML5, CSS3, JavaScript

• SP Snippets

• Alternative Pages (Device Channels)

Branding

• Publishing Workflow

• Draft Pages

• Lists, Pages Gallery

• Master Pages, Page Layouts

• Re-Useable Content

• Image Resizing

Content Management

• Meta Tags, Keywords, etc.

• Friendly URLs

• Lighter Pages

SEO

• FREE = One Public Site Included

• SharePoint Online, 1 User per month cost

• Familiar Tools and UI

Value

• Examples:

• http://www.topsharepoint.com/

• Organizations

• Small Business

• Divisions

Who?

Design Manager

• New to SharePoint 2013

• Theming is great but can only get you so far

• Use Design Manager if you want to make

SharePoint look less like SharePoint

• Custom Master Page

• Page Layouts

• Custom CSS

• Javascript

Design Manager

• Create complete custom branding through the UI

• Bye Bye SharePoint Designer!

• Design View is no more

• Opens Doors to Designers

• Web Designer Creates HTML/CSS

• You import into SharePoint and Convert to

SharePoint Elements

Design Manager

• Publishing Infrastructure is Required!

• Must treat Branding Assets as Local Files

• Use WebDAV

• Open in Explorer or Map to Network Drive

• Must have Full Control or Designer Permissions

Design Manager Caveats

Design ManagerDemo

Content ManagementDemo

Limitations

• Options Hidden from the UI

• Content Types, Site Columns, Search

• Use SharePoint to access Content Types, Site

Columns, etc.

Features & UI

• Sub Sites Unsupported

• Sandbox Solutions limited support

• No OOTB Multi-Lingual Support

• No REST API for Anonymous Users

• No Caching

Limitations (Cont.)

Suggestions

• Consider SPServices (ASMX still available)

• JSLink for content queries

• Search and Display Templates

Backend Integration

• Minimize CSS and JavaScript

• Use CDN

• Reduce Requests

Performance

Responsive Design

By 2014, Mobile Internet will take

over Desktop Internet Usage.

Device Types & Break Points

Break points are the different screen sizes for your devices

Important Related Buzzwords

ProgressiveEnhancement

GracefulDegradation

Adaptive Web Design

Responsive Web Design Desktop FirstMobile First

• Cross Browser Support

• Greater ROI

Responsive Design

TwitterBootstrap

ZurbFoundation

LessFramework

Skeleton

Common frameworks

And so many more

Thank You!

Building Public Facing Web Sites

SharePoint 2013

@AprilDunnam

SharePointSiren.com

april.dunnam@thrivefast.com