PloneGov Day 2012 - multimedia, modulistica, SEO
1 like438 views
Il documento presenta diverse funzionalità sviluppate da Redturtle per migliorare l'interazione multimediale e SEO all'interno del sistema Plone. Vengono descritti strumenti per la gestione di video attraverso collective.flowplayer, oltre a un pacchetto chiamato collective.perseo per l'ottimizzazione dei motori di ricerca. Inoltre, il documento illustra un approccio per la creazione e gestione di moduli online con un workflow di approvazione, facilitando le richieste degli utenti.
PloneGov Day 2012 - multimedia, modulistica, SEO
- 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. ’i 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
- 31. Questions ? Stefano Marchetti RedTurtle’s co-founder e PM stefano@redturtle.it @stemrc www.redturtle.it @redturtle facebook.com/redturtle