agile.open.connected3M per PloneMockup, Mediacore, Mailchimp Stefano Marchetti

Bologna 24 aprile 2013

Stefano Marchetti

CEO - project manager

RedTurtle - Ferrara - Italy

stefano@redturtle.it

@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/

Stefano MarchettiComing soon: www.gdf.gov.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

stefano@redturtle.it

@stemrc

www.redturtle.it

@redturtle

facebook.com/redturtle