A presentation at Sitecore User Group The Netherlands - SUGNL in in Amsterdam, Netherlands by Pieter Brinkman
What’s New in Sitecore Land? Be ready for a ride through Sitecore Land Presented by: Pieter Brinkman Sr. Director Technical Marketing, Sitecore www.PieterBrinkman.com @pieterbrink123 /in/pbrink/ Date: November 4, 2019 Goodmorning Symposium, My name is Pieter Brinkman and I’m senior Director of Technical Marketing In the next 45 minutes I want to provide you with a full overview of the Sitecore landscape and how our products work together. Highlighting what’s new since last Symposium and highlight upcoming 9.3 features 1
Sitecore’s evolution is a thrill ride in the industry #SitecoreSYM © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. As we all know is that Sitecore started as a CMS company in just before the beginning of this century. Since then Sitecore has always been known as a leader, leading by innovation and pushing the industry, we where the first in personalization and first in Experience Marketing…. And this will not be the last time that we’ll be pushing the boundaries for the industry. While we’re in Orlando I would like to compare compare Sitecore history and my 9 years with Sitecore with an amazing thrill ride, going up and down, taking corners and loops, sometimes smooth, sometime hard. The ride is sometimes scary but at the end it get’s you excited every time. Next to pushing the boundries in the Digital experience marketing we’re also expending to other industries with Commerce and Content Hub. Today I will show you how all our solutions work together and provide you insights in when you should use which product and the value this will add for you and your customers. 2
Sitecore’s evolution is a thrill ride in the industry #SitecoreSYM © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. While we’re in Orlando I would like to compare compare Sitecore history and my 9 years with Sitecore with an amazing thrill ride, going up and down, taking corners and loops, sometimes smooth, sometime hard. The ride is sometimes scary but at the end it get’s you excited every time. Next to pushing the boundries in the Digital experience marketing we’re also expending to other industries with Commerce and Content Hub. Today I will show you how all our solutions work together and provide you insights in when you should use which product and the value this will add for you and your customers. 3
Project lifecycle Business Technical Requirements Development Optimization Deployment Content Management #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. I want to guide you through based on a project lifecylcle and the stages that we have within that cycle. The typical project lifecycle has five stages; startgin with requirements stage this is where we write business requirements, moving on to development and deploying the solution, followed by content creation and updates, optimizing for maximizing value across channels based on the measured results and analytics. 4
Business requirements and planning Requirements Development Optimization Deployment Content Management © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. #SitecoreSYM Every cycle starts with the requirements stage this is where we write requirements. Requirements are a list of necessary functions, capabilities, or characteristics related to your project There are many different types of requirements documentation. At a higher level, most can fall within one of the following categories: • Business Requirements • User Requirements • Functional Requirements At the base requirements should be always Complete and well thought out Consistent with and prioritized based on the objectives outlined Able to be verified during testing 5
Development Requirements Development Optimization Deployment Content Management © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. #SitecoreSYM When the requirements are defined it’s time to start development and this is a big one and this is where the rides become exciting and sometimes more complex. On high level the development stage of a Sitecore solution exists of - Choosing the right development approach for your Sitecore solution - Define your Information Architecture - Develop your solution by following your company and Sitecore best practices. All this while learning about new technologies and products Let’s dive a bit deeper 6
Sitecore Development Approaches Sitecore Custom Sitecore SXA Sitecore JSS @Pieterbrink123 Starting with choosing the right Development Approach for your Sitecore solution. You can select from three “first-class” development approaches: From heavily complex with Sitecore custom, to rapid delivery with SxA, to completely headless with Sitecore JSS. So let’s take a look into the differences of the three developer approaches, to help you make the right decision. 7
Sitecore Development Approaches Sitecore Custom Sitecore SXA Sitecore JSS Fully customizable, integrated and scaled solutions on .NET MVC • Fully customized using familiar development frameworks • Total freedom, flexibility & control • Extend and manipulate all functionality and back-end integrations • Integrate Sitecore to consume data & deploy content • Leverage third-party libraries and frameworks, or to merge with existing .NET web applications @Pieterbrink123 Sitecore Custom with .Net MVC – is Best for large complex solutions in which there is a need for a lot of back end logic, systems integrations and need for customizations. A totally customizable solution built on .NET & C# frameworks. 8
Sitecore Development Approaches Sitecore Custom Fully customizable, integrated and scaled solutions on .NET MVC • Fully customized using familiar development frameworks • Total freedom, flexibility & control • Extend and manipulate all functionality and back-end integrations • Integrate Sitecore to consume data & deploy content • Leverage third-party libraries and frameworks, or to merge with existing .NET web applications Sitecore SXA Sitecore JSS Drag-and-drop componentry extended to meet business needs or designs for accelerated builds • Grid-based layouts, content-driven sites layouts. • Out-of-the-box componentry & build without design • Integrate design & front-end code separately • Easy reuse of both complex components & rules • Extensible capabilities within componentry @Pieterbrink123 The second option is Sitecore SXA –Sxa is best for rapid builds, content scaling and governance. SXA is ideal for large content sites that may not have much back end complexity but need the ability to build pages with speed. Faster content builds with drag-and-drop OOT and custom build components. Providing more freedom to business user for creation of new campaign sites, without the need for development and dependicies on IT. 9
Sitecore Development Approaches Sitecore Custom Fully customizable, integrated and scaled solutions on .NET MVC • Fully customized using familiar development frameworks • Total freedom, flexibility & control • Extend and manipulate all functionality and back-end integrations • Integrate Sitecore to consume data & deploy content • Leverage third-party libraries and frameworks, or to merge with existing .NET web applications Sitecore SXA Sitecore JSS Drag-and-drop componentry extended to meet business needs or designs for accelerated builds Fully fledged headless Sitecore solutions made through JavaScript frameworks • Grid-based layouts, content-driven sites layouts. • Out-of-the-box componentry & build without design • Integrate design & front-end code separately • Easy reuse of both complex components & rules • Extensible capabilities within componentry • Headless architecture • Full JavaScript SDKs (React, Angular, Vue) • Code-first build approach supported • Build & deploy disconnected from Sitecore. • Automatic integration creates all the necessary Sitecore artifacts for your site. • REST based layout service provides the content, but no additional markup. @Pieterbrink123 And then we have Sitecore JSS – JSS is best for headless solutions in which the company wants to leverage Javascript. Allows teams to build full Sitecore solutions with their favorite Javascript frameworks while maintaining all the authoring, marketing and analytics features of the experience platforms. Initial development can be done in disconnected mode, providing the opportunity for front end developers to do rapid iteration before ever needing to touch Sitecore. 10
Sitecore Development Approaches Sitecore Custom Fully customizable, integrated and scaled solutions on .NET MVC • Fully customized using familiar development frameworks • Total freedom, flexibility & control • Extend and manipulate all functionality and back-end integrations • Integrate Sitecore to consume data & deploy content • Leverage third-party libraries and frameworks, or to merge with existing .NET web applications Sitecore SXA Sitecore JSS Drag-and-drop componentry extended to meet business needs or designs for accelerated builds Fully fledged headless Sitecore solutions made through JavaScript frameworks • Grid-based layouts, content-driven sites layouts. • Out-of-the-box componentry & build without design • Integrate design & front-end code separately • Easy reuse of both complex components & rules • Extensible capabilities within componentry • Headless architecture • Full JavaScript SDKs (React, Angular, Vue) • Code-first build approach supported • Build & deploy disconnected from Sitecore. • Automatic integration creates all the necessary Sitecore artifacts for your site. • REST based layout service provides the content, but no additional markup. @Pieterbrink123 As Sitecore we’re always invested in enhancing across the different implementation options. All solutions use the same kernel, enhancements done to the kernel will reflect into all three implementation approaches. Let’s look at enhancements and new features added within Sitecore MVC, SxA and JSS. Starting with Sitecore Custom with MVC 11
Sitecore Development Approaches IMPROVED Sitecore Custom My top 5 core platform enhancements and improvements:
[CLICK] Last in my top5, but not least are ongoing performance improvements. Starting with making Sitecore less chatty by Reducing the number of calls we’ve bundled Load last known contact request together with Device request – Reducing the calls to XConnect by 3 times on session start Another improvement is the reduction of the amount of data saved in the session database; by Optimize serialization code and Remove legacy facets from configuration 12
Sitecore Development Approaches Sitecore SXA Drag-and-drop componentry extended to meet business needs or designs for accelerated builds • Grid-based layouts, content-driven sites layouts. Updated modern, fast and highly extensible templating engine • Based on Scriban - open source, rich templating engine • Visual Studio Code extension for code suggestions and syntax highlight • Faster rendering times • Out-of-the-box componentry & build without design • Integrate design & front-end code separately NEW FEATURE • Easy reuse of both complex components & rules • Extensible capabilities within componentry @Pieterbrink123 Next to improvements, SxA also has a number of big addition and new features upcoming with 9.3. I want to share the three mayor ones: Starting with the new modern, fast and highly extensible templating engine. This engine is based on opensource template engine Scriban The new engine brings a number of benefits; - Scriban contains full flow controls and error handling, providing developer with the power to add logic to the template - Support for creative exchange and support for Vistual Studio Code including an extention for Code suggestion and Syntax highlighting - The engine will also provide faster rendering times and Replaces obsolete and removed nvelocity dependencies 13
Sitecore Development Approaches IMPROVED Additional Search filter components to optimize the Search Sitecore SXA Aggregated facet filter and Facet summary Drag-and-drop componentry extended to meet business needs or designs for accelerated builds • Grid-based layouts, content-driven sites layouts. • Out-of-the-box componentry & build without design • Integrate design & front-end code separately • Easy reuse of both complex components & rules • Extensible capabilities within componentry @Pieterbrink123 Search is important, we’ve made improvements to the search controls of SxA. [CLICK] Here you see a website with on the left hand filter options [CLICK] Now let’s select the green in the color filter [CLICK] The filters are now updated to reflect the results [CLICK] Let’s select Big option in the size filter [CLICK] Again the filters are updated, also the selected filters are visible and you’re able to clear one or all filters. ======= The first filter is the Aggregated facet filter – allowing for creation of facet filter sets – dynamically showing and hiding sub-components based on content available in Search Results. All facets are updated with the available results after applying active facets. dynamically showing and hiding sub-components based on content available in 14
Search Results. We also added Facet summary – showing the selected facets and allowing for removal of undesired filters from the search context. 14
Sitecore Development Approaches Complete front-end workflow revamp NEW FEATURES Sitecore SXA Drag-and-drop componentry extended to meet business needs or designs for accelerated builds • Grid-based layouts, content-driven sites layouts. • Out-of-the-box componentry & build without design • Integrate design & front-end code separately • Creative Exchange Live Theming as NPM packages • JSS Style theme creation using command line interface. • Themes can now be fully version controlled with only the compiled assets being uploaded to Sitecore. • Easy reuse of both complex components & rules • Extensible capabilities within componentry @Pieterbrink123 The last mayor update to SxA in 9.3 is the complete revamp on how front-end development is done with SxA. [CLICK] Creative Exchange Live Theming tooling fully is now fully externalized, it’s available as NPM packages, freeing up Media Library … This also provides you with a JSS Style theme creation using command line interface. Now you can create sxa themes without logging in or using the Sitecore UI. Themes are now fully version controlled with only the compiled assets being uploaded to Sitecore. Ensuring a single source of truth for all SxA Template related files. 15
Sitecore Development Approaches Complete front-end workflow revamp NEW FEATURES Sitecore SXA Drag-and-drop componentry extended to meet business needs or designs for accelerated builds • Grid-based layouts, content-driven sites layouts. • Out-of-the-box componentry & build without design • Integrate design & front-end code separately • Easy reuse of both complex components & rules • Extensible capabilities within componentry • Creative Exchange Live Theming as NPM packages • JSS Style theme creation using command line interface. • Themes can now be fully version controlled with only the compiled assets being uploaded to Sitecore. • SXA JavaScript APIs are now fully documented. @Pieterbrink123 And of course all SXA JavaScript APIs are fully documented and available on release! More details about everything new in SxA 9.3 will be provided by Mark and Adam in the session right after this one. 16
Sitecore Development Approaches Sitecore JSS Fully fledged headless Sitecore solutions made through JavaScript frameworks • Headless architecture • Full JavaScript SDKs (React, Angular, Vue) Work connected to Sitecore on their Apple Mac’s IMPROVED Build your JSS App on your local machine and connect it to a remote Sitecore server through a tunnel. This enables developers working on Apple Mac’s to live-debug their JSS app • Code-first build approach supported • Build & deploy disconnected from Sitecore. • Automatic integration creates all the necessary Sitecore artifacts for your site. • REST based layout service provides the content, but no additional markup. @Pieterbrink123 Next to enhancing the code on serverside and the opensource components we also introduced a new feature to JSS. You can build your JSS App on your local machine and connect it to a remote Sitecore server through a tunnel. This enables developers working on non-Microsoft devices to connect with Sitecore for testing and debugging their JSS app in connected mode. You can now host your Editing Node server on a separate machine, scaling it independently – allowing front end developers to host and update the rendering code on their machine with Sitecore being installed in an external environment. This enables e.g. developers Working on Apple Mac’s to live-debug their JSS app, which previously would not be easy to achieve. A large number of issues fixed both on Sitecore side and in the public (OpenSource) JSS libraries. 17
Upgraded all dependicies and updating startprojects. JSS & SXA for large scale multi site / lingual enterprise solutions 17
Sitecore Development Approaches @Pieterbrink123 #SitecoreSYM Sitecore Custom Sitecore SXA Sitecore JSS © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. So here have them the three development approaches in Sitecore; Sitecore Custom with MVC, Sitecore SxA and Stiecore JSS. In practice, multiple approaches may be valid across business and technical requirements. It’s important to choose carefully amongst these approaches At the end there is no right or wrong, but picking the right approach will definitely impact your ability to execute and increase the time-tomarket for the solution. However choosing 1 approach does not limit you in the creation of new sites in the future. 18
Let’s take an example. 18
Flexibility as business needs evolve @Pieterbrink123 #SitecoreSYM Sitecore SXA Sitecore JSS 01 Sitecore Custom SITECORE INSTANCE Brand site 1 BUSINESS OR BRANDING CYCLE (TIME) © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. For the first website you’ve selected Sitecore Custom and build your core solution with MVC for your main brand site. The business need of the company changes, marketing and business users want more control. They want to quickly launch campaign sites without involvement of development and IT 19
Flexibility as business needs evolve @Pieterbrink123 #SitecoreSYM 02 01 Sitecore JSS Sitecore SXA Sitecore Custom Quick stand-up of two sites for new campaign SITECORE INSTANCE • Brand site 1 SITECORE INSTANCE Brand site 1 • SXA Tenant - SXA site 1 - SXA site 2 BUSINESS OR BRANDING CYCLE (TIME) © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. You can build an SxA tenant within the current instance supporting the business needs of faster time-to-market with the default and custom build SxA components. 20
Flexibility as business needs evolve 03 @Pieterbrink123 02 01 #SitecoreSYM Sitecore JSS React JSS layer Sitecore SXA Mobile app built for event by external agency Sitecore Custom Quick stand-up of two sites for new campaign SITECORE INSTANCE SITECORE INSTANCE • Brand site 1 SITECORE INSTANCE Brand site 1 • SXA Tenant - SXA site 1 - SXA site 2 • Brand site 1 • SXA Tenant - SXA site 1 - SXA site 2 • JSS Tenant - JSS App BUSINESS OR BRANDING CYCLE (TIME) © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Now the business sees the need to expand to a mobile app, they want to use their favorite design agency to build this app using React. You can provide the React JSS components to the agency and –when ready- import the app into a new JSS tenant. 21
Flexibility as business needs evolve 03 02 01 Ensure Brand Site is a good tenant neighbor Sitecore Custom Sitecore JSS React JSS layer Sitecore SXA Mobile app built for event by external agency Quick stand-up of two sites for new campaign SITECORE INSTANCE SITECORE INSTANCE • Brand site 1 SITECORE INSTANCE Brand site 1 @Pieterbrink123 • SXA Tenant - SXA site 1 - SXA site 2 BUSINESS OR BRANDING CYCLE (TIME) • Brand site 1 • SXA Tenant - SXA site 1 - SXA site 2 • JSS Tenant - JSS App #SitecoreSYM © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. This shows that you’re not locked-in after you choose a development approach. To make this work you need to keep in mind that all sites are in the same instance using the same Sitecore Kernel. [CLICK] • You need to ensure that your other site is a good neighbor. Hacking and customizing your brandsite1 by fundamentally changing the pipelines, or the kernel. Might impact or break your other SxA and JSS tenants. Sitecore is very open and customimizable. Which provides you with great power I strongly discourage you to hack or modify core Sitecore functionalities. We all know what uncle Ben said about great power: “With great power, comes great responsibilities. “ ===== However to make this work you need to keep in mind that all sites use the same Sitecore Kernel. Keep in mind that: • Ensure brand site is a good neighbour – that they have not fundamentally changed the pipeline, or the kernel • If the legacy solution is too customized or “hacked”, it is likely better to rebuild it 22
from scratch. There is a tipping point decision that partners make. • SXA tenant should not be confused with multi-tenancy; rather it means Site Collection – a grouping of sites that can share things 22
Development Stages Learn Setup Develop Deploy #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Enough about development approaches. Now we’re ready to hit the development stage, this stage comes in a number of substages. Starting with getting your knowledge up and learn about the products and technology stack, setup your local dev environment, starting the development and deploying your work. 23
Learn Learn Setup Develop Deploy Learning materials • Training IMPROVED • Documentation IMPROVED #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. To become an experienced Sitecore developer you need hands-on experience, preferable on a real project with a senior developer as your mentor. [CLICK] Of course before you can do this you need certain understanding of Sitecore and technologies involved. A fast and structured way getting your knowledge up is following training, Sitecore offers training in many ways; you can learn by reading, watching, doing, or playing. There are currently 22 eCourses and 4 redesigned and modernized ILT available from Sitecore. Sitecore is based on all kind of technology, depending on how you want to deploy or develop with Sitecore you might want to follow some training on Azure, React, MVC, NETCORE or any of the other technologies used within Sitecore. Another way of learning and getting started with products is documentations, I’m very proud of the progress and improvements the documentation team have made in the past year you can find your documentation doc.Sitecore and jss.Sitecore.com 24
Learn Learn Learning materials • Training Develop Deploy Need help? join the Community at Sitecore Community site IMPROVED • Documentation Setup IMPROVED ask and answer questions at Sitecore Stack Exchange Join the conversation at Sitecore Slack channels #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Still stuck? Don’t be shy ask for help. This is where the true community power kicks in! Sitecore has a very strong, engaging, welcoming and fun community. You can always find someone that can help you. There are different channels for different needs. • Do you want to have a discussion, join the forums on the community.Sitecore.net. • Have a question, ask it on Sitecore Stack Exchange, there are more than 4000 community members waiting on your questions to earn some points ☺. • Or do you want to directly chat with fellow developers join the 3.000+ members chat on Sitecore Slack. Learning will always be an ongoing part of your career as developer, you will never stop learning. Every time when a new technology or product is released you start learning again. That’s one of the thing that makes being a developer fun and unique! 25
Dev environment setup Learn Develop Setup Deploy Persona’s involved Persona1 Responsible for Persona1 Responsible for #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. it’s time to get some hands-on experience! Before you can start developing with Sitecore you need to set your local development environment on your machine. So you can start development. 26
Local install with SIA and SIF Install your local machine with Sitecore Installation Assistant Learn Setup Develop Deploy NEW NEW #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. With Sitecore 9 we introduces SIF, SIF is great to install server environments and support DevOps scenarios. The feedback from the community was that it became to hard to install Sitecore. With 9.2 we released Sitecore Install Assistant (SIA) to help you install Sitecore on your local machine. SIA is a User Interface that will help you install Sitecore on your local machine It is a wrapper around SIF so it still uses all the power of JSON configuration + SIF Tasks. With 9.3 we added a number of improvements to SIA Improvements • Installation of Solr • Option to install optional modules like SxA • Improved exception handling 27
DevOps Learn Setup Develop Deploy #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. There is so much more around local dev setup next to your own Sitecore Instance on your local machine. We know how important is DevOps to develop efficient and deliver higher quality solutions. How you work together with multiple developers in a team? how to setup source control, automated builds? test servers? etc. There is a lot too DevOps, not something that I can talk you through in two minutes. I’m very excide that this is the First Symposium where we have a full track dedicated to DevOps….. 28
Develop Learn Setup Develop Deploy #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Oke we’ve selected our development approach, setup our local dev environments and Devops processes. Now it’s time to start the development fun! Development can be a hand full –like every technology and product- it will get easier as you have more project under the belt. Sitecore provides a number of guidelines and tools to help you with successful implementing a Sitecore solution. 29
Develop Learn Setup Develop Deploy Follow Sitecore recommended practices Helix helix.sitecore.net Helix Digital Classroom training NEW #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Starting with Sitecore Helix are recommended practices for your solutions. Helix have been around the block for a few years now, we’ve continued to do serious mutations on it. • We updated and expended the principles and documentation, starting by working from the Why and focusing on the core principles of Helix. • Including visual and UX changes, with new Basic Company example websites. • We include a simpler VS project structure and also guidance how to structure a commerce and an xConnect solution and TDS project. [CLICK] Did you know that there is a Helix Digital Classroom available More in debt info in the Helix Derek Correi and Nick W 02:35 pm — 03:20 pm / Swan 7-10. 30
Develop Learn Setup Develop Deploy Follow Sitecore recommended practices Helix helix.sitecore.net Opensource extensions on Marketplace marketplace.Sitecore.net Helix Digital Classroom training NEW #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. We already talked about the amazing Sitecore community, I always strongly advice to check-out marketplace for modules that might cover your requirements and search Google for blog’s, videos and code examples that will help you kickstart your project. Almost everything has been done and shared before. 31
Sitecore Developer Tools Learn Sitecore Rocks Sitecore TDS™ Setup Sitecore RAZL™ Sitecore FEYDRA™ Compare and merge Sitecore databases with a complete side-by-side comparison Bridge the gap between the skill sets of front-end and back-end developers. Develop Deploy UPDATED Microsoft Visual Studio plugin that provides a you a fast, streamlined development experience Reduce deployment time, ensure team integration, and create an adds support for different DevOps scenarios NEW #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Sitecore also offers a a number of development tools. Sitecore rocks Integrates directly with Microsoft Visual Studio and gives you a fast, streamlined development experience by letting you use the tools that you already know and work with. • We all know TDS. Sitecore TDS improves team integration and smooths the development process with a wide range of built-in Sitecore automation, synchronization and management features. And should be part of your devops toolset. • Razl is a Sitecore Database compare and merge and merge tool. You can easily move items from one database to another. • FEYDRA bridges the gap between front-end and back-end developers in a Sitecore Custom development scenari. TDS, RAZL and FEYDRA are grouped together as the Sitecore developer collection. More info during Charlie’s Turano session on TDS and booth at the CORE. ======= TDS We all know TDS. TDS Reduce deployment time, ensure team integration, and create 32
an environment in which you can easily and quickly move code from your local environment all the way through your development workflow. And should be part of your devops toolset. Sitecore TDS improves team integration and smooths the development process with a wide range of built-in Sitecore automation, synchronization and management features. •Treat your Sitecore items as files, so you can leverage the source control of your choice and work in teams. •See the differences between Sitecore and file system copies, choosing how to push or pull content. Or automate it to run in the background. •Powerful rules for creating packages across environments, enabling automation and reducing risk. •Deploy how you want; use a built-in connector or create a package to use with your own deployment processes.•Have your code written for you by using the inbuilt code-generation feature. •Catch issues before they break your site. Validate your environment and projects at build-time, instead of hearing about it from your website users. •Integrates seamlessly with Visual Studio RAZL Compare and merge Sitecore databases with a complete side-by-side comparisonand easily move items from one database to another. Sitecore RAZL allows developers to have a complete side by side comparison between two Sitecore databases, highlighting features that are missing or not up to date. Users can easily move missing items from one database to another. •Quickly identify content differences between two different environments •Easily find items that could have missed during a deployment •Sync changes by item, or by entire database at a at once. •Quickly compare content trees to enable faster debugging of issues which occur when changing environment. •Includes Lightning Mode feature to quickly locate differences without scanning the contents of items FEYDRA Bridge the gap between the skill sets of front-end and back-end developers. Allow front-end developers to work with their preferred tools and eliminate the need to create individual Sitecore instances and upgrades for each developer. Sitecore FEYDRA eliminates the traditional serial implementation process and reduces the overall development timeline. •Front-end developers can work the way they like with the tools they prefer using their own virtual sandbox. •Through virtualization and separation, front-end and back-end developers can work in parallel, reducing friction and shortening timelines. 32
•Teams of front-end developers can work on a shared instancewithout stepping on each other. •Eliminate team friction;maintain and update your portion of Sitecore in your virtual sandbox then simply push the changes to the shared location•Installation in a shared location; front-end developers can be brought onto a project with ease. No need to set up all the Sitecore requirements. You can encourage them to come to Charlie’s session on TDS and booth at the CORE 32
Deployment Requirements Development Optimization Deployment Content Management © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. #SitecoreSYM Now the initial release is ready for deployment to a public available environment for the customer. 33
IaaS Sitecore Solution Sitecore Solution HA/DR HA/DR Infra. Monitoring Infra. Monitoring Support Team Support Team Environment Setup You On-Prem Environment Setup ISO & SOC2 Certs. ISO & SOC2 Certs. Runtime Runtime OS OS Servers cloud provider You Deploy Servers #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. You can host your Sitecore instance in many different way. You can host Sitecore yourself onpremises and be fully in control and responsible for everything from Server to your own build solution. [CLICK] The next step would be hosting in your infrastructure in the Cloud with IaaS. Maintaining full control over the OS, including all the responsibility for upgrades, patches and security. The cloud provider is responsible for the hardware. The cloud provider could be any provider that you prefer. From Amazon to Microsoft to you local cloud hosting company. 34
PaaS Sitecore Solution Sitecore Solution Sitecore Solution HA/DR HA/DR HA/DR Infra. Monitoring Infra. Monitoring Infra. Monitoring Support Team Support Team Support Team Environment Setup Environment Setup ISO & SOC2 Certs. ISO & SOC2 Certs. ISO & SOC2 Certs. Runtime Runtime Runtime OS OS OS Servers Servers Azure Environment Setup You IaaS You On-Prem cloud provider You Deploy Servers Media Library in Azure Blob Storage: Reduce the cost and increase the performance of storing media in Sitecore NEW #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Sitecore supports Platform as a Services –Paas- on Microsoft Azure. You can spin up your topologies with your subscription on Azure and deploy your Sitecore solution. At this point you will have no control over the OS and runtime, the benefits is that Microsoft Azure handles all upgrades, patches and the hardware. Also you get all the benefits from Azure Paas, like health monitoring and Azure Insights. But you still need to monitor it yourself. [CLICK] From SC 9.3 Media Library files will be stored in Azure Blog Storage, reducing costs and improving performance. 35
Managed Cloud Sitecore Solution Sitecore Solution Sitecore Solution Sitecore Solution HA/DR HA/DR HA/DR HA/DR Infra. Monitoring Infra. Monitoring Infra. Monitoring Infra. Monitoring Support Team Support Team Support Team Support Team Environment Setup Environment Setup ISO & SOC2 Certs. ISO & SOC2 Certs. Runtime Runtime Runtime Runtime OS OS OS OS Servers Servers Servers Servers Sitecore Environment Setup ISO & SOC2 Certs. Azure Environment Setup You PaaS You IaaS You On-Prem cloud provider You Deploy NEW ISO & SOC2 Certs. Media Library in Azure Blob Storage: Reduce the cost and increase the performance of storing media in Sitecore NEW #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. The last option for deployment is that Sitecore’s own Managed Cloud. With Sitecore Managed Cloud Sitecore takes ownership for the full infrastructure stack, including hosting support, infrastructure monitoring and with Sitecore 9.3 this also includes High Available Disaster Recovery. The benefits are that all the responsibility around infrastructure hosting uptime is on Sitecore. However keep in mind that Sitecore is a platform that you build solution on top of. Meaning that you still own the responsibility of the Sitecore application. ============================ For DR scenarios basic and hot warm Content index rebuild is covered in RTO but XDB index rebuild isn’t covered in RTO due to potential rebuild time DR basic – Ability to restore in a different region, RPO is 3 hours, RTO depending on 36
size of databases DR hot warm – Two instances available in different regions and just the failover and then rebuild of indexes HA hot-hot – Two instances of Sitecore available and a Solr Cluster that has its recovery separate from Sitecore without any index rebuild necessary 36
Content creation and management Requirements Development Optimization Deployment Content Management © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. #SitecoreSYM The solution is now publicly available content can now be created and managed by the customer. 37
Sitecore Solves the Content Crisis Sitecore Experience platform Show personalized content Deliver through right channel Personalized content Capture content interaction data Build relevant content Drive outcomes Marketing campaign, Call to Action, etc. Use real time lessons to shape content creation, delivery & presentation Conversion data Measure content effectiveness #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. We all know how Sitecore helps brands to create relevant personalized experiences in realtime to maximize outcomes and value across channels. We do this with a rich platform that support content creation and personalization to drive conversions and outcomes. We provide tools for measuring content effectiveness and provide insights for marketers with our Analytics data so they can optimize their content and personalization strategy. 38
Sitecore Solves the Content Crisis Sitecore Experience platform Sitecore Commerce Empower marketers and merchandisers to fully personalize the end-to-end shopping experience – before, during, and after the transaction Show personalized content Personalized content and commerce Deliver through right channel Drive outcomes Capture content interaction data Build relevant content Use real time lessons to shape content creation, delivery & presentation Purchase, Marketing campaign, Call to Action, etc. Conversion data Measure content effectiveness #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Sitecore invested in Commerce, the combination of personalized content and commerce empowers marketers and merchandisers to fully personalize the endto-end shopping experience –before, during and after the transaction. 39
Sitecore Solves the Content Crisis Sitecore Experience platform Sitecore Content Hub Easily plan, create, collaborate, store, distribute, manage and publish any content across all channels – and connect the dots between content and customer behavior. Sitecore Commerce Empower marketers and merchandisers to fully personalize the end-to-end shopping experience – before, during, and after the transaction Show personalized content Personalized content and commerce Deliver through right channel Drive outcomes Capture content interaction data Build relevant content Use real time lessons to shape content creation, delivery & presentation Drive outcomes Purchase, Marketing campaign, Call to Action, etc. Conversion data Measure content effectiveness #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. On the Content creation side we we’re seeing is that Businesses today struggle to create and deliver the right content, to the right audience, at the right time across channels. You might have heard about this as it also called –so called content crisis-. With Sitecore content hub we introduce a full product suite to enable marketing departments to streamline the process to create, manage and optimize content for all channels. Let’s take a look at what product Sitecore Content Hub contains. 40
41
DAM + Manage virtually all digital asset file types + Reduce time to tag, locate, use, and share assets + Machine learning helps tag your content + Preview images, videos, layouts, and other file types in context + Reduce risk by enforcing DRM MRM + Plan and execute campaigns across channels, markets and brands + Steer teams to achieve key production targets on time with intuitive collaboration, review and approval tools CMP + Effectively plan, manage, and collaborate on content strategy + Streamline production by orchestrating many simultaneous task streams of different content stakeholders + Optimize content usage and distribution to target audiences across channels + Elevate visibility and governance PCM + Centralize and automate the management and maintenance of all productrelated information and content (assets, descriptions, SKUs…) + In Pro Edition, Product entity is 3 levels deep, e.g. Brand - Product Family (can go deeper in Enterprise Edition) W2P + Generate custom printable product sheets using all available content + Enforce brand guidelines even outside the organization 41
Sitecore Content Hub™ Integrations Sitecore Experience Platform Sitecore DAM™ Sitecore CMP™ #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Today two product from content hub are integrated with Sitecore Experience platform, which are Sitecore DAM and Sitecore Content Marketing Platform – CMP Sitecore DAM is integrated through the DAM connect module. 42
SxA Integration: Responsive images from directly from Sitecore DAM 43
Now we added these product to make the manage the processes and creation of content, but how is this integrated within the Sitecore Experience Platform. The first phase of the integration is already available for download on dev.Sitecore.net and was released end December 2018. We labeled this as the Sitecore Plugin for Stylelabs DAM and it allows you to select and use assets from the DAM into your Sitecore content Now we have the content in Sitecore, we can edit and use the content using the Content or Experience Editor. But also with 9.3 we could use Horizon. Content hub assets in Sitecore (DAM), select from DAM. Image field, RTE. Files, video, pdf, etc. DAM is made aware of usage of assets. Content hub owns the image, always up to date. CMP Message bus that Sitecore is subscribed to and item is created or update in Sitecore Benefits, nothing changed for your day-to-day job as a developer. Everything works as you expect, it’s all based on Sitecore items. No new fields, it extends the image field. 43
44
SxA Integration: Responsive images from directly from Sitecore DAM Now we added these product to make the manage the processes and creation of content, but how is this integrated within the Sitecore Experience Platform. The first phase of the integration is already available for download on dev.Sitecore.net and was released end December 2018. We labeled this as the Sitecore Plugin for Stylelabs DAM and it allows you to select and use assets from the DAM into your Sitecore content Now we have the content in Sitecore, we can edit and use the content using the Content or Experience Editor. But also with 9.3 we could use Horizon. Content hub assets in Sitecore (DAM), select from DAM. Image field, RTE. Files, video, pdf, etc. DAM is made aware of usage of assets. Content hub owns the image, always up to date. CMP Message bus that Sitecore is subscribed to and item is created or update in Sitecore Benefits, nothing changed for your day-to-day job as a developer. Everything works as you expect, it’s all based on Sitecore items. No new fields, it extends the image field. 44
Sitecore Content Hub™ Integrations Sitecore Experience Platform • SxA Integration • Image field extension • RTE field extension • Item create and update • Text content only DAM connect All assets; Images Video, pdf, etc. CMP connect publish content Sitecore DAM™ Sitecore CMP™ #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. The other integration is with Sitecore Content Marketing Platform by CMP connect Now with CMP connect we allow the marketer and content authors to directly publish content from CMP to a Sitecore instance. The communication between CMP and Sitecore is orgestrated through an Azure Service Bus, CMP publishes towards the service bus and Sitecore is subscribed to the same service bus. After installing the CMP connect you configure the connections to the Azure Service Bus both in CMP and Sitecore. 45
Sitecore Content Hub™ Integrations Sitecore Experience Platform • SxA Integration • Image field extension • RTE field extension • Item create and update • Text content only DAM connect All assets; Images Video, pdf, etc. CMP connect publish content Sitecore DAM™ Sitecore CMP™ #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Now within Sitecore you create a new config item. This is where you do the mapping. In the config item; you define what Content Type you’re subscribing to, by supplying the Content Type ID from CMP. You select the item bucket where the items will be stored and the template that is used while creating the items. [CLICK] 46
Sitecore Content Hub™ Integrations Sitecore Experience Platform • SxA Integration • Image field extension • RTE field extension • Item create and update • Text content only DAM connect All assets; Images Video, pdf, etc. CMP connect publish content Sitecore DAM™ Sitecore CMP™ #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. Here you see CMP, this is where the event content is created by the marketing department. When the author in CMP is ready to publish they can press the publish item to complete the workflow, finalizing the workflow will send the content to the service bus. [CLICK] Sitecore is subscribed and always listening to the service bus and will create or update the content item in Sitecore. Please be aware that with this initial release of CMP connect we only support text content. 47
Horizon Horizon is the next generation editing environment Editing Create and manage web pages Simulator Insights Preview the web pages and simulate visitor experiences Support experience management with contextual content insights @Pieterbrink123 After two previews Horizon will be available with Sitecore 9.3. In Sitecore 9.3 Horizon will contain three modes; Editing to create and manage your web pages Simulator, where you can preview web pages and simulate visitor experiences based on date and device And insights, which provided contextual content insights on the page 48
Horizon - editing Horizon page editing interface Editing Simulator Insights @Pieterbrink123 Here you see horizon in editing mode. You can update and change your content per page, navigating through your site and creating new pages using the panel on the left. You can directly see the how your content will on devices while editing, Horizon also provides you with the opportunity to change the device while editing. Currently we’re in browser mode, [CLICK] we can switch to for example Ipad mode. [click] Horizon will also be shipped with a brand new Media Library. 49
Horizon - simulator Preview the page on different device for a specific date Editing Simulator Insights @Pieterbrink123 Moving on to simulator mode, in simulator mode you can as preview the pages as they would render on different types of device – desktop, tablet, and mobile phone page as it appears on different dates. Here we’re previewing how the site will look with an Iphone 7 [CLICK]on 8th august. You can use the slider at the bottom to change the date for the preview. . 50
Horizon – insights Overview of page performance Editing Simulator Insights @Pieterbrink123 The last mode is Insight, You can open the page-level insights directly from any page in Horizon The page-level insights will provide you with an overview of page performance, including Visits, value and conversion metrics This all tights back into solving the content crises, providing direct feedback on the performance of their content per page. More info can be found in the demo theather, the core and Alexy session. 51
Cortex Analytics 52
Reporting 9.2 active personization (9.3) Story about content crisis, measurements and value 52
Analytics, Personalization and Optimization Show personalized content Personalized content and commerce Deliver through right channel Capture content interaction data Build relevant content Drive outcomes Purchase, Marketing campaign, Call to Action, etc. Use real time lessons to shape content creation, delivery & presentation Conversion data Measure content effectiveness #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. As mentioned before Sitecore helps brands to create relevant personalized experiences in realtime to maximize outcomes and value across channels. [CLICK] You can understand that Analytics, personalistion and optimization are a crucial part for any customer and for Sitecore. With Sitecore 9.3 we invested into improving and expending key marketing features. 53
Sitecore Experience Platform IMPROVED IMPROVED NEW FEATURES NEW FEATURES Testing & optimization Personalization at scale Analytics & Reporting Marketing automation Generate actionable insights with analytics, testing and optimization Profiles, interactions, behaviors and activities enrich personalization across channels Generate actionable insights with analytics, testing and optimization Easy drag and drop campaigns and marketing automation streamline time to market NEW PRODUCT NEW FEATURES Machine learning Forms Sitecore AI – Auto Personalization ML provided user segment insights from analyzed data Use Call-to-actions to drive value and outcomes on your solutions #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. We included improvements to Testing and to Optimization and Personalization [CLICK] Added new features to Analytics and Reporting, to Marketing Automation and to Forms [CLICK] And we’ve launched a new product for Machine learning…. That was announced during the keynote Let’s dive a bit deeper into the improvements and new features. 54
Sitecore Experience Platform Testing & optimization Personalization at scale Content Testing Reach has been replaced with Impressions Analytics & Reporting Marketing automation Machine learning Forms IMPROVED Reach is replaced with impressions to match industry standard #SitecoreSYM @Pieterbrink123 © 2001-2019 Sitecore Corporation A/S. Sitecore® and Own the Experience® are registered trademarks of Sitecore Corporation A/S. All other brand names are the property of their respective owners. For testing and optimization we improved the test results . In the past we used the metric Reach, which was equal to unique visitors to a tested experience. This metric caused performance issues to xDB and reporting foundation. Another issue with reach was that it’s not an industry standard, so we updated the calculation to do impressions, which are visits that included this experience. 55
Join us for a ride through the land of Sitecore, and we’ll show you all the new bits and pieces introduced in the latest Sitecore 9.3 release. This session is a must for anyone who wants to get a good overview of all the new and improved functionality. You’ll learn exactly what’s new, which improvements were made, and the reasons behind them.
The following resources were mentioned during the presentation or are useful additional information.
Information, resources and registration for upcoming Sitecore User Group events in The Netherlands.
for free. You
can too.