A presentation at Pittsburgh Sitecore User Group by Rob Earlam
Building omni-channel experiences with Sitecore Experience Edge & Mobile Blazor Bindings Rob Earlam - @RobEarlam May 2021 © 2021 Sitecore Corporation A/S. All Rights Reserved.
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.
Experience Edge Portal Site © 2021 Sitecore Corporation A/S.
Experience Edge Portal @RobEarlam © 2021 Sitecore Corporation A/S.
Experience Edge Portal Site • Mostly static content • Infrequent changes • No need for full WCMS functionality • Some dynamic content @RobEarlam © 2021 Sitecore Corporation A/S.
Portal Dynamic Elements Sitecore DAM ™ Experience Edge for Content Hub Sitecore Content Hub Sitecore CMP ™ @RobEarlam © 2021 Sitecore Corporation A/S.
Experience Edge Portal Site @RobEarlam © 2021 Sitecore Corporation A/S.
Building for OmniChannel © 2021 Sitecore Corporation A/S.
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.
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.
Enter Mobile Blazor Bindings…… © 2021 Sitecore Corporation A/S.
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.
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.
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.
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.
Questions? © 2021 Sitecore Corporation A/S.
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.
Rob Earlam will take us through the how we can build a common component library in Blazor to server content from Sitecore Experience Edge across all of your different channels.
for free. You
can too.