al arabiya news channel: publishing articles at the speed of light

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

Keeping the news giant Al Arabiya at the forefront of breaking news

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

Davide Guzzetti, Consultant & Project Manager Tinext Date: 19.02.2014

!  About Al Arabiya news channel and AlArabiya.net

!  About Tinext

!  An overview of AlArabiya projects

!  Why Magnolia

!  Customizing Magnolia for fast article publishing

!  Editorial dashboard

!  Non-linear workflow

!  Revamping AlArabiya English

!  “The switch”

!  Key achievements

!  A few takeaways

2

Agenda

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

3

About TINEXT


Tinext combines the latest digital marketing expertise together with the deep technical understanding of a seasoned enterprise systems integrator. !  Three core practices:

!  Digital marketing (IA, UX, mobile, social)

!  Systems integration (enterprise java devs, verticalized on Magnolia)

!  Managed Cloud Services (fully managed hosted Magnolia applications) Since 2001, our teams have conceived, delivered, deployed and maintained more than 500 successful projects, with clients including Al Arabiya News Channel, Royal Caribbean International, Whirlpool Europe, City of Lausanne, Generali Group and Swiss national broadcasters RSI.

4

Who is Al Arabiya News Channel?


http://www.youtube.com/watch?v=MnwXUR4SDVo

5

Key facts about Al Arabiya and alarabiya.net


+70 mio visitors/month

x10

= 10 times the population of Switzerland

4 languages arabic, english,

urdu, farsi

4 sites, +30 sections

23 mio potential viewers

160’000 webpages

Most visited website of the middle-east

+200 articles

published every day

40 editors

publishing 24/7

traffic peaks of

20’000

visitors per sec

2 channels all-news 24/7

6

AlArabiya projects at a glance


CMS REPLACEMENT ARABIC REVAMP

ENGLISH REVAMP

ONGOING MAINTENANCE

June 2012 March 2013 September 2013 November 2013 today

!  CMS Replacement

!  From a custom proprietary CMS to a bespoke Magnolia CMS implementation

!  AlArabiya English website revamp

!  New front-end (responsive layout) + additional features

!  AlArabiya Arabic website revamp

!  New front-end (responsive layout) + additional features

!  Ongoing maintenance

!  Fixing, new features, architectural changes

7

Al Arabiya Projects at a glance /2


MAGNOLIA CMS

!  From a custom proprietary CMS to a bespoke Magnolia CMS implementation

8

CMS replacement


Nuxeo DAM

CDN

Limelight video

repository

Reuters feed

Feeds for

MOBILE APPS

Newsletter iContact

SOLR search

TWC feeds

Live streaming

Legacy TV

systems

SOLR search

News letter

SOCIAL

!  Responsive HTML

!  New features and integrations, e.g. Video on Demand (VoD) section

9

Front-end revamping


10

The need


cope with high traffic loads

fast article publishing

easiness of integrations

security against hackers’ attacks

11

Advantages of Magnolia CMS






scalability of the system

open source, easy to customize

seamless integration with

external systems and feeds

separation between author/public

12

Most challenging requirement






!  Articles to be entered in the system and published as fast as possible

!  Journalists, not webmasters

!  Different newsrooms and different roles within newsrooms

!  Huge amount of multimedia content (coming from the TV)

13

Challenges


14

How long are 3 minutes? The time for a coffee…


…the Italian coffee

15

What happens in 3 minutes


NEWS ARRIVES

VIDEO/ IMAGES ADDED

NEWS IS EDITED

TEXT IS REVIEWED

NEWS ONLINE

NEWS UPDATED

OK FOR PUBLISHING

NEWS ASSIGNED

TO SECTIONS

3 minutes

16

“We see hope everywhere”


1.  Different work environments (repositories)

2.  In-line editing

3.  Hierarchical structure of content

4.  Linear workflow

17

Quick article creation: areas of improvement


18

Three different repositories


DMS (assets)

INBOX (publication)

WEBSITE (content)

19

Everything in one place: the editorial dashboard


WEBSITE (content) DMS (assets) INBOX (publication)

20

Direct upload to DMS


Add files to the DMS by drag-and-drop Also supported while uploading:

Multilingual metadata Manual cropping/resizing adjustments

21

Quick article creation: areas of improvement


Single-step activation. Can occur:

!  From the editorial dashboard !  From the article’s page (custom toolbar in the in-line editing view)

One-click publication

26

Non-linear collaboration


!

Workflow status per each role

Users are notified at each step

!  Change in the presentation logic and business logic

!  Responsive HTML

!  New features and integrations, e.g. Video on Demand (VoD) section

!  Switch to be done while live

!  Redirection of traffic on another server not possible (core shared features with other

sites and article entry process)

!  No side-effects on the Arabic (most trafficked) website

27

Al Arabiya English Revamp: Challenges


!  The “switch” is a feature allowing to switch from a set of templates, components and

configurations to another one

!  Every site can define its own template file (and other settings) by simply adding a

suffix (e.g. “_en”) to a supported node or property

!  This is done with a runtime override of Magnolia component definition, done with

paragraphs and templates renderers.

!  This feature can be enabled/disabled by setting a configuration property as true/false

28

“The Switch”


!  Every site can

define its own

template file

(and other

settings) by

simply adding a

suffix (e.g.

“_en”) to a

supported node

or property

29

“The Switch”: how it works


!  This is done with a runtime override of Magnolia component definition, done with

paragraphs and templates renderers.

30

“The Switch”: how it works /2


!AARenderableDefinitionFactory.transformTemplateDefinition(definition, STKUtil.getSite().getTemplates().getPrototype(), content);!

!  The new set of templates/components/configuration can be enabled/disabled by

setting a configuration property as true/false

!  This is done at runtime with no need to stop the machines

31

“The Switch”: how it works /3


CONFIG/modules/aa-templating/config/siteBasedTemplating!

!  Live DEMO on CMS stage Alrabiya

32

“The Switch” in action


!  Immediate rollback in case of problems (5 seconds + cache)

!  No need to stop the machines, nothing to be deployed

!  No need for dual-entry

!  Author instance used for previewing new layout and features, while Public instances

still presenting old layout

!  No impacts on other websites

33

Benefits of this approach


34

Credits


Senior Software Engineer Matteo Pelucco Technical lead of Alarabiya Project [email protected]

35

Key achievements


articles are created in

<3 min with the previous

system where required 10-15 minutes

an article require

1 min to be live

only

2 steps for creating and

publishing a news

sections are created in

<20 min previously

was required 1 day

project completed in

11 months

English revamp completed in

3 months

change requests

10% of the overall project

+

2 public + 1 author

2 external repositories

(video / images)

100% CMS uptime

load time

3x faster

36

Live traffic at the time of going live (lowest peak 3.3 K)


37

A few takeaways


There is no perfect product for you. Customizations are always needed. Being an open source, Magnolia is easy to be tailored to suite specific needs of your business. Select a partner with experience in customizing the product. Have a best-of-breed approach: take the best CMS (Magnolia) and then integrate it with the best products in their specific area (DAM, CRM, analytics, e-shop…)

38

Feel free to take one!


39

Thank you for your attention


Davide Guzzetti Project Manager Tinext sa [email protected] @ilguz

Digital marketing | Systems integration | Managed Cloud Services www.tinext.com

al arabiya news channel: publishing articles at the speed of light

Technology

magnolia international

customizing magnolia

registered trademark

tinext version

minutes version

cms replacement version

glance version

coffee version