Learn how to leverage the power of the cloud to build dynamic, informative and engaging Intranet solutions with Office 365. Get real-world guidance and best practices for driving user adoption and engagement through powerful features like cross-site publishing, metadata navigation and search-driven content, along with proven techniques for custom branding, interface extensions, authorization and app development.

1. Developing an Intranet on Office 365

2. @eshupps sharepointcowboywww.sharepointcowboy.com
slideshare.net/eshupps linkedin.com/in/eshupps
Eric Shupps
SharePoint Server MVP

3. Architecture
Navigation
Content Publication
Branding

5. Objectives Audience Experience Challenges

6. Content
Hierarchy
Findability
Taxonomy
Security
Permissions
Groups
Invitations
Extensibility
Branding
Components
Apps

9. User Menu
Suite Bar $(document).ready(function() {
$(".o365cs-nav-O365Links >
div").prepend('<div class="o365cs-
nav-O365LinksItem"><div><a title="Go
to My SPC" class="o365button o365cs-
nav-navItem o365cs-nav-workloadLink
o365cs-spo-topnavLink o365cs-
topnavLink" id="O365_MainLink_
ShellMail" role="menuitem"
aria- label="MySPC"
href="http://myspc.
sharepointconference.com"><span>MySP
C </span><div class="o365cs-
activeLinkIndicator o365cs-nw-b"
style="display:none;"></div></a></di
v ><div style="display: none;">
</div></div>');
});
N/A
Site Settings
JavaScript Solution
JavaScript Solution
Quick Access
JavaScript Solution

10. <CustomAction Id=“[GUID]. RibbonCustomAction"
RegistrationType="ContentType"
RegistrationId="0x"
Location="CommandUI.Ribbon"
Sequence="10001"
Title=“My Custom Action">
<CommandUIExtension>
<CommandUIDefinitions>
<CommandUIDefinition
Location="Ribbon.Library.Actions.Controls._children"
>
<Button
Id="Ribbon.Library.Actions.MyAction"
Alt=“My Custom Action"
Sequence="100"
Command="Invoke_CustomAction"
LabelText=“Awesome Action"
TemplateAlias="o1"
Image32by32=“[ImageUrl]"
Image16by16=“[ImageUrl]" />
</CommandUIDefinition>
…
Ribbon
Quick Launch
Edit Control Block
JavaScript App Solution
JavaScript App Solution
JavaScript Solution

12. Static sort order
Custom properties enable
extensibility
Scoped to current site collection
Hierarchical list of navigation
nodes

14. Cannot navigate across site
collection boundaries
Advanced functionality requires
custom code
Basic functionality restored with
master page edit + JavaScript
Vertical breadcrumb hidden in
2013/SPO
<div class="ms-breadcrumb-dropdownBox">
<!--SPM:<SharePoint:AjaxDelta
id="DeltaBreadcrumbDropdown"
runat="server">-->
<!--SPM:<SharePoint:PopoutMenu
Visible="true"
…
$(document).ready(function() {
$(".ms-breadcrumb-
dropdownBox").attr("style","display:block!im
portant;");
$("#GlobalBreadCrumbNavPopout-anchor >
img").attr("src","/_layouts/15/images/spcomm
on.png?rev=32");
});

16. What Works What Doesn’t

19. • On-Premise
• Modify and manipulate – do not replace
Master Pages
•PHA: External (CDN)
•SPHA: External or App Web
Dependencies
• On-Premise: Declarative or Programmatic
• Online: Programmatic
Assets
•Do not rely upon remote event receivers
•Beware the dangers of injection
Retraction

20. Sandbox
• Declarative
artifacts
• Web Templates
• Modules
• Custom Actions
• Retractable
Add-In
• Code only – no
declarative
artifacts
• JavaScript
Injection
• Non-retractable