introduction to ui personalization with kentico cms 5

17
Introduction to UI Personalization Module 18 Thomas Robbins [email protected] http://devnet.kentico.com/Blogs/Thomas-R obbins.aspx Kentico_CMS trobbins

Upload: thomas-robbins

Post on 21-Jan-2015

5.358 views

Category:

Technology


4 download

DESCRIPTION

Learn the fundamentals of UI Personalization within Kentico CMS 5.

TRANSCRIPT

Page 1: Introduction To Ui Personalization with Kentico CMS 5

Introduction to UI Personalization

Module 18Thomas [email protected]://devnet.kentico.com/Blogs/Thomas-Robbins.aspx

Kentico_CMStrobbins

Page 2: Introduction To Ui Personalization with Kentico CMS 5

SESSION AGENDA

• UI Personalization Fundamentals

• System Management Options

• Creating Custom UI Elements

• Questions

Page 3: Introduction To Ui Personalization with Kentico CMS 5

UI PERSONALIZATION FUNDAMENTALS

Page 4: Introduction To Ui Personalization with Kentico CMS 5

WELCOME TO KENTICO CMS 5.0∙ On-line forms (BizForms)∙ On-line users∙ PayPal support∙ Personalized content∙ Personalized editor∙ Polls∙ Portal engine∙ Preview before publish∙ Recycle Bin∙ Report Abuse∙ Reporting∙ Re-use content on several pages∙ Roles and Users∙ RSS feeds∙ SEO∙ Scheduled Tasks∙ Spell-checker∙ Starter Sites∙ Taxonomy - Categories, Tagging∙ Time-zones support∙ UI Personalization∙ URL aliases∙ User contributions∙ User management∙ User registration and secured pages∙ Web analytics∙ Web farm support∙ Widgets∙ Windows authentication∙ Windows Live ID authentication∙ Workflow∙ WYSIWYG, browser-based editing∙ XHTML, CSS layouts, W3C WAI∙ Youtube integration

∙ 200 built-in web parts∙ Active Directory integration∙ AJAX support∙ Approving documents∙ Authorize.NET∙ Avatars∙ Bad words∙ Badges∙ Banned IP addresses∙ Blogs∙ Booking System∙ Branding∙ Complete documentation of the CMS∙ Content and object staging∙ Content locking (check-in/check-out)∙ Content Rating∙ Content/design separation∙ Controls caching∙ Custom document types∙ Custom document types with∙ Custom event handlers∙ Custom fields∙ Custom tables∙ Custom web parts in C# and VB.NET∙ Customizable Menu∙ Customizable page templates∙ Customizable permissions∙ Customizable settings∙ Deployment on shared hosting∙ Document-level permissions∙ Drag-drop development∙ Dynamic site map∙ Easy deployment

∙ E-commerce (on-line store)∙ E-mail queue∙ Event Calendar∙ Event Log∙ Export/import web sites or selected∙ Flexible content hierarchy∙ Flexible navigation∙ Forms authentication∙ Forums∙ Friendly (smart) URLs∙ Friends∙ Full source code∙ Full-text search∙ Fully customizable∙ Geo mapping (Google Maps)∙ Google sitemap∙ Groups∙ IE 6.0, IE 7.0 FireFox 1.0.5+, Mozilla

7.1+, Netscape 7.1+, Opera 7.52+ support

∙ Image gallery∙ Incremental deployment of site changes∙ installation and database∙ Integration with custom user and role

database, external authentication∙ Linked documents∙ Management and publishing of∙ Media library∙ Memory management∙ Message boards∙ Messaging∙ Multiple languages∙ Multiple sites using single code∙ Newsletters∙ Notifications

Page 5: Introduction To Ui Personalization with Kentico CMS 5

UI PERSONALIZATION FUNDAMENTALS

• Kentico CMS 5 user interface consists of Modules

• Modules contain UI Elements– Page or part of page in

CMS Desk that can be hidden from a users• Tab• Menu Item• Groups of Controls

CMS Desk Only!

Page 6: Introduction To Ui Personalization with Kentico CMS 5

RUNTIME MANAGEMENT

• UI profile defines visibility of a UI Element for a particular role• User profile defined by UI profiles of their roles• UI element visible if at least one role the user is a member makes element visible

Page 7: Introduction To Ui Personalization with Kentico CMS 5

DEMO – UI PERSONALIZATION IN ACTION

Let’s Meet Andy

Page 8: Introduction To Ui Personalization with Kentico CMS 5

ENABLING UI PERSONALIZATIONSite Manager -> Settings -> Security -> Enable UI Personalization

Page 9: Introduction To Ui Personalization with Kentico CMS 5

SYSTEM MANAGEMENT OPTIONS

Page 10: Introduction To Ui Personalization with Kentico CMS 5

WHAT CAN I CUSTOMIZE?

***UI Personalization applies to CMS Desk only***

Personalization available for UI Elements• CMS Desk main tabs• CMS Desk –> Content Tab• CMS Desk -> My desk tab• CMS Desk -> Administration tab• WYSIWYG editor• Media dialog

Page 11: Introduction To Ui Personalization with Kentico CMS 5

HOW DO I DO IT?Site Manager ->Development -> Modules

Define which UI Elements are available

Site Manager ->Administration -> UI Personalization

Set Permissions for Roles

Page 12: Introduction To Ui Personalization with Kentico CMS 5

DEMO

Content/Tools/WYSIWYG Editor

Page 13: Introduction To Ui Personalization with Kentico CMS 5

CREATING CUSTOM UI ELEMENTS

Page 14: Introduction To Ui Personalization with Kentico CMS 5

ADDING NEW UI ELEMENTS

Display Name Element name in Administration interface

Code name Web site code name

Element is custom Set value to true for custom UI elements

Caption UI Caption

Icon path Menu item icon

Page 15: Introduction To Ui Personalization with Kentico CMS 5

DEMO

Adding a New Tab to the CMS Desk

Page 16: Introduction To Ui Personalization with Kentico CMS 5

UPCOMING ACTIVITIES

Feb 9 10–11 AM PST Kentico Webinar

CMS Today – Generate Buzz, Leads and Sales from your Website using a CMS

Feb 18 10–11 AM PST Kentico WebinarTechnical Learning – Version 5.0 ‘New Features’

Feb 25 10–11 AM PST Kentico WebinarCMS Today – Knowing When You Need a CMS

March 9 10–11 AM PST Kentico WebinarCMS Today – Driving Success with Search Engine Optimizations (SEO)

March 16 10–11 AM PST Kentico WebinarTechnical Learning – Introduction to Widgets

April 12–14 Dev Connections - Las VegasMS Visual Studio Launch

April 27 Internet World 2010 - UK

Don’t forget the Kentico Developer Newsletter!

Page 17: Introduction To Ui Personalization with Kentico CMS 5

QUESTIONS

Thomas [email protected]

http://devnet.kentico.com/Blogs/Thomas-Robbins.aspx

Kentico_CMStrobbins