Al Arabiya News Channel - Publishing articles at the speed of light with Magnolia CMS
-
Upload
tinext-sa -
Category
Technology
-
view
1.012 -
download
2
description
Transcript of Al Arabiya News Channel - Publishing articles at the speed of light with Magnolia CMS
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
and
AlArabiya.net case
Publishing articles at the speed of light with Magnolia CMS
Davide Guzzetti, Project Manager - Tinext Karim Morgan, MBC Group
Magnolia Conference, Basel 18.09.2013
2
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Agenda
About Al Arabiya news channel and Al Arabiya.net
Rationale for the project
Why Magnolia
Focus on fast article publishing
Separate repositories vs custom dashboard
In-line editing vs guided steps
Hierarchy of content vs multiple sections
Linear vs complex workflow
Key achievements
A few takeaways
3
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Who is Al Arabiya news channel?
http://www.youtube.com/watch?v=MnwXUR4SDVo
4
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Key facts about Al Arabiya
+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
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
5
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
A change done under the hood
AFTER
Magnolia CMS and multiple integrations with external systems integrations
BEFORE
Proprietary CMS and DB repositories
proprietary and custom made, legacy systems
Other products or legacy systems
same layout, different CMS
6
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
The need
cope with high traffic loads
fast article publishing
easiness of integrations
security against hackers’ attacks
7
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
The advantages of Magnolia
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
8
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Focus of this presentation: fast article publishing
high traffic loads fast article publishing
easiness of integrations
security against hackers’ attacks
9
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Challenges
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)
10
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
How long are 3 minutes? The time for a coffee…
…the Italian coffee
11
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
In 3 minutes many things have to happen…
NEWS ARRIVES
VIDEO/ IMAGES ADDED
NEWS IS EDITED
TEXT IS REVIEWED
NEWS ONLINE
NEWS UPDATED
OK FOR PUBLISHING
NEWS ASSIGNED
TO SECTIONS
3 minutes
12
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
“We see hope everywhere”
13
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Quick article creation: areas of improvement
1. Different work environments (repositories)
2. In-line editing
3. Hierarchical structure of content
4. Linear workflow
14
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Three different repositories: WEBSITE, DMS, INBOX
DMS (assets)
INBOX (publication)©
WEBSITE (content)
15
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Everything in one place: editorial dashboard WEBSITE (content) DMS (assets)
INBOX (publication)
16
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Everything in one place: direct upload to DMS
Add files to the DMS by drag-and-drop
Also supported while uploading:
Multilingual metadata Manual cropping/resizing adjustments
17
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Everything in one place: direct publication
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
18
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
When in-line editing is a problem
In-line editing entails a non-linear way of working (dispersive, not efficient)
Multiple pop-up windows
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
19
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
The solution: a semi-guided process in two steps
FORM a form assures that all the required information are entered in a structured way
IN-LINE ENHANCEMENTS personalization and content enhancements are added via in-line editing
1 2
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
20
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Articles in multiple section: a problem with content hierarchy
The business requires that the same article can appear in more than one section (e.g. business and technology)
Magnolia organizes content hierarchically BUT
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
21
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Content is rendered in different sections
Users can decide where to position articles without knowing about Magnolia website repositories
Articles are still stored hierarchically by date under a single node
Context is inherited according to the section
Extensive usage of canonical URLs
22
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Non-linear collaboration
!
Workflow status per each role
Users are notified at each step
23
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
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
change requests
10% of the overall project
+
2 public + 1 author
2 external repositories
(video / images)
100% CMS uptime
load time
3x
faster
24
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Live traffic at the time of switch (lowest peak, 3.3K)
25
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
After the hard work… some rest
26
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
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…)
27
Per inserire una nuova slide:
1. Cliccare sul bottone sotto al box Nuova diapositiva
2. Seleziona il layout appropriato dalla galleria
3. I box di inserimento sono già preformattati
Utilizzo delle icone Ci sono a disposizione un numero finito di icone utilizzabili a piacimento all’interno delle slides Alcune istruzioni sull’utilizzo sono posizionate nell’ultima slide che risulta nascosta quindi non visibile durante la presentazione
Premi Alt+F9 per visualizzare la griglia e i margini raccomandati
Le tabelle sono interamente preformattate. Una volta create è possibile ridimensionarle e spostarle a piacimento. Modificare l’aspetto nella casella Opzioni stile tabella dopo aver cliccato su Strumenti tabella.
Thanks for your attention
Davide Guzzetti Project Manager Tinext sa [email protected] @ilguz
Karim Morgan CMS architect MBC.net [email protected]
Download this presentation at tinext.com/mconf
Thank you for your attention.
Tinext SA Strada Regina 42 6943 Bioggio Switzerland +41 91 612 22 66 [email protected] www.tinext.com
Tinext Italia Srl Via Borghi 8 21013 Gallarate Italy +39 0331 667 747