SlideShare a Scribd company logo
May 3, 2016
EPiServer Demo
Aniket Gadre
Presented by Agency Oasis
May 3, 2016
Alloy Demo Site
Go to Visual Studio > Extensions and Updates > Online > EpiServer
Create a new project using EPiServer extension
Create an local user account and add to the admin group
CTRL + F5 to start the site without debugging.
Presented by Agency Oasis
May 3, 2016
EPiServer Background
• One of the most comprehensive Enterprise Level CMS.
• Content, Commerce and Marketing within the same platform.
• One of the biggest Sitecore competitor
• Swedish company, acquired Ektron in 2015 to enter US market
• 8,800+ customers, 880 partners & 25,000+ developer community
• Walmart, Pizza Hut, Pfizer, John Hancock, KLM, Sony, Toshiba, Mazda...
Presented by Agency Oasis
Slide 4
Gartner Quadrant
Leader in Gartner’s magic
quadrant in 2015 in the first
year in US
Picking up popularity rapidly in
US market.
Great to have the expertise to
target small and mid-sized
projects.
Presented by Agency Oasis
May 3, 2016
EPiServer & Sitecore comparison
Presented by Agency Oasis
EpiServer Sitecore
Friendly to users and developers Broader architecture more powerful UI
Better content/page editor experience Clever publishing and caching technique
Easy personalization & cloud offering Better deployment strategy
Distributed via nuget + Full MVC support Deeply configurable and highly extensible
Great for small/mid size websites Great for complex websites
Slide 6
EPiServer - MVC
Presented by Agency Oasis
Slide 7
Content in EPiServer
Presented by Agency Oasis
Slide 8
• Open Visual Studio - Create a new Model inheriting the correct class
• Browse to the site in edit mode
• Create a new page under About Us, selecting your new page type
• Publish and view the page
Alloy - Demo Site
Presented by Agency Oasis
May 3, 2016
What are Page Types?
Simple .NET classes (or Models) inheriting EPiServer.Core.PageData
Required to decorate with [ContentType] attribute.
On build, scans all .NET classes inheriting from the PageData class and creates
the presentation in the CMS.
Presented by Agency Oasis
May 3, 2016
Presented by Agency Oasis
May 3, 2016
Property Attributes
(decorators)
Presents data based on the
property attributes specified in
the model.
Click here to view the list of
available property attributes.
These attributes can be
extended to create custom
attributes.
Presented by Agency Oasis
Slide 12
Built-in Property Attributes
Presented by Agency Oasis
Click here to view the list of
built-in property attributes
May 3, 2016
Block Types
Similar to Page Types.
Required to decorate with the [ContentType] attribute.
Used to create reusable widgets/components/sub-layouts.
Presented by Agency Oasis
May 3, 2016
Creating Pages/Blocks
Create a Model (Page
Type or Block Types)
and Properties
Epi Auto
creates the
Page/Block
Type in the
CMS
Create
Pages/Blocks
Create Controller
and/or Views for
Pages/Blocks
Presented by Agency Oasis
Use decorators Scans all classes which
inherit PageData class
May 3, 2016
Helpful Links
http://world.episerver.com (Sign up! – it’s free)
http://www.github.com/episerver (FREE demo sites)
http://www.github.com/bvnetwork (FREE e-commerce demo site)
http://nuget.episerver.com/feed/packages.svc/ (nuget feed URL)
Documentation – http://world.episerver.com/documentation
Presented by Agency Oasis
May 3, 2016
QUESTIONS?
Please refer to the documentation 
Presented by Agency Oasis

More Related Content

Similar to Epi-Demo

Denver ACE September 2019 6Kites Confluence Presentation
Denver ACE September 2019 6Kites Confluence PresentationDenver ACE September 2019 6Kites Confluence Presentation
Denver ACE September 2019 6Kites Confluence Presentation
denveraug
 
Pg. 03Question Three Assignment 3Deadline Sunda.docx
Pg. 03Question Three Assignment 3Deadline Sunda.docxPg. 03Question Three Assignment 3Deadline Sunda.docx
Pg. 03Question Three Assignment 3Deadline Sunda.docx
JUST36
 
Pg. 03Question Three Assignment 3Deadline Sunda.docx
Pg. 03Question Three Assignment 3Deadline Sunda.docxPg. 03Question Three Assignment 3Deadline Sunda.docx
Pg. 03Question Three Assignment 3Deadline Sunda.docx
karlhennesey
 
Microsoft WebMatrix Platform Overview
Microsoft WebMatrix Platform OverviewMicrosoft WebMatrix Platform Overview
Microsoft WebMatrix Platform Overview
Spiffy
 
Oracle Endeca 101 Developer Introduction High Level Overview
Oracle Endeca 101 Developer Introduction High Level OverviewOracle Endeca 101 Developer Introduction High Level Overview
Oracle Endeca 101 Developer Introduction High Level Overview
Gordon Kiser
 
JOB PORTALProject SummaryTitle JOB-PORT.docx
JOB PORTALProject SummaryTitle    JOB-PORT.docxJOB PORTALProject SummaryTitle    JOB-PORT.docx
JOB PORTALProject SummaryTitle JOB-PORT.docx
christiandean12115
 
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docxASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
galerussel59292
 
MongoDB.local Atlanta: MongoDB Stitch Tutorial
MongoDB.local Atlanta: MongoDB Stitch TutorialMongoDB.local Atlanta: MongoDB Stitch Tutorial
MongoDB.local Atlanta: MongoDB Stitch Tutorial
MongoDB
 
Proposal this is cargo proposal designed
Proposal this is cargo proposal designedProposal this is cargo proposal designed
Proposal this is cargo proposal designed
ayazweb2
 
MongoDB.local Seattle 2019: MongoDB Stitch Tutorial
MongoDB.local Seattle 2019: MongoDB Stitch TutorialMongoDB.local Seattle 2019: MongoDB Stitch Tutorial
MongoDB.local Seattle 2019: MongoDB Stitch Tutorial
MongoDB
 
How DotNet, SharePoint, and Azure helps to build a Custom Web Application wi...
 How DotNet, SharePoint, and Azure helps to build a Custom Web Application wi... How DotNet, SharePoint, and Azure helps to build a Custom Web Application wi...
How DotNet, SharePoint, and Azure helps to build a Custom Web Application wi...
Aimore Technologies
 
Building a Simple, Responsive Website with ExpressionEngine
Building a Simple, Responsive Website with ExpressionEngineBuilding a Simple, Responsive Website with ExpressionEngine
Building a Simple, Responsive Website with ExpressionEngine
Ottergoose
 
Artlinks Website Workshop P Mc Caul
Artlinks Website Workshop P Mc CaulArtlinks Website Workshop P Mc Caul
Artlinks Website Workshop P Mc Caul
ArtLinks
 
Walkthrough asp.net
Walkthrough asp.netWalkthrough asp.net
Walkthrough asp.net
Aravindharamanan S
 
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition PerspectiveDesign Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
Inductive Automation
 
Benefits of Using ASP.NET For Web Development for Businesses In 2023
Benefits of Using ASP.NET For Web Development for Businesses In 2023Benefits of Using ASP.NET For Web Development for Businesses In 2023
Benefits of Using ASP.NET For Web Development for Businesses In 2023
CMARIX TechnoLabs
 
Adobe.com Redesign: Powered by Day CQ5
Adobe.com Redesign: Powered by Day CQ5Adobe.com Redesign: Powered by Day CQ5
Adobe.com Redesign: Powered by Day CQ5
Day Software
 
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
Std 12 Computer Chapter 3  Designing Simple Website using KompoZerStd 12 Computer Chapter 3  Designing Simple Website using KompoZer
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
Nuzhat Memon
 
Web Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website PlanningWeb Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website Planning
clement swarnappa
 
How to Build a Successful AWS Consulting Practice
How to Build a Successful AWS Consulting PracticeHow to Build a Successful AWS Consulting Practice
How to Build a Successful AWS Consulting Practice
Amazon Web Services
 

Similar to Epi-Demo (20)

Denver ACE September 2019 6Kites Confluence Presentation
Denver ACE September 2019 6Kites Confluence PresentationDenver ACE September 2019 6Kites Confluence Presentation
Denver ACE September 2019 6Kites Confluence Presentation
 
Pg. 03Question Three Assignment 3Deadline Sunda.docx
Pg. 03Question Three Assignment 3Deadline Sunda.docxPg. 03Question Three Assignment 3Deadline Sunda.docx
Pg. 03Question Three Assignment 3Deadline Sunda.docx
 
Pg. 03Question Three Assignment 3Deadline Sunda.docx
Pg. 03Question Three Assignment 3Deadline Sunda.docxPg. 03Question Three Assignment 3Deadline Sunda.docx
Pg. 03Question Three Assignment 3Deadline Sunda.docx
 
Microsoft WebMatrix Platform Overview
Microsoft WebMatrix Platform OverviewMicrosoft WebMatrix Platform Overview
Microsoft WebMatrix Platform Overview
 
Oracle Endeca 101 Developer Introduction High Level Overview
Oracle Endeca 101 Developer Introduction High Level OverviewOracle Endeca 101 Developer Introduction High Level Overview
Oracle Endeca 101 Developer Introduction High Level Overview
 
JOB PORTALProject SummaryTitle JOB-PORT.docx
JOB PORTALProject SummaryTitle    JOB-PORT.docxJOB PORTALProject SummaryTitle    JOB-PORT.docx
JOB PORTALProject SummaryTitle JOB-PORT.docx
 
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docxASSESSMENT BRIEF COURSE Bachelor of Business  Bachel.docx
ASSESSMENT BRIEF COURSE Bachelor of Business Bachel.docx
 
MongoDB.local Atlanta: MongoDB Stitch Tutorial
MongoDB.local Atlanta: MongoDB Stitch TutorialMongoDB.local Atlanta: MongoDB Stitch Tutorial
MongoDB.local Atlanta: MongoDB Stitch Tutorial
 
Proposal this is cargo proposal designed
Proposal this is cargo proposal designedProposal this is cargo proposal designed
Proposal this is cargo proposal designed
 
MongoDB.local Seattle 2019: MongoDB Stitch Tutorial
MongoDB.local Seattle 2019: MongoDB Stitch TutorialMongoDB.local Seattle 2019: MongoDB Stitch Tutorial
MongoDB.local Seattle 2019: MongoDB Stitch Tutorial
 
How DotNet, SharePoint, and Azure helps to build a Custom Web Application wi...
 How DotNet, SharePoint, and Azure helps to build a Custom Web Application wi... How DotNet, SharePoint, and Azure helps to build a Custom Web Application wi...
How DotNet, SharePoint, and Azure helps to build a Custom Web Application wi...
 
Building a Simple, Responsive Website with ExpressionEngine
Building a Simple, Responsive Website with ExpressionEngineBuilding a Simple, Responsive Website with ExpressionEngine
Building a Simple, Responsive Website with ExpressionEngine
 
Artlinks Website Workshop P Mc Caul
Artlinks Website Workshop P Mc CaulArtlinks Website Workshop P Mc Caul
Artlinks Website Workshop P Mc Caul
 
Walkthrough asp.net
Walkthrough asp.netWalkthrough asp.net
Walkthrough asp.net
 
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition PerspectiveDesign Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
Design Like a Pro: Building Mobile-Responsive HMIs in Ignition Perspective
 
Benefits of Using ASP.NET For Web Development for Businesses In 2023
Benefits of Using ASP.NET For Web Development for Businesses In 2023Benefits of Using ASP.NET For Web Development for Businesses In 2023
Benefits of Using ASP.NET For Web Development for Businesses In 2023
 
Adobe.com Redesign: Powered by Day CQ5
Adobe.com Redesign: Powered by Day CQ5Adobe.com Redesign: Powered by Day CQ5
Adobe.com Redesign: Powered by Day CQ5
 
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
Std 12 Computer Chapter 3  Designing Simple Website using KompoZerStd 12 Computer Chapter 3  Designing Simple Website using KompoZer
Std 12 Computer Chapter 3 Designing Simple Website using KompoZer
 
Web Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website PlanningWeb Concepts_Introduction to Website Planning
Web Concepts_Introduction to Website Planning
 
How to Build a Successful AWS Consulting Practice
How to Build a Successful AWS Consulting PracticeHow to Build a Successful AWS Consulting Practice
How to Build a Successful AWS Consulting Practice
 

Epi-Demo

  • 1. May 3, 2016 EPiServer Demo Aniket Gadre Presented by Agency Oasis
  • 2. May 3, 2016 Alloy Demo Site Go to Visual Studio > Extensions and Updates > Online > EpiServer Create a new project using EPiServer extension Create an local user account and add to the admin group CTRL + F5 to start the site without debugging. Presented by Agency Oasis
  • 3. May 3, 2016 EPiServer Background • One of the most comprehensive Enterprise Level CMS. • Content, Commerce and Marketing within the same platform. • One of the biggest Sitecore competitor • Swedish company, acquired Ektron in 2015 to enter US market • 8,800+ customers, 880 partners & 25,000+ developer community • Walmart, Pizza Hut, Pfizer, John Hancock, KLM, Sony, Toshiba, Mazda... Presented by Agency Oasis
  • 4. Slide 4 Gartner Quadrant Leader in Gartner’s magic quadrant in 2015 in the first year in US Picking up popularity rapidly in US market. Great to have the expertise to target small and mid-sized projects. Presented by Agency Oasis
  • 5. May 3, 2016 EPiServer & Sitecore comparison Presented by Agency Oasis EpiServer Sitecore Friendly to users and developers Broader architecture more powerful UI Better content/page editor experience Clever publishing and caching technique Easy personalization & cloud offering Better deployment strategy Distributed via nuget + Full MVC support Deeply configurable and highly extensible Great for small/mid size websites Great for complex websites
  • 6. Slide 6 EPiServer - MVC Presented by Agency Oasis
  • 7. Slide 7 Content in EPiServer Presented by Agency Oasis
  • 8. Slide 8 • Open Visual Studio - Create a new Model inheriting the correct class • Browse to the site in edit mode • Create a new page under About Us, selecting your new page type • Publish and view the page Alloy - Demo Site Presented by Agency Oasis
  • 9. May 3, 2016 What are Page Types? Simple .NET classes (or Models) inheriting EPiServer.Core.PageData Required to decorate with [ContentType] attribute. On build, scans all .NET classes inheriting from the PageData class and creates the presentation in the CMS. Presented by Agency Oasis
  • 10. May 3, 2016 Presented by Agency Oasis
  • 11. May 3, 2016 Property Attributes (decorators) Presents data based on the property attributes specified in the model. Click here to view the list of available property attributes. These attributes can be extended to create custom attributes. Presented by Agency Oasis
  • 12. Slide 12 Built-in Property Attributes Presented by Agency Oasis Click here to view the list of built-in property attributes
  • 13. May 3, 2016 Block Types Similar to Page Types. Required to decorate with the [ContentType] attribute. Used to create reusable widgets/components/sub-layouts. Presented by Agency Oasis
  • 14. May 3, 2016 Creating Pages/Blocks Create a Model (Page Type or Block Types) and Properties Epi Auto creates the Page/Block Type in the CMS Create Pages/Blocks Create Controller and/or Views for Pages/Blocks Presented by Agency Oasis Use decorators Scans all classes which inherit PageData class
  • 15. May 3, 2016 Helpful Links http://world.episerver.com (Sign up! – it’s free) http://www.github.com/episerver (FREE demo sites) http://www.github.com/bvnetwork (FREE e-commerce demo site) http://nuget.episerver.com/feed/packages.svc/ (nuget feed URL) Documentation – http://world.episerver.com/documentation Presented by Agency Oasis
  • 16. May 3, 2016 QUESTIONS? Please refer to the documentation  Presented by Agency Oasis