Upload
phamlien
View
221
Download
2
Embed Size (px)
Citation preview
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
20. marts 2017
Wizdom Konference 2017 3
• Provider Hosted
• Site Collections
• Multiple Instances
• Application Flow
• Installation
• Security
Architectural Overview
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
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
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
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
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
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
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 …
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
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
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
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
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
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
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.
20. marts 2017
Wizdom Konference 2017 18
• Management Portal
• Admin tab
Wizdom Configuration
20. marts 2017
Wizdom Konference 2017 19
• (Dashboard)
• Modules
• Custom Modules
• Support
• Admin
Wizdom management portal
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)
20. marts 2017
Wizdom Konference 2017 21
• Branding
• UI Templates
• Extend Webparts
• Create SiteTemplates
• Webhook
• REST API
Wizdom Customization
20. marts 2017
Wizdom Konference 2017 22
Branding
• CSS Generator
• Custom Styling
Global branding across all SharePoint sites
20. marts 2017
Wizdom Konference 2017 23
Change UI Templates
• Webparts
• Page Controls
• Page Layouts
Change the look and feel of end user components
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.
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.
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.
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.
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