Sydney Episerver Meetup – Winter 2019 – Outcome

It was a really good gathering and I personally learn a lot.

Damien Dias from Episerver went through Episerver CMS and eCommerce certification exams. He gave a very good brief about what is his journey to get the certifications and shared tips around the main area of the exams.

The second part we had Darren Stahlhut from Luminary that he spoke about the really cool framework called Blazor from Microsoft (it is still not released!) and he married up Blazor with Episerver which was really cool. You read about it more here.

UPDATED – Episerver Sydney Winter 2019 Meetup

I’m so excited about this meetup. It is going to be on 10 July 2019 6pm – 8pm at Episerver Sydney office! In this session:

Damian Dias will talk about Commerce and CMS Certifications best practices.

Nicola Ayan will talk about Episerver Find and share lessons learned from recent projects.

Marcus Babajews will give you a short update on Episerver Campaign

UPDATE: We are so excited that Darren Stahlhut is joining us and present Episerver Blazor a proof of concept and add-on Episerver Cognitive Services. We are so excited to have him in Sydney 🙂

Please signup via link below:

https://www.eventbrite.com/e/episerver-developer-meetup-sydney-tickets-62842623980

Episerver CMS Cheat Sheet

During the time I worked with CMS, I built up list of some cool stuff. I thought to share them with you. Maybe in future we can have a Episerver CMS/Commerce cheat sheet or knowledge based in Github so we can all use them. This is just beginning 🙂

==========================CUSTOM LINK ITEM COLLECTION RENDERING=====================================
    @Html.PropertyFor(m => m.MainBody)

    // FullRefreshPropertiesMetaData asks on-page edit to reload the page 
    // to run the following custom rendering again after the value has changed.
    @Html.FullRefreshPropertiesMetaData(new []{ "RelatedContentLinks" })

    // EditAttributes enables on page-edit when you have custom rendering.
    <p @Html.EditAttributes(m => m.CurrentPage.RelatedContentLinks) >
    @if (Model.CurrentPage.RelatedContentLinks != null)
    {        
        <span>See also:</span>
        foreach (LinkItem item in Model.CurrentPage.RelatedContentLinks)
        {
            <a href="@item.Href">@item.Text</a>
        }
    }
    </p>
    ...


-------------------------------------------OR-------------------------------------------------------
    ...
    @Html.PropertyFor(m => m.MainBody)

    <h2>Releated Content</h2>
    @Html.PropertyFor(m => m.CurrentPage.RelatedContentLinks, "SeeAlso")
    ...
----------------------------------------------------------------------------------------------------
	
	
-------------------------------------------OR-------------------------------------------------------	
public class ArticlePage : PageData
{
    ...

    [UIHint("SeeAlso")]
    public virtual LinkItemCollection RelatedContentLinks { get; set; }

    ...
----------------------------------------------------------------------------------------------------


TIPS:
-----------
global folder for the media and block -> EPiServer.Core.SiteSettings.Current.GlobalBlocksRoot
site folder for the media and block EPiServer.Core.SiteSettings.Current.SiteBlocksRoot
-----------
Loaders:
IContentLoader (just readonly) vs IContentRepository  (CRUD) vs DataFactory (legacy, backward compatibility)
-----------

- Attributes:
Content Types: [ContentType], [Access], [AvailableContentTypes], [ImageUrl]

Property: [Display(
            Name = "Classification",
            Description = "Genre or type of article.",
            GroupName = "Details", Order = 2)]
			
Group: 
[GroupDefinitions]
public static class GroupNames
{
   [Display(GroupName="MyNews", Order=1)]
   public const string News = "News";
   [RequiredAccess(AccessLevel.Publish)]
   public const string Contact= "Contact";
}


Version status 
	NotCreated. The version has not been saved yet.
	CheckedOut. The currently edited version
	AwaitingApproval. The editor is done and has marked the version as ready for approval
	Rejected. The version did not pass the approval
	CheckedIn. The version is approved and ready for publish
	DelayedPublished. The version will be automatically published at a future date and time
	Published. The version is published
	PreviouslyPublished. The version has been published but is now replaced with a different version
	
Status transitions
	Default/None. Saves a version maintaining the current status unless a new version is created. In this case the new version is created in a checked out state. (Default has replaced None in CMS 10)
	Publish. Publishes a version.
	Schedule. Schedule a version for automatic publishing at a later date. (New in CMS 10)
	CheckOut. Checks out a version to indicate that it is being worked on. (New in CMS 10)
	CheckIn. Checks in a version indicating that it is ready to be published
	RequestApproval. Saves a version to a state indicating that it is ready to be approved
	Reject. Rejects a version. This is normally done during an approval review.
	Save. Save action which outcome will depend on the current status. Will in some cases maintain the status and in other cases check out the current version.
Optional parameter
	ForceNewVersion. Specifies that the content saved should be created as a new version.
	ForceCurrentVersion. Specifies that the save should update the existing version.
	SkipValidation. Specifies that the content should be saved without performing the usual validation.
	SkipSetCommonDraft. Specifies that the version should not be set as common draft (the version used by default in the CMS edit user interface)
	DelayedPublish. Used in combination with SaveAction. CheckIn to specify that the version should be automatically published at a future date and time. (Deprecated in CMS 10)
----------------------

force to save/publish by anonymouse user (e.g. schedule job) contentRepository.Save(myPage, EPiServer.DataAccess.SaveAction.Publish, EPiServer.Security.AccessLevel.NoAccess);


custom icon for content type:

[UIDescriptorRegistration]
public class ContainerPageUIDescriptor : UIDescriptor<ContainerPage>
{
	public ContainerPageUIDescriptor()
		: base("epi-iconObjectPage")
	{
	}
}

change the default view

	[UIDescriptorRegistration]
	public class StartPageUIDescriptor : UIDescriptor
	{
		public StartPageUIDescriptor(): base(ContentTypeCssClassNames.Page)
		{
			DefaultView = CmsViewNames.AllPropertiesView;
			EnableStickyView = false;
		}
	}
	
change the default icon of media

[UIDescriptorRegistration]

public class DocumentUIDescriptor : UIDescriptor<Document>
{
    public DocumentUIDescriptor() : base("icon-document")
    {
        DefaultView = CmsViewNames.AllPropertiesView;
    }
}
	
change editor descriptor

	[EditorDescriptorRegistration(TargetType = typeof(string))]
	public class StringEditorDescriptor : EditorDescriptor
	{
		public StringEditorDescriptor()
		{
			ClientEditingClass = "dijit.form.ValidationTextBox";
		}
	}
====================================================================================================


TemplateResolver

The EPiServer.Web.TemplateResolver.TemplateResolving event is raised. If an event handler selects a template, that template is used with no further handling.
All templates matching the desired content type are filtered according to the rendering mode: If t is a page, a suitable controller is selected; if it is partial rendering, a suitable partial controller or partial view is selected. For partial templates, the list is filtered according to main template.
If the template is requested with a specific tag, the list is filtered on that tag. If no template matching the tag exists, all templates from 2 are taken into account.
If any display channel is active, and there are template tags matching that channel, templates are filtered for DisplayChannel. 
From remaining templates, the shortest inheritance chain to the TemplateModel marked as Default and not inherited, is selected.
If no match from 5, the shortest inheritance chain to TemplateModel that is marked as Default, is selected.
If no match from 6, the shortest inheritance chain to TemplateModel, is selected.
The EPiServer.Web.TemplateResolver.TemplateResolved event is raised, providing a chance to replace the selected template.



--------------------------custom root folder for block selector----------------------------
[UIHint("teaserblock")]
public virtual ContentReference TeaserBlockReference { get; set; }

[EditorDescriptorRegistration(TargetType = typeof(ContentReference), UIHint = "teaserblock")]
public class BlockReferenceEditorDescriptor : ContentReferenceEditorDescriptor<TeaserBlock>
{
    public override IEnumerable<ContentReference> Roots
    {
        get
        {
            //Sample to override the default root for the repository.
            //Take the reference from configuration or site initialization and do not hard-code it.
            return new ContentReference[] { new ContentReference(90 ) };
        }
    }
}

-------------------------------------------------------------

PERMISSION:

- Protecting a controller via a permission

   [AuthorizePermission("MyCustomPermissions", "EditSettings")]
    public class EditSettingsController : Controller
    {
        public ActionResult Index()
        {
            return View();
        }
    }
	
- 

  [PermissionTypes]
    public static class MyCustomPermissions
    {
        public const string GroupName = "MyCustomPermissions";

        static MyCustomPermissions()
        {
            EditSettings = new PermissionType(GroupName, "EditSettings");
            ViewSettings = new PermissionType(GroupName, "ViewSettings");
        }

        public static PermissionType EditSettings { get; private set; }

        public static PermissionType ViewSettings { get; private set; }
    }
	
--------------------------------------------------------------------------
Property settings:

[EPiServer.Core.PropertySettings.PropertySettings(typeof(CustomStringSettings), true)]
public class CustomPropertyString : PropertyString
{
}

[ModuleDependency(typeof(EPiServer.Web.InitializationModule))]
    public class PlugInInitialization : IInitializableModule
    {
        public void Initialize(InitializationEngine context)
        {
            PropertyControlClassFactory.Instance.RegisterClass(typeof(PropertyString), typeof(CustomPropertyString));
            PropertyControlClassFactory.Instance.RegisterClass(typeof(PropertyLongString), typeof(CustomPropertyString));
        }

        public void Uninitialize(InitializationEngine context)
        {
        }
    }

Episerver CMS 11 – Certification

If you are Episerver CMS Certified Developer, every two year you need to the exams. And this month was my turn! I started to look around and found many stuff related to exam changed. To summarized it I gathered all items I thought is important to read and summarized them as below. But this doesn’t mean you should not read whole Episerver World documentation!

Product Knowledge

Concept
Learning path
http://www.episerver.com/products/platform/cms/

Editing
http://webhelp.episerver.com/latest/getting-started/logging-in.htm
Administering
http://webhelp.episerver.com/latest/cms-admin/administration-view.htm

Installation, Operation, and Configuration
Environment & Deployment
http://world.episerver.com/documentation/developer-guides/CMS/Deployment/
Error handling
http://world.episerver.com/documentation/developer-guides/CMS/logging/
License model
https://license.episerver.com/
Add-ons
http://world.episerver.com/documentation/developer-guides/CMS/add-ons/
http://webhelp.episerver.com/latest/addons/addons.htm
Multisite
https://world.episerver.com/documentation/developer-guides/CMS/Deployment/Setting-up-multiple-sites/
DXC Service
https://world.episerver.com/digital-experience-cloud-service/

Content Model
Rendering
http://world.episerver.com/documentation/developer-guides/CMS/rendering/
Content types and models
http://world.episerver.com/documentation/developer-guides/CMS/Content/
Properties
http://world.episerver.com/documentation/developer-guides/CMS/Content/Properties/
Validation
http://world.episerver.com/documentation/developer-guides/CMS/Content/Validation/
Content approvals
https://world.episerver.com/documentation/developer-guides/CMS/Content/content-approvals/
A/B testing
https://world.episerver.com/documentation/developer-guides/CMS/key-performance-indicators-kpis/
Forms
https://world.episerver.com/documentation/developer-guides/forms/configuring-episerver-forms/

Creating Websites
Technical architecture
http://world.episerver.com/documentation/developer-guides/CMS/architecture/
Authentication and authorization
http://world.episerver.com/documentation/developer-guides/CMS/security/
Globalization and localization
http://world.episerver.com/documentation/developer-guides/CMS/globalization/
Performance and scalability
https://talk.alfnilsson.se/2015/11/25/code-best-practices-and-performance-optimization-the-summary/
https://world.episerver.com/digital-experience-cloud-service/development-considerations/performance-considerations/
Data storage
http://world.episerver.com/documentation/developer-guides/CMS/dynamic-data-store/
https://world.episerver.com/documentation/developer-guides/CMS/Content/Persisting-IContent-instances/
Personalization
http://world.episerver.com/documentation/developer-guides/CMS/personalization/
Indexed search
https://world.episerver.com/documentation/developer-guides/CMS/search/
https://world.episerver.com/documentation/developer-guides/find/

Advanced Concepts
Scheduled jobs
http://world.episerver.com/documentation/developer-guides/CMS/scheduled-jobs/
Initialization modules
http://world.episerver.com/documentation/developer-guides/CMS/initialization/
Extending the Episerver UI & Plugin
http://world.episerver.com/documentation/developer-guides/CMS/user-interface/
Content providers
http://world.episerver.com/documentation/developer-guides/CMS/Content/Content-providers/
Integration
http://world.episerver.com/documentation/developer-guides/CMS/routing/partial-routing/
https://world.episerver.com/documentation/developer-guides/Episerver-Service-API/
https://world.episerver.com/documentation/developer-guides/CMS/Content/content-delivery-api/
Notifications
https://world.episerver.com/documentation/developer-guides/CMS/using-notifications/

——————NOTES—————————
https://world.episerver.com/documentation/Items/System-Requirements/system-requirements—episerver/

Breaking changes in the past two major releases
https://world.episerver.com/documentation/upgrading/Episerver-CMS/cms-11/breaking-changes-cms-11/
https://world.episerver.com/documentation/upgrading/Episerver-CMS/10/breaking-changes-cms-10/

New features in the past two major releases

  • https://world.episerver.com/documentation/Release-Notes/?packageGroup=CMS
  • https://world.episerver.com/features/

Episerver – Sydney Meetup – 27 Feb 2019

We are so pleased to announced our next Episerver Meetup 🙂

This is very exciting as this meetup will be held in Episerver office in Sydney and more exciting which Damien Dias from Episerver is going to speak about the upgrade process. This is what we are dealing many times! So would be really helpful to see his best practices and advises!

Next Nicola Ayan EMVP is going to talk about how you can build multi-step forms with conditional logic branches using Episerver Forms 🙂 I myself is love to learn it 🙂

And finally I speak about the Web Bots and run an example to show how Bot can be integrated with Episerver Commerce!

We are really excited about this and I hope to see you all SOOON!

Please RSVP ASAP using link bellow!

https://www.eventbrite.com/e/episerver-developer-meetup-sydney-february-27th-tickets-54587729368

 

LATE Spring Sydney Episerver Meetup!

Studio 60 is going to host next Episerver meetup in Sydney and heaps of good things are going to happen.

Damien Dias from Episerver would present about his awesome experience with Upgrading OLD Episerver website to a new one. It is awesome that we hear someone is with Episerver for a long time and now want to invest for the future and upgrade the existing site and as a technical guru you need to know best practices to make sure customer will get best out of the upgrade!

 

Second Nicola our EMVP will present how we can take Episerver Form to next level and make it as a wizard which each step is conditional and based on the previous user answer we give more relative steps!

 

And myself (if there is enough time) love to speak about how we can easily connect an existing Episerver eCommerce website (read it Quicksilver) to Azure Web Bot! Cool ha!! I love bots as they are the more human type of thing instead of a web page! To me, the future of the internet is a bot!

 

Please RSVP HERE as we have limited sit 🙂 and it is FREE plus we have pizza and beer!

DDD Sydney Outcome – Episerver CMS Headless

DDD is a great conference which is an inclusive non-profit conference ran by the community. I was so lucky this year to be part of this awesome conference and present our lovely Episerver which most of the developers there never heard of it! Means we need to create a better community out there. I presented Episerver CMS Headless and to spice it up added Microsoft Cognitive Services. My aim for the talk to build a website that can serve user as a Bot as well. To achieve this I used Episerver CMS as backend and Headless part to expose CMS data:

 

 

And used LUISE to interpret users request and Microsoft Cognitive Service to route the request as the picture below:

 

Santa is the user by the way!!!

 

To recap how this is working is Microsoft Web Bot is part of Cognitive Service and allow the user to interact with your application using different channels. So you don’t need to worry about exposing your app to different channels (e.g. Cortana, Microsoft Teams, Skype, Online Web Chat, ..). How? As below:

 

You just need to implement one function to get the data from user:

 

 

And Bot Service will send you all you need as an Activity if you want to read more detail about it read here. And what we do is get what user asked and process it.

First Step would understand user’s intent, so we need AI and as I’m lazy and love online services I would use LUIS which is Language Understanding online tool from Microsoft. The way it works is quite simple:

Input: String

Output:

  • Intent -> User goal
  • Entities -> Keywords that our application cares

Sample:

Input: Book me a flight to Cairo

Output:

  • Intent -> “BookFlight”
  • Entities
    • “cairo” – “location”

 

So you may ask how the hell LUIS knows what is “BookFligh” and how to it knows the entities. In a short-term, you need to teach LUIS! How? Read here.

Now we know what user wants and knows all related keywords, so the next step is using Episerver Headless CMS API to fetch what user wants:

 

 

if you like to read more detail about it you can reference Episerver documentation or a series of my blog posts. Bellow is how it looks like:

 

 

And rest is easy! Just interpret the data and return it back to the client. You can get the whole source code using links below:

 

Episerver CMS: https://github.com/zanganeh/SydMeetup.PlacesDirectory

Cognitive Service: https://github.com/zanganeh/SydMeetup.PlacesDirectory.Bot

 

And if you are interested in the presentation please find it here

Wrap Up – Third Sydney Episerver Meetup

First I want to say thanks @Nicola and 1990 Digital and Episerver for hosting this session. I learned a lot and I’m started starving for the next meetup!

 

Nicola spoke about her new tool ‘EpiserverCmsAudit’. This tool is really awesome and can help you to find the usage of your content type. Very nice dashboard and very easy to install and it is FREE! So if you to give it a go to her post to read more about it and you can take a look at the source code or just install the Nuget package This is quite a bit awesome while website moving to DXC as they can build many websites and many contents! So with this tool, you as a dev, tester or content editor can make sure your change impact on all aspect of your app! GREAT JOB!

 

I spoke about Episerver Headless CMS, eCommerce and how you can integrate that with Microsoft Web Bot. This would be important as Bots are more human-friendly – having said that the concept is still at a very early stage. The concept is quite simple, Web Bot gets the query from user pass to Luis.ai and passes the action to Episerver to get the data back and pass it back to Bot! If you feel like you need more info, you can download the presentation and the source code of the bot can be found here and the bot source code can be found here. If you are interested and still have a question just comment here!

I’m going to speak about this in more detail in DDD, so if you keen to learn more you just need to get the ticket!

DDD Sydney – Episerver session (Headless CMS!)

Next, DDD Sydney would be on 18th of August and my proposed session about Headless CMS is not on the vote! I need you Episerver gurus help to help me get my session approved. DDD has cool concept off democratically selected agenda. So all submitted agendas would be on the vote and YOU!!! can help me my session be presented by voting. Obviously, if you like it!

To vote you please:

  • click on THIS LINK
  • Wait until the page fully loaded (the list of sessions is quite big and use AJAX to load).
  • When the page loaded (you can see the list of sessions), search for term ‘future’

 

  • This is my session and if you like to vote, please click on ‘Vote’. You can select more than one item, so clicking on ‘Vote’ doesn’t mean you are done (SORRY I KNOW IT IS HASSLE!)
  • When your vote is selected you need to click on ‘Submit Votes’

  • And if you get a success message, you are DONE!

 

THANKS SO MUCH FOR SUPPORTING ME!