agile.open.connected RedTurtle Technology Micro rassegna di prodotti Stefano Marchetti San Giovanni in Persiceto 15 giugno 2012
Dec 18, 2014
agile.open.connectedRedTurtle TechnologyMicro rassegna di prodotti Stefano Marchetti
San Giovanni in Persiceto 15 giugno 2012
Stefano Marchetti
CEO - project manager
RedTurtle - Ferrara - Italy
@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
@stemrc
www.redturtle.it
@redturtle
facebook.com/redturtle