In questa presentazione si illustrano 3 soluzioni per la gestione di contenuti multimediali, modulistica online e SEO (Search Engine Optimization).

1. San G
iovan
Persi ni in
15 gi ceto
ugno
2012
RedTurtle Technology agile.open.connected
Micro rassegna di prodotti Stefano Marchetti

2. Stefano Marchetti
CEO - project manager
RedTurtle - Ferrara - Italy
stefano@redturtle.it
@stemrc
www.redturtle.it
@redturtle
facebook.com/redturtle
Stefano Marchetti

3. Di cosa parliamo
http://www.flickr.com/photos/shovellingson/6800803601/
http://www.flickr.com/photos/shovellingson/6800803601
➡ Contenuti multimediali
➡ Search Engine Optimization
(SEO)
➡ Gestione modulistica
Stefano Marchetti

4. Multimedia:
redturtle.video
http://www.flickr.com/photos/shovellingson/6800803601/
http://www.flickr.com/photos/shovellingson/6800803601
➡ 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.
Stefano Marchetti

5. Metadata
http://www.flickr.com/photos/shovellingson/6800803601/
http://www.flickr.com/photos/shovellingson/6800803601
➡ 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)
Stefano Marchetti

6. Internal video
http://www.flickr.com/photos/shovellingson/6800803601/
http://www.flickr.com/photos/shovellingson/6800803601
➡ 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.
Stefano Marchetti

7. Compatibility
http://www.flickr.com/photos/shovellingson/6800803601/
http://www.flickr.com/photos/shovellingson/6800803601
➡ 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
Stefano Marchetti
http://www.flickr.com/photos/philbradley/4506034887

8. External video
http://www.flickr.com/photos/shovellingson/6800803601/
http://www.flickr.com/photos/shovellingson/6800803601
➡ 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/)
Stefano Marchetti

9. Portlet
http://www.flickr.com/photos/shovellingson/6800803601/
http://www.flickr.com/photos/shovellingson/6800803601
➡ 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.
Stefano Marchetti

10. Stefano Marchetti
➡ Unificare i 2 AT
➡ Altri player (JWPlayer)
Sviluppi futuri
➡ Supporto a nuovo MultiplER
http://www.flickr.com/photos/shovellingson/6800803601/
http://www.flickr.com/photos/little_black_cherry/5322589880

11. Perseo
http://www.flickr.com/photos/andy_bcn/7087493245/
➡ collective.perseo è un
pacchetto per la Search
Engine Optimization
➡ Prende spunto da alcune
funzionalità del pacchetto
quintagroup.seoptimaizer
Stefano Marchetti

12. 2 tipi di
configurazione
http://www.flickr.com/photos/joeshlabotnik/6923659470/
➡ Offre una gestione delle
funzionalità SEO a due livelli:
‣ Globale
‣ One-by-one
Stefano Marchetti

13. 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

14. Globale: WebMaster
Tools
➡ Google ID
VXSnOk_1SXTi0hRRpQBTpbic8btA_j9uafpHjfXTMDk
‣ HTML prodotto
<meta name="google-site-verification"
content="VXSnOk_1SXTi0hRRpQBTpbic8btA_j9uafpHjfX
TMDk" />
➡ Tracking code (Analytics & C.)
Stefano Marchetti

15. 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

16. Globale
➡ E’ possibile disabilitare
l’indicizzazione usando
noindex e nofollow
➡ Nell’intero sito
‣ Noodp
‣ Noydir
‣ Noarchive
‣ Nosnippet
<meta name="robots" content="noodp" >
Stefano Marchetti

17. 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

18. 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

19. One-by-one (2/2)
➡ Le configurazioni SEO
sul singolo contenuto
vanno a sostituire la
configurazione globale
Stefano Marchetti

20. 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

21. 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

22. Modulistica
http://www.flickr.com/photos/9731367@N02/6988157282
➡ 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
Stefano Marchetti

23. Modulistica: workflow
http://www.flickr.com/photos/luismi_cavalle/548465187/
➡ 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
Stefano Marchetti

24. L’idea
http://www.flickr.com/photos/poportis/2205088894/
➡ 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
Stefano Marchetti

25. 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

26. 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

27. 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

28. Varianti del tema
http://www.flickr.com/photos/dunechaser/4395780325
➡ 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
Stefano Marchetti

29. 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.
Stefano Marchetti

30. Grazie. Thank you.

31. Questions ?
Stefano Marchetti
RedTurtle’s co-founder e PM
stefano@redturtle.it
@stemrc
www.redturtle.it
@redturtle
facebook.com/redturtle