agile.open.connectedRedTurtle TechnologyMicro rassegna di prodotti Stefano Marchetti

San Giovanni in Persiceto 15 giugno 2012

Stefano Marchetti

CEO - project manager

RedTurtle - Ferrara - Italy

stefano@redturtle.it

@stemrc

www.redturtle.it

@redturtle

facebook.com/redturtle

Stefano Marchetti

Stefano Marchetti

Di cosa parliamo

➡ Contenuti multimediali

➡ Search Engine Optimization (SEO)

➡ Gestione modulistica

http

://w

ww

.flic

kr.c

om/p

hoto

s/sh

ovel

lings

on/6

8008

0360

1/ht

tp:/

/ww

w.fl

ickr

.com

/pho

tos/

shov

ellin

gson

/680

0803

601

Stefano Marchetti

Multimedia: redturtle.video

➡ A simple video support for Plone, mainly based on collective.flowplayer

➡ Two new types:

‣ Video file for providing a video content directly from a video file compatible with flowplayer formats. In the video view you can copy/paste the video embedding code, for seeing this video in other sites.

‣ Video link for a remote video resource

➡ FP can play .flv Flash Video files, mp4 files or links as well as .mp3 files or links.

http

://w

ww

.flic

kr.c

om/p

hoto

s/sh

ovel

lings

on/6

8008

0360

1/ht

tp:/

/ww

w.fl

ickr

.com

/pho

tos/

shov

ellin

gson

/680

0803

601

Stefano Marchetti

Metadata

➡ Also you can insert the year of the video and the duration.

➡ A "Look" section will also give you fields for:

‣ add an optional image field, for the video screenshot/splashscreen data

‣ video display size (width x height)

http

://w

ww

.flic

kr.c

om/p

hoto

s/sh

ovel

lings

on/6

8008

0360

1/ht

tp:/

/ww

w.fl

ickr

.com

/pho

tos/

shov

ellin

gson

/680

0803

601

Stefano Marchetti

Internal video

➡ Add to your site a new "Video file", then provide a video format compatible with Flowplayer.

➡ When you save it RedTurtle Video try to take from the video source some metadata like the duration and video size (width and height).

➡ Later you can modify those values manually.

http

://w

ww

.flic

kr.c

om/p

hoto

s/sh

ovel

lings

on/6

8008

0360

1/ht

tp:/

/ww

w.fl

ickr

.com

/pho

tos/

shov

ellin

gson

/680

0803

601

Stefano Marchetti

Compatibility

➡ Using collective.flowplayer you have no compatiblity with iPhone/iPad/iWhatever devices as far as they don't support Flash technology.

➡ Using RedTurtle Video and providing:

‣ a splash screen image

‣ a compatible video format like mp4

➡ ...you will be able to use also those kind of devices

http

://w

ww

.flic

kr.c

om/p

hoto

s/sh

ovel

lings

on/6

8008

0360

1/ht

tp:/

/ww

w.fl

ickr

.com

/pho

tos/

shov

ellin

gson

/680

0803

601

http://www.flickr.com/photos/philbradley/4506034887

Stefano Marchetti

External video

➡ Always wrapping collective.flowplayer features, you can provide a special kind of link that point to a compatible format resource.

➡ The link can be to a remote site that host flv of other compatible types, or a link to an "Video file" in the same Plone site.

➡ YouTube (http://www.youtube.com/) - using collective.rtvideo.youtube

➡ Vimeo (http://www.vimeo.com/) - using collective.rtvideo.vimeo

➡ Metacafe (http://www.metacafe.com/) - using collective.rtvideo.metacafe

➡ LepidaTv (http://www.lepida.tv/)

➡ Mediacore (http://mediacore.com/)

http

://w

ww

.flic

kr.c

om/p

hoto

s/sh

ovel

lings

on/6

8008

0360

1/ht

tp:/

/ww

w.fl

ickr

.com

/pho

tos/

shov

ellin

gson

/680

0803

601

Stefano Marchetti

Portlet

➡ Also this will give you a new "Video gallery" portlet, similar to the ones you'll get with collective.flowplayer ("Video player").

➡ This portlet will show links to a configurable set of videos, displaying in the portlet the splash image.

http

://w

ww

.flic

kr.c

om/p

hoto

s/sh

ovel

lings

on/6

8008

0360

1/ht

tp:/

/ww

w.fl

ickr

.com

/pho

tos/

shov

ellin

gson

/680

0803

601

Stefano Marchetti

Sviluppi futuri

➡ Altri player (JWPlayer)

➡ Unificare i 2 AT

➡ Supporto a nuovo MultiplER

http

://w

ww

.flic

kr.c

om/p

hoto

s/sh

ovel

lings

on/6

8008

0360

1/ht

tp:/

/ww

w.fl

ickr

.com

/pho

tos/

little

_bla

ck_c

herr

y/53

2258

9880

Stefano Marchetti

Perseo

➡ collective.perseo è un pacchetto per la Search Engine Optimization

➡ Prende spunto da alcune funzionalità del pacchetto quintagroup.seoptimaizer

http

://w

ww

.flic

kr.c

om/p

hoto

s/an

dy_b

cn/7

0874

9324

5/

Stefano Marchetti

2 tipi di configurazione

➡ Offre una gestione delle funzionalità SEO a due livelli:

‣ Globale

‣ One-by-one

http

://w

ww

.flic

kr.c

om/p

hoto

s/jo

eshl

abot

nik/

6923

6594

70/

Stefano Marchetti

Globale

➡ PerSEO si imposta pannello di controllo Plone

➡ Le configurazioni sono applicate ad ogni pagina del sito

➡ Per certi tipi di funzionalità SEO offerta c'è la possibilità di configurare un valore diverso a seconda del tipo di contenuto o pagina

Stefano Marchetti

Globale: WebMaster Tools

➡ Google IDVXSnOk_1SXTi0hRRpQBTpbic8btA_j9uafpHjfXTMDk

‣ HTML prodotto<meta name="google-site-verification" content="VXSnOk_1SXTi0hRRpQBTpbic8btA_j9uafpHjfXTMDk" />

➡ Tracking code (Analytics & C.)

Stefano Marchetti

Globale

➡ Impostare valori per i meta tag:

‣ title, description, keywords

➡ Separatamente per

‣ Home page

‣ Single page

‣ Search page, Not Found page

‣ Author page, Site Map page, Contact page

‣ Event, File, Folder, Image, Link, News e Topic

Stefano Marchetti

Globale

➡ E’ possibile disabilitare l’indicizzazione usando noindex e nofollow

➡ Nell’intero sito

‣ Noodp

‣ Noydir

‣ Noarchive

‣ Nosnippet

<meta name="robots" content="noodp" >

Stefano Marchetti

Globale: Site Map

➡Si imposta quale contenuto viene incluso nella Sitemap XML

➡Si imposta se dare un ping ai motori di ricerca per quando la mappa è aggiornata

Stefano Marchetti

One-by-one (1/2)

➡ Attraverso il “SEO” tab su uno specifico contenuto del sito

➡ Le configurazioni SEO sul singolo contenuto vanno a sostituire la configurazione globale

Stefano Marchetti

One-by-one (2/2)

➡Le configurazioni SEO sul singolo contenuto vanno a sostituire la configurazione globale

Stefano Marchetti

Futuro: schema.org

➡ <h1>Avatar</h1>

‣ Il film 3D o un tipo di immagine di un profilo?

‣ Come lo spieghiamo ad un motore di ricerca?

➡ Si usa il vocabolario schema.org e i micro-formati per aggiungere informazione all’HTML

➡ <div itemscope itemtype="http://schema.org/Movie">

Stefano Marchetti

Futuro: schema.org

➡ Personalizza, secondo schema.org:

‣ main_template

‣ plone.path_bar

‣ plone.global_sections,

‣ plone.header viewlets

<div id="portal-breadcrumbs" itemprop="breadcrumb"

Stefano Marchetti

Modulistica

➡ Caso d’uso:

‣ possibilità di creare dei form/moduli web

‣ moduli compilati diventano contenuto

‣ contenuto stampabile/modificabile

‣ workflow di gestione del modulo per accettare/rifiutare la richiesta/modulo ht

tp:/

/ww

w.fl

ickr

.com

/pho

tos/

9731

367@

N02

/698

8157

282

Stefano Marchetti

Modulistica: workflow

➡ Ci sono 3 figure coinvolte (A, B, C):

‣ il richiedente, utente A (richiede l’attivazione della rete al neo-assunto, richiesta ferie, ecc.)

‣ B è il suo responsabile

‣ C è il tecnico/operatore che deve fare l’operazione

http

://w

ww

.flic

kr.c

om/p

hoto

s/lu

ism

i_ca

valle

/548

4651

87/

Stefano Marchetti

L’idea

➡ Usare PloneFormGen per la generazione del form

➡ PFG quando salva il contenuto produce un oggetto simile ad una pagina*

➡ Il contenuto prodotto ha un determinato layout

➡ Il contenuto prodotto/richiesta ha un certo workflow

* C’e’ un AT ad hoc

http

://w

ww

.flic

kr.c

om/p

hoto

s/po

port

is/2

2050

8889

4/

Stefano Marchetti

Configurare PFG

➡ Con PFG si crea il modulo

{{

➡ Nel modulo PFG si dice di usare Adattatore Modulistica Online(auslfe.formonline.pfgadapter)

➡ In questo modo quando si preme il tasto di Conferma, PFG crea il contenuto

Stefano Marchetti

Il trucco

➡ auslfe.formonline.pfgadapter

➡ Si configura per impostare:

‣ la cartella dove memorizzare i contenuti compilati

‣ il tipo di contenuto da generare

‣ il prologo del contenuto generato

‣ il nome del campo mail del modulo di PFG del responsabile (utente B) che deve autorizzare la richiesta

Stefano Marchetti

Riassumendo

➡ Il richiedente compila il modulo (A)

➡ La mail arriva al destinatario indicato nel campo mail configurato in precedenza (B)

➡ E’ lui che decide se approvare oppure no

➡ I reviewer dei contenuti sono i reviewer della cartella che contiene i moduli (C)

Stefano Marchetti

Varianti del tema

➡ L’utente richiedente (A) non è utente Plone del sistema

oppure

➡ L’utente che deve autorizzare (B) non è utente Plone del sistema

➡ la mail che riceve l’utente ha un token temporaneo che dà poteri di reviewer all’utente temporaneo

http://pypi.python.org/pypi/auslfe.formonline.tokenaccess

http

://w

ww

.flic

kr.c

om/p

hoto

s/du

nech

aser

/439

5780

325

Stefano Marchetti

Varianti del tema

➡ In più c’è:

‣ Responsabile (B) deve essere un utente del sito

‣ Nome del campo che contiene l’email del mittente (A). Nel caso in cui A non è un utente del sito.

Grazie. Thank you.

Questions ?Stefano MarchettiRedTurtle’s co-founder e PM

stefano@redturtle.it

@stemrc

www.redturtle.it

@redturtle

facebook.com/redturtle