Transcript Branding Public Websites With SharePoint Online

Building Public Web Sites
With SharePoint Online
Dennis Bottjer
Solutions Architect
April Dunnam
Lead SharePoint Consultant/Developer
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]
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]
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?
Branding
Design Manager (Improved Branding)
• Favorite Tool – Dreamweaver, Visual Studio, Note Pad
• Web Standards – HTML5, CSS3, JavaScript
• SP Snippets
• Alternative Pages (Device Channels)
Content Management
• Publishing Workflow
• Draft Pages
• Lists, Pages Gallery
• Master Pages, Page Layouts
• Re-Useable Content
• Image Resizing
SEO
• Meta Tags, Keywords, etc.
• Friendly URLs
• Lighter Pages
Value
• FREE = One Public Site Included
• SharePoint Online, 1 User per month cost
• Familiar Tools and UI
Who?
• Examples:
• http://www.topsharepoint.com/
• Organizations
• Small Business
• Divisions
Design Manager
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 Caveats
• 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
Demo
Content Management
Demo
Limitations
Features & UI
• Options Hidden from the UI
• Content Types, Site Columns, Search
• Use SharePoint to access Content Types, Site Columns,
etc.
Limitations (Cont.)
• Sub Sites Unsupported
• Sandbox Solutions limited support
• No OOTB Multi-Lingual Support
• No REST API for Anonymous Users
• No Caching
Suggestions
Backend Integration
• Consider SPServices (ASMX still available)
• JSLink for content queries
• Search and Display Templates
Performance
• Minimize CSS and JavaScript
• Use CDN
• Reduce Requests
Responsive Design
Device Types & Break Points
Important Related Buzzwords
Mobile First
Responsive Web Design
Progressive
Enhancement
Desktop First
Graceful
Degradation
Adaptive Web Design
Responsive Design
• Cross Browser Support
• Greater ROI
Common frameworks
And so many more
SharePoint 2013
Building Public Facing Web Sites
Thank You!
@AprilDunnam
SharePointSiren.com
[email protected]