San G                               iovan                           Persi     ni in                       15 gi     ceto  ...
Stefano Marchetti                     CEO - project manager                     RedTurtle - Ferrara - Italy               ...
Di cosa parliamo                               http://www.flickr.com/photos/shovellingson/6800803601/                      ...
Multimedia:redturtle.video                                                       http://www.flickr.com/photos/shovellingson...
Metadata                                    http://www.flickr.com/photos/shovellingson/6800803601/                         ...
Internal video                                     http://www.flickr.com/photos/shovellingson/6800803601/                  ...
Compatibility                                                                                     http://www.flickr.com/pho...
External video                                                http://www.flickr.com/photos/shovellingson/6800803601/       ...
Portlet                                                 http://www.flickr.com/photos/shovellingson/6800803601/             ...
Stefano Marchetti                                                                                       ➡ Unificare i 2 AT ...
Perseo                               http://www.flickr.com/photos/andy_bcn/7087493245/➡ collective.perseo è un  pacchetto p...
2 tipi diconfigurazione                                    http://www.flickr.com/photos/joeshlabotnik/6923659470/➡ Offre una...
Globale➡ PerSEO si imposta pannello di controllo Plone➡ Le configurazioni sono applicate ad ogni pagina del sito➡ Per certi...
Globale: WebMasterTools➡ Google ID  VXSnOk_1SXTi0hRRpQBTpbic8btA_j9uafpHjfXTMDk   ‣ HTML prodotto     <meta name="google-s...
Globale➡ Impostare valori per i meta tag:   ‣ title, description, keywords➡ Separatamente per   ‣ Home page   ‣ Single pag...
Globale ➡ E’ possibile disabilitare   l’indicizzazione usando   noindex e nofollow ➡ Nell’intero sito    ‣ Noodp    ‣ Noyd...
Globale: Site Map➡ Si imposta quale  contenuto viene incluso  nella Sitemap XML➡ Si imposta se dare un  ping ai motori di ...
One-by-one (1/2)➡ Attraverso il “SEO” tab su  uno specifico contenuto  del sito➡ Le configurazioni SEO sul  singolo contenut...
One-by-one (2/2)➡ Le configurazioni SEO  sul singolo contenuto  vanno a sostituire la  configurazione globale  Stefano March...
Futuro: schema.org➡ <h1>Avatar</h1>  ‣ Il film 3D o un tipo di    immagine di un profilo?  ‣ Come lo spieghiamo ad un    mot...
Futuro: schema.org➡ Personalizza, secondo  schema.org:   ‣ main_template   ‣ plone.path_bar   ‣ plone.global_sections,   ‣...
Modulistica                                   http://www.flickr.com/photos/9731367@N02/6988157282➡ Caso d’uso:  ‣ possibili...
Modulistica: workflow                                    http://www.flickr.com/photos/luismi_cavalle/548465187/➡ Ci sono 3 fi...
L’idea                                    http://www.flickr.com/photos/poportis/2205088894/➡ Usare PloneFormGen per la  gen...
Configurare PFG➡ Con PFG si crea il modulo                                    {➡ Nel modulo PFG si dice di usare  Adattator...
Il trucco➡ auslfe.formonline.pfgadapter➡ Si configura per impostare:  ‣ la cartella dove memorizzare i    contenuti compila...
Riassumendo➡ Il richiedente compila il  modulo (A)➡ La mail arriva al destinatario  indicato nel campo mail  configurato in...
Varianti del tema                                      http://www.flickr.com/photos/dunechaser/4395780325➡ L’utente richied...
Varianti del tema➡ In più c’è:  ‣ Responsabile (B) deve    essere un utente del sito  ‣ Nome del campo che    contiene l’e...
Grazie. Thank you.
Questions ?    Stefano Marchetti    RedTurtle’s co-founder e PM       stefano@redturtle.it       @stemrc       www.redturt...
Upcoming SlideShare
Loading in...5
×

PloneGov Day 2012 - multimedia, modulistica, SEO

565

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
565
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

PloneGov Day 2012 - multimedia, modulistica, SEO

  1. 1. San G iovan Persi ni in 15 gi ceto ugno 2012RedTurtle Technology agile.open.connectedMicro rassegna di prodotti Stefano Marchetti
  2. 2. Stefano Marchetti CEO - project manager RedTurtle - Ferrara - Italy stefano@redturtle.it @stemrc www.redturtle.it @redturtle facebook.com/redturtle Stefano Marchetti
  3. 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. 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. 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. 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. 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 dont 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. 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. 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 youll 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. 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. 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. 12. 2 tipi diconfigurazione http://www.flickr.com/photos/joeshlabotnik/6923659470/➡ Offre una gestione delle funzionalità SEO a due livelli: ‣ Globale ‣ One-by-one Stefano Marchetti
  13. 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. 14. Globale: WebMasterTools➡ Google ID VXSnOk_1SXTi0hRRpQBTpbic8btA_j9uafpHjfXTMDk ‣ HTML prodotto <meta name="google-site-verification" content="VXSnOk_1SXTi0hRRpQBTpbic8btA_j9uafpHjfX TMDk" />➡ Tracking code (Analytics & C.) Stefano Marchetti
  15. 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. 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. 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. 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. 19. One-by-one (2/2)➡ Le configurazioni SEO sul singolo contenuto vanno a sostituire la configurazione globale Stefano Marchetti
  20. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 30. Grazie. Thank you.
  31. 31. Questions ? Stefano Marchetti RedTurtle’s co-founder e PM stefano@redturtle.it @stemrc www.redturtle.it @redturtle facebook.com/redturtle
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×