He amien a de colabo aci´on ciudadana
pa a la edacci´on de leyes
Po
Jo ge Fdez-Mon es Cabanillas
G ado en Ingenie ´ıa In o m´a ica
Facul ad de in o m´
a ica
T abajo de Fin de G ado
Di ec o es:
Same Hassan Collado
Pablo Ojangu en Men´endez
Mad id, Sep iemb e 2018
Au o izaci´on de di usi´on y uso
Au o izo a la Uni e sidad Complu ense de Mad id a di undi y u iliza con ines acad´emi-
cos, no come ciales y mencionando exp esamen e a su au o , an o la p opia memo ia,
como el c´odigo, la documen aci´on y/o el so wa e desa ollado.
Jo ge Fdez-Mon es Cabanillas
Mad id, Sep iemb e 2018
2
Es e documen o se dis ibuye bajo la licencia C ea i e Commons BY-
SA 4.0. In e nacional.
Us ed es lib e de:
Compa i - copia y dis ibui el ma e ial en cualquie medio o o ma o
Adap a - emezcla , ans o ma y c ea a pa i del ma e ial pa a cualquie
inalidad, incluso come cial.
Bajo las condiciones siguien es:
A ibuci´on - Us ed debe da c ´edi o de mane a adecuada, b inda un enlace a la
licencia, e indica si se han ealizado cambios. Puede hace lo en cualquie o ma
azonable, pe o no de o ma al que sugie a que us ed o su uso ienen el apoyo de
la licencian e.
No hay es icciones adicionales - No puede aplica ´e minos legales ni medidas
ecnol´ogicas que es injan legalmen e a o as a hace cualquie uso pe mi ido po
la licencia.
Es e documen o es a ealizado bajo licencia C ea i e Com-
mons “Reconocimien o 4.0 In e nacional”.
3
Ag adecimien os
En p ime luga , da las g acias a los di ec o es del p oyec o, po que sin su ayuda y
o ien aci´on, es e abajo hab ´ıa sido o almen e imposible. Tambi´en da las g acias a la
amilia y a los amigos, que han acompa˜nado du an e odo el p oceso de desa ollo de es e
abajo.
Tambi´en quie o ag adece a Da id Pacios oda la ayuda que me ha p opo cionado, en
conc e o dando cu sos ´apidos sob e L
A
T
EX pa a pode ealiza es a memo ia.
4
Sob e T
EF
LO
N
Te lon(cc by-nc 4.0)[1] es una plan illa de L
A
T
EX c eada po Da id Pacios
Izquie do con echa de Ene o de 2018. Con a ibuciones de uso CC by-nc
Es a plan illa ue desa ollada pa a acili a la c eaci´on de documen aci´on p o esional
pa a T abajos de Fin de G ado o T abajos de Fin de M´as e . La e si´on usada es la 1.1.
V:1.1 O e lea V2 wi h pd LaTeX, ma gin 1in
Con ac o
Au o : Da id Pacios Izquie o
Co eo: [email p o ec ed]
ASCII: [email p o ec ed]
Despacho 110 - Facul ad de In o m´
a ica
5

´
Indice gene al
P´agina
Resumen 10
Abs ac 11
1. In oducci´on 13
1.1. Mo i aciones ................................. 13
1.1.1. O igen de la pa icipaci´on ciudadana . . . . . . . . . . . . . . . . 14
1.1.2. E oluci´on ecnol´ogica de la pa icipaci´on . . . . . . . . . . . . . . 14
1.1.3. Plan eamien o de aplicaci´on espec´ı ica . . . . . . . . . . . . . . . 15
1.2. Obje i os ................................... 15
1.3. Es uc u a del documen o . . . . . . . . . . . . . . . . . . . . . . . . . . 16
1. In oduc ion 17
1.1. Mo i a ion................................... 18
1.1.1. O igin o ci izen pa icipa ion . . . . . . . . . . . . . . . . . . . . 18
1.1.2. Technological e olu ion o he pa icipa ion . . . . . . . . . . . . 19
1.1.3. Applica ion-speci ic app oach . . . . . . . . . . . . . . . . . . . . 20
1.2. Obje i es ................................... 20
1.3. S uc u e o disse a ion . . . . . . . . . . . . . . . . . . . . . . . . . . . 21
2. Es ado del a e 22
2.1. Esc i u a colabo a i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
2.2. He amien as de edacci´on colabo a i as . . . . . . . . . . . . . . . . . . 25
2.2.1. GoogleDocs.............................. 25
2.2.2. Je Pad................................. 26
2.2.3. E he pad ............................... 28
2.2.4. eMa gin ................................ 28
2.2.5. O e lea ................................ 29
2.2.6. Sha eLa ex .............................. 30
2.2.7. GoogleSchola ............................ 30
2.2.8. Casebox................................ 30
2.2.9. Ja isLegal.............................. 30
2.2.10.Ci iCRM ............................... 31
2.2.11.OpenSou ceLaw........................... 31
2.2.12.LegalSui e .............................. 31
2.2.13.Appg ee................................ 32
6
Colabo a i e W i ing UCM
3. Me odolog´ıa y ecnolog´ıa 33
3.1. Me odolog´ıausada .............................. 33
3.2. Plandep oyec o ............................... 33
3.2.1. Documen aci´on de las ecnolog´ıas . . . . . . . . . . . . . . . . . . 34
3.2.2. Plan eamien o inicial del p oyec o . . . . . . . . . . . . . . . . . . 34
3.2.3. En e is as y esul ados . . . . . . . . . . . . . . . . . . . . . . . 34
3.2.4. Dise˜no/Implemen aci´on en sp in s . . . . . . . . . . . . . . . . . . 35
3.2.5. Desa ollo y p uebas . . . . . . . . . . . . . . . . . . . . . . . . . 37
3.2.6. Documen aci´on de la aplicaci´on . . . . . . . . . . . . . . . . . . . 37
3.3. Tecnolog´ıas .................................. 37
3.3.1. Gi Hub ................................ 38
3.3.2. Visual S udio Code . . . . . . . . . . . . . . . . . . . . . . . . . . 38
3.3.3. Angula .io .............................. 38
3.3.4. Ma e ial................................ 38
3.3.5. SwellRT ................................ 38
3.3.6. MongoDB............................... 38
3.3.7. HTML................................. 38
3.3.8. CSS .................................. 39
3.3.9. Boo s ap ............................... 39
3.3.10.Typesc ip ............................... 39
3.3.11.Ja asc ip ............................... 39
4. Dise˜no de la aplicaci´on 40
4.1. Desc ipci´on .................................. 40
4.2. CasosdeUso ................................. 42
4.3. Dise˜nogene al................................. 46
4.4. Dise˜no del documen o colabo a i o y el mapa de calo . . . . . . . . . . . 46
4.5. Ejemplodeuso ................................ 47
4.6. Manualdeusua io .............................. 47
4.7. Ges i´onde iesgos............................... 50
4.7.1. Riesgos en el plan eamien o del p oyec o . . . . . . . . . . . . . . 50
4.7.2. Riesgos du an e la c eaci´on de la aplicaci´on . . . . . . . . . . . . 51
4.7.3. Riesgos con la aplicaci´on inalizada . . . . . . . . . . . . . . . . . 51
5. A qui ec u a e implemen aci´on 52
5.1. Capas de la aplicaci´on . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
5.1.1. F on end................................ 52
5.1.2. Backend (SwellRT) . . . . . . . . . . . . . . . . . . . . . . . . . . 53
5.2. Flujodeejecuci´on............................... 54
5.3. Mapadecalo ................................. 57
6. Resul ados 59
6.1. Discusi´on de esul ados . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
6.2. P oblemas................................... 60
6.3. Con ibuci´on al p oyec o . . . . . . . . . . . . . . . . . . . . . . . . . . . 60
7
Colabo a i e W i ing UCM
7. Conclusiones y abajo u u o 61
7.1. Conclusiones.................................. 61
7.2. T abajo u u o ................................ 61
7.2.1. Fu u as mejo as de la aplicaci´on . . . . . . . . . . . . . . . . . . . 62
7. Conclusions and u u e wo k 62
7.1. Conclusions .................................. 63
7.2. Fu u eWo k.................................. 63
7.2.1. Fu u e applica ion imp o emen s . . . . . . . . . . . . . . . . . . 64
8. Bibliog a ´ıa y enlaces de e e encia 65
8
´
Indice de igu as
1.1. Imagen de Reddi de un g upo pol´ı ico pa a pa icipaci´on ciudadana[2] . 14
1.2. Imagen de la aplicaci´on Appg ee[3] . . . . . . . . . . . . . . . . . . . . . 15
1.3. Image om Reddi o a poli ical g oup o ci izen pa icipa ion[2] . . . . 19
1.4. Image o Appg ee applica ion[3] . . . . . . . . . . . . . . . . . . . . . . . 20
2.1. T abajo colabo a i o[4] . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
2.2. Es uc u a colabo a i a[5] . . . . . . . . . . . . . . . . . . . . . . . . . . 23
2.3. Esc i u a colabo a i a . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
2.4. P oyec o compa ido de Google Docs[6] . . . . . . . . . . . . . . . . . . . 26
2.5. Edi o JedPad................................. 27
2.6. Edi o E he Pad ............................... 28
2.7. Edi o eMa gin[7]............................... 29
2.8. P oyec o compa ido de O e lea [8] . . . . . . . . . . . . . . . . . . . . . 30
2.9. Cap u a de Ja is Legal[9] . . . . . . . . . . . . . . . . . . . . . . . . . . 31
2.10. Cap u a de Appg ee[10] . . . . . . . . . . . . . . . . . . . . . . . . . . . 32
3.1. Mockup de Vis a gene al . . . . . . . . . . . . . . . . . . . . . . . . . . . 36
3.2. Mockup de e isi´on colec i a . . . . . . . . . . . . . . . . . . . . . . . . . 36
3.3. Mockup de edaccion de cambios . . . . . . . . . . . . . . . . . . . . . . 37
4.1. Flujodeejecuci´on............................... 41
4.2. Login...................................... 48
4.3. Vis a gene al de documen os . . . . . . . . . . . . . . . . . . . . . . . . . 48
4.4. In o maci´on gene al de un documen o . . . . . . . . . . . . . . . . . . . . 49
4.5. Realiza comen a io sob e selecci´on . . . . . . . . . . . . . . . . . . . . . 49
4.6. Mapadecalo ................................. 50
5.1. Diag ama del documen o colabo a i o . . . . . . . . . . . . . . . . . . . . 55
5.2. Flujodeopina ................................ 56
9
Colabo a i e W i ing UCM
La aplicaci´on iene que se sos enible, pa a ello iene que ene una documen aci´on
con las ca ac e ´ıs icas del p og ama y unas e o mas u u as, adem´as de unas ges io-
nes de iesgo y unos casos de uso pa a que cualquie a pueda e oma la con inuidad
del p oyec o en cualquie momen o.
La aplicaci´on no iene que se espec´ı ica pa a leyes, si bien se ha c eado con ese
obje i o es bueno ema ca que es a ´ıa bien que se pudie a usa pa a cualquie
si uaci´on en la que se necesi a a la opini´on de un g upo de pe sonas, po ejemplo,
una comunidad de ecinos, una emp esa o la p opia acul ad. Un caso p ´ac ico de
es o, se ´ıa po ejemplo, habe usado la aplicaci´on pa a el caso “Juliemb e” bajo la
adminis aci´on de Delegaci´on de Alumnos de in o m´a ica se pas´o a ias encues as
pa a e que opinaban los alumnos. Hab ´ıa sido un buen si io pa a e las opiniones
de los alumnos y las alumnas, y habe podido adap a la si uaci´on a las necesidades
de la mayo ´ıa.
Como obje i o inal la aplicaci´on iene que se adap able, amigable con el usua io y pa a
ello, iene que ene una in e az simple pe o que cub a odas las necesidades del ex o
colabo a i o.
1.3. Es uc u a del documen o
La documen aci´on del abajo se desa olla en sie e cap´ı ulos m´as uno de bibliog a ´ıa
y enlaces a con enidos. La bibliog a ´ıa con end ´a a ´ıculos o e e encias a lib os que se
han u ilizado pa a de ini concep os, los enlace a con enido mos a ´an un hipe ´ınculo
de e e encia de donde se ha sacado el concep o. En los cap´ı ulos se p o undiza ´a los
concep os ma cados en el esumen del siguien e ´ındice de con enidos:
Cap´ı ulo 1. In oducci´on. Se ma ca el comienzo del abajo, la mo i aci´on y la
his o ia que se han usado de gu´ıa pa a desa olla la aplicaci´on, los obje i os inales
de la aplicaci´on una ez inalizada y un esumen b e e de lo que se encon a ´a en
cada cap´ı ulo.
Cap´ı ulo 2. Es ado del a e. Se p ocede a habla de he amien as de em´a ica
simila o que se pod ´ıan u iliza de mane a simila , aplicaciones en las que nos hemos
inspi ado o con p eceden e his ´o ico pa a ealiza nues a aplicaci´on y ecnolog´ıas
usadas pa a gene a el p oduc o inal.
Cap´ı ulo 3. Me odolog´ıa y ecnolog´ıa. Bas´andonos en un p oceso ´agil de desa ollo
amos a mos a las ases del p oyec o desde la euni´on inicial. Tambi´en amos a
menciona con p o undidad las ecnolog´ıas usadas pa a es a pa e.
Cap´ı ulo 4. Dise˜no de la aplicaci´on. Mues a inal de la aplicaci´on, explicaci´on de
la in e az, casos de uso, ges i´on de iesgos y dise˜no de la misma.
Cap´ı ulo 5. A qui ec u a e implemen aci´on. Diag amas explica i os de la he a-
mien a y explicaci´on de como se o ma la he amien a comple a.
Cap´ı ulo 6. Resul ados. Discusi´on sob e los esul ados inales del p oyec o.
Cap´ı ulo 7. Conclusiones y abajo u u o. Resul ados inales del abajo, alo a-
ci´on po pa e del equipo y p oyec o de u u o.
16

Colabo a i e W i ing UCM
Cap´ı ulo 8. Bibliog a ´ıa.
Los cap´ı ulos uno y sie e, se pueden encon a ambi´en aducidos al ingl´es como se
especi ica en la no ma i a de los T abajos de Fin de G ado de la UCM.
17
Chap e 1
In oduc ion
Nowadays, he d a ing o laws is de ined, i no always, in mos o cases, by an unidi ec-
ional ca ´ac e [11], i.e. he e a e some people in cha ge o he d a ing and app o al o
laws, bu e y o en he eal acco dance (o no ) wi h he es o he popula ion is no
aken in o conside a ion[12]. Fo ins ance, i he Facul y o Compu e Sciences p esen s a
new p oposal o in e nal egula ion, he s uden s will pa icipa e on he app o al p ocess
alongside wi h he Facul y by means o he “S uden s’ Union”, i.e. he s uden s a e only
indi ec ly in ol ed in he p ocess al hough he new egula ion will a ec hem di ec ly.
This si ua ion has been p esen o se e al decades as i is emendously di icul o,
on he one hand, check e e y indi idual’s opinion a ec ed by he law o egula ion and,
on he o he hand, a ull consensus o opinions[13]. Today, hanks o he ecen de elop-
men o new echnologies, i became possible o ge close o e e yone’s opinion[14] o
y o each a b oade consensus.
1.1. Mo i a ion
The democ acy is e ol ing cons an ly due o he new echnologies a e in he ci izens’
mind.
The o m o exposing he laws is e y impo an in he ime which we li e, as all he
ci izens a e awa e abou using social media and he media.
As a e e ence o he idea was seeing he la ge amoun o assemblies o he ci izen oday.
A big ocus is ha in he squa es whe e he e a e exposing he ci izens’ opinion. I is so
good, bu i happens ha since he assembly is o e un il he law is p oposal, he ci izen
couldn gi e an opinion abou ha .
The idea is aking hese squa e o he edac ion o p oposals and laws, in such a way
ha all he inhabi an s o an a ea could gi e an opinion abou he p oposal be o e i is
execu ed. In such a way, he people in cha ge could see he sou ces o con lic , he p oposal
which a e good o bad and he public opinion in eal ime. Hence comes ou mo i a ion
o make his applica ion, o e ol ing he ci izen pa icipa ion in an ac i e way, so ha
wi h his mo i a ion we could e en c ea e a collabo a i e w i ing applica ion no only o
bills bu o he laws, wo ks and any kind o ex which equi es a hi d opinion which
hese in luence.
18
Colabo a i e W i ing UCM
1.1.1. O igin o ci izen pa icipa ion
The human being has always been a social being, hey ha e me a ound assemblies o
s anda dize a se o s anda ds ha should be me o be able o li e in socie y. These
assemblies, we could highligh he G eek assemblies whe e he laws we e discussed ha
i applied in he G eek polis. The cu en democ acies whe e powe was in he illage,
a ose ou o his idea, ha h ough hei o es chose hei ep esen a i es and hese
ep esen a i es, hey made a se ies o laws, which he judicia y applied. S ill ci izen, is
no able o pa icipa e ac i ely, in he c ea ion o hese laws, his idea eme ged he i s
ci izens assemblies.
Fi s mee ings ca ied ou by he eme ging poli ical pa ies[15] mo ed a la ge pa o
socie y o change laws and ca y ou p oposed ci izen agains he laws ha we e p oposed
long ago which we e no sa is icied.
These assemblies a e a collec ion o opinions bo h in a ou and agains ega ding a law.
In addi ion he ci izen collabo a e in he poli ical li e o an ac i e o m.
Wi h ou p ojec we wan o pick up his eeling o he ci izens o change he eali y in
which hey li e.
1.1.2. Technological e olu ion o he pa icipa ion
The ci izens can show hei opinion h ough sec ions o opinion in he di e en a icles o
he newspape s, opining on social ne wo ks and showing hei opinion in di e en o ums
o websi es.
Today, he mos used applica ions o show he opinions o ci izens a e Reddi and App-
g ee.
Figu a 1.3: Image om Reddi o a poli ical g oup o ci izen pa icipa ion[2]
Wi h Reddi [16], pa icipan s can show hei opinion o a ious a icles i you ha e logged
in p e iously. Wi h his applica ion, we can show he opinions in eal ime. Bu , we can
no see i hey a e o no comply wi h any pa o he ex .
Wi h Appg ee you can see he opinion o a g oup o use s, as a pe cen age, whe e can a
19
Colabo a i e W i ing UCM
communi y use s answe in a posi i e o nega i e way o by a sho answe ype. These
opinions a e so ed in pe cen age acco ding o he ype o use .
1.1.3. Applica ion-speci ic app oach
The e a e some applica ions whe e he idea ha we ha e in mind, bu none could be
made as speci ic as which we wan o c ea e. One o he big mo i a ions was he Appg ee
applica ion. In he p e ious s udy i was obse ed ha i was used in many o hese p o-
posed ci izen, speci ically in se e al assemblies in which he de elopmen eam a ended
o check i s ime de olopmen in eal ime.
The esul s we e p e y good, bu hey did no co e he needs which we had a he ime
o p oposing he p ojec .
Figu a 1.4: Image o Appg ee applica ion[3]
F om he ool ha we s a ed SwellRT, which is a g ea ool o he collabo a i e w i ing,
deepened much mo e in ou concep o he inal applica ion. The e o e, i has been decided
o c ea e a collabo a i e w i ing applica ion o show he opinion o a g oup o people who
a e a ec ed o hese idea abou i is w i ing.
1.2 Obje i es
The de eloped applica ion has as he ul image goal o gene a e a hea map o he di e en
opinions (posi i es o nega i es) ha can ha e a ce ain collec i e abou a ex , law,
p oposal o imp o emen , ci izen condi ion ha in luences you unde hese cha ac e is ics:
All he aplica ion has o be Open Sou ce and ee: one o he bigges mo i a ions
when c ea ing his p ojec is ha anyone could see he documen o de ec ing he
ails and o be able i any ci y o in any sys em ha is needed. The impo ance o
being ee is so ha anyone has esou ces o can no see how he opinion sys em
is designed. Thus, we p omo e he idea o his applica ion un il in hese because
any ci izen ega dless o hei condi ion and adquisi i e le el can ake pa ac i ely
eading o being able o pa icipa e on he code o he ool.
The applica ion has o be scalable, o his i has o be a documen a ion wi h he
cha ac e is ics o he p og am and u u e e o ms, in addi ion o isk managemen
and use cases so ha anyone can esume he con inui y o he p ojec a any ime.
The applica ion has no be speci ic o laws, al hough i has been c ea ed wi h
ha objec i e, i is good o emphasize ha i would be good i i could be used
o a hing in which he opinion o a g oup o people is needed, o example, a
communi y o neighbo s, a company o he acul y i sel . A p ac ical example o
his would be, o example, ha ing used he applica ion o he case “Juliemb e”
unde he adminis a ion o he delega ion o echnology s uden s, se e al su eys
20
Colabo a i e W i ing UCM
we e aken o see wha he s uden s hough. I would ha e been a good place o
see he opinions o he s uden s, and ha e been able o adap he si ua ion o he
needs o all.
As a inal goal, he applica ion mus be adap able, use - iendly and, o ha , i mus
ha e a simple in e ace ha co e s all he needs o he collabo a i e ex .
1.3. S uc u e o disse a ion
The documen a ion o he wo ks is de eloped in se en chap e s plus one o bibliog aphy
and links o con en . The bibliog aphy will con ain a icles o e e ences o books ha
ha e been used o de ine concep s, he links o con en will show a e e ence hype link
om whe e he concep has been aken. In he chap e s he concep s ma ked in he
summa y o he ollowing con en s index will be deepened:
Chap e 1. In oduc ion. I is ma ked he begging o he wo k, he mo i a ion and
he his o y which has been used o guie o de elop he applica ion, he inal goals
o he applica ion once i is inished and a b ie summa y o wha will be ound in
each chap e .
Chap e 2. S a e o a . We p ceed o alk abou he ecnologies wi h a simila
heme o ha could be in a simila way, applica ions in which we ha e been inspi ed,
ools wi h his o ical p eceden o make ou applica ion and echnologies used o
gene a e he inal p oduc .
Chap e 3. Me hodology and echnology. Based on an agile de elopmen p ocess
we will assemble he phases o he p ojec om he ini ial mee ing. We will also
men ion in dep h he echnologies used o his pa .
Chap e 4. Applica ion desing. Final sample o he applica ion, explana ion o he
in e ace, use cases, isk managemen and desing o he same.
Chap e 5. A chi ec u e and implemen a ion. Explana o y diag ams o he ool
oge he wi h he explana ion o he use o he hea map.
Chap e 6. Resul s. Discussion abou he inal esul s o he p ojec .
Chap e 7. Conclusions and u u e wo k. Final esul s o he wo k, assessmen by
he eam and u u e p ojec .
Chap e 8. Bibliog aphy.
Chap e s 1 and 7 can also be ound in English as i is speci ied in he egula ion o
End-o -Deg ee P ojec s o he UCM.
21

Cap´ı ulo 2
Es ado del a e
En es e cap´ı ulo se p ocede a habla de lo que es la p oducci´on colabo a i a y de pla-
a o mas basadas en ella, y de he amien as cuyo obje i o es simila al an e io men e
mencionado. De es a mane a, explica emos el con ex o que hay en la ac ualidad de es e
T abajo de Fin de G ado.
Dado a que es e p oyec o abaja con ex os colabo a i os, p ime o amos a empeza
po explica que es la la p oducci´on colabo a i a. Es e ´e mino ue acu˜nado po Yochai
Benkle [17]. Lo de ine como un sis ema de p oducci´on, dis ibuci´on y consumo de bienes
de in o maci´on que se ca ac e iza po acciones indi iduales descen alizadas, ejecu adas
a a ´es de medios ampliamen e dis ibuidos y ajenos al me cado [18].
Figu a 2.1: T abajo colabo a i o[4]
El abajo colabo a i o implica abaja en equipo, po lo que, si que emos ealiza un
p oyec o ecnol´ogico, lo social se a a impone sob e lo ecnol´ogico[19]. No implica que
dependa exclusi amen e de la ecnolog´ıa como se ha expues o an e io men e.
In e ne ha dado un g an impulso a los abajos colabo a i os, ya que, pe mi e maneja
con acilidad g andes ol´umenes de da os y compa i es os da os con o as pe sonas.
Es o hace que el abajo colabo a i o sea m´as sencillo.
Aplicado al p oyec o en el que es amos, si aho a hay asambleas en las que se puede discu-
i las opiniones, se pod ´ıa deci que nues a aplicaci´on ealiza la misma unci´on. Po lo
que se pod ´ıa deci que la ecnolog´ıa ha mejo ado el abajo colabo a i o en es e aspec o.
22
Colabo a i e W i ing UCM
En cuan o a la o ma de o ganizaci´on de es as colabo aciones, es o almen e descen ali-
zada, en la que odos sus componen es ienen unos oles simila es que lle an una m´e ica
de abajo en las que las acciones de cada indi iduo no son cuan i icadas y no se alo a
la capaci aci´on de cada indi iduo.
Es muy impo an e de ini las eglas y escoge unos l´ıde es na u ales que sepan mo i a
al g upo. Tambi´en es muy impo an e que los cambios de es a egia hay que negocia los
con la je a qu´ıa que lle a el p oyec o[20].
Figu a 2.2: Es uc u a colabo a i a[5]
Hay dos g andes ejemplos que son mencionados cuando se habla de p oduccion cola-
bo a i a, como po ejemplo la Wikipedia, que es una p oducci´on colabo a i a que es ´a
cen ada en compa i conocimien os de o ma al uis a y de esc i u a colec i a.
Ya que sabemos lo que es el abajo colabo a i o, amos a p ocede a de ini la p oduc-
ci´on colabo a i a.
La p oducci´on colabo a i a[21] se e ie e a es uc u as p o esionales en las que se es-
23
Colabo a i e W i ing UCM
ablecen con ac os di ec os en e usua ios pa a la ges i´on y elabo aci´on compa ida de
p oyec os, se icios o p oduc os. Un ejemplo de p oducci´on colabo a i a, en lo que se
e ie e a Open Sou ce, se ´ıa el GNU/Linux.
Una ez que sabemos qu´e es el abajo colabo a i o, c´omo se elaciona con la ecnolog´ıa,
c´omo es la je a qu´ıa de un abajo colabo a i o y la de inici´on de p oducci´on colabo a i a.
Vamos a cen a nos en la esc i u a colabo a i a, que es de lo que a a nues o T abajo
de Fin de G ado.
2.1. Esc i u a colabo a i a
La esc i u a colabo a i a es el p oceso de c eaci´on de cualquie ipo de documen o en e
a ios au o es, es deci , es un abajo colabo a i o o ien ado a edac a [22], po ejemplo,
no ma i as o leyes. Pa a que es a esc i u a sea posible, odos los esc i o es ienen que
es a in e conec ados, po es o, el a ance de las ecnolog´ıas acili a cada ez m´as es e ipo
de c eaciones, ya que g acias a In e ne , ene conec ados a un g an n´ume o de pe sonas
a un mismo documen o odeado de una em´a ica com´un, es mucho m´as ´acil.
Figu a 2.3: Esc i u a colabo a i a
La imagen mos ada en la pa e supe io hace e e encia al esquema de la pa icipaci´on
24
Colabo a i e W i ing UCM
colabo a i a donde las a is as ue es son en e cada usua io y el documen o a a a y las
a is as d´ebiles mos adas en el g ´a ico como l´ıneas discon inuas unen odos los usua ios
en e s´ı. Es o quie e deci que es una buena o ma de in e conec a las pe sonas usua-
ias median e la pa icipaci´on colabo a i a. Es un buen ejemplo de aquello que es amos
in en ando mos a .
2.2. He amien as de edacci´on colabo a i as
Exis en muchas he amien as o ien adas pa a la edacci´on colabo a i a, como po ejemplo
la Wikipedia y algunos o os de In e ne , aunque noso os nos amos a cen a solo en
aquellas que nos pe mi an esc ibi en pa alelo y en iempo eal. Los edi o es colabo a i os
en iempo eal, son los que pe mi en ealiza modi icaciones a odos los usua ios que
engan los pe misos co espondien es y odas es as modi icaciones son isibles de o ma
ins an ´anea, como si odos los cambios se es u ie an ealizando en un edi o de ex o en
el mismo o denado . Es e ipo de edi o es, nos pe mi e gene a ex os de una o ma m´as
´apida e in e ac i a en e a ios usua ios, ya que, un usua io no iene que es a espe ando
a que o o e mine y ac ualice el documen o pa a pode pa icipa en la edici´on.
2.2.1. Google Docs
Google Docs[23] es, a d´ıa de hoy, la he amien a de edacci´on colabo a i a mas usada a
ni el mundial. Es a he amien a, nos o ece la posibilidad de gene a un ex o colabo a-
i o, en el cual, el au o puede in i a a pa icipa a odos los/as usua ios/as que el desee
( ienen que ene una cuen a de Google pa a accede ). Una ez se acep an es as in i acio-
nes, odos las pe sonas pa icipan es es ´an conec adas en e si y enlazadas al documen o
pa a pode edac a lo de o ma colabo a i a. Todos es os cambios se ´an isibles pa a el
es o y ambi´en pe mi e ealiza ano aciones sob e cie as selecciones del ex o.
Pa a mejo as la comunicaci´on en e odas las pe sonas que es ´an pa icipando en el
documen o, Google Docs ambi´en nos pe mi e cha ea en iempo eal con los dem´as
pa icipan es.
25
Colabo a i e W i ing UCM
2.2.13. Appg ee
Figu a 2.10: Cap u a de Appg ee[10]
Appg ee es una aplicaci´on, que puede se u ilizada desde el o denado has a en dispo-
si i os m´o iles. Median e el egis o en la web o en la aplicaci´on, nos pe mi i ´a e las
opiniones de o os usua ios en iempo eal sob e emas de ac ualidad y a la ez, opina
de los mismos.
Las he amien as de ex o colabo a i o, nos p opo cionan la acilidad de pode edac a
la no ma i a o ley de o ma com´un, as´ı los que p oponen es a, pueden es a in e conec-
ados y edac a la de la o ma que ean m´as con enien e. Tambi´en nos o ecen ealiza
ano aciones en el ex o, pe o nos encon a ´ıamos con un p oblema p incipal, ¿c´omo an
a se a adas es as ano aciones?, ¿se an a ene en cuen a?, ¿es ´an a a o o en con a
de es a pa e?. Ninguna de las he amien as que nos o ecen ex o colabo a i o y ano a-
ciones, nos o ece pode analiza es as ano aciones.
El p oyec o que se ha desa ollado nos o ece odo es o jun o, desde el ex o colabo-
a i o, has a un an´alisis de odas las ano aciones ealizadas en cada documen o. As´ı,
a˜nadiendo ases a es e ciclo de un documen o, se pueden cub i m´as aspec os que se han
conside ado obje i os.
32

Cap´ı ulo 3
Me odolog´ıa y ecnolog´ıa
A lo la go de es e cap´ı ulo se cuen an los de alles elacionados con el p oceso de desa ollo
de la aplicaci´on.
A g andes asgos, pod ´ıamos deci que odo el p oceso de desa ollo ha es ado di idi-
do en dos e apas, que aho a queda ´an m´as de alladas, la p ime a dedicada adqui i un
conocimien o social de emas elacionados con el la he amien a a desa olla y ealiza
p o o ipos p e ios. La segunda ase se ha cen ado en el desa ollo.
3.1. Me odolog´ıa usada
Se plan ea en un inicio el uso de la me odolog´ıa ´agil Sc um[34], se selecciona es a me odo-
log´ıa po su es uc u aci´on y po su e sa ilidad a la ho a de pode adap a lo al abajo
de una sola pe sona. Si bien es e dad que en de e minados pun os del p oyec o se ha
usado la me odolog´ıa de Kanban[35], en el 90 % del abajo se ha gene ado empleando
me odolog´ıa Sc um[34] un poco modi icada. Sc um es un p oceso en el que se aplican
de mane a egula un conjun o de buenas p ´ac icas pa a abaja colabo a i amen e,
en equipo, y ob ene el mejo esul ado posible de un p oyec o. Es as modi icaciones se
de allan a con inuaci´on:
No se ha necesi ado una igu a de Sc um mas e [36], ya que, en el desa ollo del
p oyec o s´olo se ha con ado con un pa icipan e y en su luga se ha enido la igu a
de dos u o es pa a la ejecuci´on de la i e aci´on (Sp in ).
La ejecuci´on de la i e aci´on[37], lo que es el Sp in , se ealizaba mandando mensajes
con las ac ualizaciones a los u o es. Den o de es as ac ualizaciones se pon´ıa odo
lo desa ollado a la pa de dudas de implemen aci´on y ca ac e ´ıs icas.
3.2. Plan de p oyec o
An es de comenza el p oyec o se u ie on a ias euniones con el equipo de u o es en
los cuales se aco d´o c ea una di isi´on en dos e apas del p oyec o. Es as dos e apas se ´ıa
la de documen aci´on de las ecnolog´ıas debido al desconocimien o de muchas de ellas po
pa e del equipo desa ollado y la ase de implemen aci´on, que e iden emen e incluye
los dise˜nos iniciales, las en e is as. . .
Las ases po las que ha pasado el p oyec o son las siguien es:
33
Colabo a i e W i ing UCM
Documen aci´on de las ecnolog´ıas.
Plan eamien o del p oyec o.
En e is as y an´alisis de esul ados.
Implemen aci´on median e i e aciones.
Desa ollo y p uebas.
3.2.1. Documen aci´on de las ecnolog´ıas
Du an e es a ase se hizo un es udio de allado de la documen aci´on SwellRT[38] jun o con
los abajos desa ollados de o os compa˜ne os, se es udi´o concep os de HTML,Ja asc ip ,CSS
y du an e es a ase se ap endi´o a usa la he amien a, se die on ejemplos ya desa olla-
dos y despu´es de ella se en´ıa una idea m´as cla a de como usa las ecnolog´ıas ci adas
an e io men e, en qu´e momen o usa las, sus en ajas y sus limi aciones. Es e p oceso
ue bas an e amigable ya que, de las ecnolog´ıas ci adas an e io men e hab´ıa bas an e
documen aci´on y ejemplos ya desa ollados.
3.2.2. Plan eamien o inicial del p oyec o
Una ez is o lo que se pod´ıa c ea con es as ecnolog´ıas, ocaba e que pod´ıamos c ea .
En es e sen ido una he amien a HTML amigable[39] con el usua io an o de o ma como
de in e az. En un comienzo es a e a una de las p emisas que se plan e´o, ealiza una
in e az a ayen e y amigable con el usua io/a. La idea que se plan e´o e a la de imi a
una es uc u a que ya es aba muy p esen e, la esc i u a con el olio en medio, sis ema de
comen a ios a la de echa y una en ana amigable que e pusie a los documen os de una
o ma o denada y cla a. Es o no es ninguna no edad pe o es un m´e odo que unciona.
O a de las is as que se nos ocu i´o en un comienzo ue c ea la is a de documen os como
el men´u desplegable de Windows 8[40], pe o e a bas an e menos in ui i a y a ayen e que
la que acabamos plan eando.
3.2.3. En e is as y esul ados
Son los usua ios los que ienen que acaba usando la aplicaci´on, hace un desa ollo igno-
ando a los usua ios se ´ıa un e o . Como a amien o inicial se desa olla on en e is as
a un p´ublico que le pod´ıan in e esa , y el obje i o es que uncione pa a ex os colabo-
a i os de leyes, pe o se pens´o un poco m´as en peque˜no a la ho a de hace las. Es as, se
desa olla on den o de un ango de edad, en e 18 y 25, que e a el publico en el cual se
que ´ıa basa la opini´on.
Pa a ene un conocimien o mas comple o de los h´abi os del publico obje i o a la ho a
de opina , las en e is as se en oca on en es ases di e en es den o de las misma. Las
p ime as p egun as se basa on en conoce los h´abi os de opini´on y de uso de aplicaciones
colabo a i as po pa e de los en e is ados. Despu´es de adqui i es a in o maci´on, se
busca a e igua si los en e is ados se han encon ado alguna ez en si uaciones que no
que ´ıan po culpa del desconocimien o de alguna no ma i a o ley que les a ec a a sin
sabe lo. Finalmen e la en e is a es mas conc e a sob e la p ime a pa e e in en amos
conoce los gus os a la ho a de da opini´on a a ´es de in e ne po nues o publico, es
deci , si p e ie en un sis ema de o os, comen a ios, e c.
34
Colabo a i e W i ing UCM
De es as en e is as se sacan algunas conclusiones p incipales.
En una de las en e is as nos deja on cla o que la no ma i a de TFG e a bas an-
e con usa y que la cambia an cada a˜no o cada poco. Pa imos de la base de la
e acidad de la a i maci´on misma pa a pode deci que a es a pe sona le gus ´o la
aplicaci´on po que le hab ´ıa encan ando comen a en iempo eal la me odolog´ıa del
TFG.
O a de las ideas que nos plan ea on algunos de los en e is ados, ue que incluy´e a-
mos un p oceso de ges i´on de iesgos sob e es a idea, la posibilidad de que alguien
opine y c ee una opini´on con con enido jocoso, sin que le impo e el ema y pa a
des i ua el ema ci ado. Es o pa a hace una ges i´on de iesgos lo u imos muy
en cuen a.
Los comen a ios m´as ecuen es en es as en e is as hacen e e encia a que les gus a
opina en in e ne y que les gus a que las no icias ayan acompa˜nadas de opiniones.
Tambi´en sacamos de es as en e is as p ´ac icamen e po unanimidad que al usua-
io medio no le gus a es o za se demasiado pa a en a en una aplicaci´on, quie e
una in e az sencilla, pocos bo ones, que sea in ui i o y con colo es que a aiga la
a enci´on. Es o, a la ho a del desa ollo se ha enido muy en cuen a.
Como comen a io inal se ag eg´o que la documen aci´on de muchos si ios incluyendo
la acul ad e an demasiado ´a idas y mal es uc u adas, es a ´ıa bien ambi´en usa
la he amien a pa a que la gen e jun o con sus opiniones pudie a comen a lo qu´e
signi ica cada p´a a o pa a las pe sonas que saben menos de lenguaje o mal.
3.2.4. Dise˜no/Implemen aci´on en sp in s
T as la ealizaci´on de es as en e is as, el uso del conocimien o de las ecnolog´ıas y una
g an idea de lo que se que ´ıa hace se p ocede a gene a mockups. En un comienzo pa a
cub i las necesidades gene ales y los asgos m´as b´asicos de la aplicaci´on. Y pos e io -
men e, conc e ando en los de alles y las posibilidades que end ´ıa la aplicaci´on.
35
Colabo a i e W i ing UCM
Figu a 3.1: Mockup de Vis a gene al
Figu a 3.2: Mockup de e isi´on colec i a
36
Colabo a i e W i ing UCM
Figu a 3.3: Mockup de edaccion de cambios
Comienza la ase de desa ollo donde se gene aba pa e de la aplicaci´on y pa e de las
uncionalidades y se mos aba al u o jun o con las dudas y mejo as. Se gene aba un
sis ema de e siones pa a la mejo a de la aplicaci´on, es as ac ualizaciones que noso os
llamamos sp in po el uso de la me odolog´ıa ´agil Sc um[41] ocu ´ıan cada poco. Fue
en es a ase donde ambi´en se us´o la me odolog´ıa de Kanban[42] pa a pode di idi la
aplicaci´on en dis in os bloques a implemen a .
3.2.5. Desa ollo y p uebas
Como pa e impo an e del desa ollo de la aplicaci´on se ha en egado la aplicaci´on pa a
su uso a a ias pe sonas. En es e pun o se in en ´o descub i si la aplicaci´on e a lo su icien-
emen e in ui i a o hab´ıa e o es. La aplicaci´on pa ec´ıa se lo su icien emen e amigable
pa a su uso y se co igie on a ios allos no c ´ı icos que pose´ıa la aplicaci´on.
3.2.6. Documen aci´on de la aplicaci´on
Pa a inaliza el p oyec o se gene a una documen aci´on bajo el con ex o del TFG con
los con ex os cla os de ecnolog´ıas usadas, pasos del p oyec o, mo i aci´on a la ho a de
hace es e p oyec o y uso de la he amien a pa a que cualquie a pueda con inua con su
desa ollo en cualquie momen o.
3.3. Tecnolog´ıas
Du an e odo el p oceso ela ado an e io men e, se han u ilizado una se ie de he amien as
y ecnolog´ıas que se ´an ci adas a con inuaci´on.
37

Colabo a i e W i ing UCM
3.3.1. Gi Hub
Pla a o ma de desa ollo colabo a i o[43] de so wa e, que hace uso del con ol de e -
siones de Gi , el cual pe mi e ene ac ualizado en cualquie momen o y luga cualquie
codigo. Nues o p oyec o ha es ado en odo momen o ac ualizado y subido a Gi Hub[44],
pa a acili a la e isi´on po pa e de los di ec o es y pa a que sea accesible a cualquie
pe sona.
3.3.2. Visual S udio Code
En o no de desa ollo c eado po Mic oso y disponible pa a Windows, Linux y macOS[45]
y ue lanzado en en 2015 bajo la licencia MIT el cual se ha u ilizado du an e odo el p o-
ceso. Se ha elegido es e p incipalmen e po su comodidad a la ho a de ene ac ualizado
el con ol de e siones[46]. a a es de Gi a pesa de que o ece o as muchas acili-
dades como esal ado de sin axis, inalizaci´on in eligen e de es e y a ias opciones de
pe sonalizado.
3.3.3. Angula .io
F amewo k pa a ja asc ip y ypesc ip man enido po Google el cual es una e si´on
m´as ac ual de lo que ue Angula 2[47], usado pa a desa olla aplicaciones web. Angula
pe mi e desa olla aplicaciones web mucho mas escalables de las habi uales ya que o ece
c ea un pa ´on Modelo Vis a Con olado (MVC) en las aplicaciones web desa olladas
con es e. Todo el so wa e de es e TFG ha sido desa ollado con Angula .io.
3.3.4. Ma e ial
Ex ensi´on de angula , que nos pe mi e ene cie os es ilos y componen es de in e az ya
c eados, como los bo ones, o las pes a˜nas[48].
3.3.5. SwellRT
SwellRT nace del p oyec o eu opeo P2PValue[49] como o k de Wa e. Es una pla a o ma
Open Sou ce que nos o ece “backend-as-a-se ice”[50], es a pla a o ma nos o ece obje os
colabo a i os y en iempo eal pa a c ea nue as aplicaciones, o pa a las ya exis en es.
As´ı como una API en Ja asc ip pa a hace uso de odas las uncionalidades que nos
o ecen sus es uc u as de da os.
Usamos SwellRT como n´ucleo de backend pa a man ene oda la in o maci´on que se
pueda almacena sob e usua ios, documen os o comen a ios.
3.3.6. MongoDB
Base de da os[51] o ien ada a documen os JSON y nosql, no se hace uso de es a ecnologia
di ec amen e, sino que la u iliza SwellRT pa a odo su manejo p opio de base de da os.
3.3.7. HTML
Lenguaje de ma cado de e ique as, a d´ıa de hoy es el es ´anda en a la c eaci´on de p´aginas
web. Es e lenguaje nos o ece di e sos elemen os que al in e conec a se dan o ma al
38
Colabo a i e W i ing UCM
con enido que se quie e desa olla . Todo el on end de nues a aplicaci´on es ´a esc i o
usando HTML[52].
3.3.8. CSS
CSS u “Hoja de Es ilos en Cascada” es un lenguaje de dise˜no g ´a ico que pe mi e da di-
se˜no a p´aginas web[53]. Se hace uso de CSS pa a adqui i de es ilo a oda la p og amaci´on
en HTML de la aplicaci´on.
3.3.9. Boo s ap
Es un amewo k[54] Open Sou ce basado HTML y CSS y que hace uso de ex ensiones
Ja aSc ip , que pe mi e da es ilo y dise˜no a aplicaciones web. Hacemos uso de es e sob e
odo pa a es uc u a las is as de la o ma mas adecuada posible.
3.3.10. Typesc ip
Es un lenguaje de p og amaci´on o ien ado a obje os lib e y de c´odigo abie o desa ollado
y man enido po Mic oso . Dicho lenguaje se anspila a Ja aSc ip pa a pode usa se
en el desa ollo de aplicaciones web y ejecu a se en el lado del clien e o del se ido . Lo
usamos en g an pa e del on end.[55].
3.3.11. Ja asc ip
Lenguaje de p og amaci´on in e p e ado o ien ado a obje os. En su mayo ´ıa se u iliza en la
pa e del clien e pa a implemen a aplicaciones web y as´ı mejo a su in e az, haci´endola
mas es ´e ica y din´amica.[56], lo usamos de o ma indi ec a al p og ama en Typesc ip .
39
Cap´ı ulo 4
Dise˜no de la aplicaci´on
La he amien a desa ollada, iene po obje i o el c ea un acceso sencillo, in ui i o y
amigable a las pe sonas de una comunidad conc e a pa a pode opina sob e aspec os,
ecogidos en un documen o, que in luyan en su en o no. Es o se puede aplica en peque˜na
escala (Facul ad, comunidad de ecinos, amilia es...) y en g andes en o nos (pol´ı ica
local...). G acias a es as opiniones que pueden se posi i as o nega i as se puede gene a
un mapa de calo del balance de opiniones con espec o a una idea, una pa e del ex o,
un p´a a o... Y de esa o ma se puede e el consenso o desacue do de la gen e pa a/con
una idea.
4.1. Desc ipci´on
La aplicaci´on desa ollada, es una aplicaci´on web p epa ada pa a la colabo aci´on ciuda-
dana, es deci , pa a que odo el mundo pueda opina y ayuda a la ho a en la que se
edac an las no ma i as que les a ec an.
Es a aplicaci´on unciona a pa i de una consecuci´on de e apas di e en es, cada una
cen ada en una a ea. Es as ases son:
De inici´on de p oceso: se c ea el documen o colabo a i o, se le pone ´ı ulo y
se especi ica quienes son los/as c eado es/as (se ian como adminis ado es po as´ı
deci lo).
Redacci´on inicial: se esc ibe la p ime a e si´on del documen o del cual se a a
que e que la sociedad implicada pa icipe en el p oceso de opini´on.
Llamada a la pa icipaci´on: se hace “publicidad” sob e el documen o c eado
pa a que se apun e al p oceso el mayo n´ume o posible de pe sonas a ec adas po
es e. As´ı se pod ´a ecopila el mayo nume o posible de opiniones lo cual mejo a ´ıa
el p oceso.
Re isi´on colec i a: en es a ase, odo el abajo pasa a se de los/as usua ios/as
que pa icipan en el documen o, es deci , odos los pa icipan es que se unie on en
la llamada a la pa icipaci´on p oceden a da su opini´on sob e dicho documen o.
An´alisis de suge encias: se gene an da os y es ad´ıs icas sob e las opiniones que
se han hecho du an e la e isi´on colec i a. Es a es la ase en la que se gene a un
40
Colabo a i e W i ing UCM
De inici´on
de p oceso
Redacci´on
inicial
Llamada
a la pa -
icipaci´on
Re isi´on
colec i a
Redacci´on
de cambios
An´alisis de
suge encias
¿Consenso
en las opi-
niones?
Redacci´on
inal
si
no
Figu a 4.1: Flujo de ejecuci´on
mapa de calo a pa i de los comen a ios de las pe sonas que han pa icipado en
el documen o. Mas adelan e habla emos de es a u ilidad.
Redacci´on de cambios: se ealizan los cambios pe inen es en el documen o en
elaci´on a los an´alisis de las opiniones que se han ealizado.
An´alisis y edacci´on inal: se gene a la ´ul ima e si´on del documen o, la cual
se ´a publicada y debe ´ıa de se de con o midad pa a la g an mayo ´ıa sino pa a odas
las pe sonas a ec adas po es e.
Todas es as ases son una sucesi´on unas de o a, a excepci´on del ciclo de opini´on ( e i-
si´on colec i a, an´alisis de suge encias, edacci´on de cambios), las cuales, se a
a epe i has a que el documen o sea de con o midad pa a los/as pa icipan es, es deci ,
el mapa de calo gene ado as la ase de opini´on sea i´o, ya que la mayo pa e de los
comen a ios o odos sean a a o o no los haya. Los/as ´unicos/as con au o idad pa a
decidi si ce a el documen o o no en el caso de no llega a ning´un pun o neu al, se ian
los adminis ado es del documen o.
En la aplicaci´on, exis en dos oles de usua ios, a los que du an e el p oceso los he-
mos llamado expe os, que son el usua io que ha c eado el documen o, y odos aquellos
que ´el haya decidido nomina as´ı al c ea lo, y usua io pa icipan e, que es aquel que se
une a un documen o, pa a pode opina sob e el. Dicho es o, cada usua io pod ´a ejecu a
unas acciones u o as sob e cada documen o dependiendo del ol que les co esponda.
Expe os: es ´an p esen es en la de inici´on de p oceso y en la edacci´on inicial, se en-
ca gan ambi´en de la llamada a la pa icipaci´on (aqu´ı es donde empiezan a “exis i ” los
pa icipan es), del ciclo de opini´on se enca gan del an´alisis de suge encias y de la e-
dacci´on de cambio, po lo que no pa icipan en la ase de opini´on o e isi´on colec i a y
cuando acaba es e ciclo, ealizan la edacci´on inal.
41
Colabo a i e W i ing UCM
Lo p ime o de odo, pa a pode ealiza cualquie acci´on el la aplicaci´on, hay que e-
ne usua io e inicia sesi´on, en caso de no ene lo, la p opia aplicaci´on e a a deci que
necesi as inicia sesi´on pa a pode en a , habili ando el o mula io de login, y un bo ´on
pa a egis a e en caso de que a´un no lo hayas hecho. Pa a hace login, es necesa io
in oduci el nomb e de usua io y una con ase˜na. Una ez se ha hecho login co ec o,
Figu a 4.2: Login
se edi ige au om´a icamen e a la is a de odos us documen os, donde pod ´as accede a
uno ya exis en e, o c ea uno nue o. En caso de c ea uno nue o se solici a ´an el i ulo de
dicho documen o, y se i ´a di ec amen e a la is a de in o maci´on gene al del documen o,
en la ase de edacci´on inicial. Si se decide elegi uno ya exis en e, se accede ambi´en
a la is a de in o maci´on gene al, pe o en la ase co espondien e po la que es ´a es e
documen o seleccionado.
Figu a 4.3: Vis a gene al de documen os
48

Colabo a i e W i ing UCM
Figu a 4.4: In o maci´on gene al de un documen o
En caso de es a en la ase de e isi´on colec i a, cuando es emos en la is a del ex o,
pod emos selecciona di e en es pa es del documen o, pa a ealiza una opini´on. El ex o
end ´a un ondo con un oque m´as ama illo pa a indica nos que en esa selecci´on ya exis en
comen a ios de o os usua ios o p opios, en caso de selecciona esa zona conc e a del ex o,
en el ma gen de echo se nos mos a ´an odas las opiniones ya dadas sob e esa selecci´on,
y en caso de que noso os ya hayamos opinado, no se habili a ´a la zona espec´ı ica pa a
opina , ya que solo se pe mi e una opini´on po usua io y selecci´on conc e a.
Figu a 4.5: Realiza comen a io sob e selecci´on
Cuando es emos en la ase de an´alisis, igual que en el es o de ases, desde la is a
gene al del documen o, exis i ´a un bo ´on que nos pe mi i ´a e el ex o colabo a i o, en
es e caso no es a ´a habili ado pa a la edici´on, pe o sin emba go, se mos a ´a de una o ma
especial al es o de eces. Es a ez se mos a ´a el ex o con el mapa de calo , es deci ,
49
Colabo a i e W i ing UCM
odas aquellas selecciones en las que se hayan ealizado opiniones en la ase an e io , se
mos a ´an con un colo de ondo espec´ı ico en caso de que las opiniones sean posi i as o
nega i as.
Figu a 4.6: Mapa de calo
4.7. Ges i´on de iesgos
A la ho a de ealiza el p oyec o se plan eaban dis in os p oblemas, an o an es como
du an e y ambi´en se han enido en cuen a los p oblemas que pod ´ıan su gi despu´es. Se
p ocede a hace un lis ado di idido en es e apas de los iesgos y su a amien o:
4.7.1. Riesgos en el plan eamien o del p oyec o
Fallo de uno de los in eg an es del equipo: Es o es un g an iesgo a ene en cuen a
debido a que la idea del p oyec o inicial es aba pensada pa a cua o pe sonas y en
alg´un momen o, es posible que haya que asumi el abajo de alg´un compa˜ne o po
allo o po desapa ici´on. En es e caso el iesgo se om´o y se acab´o asumiendo el
abajo y o ien ´andolo pa a pode ealiza lo con menos in eg an es.
Documen aci´on de alguna de las ecnolog´ıas poco cla a, incomple a o desac uali-
zada: Es o es bas an e com´un e lo en muchas ecnolog´ıas espec´ı icas que se han
dejado de ac ualiza , an es de empeza el es udio de es as ecnolog´ıas se pod´ıa da
el caso de que es o ocu ie a. Al inal es e iesgo no se om´o po que es e iesgo no
ocu i´o.
P oblema de iempo y de o ganizaci´on: Es e es uno de los p incipales p oblemas a
la ho a de ealiza un T abajo de Fin de G ado, un abajo en g upo y un abajo
en una emp esa.
50
Colabo a i e W i ing UCM
Plani icaci´on del iempo: Hay bas an es cosas que pueden su gi que nos pueden
impedi el a ance de la aplicaci´on, pa a ello se ha implemen ado un sis ema de
me odolog´ıa ´agil pa a el desa ollo de la aplicaci´on. De es a o ma, mi igamos el
iesgo de que ocu a.
4.7.2. Riesgos du an e la c eaci´on de la aplicaci´on
El iesgo p incipal e a a la ho a de p og ama , c ea de o ma e ´onea o p og ama
de o ma inco ec a algo que suponga una ulne abilidad pa a la aplicaci´on, de al
o ma que impida el uncionamien o de la misma. Es e iesgo se in en a mi iga con
es eos cons an es an o in e nos como ex e nos.
4.7.3. Riesgos con la aplicaci´on inalizada
Es os iesgos han sido is os a a ´es de las en e is as y del uso de la aplicaci´on.
Riesgo de des i ualizaci´on del con enido po “ oll” o po comen a ios jocosos. De
al o ma, que alguna ley que puede se buena acaba con opiniones nega i as sin
se eales o ice e sa. Es e iesgo es el p incipal debido a que si que emos que la
aplicaci´on uncione co ec amen e enemos que ene una g an c eencia pa a que
las pe sonas la usen de o ma co ec a, pe o no podemos con ola a los usua ios
y se gene a una soluci´on, el egis o median e documen o de iden i icaci´on, de esa
o ma s´olo podemos ene una cuen a inculada y s´olo pod ´as comen a las cosas
que e in luyan.
Riesgo de p´e dida de in o maci´on: En un comienzo la aplicaci´on es ´a dise˜nada pa a
gene a un mapa de calo haciendo un balance de comen a ios nega i os a a ´es
de una ase, palab a. . . Si en un de e minado momen o una ase es comen ada
po 100000 pe sonas y o a po 3, noso os e ´ıamos el mismo esul ado. De es a
o ma es amos pe diendo da os impo an es. En es e caso, que una ase es ´e siendo
m´as comen ada que la o a, pa a sol en a es e iesgo se plani ica pa a un u u o
la c eaci´on de un sis ema que ecoja las pa es del ex o m´as comen adas.
51
Cap´ı ulo 5
A qui ec u a e implemen aci´on
En es e apa ado se explica a como unciona las pa es m´as impo an es de lo mencio-
nado an e io men e a un ni el m´as ´ecnico.
5.1. Capas de la aplicaci´on
La a qui ec u a de la aplicaci´on es a o mada po dos capas p incipales al igual que la
mayo pa e de las aplicaciones web, on end y backend.
5.1.1. F on end
La capa de on end de es e p oyec o se ha ealizado u ilizando el amwo k Angula .io,
que nos pe mi e desa olla aplicaciones web con una g an escalabilidad de una o ma
m´as ´op ima, ya que, nos o ece la posibilidad de c ea es as con capacidad Modelo Vis a
Con olado .
Con Angula .io desa ollamos la aplicaci´on web a pa i de componen es que se in e co-
nec an unos con o os pa a da paso a la is a inal. As´ı, una p´agina puede es a o mada
po un solo componen e excesi amen e ex enso, o u iliza un componen e pa a cada un-
cionalidad y despu´es in e conec a los pa a un uncionamien o co ec o. Cada uno de es os
componen es es ´an o mados po a chi os:
HTML: A chi o donde se encuen a la pa e isual.
CSS: A chi o con las especi icaciones es ´e icas que an a o ma al HTML.
TS: A chi o donde se encuen a la l´ogica que con ola la pa e isual, y las llamadas
a los se icios.
A su ez, Angula nos o ece los “Se ice”. Es os se icios nos an a pe mi i man ene
cie a in o maci´on de una o ma “global” pa a que odos los componen es puedan accede
a es a. De es a o ma, se man iene la conexi´on en e SwellRT y Angula , po lo que exis e
un Se icio el cual iene impo ado SwellRT, as´ı odos los componen es que engan a su
ez impo ado es e se icio pod ´an accede a oda la in o maci´on y uncionalidades que
nos o ece.
52
Colabo a i e W i ing UCM
5.1.2. Backend (SwellRT)
A pa e de odo lo mencionado an e io men e de Angula sob e los a chi os . s, el backend
es a o mado po SwellRT.
Modelo de da os con Obje os Colabo a i os
SwellRT nos o ece es uc u as de da os que pueden se u ilizadas de o ma colabo a i a
y en iempo eal. Es as es uc u as u obje os colabo a i os, se o ganizan en o ma de
´a bol de nodos, los cuales pueden es a o mados po o a es uc u a, lis as, S ings o
documen os de ex o. Pod ´ıamos pensa en es os obje os colabo a i os como si ue an
obje os JSON, pe o con una sin axis especial que nos pe mi e accede y edi a es os.
objec .ge (’ID del nodo’); objec .se (’ID del nodo’,
nomb e: ’Nomb e’,
desc ipcion: Desc ipci´
on’,
);
La p incipal en aja de es os obje os colabo a i os, es que en el caso de que exis an
di e en es ins ancias accediendo al mismo obje o en el mismo momen o no pasa ´ıa nada,
ya que SwellRT pe mi e que es o sea posible y oda la in o maci´on se a modi icada y
asmi ida a las dem´as ins ancias en iempo eal, po lo que odas las ins ancias del
obje o colabo a i o man end ian el mismo es ado.
Tex os, ano aciones y edici´on colabo a i a
Pa a pode ges iona la edici´on colabo a i a de los di e en es documen os que se pueden
p esen a en nues a aplicaci´on, es necesa io u iliza dos de las u ilidades que nos o ece
SwellRT.
La p ime a pa e es el ” ex ”, como nodo del obje o colabo a i o ac i o en el momen o,
en nues o caso, el documen o. Es e nodo, con iene odas las lineas de ex o esc i as en
el documen o, y que g acias a los obje os colabo a i os, nos an a pe mi i que es a in-
o maci´on sea modi icable en iempo eal y accesible desde di e en es ins ancias a la ez.
Has a aqu´ı disponemos de donde almacena la in o maci´on del ex o y que es a sea acce-
sible y edi able en iempo eal. Pe o pa a que los usua ios puedan edi a es a in o maci´on
esc ibiendo di ec amen e en el “papel” , es necesa io u iliza el edi o del SwellRT.
a edi o = swell.Edi o .c ea e(documen .ge Elemen ById(“edi o ”));
edi o .se (objec .ge (‘ ex ’))
El edi o nos pe mi e “inse a ” en ellos un nodo de ex o pa a hace lo isible a los
usua ios. Es o no es lo ´unico que nos o ece el edi o , sino que o ece al usua io la po-
sibilidad de modi ica el ex o en iempo eal desde cualquie a de las ins ancias que lo
engan abie o, nos pe mi e ealiza selecciones de ex o y ambi´en nos pe mi e ealiza
ano aciones sob e es as.
53

Colabo a i e W i ing UCM
Resumiendo odo lo an e io , SwellRT nos o ece la posibilidad de educci´on colabo a i a
de un documen o en iempo eal en nues a aplicaci´on.
Ges i´on de comen a ios
Usando algunas de las uncionalidades mencionadas m´as a iba, amos a ges iona oda
la in o maci´on sob e los comen a ios que pueda ealiza u usua io.
P ime o amos a especi ica que los comen a ios son opiniones sob e cie as pa es del
ex o colabo a i o en la cual se es ´a pa icipando, po lo cual amos a necesi a almacena
si es posi i o o nega i o, la pa e del ex o a la que se hace e e encia y la opini´on.
Pa a iden i ica la pa e conc e a del documen o al que se hace e e encia, SwellRT nos
pe mi e ealiza selecciones sob e el ex o del edi o , es a selecci´on se ´a un es uc u ado
o mado po el ango, es deci , inicio y in de es a. Una ez hecha una selecci´on, se ealiza
una ano aci´on, las cuales es ´an o madas po un ID y el ango de la selecci´on (cla e- alo ).
Con es as es cosas, ya enemos almacenado que exis e un comen a io en esa pa e del
ex o, al a almacena la opini´on y el ex o de es a. Pa a es o, se c ea un nue o nodo en el
´a bol al que se ha llamado “commen ”, el cual como los dem´as unciona po cla e- alo ,
de “commen ” sale o o nodo, que es la ID de la ano aci´on, del cual sale o o nodo “pos ”
del cual sale un es uc u ado. Pa a que sea m´as ´acil de en ende , queda ´ıa algo as´ı como:
Objec ()
.node(’commen s’)
.node(Ano acion. alue)
.node(’pos s’.
{
pa icipan :(Usua io que ealiza el comen a io),
da e ime:( echa de ealizacion),
o e:(posi i o o nega i o),
ex :(opinion esc i a)
});
De es a o ma, almacenamos odos los comen a ios que se ealicen sob e las posibles
selecciones as´ı como si es os son posi i os o nega i os.
Has a aho a hemos hablado de ´a bol de nodos y de almacena in o maci´on, po lo que
hay que hay que especi ica que a su ez SwellRT u iliza MongoDB pa a gua da oda la
in o maci´on de o ma pe manen e.
5.2. Flujo de ejecuci´on
Nada m´as lanza la aplicaci´on, lo p ime o que hacemos es lanza el se icio de SwellRT
pa a pode ene odas las u ilidades que nos o ece.
Una ez lanzado el se icio, la p ime a u ilidad que usamos es, que an o la c eaci´on,
como oda la ges i´on de usua ios es ´a ya implemen ada en SwellRT, los usua ios son ob-
je os con a ibu os como id, nomb e o con ase˜na, y es o a a pe mi i que los ges ionemos.
54
Colabo a i e W i ing UCM
Se icio de
SwellRT
Obje o co-
labo a i o
node(“ ex ”)
“Edi o ”
Tex o del
documen o
colabo-
a i o
Figu a 5.1: Diag ama del documen o colabo a i o
An e io men e ya se ha hablado de documen os colabo a i os, como cuando c eamos o
ab imos un documen o, lo que en ealidad es ´a pasando es que a a ´es de Angula se
ealiza una llamada pa a ab i o c ea un obje o colabo a i o con un id conc e o. Es os
obje os son p opios de SwellRT y son los que se an a u iliza en oda la aplicaci´on. Den o
de es e obje o, podemos c ea los nodos que que amos del ipo que que amos, como po
ejemplo, pa a gua da las echas de las ase, sabe la ase en la que es amos o los usua ios
que pa icipan en es e documen o, aunque de es o habla emos m´as adelan e. O a de las
uncionalidades que u ilizamos de SwellRT, es el “Edi o ”, con una llamada al se icio,
podemos asigna es e edi o a un id de HTML, y de es a o ma es como mos amos el
ex o que pe enece a un obje o colabo a i o, al inicia el Edi o le asignamos el ex o que
hay gua dado p e iamen e en un nodo del obje o, y al unciona como e e encia, odo
lo que se modi ique en el Edi o , se es a ´a modi icando simul ´aneamen e en el obje o y
de esa o ma, se i ´a ac ualizando con inuamen e y gua da ´a los cambios. Tambi´en se nos
pe mi e especi ica que no que emos el ex o sea edi able, de es a o ma, si no es amos en
una de las ases como eacci´on u opini´on en las que es necesa io pode edi a es e ex o,
es e se mos a ´a de o ma ija y sin posibilidad de modi icaciones.
Una ez pasada la ase de edacci´on, como ya con amos an es se en a en la ase de
e isi´on colec i a, en la que los usua ios pa icipan es del documen o pod ´an da su opi-
ni´on sob e las di e en es pa es del ex o. Pa a que es o pueda unciona , SwellRT nos
o ece las ano aciones (Anno a ions).
El edi o nos pe mi e ealiza una acci´on en cada momen o que se selecciona cualquie
pa e del ex o pe enecien e al es e, dicho es o, cada ez que se hace una selecci´on, es a
uncionalidad nos o ece, la selecci´on, el ango de es a selecci´on y el edi o . Si es a no es
nula se habili an en la pa e de echa de la pan alla dos campos, uno pa a especi ica si es
55
Colabo a i e W i ing UCM
una opini´on posi i a o nega i a, y o a pa a esc ibi lib emen e la opini´on sob e esa se-
lecci´on. Una ez se opina, si no exis e una ano aci´on sob e ese ango, se a˜nade una nue a
y se gene a un id au om´a ico, es o se hace pa a que u u os comen a ios sob e la misma
selecci´on, engan el mismo id y as´ı gua da los en el mismo nodo el obje o colabo a i o.
Es deci , se c ea la ano aci´on sob e el edi o , con un id andom (las ano aciones no ienen
ni el o o, ni el ex o de la opini´on), y con ese id gene ado, se c ea un nue o nodo en el
obje o, pa a gua da el o o y la opini´on. En caso de que ya exis ie a la ano aci´on, se
consul a el id de la ano aci´on pa a pode a˜nadi al nodo con nomb e ese id conc e o, un
comen a io y o o nue o.
Opini´on
hecha
¿Exis e
una
ano aci´on
en ese
ango?
C ea
ano aci´on
con un ID
Coge
ID de la
ano aci´on
¿Exis e el
no-
do(ID)?
C ea el
nodo(ID)
A˜nadi al
nodo(ID)
la opini´on
y el o o
NO
SI
NO
SI
Figu a 5.2: Flujo de opina
56
Colabo a i e W i ing UCM
Una ez e minada es a ase, empieza la ase de e isi´on, en la cual, el usua io no in-
e ac ´ua de ninguna o ma, pe o pa a los c eado es del documen o, a a gene a unas
es ad´ıs icas a pa i de las opiniones dada. Po un lado, a a gene a un ecuen o de opi-
niones, nos mos a ´a la pa e del ex o que o ma la ano aci´on y nos di ´a cu´an os o os
posi i os iene y cu´an os nega i os, pe o ambi´en pa a que odo sea mucho m´as isual,
la aplicaci´on nos a a mos a un mapa de calo .
Cuando se c ea una ano aci´on en el Edi o , esa pa e del ex o es con enida en un <span>
con el mismo id que la ano aci´on, lo que nos pe mi e asigna le un css conc e o, y se pue-
den c ea an as ano aciones como se quie an sob e un mismo ango, mien as que no se
epi an las cla es de es as. Dicho es o, cuando se gene a el mapa de calo , lo que se hace
es coge la cla e de la ano aci´on ya exis en e, y busca el nodo con esa cla e en el obje o
colabo a i o pa a analiza sus comen a ios.
5.3. Mapa de calo
Los mapas de calo “Hea maps”[57], son he amien as o ´ecnicas anal´ı icas que nos pe -
mi en obse a los esul ados del an´alisis a simple is a. Pa a que es o sea posible, es a
´ecnica u iliza unos pa ones de colo es es ablecidos y gene a un g ´a ico o mapa ilus a-
i o.
Uno de los usos mas comunes de es os mapas de calo en aplicaciones web, es pa a po-
de analiza los compo amien os de los usua ios y sabe que apa ados de la aplicaci´on
llaman ealmen e la a enci´on del usua io. De es a o ma exis en di e en es mapas de ca-
lo dependiendo del obje i o del an´alisis, pueden es udia los “clics” mas habi uales de
los usua ios, zonas po donde mas pasa el pun e o o incluso desde donde se suele hace
“sc oll”. A pesa de odas es as en ajas, el p incipal incon enien e de es os mapas es
que pa a que sean ealmen e ´u iles equie en de la exis encia de un mues eo bas an e
amplio, cuando mas amplio mejo .
El mapa de calo es uno de los pun os ue es y obje i o de es a aplicaci´on.
En nues a aplicaci´on amos a usa es e concep o de mapa de calo pe o cambiando el
obje i o, es deci , amos a usa es a ´ecnica de an´alisis pa a pode obse a a simple is-
a que apa ados del documen o expues o han sido mas opinados. Pa a gene a el mapa
de calo usa emos onos ojos pa a las zonas con una mayo can idad de comen a ios
nega i os, y azules pa a los posi i os. Se elige es e pa ´on ya que es bas an e habi ual
encon a es os colo es pa a simboliza lo posi i o y nega i o. Es os colo es cambia an
de in ensidad seg´un sea mayo o meno la elaci´on en e el nume o de comen a ios en esa
selecci´on y el nume o de comen a ios o ales en el documen o.
Du an e la ase de “Re isi´on colec i a”, las pe sonas que pa icipan en el documen o
gene a ´an sus comen a ios sob e los di e en es apa ados de es e, odos es os comen a ios
se almacena an pa a pos e io men e se analizados. Cuando es a ase se haya acabado,
la aplicaci´on con a a el nume o o al de comen a ios del documen o y pos e io men e
analiza a los comen a ios de cada di e en e selecci´on ealizada po los/as usua ios/as. De
57
Colabo a i e W i ing UCM
7.2. Fu u e Wo k
The e is s ill a lo o wo k o be done. Since he app is no comple e, i s ly all he aspec s
o make i wo k should be accomplished, his is, o limi each ole in he cou se o phases
o p e en i o make mo e asks han hose which co espond, and show p ope ly he
documen s ega ding each use . This canno be cu en ly done wi h SwellRT bu will be
in he u u e. A e hose wo majo ac i i ies, he e would be some o he smalle asks
o achie e, besides o comple ing he display o abs in he gene al iew o he documen ,
and especially o enhance he isual aspec o he ool, as i is now p og ammed o be
as and unc ional and he appea ance should be mo e simila o he mockups o he
i s phase.
The analysis, al hough he e is al eady a hea map, o es in a o and agains , e c.,
i would be eally use ul o c ea e o use an API which gene a es be e igu es and mo e
de ailed s a is ics abou he documen , as i would ease he eading and in e p e a ion
o he esul s o p o essionals o adap as e and mo e accu a ely o he equi emen s o
he majo i y o opinions.
On he o he hand, his web applica ions u ilizes SwellRT, a ool s ill unde con inuous
de elopmen . so ha a cons an e olu ion and adjus men s ha e o be ca ied ou whils
SwellRT ad ances. O he wise, he ool will be soon obsole e and non- unc ional anymo e.
7.2.1. Fu u e applica ion imp o emen s
Among he imp o emen s is he indexing in he egis a ion sys em by DNI, his issue
was add essed in isk managemen , in his way we a oid ha people ha e mo e han one
accoun o bu s he no mal ope a ion o he applica ion and we manage he people who
may o may no in a documen o hei e ela ion. Fo example, i can no commen on a
neighbo hood ha i am no pa o .
Ano he imp o emen ha a ises is he c ea ion o a sys em o de ec sou ces o con lic ,
his is ac i a ed when a sen ence o a pa ag aph is being much commen ed, in his way
you can ob ain da a o wha causes con o e sy.
64

Bibliog a ´ıa
[1] Da id Pacios Izquie do. Plan illas pa a abajos p o esionales g, m. 2018.
[2] h ps://www. eddi .com/ /podemos/. Reddi . Reddi .
[3] h ps://www.appg ee.com/appg ee/en/. Appg ee. Appg ee.
[4] h ps://www.so zone.es/2017/11/06/pee pad-edi o - ex o-colabo a i o-p og ama /.
T abajo colabo a i o. T abajo Colabo a i o.
[5] h ps://saludconcosas.blogspo .com/2011/10/hacia-una-je a quia-colabo a i a.
h ml. Je a quia. Je a quia.
[6] h ps://www.ucm.es/ aq/google-d i e/compa i -elemen os-desde-google-d i e-con-o a-pe sona.
Gdocs. GDOCS.
[7] h ps://ema gin.bcu.ac.uk. ema gin. eMa gin.
[8] h ps://www.o e lea .com/. O e lea . O e lea .
[9] h p://www.ja is-legal.com/. Ja islegal. Ja isLegal.
[10] h ps://app.appg ee.com/app/ opic/804555558609756161/
2998277308881571841.h ml. Capapp. CapApp.
[11] Da id Casacube a and An oni Gu i´e ez-Rub´ı. E-pa icipaci´on: De c´omo las nue as
ecnolog´ıas es ´an ans o mando la pa icipaci´on ciudadana. Raz´on y palab a, 15(73),
2010.
[12] Joan Fon e al. Ciudadanos y decisiones p´ublicas. A iel,, 2007.
[13] Luis F Aguila Villanue a, F Luis, and Miguel Angel Po ua. P oblemas p´ublicos y
agenda de gobie no. Miguel ´
Angel Po ´ua, 2007.
[14] Ma ´ıa Lou des Vinuesa. Comunicaci´on pol´ı ica y nue as ecnolog´ıas: La comunica-
ci´on pol´ı ica del siglo xxi. Raz´on y Palab a, 12(55), 2007.
[15] h ps://ac2-mad id.podemos.in o/la-asamblea/. Podemos. Podemos.
[16] h ps://www. eddi .com/. Reddi o. Reddi o.
[17] Yochai Benkle . The weal h o ne wo ks: How social p oduc ion ans o ms ma ke s
and eedom. Yale Uni e si y P ess, 2006.
65
Colabo a i e W i ing UCM
[18] Ca oline Hay ho n hwai e. C owds and communi ies: Ligh and hea yweigh models
o pee p oduc ion. In Sys em Sciences, 2009. HICSS’09. 42nd Hawaii In e na ional
Con e ence on, pages 1–10. IEEE, 2009.
[19] h p://www.scielo.o g.mx/scielo.php?sc ip =sci_a ex &pid=
S0188-70172013000100009. T abajo in e ne . T abajo In e ne .
[20] h ps://ignasialcalde.es/las-o ganizaciones-y-el- abajo-colabo a i o/.
O ganizacion. O ganizacion.
[21] h ps://www. u anmedellin.o g//es/ ecu sos/abc-de-la-inno acion/i em/
p oduccion-colabo a i a. p ocolabo a i a. p ocol.
[22] Lisa S Ede and And ea A Luns o d. Singula ex s/plu al au ho s: Pe spec i es on
collabo a i e w i ing. SIU P ess, 1990.
[23] h ps://www.google.es/in l/es/docs/abou /. Googledocs. GoogleDocs.
[24] h p://in eligenciacolec i a.cc/pos /153468191447/
in eligencia-colec i a-en-busca-de-una-democ acia. In eligencia colec-
i a en busca de una democ acia delibe a i a. ICOle.
[25] h ps://bi .ly/2PlKCwJ. Ocho inicia i as pa a ein en a la democ acia.
medialab-p ado. MediaLab-P ado.
[26] Google Code. E he pad open sou ce elease google code. Google Code, Feb ua y 14
2013.
[27] And ew Kehoe and Ma Gee. ema gin: A collabo a i e ex ual anno a ion ool.
A iadne, (71), 2013.
[28] h ps://es.sha ela ex.com/. Sha ela ex. Sha eLa ex.
[29] h ps://schola .google.es/. Googleschola . GoogleSchola .
[30] h ps://www.casebox.o g/. Casebox. Casebox.
[31] h ps://ci ic m.o g/. Ci ic m. Ci iCRM.
[32] h ps://sou ce o ge.ne /p ojec s/oslaw/. Opensou celaw. OpenSou ceLaw.
[33] h ps://download.cne .com/Legal-Sui e/3000-2073_4-10184047.h ml. Legal-
sui e. LegalSui e.
[34] Ken Schwabe and Mike Beedle. Agile so wa e de elopmen wi h Sc um, olume 1.
P en ice Hall Uppe Saddle Ri e , 2002.
[35] Hen ik Knibe g and Ma ias Ska in. Kanban and Sc um-making he mos o bo h.
Lulu. com, 2010.
[36] Julian M Bass. Sc um mas e ac i i ies: p ocess ailo ing in la ge en e p ise p ojec s.
In Global So wa e Enginee ing (ICGSE), 2014 IEEE 9 h In e na ional Con e ence
on, pages 6–15. IEEE, 2014.
66
Colabo a i e W i ing UCM
[37] h p://www.moun aingoa so wa e.com/agile/sc um. Ma e ial. P oceso de
Sc um.
[38] Build decen alized eal- ime apps. swell .o g.
[39] Da id Redmond-Pyle and Alan Moo e. G aphical use in e ace design and e alua-
ion (guide): a p ac ical p ocess. P en ice Hall, 1995.
[40] C is ian Va gas-´
A ila. Aplicaci´on m´o il pa a windows 8 u ilizando me o ui. 2012.
[41] h ps://p oyec osagiles.o g/que-es-sc um/. Sc um. Sc um.
[42] h ps://hipe ex ual.com/a chi o/2013/11/que-es-kanban/. Kanban. Kan-
ban.
[43] Lau a Dabbish, Colleen S ua , Jason Tsay, and Jim He bsleb. Social coding in
gi hub: anspa ency and collabo a ion in an open so wa e eposi o y. In P oceedings
o he ACM 2012 con e ence on Compu e Suppo ed Coope a i e Wo k, pages 1277–
1286. ACM, 2012.
[44] h ps://gi hub.com/. Gihub. GiHub.
[45] La dinois, ede ic (ap il 29, 2015). ”mic oso launches isual s udio code, a ee
c oss-pla o m code edi o o os x, linux and windows”. echc unch.
[46] h ps://code. isuals udio.com/. Visual. Visual.
[47] Yako Fain and An on Moisee . Angula 2 De elopmen wi h TypeSc ip . Manning
Publica ions Co., 2016.
[48] h ps://ma e ial.io/. Ma e ial. Ma e ial.
[49] h ps://p2p alue.eu/. p2p alue websi e. DNI.
[50] Kin Lane. O e iew o he backend as a se ice (baas) space. API E angelis , 2015.
[51] h ps://www.mongodb.com/es. Mongobd. MongoBD.
[52] h ps://de elope .mozilla.o g/es/docs/Web/HTML. H ml. HTML.
[53] h ps://de elope .mozilla.o g/es/docs/Web/CSS. Css. CSS.
[54] h ps://ge boo s ap.com/. Boo s ap is an open sou ce oolki o de eloping
wi h h ml, css, and js websi e. DNI.
[55] h ps://www. ypesc ip lang.o g/. Typesc ip . Typesc ip .
[56] h ps://www.ja asc ip .com/. Ja asc ip . Ja asc ip .
[57] h ps://wanaleads.com/mapas-de-calo -hea maps-pa a-op imiza -web/.
Hea map.
[58] h ps://goo.gl/ cSUZX. Dni sis ema de login po documen o. DNI.
Es e documen o es a ealizado bajo licencia C ea i e Com-
mons “Reconocimien o 4.0 In e nacional”.
67