^^^^^^77777777777777777777777777777777777777777777^^^^#

^^^77777777777777777 SharePoint Intranet GAR 777777777777777^^#

^^777777777777777777777777777777777777777777777777777777777^^#

^7777777777777777777777777777777777777777777777^^#

Summary

Office 365 & SharePoint Online Intranet

  • Navigation menus
  • Search
  • Designed for desktops, tablets, and mobile devices

Intranet Functional Overview

0365 #:

Intranet #:

Audits #:

  • Landing Page
  • 'All Audits' Page (advanced filtering)
  • Audit Case Page

Records #:

Home

News (Desktop)

News (Mobile)

Applies to

  • Office 365 E1
  • WILL NOT IMPACT OTHER SITE COLLECTIONS. "Site Collection Self-Contained" to not interfer with global tenant configuration (search/taxonomy/termstore configurations)

Page Types: -Home Page -Static Page -News Page -Search Page

All pages are stored in the «Pages» library

Frameworks and libraries

Solutions Impelmented:

  • TypeScript (code structure/definitions)
  • Webpack (application bundling/packaging)
  • PnP JS Core library (REST calls to SPO)
  • PnP Remote Provisioning engine (site provisioning)
  • PnP PowerShell cmdlets (site configuration/provisioning)
  • Knockout JS (templating and UI components)
  • Bootstrap (mobile support)
  • Office UI Fabric (icons, fonts, styles)
  • Node JS (dependencies management with npm)

Prerequisites

  • Install latest release of PnP PowerShell cmdlets SharePointPnPPowerShellOnline This solution uses september 2016 release
  • Install Node.js on your machine https://nodejs.org/en/
  • Install the 'typings' Node JS client (npm install typings --global)
  • Install the 'webpack' Node JS client (npm install webpack --global)
  • Go to the ".\App" folder and install all dependencies listed in the package.json file by running the npm install cmd
  • Install TypeScript typings by running the "typings install" cmd from the ".\App" folder.
  • Check if everything is OK by running the "webpack" cmd from the ".\App" folder. We shouldn't any errors here (just warnings)
  • Create a site collection with the publishing template.

Installation

  • Download source code and extract to a folder

  • Ensure all Prerequisites are installed

  • Run PowerShell as administrator and execute the following:

    $UserName = "username@email.com" $Password = "notpassword" $SiteUrl = "https://-------/sites/test2"

Set-Location "C:/ThisSourcePutHere"

$Script = ".\Deploy-Solution.ps1" & $Script -SiteUrl $SiteUrl -UserName $UserName -Password $Password -IncludeData

"-Prod" - production bundled version of the code "-IncludeData" - adds sample data

Navigations

Search

Design and Mobile

Evidenciary

Feedback


* [Part 1: Functional overview (How to use the solution?)](http://thecollaborationcorner.com/2016/08/22/part-1-functional-overview-how-to-use-the-solution/) * [Part 2: Frameworks and libraries used (How it is implemented?)](http://thecollaborationcorner.com/2016/08/25/part-2-frameworks-and-libraries-used-how-it-is-implemented) * [Part 3: Design and mobile implementation](http://thecollaborationcorner.com/2016/08/29/part-3-design-and-mobile-implementation) * [Part 4: The navigation implementation](http://thecollaborationcorner.com/2016/08/31/part-4-the-navigation-implementation) * [Part 5: Localization](http://thecollaborationcorner.com/2016/09/02/part-5-localization) * [Part 6: The search implementation](http://thecollaborationcorner.com/2016/09/08/part-6-the-search-implementation)