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

30
Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Upload: frank-hart

Post on 25-Dec-2015

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Dennis BottjerSolutions Architect

April DunnamLead SharePoint Consultant/Developer

Building Public Web SitesWith SharePoint Online

Page 2: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With 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

[email protected]

Page 3: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

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 [email protected]

Page 4: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

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/

Page 5: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Agenda

Why SharePoint Online

Branding, Content Management, SEO

Value

When to Custom Develop

Recommendations for integrating custom code

Page 6: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Why SharePoint Online?

Page 7: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With 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

Page 8: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• Publishing Workflow

• Draft Pages

• Lists, Pages Gallery

• Master Pages, Page Layouts

• Re-Useable Content

• Image Resizing

Content Management

Page 9: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• Meta Tags, Keywords, etc.

• Friendly URLs

• Lighter Pages

SEO

Page 10: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• FREE = One Public Site Included

• SharePoint Online, 1 User per month cost

• Familiar Tools and UI

Value

Page 11: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• Examples:

• http://www.topsharepoint.com/

• Organizations

• Small Business

• Divisions

Who?

Page 12: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Design Manager

Page 13: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• 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

Page 14: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• 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

Page 15: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• 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

Page 16: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Design ManagerDemo

Page 17: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Content ManagementDemo

Page 18: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Limitations

Page 19: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• Options Hidden from the UI

• Content Types, Site Columns, Search

• Use SharePoint to access Content Types, Site

Columns, etc.

Features & UI

Page 20: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• Sub Sites Unsupported

• Sandbox Solutions limited support

• No OOTB Multi-Lingual Support

• No REST API for Anonymous Users

• No Caching

Limitations (Cont.)

Page 21: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Suggestions

Page 22: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• Consider SPServices (ASMX still available)

• JSLink for content queries

• Search and Display Templates

Backend Integration

Page 23: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• Minimize CSS and JavaScript

• Use CDN

• Reduce Requests

Performance

Page 24: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Responsive Design

Page 25: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

By 2014, Mobile Internet will take

over Desktop Internet Usage.

Page 26: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Device Types & Break Points

Break points are the different screen sizes for your devices

Page 27: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Important Related Buzzwords

ProgressiveEnhancement

GracefulDegradation

Adaptive Web Design

Responsive Web Design Desktop FirstMobile First

Page 28: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

• Cross Browser Support

• Greater ROI

Responsive Design

Page 29: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

TwitterBootstrap

ZurbFoundation

LessFramework

Skeleton

Common frameworks

And so many more

Page 30: Dennis Bottjer Solutions Architect April Dunnam Lead SharePoint Consultant/Developer Building Public Web Sites With SharePoint Online

Thank You!

Building Public Facing Web Sites

SharePoint 2013

@AprilDunnam

SharePointSiren.com

[email protected]