This presentation was given at Amplify Miami 2014 by Davide Guzzetti, Consultant and Web Project Manager at Tinext.
With 70 million users per month and peaks of 20,000 visitors per second, AlArabiya.net is the most accessed news source of the Middle East.
This presentation describes how Tinext’s implementation of Magnolia CMS helped the 24/7 active, 180-people of Al Arabiya’s editorial team to smoothly write and publish their articles on the news portal. Moreover, some custom features - dashboards, personalisation of page editor, and advanced workflow - are presented so to demonstrate how Tinext could meet the tough requirement of entering an article in the system and having it published in less than 3 minutes.
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Al Arabiya News Channel: Publishing Articles At The Speed of Light
1. DD.MM.YYYY at Venue/CustomerFirst 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
2. ! 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. 3
About TINEXT
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
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. 4
Who is Al Arabiya News Channel?
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
http://www.youtube.com/watch?v=MnwXUR4SDVo
5. 5
Key facts about Al Arabiya and alarabiya.net
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
+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. 6
AlArabiya projects at a glance
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
CMS REPLACEMENT
ARABIC REVAMP
ENGLISH REVAMP
ONGOING MAINTENANCE
June 2012 March 2013 September 2013 November 2013 today
7. ! 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
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
8. MAGNOLIA CMS
! From a custom proprietary CMS to a bespoke Magnolia CMS implementation
8
CMS replacement
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
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
9. ! Responsive HTML
! New features and integrations, e.g. Video on Demand (VoD) section
9
Front-end revamping
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
10. 10
The need
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
cope with high
traffic loads
fast article
publishing
easiness of
integrations
security against
hackers’ attacks
11. 11
Advantages of Magnolia CMS
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
cope with high
traffic loads
fast article
publishing
easiness of
integrations
security against
hackers’ attacks
scalability of
the system
open source, easy to
customize
seamless
integration with
external systems
and feeds
separation between
author/public
12. 12
Most challenging requirement
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
cope with high
traffic loads
fast article
publishing
easiness of
integrations
security against
hackers’ attacks
13. ! 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
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
14. 14
How long are 3 minutes? The time for a coffee…
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
…the Italian coffee
15. 15
What happens in 3 minutes
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
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. 16
“We see hope everywhere”
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
17. 1. Different work environments (repositories)
2. In-line editing
3. Hierarchical structure of content
4. Linear workflow
17
Quick article creation: areas of improvement
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
18. 18
Three different repositories
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
DMS (assets)
INBOX (publication)
WEBSITE (content)
19. 19
Everything in one place: the editorial dashboard
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
WEBSITE (content) DMS (assets)
INBOX (publication)
20. 20
Direct upload to DMS
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
Add files to the DMS by drag-and-drop
Also supported while uploading:
Multilingual metadata Manual cropping/resizing adjustments
21. 21
Quick article creation: areas of improvement
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
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
22. 26
Non-linear collaboration
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
!
Workflow status
per each role
Users are notified
at each step
23. ! 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
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
24. ! 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”
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
25. ! 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
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
26. ! This is done with a runtime override of Magnolia component definition, done with
paragraphs and templates renderers.
30
“The Switch”: how it works /2
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
!
AARenderableDefinitionFactory.transformTemplateDefinition(d
efinition, STKUtil.getSite().getTemplates().getPrototype(),
content);!
27. ! 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
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
CONFIG/modules/aa-templating/config/siteBasedTemplating!
28. ! Live DEMO on CMS stage Alrabiya
32
“The Switch” in action
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
29. ! 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
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
30. 34
Credits
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
Senior Software Engineer Matteo Pelucco
Technical lead of Alarabiya Project
matteo.pelucco@tinext.com
31. 35
Key achievements
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
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
32. 36
Live traffic at the time of going live (lowest peak 3.3 K)
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
33. 37
A few takeaways
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
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…)
34. 38
Feel free to take one!
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
35. 39
Thank you for your attention
Version 1.1 Magnolia is a registered trademark owned by Magnolia International Ltd.
Davide Guzzetti
Project Manager
Tinext sa
davide.guzzetti@tinext.com
@ilguz
Digital marketing | Systems integration | Managed Cloud Services
www.tinext.com