3M per Plone Mockup, Mediacore, Mailchimp
-
Upload
stefano-marchetti -
Category
Technology
-
view
1.025 -
download
1
description
Transcript of 3M per Plone Mockup, Mediacore, Mailchimp
agile.open.connected3M per PloneMockup, Mediacore, Mailchimp Stefano Marchetti
Bologna 24 aprile 2013
Stefano Marchetti
CEO - project manager
RedTurtle - Ferrara - Italy
@stemrc
www.redturtle.it
@redturtle
facebook.com/redturtle
Stefano Marchetti
Stefano Marchetti
Di cosa parliamo?
✓Mockup
✓Mediacore
✓Mailchimp
http
://w
ww
.flic
kr.c
om/p
hoto
s/pv
kr/3
9388
8491
6/si
zes/
l/in/
phot
ostr
eam
/
Plone Mockup
http://www.flickr.com/photos/admford/436454011
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
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/
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
Stefano MarchettiTanti pattern a disposizione
Stefano Marchetti
Mi piace! Da cosa inizio?Dai bundles: widget e toolbar)
Mediacore
Stefano MarchettiMediacore: cosa fa?
Stefano Marchetti Mediacore: community edition
Stefano MarchettiAssemblea ER: ertv.it
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
Stefano MarchettiI video in Plone: www.assemblea.emr.it/multimedia
Stefano MarchettiWeb Tv Comune S. Lazzaro: http://www.sanlazzarotv.it/
Mailchimp
http
://w
ww
.flic
kr.c
om/p
hoto
s/62
6938
15@
N03
/627
6688
407/
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
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
Stefano Marchetti
Passo 2: creare un template
✓ Tanti template già pronti
✓ Oppure start-from-scratch
✓ Oppure con codice HTML
✓ Oppure editor drag & drop
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, ...)
Stefano Marchetti
Passo 4: tracciare i risultati
✓ Report avanzati (anche su mobile):
‣ Chi apre il messaggio? Da dove?
‣ Tweet trends
‣ Integrazione con Google Analytics
Stefano Marchetti
Integrazione con altri sistemi: Plone
Stefano Marchetti
Passo 1: registrazione
✓ Registrazione dal sito Plone
✓ Alla registrazione Plone invia l’iscritto alla lista di Mailchimp
Stefano Marchetti
Le liste di utenti su MC
Stefano Marchetti
Il template da Mailchimp
Editable Content Areamc:edit="section-name"}
Stefano Marchetti
Da Plone imposto la campagna: nome e contenuti (singoli o collezioni!)
Anche dal singolo contenutocon una portlet
Stefano Marchetti
Da Plone imposto la posizione dei contenuti negli slot del template
Stefano Marchetti
Da Plone decido quale template e quale lista
Stefano Marchetti
Finito! I contenuti sono su MC
Stefano Marchetti
L’anteprima su MC
Stefano Marchetti
L’anteprima su MC
Stefano Marchetti
Costi
http://www.flickr.com/photos/68751915@N05/6869768383/
Stefano Marchetti
Dai piani tariffari mensili semplici... a quelli ad altro traffico
Stefano Marchetti
Grazie. Thank you.
http
://w
ww
.flic
kr.c
om/p
hoto
s/66
1763
88@
N00
/658
2182
087/
Questions ?Stefano MarchettiRedTurtle’s co-founder e PM
@stemrc
www.redturtle.it
@redturtle
facebook.com/redturtle