Building omni-channel experiences with Sitecore Experience Edge & Mobile Blazor Bindings

A presentation at Pittsburgh Sitecore User Group in May 2021 in by Rob Earlam

Slide 1

Slide 1

Building omni-channel experiences with Sitecore Experience Edge & Mobile Blazor Bindings Rob Earlam - @RobEarlam May 2021 © 2021 Sitecore Corporation A/S. All Rights Reserved.

Slide 2

Slide 2

Rob Earlam Snr. Technical Evangelist - APJ • Technical evangelist, software developer, movie lover, music listener, pizza eater, meat smoker • 14+ years Sitecore experience • Based in Melbourne, AU @RobEarlam https://robearlam.com © 2021 Sitecore Corporation A/S.

Slide 3

Slide 3

Experience Edge Portal Site © 2021 Sitecore Corporation A/S.

Slide 4

Slide 4

Experience Edge Portal @RobEarlam © 2021 Sitecore Corporation A/S.

Slide 5

Slide 5

Experience Edge Portal Site • Mostly static content • Infrequent changes • No need for full WCMS functionality • Some dynamic content @RobEarlam © 2021 Sitecore Corporation A/S.

Slide 6

Slide 6

Portal Dynamic Elements Sitecore DAM ™ Experience Edge for Content Hub Sitecore Content Hub Sitecore CMP ™ @RobEarlam © 2021 Sitecore Corporation A/S.

Slide 7

Slide 7

Experience Edge Portal Site @RobEarlam © 2021 Sitecore Corporation A/S.

Slide 8

Slide 8

Building for OmniChannel © 2021 Sitecore Corporation A/S.

Slide 9

Slide 9

Edge Portal Apps POC • Opportunity to test omni-channel delivery • Proof of Concept - Not intended to be officially released @RobEarlam © 2021 Sitecore Corporation A/S.

Slide 10

Slide 10

Delivery overview Channels Mobile App Simple Website Data Experience Edge for Content Hub Assets Sitecore Content Hub Sitecore DAM ™ Sitecore CMP ™ @RobEarlam © 2021 Sitecore Corporation A/S.

Slide 11

Slide 11

Enter Mobile Blazor Bindings…… © 2021 Sitecore Corporation A/S.

Slide 12

Slide 12

What is Xamarin? Xamarin extends the .NET platform with tools and libraries specifically for building apps on iOS, Android, macOS, and more. • Base framework for accessing native features • Extensible Markup Language, known as XAML, for building dynamic mobile apps using C# • Libraries for common patterns, such as Model View ViewModel(MVVM) • Platform specific libraries that includes access to APIs from Google, Apple, Facebook, and more to add rich capabilities • Editor extensions to provide syntax highlighting, code completion, designers, and other functionality specifically for developing mobile pages © 2021 Sitecore Corporation A/S.

Slide 13

Slide 13

What is Blazor? Blazor lets you build interactive web UIs using C# instead of JavaScript. Blazor apps are composed of reusable web UI components implemented using C#, HTML, and CSS. Both client and server code is written in C#, allowing you to share code and libraries. Blazor uses open web standards without plug-ins or code transpilation. Blazor works in all modern web browsers, including mobile browsers. Based on .NET Standard to allow for simple code sharing © 2021 Sitecore Corporation A/S.

Slide 14

Slide 14

What are Mobile Blazor Bindings? • MBB is EXPERIMENTAL • Build native and hybrid mobile apps using C# and .NET for Android, iOS, Windows, and macOS • Use the Blazor the programming model and Razor syntax to define UI components. <StackLayout> <Label FontSize=”30” Text=”@(“You pressed ” + count + ” times”)” /> <Button Text=”+1” OnClick=”@HandleClick” /> </StackLayout> @code { Int count; void HandleClick() { count++; } } © 2021 Sitecore Corporation A/S.

Slide 15

Slide 15

Let see this in action! © 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. © 2021 Sitecore Corporation A/S.

Slide 16

Slide 16

Questions? © 2021 Sitecore Corporation A/S.

Slide 17

Slide 17

Thank you FOR DISCUSSION PURPOSES ONLY. Sitecore Confidential and Proprietary. ©2020 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.