Visualitzar/Obrir

Disseny i desplegament d’un sistema CiviCRM aplicat a la gestió de voluntariat dins del projecte Code Club Catalunya

Pérez Serra, Raquel

Curs 2018-2019

Director: LAIA ALBÓ

GRAU EN ENGINYERIA EN SISTEMES AUDIOVISUALS

Treball de Fi de Grau

GRAU EN ENGINYERIA EN xxxxxxxxxxxx “output” — 2019/7/1 — 14:54 — page i — #1

Disseny i desplegament d’un sistema CiviCRM aplicat a la gestio´ de voluntariat dins del projecte Code Club Catalunya

Raquel Perez´ Serra

TREBALL FI DE GRAU GRAU EN ENGINYERIA EN SISTEMES AUDIOVISUALS ESCOLA SUPERIOR POLITECNICA UPF ANY 2019

DIRECTORA DEL TREBALL Laia Albo´ Departament de Tecnologies de la Informacio´ i les Comunicacions “output” — 2019/7/1 — 14:54 — page ii — #2 “output” — 2019/7/1 — 14:54 — page iii — #3

A tothom amb qui gaudeixo de la vida. For all who I enjoy my life with. :)

iii “output” — 2019/7/1 — 14:54 — page iv — #4 “output” — 2019/7/1 — 14:54 — page v — #5

Agra¨ıments Agraeixo, per una banda, a la Martina Mayrhofer la oportunitat de formar part en aquest projecte i l’esforc¸dedicat. I per altra banda, a la Laia Albo´ per tota la implicacio´ i suport al llarg del projecte; disponible en tot moment i d’una forma molt transparent i proxima.` De tu aprenc, entre d’altres coses, que a part de dir les coses a millorar tambe´ cal felicitar la bona feina.

v “output” — 2019/7/1 — 14:54 — page vi — #6 “output” — 2019/7/1 — 14:54 — page vii — #7

Resum

En aquest treball s’ha dissenyat i desplegat un sistema gestor de clients basat en web que permet administrar una base de dades de voluntariat dins del programa Code Club Catalunya. L’objectiu es´ facilitar el registre automatitzat de persones voluntaries` a l’organitzacio´ i agilitzar la seva gestio,´ fins ara manual. Code Club Catalunya es´ un projecte que preten´ apropar la programacio´ als infants oferint tallers gestionats per voluntariat en hores extra-escolars. Els Code Clubs es realitzen en diferents espais (escoles, biblioteques, . . . ) i involucren diferents actors (voluntariat, gestors dels espais, . . . ). Aix´ı doncs, el que aporta aquest treball es´ una adaptacio´ del gestor de codi obert CiviCRM a les necessitats del projecte Co- de Club, permetent gestionar els diferents perfils d’usuaris aix´ı com facilitant els processos de registre per a participar en el projecte (entrega documents, gestio´ de correus electronics.` . . ). Per tal d’arribar a la solucio´ de disseny final, s’ha seguit una estructura c´ıclica, amb dues iteracions d’avaluacio´ amb usuaris finals.

Abstract

A web-based customer management system has been designed and deployed for the Code Club Catalunya to streamline their management of volunteers. The Code Club Catalunya project offers after-school workshops for children. The volunteer- managed workshops are held in a variety of spaces including schools and libraries, and involve multiple actors such as volunteers and managers of the spaces. The deployed customer management system, an adaptation of the open source Civi- CRM manager, streamlines the management of actors involved in the project. The system supports the management of actors by profile and improves the volunteer registration process (delivery documents, management of emails). A cyclical structure comprising two evaluation iterations with final users was used to achieve the final design of the solution.

vii “output” — 2019/7/1 — 14:54 — page viii — #8 “output” — 2019/7/1 — 14:54 — page ix — #9

Sumari

Index´ de ﬁgures xii

Index´ de taules xiv

Appendix xiv

1 INTRODUCCIO´ 1 1.1 Context ...... 2

2 ANALISI` DE LA NECESSITAT 5 2.1 Objectius ...... 5 2.2 Requeriments del projecte ...... 5 2.2.1 Requeriments funcionals ...... 6 2.2.2 Requeriments no funcionals ...... 8

3 PLANIFICACIO´ I FASES DEL PROJECTE 11

4 DISSENY 15 4.1 Disseny del sistema ...... 15 4.2 Estudi de solucions ...... 26 4.2.1 Estudi de tecnologies ...... 26 4.2.2 Tecnologia escollida ...... 28

5 IMPLEMENTACIO´ 35 5.1 Gestio´ de persones usuaries` ...... 37 5.2 Gestio´ de correu electronic` ...... 38 5.3 Gestio´ de documents ...... 40

6 PRIMERA AVALUACIO´ 47 6.1 Avaluacio´ modalitat questionari¨ en l´ınia i reunio...... ´ 47 6.2 Resultats: descripcio´ de les millores ...... 47

7 IMPLEMENTACIO´ DE LES MILLORES 57

ix “output” — 2019/7/1 — 14:54 — page x — #10

8 SEGONA AVALUACIO´ 63 8.1 Disseny prova ...... 63 8.1.1 Tasques a realitzar ...... 63 8.1.2 Instruments ...... 63 8.2 Participants ...... 65 8.2.1 Procediment ...... 65 8.3 Resultats de la prova d’avaluacio...... ´ 65

9 CONCLUSIONS 71 9.1 Treball futur ...... 71

A ANNEXOS 75 A.1 Formularis d’inscripcio´ del voluntariat i de les biblioteques. . . . . 75 A.2 Exemples ﬁtxes de contactes...... 79 A.3 Entrega de documents necessaris del voluntariat i de la biblioteca. 81 A.4 Exemple de com es guarda l’entrega de documents en la ﬁtxa d’un contacte...... 83 A.5 Questionari¨ primera avaluacio...... ´ 84 A.6 Respostes primera prova d’avaluacio.´ ...... 94 A.7 Cronograma de les plantilles de correu electronic.` ...... 99 A.8 Tasques ha realitzar del rol de persona usuaria.` ...... 110 A.9 Tasques ha realitzar del rol de biblioteca...... 112 A.10 Questionari¨ rol voluntariat...... 114 A.11 Questionari¨ rol biblioteca...... 118 A.12 Full de consentiment...... 122 A.13 Respostes segona prova d’avaluacio.´ ...... 124

x “output” — 2019/7/1 — 14:54 — page xi — #11

Index´ de ﬁgures

1.1 Elements dels Code Clubs [2]...... 3 1.2 Fragment dels passos a seguir del primer projecte amb Scratch anomenat ’Grup de Rock’ (http://codeclubcat.org/materials/curriculum/) [2]...... 3

3.1 Model iteratiu de disseny de software seguit al llarg del treball . . 14

4.1 Mapa de rols de persones usuaries.` ...... 17 4.2 Mapa de casos d’us´ amb les relacions d’especialitzacio,´ extensio,´ composicio´ i aﬁnitat...... 24 4.3 Model de successio´ per a l’activitat extraescolar dins del projecte “Code Club a les Biblioteques”...... 25 4.4 Caracter´ıstiques mes´ destacades de CiviCRM; en blau aquelles que s’utilitzen en el projecte (blau fosc com a requeriment principal, blau clar com a requeriment secundari) ...... 31 4.5 Mapa conceptual dels diferents components que disposa CiviCRM, en lletra de color negra els que s’utilitzen (CiviCase i CiviEvent potser (segon requeriment) i en blanc els que no...... 33

5.1 Mapa conceptual dels diferents elements necessaris per al bon funcionament de CiviCRM...... 35 5.2 Dibuix esquematic` de la pantalla inicial de Drupal...... 37 5.3 Zoom en la pantalla inicial de CiviCRM...... 37 5.4 Relacions de la BBDD que guarda les dades dels contactes. . . . . 39 5.5 Captura de pantalla dels diferents formats en que es pot escriure un correu electronic` i de la opcio´ per a adjuntar un ﬁtxer...... 41 5.6 Captura del llistat de plantilles de correu electronic` del sistema. . . 42 5.7 Captura d’exemple missatge ’Av´ıs de formacio´ previa’.` ...... 43 5.8 Relacions de la DDBB que guarda les dades dels documents. . . . 45

6.1 Visualitzacio´ de la conﬁguracio´ de la connexio´ entre Drupal i Ci- viCRM de les persones voluntaries.` ...... 51

xi “output” — 2019/7/1 — 14:54 — page xii — #12

6.2 Visualitzacio´ de la conﬁguracio´ de la connexio´ entre Drupal i Ci- viCRM de les biblioteques (notar que no disposem de una opcio´ reservada)...... 51 6.3 Captura de la cerca per a poder exportar el que es demana. . . . . 53 6.4 Exemple de la cerca per a obtenir el que es demana...... 53 6.5 Exemple de la cerca per obtenir el que es demana...... 55

7.1 Millores visualment destacades del formulari d’inscripcio´ com a persona voluntaria.` ...... 58 7.2 Millores visualment destacades del formulari d’inscripcio´ com a biblioteca...... 58 7.3 Correu electronic` automatic` final del formulari d’inscripcio´ com a persona voluntaria.` ...... 59 7.4 Correu electronic` automatic` final del formulari d’inscripcio´ com a biblioteca...... 60 7.5 Captura final de l’entrega de documentacio´ necessaria` del voluntariat...... 61 7.6 Captura final de l’entrega de documentacio´ necessaria` de les biblioteques...... 61

8.1 Grafic` respostes preguntes primera tasca...... 67 8.2 Grafic` respostes preguntes segona tasca...... 67 8.3 Grafic` respostes preguntes visio´ global...... 68

A.1 Formulari inscripcio´ persona voluntaria` (fotografia 1) ...... 76 A.2 Formulari inscripcio´ persona voluntaria` (fotografia 2) ...... 76 A.3 Formulari inscripcio´ persona voluntaria` (fotografia 3) ...... 77 A.4 Formulari inscripcio´ persona voluntaria` (fotografia 4) ...... 77 A.5 Formulari d’inscripcio´ biblioteques (fotografia 1) ...... 78 A.6 Formulari d’inscripcio´ biblioteques (fotografia 2) ...... 78 A.7 Dades d’un contacte voluntari (fotografia 1) ...... 79 A.8 Dades d’un contacte voluntari (fotografia 2) ...... 80 A.9 Dades d’un contacte biblioteca ...... 80 A.10 Captura formulari ’Documentacio´ necessaria` del voluntariat’ (fotografia 1)...... 81 A.11 Captura formulari ’Documentacio´ necessaria` del voluntariat’ (fotografia 2)...... 82 A.12 Captura formulari ’Documentacio´ necessaria` de les biblioteques’. 82 A.13 Captura d’exemple fitxa de contacte...... 83

xii “output” — 2019/7/1 — 14:54 — page xiii — #13

Index´ de taules

3.1 Diagrama de Gantt inicial ...... 12 3.2 Diagrama de Gantt ﬁnal ...... 13

4.1 Llistat dels principals tipus de rols que interactuen, breu descripcio´ i les corresponents interaccions...... 16 4.2 Resposta del sistema a la tasca ’Utilitzar la plataforma’...... 18 4.3 Resposta del sistema a la tasca ’Inscriure’s com a biblioteca o com a persona voluntaria’.` ...... 18 4.4 Resposta del sistema a la tasca ’Entregar els documents’...... 19 4.5 Resposta del sistema a la tasca ’Utilitzar les tres diferents gestions persones usuaries,` correus electronics` o documents’...... 19 4.6 Resposta del sistema a la tasca ’Modiﬁcar el formulari d’inscripcio,´ ja sigui de biblioteques o persones voluntaries’.` ...... 19 4.7 Resposta del sistema a la tasca ’Utilitzar la gestio´ de persones usuaries’.` ...... 19 4.8 Resposta del sistema a la tasca ’Cercar una persona usuaria` en concret’...... 20 4.9 Resposta del sistema a la tasca ’Modiﬁcar alguna dada d’una persona usuaria` en concret’...... 20 4.10 Resposta del sistema a la tasca ’Crear un grup per tenir les persones participants de un Code Club en concret totes agrupades’. . . . 20 4.11 Resposta del sistema a la tasca ’Utilitzar la gestio´ de correus electronics’.` 21 4.12 Resposta del sistema a la tasca ’Enviar un correu electronic` a una persona usuaria` o col·lectiu en concret’...... 21 4.13 Resposta del sistema a la tasca ’Enviar un correu electronic` amb un format concret utilitzant una plantilla’...... 22 4.14 Resposta del sistema a la tasca ’Afegir una plantilla nova’. . . . . 22 4.15 Resposta del sistema a la tasca ’Utilitzar la gestio´ de documents’. . 22 4.16 Resposta del sistema a la tasca ’Visualitzar els documents entregats per una persona usuaria` en concret’...... 23

xiii “output” — 2019/7/1 — 14:54 — page xiv — #14

4.17 Resposta del sistema a la tasca ’Afegir la sol·licitud d’un document necessari, ja sigui pel conjunt de biblioteques o persones voluntaries.` ...... 23 4.18 Comparativa open source CRM, en groc els que han aparegut en tres o mes´ dels quatre estudis...... 28 4.19 Analisi` del compliment dels requeriments, en groc el que compleix tots els requeriments...... 28

5.1 Llistat de plantilles de correus electronics` necessaries` ...... 40

6.1 Millores i modiﬁcacions en la visio´ de persona usuaria.` ...... 49 6.2 Millores i modiﬁcacions en la visio´ de persona gestora...... 50

xiv “output” — 2019/7/1 — 14:54 — page 1 — #15

Cap´ıtol 1

INTRODUCCIO´

Avui en dia, les tecnologies de la informacio´ (TIC) son´ cada cop mes´ presents en tots els moments de la nostra vida: a l’escola, a casa, al carrer, als espais de lleure, a la feina, etcetera.` En concret, incorporar noves tecnologies a la feina es beneﬁcios.´ Com expli- quen Garc´ıa-Canal i Sanchez´ en les respectives publicacions [4] i [9], els avantatges de les TIC dins les empreses son´ molts, entre ells:

• Milloren l’eﬁciencia` interna de l’empresa.

• Milloren en la qualitat de servei dels actuals clients.

• Deﬁneixen nous mercats y noves oportunitats de mercat.

A mes,´ i igual d’important que la resta, pero` en aquest cas es´ la rao´ de pes del meu projecte

• Les TIC desencadenen una major agilitat en la gestio.´

Cal destacar que el fet d’utilitzar tecnologia dins de l’empresa no substitueix tre- balladors, sino´ que les TIC son´ complementaries` a la feina d’aquests [4]. Per altra banda, en els ultims´ anys, han sorgit moltes iniciatives per acostar les TIC als mes´ petits. En la nostra zona geograﬁca` hi ha diverses activitats extra- escolars per ensenyar a programar a nens i nenes a partir de 5-8 anys. Activitats com: campus i casals especialitzats en la creacio´ de videojocs, el coneixement de l’electronica,` la robotica,` la impressio´ 3D, la programacio´ i la tecnologia, jornades d’activitats per aprendre noves tecnologies o campaments tecnologics` d’estiu. Com a consequ¨encia` de l’augment de nombre d’activitats, augmenta tambe´ el nombre de centres especialitzats en ensenyar els infants aquest mon.´ Citilab1,

1https://www.citilab.eu/formacio-tecnologia-informacio-comunicacio/

1 “output” — 2019/7/1 — 14:54 — page 2 — #16

Codelearn2, Petits Enginyers3 o Scratch Barcelona4 son´ alguns d’ells.

1.1 Context

En l’apartat anterior s’han donat exemples d’activitats per ensenyar a programar, pero` totes elles plantejades com a activitat extraescolar de pagament. N’hi ha de gratu¨ıtes, una d’elles es´ la que ofereix Code Club Catalunya en els seus tallers. Code Club Catalunya [2] es´ una xarxa d’activitats gratu¨ıtes de programacio,´ anomenades Code Clubs, per a nens i nenes de 9 a 12 anys i te´ com a objectiu oferir a cada infant de Catalunya la possibilitat d’aprendre a programar. Els Code Clubs estan gestionats per persones voluntaries` i es duen a terme com a activitat extraescolar en escoles, centres c´ıvics, biblioteques, entre d’altres; i es´ Code Club Catalunya qui s’encarrega de gestionar i promoure tota aquesta xarxa arreu de Catalunya. Gestionen, com veiem en la ﬁgura 1.1, la participacio´ per part del voluntariat, la preparacio´ dels projectes i la cerca de llocs de reunio;´ on, despres´ d’un seguit de processos, s’hi reunira` el voluntariat i infants per aprendre a programar. La metodologia i material utilitzats per a dur a terme l’activitat consta d’una serie` de cursos amb els passos a seguir detallats per a l’infant com es veu en la ﬁgu- ra 1.2, quan aquest te´ algun dubte pot sol·licitar l’ajuda de la persona voluntaria.` El programari utilitzat en els cursos es´ Scratch, per introduir els conceptes mes´ elementals de la programacio;´ HTML i CSS, per introduir els conceptes basics;` i Python, per ampliar tots els conceptes anteriors. La idea original de Code Club Catalunya prove´ dels Code Club United King- dom (UK), una comunitat que va sorgir l’any 2012 al Regne Unit amb l’objectiu de que tots els infants tinguessin l’oportunitat d’aprendre a programar, indepen- dentment de qui siguin o d’on vinguin. Actualment hi ha uns 12.000 Code Club actius en tot el mon,´ repartits en uns 160 pa¨ısos i 180.000 infants aprenent a programar cada setmana. Per altra banda hi ha el projecte Code Club a les biblioteques, es´ una iniciativa del Servei de Biblioteques de la Generalitat, que juntament amb Code Club Catalunya [2] i les universitats: Universitat Oberta de Cataunya (UOC), la Facultat d’Informatica` de Barcelona de la Universitat Politecnica` de Catalunya (UPC-FIB), la Universitat de Girona (UDG), la Universitat Pompeu Fabra (UPF), la Univer- sitat de Barcelona (UB-Biblioteconomia) i el centre adscrit a la UPF, Elisava; col·laboren per impulsar la idea dels Code Clubs. D’aquesta forma, es dinamit- zen i modernitzen les biblioteques; ja que ens els ultims´ anys no es un espai tan

2https://codelearn.cat/blog/ 3https://www.petitsenginyers.com 4https://scratch.barcelona

2 “output” — 2019/7/1 — 14:54 — page 3 — #17

Figura 1.1: Elements dels Code Clubs [2].

Figura 1.2: Fragment dels passos a seguir del primer projecte amb Scratch anomenat ’Grup de Rock’ (http://codeclubcat.org/materials/curriculum/) [2]. frequentat¨ pels infants i adolescents. Com, tambe,´ es promou la participacio´ d’estudiants universitaris com a resultat de la manca de voluntaris per a realitzar l’activitat. Per a promoure aquesta participacio´ s’ofereix als estudiants la possibilitat de rebre credits` universitaris a canvi de la participacio´ en el voluntariat. L’actual gestor de Code Club Catalunya i del projecte Code Club a les biblioteques es´ l’entitat Colectic [10]. Colectic es´ un projecte cooperatiu sense anim`

3 “output” — 2019/7/1 — 14:54 — page 4 — #18

de lucre que treballa per la transformacio´ social a traves´ de la participacio,´ l’apre- nentatge i la socialitzacio´ de les TIC. Aix´ı doncs, entenen la tecnologia com una eina facilitadora i possibilitada per l’autonomia de les persones. Promouen l’us´ del programari i maquinari lliure i situen la seva activitat en el marc de l’economia solidaria.` Colectic va neixer´ el 2017, pero` ja en el 1992, un grup de professionals de l’educacio´ del Raval (Barcelona) va constituir l’Associacio´ per a Joves Teb amb l’objectiu d’obrir un espai de lleure que ha anat avanc¸ant amb el binomi tecnologia i comunitat. Al llarg de la seva historia` ha guanyat premis i reconeixements, per exemple, Medalla d’honor de la ciutat de Barcelona l’any 2013. Alguns del seus projectes son:´ el disseny i desenvolupament de la pagina` web de la tercera edicio´ del Mobile Social Congress; WEMIN, un projecte que promou un model d’integracio´ pioner per a dones migrants i refugiades; la redaccio´ i publicacio´ de continguts del web de WomanLiderTic, una trobada anual de dones que ocu- pen llocs de lideratge en empreses tecnologiques` a nivell internacional; o el Pla d’Iniciacio´ Professional, una formacio´ especialitzada en ’Auxiliar de muntatge i manteniment d’equipaments informatics’` per donar acces´ al mercat laboral a joves en risc d’exclusio´ social a traves´ del domini de les TIC. Aix´ı doncs, aquest treball neix de la necessitat d’incorporar un sistema de gestio´ de voluntariat dins del projecte “Code Club a les Biblioteques”, ja que actualment aquesta gestio´ es fa manualment i suposa una carrega` de feina important i feixuga. Es´ una sola persona de l’entitat de Colectic qui s’encarrega de cercar voluntaris i biblioteques que vulguin participar, qui coordina la disponibilitat de voluntaris amb les biblioteques per dia i hora per a realitzar el Code Club, qui els demana les dades necessaries,` i que gestiona els diferents correus electronics` que tot aixo` comporta. Com s’ha dit anteriorment, un dels avantatges d’incorporar les TIC en l’ambit` laboral es´ que aquestes porten una major agilitat en la gestio,´ i aixo` es´ el que s’espera en aquest cas; ja que actualment tambe´ cal sumar-hi a la problematica` l’increment en el nombre de voluntariat. Aquest projecte es dura` a terme amb la col·laboracio´ de l’entitat Colectic, ja que, com ja he dit, es´ l’actual gestor de Code Club Catalunya. Per tant, es´ un treball desenvolupat en i per a un entorn real i on s’espera que el resultat ﬁnal s’utilitzi amb usuaris i usuaries` reals.

4 “output” — 2019/7/1 — 14:54 — page 5 — #19

Cap´ıtol 2

ANALISI` DE LA NECESSITAT

En aquest cap´ıtol s’analitza la necessitat amb deteniment i es deﬁneixen els objectius i requisits del problema.

2.1 Objectius

El principal objectiu es´ facilitar la gestio´ del voluntariat de Code Club Catalunya, ja que es´ un projecte que ha anat creixent i cada vegada te´ mes´ persones invo- lucrades. Aixo` fa que per a poder realitzar i planificar una activitat extraescolar en concret cal una comunicacio´ entre els interessats i una serie` de documents per formalitzar-la. Aix´ı doncs, podem definir aquests objectius amb tres fites diferents:

• Dissenyar una gestio´ de persones usuaries.`

• Dissenyar una gestio´ de correus electronics.`

• Dissenyar una gestio´ dels documents.

2.2 Requeriments del projecte

En aquest apartat es fa un analisi` de requeriments, per tal de deﬁnir i documentar les necessitats del projecte d’acord amb les stakeholders, que son´ les encarregades de Code Club Catalunya, la coordinadora de Code Club Catalunya i la tutora del treball. Els requeriments es distribueixen en funcionals i no funcionals.

5 “output” — 2019/7/1 — 14:54 — page 6 — #20

2.2.1 Requeriments funcionals Els requeriments funcionals consisteixen en la declaracio´ dels serveis que oferira` el sistema. En aquest cas tenim uns serveis principals i uns de secundaris, els quals es realitzarien un cop enllestits els principals, per a millorar el servei. Pel que fa a requeriments funcionals principals els podem dividir en tres seccions: gestio´ de persones usuaries,` de correu electronic` i de documents.

Gestio´ persones usuaries`

1. El sistema ha de comptar amb una gestio´ de persones usuaries.` Aquestes es diferenciaran entre biblioteques, on realitzar l’activitat, i persones voluntaries` o estudiants, que condueixen i donen suport durant la classe extraescolar. Mitjançant un formulari que hauran d’omplir per formar part del voluntariat de Code Club Catalunya s’introduiran a la base de dades. Aix´ı doncs, es disposara` de dos formularis diferents. Per una banda, el formulari per a biblioteques on es demanara` les seguents¨ dades: nom de la biblioteca, persona de contacte, adreça, correu electronic,` si ha participat en edicions anteriors i disponibilitat horaria.` I per altra banda, al formulari per a persones voluntaries` i estudiants es demanara` altres dades com: nom, document d’identificacio´ nacional, correu electronic,` telefon` de contacte, localitat, si ha participat en edicions anteriors, disponibilitat horaria,` tres preferencies` de biblioteca on dur a terme els Code Clubs, quina experiencia` te´ amb activitats amb nens i nenes, amb Scratch i de programacio,´ si es tracta de persona voluntaria` beneficiada amb credits` universitaris o no i; en el cas de persona beneficiada amb credits,` universitat on estudien i quins estudis cursen. Aquests dos grups de persones usuaries` es guardaran dins la base de dades amb una dada afegida, anomenada “Actiu”. Aquesta dada s’haura` d’actualitzar any rere any, ja que es podria donar el cas que una persona usuaria` deixes´ de voler participar com a voluntari en cert moment.

2. El sistema ha de poder fer certes agrupacions. El conjunt de persones usuaries` un cop dins la base de dades s’han de poder agrupar segons uns parametres` amb la ﬁnalitat de facilitar l’assignacio´ de persones voluntaries` a les diferents biblioteques i l’enviament de correus i la rebuda de documents. Agrupacions de:

(a) Totes les biblioteques. (b) Totes les persones voluntaries` i estudiants. (c) Persones vinculades amb una biblioteca en concret. (d) Persones voluntaries` que estudien en una mateixa universitat.

6 “output” — 2019/7/1 — 14:54 — page 7 — #21

(e) Persones voluntaries` que no es beneﬁcien amb credits.` (f) Persona voluntaria` no assignat a cap biblioteca. (g) Biblioteques amb cap persona voluntaria` assignada. (h) Persona voluntaria` que no ha entregat la documentacio.´ (i) Biblioteques que no han entregat la documentacio.´

Gestio´ de correus electronics`

3. El sistema ha de tenir una gestio´ de correus electronics.` Aquesta ha de permetre enviar correus per les agrupacions esmentades en el requeriment 2; per exemple, un correu al voluntariat per informar-los de la realitzacio´ d’una sessio´ de formacio.´ Tambe,´ ha de tenir unes plantilles de correu electronic` per facilitar la redaccio´ de cadascun d’ells i crear una l´ınia comuna.

Gestio´ dels documents

4. El sistema ha de comptar amb una gestio´ de documents. Aquests documents son´ diferents depenent de les persones usuaries` del sistema de gestio.´ Per una banda, Colectic demana a les biblioteques un certificat d’assistencia` i un informe final de valoracio.´ Per altra banda, Colectic demana al voluntariat una confirmacio´ de participacio´ en una formacio,´ un document de comprom´ıs de col·laboracio´ amb la biblioteca, un document amb un quadre de seguiment d’activitats (d’entrega voluntaria),` questiona-¨ ri d’avaluacio´ final; i en el cas de ser persona voluntaria` sense benefici de credits` (es´ a dir, que no esta` assegurat per la seva universitat), un comprom´ıs de voluntariat firmat per tal d’estar assegurat per l’entitat Colectic.

Requeriments secundaris que millorarien el servei

5. El sistema podria comptar amb una gestio´ d’activitats. Consequentment,¨ es tindria un control mes´ acurat de cada extraescolar que es du a terme; a part del control a nivell de persones usuaries` anteriorment esmentat.

6. El sistema podria comptar amb una gestio´ mes´ automatitzada. Com a consequ¨encia` del punt 5, s’aconseguiria una gestio´ mes´ automatitzada de correus, com el recordatori de la sessio´ d’activitat als voluntaris corresponents.

7 “output” — 2019/7/1 — 14:54 — page 8 — #22

2.2.2 Requeriments no funcionals Requeriments del producte

El producte ha de facilitar la gestio´ de Code Club Catalunya, i no pas, diﬁcultar-la. Per aixo,` es´ necessari que compleixi:

1. Bon comportament i fiabilitat. El sistema ha de ser capaçde gestionar el volum de dades de manera esca- lable i eficient, per tant, no hi ha d’haver confusions o perdua` de persones usuaries,` correus electronics` o documents, en la gestio´ de cadascuna d’elles.

2. Bon rendiment i velocitat La velocitat de les gestions s’ha de agilitzar gracies` al sistema, aix´ı doncs, el sistema ha de ser capac¸d’accedir a les dades de la BBDD en un temps raonable.

3. Bona usabilitat Ha de resultar un sistema util´ per a les diferents persones que l’utilitzen: biblioteques, voluntariat i, en especial, les persones gestores de Code Club Catalunya (stakeholders).

Requeriments organitzatius

Aquests requeriments es deriven de les pol´ıtiques i procediments existents en la organitzacio,´ en aquest cas, Colectic que es´ el gestor de Code Club Catalunya actual (4 i 5) i la universitat (6).

4. Implementacio.´

(a) Caldria utilitzar preferiblement una tecnologia de codi obert, es´ a dir, de programari lliure i gratu¨ıta. (b) Es proposa la utilitzacio´ d’un sistema de Gestio´ de Relacions amb Cli- ents, Customer Relationship Management (CRM) que i. disposi d’una bona gestio´ de voluntariat. ii. que funcioni sobre Drupal, un gestor de contingut; ja que en un futur volen tenir la plataforma web en aquest gestor.

5. Utilitzacio´ d’un llenguatge inclusiu, tant en la documentacio´ com en el propi producte/sistema.

8 “output” — 2019/7/1 — 14:54 — page 9 — #23

6. Entrega. La entrega esta` prevista per a principis de juny; per aixo` la planificacio´ del projecte es repartira` al llarg de principis d’any fins a finals de maig. En el moment de l’entrega cal entregar aquesta memoria` a la universitat i coincidira` amb l’entrega del producte enllestit a Code Club Catalunya.

Requeriments externs

7. Legals i etics.` El sistema no divulgara` informacio´ personal sobre el col·lectiu de persones usuaries` a operadors externs.

9 “output” — 2019/7/1 — 14:54 — page 10 — #24 “output” — 2019/7/1 — 14:54 — page 11 — #25

Cap´ıtol 3

PLANIFICACIO´ I FASES DEL PROJECTE

Al començar el projecte es van realitzar unes reunions previes` amb les stakeholders per poder estructurar i planificar el temps i les diferents tasques del projecte. A la Taula 3.1 es mostra el diagrama de Gantt, el qual es´ una representacio´ de com es va planificar distribuir les tasques del projecte al llarg del temps. En l’eix vertical hi ha les activitats a realitzar i en l’eix horitzontal la l´ınia del temps (on les setmanes van numerades segons el numero´ de setmana de l’any). Aquest es´ el diagrama de Gantt inicial i consta, en primer lloc, d’un estudi i disseny inicial i aprovacio´ d’aquest, en segon lloc, la implementacio´ d’aquest disseny en un prototip (en un web local, per exemple) i l’avaluacio´ d’aquest, en tercer lloc, la implementacio´ d’aquest prototip en la plataforma real i definitiva, i finalment, tambe´ consta de la redaccio´ de la memoria` que es realitza paral·lelament als anteriors tres punts. Pero` aquest no es´ el diagrama de Gantt final, ja que en la implementacio´ del prototip, la instal·lacio´ del programari va caldre fer-la en la plataforma real per motius tecnics.` Aix´ı doncs, el diagrama de Gantt final es´ el de la Taula 3.2. Aquest consta, en primer lloc, d’un estudi i disseny inicial, en segon lloc, la instal·lacio´ i configuracio´ de la tecnologia, en tercer lloc, la implementacio´ de les tres gestions (gestio´ d’usuaris, gestio´ de correu electronic` i gestio´ de documents), en quart lloc, una primera avaluacio´ de la implementacio,´ en cinque` lloc, la incor- poracio´ de les millores adients en el sistema, i en sise` lloc, una segona i ultima´ avaluacio.´ A mes,´ paral·lelament als sis anteriors punts tambe´ es fa la redaccio´ de la memoria.` El diagrama de Gantt final plasma com s’ha estructurat el treball final de grau. Aquest segueix el seguent¨ cicle de vida (figura 3.1). Es tracta d’un model de disseny de software c´ıclic amb: el disseny, la implementacio´ i l’avaluacio,´ i aquest s’inicia amb l’analisi` de requeriments i necessitats i conclou amb les conclusions i l’analisi` del treball futur [8].

11 “output” — 2019/7/1 — 14:54 — page 12 — #26

Taula 3.1: Diagrama de Gantt inicial 12 “output” — 2019/7/1 — 14:54 — page 13 — #27

Taula 3.2: Diagrama de Gantt ﬁnal

13 “output” — 2019/7/1 — 14:54 — page 14 — #28

Figura 3.1: Model iteratiu de disseny de software seguit al llarg del treball

Aix´ı doncs, en els seguents¨ cap´ıtols es veura` com s’han realitzat iteracions del cicle: en el cap´ıtol 4 tenim el disseny, en el 5 la implementacio,´ el 6 la primera avaluacio´ i el segon disseny i implementacio´ i el cap´ıtol 7 la segona avaluacio.´

14 “output” — 2019/7/1 — 14:54 — page 15 — #29

Cap´ıtol 4

DISSENY

En aquest cap´ıtol es planteja l’assoliment dels objectius i requeriments, esmentats anteriorment. Per una banda, es fa un analisi` complet de com ha de ser el sistema, es´ a dir, deﬁnir com aquest s’ha de comunicar amb la persona usuaria.` Per l’altra banda, es fa un estudi de solucions i explicacio´ detallada de la tecnologia que s’utilitzara.`

4.1 Disseny del sistema

Abans de començar la implementacio,´ cal realitzar un analisi` complet de com sera` el sistema, amb la finalitat de definir com s’ha de comunicar el sistema i la persona usuaria,` quines parts del sistema pot controlar cada persona usuaria` o com ho fara.` En primer lloc, per entendre el perfil de les persones usuaries` que utilitzen el sistema disposem del model de rols de persones usuaries.` Per a definir aquest model cal definir aquelles persones usuaries` que necessiten d’alguna manera o altra entrar en contacte amb el sistema i agrupar-los segons una col·leccio´ abstracta de necessitats, interessos, expectatives, comportaments i responsabilitats que carac- teritzen una relacio´ entre una classe o tipus de persones usuaries` i el sistema [1]. Tenim tres rols de persones usuaries` diferents: les persones gestores de Code Club Catalunya, les biblioteques i el voluntariat; i cadascun d’ells te´ unes interaccions diferents amb el sistema (taula 4.1). Per tenir una visio´ mes´ completa dels rols definim un mapa per representar les relacions que tenen (figura 4.1). En segon lloc, per per entendre les funcions del sistema disposem del model de tasques i casos d’us.´ Per a definir el model de tasques i casos d’us´ cal una descripcio´ narrativa de cadascuna de les tasques per cada persona usuaria` en cada rol espec´ıfic. Aquesta descripcio´ narrativa es divideix en el model d’accio´ de la persona usuaria,` on es mostra les accions de cadascuna d’elles, i el model de resposta del sistema, on es mostra la resposta del sistema a les accions de cada

15 “output” — 2019/7/1 — 14:54 — page 16 — #30

Taula 4.1: Llistat dels principals tipus de rols que interactuen, breu descripcio´ i les corresponents interaccions. 16 “output” — 2019/7/1 — 14:54 — page 17 — #31

Figura 4.1: Mapa de rols de persones usuaries.`

17 “output” — 2019/7/1 — 14:54 — page 18 — #32

persona usuaria` [1]. Els casos d’us´ del nostre sistema segons els diferents rols son´ els seguents:¨ Tasca del conjunt de rols de ‘biblioteques i persones voluntaries’` :

• Utilitzar la plataforma (taula 4.2).

Accio´ de la persona usuaria` Resposta del sistema presentar les diferents tasques que pot realitzar escollir i seleccionar la tasca desitjada mostrar la tasca seleccionada

Taula 4.2: Resposta del sistema a la tasca ’Utilitzar la plataforma’.

Tasca del conjunt de rols de ‘biblioteca/voluntaria` interessada’:

• Inscriure’s com a biblioteca o com a persona voluntaria` (taula 4.3).

Accio´ de la persona usuaria` Resposta del sistema presentar el formulari emplenar les dades del formulari guardar les dades i incorporar-les a la seva base de dades enviar un correu de conﬁrmacio´ a la persona usuaria` amb les dades que ha introdu¨ıt

Taula 4.3: Resposta del sistema a la tasca ’Inscriure’s com a biblioteca o com a persona voluntaria’.`

Tasca del conjunt de rols de ‘biblioteca/voluntaria` realitzadora de Code Club’:

• Entregar els documents (taula 4.4).

Tasques del conjunt de rol ‘persona gestora de Code Club’:

• Utilitzar les tres diferents gestions persones usuaries,` correus electronics` o documents (taula 4.5).

• Modiﬁcar el formulari d’inscripcio,´ ja sigui de biblioteques o persones voluntaries` (taula 4.6).

Tasques del conjunt de rol ‘persona gestora de persones usuaries’` :

18 “output” — 2019/7/1 — 14:54 — page 19 — #33

Accio´ de la persona usuaria` Resposta del sistema presentar els diferents documents necessaris carregar els documents demanats guardar els documents en la persona usuaria` corresponent dins la base de dades enviar un correu de conﬁrmacio´ a la persona usuaria` amb les dades que ha introdu¨ıt

Taula 4.4: Resposta del sistema a la tasca ’Entregar els documents’.

Accio´ de la persona usuaria` Resposta del sistema presentar les tres opcions de gestio´ seleccionar la gestio´ que es desitgi mostrar les opcions de la gestio´ seleccionada

Taula 4.5: Resposta del sistema a la tasca ’Utilitzar les tres diferents gestions persones usuaries,` correus electronics` o documents’.

Accio´ de la persona usuaria` Resposta del sistema presentar les dades possibles a modificar del formulari modificar les dades desitjades guardar la modificacio´ del formulari

Taula 4.6: Resposta del sistema a la tasca ’Modiﬁcar el formulari d’inscripcio,´ ja sigui de biblioteques o persones voluntaries’.`

• Utilitzar la gestio´ de persones usuaries` (taula 4.7).

• Cercar una persona usuaria` en concret (taula 4.8).

• Modiﬁcar alguna dada d’una persona usuaria` en concret (taula 4.9).

• Crear un grup per tenir les persones participants de un Code Club en concret totes agrupades (taula 4.10).

Accio´ de la persona usuaria` Resposta del sistema presentar les opcions dins la gestio´ de persones usuaries` seleccionar l’opcio´ que es desitgi mostrar l’opcio´ seleccionada

Taula 4.7: Resposta del sistema a la tasca ’Utilitzar la gestio´ de persones usuaries’.`

19 “output” — 2019/7/1 — 14:54 — page 20 — #34

Accio´ de la persona usuaria` Resposta del sistema presentar les opcions de cerca afegir els elements de cerca (nom, tipus de contacta,...) de la persona que busca consultar a la base de dades segons els elements de cerca i mostrar els resultats

Taula 4.8: Resposta del sistema a la tasca ’Cercar una persona usuaria` en concret’.

Accio´ de la persona usuaria` Resposta del sistema mostrar la persona usuaria` en concret que s’hagi cercat premer´ sobre la dada a modificar permetre modificar la dada modificar la dada guardar la dada en la DDBB

Taula 4.9: Resposta del sistema a la tasca ’Modiﬁcar alguna dada d’una persona usuaria` en concret’.

Accio´ de la persona usuaria` Resposta del sistema mostrar les opcions de tipus de contactes seleccionar el contacte ‘grup’ mostrar els parametres` del grup (nom, per exemple) emplenar els parametres` del grup guardar els parametres` i permetre afegir persones al grup buscar les persones desitjades i afegir-les guardar el grup amb el nom i les persones membres

Taula 4.10: Resposta del sistema a la tasca ’Crear un grup per tenir les persones participants de un Code Club en concret totes agrupades’.

Tasques del conjunt de rol ‘persona gestora de correus electronics’` :

• Utilitzar la gestio´ de correus electronics` (taula 4.11).

• Enviar un correu electronic` a una persona usuaria` o col·lectiu en concret. (taula 4.12).

• Enviar un correu electronic` amb un format concret utilitzant una plantilla

20 “output” — 2019/7/1 — 14:54 — page 21 — #35

(taula 4.13).

• Afegir una plantilla nova (taula 4.14).

Accio´ de la persona usuaria` Resposta del sistema presentar les opcions dins la gestio´ de correu electronics` seleccionar l’opcio´ que es desitgi mostrar l’opcio´ seleccionada

Taula 4.11: Resposta del sistema a la tasca ’Utilitzar la gestio´ de correus electronics’.`

Accio´ de la persona usuaria` Resposta del sistema mostrar la persona usuaria/col` ·lectiu en concret que s’hagi cercat per a enviar el correu electronic` mostrar les accions que pot realitzar sobre aquella persona usuaria/col` ·lectiu seleccionar enviar correu electronic` mostrar els elements a emplenar del correu electronic` emplenar els elements guardar els elements i enviar el correu a la persona/col·lectiu escollit

Taula 4.12: Resposta del sistema a la tasca ’Enviar un correu electronic` a una persona usuaria` o col·lectiu en concret’.

Tasques del conjunt de rol ‘persona gestora de documents’:

• Utilitzar la gestio´ de documents (taula 4.15).

• Visualitzar els documents entregats per una persona usuaria` en concret (taula 4.16).

• Afegir la sol·licitud d’un document necessari, ja sigui pel conjunt de biblioteques o persones voluntaries` (taula 4.17).

21 “output” — 2019/7/1 — 14:54 — page 22 — #36

Accio´ de la persona usuaria` Resposta del sistema un cop seleccionat la persona/col·lectiu que volem enviar el correu electronic` mostrar l’opcio´ de enviar correu electronic` utilitzant una plantilla premer´ l’opcio´ mostrar les plantilles disponibles seleccionar la plantilla desitjada mostrar els elements de la plantilla seleccionada revisar els elements i premer´ enviar enviar el correu plantilla escollit a les persones/col·lectiu escollit

Taula 4.13: Resposta del sistema a la tasca ’Enviar un correu electronic` amb un format concret utilitzant una plantilla’.

Accio´ de la persona usuaria` Resposta del sistema mostrar l’opcio´ d’afegir plantilla seleccionar l’opcio´ afegir plantilla mostrar els elements de la plantilla a emplenar seleccionar la plantilla desitjada mostrar els elements de la plantilla seleccionada emplenar els elements de la plantilla guardar la plantilla dins la DDBB

Taula 4.14: Resposta del sistema a la tasca ’Afegir una plantilla nova’.

Accio´ de la persona usuaria` Resposta del sistema presentar les opcions dins la gestio´ de documents seleccionar l’opcio´ que es desitgi mostrar l’opcio´ seleccionada

Taula 4.15: Resposta del sistema a la tasca ’Utilitzar la gestio´ de documents’.

Per tenir una visio´ mes´ completa de les tasques i casos d’us´ deﬁnim un mapa per representar les relacions que tenen entre ells (ﬁgura 4.2). En tercer lloc, per entendre com es desencadena una activitat extraescolar dins del projecte “Code Club a les Biblioteques” es modelitza el treball en forma de model de successio.´ On es fa una representacio´ que detalla les accions, el seu

22 “output” — 2019/7/1 — 14:54 — page 23 — #37

Accio´ de la persona usuaria` Resposta del sistema un cop seleccionat la persona usuaria` de qui volem visualitzar les documents mostrar l’opcio´ de mostrar els documents necessaris escollir l’opcio´ de mostrar el documents mostrar els diferents documents carregats

Taula 4.16: Resposta del sistema a la tasca ’Visualitzar els documents entregats per una persona usuaria` en concret’.

Accio´ de la persona usuaria` Resposta del sistema mostrar l’opcio´ d’afegir document necessari seleccionar l’opcio´ d’afegir document mostrar els parametres` del nou document a emplenar emplenar els parametres` per un nou document guardar el document a la DDBB

Taula 4.17: Resposta del sistema a la tasca ’Afegir la sol·licitud d’un document necessari, ja sigui pel conjunt de biblioteques o persones voluntaries.` ordre, bucles , branques i trencaments i s’identifiquen triggers; desencadenants d’accions [1]. En el model de successions de la figura 4.3 s’il·lustra els passos que desencadenen l’inici de l’activitat extraescolar, i per tant, els passos que ha de realitzar el sistema creat mitjançant CiviCRM [1].

23 “output” — 2019/7/1 — 14:54 — page 24 — #38

Figura 4.2: Mapa de casos d’us´ amb les relacions d’especialitzacio,´ extensio,´ composicio´ i aﬁnitat.

24 “output” — 2019/7/1 — 14:54 — page 25 — #39

Figura 4.3: Model de successio´ per a l’activitat extraescolar dins del projecte “Code Club a les Biblioteques”. 25 “output” — 2019/7/1 — 14:54 — page 26 — #40

4.2 Estudi de solucions

En aquest apartat es fa una serie` de propostes com a solucio´ del problema i s’es- colleix la mes´ adequada.

4.2.1 Estudi de tecnologies En aquest subapartat es fa un estudi de les diferents tecnologies possibles per a complir els diferents objectius i requeriments de l’anterior apartat. Recordem l’especificacio´ del requeriment no funcional numero´ 4: pel que fa a la implementacio,´ caldria utilitzar preferiblement una tecnologia de codi obert, es´ a dir, de programari lliure i gratu¨ıta. A mes,´ en concret, es´ proposa la utilitzacio´ d’un sistema de gestio´ de relacions amb clients, un CRM, que disposi d’una bona gestio´ de voluntariat i que funcioni sobre Drupal i sigui de codi obert. Aix´ı doncs, en primer lloc, que` es´ un CRM? Una completa i bona definicio´ de Customer Relationship Management ens la exposa Kincaid en el seu llibre [6]. Un CRM, o gestio´ de relacions amb clients, es´ l’us´ estrategic` d’informacio,´ processos, tecnologia i persones per gestionar la relacio´ del client amb la empresa (marqueting,` vendes, serveis i suport) al llarg del cicle de vida del client. Es´ a dir, CRM inclou totes les funcions que toquen directament al client durant tota la seva vida en l’empresa; inclou funcions com marqueting,` vendes, serveis al client i suport del producte. A mes,´ es tracta d’un impacte estrategic,` no pas, d’un impacte operacional, per tant, els beneficis son´ a llarg termini. Amb aquesta definicio´ de CRM queda evident que un CRM es´ el que demana la nostra necessitat. Amb la finalitat de gestionar tot allo` que es relaciona amb els clients i recopilar tot el coneixement dels clients en un sol sistema. En aquest cas, els clients son´ les persones voluntaries` i les biblioteques. En segon lloc, el que ens interessa coneixer` son´ els diferents softwares CRM que estan en us.´ Donat que el sistema ha de ser gratu¨ıt i de codi obert, podem dividir els CRM en tres grups: • CRM de propietat privada, per tant, son´ versions pagades i de codi privat.

• CRM de propietat lliure, pero` amb versions il·limitades de completa funcionalitat.

• CRM de codi obert, i per tant, codi disponible i lliure. El grup que interessa en aquest cas es´ el darrer, pero` abans, fem un cop d’ull al primer grup per a coneixer` els CRM mes´ coneguts al mercat. Segons un estudi de Capterra en data de desembre del 20181 (un servei web que te´ com a objectiu

1https://www.capterra.com/customer-relationship-management-software

26 “output” — 2019/7/1 — 14:54 — page 27 — #41

ajudar a les empreses a trobar solucions de software mitjanc¸ant revisions valides` d’usuaris/aries` i investigacions independents a traves´ de centenars de categories de programari comercial) en el ‘top cinc’ segons els numero´ total d’usuaris i usuaries` tenim:

1. Zoho CRM - tot i que disposa d’una edicio´ gratu¨ıta amb certes restriccions, es tracta d’una empresa de titularitat privada.

2. SAP CRM - no es´ gratu¨ıt te´ un preu de a partir d’uns $58 al mes.

3. Salesforce - no es´ gratu¨ıt te´ un preu de a partir d’uns 25eal mes.

4. OracleOracle Sales Cloud - no es´ gratu¨ıt te´ un preu de a partir d’uns $65 al mes.

5. Dynamics CRM - no es´ gratu¨ıt te´ un preu de a partir d’uns $115 al mes.

Ara s´ı, estudiem els CRM de codi obert. Centrem-nos primer, en la comparativa de quatre estudis de CRMs de codi obert. Veiem una taula 4.18 comparativa entre: Par Research, una plataforma de descobriment B2B (business-to-bussines) que ofereix bones practiques,` guies de compra, revisions, classiﬁcacions, compa- racions, investigacions, comentaris i analisis` de programari i serveis empresari- als2, ens dona el top ten de open source CRM software; Medium, una plataforma de periodisme social, amb una col·laboracio´ h´ıbrida de persones i publicacions aﬁcionades i professionals3 ens dona 8 alternatives open source al CRM Salesfor- ce (com hem vist, un CRM molt utilitzat) en l’any 2017; OpenSource, on Scott Nesbitt, un usuari de programari lliure de codi obert durant molt temps i escriptor de diversos blogs4 ens dona el top sis de les open source CRM durant el 2016; i CrmSearch, on Chris Bucholtz, comercialitzador de continguts, especialista en relacions d’analistes, editor i escriptor; i acutalment centrat en CRM i Business Finance5 ens ofereix el top ten de sistemes CRM open source. Per tant, dels CRM de programari lliure, destaquen: CiviCRM, Espo CRM, Fat Free CRM, Suite CRM i Vtiger. D’aquests, vegem a la taula 4.19 quins compleixen els requeriments per complet, per tant, quins disposen d’una bona gestio´ de voluntariat i d’una funcionalitat sobre Drupal. Finalment, CiviCRM es´ el sistema que s’adapta a la nostre necessitat i, per tant, compleix els requeriments i ens sera` util´ per aconseguir els objectius de manera satisfactoria.` 2https://www.predictiveanalyticstoday.com/top-free-open-source-crm-software/ 3https://medium.com/@sunawang/8-open-source-crm-alternatives-to-salesforce- 215059cbf8b5 4https://opensource.com/business/16/2/top-6-open-source-crm-tools-2016 5http://www.crmsearch.com/top-10-open-source-crm-systems.php

27 “output” — 2019/7/1 — 14:54 — page 28 — #42

Comparativa / Par Research Medium OpenSource CRMSearch CRM Bitrix24 - 2 - - CentraView - - - 8 CiviCRM 8 7 x 10 Compiere - - - 6 Epesi 5 - - - Espo CRM 7 5 x - Fat Free CRM 9 8 x - Odoo CRM 3 - - - Opentaps - - - 7 Oro CRM - 6 x - Splendid CRM 10 - - 3 Sugar CRM 2 - - 1 Suite CRM 4 1 x - Vtiger 1 3 - 2 X2CRM 6 - - - XRMS - - - 9 Xtuple - - - 4 Zurmo - 4 x -

Taula 4.18: Comparativa open source CRM, en groc els que han aparegut en tres o mes´ dels quatre estudis.

CRM / CiviCRM Espo CRM OpenSource CRMSearch Requeriment Gestio´ de S´ı No No espec´ıﬁcament No voluntariat Funcionalitat S´ı, te´ una extensio´ S´ı No No sobre Drupal per a CMS Drupal 7

Taula 4.19: Analisi` del compliment dels requeriments, en groc el que compleix tots els requeriments.

4.2.2 Tecnologia escollida Despres´ de comparar i fer un balanc¸de les possibles tecnologies ha utilitzar, Ci- viCRM es´ la mes´ adecuada en aquest projecte. Per una banda, perque` es´ la sorgida de l’estudi de tecnologies i per tant, la que s’espera que s’adapti millor a la necessitat del projecte. Per altra banda, hi ha moltes altres raons per conﬁar i escollir CiviCRM.

28 “output” — 2019/7/1 — 14:54 — page 29 — #43

CiviCRM ofereix suport mitjançant la seva propia` viquipedia,` anomenada Ci- viCRM Documentation6 i un llibre en l´ınia7 on hi pots trobar documentacio´ per a administradors/ores, usuaris/aries` i desenvolupadors/ores. En concret, tambe´ ofereix suport per als desenvolupadors. Els desenvolupadors son´ aquells que volen modificar o ampliar el nucli del programari que l’equip de CiviCRM distribueix i mante.´ Aquests disposen de recursos en l´ınia, un canal de xat IRC (Internet Re- lay Chat)8 que proporciona conversa en temps real, un forum` anomenat CiviCRM Stack Exchange9, que pot donar suggeriments per a solucions simples; entre d’altres forums` addicionals de suport10, i esdeveniments periodics` de formacio´ com CiviCon (conferencies), un cop a l’any el CiviDay o ’CiviCRM meet-up groups’. Tambe´ disposa d’una iniciativa iniciada l’agost del 2010 anomenada Make It Hap- pen (MIH); aquesta ha ajudat a donar suport a molts usuaris/aries` i consultors/ores per a diverses noves funcions. El programa funciona quan una organitzacio´ defi- neix les especificacions i el pressupost requerit d’una duna funcionalitat. L’organitzacio´ s’encarrega de buscar patrocini i suport i finalment es comença a treballar i incorporar la funcionalitat en el programari basic` per a que tothom se’n pugui beneficiar. CiviCRM es´ un gestor utilitzat per moltes empreses, i per tant, fiabilitat per part de les empreses. Empreses sense anim` de lucre, com Amnist´ıa Internacional o la caritat de recerca de cancer` de sang de del Regne Unit, Bloodwise. Radio Televisio´ Espanyola ja el 2014 posava emfasis` en CiviCRM en la seguent¨ not´ıcia11 on destaca que “qualsevol usuari amb coneixements mitjans o avançats en informatica` es capaçde utilitzar-lo”, que “existeix una amplia comunitat que millora i desenvolupa el software - tenen un gestor de incidencies-, pots trobar videotutorials i guies per aprendre a utilitzar-lo” i que “potser molts dels dubtes que es presentin a l’usuari ja estan` resposts en el foro de la comunitat CiviCRM”. CiviCRM es´ un sistema textbfutilitzat en la nostra zona geografica,` l’empresa Ixiam12 es´ una consultoria tecnologica` de Barcelona on realitzen eines de codi obert amb entitats que busquen generar un impacte social i ho fan amb CiviCRM. Tot seguit, una descripcio´ i explicacio´ de la tecnologia que s’utilitza. Tenim, per una banda, Drupal, necessari per a la instal·lacio´ de CiviCRM; i per l’altre, el propi CiviCRM.

6http://wiki.civicrm.org 7https://docs.civicrm.org 8http://freenode.net 9https://civicrm.stackexchange.com 10http://forum.civicrm.org 11http://www.rtve.es/noticias/20140130/civicrm-herramienta-software-libre-ayuda-ong- gestionar-datos/865740.shtml 12https://www.ixiam.com/es

29 “output” — 2019/7/1 — 14:54 — page 30 — #44

Drupal Drupal13 es un sistema de gestio´ de contingut (Content Management System), modular, gratu¨ıt i de codi obert, escrit en PHP. Permet construir diferents formats de pagines` web, adaptant-se a les necessitats particulars de cada cas. Com s’ha dit, Drupal es´ un sistema modular; es´ a dir, consta de moduls,` que afegeixes segon convingui. Els moduls` son´ elements que permeten afegir noves funcionalitat a Drupal per adaptarlo a les necessitats de cada lloc web; son´ plu- guins que amplien les funcionalitats. Els moduls` es divideixen en dos grans grups: els Core Modules, que venen per defecte a Drupal; i els Contributed Modules, que no venen per defecte i son´ desenvolupats per la comunitat que dona suport a Dru- pal. En aquest projecte, CiviCRM es´ el modul` utilitzat per excel·lencia` de Drupal; entre d’altres que s’aniran describin en proxims` cap´ıtols.

CiviCRM CiviCRM14 es tracta d’un gestor de relacions amb clients (Custom Relationship Management) de codi obert constru¨ıt com un modul` de CMS i es por utilitzar amb totes les plataformes CMS de codi obert principals, com ara Drupal. Esta` basat en web i dissenyat per gestionar informacio´ sobre els membres i donants, registrar esdeveniments, gestio´ de correu electronic,` entre d’altres: a mes,´ es´ utilitzat, en especial, per organitzacions sense anim` de lucre. CiviCRM esta` constru¨ıt utilitzant PHP, Smarty, jQuery and JavaScript pur, i es connecta a una base de dades MySQL. Per entendre millor que` es´ CiviCRM, cal destaca el concepte de Constitu- ent Relationship Management (CRM), que es´ l’equivalent sense anim` de lucre de Customer Relationship Management. Com s’explica en el llibre de [5] CRM es´ el conjunt de processos i tecnologies de suport utilitzades per iniciar i millorar les relacions amb els components. La gestio´ de relacions amb els components implica tots els ﬂuxos de treball, processos i informes que una organitzacio´ utilitza per aconseguir els seus objectius. CiviCRM agrupa diferents caracter´ıstiques com podem observar en la ﬁgura 4.4 i, a continuacio,´ una breu descripcio´ de cadascuna d’elles.

• La gestio´ de contactes permet emmagatzemar automaticament` totes les dades de contacte en un sol lloc, creant un registre uniﬁcat i complet per a cada component.

• CiviCRM es´ conﬁgurable i personalitzable. La llicencia` de codi obert de

13https://www.drupal.org 14https://civicrm.org

30 “output” — 2019/7/1 — 14:54 — page 31 — #45

Figura 4.4: Caracter´ıstiques mes´ destacades de CiviCRM; en blau aquelles que s’utilitzen en el projecte (blau fosc com a requeriment principal, blau clar com a requeriment secundari)

31 “output” — 2019/7/1 — 14:54 — page 32 — #46

CiviCRM permet trobar un programador adequat per adaptar-la a una instal·lacio´ espec´ıﬁca a les necessitats de cada empresa.

• La gestio´ de membres permet a les persones f´ısiques registrar-se i pagar la seva membres´ıa en l´ınia, rebre avisos automatics` de renovacio´ de membres i rebre correus electronics` nomes´ per membres.

• La integracio´ de comptes permet exportar totes les transaccions ﬁnanceres i importar-les al programari de comptabilitat.

• La gestio´ de casos permet a les organitzacions crear, gestionar i realitzar un seguiment de ﬂuxos de treball senzills o soﬁsticats de gestio´ de casos. Per exemple, registrar els resultats d’una conversa telefonica` amb un component.

• La gestio´ d’esdeveniments proporciona un conjunt complet d’eines per exe- cutar esdeveniments i registrar l’assistencia` d’un component en el seu registre d’activitat.

• El marqueting` per correu electronic` permet crear i gestionar llistes de correu massives. Tambe´ permet segmentar les llistes, fer proves i controlar les estad´ıstiques.

• La gestio´ de la contribucio´ permet provar i fer un seguiment de les contribucions, enviar informes sobre les dades en un proces´ de ﬂux de treball elegant i intu¨ıtiu.

• CiviCRM permet crear campanyes de promocio´ i rastrejant el progres´ dels esdeveniments, enviaments, activitats i contribucions d’una campanya.

• La recaptacio´ de fons entre iguals permet als membres i donantes poder obtenir fons en nom de la propia` organizacion´ a traves´ de campanyes personals.

• CiviCRM permet crear informes triant un dels 40 informes estandrd` o con- ﬁgurant i creant-n’he un de personalitzat per avaluar l’impacte de l’organitzacio.´

• CiviCRM es´ pot integrar amb els seguents¨ CMS: Drupal, Wordpress i Jo- omla.

Com exposa Tereso en el seu recull de sistemes de codi obert de CRM per a petites i mitjanes empreses, i relacionat amb les caracter`ıstiques de CiviCRM; el sistema inclou uns components opcionals que proporcionen un millor servei de suport a

32 “output” — 2019/7/1 — 14:54 — page 33 — #47

Figura 4.5: Mapa conceptual dels diferents components que disposa CiviCRM, en lletra de color negra els que s’utilitzen (CiviCase i CiviEvent potser (segon requeriment) i en blanc els que no. 33 “output” — 2019/7/1 — 14:54 — page 34 — #48

les persones usuaries` [11]. En la ﬁgura 4.5 seguent¨ les tenim representades amb algunes de les seves funcionalitats. A banda, cal donar especial emfasis` a l’extensio´ CiviVolunteer que ofereix CiviCRM; per ara no s’utilitzara,` ja que no disposa de tanta documentacio´ com la resta; pero` es tindra` en compte per mes´ endavant.

34 “output” — 2019/7/1 — 14:54 — page 35 — #49

Cap´ıtol 5

IMPLEMENTACIO´

En aquest cap´ıtol es veu detalladament com s’ha implementat el disseny esmentat anteriorment. Aquest s’ha fet seguint les pautes que podem trobar a la web de CiviCRM i amb l’ajut de desenes de v´ıdeo tutorials que hi ha per Internet, tant en pagines` oﬁcials de CiviCRM com a Youtube. Per una banda, hi ha un analisis` del elements necessaris a nivell de sistema per a que` funcioni i, per altra banda, una mostra en detall del funcionament del sistema una vegada implementat (separat en els tres apartats de gestio).´ Pel que fa els elements necessaris per a que el sistema pugui funcionar, equiva- len als requeriments d’instal·lacio´ del sistema, el qual es´ CiviCRM. Es poden veure en la ﬁgura 5.1. Aix´ı doncs, el sistema creat utilitza el servidor extern i-MSCP

Figura 5.1: Mapa conceptual dels diferents elements necessaris per al bon funcionament de CiviCRM.

35 “output” — 2019/7/1 — 14:54 — page 36 — #50

(Internet Multi Server Control Panel)1. Aquest es´ un projecte de codi obert que permet la gestio´ d’entorns d’allotjament compartit en servidors Linux. Proporcio- na, per una banda, un interf´ıcie d’usuari web, tant per administrador, distribu¨ıdor i clients i, per altra banda, una gestio´ de servidors sense cap intervencio´ manual, com ara MySQL o MariaDB. Aquest servidor es´ propietat del gestor de Code Club: Colectic. En aquest servidor cal instal·lar el programari, Drupal i CiviCRM. Un cop feta la instal·lacio´ es´ necessaria` una configuracio´ inicial. Aquesta, pero,` no es´ definitiva, ja que a mesura que es van fent implementacions aquesta configuracio´ s’ha d’anar retocant. Alguns dels parametres` de la configuracio´ inicial son:´

• Seleccio´ dels components que volem utilitzar; inicialment, CiviMember i CiviMail.

• Personalitzacio´ del menu´ de preferencies.`

• Deﬁnicio´ de les preferencies` alhora de fer cerques en el buscador.

• Conﬁguracio´ de la pagina` inicial de CiviCRM, anomenada Dashboard.

• Conﬁguracio´ de l’adrec¸a de correu electronic` principal on s’enviara` copies` de cadascun dels correus que s’envi¨ın.

A mes,´ el sistema creat tambe´ disposa d’una BBDD i un correu electronic` corporatiu,que son´ proporcionats per Colectic. Abans d’entrar en detall en com s’ha desenvolupat cada una de les tres gestions (persones usuaries,` correu electronic` i documents) coneixem a nivell general l’entorn on es´ treballa; CiviCRM i Drupal. La pantalla inicial de Drupal conte´ una barra superior que permet crear continguts de la web i modificar-los, una segona barra personalitzable amb dreceres, una capçalera amb el menu´ dels diferents continguts creats per a la web i el cos on veiem l’element escollit en el menu´ (vegeu figura 5.2). Per altra banda, la pantalla inicial de CiviCRM es´ similar a la de Drupal, pero` la barra superior conte´ aquells elements que possibiliten la gestio´ de contactes (Contacts), de correu electronic` (Mailings), d’administrador (Administer) i ajuda (Support) (vegeu figura 5.3). Ara veiem com s’ha desenvolupat el sistema per a cada gestio:´ la gestio´ de persones usuaries,` la gestio´ de correu electronic` i la gestio´ de documents.

1https://sourceforge.net/projects/i-mscp/

36 “output” — 2019/7/1 — 14:54 — page 37 — #51

Figura 5.2: Dibuix esquematic` de la pantalla inicial de Drupal.

Figura 5.3: Zoom en la pantalla inicial de CiviCRM.

5.1 Gestio´ de persones usuaries`

Els elements que calen en l’apartat de gestio´ de persones dins de CiviCRM son:´

• Dos formularis d’inscripcio,´ un per les biblioteques i un altre per les persones voluntaries` i/o estudiants. • Una base de dades amb totes les persones usuaries.`

Aix´ı doncs, pels formularis d’inscripcio´ es´ necessari afegir el modul` Webforms a Drupal. Aquest modul` te´ moltes funcionalitats, entre elles, i les que utilitza el sistema, es´ poden dividir en tres grans grups: de connectivitat, de conﬁguracio´ i de correu electronic.`

37 “output” — 2019/7/1 — 14:54 — page 38 — #52

En quant la connectivitat; permet crear el formulari amb connexio´ a CiviCRM, per a guardar les dades al sistema i a la nostra base de dades connectada amb aquest automaticament.` En quant la configuracio´ del formulari; facilita la creacio´ de formularis amb dades i estructura predeterminades, permet personalitzar la informacio´ web un cop completat i enviat el formulari; per exemple un missatge d’agra¨ıment, i permet guardar un registre dels formularis complerts accessible des del mateix contenidor on s’ha creat el formulari. En quant a correu electronic` (i per tant, millora la gestio´ de correu electronic` plantejada pel projecte), permet generar un correu de electronic` al destinatari de- terminat encarregat de la gestio´ de Code Club Catalunya per a que pugui tenir un registre a la bustia´ de correu de qui s’ha registrat i les dades que ha introdu¨ıt. Tambe´ permet generar un correu electronic` a l’usuari que completa el formulari amb la finalitat de agrair-li la inscripcio´ o informar-lo dels seguents¨ passos o avisos. En personalitzar cadascun dels formularis (formulari d’inscripcio´ del voluntariat i de les biblioteques), aquests queden com podem veure en l’annexA.1. Un cop l’usuari ha omplert el formulari les seves dades es guarden en una fitxa propia` d’usuari dins de CiviCRM de la forma com es veu en l’annexA.2. Finalment, en la mapa conceptual de la figura 5.4 podem veure les relacions amb que` es guarden les dades introdu¨ıdes. En primer lloc, una persona usuaria` dins el sistema s’anomena ’contacte’. Un contacte pot ser de dos tipologies, o de tipus ’organitzacio’,´ i per tant, son´ les nostres persones usuaries` biblioteques, o de tipus ’individual’, que son´ les nostres persones voluntaries.` En segon lloc, el sistema te´ tres tipus de dades per a guardar en cada tipologia: tags, dades personalitzades o relacions. Aquests tres tipus de dades han estat utilitzades com mes´ han convingut. Aix´ı doncs, tenim un tag tipus disponibilitat horaria` i un tag tipus persona activa, tenim una relacio´ tipus ’interessat en’ i unes dades personalitzades guardades en quatre grups: tipus ’formulari biblioteca’, tipus ’formulari voluntariat, tipus ’experiencia` i coneixements previs’ i tipus ’drets d’imatge i proteccio´ de dades personals’. Finalment, totes aquestes dades amb la tipologia corresponents es guarden en el contacte corresponent un cop enviat el formulari d’inscripcio.´

5.2 Gestio´ de correu electronic`

Pel que fa a la gestio´ de correu electronic,` ja tenim del l’apartat anterior els correus electronics` automatics` de conﬁrmacio´ d’inscripcio´ que s’envien a la gestio´ de Code Club i al usuari inscrit. Ara cal enviar correus per les agrupacions, esmentades en el requeriment 2; i generar plantilles de correus electronics` per a facilitar la redaccio´ de cadascun d’ells i crear una l´ınia comuna. Per una banda, les agrupacions per a enviar correus a un conjunt de persones

38 “output” — 2019/7/1 — 14:54 — page 39 — #53

Figura 5.4: Relacions de la BBDD que guarda les dades dels contactes. 39 “output” — 2019/7/1 — 14:54 — page 40 — #54

usuaries` es poden fer mitjançant la zona de cerca d’aquestes. Aix´ı doncs, acotar la cerca segons convingui. Des de la cerca avançada podem mostrar les persones usuaries` que pertanyen a un mateix grup: que tinguin la mateixa disponibilitat horaria` o preferencia` de formacio´ obligatoria,` persones beneficiades amb credits` universitaris, persones que estudien en una mateixa universitat; i tambe´ altres cerques per: nom, correu electronic,` adreça, localitat, etc. Un cop feta la cerca nomes´ cal seleccionar aquelles persones usuaries` que volem enviar el correu electronic` i emplenar el que ens demana el sistema en referencia` al correu electronic.` El sistema emplena per defecte l’origen i el dest´ı del correu electronic,` i permet escollir una plantilla (que pots modificar al moment) o escriure un correu nou. A mes,´ permet afegir-hi documents adjunts (figura 5.5). En quant a l’estructura del correu electronic,` el correu electronic` es pot escriure en format HTML o format de text pla. Per altra banda, les plantilles de correus electronics` necessaries` son´ les esmentades a la taula 5.1.

Tipus de correu Destinatari Frequëncia` electronic` Cada vegada que hi hagi un possible Code Club donada Persona voluntaria` i la coincidencia` entre la Informar de coincidencia` biblioteca en concret disponibilitat i posicio´ geografica` de persona voluntaria` i biblioteca Informar de formacio´ previa` Voluntariat Quan hi hagi una formacio´ Confirmar entrega certificat Quan hagim` rebut el correu Voluntariat i biblioteques antecedents delictes sexuals de confirmacio´ En el proces´ de formalitzar Sol·licitar un document Voluntariat i biblioteques l’activitat extraescolar

Taula 5.1: Llistat de plantilles de correus electronics` necessaries`

A la ﬁgura 5.6 observem com es guarden el llistat de plantilles dins del sistema. I en la ﬁgura 5.7, un exemple de la maquetacio´ d’un correu electronic.`

5.3 Gestio´ de documents

L’entrega de documents es fa mitjanc¸ant el mateix modul` de formulari que en la gestio´ de persones usuaries.` En l’annexA.3 veiem el formulari de Documentacio´ necessaria` de les biblioteques i del voluntariat. Com en el cas de la inscripcio´

40 “output” — 2019/7/1 — 14:54 — page 41 — #55

Figura 5.5: Captura de pantalla dels diferents formats en que es pot escriure un correu electronic` i de la opcio´ per a adjuntar un ﬁtxer.

41 “output” — 2019/7/1 — 14:54 — page 42 — #56

Figura 5.6: Captura del llistat de plantilles de correu electronic` del sistema.

42 “output” — 2019/7/1 — 14:54 — page 43 — #57

Figura 5.7: Captura d’exemple missatge ’Av´ıs de formacio´ previa’.`

43 “output” — 2019/7/1 — 14:54 — page 44 — #58

de les persones usuaries,` els documents tambe´ es guarden en la base de dades, ho veiem en l’annexA.4 i; en el mapa conceptual de la ﬁgura 5.8 veiem la relacio´ amb que` es guarden aquestes dades dins del sistema. S’utilitza la tipologia ’dades personalitzades’ com en l’apartat de gestio´ de persones usuaries` i s’agru- pen en tipus ’documentacio´ necessaria` de les biblioteques’ i tipus ’documentacio´ necessaria` del voluntariat’.

44 “output” — 2019/7/1 — 14:54 — page 45 — #59

Figura 5.8: Relacions de la DDBB que guarda les dades dels documents. 45 “output” — 2019/7/1 — 14:54 — page 46 — #60 “output” — 2019/7/1 — 14:54 — page 47 — #61

Cap´ıtol 6

PRIMERA AVALUACIO´

En aquest cap´ıtol hi ha una primera avaluacio,´ de modalitat ’questionari¨ en l´ınia i reunio’,´ del sistema i seguidament, com a consequ¨encia,` una descripcio´ de les millores a introduir en el sistema atesos els resultats.

6.1 Avaluacio´ modalitat questionari¨ en l´ınia i reunio´

Per una banda, es fa una primera avaluacio´ de la implementacio´ amb la finalitat de analitzar si es compleixen els requeriments i objectius esmentats en el cap´ıtol 2 i detectar els possibles errors i millores. Aquesta primera avaluacio´ consta de dues parts; un questionari¨ en l´ınia mentre es visiona una gravacio´ de les diferents funcions del sistema , i una reunio.´ L’avaluacio´ te´ com a finalitat obtenir informacio´ sobre l’opinio,´ experiencies,` expectatives o millores respecte a l’implementacio´ inicial, per tant, el questionari¨ i la reunio´ es faran als stakeholders (coordinadora de Code Club i tutora del treball), ja que son´ elles qui coneixen el sistema actual, les seves limitacions i les necessitat que en manquen. Aix´ı doncs, en aquesta reunio´ les stakeholders manifestaran la seva visio´ i cr´ıtica sobre el sistema. Per a poder treure tot el profit possible de la reunio;´ entre 3 o 4 dies abans les stakeholders reben el questionari¨ amb l’enllaçal v´ıdeo 1 (vegeu annexA.5)

6.2 Resultats: descripcio´ de les millores

Un cop realitzat el questionari¨ en l´ınia i recollides les respostes (vegeu annexA.6), en les seguents¨ ﬁgures hi ha un llistat de les millores i modiﬁcacions que s’han

1https://forms.gle/ENADyzDPAKLDnQCS6

47 “output” — 2019/7/1 — 14:54 — page 48 — #62

exposat durant la reunio´ amb les seves caracter´ıstiques: de quin apartat es parla, el numero´ de identificacio,´ la persona que ha proposat la millora o modificacio´ i en quin moment/lloc, la complexitat tecnica` que la millora suposa, els requeriments o accions necessaries` per a que la millora o modificacio´ es pugui implementar, la rellevancia` que aquesta te´ dins del projecte (I:Importancia)` i finalment, si aquesta millora o modificacio´ s’implementa o no (R:Realitzacio).´ Per una banda, les millores i modificacions extretes de la visio´ com a persona usuaria` (taula 6.2). Per altra banda les millores i modificacions extretes de la visio´ com a persona usuaria` (taula 6.1). A banda de concretar les millores, en la reunio´ tambe´ es van resoldre alguns dubtes, es van acordar detalls del sistema i es van fer propostes que un cop co- mentades en la reunio´ es va veure que no eren valides` o necessaries.` Visio´ persona usuaria`

• Documentacio´ necessaria` del voluntariat i de les biblioteques

– La directora de Code Club no entenia com es fa la vinculacio´ dels documents amb cada persona usuaria` i com ens assegurem que el document que entrega es guarda en la seva fitxa personal (questionari¨ pregunta 1.3.1 i 1.4.1), ja que en el v´ıdeo no s’explica. ∗ Mitjançant els questionaris¨ d’inscripcio´ establim la connexio´ entre Drupal i CiviCRM, com s’ha dit anteriorment. Per una banda, en les persones voluntaries` el document es guarda en aquell usuari que escriu el mateix correu en la inscripcio´ i en la entrega de documents. Aixo` es´ possible gracies` a l’opcio´ Email(reserved) que veiem en la figura 6.1. En el cas de les biblioteques es faria de la mateixa manera, el problema, pero,` es que les biblioteques en tractar-se d’una Orga- nization no te´ cap opcio´ reservada (vegeu figura 6.2). Per tant, el document no es guarda automaticament` dins la seva fitxa personal; cal fer-ho manualment un cop rebem el correu de que una biblioteca ha entregat un document. – Durant la reunio´ es va comentar que el fet de introduir documents indicant el nom i el correu pot causar un problema en quant la persona usuaria` introdueix un correu electronic` diferent al que es va registrar. ∗ La forma d’evitar aquest problema seria utilitzant un sistema d’i- dentificacio´ d’usuaris, i per tant, implica tenir la millora ID 25 aplicada; la qual, com veiem en la figura, no es dura` a terme.

Visio´ persona gestora

48 “output” — 2019/7/1 — 14:54 — page 49 — #63

Taula 6.1: Millores i modiﬁcacions en la visio´ de persona usuaria.` 49 “output” — 2019/7/1 — 14:54 — page 50 — #64

Taula 6.2: Millores i modiﬁcacions en la visio´ de persona gestora.

50 “output” — 2019/7/1 — 14:54 — page 51 — #65

Figura 6.1: Visualitzacio´ de la conﬁguracio´ de la connexio´ entre Drupal i Ci- viCRM de les persones voluntaries.`

Figura 6.2: Visualitzacio´ de la conﬁguracio´ de la connexio´ entre Drupal i Ci- viCRM de les biblioteques (notar que no disposem de una opcio´ reservada).

51 “output” — 2019/7/1 — 14:54 — page 52 — #66

• Gestio´ de persones usuaries`

– La tutora del treball va proposar canviar el camp de tipu de persona usuaria` ‘Individual’ per ‘Voluntari/aria’` i ‘Organitzation’ per ‘Biblio- teca’ (questionari¨ pregunta 2.1.2) ∗ En comentar-se a la reunio,´ la directora de Code Club va informar que no es´ necessari, ja que de cara a gestions futures, ‘Or- ganization’ podria ser tant una biblioteca com una escola o altres institucions. – La tutora comentava que els correus electronics` que s’han enviat automaticament` en la inscripcio´ no consten en la fitxa de la persona usuaria` (questionari¨ pregunta 2.1.1) ∗ Es´ cert, es deu a una falta de transferencia` de dades d’aquests correus, ja que aquests correus automatics` s’envien des de Drupal i la gestio´ es fa des de CiviCRM. – La directora de Code Club demana exportar la relacio´ de persones usuaries` amb biblioteques assignades i la universitat on estudien en format CSV (questionari¨ pregunta 2.1.1) ∗ En primer lloc, cal fer la cerca del que necessitem exportar per a, seguidament, exportar-ho. Per fer la cerca, es fa des de Se- arch builder, es posen els parametres` necessaris i s’obte´ el resultat desitjat (vegeu figura 6.3). Finalment en la casella Actions es se- lecciona Export contacts i es descarrega el CSV 2. – La directora de Code Club vol coneixer` quantes persones estan assignades en un Code Club i biblioteca en concret (questionari¨ pregunta 2.1.1) ∗ Donat que sempre que tenim un Code Club es realitza amb una biblioteca en concret i que, en cada Code Club nou es configura un grup nou; nomes´ caldria fer la cerca des de Find Contacts del Code Club d’interes` (vegeu figura 6.4). – La directora de Code Club vol aclarir que` significa actiu i inactiu i si es´ la millor manera per a classificar- ho (questionari¨ pregunta 2.1.1) ∗ La idea inicial de la distincio´ entre tag actiu i inactiu es´ que un cop s’inscriu una persona usuaria` passa a tenir el tag actiu (participant) i en acabar l’any o donar-se de baixa voluntaria` canviar´ıem manualment al tag inactiu (no participant). Aquesta pot no ser la forma mes´ adequada per a controlar les persones, participants o

2https://docs.civicrm.org/user/en/4.6/common-workﬂows/exporting-your-contacts/

52 “output” — 2019/7/1 — 14:54 — page 53 — #67

Figura 6.3: Captura de la cerca per a poder exportar el que es demana.

Figura 6.4: Exemple de la cerca per a obtenir el que es demana.

no, any rere any, s’explica amb mes´ detall les solucions possibles en el punt 14.

53 “output” — 2019/7/1 — 14:54 — page 54 — #68

– La directora de Code Club comenta que el procediment d’assignacio´ de grups requereix bastant ‘clicks’ (questionari¨ pregunta 2.1.4). ∗ Donat que el sistema ve fet, no es pot posar solucio;´ pero` es te´ en compte per a valorar l’eﬁciencia` del sistema creat en relacio´ al sistema utilitzat ﬁns ara de Code Club.

• Gestio´ de correu electronic`

– La tutora del treball demana si es pot posar mes´ d’un correu corporatiu (questionari¨ pregunta 2.2.3) ∗ S´ı es pot, hi ha un element anomenat From email address on hi poses tots els correus electronics` que t’interessi rebre els missat- ges. – La tutora del treball pregunta si podem enviar un correu electronic` a totes les persones usuaries` de qualsevol cerca (questionari¨ pregunta 2.2.4). ∗ S´ı, un cop has fet la cerca desitjada a la opcio´ Actions (vegeu ﬁgura 6.3) selecciones Email - send now.

• Gestio´ de documents

– Durant la reunio´ es va aclarir si la tutora del treball havia acabat d’entendre com es combinen els camps amb els formulari (questionari¨ pregunta 2.3.1). ∗ Com be´ deia s’explicava mes´ endavant. – La directora de Code Club demana si pot exportar/descarregar els ‘certificats d’assistencia’,` per exemple, tots d’un sol cop (questionari¨ pregunta 2.3.1) ∗ Des de Search Builder es fa la cerca (vegeu figura 6.5) i s’obte´ un llistat de tots els Certificats, seguidament es poden anar descarre- gant. – La directora de Code Club demana si pot exportar conjunts o llistes (questionari¨ pregunta 2.5.1). ∗ Es fa igual que s’ha fet en el punt 5; primer fas la cerca que interessa i despres´ descarregues el CSV.

• Gestio´ general

54 “output” — 2019/7/1 — 14:54 — page 55 — #69

Figura 6.5: Exemple de la cerca per obtenir el que es demana.

– Durant l’entrevista i en diverses preguntes de l’avaluacio´ (questiona-¨ ri pregunta 1.1.1, 2.1.1 i 2.5.2) es pregunta quina seria la gestio´ necessaria` de cara a un segon any, i per tant, que` s’hauria de tenir en compte any rere any. ∗ El problema rau en la base de dades; es´ a dir, cada any s’inscriuen les persones que vulguen participar i s’afegeixen en la base de dades; en el cas de les persones voluntaries,` la seva participacio´ sol ser d’un sol any, per tant, aquella persona s’elimina de la base de dades o se li modifica el tag a ‘inactiu’? ; en el cas de les biblioteques, solen repetir, per tant, la biblioteca s’ha de tornar a inscriure, el tag ‘actiu’ es mante´ o es posa ‘inactiu’ i un cop ha confirmat la participacio´ es posa ‘actiu’?. Aix´ı doncs, tal i com esta` configurat el sistema actualment hi ha dues opcions: · S’eliminen tot el registre de persones usuaries` i per tant, les biblioteques que vulguin tornar a participar han de tornar a inscriure’s. · Es modifica el tag de actiu a inactiu i es pregunta a cada persona usuaria` si vol tornar a participar. – Durant l’entrevista es proposa una gestio´ mes´ automatitzada; es´ a dir, tenir un control mes´ exhaustiu del moment en que` es troba cada Code Club amb avisos per part del sistema de fites, dates o dades importants. ∗ El sistema ho permet, caldria afegir els components CiviEvent i CiviCase al CiviCRM i estudiar com funcionen i configurar-los. A grans trets, cada Code Club es tractaria de un ‘case’ diferent i cada activitats extraescolar dins d’un grup de Code Club seria un ’event’; de manera que hi hauria un seguiment de cada dia

55 “output” — 2019/7/1 — 14:54 — page 56 — #70

que es fes l’activitat, es podria enviar un correu de recordatori automaticament,` sol·licitar els documents necessaris en cada moment automaticament,` entre d’altres.

56 “output” — 2019/7/1 — 14:54 — page 57 — #71

Cap´ıtol 7

IMPLEMENTACIO´ DE LES MILLORES

En aquest cap´ıtol es descriuen i es mostren les millores realitzades en la implementacio´ com a consequ¨encia` de la primera avaluacio.´ Durant tot el cap´ıtol es fa referencia` a la ID de les millores que podeu trobar en les taules 6.2 i 6.1 del cap´ıtol anterior.

• Inscripcio´ com a biblioteca i com a persona voluntaria.`

Com a consequëncia` de la implementacio´ de les millores ID 1, 3, 6, 7, 8, 9, 10 i 11 el formulari d’inscripcio´ com a persona voluntaria` i com a biblioteca queden com podem veure en els respectiu enllaços al web del sistema: enllaçinscripcio´ persona voluntaria1 i enllaçinscripcio´ biblioteca2. En concret, a les figures 7.1 i 7.2 veiem les millores mes´ visuals d’aquests. Tambe,´ s’han modificar els correus electronics` generats automaticament` (millora ID 5), queden com podem veure en la figura 7.3 i 7.4. Per una banda, donada la alta complexitat tecnica` de introduir el nombre exacte de biblioteques disponibles i que aquest es modifiqui automaticament` (millora ID 12); i per altra, la impossibilitat per part del sistema de modificar l’ordre d’aparicio´ del camps de escollir tres de les biblioteques com a preferencia` (millora ID 13); aquestes millores no s’apliquen. A mes,´ la prova amb usuaris amb diferents opcions per a escollir tres biblioteques de preferencia,` tampoc es realitzara` per falta de temps.

• Documentacio´ necessaria` del voluntariat i les biblioteques

1http://gestio.codeclubcat.org/drupal/inscripcioVoluntariat 2http://gestio.codeclubcat.org/drupal/inscripcioBiblioteca

57 “output” — 2019/7/1 — 14:54 — page 58 — #72

Figura 7.1: Millores visualment destacades del formulari d’inscripcio´ com a persona voluntaria.`

Figura 7.2: Millores visualment destacades del formulari d’inscripcio´ com a biblioteca.

58 “output” — 2019/7/1 — 14:54 — page 59 — #73

Figura 7.3: Correu electronic` automatic` ﬁnal del formulari d’inscripcio´ com a persona voluntaria.` 59 “output” — 2019/7/1 — 14:54 — page 60 — #74

Figura 7.4: Correu electronic` automatic` ﬁnal del formulari d’inscripcio´ com a biblioteca.

Un cop aplicades les millores ID 15, 16 i 17 l’entrega de documents queda com podem veure en les ﬁgures 7.5 i 7.6 i els enllac¸os per entregar els documents son´ els seguents:¨

– http://gestio.codeclubcat.org/drupal/documentVoluntariat – http://gestio.codeclubcat.org/drupal/documentBiblioteques

• Gestio´ de persones usuaries`

La possibilitat de tenir una persona usuaria` amb mes´ d’un correu electronic` (millora ID 24) no es´ possible donat que les opcions de gestio´ no tenen en compte el nom sol; vegeu figura 6.1, hi hauria d’haver una opcio´ que fos ‘Name (reserved). Pel que fa al sistema d’identificacio´ de l’usuari (millora ID 25), per una banda, facilitaria la gestio´ en quant a diferents correus d’un mateix usuari (millora ID 24) donat que l’entrega de documents es faria mitjançant un login i no un questionari¨ i, tambe´ ajudaria a tenir una millor vinculacio´ dels documents que entreguen els usuaris (millora ID 19), ja que aquests podrien saber els documents que ja han entregat i modificar-los, i els que no. Per altra banda, no s’aplicara` aquesta millora perque` te´ una complexitat tecnica` alta i no es disposa del temps, i a mes,´ pot derivar dificultats amb acordar aquest sistema d’identificacio´ amb les diferents biblioteques; ja que implicaria mes´ control i esforçper la seva part. S’han aplicat les millores ID 26,27 i 28.

• Gestio´ de correu electronic`

60 “output” — 2019/7/1 — 14:54 — page 61 — #75

Figura 7.5: Captura ﬁnal de l’entrega de documentacio´ necessaria` del voluntariat.

Figura 7.6: Captura ﬁnal de l’entrega de documentacio´ necessaria` de les biblioteques.

61 “output” — 2019/7/1 — 14:54 — page 62 — #76

Per a poder acordar i limitar quines i la quantitat de plantilles de correu electronic` (millora ID 29), la directora de Code Club facilita un cronograma de la comunicacio´ i la xarxa de correus electronics` (vegeu annexA.7). Aix´ı doncs, ara la gestio´ de correus electronics` del sistema consta de 7 plantilles:

– Correu per a conﬁrmar la persona voluntaria` – Correu per informar de l’assignacio´ entre voluntariat i biblioteca – Correu per a informar de la formacio´ – Correu post formacio´ – Correu per a realitzar la formacio´ online – Correu per a demanar documentacio´ – Correu per a demanar el seguiment d’assistencia` del voluntari

• Gestio´ de documents

No s’han incorporat les millores ID 31 i 32 per raons de complexitat tecnica` i de incompatibilitat amb el sistema; pero,` un cop incorporades les millores de la gestio´ de correus, s’han ajustat els documents del voluntariat i les biblioteques acord amb aquests. Aix´ı doncs, com ja s’ha mostrat anteriorment en les ﬁgures 7.5 i 7.6 hi ha la documentacio´ necessaria` del voluntariat i les biblioteques deﬁnitiva.

62 “output” — 2019/7/1 — 14:54 — page 63 — #77

Cap´ıtol 8

SEGONA AVALUACIO´

En aquest cap´ıtol es fa una segona avaluacio´ del sistema despres´ de la implementacio´ de les millores. Aquesta es realitza mitjanc¸ant una prova d’usabilitat a diferents usuaris amb un perﬁl semblant al de les persones usuaries` que utilitzaran el sistema.

8.1 Disseny prova

8.1.1 Tasques a realitzar La prova d’usabilitat consta de dues proves diferents, per una banda, una prova per avaluar el rol de voluntariat, i per altra banda, una prova per avaluar el rol de biblioteca. Pero` les tasques a realitzar per ambdues proves son´ comunes. Aix´ı doncs, en les dues es demana la realitzacio´ de dues tasques: 1. Inscriure’s com a voluntariat o biblioteca voluntaria,` segons convingui. 2. Entregar un document en concret. Trobareu les tasques, en detall, en l’annexA.8 i l’annexA.9.

8.1.2 Instruments Per a poder avaluar les tasques esmentades en l’anterior apartat es´ realitza un ques-¨ tionari d’usabilitat (annexA.10 i annexA.11). L’estructura d’aquest es´ la mateixa en les dues proves, tant en el rol de voluntari com de biblioteca. El questionari¨ es presenta amb una benvinguda i introduccio´ amb l’explicacio´ del focus i passos de l’estudi i la garantia de l’anonimat. Seguidament, es demanen una serie` de dades demograﬁques` i dades rellevants per a saber el nivell de coneixement de temes re- lacionats amb el sistema. Despres,´ s’explica la primera tasca i es demana resoldre

63 “output” — 2019/7/1 — 14:54 — page 64 — #78

les questions¨ pertinents d’avaluacio,´ i igual amb la segona tasca. Les questions¨ d’avaluacio´ son´ afirmacions que l’usuari ha de qualifica mitjançant l’escala de Likert de ’total desacord’ o ’total acord’. Per a la primera tasca, les afirmacions en ambdues proves son:´

1. La pagina` d’inscripcio´ de les persones voluntaries` es´ molt clara.

2. La divisio´ que s’estableix entre les diferents seccions es´ inapropiada.

3. Es´ dif´ıcil comprendre el que et demanen en en cada camp.

4. Es´ facil` emplenar els camps.

5. Es´ util´ el correu enviat amb les dades introdu¨ıdes com a conﬁrmacio´ de la inscripcio.´

Per a la segona tasca, les aﬁrmacions en ambdues proves son:´

1. Es´ facil` comprendre el que et demanen en cada camp.

2. Es´ dif´ıcil entregar el document.

3. Es´ util´ el correu enviat amb els documents introdu¨ıts com a conﬁrmacio´ de la entrega.

Finalment, en el tercer apartat del questionari¨ s’utilitzen 4 preguntes per valorar la usabilitat global del sistema. Aquestes preguntes s’han extret del questiona-¨ ri d’usabilitat Usability Metric for User Experience UMUX [3]. L’UMUX es´ un questionari¨ validat que utilitza els quatre ´ıtems seguents¨ (d’escala Likert de 5 punts) per mesurar la usabilitat percebuda:

1. Les capacitats del sistema que he utilitzat compleixen amb els meus requisits.

2. Utilitzar el sistema es´ una experiencia` frustrant.

3. El sistema es´ facil` d’utilitzar.

4. He hagut de dedicar massa temps a corregir coses del sistema.

En acabat, s’agraeix la participacio.´

64 “output” — 2019/7/1 — 14:54 — page 65 — #79

8.2 Participants

En aquest apartat s’analitza la classe d’usuaris que han realitzat la prova d’usabilitat. El total d’usuaris es´ de 6 (tot i ser un numero´ per sobre del m´ınim establert de 5 [7]). En quant l’any de naixement, els participants son´ joves d’entre l’any 1996 i 1981 (1996, 1995, 1994, 1990, 1988, 1981). En quant la formacio:´ tres dels participants tenen una carrera universitaria,` dos, el batxillerat i un, un grau superior. Aix´ı doncs, son´ usuaris d’un considerable nivell cultural i academic.` En quan l’- experiencia` previa` amb us´ de formularis d’inscripcio´ en algun esdeveniment: dos consideren tenir bastanta experiencia` (un 4 en l’escala Likert), un considera tenir alguna experiencia,` dos no molta i, un gens. Finalment, en quan l’experiencia` previa` amb us´ de plataformes d’entrega de documents, quatre consideren tenir molta experiencia,` un bastanta i un no molta. Per tant, podr´ıem dir que els participant tenen bastanta experiencia` amb plataformes d’entrega de documents pero` no tanta amb formulari d’inscripcio.´

8.2.1 Procediment Per a la realitzacio´ de les tasques es cita cada participant en un espai relaxat i tranquil amb ordinador. Se’ls obre a la pantalla de l’ordinador l’enllaçamb el questionari¨ i l’enllaçamb el correu electronic` per a poder rebre el correu electronic` i avaluar tambe´ aquest element. Tambe´ se’ls donen les tasques impreses en un full per facilitar la realitzacio´ de la prova. Abans de realitzar la prova se’ls demana firmar el full de consentiment (vegeu annexA.12). En total el temps previst per la realitzacio´ de la prova d’usabilitat es´ d’entre 20 i 30 minuts.

8.3 Resultats de la prova d’avaluacio´

Despres´ de realitzar la prova a 6 usuaris anonims,` 3 amb el rol de voluntariat i 3 amb el de biblioteca, obtenim els seguents¨ resultats (trobareu totes les respostes detallades en l’annexA.13). Pel que fa la primera tasca, la inscripcio´ a traves´ del formulari, veiem en el graﬁc` 8.1 els resultats.

• En la pregunta 5 s’aﬁrmava: ’La pagina` d’inscripcio´ de les persones voluntaries` es´ molt clara’, dos dels participants estan totalment d’acord mentre que la resta, bastant. Per tant, es considera que la pagina` d’inscripcio´ es´ bastant clara. Cal dir que no hi ha diferenciacio´ d’acord entre els que actuaven com a rol de voluntariat dels de biblioteca.

65 “output” — 2019/7/1 — 14:54 — page 66 — #80

• En la pregunta 6: ’La divisio´ que s’estableix entre les diferents seccions es´ inapropiada’, un participant esta` totalment d’acord en que es´ inapropiada, mentre que dos, estan bastant d’acord, dos mes´ poc, i un gens d’acord. En aquest cas, el rol de voluntariat es´ diferencia del de biblioteca, i per tant, la divisio´ que s’estableix entre les diferents seccions es´ menys inapropiada en el primer cas. Aixo` es pot deure a que en el rol de voluntariat es demana mes´ informacio´ per a inscriure’s. Podr´ıem concloure que es podria millorar la forma o l’ordre de demanar aquesta perque` fos mes´ clara.

• En la pregunta 7: ’Es´ dif´ıcil comprendre el que et demanen en cada camp’, un participant creu que es´ molt dif´ıcil, un bastant, un altre poc, mentre que la resta gens. Com en la pregunta anterior el rol de voluntariat es percep com a mes´ dif´ıcil de comprendre, potser com a consequ¨encia` de la quantitat i varietat de preguntes.

• En la pregunta 8: ’Es´ facil` emplenar els camps’, dos participants consideren bastant facil` emplenar els camps i la resta totalment facil.` Per tant, podem concloure que es´ facil` emplenar els camps, encara que en el rol de biblioteca ho es´ mes´ que en el de voluntariat.

• En la pregunta 9: ’Es´ util´ el correu enviat amb les dades introdu¨ıdes’, cinc participants han trobat el correu electronic` totalment util,´ mentre que un l’ha trobat poc util.´ Aix´ı doncs, en general es considera util.´

Pel que fa la segona tasca, l’entrega de documents, veiem en el graﬁc` 8.2 els resultats.

• En la pregunta 10 s’aﬁrmava: ’Es´ facil` comprendre el que et demanen’, dos participants troben totalment facil` la comprensio´ del que et demanen, dos molt facil` i, dos bastant. Per tant, podem concloure que es´ molt facil` la comprensio´ del que es demana.

• En la pregunta 11: ’Es´ dif´ıcil entrega el document’, tres participants consideren que estan totalment d’acord en que es´ dif´ıcil entregar el document, un molt i dos poc. Aix´ı doncs, podr´ıem concloure que l’entrega de documents s’hauria de fer mes´ facil` o intu¨ıtiva.

• En la pregunta 12: ’Es´ util´ el correu enviat amb els documents introdu¨ıts com a conﬁrmacio´ de l’entrega’, quatre participants estan totalment d’a- cord en l’aﬁrmacio,´ mentre que, un bastant i un ultim´ gens. Aix´ı doncs, en general es considera bastant util´ el correu electronic.`

Finalment, obtenim una valoracio´ global del sistema amb la graﬁca` 8.3.

66 “output” — 2019/7/1 — 14:54 — page 67 — #81

Figura 8.1: Graﬁc` respostes preguntes primera tasca.

Figura 8.2: Graﬁc` respostes preguntes segona tasca.

67 “output” — 2019/7/1 — 14:54 — page 68 — #82

Figura 8.3: Graﬁc` respostes preguntes visio´ global.

• En la pregunta 13 s’aﬁrmava: ’Les capacitats del sistema que he utilitzat compleixen amb els meus requisits’, dos participants estan totalment d’a- cord amb l’aﬁrmacio,´ dos molt i, dos bastant.

• En la pregunta 14: ’Utilitzar el sistema es´ una experiencia` frustrant’, quatre participants estan totalment desacord mentre que la resta en molt desacord.

• En la pregunta 15: ’El sistema es´ facil` d’utilitzar’, tres participants estan totalment d’acord en la aﬁrmacio,´ dos molt i un bastant.

• En la pregunta 16: ’He hagut de dedicar massa temps a corregir coses del sistema’, dos participant esta molt d’acord, dos poc d’acord i dos gens d’a- cord. Finalment i per a tancar aquest cap´ıtol, les conclusions de la segona avaluacio,´ en general, son´ bones amb alguna millora en cadascun dels tres punts de l’avaluacio.´ Pel que fa la inscripcio´ al sistema, la pagina` d’inscripcio´ es´ bastant clara, es´ facil` emplenar els camps i el correu electronic` de conﬁrmacio´ que s’envia es´ util.´ Tot i que, la divisio´ de les diferents seccions i la comprensio´ del que es demana en cada camp no es´ clara / es´ dif´ıcil en el rol de persona voluntaria.` Aix´ı doncs, caldria reordenar i millorar la claredat del que es demana al voluntariat.

68 “output” — 2019/7/1 — 14:54 — page 69 — #83

Pel que fa l’entrega de documents, com en la inscripcio,´ el correu de confirmacio´ es considera util,´ mentre que la comprensio´ del que es demana en aquest cas s´ı es´ facil.` Tot i que, no estan del tot d’acord en que l’entrega de documents sigui facil.` Aix´ı doncs, aquesta s’hauria de simplificar o fer mes´ intu¨ıtiva. Pel que fa la valoracio´ general, el sistema compleix amb els requisits del participants, no els presenta una experiencia` frustrant i es´ facil` d’utilitzar. Tot i que, consideren que han dedicat massa temps a corregir coses del sistema. Per tant, es podria simplificar el sistema. Aquest punt, reafirma que cal millorar la claredat i reordenar les dades que es demanen, aix´ı com, simplificar l’entrega de documents.

69 “output” — 2019/7/1 — 14:54 — page 70 — #84 “output” — 2019/7/1 — 14:54 — page 71 — #85

Cap´ıtol 9

CONCLUSIONS

En aquest ultim´ cap´ıtol es presenten les conclusions i valoracio´ personal ﬁnal, i es planteja el treball futur. L’objectiu d’aquest projecte ha estat el disseny i el desplegament de CiviCRM per a la gestio´ de voluntariat de Code Club Catalunya. Partint d’aquest objectiu i les necessitats del projecte s’ha dissenyat, implementat i avaluat aquest desplegament, per doble iteracio.´ En l’avaluacio´ s’ha vist que les necessitats s’han complert i el projecte s’acorda a l’objectiu, tambe´ s’ha conﬁrmat la bona usabilitat del sistema amb l’ajuda del questionari¨ UMUX. Pel que fa la gestio´ del projecte, aquesta s’ha dut al dia gracies` al compliment dels terminis acordats i amb l’ajuda de les reunions setmanals amb la tutora. La meva valoracio´ del projecte es´ molt positiva. He pogut coneixer` el mon´ dels CRMs i he adquirit practica` en un en concret, CiviCRM. Aquest projecte m’ha permes` aprendre mes´ a fons els elements a tenir en compte en un projecte per a un client, ja que es troba en un context real i he pogut tractat amb els seus membres. A mes,´ he pogut aplicar coneixements del meu grau, com per exemple, coneixements de l’assignatura de Enginyeria d’Interaccio,´ Gestio´ Tecnica` de Projectes o Organitzacio´ d’Empreses de TIC. D’altra banda, sempre es pot millorar, per aixo` es deixa per escrit les propostes de millora i futur treball de l’autora en el seguent¨ apartat.

9.1 Treball futur

Les millores que es podrien aplicar en un treball futur son´ les seguents:¨

• Aplicar algunes de les millores de la primera avaluacio´ no implementades. Donada la falta de temps i la complexitat d’algunes millores extretes de la primera avaluacio´ no es van implementar; pero` n’hi ha de molt interessants

71 “output” — 2019/7/1 — 14:54 — page 72 — #86

i que representarien una molt bona millora del sistema, com ara la millora amb ID 25: Tenir un sistema d’identiﬁcacio´ de l’usuari. Per tant, un treball futur seria aplicar les millores mes´ interessant que no s’han implementat en aquest treball.

• Avaluar la part de gestio´ del sistema. Per falta de temps no s’ha pogut realitzar un test d’avaluacio´ de la part de gestio´ del sistema (es´ a dir, gestio´ d’usuaris, de correus electronics` i de documents) amb les persones usuaris de Colectic.

• Implementar les millores sorgides del test d’usabilitat. Aquest treball ﬁnalitza amb la segona avaluacio´ del sistema, i per tant, amb la segona iteracio´ del model c´ıclic del disseny. Pero,` seria interessant fer una altre iteracio´ i avaluar-la amb un nombre major de participants, per exemple.

• Explotacio´ de CiviCRM Es podria treure molt mes´ proﬁt del CRM utilitzat, com per exemple incorporar l’extensio´ CiviVolunteer.

• Gestionar els infants que volen participar als Code Clubs Per ara, Code Club Catalunya porta el control de la gestio´ de persones voluntaries/estudiants` i de les biblioteques, pero` seria molt interessant portar, tambe,´ la gestio´ dels infants que hi participen. Per a fer-ho es podria crear una nova categoritzacio´ de contactes anomenada ’Infant’.

72 “output” — 2019/7/1 — 14:54 — page 73 — #87

Bibliograﬁa

[1] Hugh Beyer and Karen Holtzblatt. Contextual design: deﬁning customer- centered systems. Elsevier, 1997.

[2] Colectic. Code club catalunya, 2013.

[3] Kraig Finstad. The usability metric for user experience. Interacting with Computers, 22(5):323–327, 2010.

[4] Esteban Garc´ıa-Canal, Alex Rialp-Criado, and Josep Rialp-Criado. Tec- nolog´ıas de la informacion´ y comunicacion´ (tic) y crecimiento de la empresa. INFORMACION COMERCIAL ESPANOLA-MONTHLY EDITION-, 838:125, 2007.

[5] Erik Hommel, Joseph Murray, and Brian P Shaughnessy. Using CiviCRM. Packt Publishing Ltd, 2016.

[6] Judith W Kincaid. Customer relationship management: getting it right! Prentice Hall Professional, 2003.

[7] Jakob Nielsen. Usability engineering. Elsevier, 1994.

[8] Nayan B Ruparelia. Software development lifecycle models. ACM SIGSOFT Software Engineering Notes, 35(3):8–13, 2010.

[9] Blanca Eugenia Tarazona Sanchez.´ Las tic en las empresas. CLIC, 2(1):4, 2018.

[10] Colectic SCCL. Colectic, 2010.

[11] Marco Tereso and Jorge Bernardino. Open source crm systems for smes. arXiv preprint arXiv:1112.3018, 2011.

73 “output” — 2019/7/1 — 14:54 — page 74 — #88 “output” — 2019/7/1 — 14:54 — page 75 — #89

Apendix` A

ANNEXOS

A.1 Formularis d’inscripcio´ del voluntariat i de les biblioteques.

75 “output” — 2019/7/1 — 14:54 — page 76 — #90

Figura A.1: Formulari inscripcio´ persona voluntaria` (fotograﬁa 1)

Figura A.2: Formulari inscripcio´ persona voluntaria` (fotograﬁa 2)

76 “output” — 2019/7/1 — 14:54 — page 77 — #91

Figura A.3: Formulari inscripcio´ persona voluntaria` (fotograﬁa 3)

Figura A.4: Formulari inscripcio´ persona voluntaria` (fotograﬁa 4)

77 “output” — 2019/7/1 — 14:54 — page 78 — #92

Figura A.5: Formulari d’inscripcio´ biblioteques (fotograﬁa 1)

Figura A.6: Formulari d’inscripcio´ biblioteques (fotograﬁa 2)

78 “output” — 2019/7/1 — 14:54 — page 79 — #93

A.2 Exemples ﬁtxes de contactes.

Figura A.7: Dades d’un contacte voluntari (fotograﬁa 1)

79 “output” — 2019/7/1 — 14:54 — page 80 — #94

Figura A.8: Dades d’un contacte voluntari (fotograﬁa 2)

Figura A.9: Dades d’un contacte biblioteca

80 “output” — 2019/7/1 — 14:54 — page 81 — #95

A.3 Entrega de documents necessaris del voluntariat i de la biblioteca.

Figura A.10: Captura formulari ’Documentacio´ necessaria` del voluntariat’ (foto- graﬁa 1).

81 “output” — 2019/7/1 — 14:54 — page 82 — #96

Figura A.11: Captura formulari ’Documentacio´ necessaria` del voluntariat’ (foto- graﬁa 2).

Figura A.12: Captura formulari ’Documentacio´ necessaria` de les biblioteques’.

82 “output” — 2019/7/1 — 14:54 — page 83 — #97

A.4 Exemple de com es guarda l’entrega de documents en la ﬁtxa d’un contacte.

Figura A.13: Captura d’exemple ﬁtxa de contacte.

83 “output” — 2019/7/1 — 14:54 — page 84 — #98

A.5 Questionari¨ primera avaluacio.´

84 “output” — 2019/7/1 — 14:54 — page 85 — #99

1/5/2019 Prova d'avaluació - 1a versió del sistema de gestió de voluntariat Code Club Catalunya

Prova d'avaluació - 1a versió del sistema de gestió de voluntariat Code Club Catalunya Aquest qüestionari està dissenyat amb la finalitat d’avaluar la primera versió del prototip desenvolupat del sistema de gestió de voluntariat per a Code Club Catalunya.

En el recorregut d’aquesta prova es mostrarà un vídeo de com ha quedat la implementació del disseny planificat. El principal objectiu és que es pugui comprendre amb més detall el funcionament i flux de treball del sistema que serà avaluat, el qual té com a finalitat facilitar la gestió del voluntariat del projecte "Code Club a les Biblioteques".

EXPLICACIÓ DE LA PROVA

El contingut audiovisual té una durada d'uns 25 min i està estructurat en dos apartats (cada un d'ells consta de diferents sub-apartats descrits més endavant):

1. Visió i accions que realitza una persona usuària del sistema (minut 0:00 al minut 8:08) 2. Visió i accions que realitza una persona gestora del sistema (minut 8:09 al minut 26:10)

A causa de la gran quantitat de contingut i d’informació audiovisual, es demana aturar el vídeo després de finalitzar cada sub-apartat per tal de respondre a una sèrie de preguntes. En aquestes, es demana valorar el funcionament de cada funcionalitat descrita i comentar aspectes no coherents i/o compresos, així com possibles millores. Les dades facilitades ens seran molt útils per al preparar el desenvolupament d'una propera versió millorada.

En el cas de que no us sigui possible realitzar la prova seguida d’una sola vegada, es faciliten els minuts del vídeo on comença cada apartat i sub-apartat per tal de que podeu completar-los en qualsevol moment (començant la prova allà on l’havíeu deixat). A més, podeu enviar la prova i editar-la posteriorment, ja que rebreu un correu electrònic amb aquesta possibilitat a l'adreça electrònica indicada.

El temps estimat per a la realització de la prova d’avaluació és de 60 min. aproximadament.

* Necessari

1. Adreça electrònica *

2. Nom i Cognoms *

Trobareu el vídeo en el següent enllaç : https://www.youtube.com/watch? v=8DmH8TrrjFo&feature=youtu.be

Una vegada obert el vídeo, podeu passar als apartats següents i respondre les preguntes corresponents.

APARTAT 1. VISIÓ PERSONA USUÀRIA

1.1. Inscriure’m com a biblioteca (minut 0:52)

https://docs.google.com/forms/d/17LduulrZ1D3T3ZknHnf22lqqEq6r-lizbKrEAAlekxQ/edit 1/9 “output” — 2019/7/1 — 14:54 — page 86 — #100

1/5/2019 Prova d'avaluació - 1a versió del sistema de gestió de voluntariat Code Club Catalunya 3. 1.1.1. Algun element i/o acció que no has entès? * En cas afirmatiu, indica quin.

4. 1.1.2. Algun element i/o acció que canviaries? * En cas afirmatiu, indica quin.

5. 1.1.3. Has trobat a faltar algun element i/o acció? * En cas afirmatiu, indica quin.

6. 1.1.4. Altres comentaris

1.2. Inscriure’m com a persona voluntària (minut 2:46)

7. 1.2.1. Algun element i/o acció que no has entès? * En cas afirmatiu, indica quin.

https://docs.google.com/forms/d/17LduulrZ1D3T3ZknHnf22lqqEq6r-lizbKrEAAlekxQ/edit 2/9 “output” — 2019/7/1 — 14:54 — page 87 — #101

1/5/2019 Prova d'avaluació - 1a versió del sistema de gestió de voluntariat Code Club Catalunya 8. 1.2.2. Algun element i/o acció que canviaries? * En cas afirmatiu, indica quin.

9. 1.2.3. Has trobat a faltar algun element i/o acció? * En cas afirmatiu, indica quin.

10. 1.2.4. Altres comentaris

1.3. Documentació necessària del voluntariat (minut 6:10)

11. 1.3.1. Algun element i/o acció que no has entès? * En cas afirmatiu, indica quin.

12. 1.3.2. Algun element i/o acció que canviaries? * En cas afirmatiu, indica quin.

https://docs.google.com/forms/d/17LduulrZ1D3T3ZknHnf22lqqEq6r-lizbKrEAAlekxQ/edit 3/9 “output” — 2019/7/1 — 14:54 — page 88 — #102

1/5/2019 Prova d'avaluació - 1a versió del sistema de gestió de voluntariat Code Club Catalunya 13. 1.3.3. Has trobat a faltar algun element i/o acció? * En cas afirmatiu, indica quin.

14. 1.3.4. Altres comentaris

1.4. Documentació necessària de les biblioteques (minut 7:27)

15. 1.4.1. Algun element i/o acció que no has entès? * En cas afirmatiu, indica quin.

16. 1.4.2. Algun element i/o acció que canviaries? * En cas afirmatiu, indica quin.

17. 1.4.3. Has trobat a faltar algun element i/o acció? * En cas afirmatiu, indica quin.

https://docs.google.com/forms/d/17LduulrZ1D3T3ZknHnf22lqqEq6r-lizbKrEAAlekxQ/edit 4/9 “output” — 2019/7/1 — 14:54 — page 89 — #103

1/5/2019 Prova d'avaluació - 1a versió del sistema de gestió de voluntariat Code Club Catalunya 18. 1.4.4. Altres comentaris

1.5. Visió persona usuària en el seu conjunt

19. 1.5.1. Has trobat a faltar algun element i/o acció en el conjunt de la visió de la persona usuària? * En cas afirmatiu, indica quin.

20. 1.5.2. Altres comentaris

APARTAT 2. VISIÓ PERSONA GESTORA

2.1. Gestió de persones usuàries (minut 9:13)

21. 2.1.1. Algun element i/o acció que no has entès? * En cas afirmatiu, indica quin.

https://docs.google.com/forms/d/17LduulrZ1D3T3ZknHnf22lqqEq6r-lizbKrEAAlekxQ/edit 5/9 “output” — 2019/7/1 — 14:54 — page 90 — #104

1/5/2019 Prova d'avaluació - 1a versió del sistema de gestió de voluntariat Code Club Catalunya 22. 2.1.2. Algun element i/o acció que canviaries? * En cas afirmatiu, indica quin.

23. 2.1.3. Has trobat a faltar algun element i/o acció? * En cas afirmatiu, indica quin.

24. 2.1.4. Altres comentaris

2.2. Gestió de correu electrònic (minut 18:34)

25. 2.2.1. Algun element i/o acció que no has entès? * En cas afirmatiu, indica quin.

26. 2.2.2. Algun element i/o acció que canviaries? * En cas afirmatiu, indica quin.

https://docs.google.com/forms/d/17LduulrZ1D3T3ZknHnf22lqqEq6r-lizbKrEAAlekxQ/edit 6/9 “output” — 2019/7/1 — 14:54 — page 91 — #105

1/5/2019 Prova d'avaluació - 1a versió del sistema de gestió de voluntariat Code Club Catalunya 27. 2.2.3. Has trobat a faltar algun element i/o acció? * En cas afirmatiu, indica quin.

28. 2.2.4. Altres comentaris

2.3. Gestió de documents (minut 21:40)

29. 2.3.1. Algun element i/o acció que no has entès? * En cas afirmatiu, indica quin.

30. 2.3.2. Algun element i/o acció que canviaries? * En cas afirmatiu, indica quin.

31. 2.3.3. Has trobat a faltar algun element i/o acció? * En cas afirmatiu, indica quin.

https://docs.google.com/forms/d/17LduulrZ1D3T3ZknHnf22lqqEq6r-lizbKrEAAlekxQ/edit 7/9 “output” — 2019/7/1 — 14:54 — page 92 — #106

1/5/2019 Prova d'avaluació - 1a versió del sistema de gestió de voluntariat Code Club Catalunya 32. 2.3.4. Altres comentaris

2.4. Gestió de formularis (minut 23:02)

33. 2.4.1. Algun element i/o acció que no has entès? * En cas afirmatiu, indica quin.

34. 2.4.2. Algun element i/o acció que canviaries? * En cas afirmatiu, indica quin.

35. 2.4.3. Has trobat a faltar algun element i/o acció? * En cas afirmatiu, indica quin.

36. 2.4.4. Altres comentaris

2.5. Visió persona gestora en el seu conjunt

https://docs.google.com/forms/d/17LduulrZ1D3T3ZknHnf22lqqEq6r-lizbKrEAAlekxQ/edit 8/9 “output” — 2019/7/1 — 14:54 — page 93 — #107

1/5/2019 Prova d'avaluació - 1a versió del sistema de gestió de voluntariat Code Club Catalunya 37. 2.5.1. Has trobat a faltar algun element i/o acció en el conjunt de la visió de la persona usuària? * En cas afirmatiu, indica quin.

38. 2.5.2. Altres comentaris

MOLTES GRÀCIES PER A REALITZAR LA PROVA

S'enviarà un correu electrònic amb una còpia de les teves respostes a l'adreça que has proporcionat

Tecnologia de

https://docs.google.com/forms/d/17LduulrZ1D3T3ZknHnf22lqqEq6r-lizbKrEAAlekxQ/edit 9/9 “output” — 2019/7/1 — 14:54 — page 94 — #108

A.6 Respostes primera prova d’avaluacio.´

94 “output” — 2019/7/1 — 14:54 — page 95 — #109

RESPOSTES PROVA D’AVALUACIÓ - 1a VERSIÓ DEL SISTEMA DE GESTIÓ DE VOLUNTARIAT CODE CLUB CATALUNYA

“output” — 2019/7/1 — 14:54 — page 96 — #110 “output” — 2019/7/1 — 14:54 — page 97 — #111

“output” — 2019/7/1 — 14:54 — page 98 — #112

“output” — 2019/7/1 — 14:54 — page 99 — #113

A.7 Cronograma de les plantilles de correu electronic.`

99 “output” — 2019/7/1 — 14:54 — page 100 — #114

Comunicació voluntariat + biblios

Comunicació amb voluntariat i biblioteques

Data Què Qui Com

Juliol 1 Inscripció biblioteques Servei de biblioteques mail

Setembre 2 Inscripció voluntariat Universitats mail

Octubre 3 Confirmar inscripció voluntaris Code Club mail

Oct-nov 4 Assignació voluntària + Code Club mail biblioteca

Novembre 5 Confirmar formació voluntàries Code Cub mail

6 Demanar documentació a Code Club mail voluntàries i biblioteques

7 Recordatori documentació a Code Club mail voluntàries i biblioteques

8 Certificat participació a Code Club mail voluntàries

1 i 2 - Inscripció biblioteques i voluntariat

A ssumpte:

- Missatge generat automàticament -

Hem rebut la teva inscripció el dia data_inscipció. Les dades introduïdes són: llistat_dades_introduïdes

Durant les següents setmanes rebràs un missatge amb més informació per a

pàgina 1

------Colectic SCCL - F60939956 - C. dels Salvador, 8 bx 08001 Barcelona - +34 93 442 58 67 - colectic.coop “output” — 2019/7/1 — 14:54 — page 101 — #115

Comunicació voluntariat + biblios començar a gestionar la teva participació a CodeClubCat

Moltes gràcies

pàgina 2

------Colectic SCCL - F60939956 - C. dels Salvador, 8 bx 08001 Barcelona - +34 93 442 58 67 - colectic.coop “output” — 2019/7/1 — 14:54 — page 102 — #116

Comunicació voluntariat + biblios

3 Confirmació persones voluntàries

A ssumpte: Notificació - Projecte Code Clubs a les Biblioteques

Hola n om_estudiant,

T’escrivim des de Codeclubcat.org en relació al projecte C ode Clubs a les Biblioteques que fem amb la col·laboració del Servei de Biblioteques del Departament de Cultura.

Fa uns dies ja vam rebre la teva sol·licitud per participar en el projecte i hem procedit a assignar-te a una de les biblioteques marcada com a preferent.

Biblioteca assignada: n om_biblioteca

Necessitem que ens c onfirmis el més aviat possible que estàs d’acord amb la nostra proposta d’assignació i, un cop rebuda la teva aprovació, us posarem en contacte amb la biblioteca perquè pugueu pactar les dates d’inici i finalització del curs.

Gràcies i fins aviat Martina Mayrhofer

4 – Assignació

A ssumpte: Participació al projecte Code Club a les Biblioteques - Nom biblioteca

Hola n om_persona_contacte_biblioteca i n om_estudiant,

Us escrivim des de Codeclubcat.org en relació al projecte de C ode Club a les Biblioteques que fem amb la col·laboració del Servei de Biblioteques del Departament de Cultura. P rimer de tot, agrair-vos l’interès de participar en el projecte!

pàgina 3

------Colectic SCCL - F60939956 - C. dels Salvador, 8 bx 08001 Barcelona - +34 93 442 58 67 - colectic.coop “output” — 2019/7/1 — 14:54 — page 103 — #117

Comunicació voluntariat + biblios

Ens plau comunicar-vos que, després de rebre les preferències dels estudiants i les peticions de les biblioteques, hem pogut assignar una persona voluntària a la vostra biblioteca. Així doncs, la nom_biblioteca entra dins les biblioteques d’aquest curs que formen part del projecte.

A continuació us posem en contacte amb l’estudiant/a voluntari/ària, en copia en aquest correu, per tal d que acordeu les dates d’inici i final del curs, així com també els horaris.

Persona voluntària assignada: n om + correu electrònic Persones voluntàries assignades: nom + correu electrònic

Correcte, us hem assignat una parella de persones voluntàries que col·laboraran en l’execució del taller, degut a la gran demanda per la vostre biblioteca.

Important: Us demanem que entregueu (omplert i firmat) el formulari d’acord, i introduiu la data d’inici i fi del vostre Code Club en el s egüent enllaç; tant bon punt hàgiu pactat les dates exactes del curs.

Recordeu que la biblioteca és qui ha de fer el seguiment d’assistència del voluntariat i qui acreditarà que aquest hagi realitzat les seves tasques. A partir d’aquesta acreditació demanarem de forma centralitzada el reconeixement dels crèdits de lliure elecció amb la universitat.

Aprofito per compartir-vos documentació útil per la difusió i gestió del projecte, que trobareu al nostre web a Documentació.

Si teniu qualsevol dubte poseu-vos en contacte amb nosaltres.

Moltes gràcies i benvinguts al projecte! Martina Mayrhofer

pàgina 4

------Colectic SCCL - F60939956 - C. dels Salvador, 8 bx 08001 Barcelona - +34 93 442 58 67 - colectic.coop “output” — 2019/7/1 — 14:54 — page 104 — #118

Comunicació voluntariat + biblios

5 Formació

A ssumpte: Code Club - informació pràctica i formació online

Hola n om_estudiant,

Fa unes setmanes t'has inscrit al projecte Code Club, et posem en contacte amb tu per informar-te sobre la formació online, obligatòria per a nous estudiants voluntaris de Code Club!

Del 7 al 21 de gener 2020 oferim una f ormació online per a estudiants i voluntaris de Code Club! El primer dia t’enviarem les dades d’accés a la plataforma, el curs et requerirà 3 hores de treball, que podras distribuir lliurement entre el 7 i el 21 de gener.

T'avanço aquí alguns temes importants, que hem comentat a les sessions presencials.

Recomanem revisar i fer els projectes de Code Club abans de les sessions a les biblioteques, trobaràs a la nostra web les 6 activitats per les biblioteques.

Sol·licita un c ompte docent de Scratch, amb això podras gestionar més fàcilment el teu grup, especialment quan els nens i nenes et demanen recuperar la contrasenya.

Si vols aprendre més sobre Scratch, recomanem fer un dels cursos online Learning Creative Learning del MIT ¡A programar! Una introducción a la programación a Coursera Teaching programming in Primary School de Raspberry Pi

Et donarem suport en qualsevol consulta o dubte que pugui sortir al llarg del projecte. Per això hem recopilat C onsells i FAQ a la web, i farem servir un canal

pàgina 5

------Colectic SCCL - F60939956 - C. dels Salvador, 8 bx 08001 Barcelona - +34 93 442 58 67 - colectic.coop “output” — 2019/7/1 — 14:54 — page 105 — #119

Comunicació voluntariat + biblios

Slack per la comunicació amb vosaltres. Rebràs una invitació al teu correu; confirma-la i presenta’t breument al fòrum!

Informar-te que has de presentar a la biblioteca el certificat negatiu de condemna per delictes contra la llibertat i indemnitat sexual. Et deixem un e nllaç on pots trobar tota la informació de com obtenir el certificat.

Finalment comentar-te que els propers dies et posarem en contacte els propers dies amb la teva biblioteca!

Fins aviat, Martina Mayrhofer

pàgina 6

------Colectic SCCL - F60939956 - C. dels Salvador, 8 bx 08001 Barcelona - +34 93 442 58 67 - colectic.coop “output” — 2019/7/1 — 14:54 — page 106 — #120

Comunicació voluntariat + biblios

5a – Correu post formació

A ssumpte: C ode Club @ biblioteques informació pràctica

Hola n om_estudiant,

Gràcies per venir a la formació de Code Club! Esperem que hagi sigut útil i interessant. Et compartim aquí la p resentació de la formació amb tots els detalls i enllaços.

Ja t’hem donat d’alta al canal Slack de Code Club Catalunya, confirma la invitació i presenta’t breument al fòrum 2018-19! I, si no has rebut cap invitació al teu correu, avisa’ns!

Recomanem revisar i fer els projectes de Code Club abans de les sessions a les biblioteques, trobaràs a la nostra web les activitats per les biblioteques.

Recordar-te que has de presentar a la biblioteca el c ertificat negatiu de condemna per delictes contra la llibertat i indemnitat sexual. E t deixem un e nllaç on pots trobar tota la informació de com obtenir el certificat.

Finalment comentar-te que els propers dies et posarem en contacte els propers dies amb la teva biblioteca! Fins aviat, Martina Mayrhofer

pàgina 7

------Colectic SCCL - F60939956 - C. dels Salvador, 8 bx 08001 Barcelona - +34 93 442 58 67 - colectic.coop “output” — 2019/7/1 — 14:54 — page 107 — #121

Comunicació voluntariat + biblios

5b formació online

A ssumpte: Code Club @ biblioteques informació pràctica

Hola n om_estudiant!

Sóc la Martina de Code Club Catalunya, formadora del curs online per a persones voluntàries i estudiants!

Et faig arribar les instruccions d'accés a la plataforma online

Adreça: c ampus.colectic.coop Login: el teu DNI Password: el teu DNI

Et demanarà canviar la contrasenya la primera vegada entrar-hi, fixa't en les instruccions per triar una bona contrasenya :)

Recordar que el curs requereix unes 3-4 hores teves, i estarà disponible fins al 21 de gener 2020. Per rebre el certificat final de curs, has de participar en les 4 activitats i entregar les 2 pràctiques del curs. Veuràs què és divertit i el temps passarà molt ràpid!

Avui hem obert els primers 3 temes del curs, et recomanem dedicar-hi aquesta setmana 1 hora per aquests temes!

Gràcies per la teva col·laboració! Martina Mayrhofer

pàgina 8

------Colectic SCCL - F60939956 - C. dels Salvador, 8 bx 08001 Barcelona - +34 93 442 58 67 - colectic.coop “output” — 2019/7/1 — 14:54 — page 108 — #122

Comunicació voluntariat + biblios

6 i 7 – demanar documentació

Hola n om_estudiant / n om_biblioteca,

- Com va el teu Code Club a la biblioteca nom_de_la_biblioteca?

+Si us plau, envia'ns el més aviat possible les d ates d'inici i final del teu taller!

Et comparteixo aquí 2 documents/enllaços per finalitzar el teu Code Club d'aquest curs, que hauràs de adjuntar en aquest enllaç / aquest enllaç:

Qüestionari de valoració de l'impacte de l'activitat (estudiants, persones voluntàries i biblioteques) Conveni de voluntariat Code Club cobertura d'assegurança (per a persones voluntàries) També, registra el teu Code Club i posa la xinxeta al mapa mundial

I finalment, el d iploma final per als nens i nenes participants.

A part d’això, la teva biblioteca ens hauria de fer arribar, a a quest enllaç, el seguiment d’assistència per tramitar el crèdit de lliure elecció o fer-te arribar el certificat de participació!

Fins aviat

pàgina 9

------Colectic SCCL - F60939956 - C. dels Salvador, 8 bx 08001 Barcelona - +34 93 442 58 67 - colectic.coop “output” — 2019/7/1 — 14:54 — page 109 — #123

Comunicació voluntariat + biblios

8 – Seguiment d’assistència

Bona tarda n om_persona_contacte_biblioteca!

La vostra biblioteca va demanar participar en el projecte Code Club a les biblioteques en col·laboració amb el Servei de Biblioteques de la Generalitat de Catalunya.

Us vam assignar un estudiant de la nom_de la universitat: nom_cognoms_estudiant

Important: Per tal de tramitar el reconeixement dels crèdits de lliure elecció us demanem que ens envieu el seguiment d’assistència amb la relació de sessions Code Club implementades i degudament firmat per la persona responsable de l'activitat per part de la biblioteca.Podeu fer servir aquesta plantilla de seguiment d'assistència.

La universitat ens demana aquest seguiment amb urgència per tramitar el reconeixement.

Ens podeu enviar el seguiment firmat i escanejat per email a questa setmana?

Moltes gràcies Martina Mayrhofer

-- Codeclubcat.org [email protected]

pàgina 10

------Colectic SCCL - F60939956 - C. dels Salvador, 8 bx 08001 Barcelona - +34 93 442 58 67 - colectic.coop “output” — 2019/7/1 — 14:54 — page 110 — #124

A.8 Tasques ha realitzar del rol de persona usuaria.`

110 “output” — 2019/7/1 — 14:54 — page 111 — #125

PRIMERA TASCA

Per una banda, ha d’inscriure’s com a voluntari amb les dades següents:

● Marina Llamas Clotet ● DNI 99887766G ● Telèfon: 111223344 ● Adreça: Manresa (Barcelona) ● Correu electrònic: m [email protected] ● És el primer any que participeu en el projecte ● Disposeu de temps lliure el dimarts i el divendres a la tarda ● El dilluns 9 de novembre us seria possible el desplaçament fins a la capital ● Sou estudiant universitària que vol adquirir crèdits de lliure elecció amb aquest programa ● Estudieu Enginyeria en Sistemes Audiovisuals a la Universitat Pompeu Fabra ● Els seus coneixements de programació són molt alts, així com també els d'Scratch, però mai heu realitzat cap activitat amb infants. ● Pel que fa les biblioteques, us aniria molt bé que es realitzés algún Code Club a Manresa, però tindrieu facilitat per desplaçar-vos fins a la biblioteca de Poblesec. ● Finalment, no teniu cap problema en que tractin les seves images i autoritzes el tractament de les teves dades personals.

En enviar el formulari rebrà un missatge al seu correu electrònic, el té obert en una nova pestanya en aquest mateix ordinador.

En acabat pot contestar les preguntes de la primera secció de la prova.

SEGONA TASCA

Per altra banda, ha d’entregar un document, aquest el trobarà a l’escriptori; s’anomena ‘Compromís de valoració’. Les seves dades són les mateixes que en la tasca anterior.

Com en l’anterior tasca, en enviar el document rebrà un missatge al seu correu electrònic.

En acabat pot contestar les preguntes de la segona secció de la prova. “output” — 2019/7/1 — 14:54 — page 112 — #126

A.9 Tasques ha realitzar del rol de biblioteca.

112 “output” — 2019/7/1 — 14:54 — page 113 — #127

PRIMERA TASCA

Per una banda, ha d’inscriure’s com a biblioteca amb les dades següents:

● Biblioteca Francesc Candel ● Barcelona (Barcelona) ● Vostè és la persona de contacte i el seu nom és Víctor ● Correu electrònic: [email protected] ● És el primer any que participeu en el projecte ● Disposeu de aula lliure el dimecres i el divendres a la tarda durant el segon i tercer trimestre del curs

En enviar el formulari rebrà un missatge al seu correu electrònic, el té obert en una nova pestanya en aquest mateix ordinador.

En acabat pot contestar les preguntes de la primera secció de la prova.

SEGONA TASCA

Per altra banda, ha d’entregar un document, aquest el trobarà a l’escriptori; s’anomena ‘Formulari d’acord’; a més, ha d'emplenar la data d’inici, 20 de gener de 2020; i la data final, 30 de maig de 2020 . Les seves dades són les mateixes que en la tasca anterior.

Com en l’anterior tasca, en enviar el document rebrà un missatge al seu correu electrònic.

En acabat pot contestar les preguntes de la segona secció de la prova. “output” — 2019/7/1 — 14:54 — page 114 — #128

A.10 Questionari¨ rol voluntariat.

114 “output” — 2019/7/1 — 14:54 — page 115 — #129

5/6/2019 Qüestionari persona usuària voluntària

Qüestionari persona usuària voluntària Aquest qüestionari està dissenyat per una alumna de Enginyeria de Sistemes Audiovisuals, amb la finalitat de poder avaluar el sistema dissenyat com a Treball Final de Grau. Les preguntes d'aquest qüestionari persegueixen la finalitat d'avaluar l'usabilitat d'una part del sistema de CiviCRM (un gestor d'usuaris) adaptat al projecte de Code Club a les Biblioteques. Aquest projecte és una iniciativa del Servei de Biblioteques de la Generalitat, que juntament amb Code Club Catalunya {http://codeclubcat.org} i les universitats UOC, UPF-FIB, UDG, UPF, UB- Biblioteconomia i Elisava; col·laboren per impulsar els Code Clubs en el nostre territori. Els Code Clubs són una xarxa d'activitats gratuïtes de programació per a nens i nenes de 9 a 12 anys amb l'objectiu d'oferir a cada infant la possibilitat d'aprendre a programar. Aquests estan gestionats per persones voluntàries i es duen a terme en biblioteques del territori. Així doncs, el sistema que seguidament provareu i avaluareu està dissenyat per a facilitar aquesta gestió entre voluntariat i biblioteques, i l'entitat que s'encarrega del projecte. Així doncs, és convenient tenir la pàgina web del del sistema oberta durant el qüestionari. Agraeixo que el contesti amb total sinceritat, ja que les seves respostes seran de vital importància en la tasca final del treball. És totalment anònim, tan sols se li demanaran quatre dades demogràfiques i preguntes d'avaluació del sistema dividides en 3 seccions. Confiem en que li resultarà bastant senzill i ràpid, uns 30 minuts. Gràcies per avançat.

* Necessari

Dades de demografia

1. 1. Any de naixement *

2. 2. Formació * Maqueu només un oval.

ESO Grau Mitjà Batxillerat Grau superior Carrera universitària Estudis post universitaris

Altres:

3. 3. Ús de formularis d'inscipció en algún esdeveniment * Maqueu només un oval.

1 2 3 4 5

Mai Molt sovint

4. 4. Ús de plataformes d'entrega de documents (per exemple, Moodle) * Maqueu només un oval.

1 2 3 4 5

Mai Molt sovint

https://docs.google.com/forms/d/15POQT4CddPwMnI8dvI2lar9u7K2y_Pj8yuc1MHrlXRE/edit 1/3 “output” — 2019/7/1 — 14:54 — page 116 — #130

5/6/2019 Qüestionari persona usuària voluntària Secció 1 de la prova - Inscripció En aquesta secció trobarà preguntes referents a la primera tasca, que és la d'insciure's com a persona voluntària al projecte Code Club a les Biblioteques. En el següent enllaç (http://gestio.codeclubcat.org/drupal/inscripcioVoluntariat) hi trobarà un formulari que haurà de omplenar i enviar amb les dades i les instruccions que se li han entregat en un full imprès. Un cop finalitzada la tasca pot procedir a contestar les preguntes.

5. 5. La pàgina d'inscripció de les persones voluntàries és molt clara * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

6. 6. La divisió que s'estableix entre les diferents seccions és inapropiada * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

7. 7. És difícil comprendre el que et demanenen en cada camp * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

8. 8. És fàcil omplenar els camps * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

9. 9. És útil el correu enviat amb les dades introduides com a confirmació de la inscripció * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

Secció 2 de la prova - Entrega de documents En aquesta secció trobarà les preguntes referents a la segona tasca, que és la d'entregar un document com a persona voluntari al projecte Code Club a les Biblioteques. En el següent enllaç (http://gestio.codeclubcat.org/drupal/documentVoluntariat) hi trobarà la web on poder entregar i enviar el document amb les dades i les instruccions que se li han entregat en un full imprès. Un cop finalitzada la tasca pot procedir a contestar les preguntes.

10. 10. És fàcil comprendre el que et demanen en cada camp * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord https://docs.google.com/forms/d/15POQT4CddPwMnI8dvI2lar9u7K2y_Pj8yuc1MHrlXRE/edit 2/3 “output” — 2019/7/1 — 14:54 — page 117 — #131

5/6/2019 Qüestionari persona usuària voluntària 11. 11. És difícil entregar el document * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

12. 12. És útil el correu enviat amb els documents introduits com a confirmació de la entrega * Maqueu només un oval.

1 2 3 4 5

Molt desacord Molt acord

Secció 3 de la prova - Valoració global Finalment, quatre preguntes de valoració global de les dues tasques.

13. 13. Les capacitats del sistema que he utilitzat compleixen amb els meus requisits * Maqueu només un oval.

1 2 3 4 5

Molt desacord Molt acord

14. 14. Utilitzar el sistema és una experiència frustrant * Maqueu només un oval.

1 2 3 4 5

Molt desacord Molt acord

15. 15. El sistema és fàcil d'utilitzar * Maqueu només un oval.

1 2 3 4 5

Molt desacord Molt acord

16. 16. He hagut de dedicar massa temps a corregir coses del sistema * Maqueu només un oval.

1 2 3 4 5

Molt desacord Molt acord

Moltes gràcies Fins aquí el qüestionari. T'agraïm la teva col·laboració, les dades recopilades seran de gran ajuda per a l'avaluació del sistema.

Tecnologia de

https://docs.google.com/forms/d/15POQT4CddPwMnI8dvI2lar9u7K2y_Pj8yuc1MHrlXRE/edit 3/3 “output” — 2019/7/1 — 14:54 — page 118 — #132

A.11 Questionari¨ rol biblioteca.

118 “output” — 2019/7/1 — 14:54 — page 119 — #133

5/6/2019 Qüestionari biblioteca

Qüestionari biblioteca Aquest qüestionari està dissenyat per una alumna de Enginyeria de Sistemes Audiovisuals, amb la finalitat de poder avaluar el sistema dissenyat com a Treball Final de Grau. Les preguntes d'aquest qüestionari persegueixen la finalitat d'avaluar l'usabilitat d'una part del sistema de CiviCRM (un gestor d'usuaris) adaptat al projecte de Code Club a les Biblioteques. Aquest projecte és una iniciativa del Servei de Biblioteques de la Generalitat, que juntament amb Code Club Catalunya {http://codeclubcat.org} i les universitats UOC, UPF-FIB, UDG, UPF, UB- Biblioteconomia i Elisava; col·laboren per impulsar els Code Clubs en el nostre territori. Els Code Clubs són una xarxa d'activitats gratuïtes de programació per a nens i nenes de 9 a 12 anys amb l'objectiu d'oferir a cada infant la possibilitat d'aprendre a programar. Aquests estan gestionats per persones voluntàries i es duen a terme en biblioteques del territori. Així doncs, el sistema que seguidament provareu i avaluareu està dissenyat per a facilitar aquesta gestió entre voluntariat i biblioteques, i l'entitat que s'encarrega del projecte. Així doncs, és convenient tenir la pàgina web del del sistema oberta durant el qüestionari. Agraeixo que el contesti amb total sinceritat, ja que les seves respostes seran de vital importància en la tasca final del treball. És totalment anònim, tan sols se li demanaran quatre dades demogràfiques i preguntes d'avaluació del sistema dividides en 3 seccions. Confiem en que li resultarà bastant senzill i ràpid, uns 30 minuts. Gràcies per avançat.

* Necessari

Dades de demografia

1. 1. Any de naixement *

2. 2. Formació * Maqueu només un oval.

ESO Grau Mitjà Batxillerat Grau superior Carrera universitària Estudis post universitaris

Altres:

3. 3. Ús de formularis d'inscipció en algún esdeveniment * Maqueu només un oval.

1 2 3 4 5

Mal Molt sovint

4. 4. Ús de plataformes d'entrega de documents (per exemple, Moodles, etc.) * Maqueu només un oval.

1 2 3 4 5

Mai Molt sovint

https://docs.google.com/forms/d/1eakwPSXhMpXkEZJXHRaB12poiAn4FsIvH2xeEK_uEz4/edit 1/3 “output” — 2019/7/1 — 14:54 — page 120 — #134

5/6/2019 Qüestionari biblioteca Tasca 1 de la prova - Inscripció En aquesta secció trobarà preguntes referents a la primera tasca, que és la d'insciure's com a biblioteca voluntària al projecte Code Club a les Biblioteques. En el següent enllaç (http://gestio.codeclubcat.org/drupal/inscripcioBiblioteca) hi trobarà un formulari que haurà de omplenar i enviar amb les dades i les instruccions que se li han entregat en un full imprès. Un cop finalitzada la tasca pot procedir a contestar les preguntes.

5. 5. La pàgina d'inscripció de les persones voluntàries és molt clara * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

6. 6. La divisió que s'estableix entre les diferents seccions és inapropiada * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

7. 7. És difícil comprendre el que et demanenen en cada camp * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

8. 8. És fàcil omplenar els camps * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

9. 9. És útil el correu enviat amb les dades introduides com a confirmació de la inscripció * Maqueu només un oval.

1 2 3 4 5

Total descord Total acord

Secció 2 de la prova - Entrega de documents En aquesta secció trobarà les preguntes referents a la segona tasca, que és la d'entregar un document com a biblioteca al projecte Code Club a les Biblioteques. En el següent enllaç (http://gestio.codeclubcat.org/drupal/documentBiblioteques) hi trobarà la web on poder entregar i enviar el document amb les dades i les instruccions que se li han entregat en un full imprès. Un cop finalitzada la tasca pot procedir a contestar les preguntes.

10. 10. És fàcil comprendre el que et demanen en cada camp * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord https://docs.google.com/forms/d/1eakwPSXhMpXkEZJXHRaB12poiAn4FsIvH2xeEK_uEz4/edit 2/3 “output” — 2019/7/1 — 14:54 — page 121 — #135

5/6/2019 Qüestionari biblioteca 11. 11. És difícil entregar el document * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

12. 12. És útil el correu enviat amb els documents introduits com a confirmació de la entrega * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

Secció 3 de la prova - Valoració global Finalment, quatre preguntes de valoració global de les dues tasques.

13. 13. Les capacitats del sistema que he utilitzat compleixen amb els meus requisits * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

14. 14. Utilitzar el sistema és una experiència frustrant Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

15. 15. El sistema és fàcil d'utilitzar * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

16. 16. He hagut de dedicar massa temps a corregir coses del sistema * Maqueu només un oval.

1 2 3 4 5

Total desacord Total acord

Moltes gràcies Fins aquí el qüestionari. T'agraïm la teva col·laboració, les dades recopilades seran de gran ajuda per a l'avaluació del sistema.

Tecnologia de

https://docs.google.com/forms/d/1eakwPSXhMpXkEZJXHRaB12poiAn4FsIvH2xeEK_uEz4/edit 3/3 “output” — 2019/7/1 — 14:54 — page 122 — #136

A.12 Full de consentiment.

122 “output” — 2019/7/1 — 14:54 — page 123 — #137

Full de consentiment

Disseny i desplegament d’un sistema CiviCRM aplicat a la gestió de voluntariat dins del projecte Code Club Catalunya

Nom del supervisor: Laia Albó Pérez Nom de la universitat: Universitat Pompeu Fabra – TIDE research group

La teva participació consistirà en desenvolupar un seguit de tasques amb el sistema proporcionat. La prova tindrà una durada aproximada de 30 minuts. No obtindràs un benefici directe amb l’estudi però ens ajudaràs a millorar l’eina desenvolupada dins d’un projecte sense ànim de lucre. Per protegir la teva privacitat, identificarem les teves dades no amb el teu nom sinó amb un codi que només coneixerem els investigadors d’aquest projecte. Emmagatzemarem les dades en un lloc segur sota clau o digitalment amb sistemes de control d’accés de manera que només puguin ser consultades pels investigadors d’aquest projecte. En cas de publicar dades, només ho farem de forma anonimitzada. La participació en aquest projecte és totalment voluntària i pots retirar-te en qualsevol moment sense haver de justificar perquè; pots deixar de contestar qualsevol pregunta.

Si tens qualsevol pregunta sobre l’estudi, pots contactar amb: [email protected]

CONFIRMO que:

- he llegit el full d’informació del projecte de recerca, - he pogut fer preguntes sobre el projecte, - he rebut suficient informació sobre el projecte.

ENTENC que la meva participació és voluntària i que puc retirar-me de l’estudi en qualsevol moment i sense que ho hagi de justificar.

DONO EL MEU CONSENTIMENT per participar en aquest projecte.

Nom i cognoms:

Signatura:

Lloc i data “output” — 2019/7/1 — 14:54 — page 124 — #138

A.13 Respostes segona prova d’avaluacio.´

124 “output” — 2019/7/1 — 14:54 — page 125 — #139

Respostes usuaris amb el rol de persona voluntària

“output” — 2019/7/1 — 14:54 — page 126 — #140

Respostes usuaris amb el rol de biblioteca