bringing flexibility to a web portal using magnolia

DD.MM.YYYY at Venue/Customer First Last, Role

Bringing Flexibility to Web Portal Using Magnolia

1 Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.

Kunal Shah , Lakshmikala Lingamaneni Date: 02.20.2014

§  About FRN and Excentus

§  Integrating Blossom With Magnolia Pages

§  Partial Page Rendering

§  On The Fly Changes To Web Portal Without Deployment

§  Achieve Case Insensitive Page Names Using Magnolia Filter Chain

§  REST Services

§  Propagating Avatars Across Public Boxes Using Observation Module

§  Authentication and Authorization Using Workflow

2

Topics

Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.

§  Excentus Corporation is the leading provider of loyalty marketing programs that utilize cents-per-gallon fuel savings as the ultimate consumer reward

§  The Fuel Rewards Network™ program is our free, nationwide consumer loyalty program�that allows members to earn�Fuel Rewards® savings for everyday purchases so they never have to pay full price for fuel

§  Members can earn rewards by shopping at participating grocery stores, dining out at thousands of restaurants nationwide, shopping online at over 700 brand name merchants, using a MasterCard and various other ways

§  Members can redeem Fuel Rewards savings at over 10,000 Shell fuel stations across the country

§  We have a Consumer Portal where members can register for free, link/order loyalty cards, see transactions, shop online, view offers, find locations §  We used Magnolia to design our Consumer Portal 3

Who We Are and What We Do


§  https://www.youtube.com/watch?v=GSvWXBd0HqQ

4

Lets watch a Quick Introduction Video



§  Integrating Blossom with Magnolia Pages


§  On the Fly Changes to Web Portal without Deployment


§  REST Services



5

Topics


§  Templates for Different Layouts

§  Reusing Components across Templates & Pages

§  Serving Different Content on Same Page Based on User State

§  Replacing Actual Dynamic Component with Static Html

§  Component Dialogs and Advantages

6

Integrating Blossom with Pages & Components


7

Templates for Different Layouts



Reusing Components


Serving Different Content on Same Page Based on User State [Logged In / Logged Out]


Replacing Actual Dynamic Component with Static HTML

11

Component Dialogs and Advantages







§  REST Services



12

Topics


13

Partial Page Rendering


§  Issues §  Multi form submits §  Submitting content from Pop Up

§  Solutions §  Using Servlet §  Using Blossom Controller

§  Servlet class §  Mapping in CMS §  AJAX Call §  Disadvantage of Servlet

§  Xml Export §  Spring Validations

14

PPR Using Servlet


§  Configuration Changes §  Dispatcher servlet(dispatcher-servlet.xml) §  Web.xml §  Bypass in repository

15

PPR Using Controller


§  Web.xml

16

Configuration Changes


§  Dispatcher-servlet.xml

§  Bypass

§  JSP §  Controller

17

PPR Example Using Controller







§  REST Services



18

Topics


§  “Look & Feel” And “SEO” Changes using page properties

§  Use of Data Modules

§  Data modules for dynamic configuration changes

§  Data modules for dynamic content changes

§  Java implementation of page property and Data module

19

On the Fly Changes to Web Portal without Deployment


20

“Look & Feel” and “SEO” Changes


§  Marketing CSS allows changes to look and feel on the fly

§  Meta Keyword

§  Meta Description

§  Third Party Tracking

§  For Configuration Changes

•  Website Profile •  Website Settings •  Participant node

§  For Content Changes

•  Temp Password email •  Terms & Cond.

21

Configuration & Content Changes Using Data Module


22

Java Implementation of Page Property and Data Module







§  REST Services



23

Topics


24

Use of Custom Filters for Case Insensitive Page Names


§  Custom Virtual Uri filter allow us to achieve business need of having page names case insensitive

§  As all request pass through such filter we were able to prevent Cross site scripting attacks using this filter

25

Leveraging Custom Filter to Prevent XSS Attack





§  On The Fly Changes to Web Portal Without Deployment


§  REST Services



26

Topics


§  Issue : No Magnolia Context Available

§  Configuration changes §  Web.xml §  Custom filter class §  bypass

27

REST Services


§  Filter Configuration

§  Bypass Config

28

Web.xml Configuration Changes


§  Custom Filter Class

§  Servlet configuration

29

Configuration Changes







§  REST Services



30

Topics


§  Public Box Configuration & Subscription

§  Author Box Subscription

31

Using Observation Module to Resolve Image Propagation Problem


32

Observation Module [Public Box Configuration & Subscription]


33

Observation Module [Author Box Subscription]







§  REST Services



34

Topics


§  Two Activation flows •  Marketing Dept. •  Technical Dept.

§  Marketing Dept. has two level hierarchy Editor à Publisher §  Technical Dept. Has three level of hierarchy Editor à

Reviewer à Publisher

35

Bringing Authentication and Authorization to Magnolia Changes Through WorkFlow


36

Work Flow xml Script


37

Workflow Configuration


§  Website Tree Configuration

§  DataTree Configuration

38

Workflow Configuration



Questions ??

Join Today!

1.  Join for free at www.fuelrewards.com using these FRN cards with 15 cents/gal reward balance 2. Shop and earn rewards – they’ll add up fast, and there’s no limit on how much you can earn and redeem 3. Redeem your rewards at Shell – you’ll save every time you fill up

bringing flexibility to a web portal using magnolia

Technology