wizdom deep dive - wizdom conference 2018 · 20. marts 2017 wizdom konference 2017 1 jess lassen...

28
20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

Upload: phamlien

Post on 11-Apr-2018

220 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 1

Jess Lassen

Wizdom Deep Dive

#WizKonf2017

Page 2: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 2

Agenda

• Architectural Overview

• Configuration

• Customization

Page 3: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 3

• Provider Hosted

• Site Collections

• Multiple Instances

• Application Flow

• Installation

• Security

Architectural Overview

Page 4: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 4

• SharePoint Add-InWhen using the Add-in model the Wizdom application have minimal footprint on the SharePoint tenant and application code are executed outside the SharePoint platform.

• Wizdom• integrates with SharePoint through iframes and

JavaScript

• is hosted on your own or cloud infrastructure

SharePoint provider-hosted application

Page 5: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 5(Azure) Active Directory

Core Intranet functionalityBranding, Responsive design,

Phonebook, News, Anniversaries,

CMS, Weather …

ExtensibilityAPI, WebHooks, Site

Provisioning,

Templates, Design

editor

…ManagementConfiguration, Documentation,

Video Guides …

Business ApplicationsProject Management, Events Management …

Wizdom ApplicationSharePoint

SharePoint Online/2013/2016 Infrastructure

Cloud, On-Premise or Hybrid

Wizdom Infrastructure

Website, SQL, Storage, Cache, Application Insights

Page 6: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 6

• Install app on a SharePoint Site Collection. The Site Collection will be ”wired-up” to the Wizdom Application. Wizdom acts as an umbrella across sites

• Site Columns, Content-types, Page Layouts, Webparts

• CSS, Javascript embedded on Site Collection

Wizdom Site Collection

SharePoint

Page 7: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 7

The Wizdom SharePoint Add-in are installed in the corporate app-catalog on the SharePoint tenant.

Wizdom can be installed on any number of site collections on the tenant. Site collections with Wizdom installed will have the Wizdom UI, script controls, webparts, page layouts and business applications available.

Installation of Wizdom on SharePoint

Page 8: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 8

Multiple instances is required when needing to have different design or configuration in site collections using Wizdom in the same Office 365 tenant. An example of this could be a holding company with multiple subsidiaries. If each subsidiary needs unique design, news channels and templates, there is a need for multiple Wizdom instances in Azure.

The Wizdom 365 SharePoint application are tied to a specific set of Azure services. When needing to run multiple instances of Wizdom on the same Office 365 tenant there are two requirements: 1. An extra set of Azure services configured for the

extra Wizdom instance. 2. An extra Wizdom 365 SharePoint application

pointing to the new Azure services

Multiple instances

Page 9: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 9

Wizdom Application Flow

Wizdom ApplicationSharePointSite Collection with Wizdom installed

Wizdom Infrastructure

Website, SQL, Storage, Cache, Application

Insights

1. Webpart makes AJAX request though

hidden iframe

2. REST endpoint executes business logic and

routes to appropriate data resource.

3. Wizdom queries SharePoint (list, search etc.)

or Azure (storage, database, cache) and stores

result in cache

4. Wizdom returns JSON object to Webpart5. Webpart renderes data through template

framework

1

3

3

3

3

4

2

Page 10: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 10

Major building block for the intranet solution

• BrandingResponsive designCustom specific design

• CMSnavigationpagelayout with controls

• Webpart

• Site Provisioning

Core Intranet functionality

Core Intranet functionalityBranding, Responsive design,

Phonebook, News, Anniversaries,

CMS, Weather …

ExtensibilityAPI, WebHooks, Site

Provisioning,

Templates, Design

editor

…ManagementConfiguration, Documentation,

Video Guides …

Business ApplicationsProject Management, Events Management …

Page 11: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 11

Applications that give value to a digital workplace, but not necessarily part of an intranet.

• Projects

• Courses & Events

• Helpdesk

Business Applications

Core Intranet functionalityBranding, Responsive design,

Phonebook, News, Anniversaries,

CMS, Weather …

ExtensibilityAPI, WebHooks, Site

Provisioning,

Templates, Design

editor

…ManagementConfiguration, Documentation,

Video Guides …

Business ApplicationsProject Management, Events Management …

Wizdom Application

Page 12: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 12

Central Administration for your Wizdom Solution

• Shared across multiple Site Collections.

• Setup your branding, noticeboard channels, projects, navigation etc.

Wizdom Management Portal

Core Intranet functionalityBranding, Responsive design,

Phonebook, News, Anniversaries,

CMS, Weather …

ExtensibilityAPI, WebHooks, Site

Provisioning,

Templates, Design

editor

…ManagementConfiguration, Documentation,

Video Guides …

Business ApplicationsProject Management, Events Management …

Wizdom Application

Page 13: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 13

Framework for extending and customizing the solution

• Templates

• Custom JS/CSS

• REST API

• Webhooks

Extensibility

Core Intranet functionalityBranding, Responsive design,

Phonebook, News, Anniversaries,

CMS, Weather …

ExtensibilityAPI, WebHooks, Site

Provisioning,

Templates, Design

editor

…ManagementConfiguration, Documentation,

Video Guides …

Business ApplicationsProject Management, Events Management …

Wizdom Application

Page 14: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 14

Requirements

• Website

• SQL database

• Cache

• Storage

• (Application Insights)

• Azure Active Directory

Installation of Wizdom on Azure

Wizdom application registered in Azure (Oauth)

REST (Azure Graph API)

RES

T en

dpo

ints

for

Wiz

dom

ap

plic

atio

ns

Webparts

Wizdom Infrastructure

Website, SQL, Storage, Cache, Application Insights

Page 15: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 15

Requirements

• Website

• SQL database

• Active Directory

• SharePoint farm setup to support High-Trust apps (certificates)

Installation of Wizdom on-premises

Wizdom Infrastructure

Website, SQL, Storage, Cache, Application Insights

RES

T en

dpo

ints

for

Wiz

dom

ap

plic

atio

ns

Webparts

Page 16: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 16

Wizdom SharePoint App

• Scope: TenantRight: Full Control

BUT WHY??

Our site provisioning engine need to be able to create site collections.

Remember this is NOT Office 365 tenant full control – only SharePoint

Security: Wizdom apps, required permissions

Wizdom Azure app

• Scope: Azure ADRight: Read Organization Data (users, groups)

• Scope: SharePointRight: Read Site Collection and User Profiles

• Scope: YammerRight: Read/Write

Page 17: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 17

Flexible Deployment Options

Wizdom on-premisesWizdom is deployed as an add-in to your SharePoint environment.

Wizdom onlineWizdom is installed as an add-in to Microsoft’s Azure.

Wizdom hostedWizdom is provided as “Software as a Service” to Office 365.

Page 18: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 18

• Management Portal

• Admin tab

Wizdom Configuration

Page 19: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 19

• (Dashboard)

• Modules

• Custom Modules

• Support

• Admin

Wizdom management portal

Page 20: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 20

• Accelerate (NEW)

• Cache

• Export and Import

• Installation

• IoC

• Languages

• License

• Log

• Permissions

• Sitecollections

• Timejobs

• Translations

• Webhooks

• Wizdom Upgrade (NEW)

Wizdom management portal (Admin)

Page 21: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 21

• Branding

• UI Templates

• Extend Webparts

• Create SiteTemplates

• Webhook

• REST API

Wizdom Customization

Page 22: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 22

Branding

• CSS Generator

• Custom Styling

Global branding across all SharePoint sites

Page 23: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 23

Change UI Templates

• Webparts

• Page Controls

• Page Layouts

Change the look and feel of end user components

Page 24: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 24

Extend webparts with custom code

• Angular templates

• Custom directives, controllers and services

Add extra functionality to noticeboard, page contact, my tools etc.

Page 25: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 25

Extend/Create Site Templates

• Execute custom code during site provisioning

Create own project portals, department sites, knowlegdebases etc.

Page 26: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 26

Webhooks

• Get events from Wizdom.

Think/use Wizdom as part of if this then that type of flows.

Page 27: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 27

REST API

• Integration Layer

Build external application that gets data from projects or create projects directly from external system.

Page 28: Wizdom Deep Dive - Wizdom Conference 2018 · 20. marts 2017 Wizdom Konference 2017 1 Jess Lassen Wizdom Deep Dive #WizKonf2017

20. marts 2017

Wizdom Konference 2017 28

Key Takeaways

• SharePoint provider hosted app

• Can be used across site collection

• Multiple deployment options

• Configure through Management Portal

• Many Customization options