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 davide.guzzetti@tinext.com @ilguz

Karim Morgan CMS architect MBC.net karim.morgan@mbc.net

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 info@tinext.com www.tinext.com

Tinext Italia Srl Via Borghi 8 21013 Gallarate Italy +39 0331 667 747