World Plone Day. A Bologna, presso la Regione Emilia Romagna, si parla delle 3M: Mockup, Mediacore e Mailchimp. Come rendere più facile la vita ai web designer con Plone Mockup. La piattaforma multimediale Mediacore integrata con il CMS Plone. La piattaforma per la gestione e l'invio di newsletter Mailchimp e l'integrazione con Plone.

1. agile.open.connected3M per Plone
Mockup, Mediacore, Mailchimp Stefano Marchetti
Bologna 24 aprile 2013

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

3. Stefano Marchetti
Di cosa parliamo?
✓Mockup
✓Mediacore
✓Mailchimp
http://www.flickr.com/photos/pvkr/3938884916/sizes/l/in/photostream/

4. Plone Mockup
http://www.flickr.com/photos/admford/436454011

5. Stefano Marchetti
Scopo del progetto
✓ Web designer: basta
buildout
✓ Sviluppare JS “fuori” da
moduli Python: fornire
pacchetti JS pronti
✓ Usare moderni tool/
tecniche JS (es. test JS)
✓ A tendere: Plone Mockup,
una completa e
funzionante interfaccia di
Plone
http://www.flickr.com/photos/digitalmkkt/4389389466

6. Stefano Marchetti
Come funziona
✓ Patterns Lib: libreria di
patterns di web
interaction
✓ I pattern sono attivati con
classi CSS e con attributi
data di HTML 5
✓ Non c’è bisogno di
programmare!
✓ Perfetto per prototipi
http://www.flickr.com/photos/wwarby/4782904694/

7. Stefano Marchetti
Come funziona: es.
carousel
http://www.flickr.com/photos/grunge/3498193399
<ul class="pat-carousel">
<li><img title="Panel 1"/></li>
<li><img title="Panel 2"/></li>
<li><img title="Panel 3"/></li>
</ul>
<ul class="pat-carousel"
data-pat-carousel="loop: false; control-arrows: true;">
<li><img title="Panel 1"/></li>
<li><img title="Panel 2"/></li>
<li><img title="Panel 3"/></li>
</ul>
PersonalizzatoSemplice

8. Stefano Marchetti
Tanti pattern a disposizione

9. Stefano Marchetti
Mi piace! Da cosa inizio?
Dai bundles: widget e toolbar)

10. Mediacore

11. Stefano Marchetti
Mediacore: cosa fa?

12. Stefano Marchetti Mediacore: community edition

13. Stefano Marchetti
Assemblea ER: ertv.it

14. Stefano Marchetti
Integrare
Plone and Mediacore
➡ I redattori usano
Mediacore per caricare
video/podcast
➡ I contenuti Mediacore in
Plone
‣ come HTML snippet
‣ redturtle.video (rocks!)
➡ I redattori Plone hanno
un semplice tipo di
contenuto video

15. Stefano Marchetti
I video in Plone: www.assemblea.emr.it/multimedia

16. Stefano Marchetti
Web Tv Comune S. Lazzaro: http://www.sanlazzarotv.it/

17. Stefano Marchetti
Coming soon: www.gdf.gov.it

18. Mailchimp
http://www.flickr.com/photos/62693815@N03/6276688407/

19. Stefano Marchetti
A Better Way to Send
Email
✓ Mailchimp è un servizio
web per inviare newsletter
(SAS)
✓ E’ possibile impostare il
layout (d&d)
✓ Condividere i contenuti sui
social
✓ Integrare MC con sistemi
già esistenti
✓ Misurare i risultati

20. Stefano Marchetti
Passo 1: costruire una lista di destinatari
✓ Personalizzare il form di
registrazione
✓ Widget per condivisione
sul sito o su FB
✓ Importazione elenco
iscritti: facilissimo

21. Stefano Marchetti
Passo 2: creare un template
✓ Tanti template già pronti
✓ Oppure start-from-scratch
✓ Oppure con codice HTML
✓ Oppure editor drag & drop

22. Stefano Marchetti
Passo 3: inviare la campagna
✓ Inviare la campagna a
tutta la lista (o parte di
essa) usando un template
✓ RSS-to-email
✓ Social Sharing
(pubblicazione dalla
campagna, post
automatici all’invio, ...)

23. Stefano Marchetti
Passo 4: tracciare i risultati
✓ Report avanzati (anche su
mobile):
‣ Chi apre il messaggio?
Da dove?
‣ Tweet trends
‣ Integrazione con
Google Analytics

24. Stefano Marchetti
Integrazione con altri
sistemi: Plone

25. Stefano Marchetti
Passo 1:
registrazione
✓ Registrazione dal sito
Plone
✓ Alla registrazione Plone
invia l’iscritto alla lista di
Mailchimp

26. Stefano Marchetti
Le liste di utenti su MC

27. Stefano Marchetti
Il template da Mailchimp
Editable Content Area
mc:edit="section-name"}

28. Stefano Marchetti
Da Plone imposto la campagna: nome e
contenuti (singoli o collezioni!)
Anche dal singolo contenuto
con una portlet

29. Stefano Marchetti
Da Plone imposto la posizione dei contenuti negli
slot del template

30. Stefano Marchetti
Da Plone decido quale template e quale lista

31. Stefano Marchetti
Finito! I contenuti sono su MC

32. Stefano Marchetti
L’anteprima su MC

33. Stefano Marchetti
L’anteprima su MC

34. Stefano Marchetti
Costi
http://www.flickr.com/photos/68751915@N05/6869768383/

35. Stefano Marchetti
Dai piani tariffari mensili semplici... a quelli ad altro
traffico

36. Stefano Marchetti
Grazie. Thank you.
http://www.flickr.com/photos/66176388@N00/6582182087/

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