Herramienta de colaboración ciudadana para la redacción de leyes

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