Desarrollo de recursos educativos para Ingeniería del Software utilizando repositorios de Open Data y Linked Data

Desa ollo de ecu sos educa i os pa a Ingenie ía del So wa e u ilizando eposi o ios de Open Da a y Linked Da a. T abajo de in de g ado del G ado en Ingenie ía In o má ica, Facul ad de In o má ica, Uni e sidad Complu ense de Mad id Manuel Ma ín Cano a y Da id Limón Mi alles Di ec o An onio Sa asa Cabezuelo Junio 2019 2 3 Resumen En es e abajo se desa olla una he amien a capaz de ges iona ecu sos educa i os de la asigna u a Ingenie ía del So wa e. Exis en es oles di e en es, alumno, p o eso y adminis ado donde cada uno iene su p opia in e az. El adminis ado es el enca gado de ges iona la he amien a y las cuen as de los p o eso es. El p o eso es quien gene a ecu sos en la he amien a, se le o ece la posibilidad de comple a dichos ecu sos con eposi o ios ob enidos a a és de Open Da a y Linked Da a. Además, puede ges iona los alumnos pe enecien es a su g upo. El alumno iene la capacidad de in e acciona con es os ecu sos, isualizando y desca gando el con enido de es os. Palab as cla e: Ingenie ía del So wa e, ecu sos, eposi o io, Open Da a y Linked Da a. 4 Abs ac In his wo k, a ool capable o managing educa ional esou ces o he So wa e Enginee ing subjec is de eloped. The e a e h ee di e en oles, s uden , eache and adminis a o whe e each one has i s own in e ace. The adminis a o is in cha ge o managing he ool and he eache s' accoun s. The p o esso is he one who gene a es esou ces in he ool, he / she is o e ed he possibili y o comple ing hose esou ces wi h eposi o ies ob ained h ough Open Da a and Linked Da a. In addi ion, you can manage he s uden s belonging o you g oup. The s uden has he abili y o in e ac wi h hese esou ces, isualizing and downloading he con en o hese. Keywo ds: So wa e enginee ing, Resou ces, Reposi o y, Open da a and Linked da a. 5 Índice gene al. Resumen…………………………………………………………………………………3 Abs ac …………………………………………………………………………….…….4 Índice gene al……………………………………………………………………….……5 Índice de igu as…………………………………………………………………….……6 1. In oducción……………………………………………………………………..….…9 1.1 Mo i ación……………………………………………………………..…….9 1.2 Obje i os……………………………………………………………..………9 1.3 Es uc u a de la memo ia…………………………………………..…………9 1. In oduc ion…………………………………………………………………………...11 1.1 Mo i a ion……………………………………………………………..……11 1.2 Objec i es…………………………………………………………..……….11 1.3 S uc u e o memo y………………………………………………………...11 2. Es ado del a e………………………………………………………………………..13 2.1 Moodle………………………………………………………………....…...13 2.2 Google Class oom…………………………………………………………..13 2.3 BlackBoa d………………………………………………………………….13 2.4 Edmodo…………..…………………………………………………………14 3. Especi icación de Requisi os…………………………………………………………15 3.1 Diag amas de casos de uso………………………………………………….15 3.2 Casos de uso e e idos al p o eso …………………………………………..16 3.3 Casos de uso e e idos al es udian e………………………………………...18 3.4 Casos de uso e e idos al adminis ado …………………………………….19 3.5 Casos de uso comunes………………………………………………………20 4. Tecnologías aplicadas………………………………………………………………..24 4.1. Tecnologías de la pa e clien e……………………………………………..24 4.2 Tecnologías de la pa e del se ido …………………………………………25 4.3 Tecnologías semán icas……………………………………………………..25 4.4 Bases de da os……………………………………………………………….26 4.5 O as ecnologías……………………………………………………………26 5. Modelado de da os……………………………………………………………………29 5.1 Modelo En idad-Relación…………………………………………………..29 5.2 Base de da os………………………………………………………………..29 6. A qui ec u a de la aplicación…………………………………………………………33 7. Diseño e implemen ación…………………………………………………………….34 7.1 P incipios de usabilidad……………………………………………………..34 7.2 Funcionalidad………………….……………………………………..……..34 8. E aluación…………………………………………………………………………...50 8.1 Guion de p uebas…………………………..………………………………..50 8.2 Resul ados de la e aluación…………………………………………………53 9. Conclusiones y abajos u u os………………………………………………………62 9.1 Conclusiones del abajo…………………………………………………….62 9.2 T abajos de u u o…………………………………………………………...62 6 9.3 Apo aciones de Da id Limón Mi alles……………………………………..63 9.4 Apo aciones de Manuel Ma ín Cano a…………………………………….64 9. Conclusions and u u e wo k…………………………………………………………65 9.1 Conclusions o he wo k…………………………………………………….65 9.2 Fu u e Jobs……..…………………………………………………………...65 9.3 Con ibu ions o Da id Limón Mi alles……………………………………..66 9.4 Con ibu ions o Manuel Ma ín Cano a…………………………………….67 Bibliog a ía……………………………………………………………………………..69 Anexo I: Guía de ins alación de la aplicación…………………………………………..71 Anexo II: Guía de uso de la aplicación………………………………………………….78 Índice de igu as Figu a 1: Caso de uso del es udian e………………………………………………….....15 Figu a 2: Caso de uso del p o eso .……………………………………………………...16 Figu a 3: Caso de uso del adminis ado .…………………………………………….....16 Figu a 4: Diag ama en idad – elación…………………...……………………………..29 Figu a 5: Diag ama de la base de da os.…………………………………………………30 Figu a 6: Funcionamien o de PHP, MySQL y apache con clien e…………………..…..33 Figu a 7: Diag ama de clases.…………………………………………………………...35 Figu a 8: Inicio de sesión.………………………………………………………...…….36 Figu a 9: Con i ma inicio de sesión en código.………………………………………...36 Figu a 10: Regis o de usua io…………………………………………………………..37 Figu a 11: Página p incipal pa a el ipo de usua io alumno ……………………………38 Figu a 12: Mos a los ecu sos de la página p incipal………………………………….38 Figu a 13: Cabece a de la página p incipal pa a el ipo de usua io p o eso …………….39 Figu a 14: Consul a a la abla “Pe il” de la base de da os………………………………39 Figu a 15: Página p incipal pa a el ipo de usua io adminis ado ...…………………….40 Figu a 16: Buscado de la página p incipal…..………………………………………….40 Figu a 17: Página del pe il pa a un alumno..…………………………………………..41 Figu a 18: Página del pe il pa a un p o eso ……………………………………………42 Figu a 19: Edi a pe il…………………...……………………………………………..42 Figu a 20: Ges iona cuen as pa a un p o eso ……...…………………………………..43 Figu a 21: Ac i a cuen as……………………...………………………………………44 Figu a 22: Subi a chi os po un p o eso …………….……………………………...…44 Figu a 23: Subi a chi os………………….……………………………………………45 Figu a 24: C ea ecu so po un p o eso ..……………………………………………...46 Figu a 25: C ea ecu so….……………………………………………………………..47 Figu a 26: Visualiza a chi os..………………………………………………………...47 Figu a 27: Reco e di ec o io.…………………………………………………….…....48 Figu a 28: P e isualización de un ecu so..………..……………………………………48 Figu a 29: Consul a SPARQL …………………...……………………………………..49 Figu a 30: Gene a consul a.…………………………………………………………....49 Figu a 31: Encues a…………………..…………………………………………………50 Figu a 32: Resul ado de la encues a, g á ico de sexo.……………………………….….54 Figu a 33: Resul ado de la encues a, g á ico de c ea cuen a.……………..…………….54 Figu a 34: Resul ado de la encues a, g á ico de ac i a cuen a.……..…………………..55 7 Figu a 35: Resul ado de la encues a, g á ico de cie e de sesión……………….………..55 Figu a 36: Resul ado de la encues a, g á ico de es ilo ecu so………………..…………56 Figu a 37: Resul ado de la encues a, g á ico de pe il………………….……………….56 Figu a 38: Resul ado de la encues a, g á ico de ecu sos.……………..………………...57 Figu a 39: Resul ado de la encues a, g á ico de desca ga.…………………………...….57 Figu a 40: Resul ado de la encues a, g á ico web.……………………………...……….58 Figu a 41: Resul ado de la encues a, g á ico de c ea ecu so.…………………...……...58 Figu a 42: Resul ado de la encues a, g á ico de gua da ecu so.……………………….59 Figu a 43: Resul ado de la encues a, g á ico de modi ica ecu so gua dado.…………..60 Figu a 44: Resul ado de la encues a, g á ico bo a alumno desde pe il.………….……61 Figu a 45: Resul ado de la encues a, g á ico elimina ecu sos…………………………61 Figu a 46: Desca ga de Xampp..…………………….………………………………….71 Figu a 47: Inicio de ins alación de Xampp.………….………...………………………..72 Figu a 48: Ins alación de Xampp.…...…………………………………………………..72 Figu a 49: Ejecu able de Xampp.……………………………………………………….73 Figu a 50: Panel de con ol de Xampp …………………...…………..…………………74 Figu a 51: Panel de con ol de Xampp (Ac i ado).…….…..……………….…………..74 Figu a 52: Buscado con localhos ...………..………………………………………......75 Figu a 53: Página de bien enida de Xampp …….………………………………..……..75 Figu a 54: Inicio de base de da os PHPMyAdmin ………..…………………...………..76 Figu a 55: C eación de una base de da os ………….... .…………………….………….76 Figu a 56: Impo a una base de da os…….…………………………………………….77 Figu a 57: Resul ado de la impo ación ……………………………….………………..77 Figu a 58: Inicio de sesión desde p o eso ...…………………………..………………...78 Figu a 59: Regis o de cuen a desde p o eso .……………………………….………….78 Figu a 60: Ac i a Alumno desde p o eso …... .………………………………..………79 Figu a 61: Pe il desde p o eso ………. .……………………………………………….80 Figu a 62: Modi ica pe il desde p o eso .…………………………..………………...80 Figu a 63: Mis ecu sos desde p o eso ………....……………………...…….…………80 Figu a 64: Mis alumnos desde p o eso ……….…...……...……………………………81 Figu a 65: Ges iona alumno desde pe il desde p o eso …. .…………………………..81 Figu a 66: Visualiza Recu sos, desde p o eso ...………...………………………….…82 Figu a 67: Recu so desde p o eso .……………………………………………………..82 Figu a 68: Desca ga de a chi o desde p o eso ……………………………………...….82 Figu a 69: Desca ga de a chi o PDF desde p o eso ……………………………………83 Figu a 70: Menú desplegable desde p o eso …………………………………………...83 Figu a 71: Selección de a chi o desde p o eso …………………………………….......84 Figu a 72: Bo a a chi o desde p o eso ……………………………………...………..84 Figu a 73: No se puede bo a desde p o eso ……………………………………...…...84 Figu a 74: Mensaje de con i mación desde p o eso …………………………………....84 Figu a 75: Tí ulo y desc ipción desde p o eso ……………………………………....…85 Figu a 76: Elección de a chi os desde p o eso …………………………………….......85 Figu a 77: Selección de links desde p o eso ……………………………………...…....86 Figu a 78: Selección de opción desde p o eso ……………………………………....…86 Figu a 79: Ce a sesión desde p o eso ……………………………………...………....86 Figu a 80: Regis o de cuen a del alumno…...……………………………………...…..87 Figu a 81: Inicio de sesión del alumno……………………………………...……….….87 Figu a 82: Modi ica pe il del alumno……………………………………...……….…88 8 Figu a 83: Página p incipal del alumno……………………………………...………….88 Figu a 84: Visualiza g upos desde alumno……………………………………...……..89 Figu a 85: Desca ga del a chi o desde alumno……………………………………...….89 Figu a 86: Desca ga del a chi o PDF desde alumno……………………………………90 Figu a 87: Ce a sesión desde alumno……………………………………...…………..90 Figu a 88: Inicio de sesión del adminis ado ……………………………………...……91 Figu a 89: Modi ica pe il del adminis ado ……………………………………...…...91 Figu a 90: Ac i a cuen as de p o eso es……………………………………...………..92 Figu a 91: Visualiza Recu sos de los p o eso es desde adminis ado …………………92 Figu a 92: Recu so is o desde adminis ado ……………………………………...…..93 Figu a 93: Desca ga de a chi o desde adminis ado …………………………………..93 Figu a 94: Desca ga de a chi o PDF desde adminis ado ……………………………..94 Figu a 95: Ce a sesión desde adminis ado ……………………………………...…...94 9 1. In oducción. En es e capí ulo se explica la necesidad de una he amien a como es a, los obje i os plan eados y una guía es uc u ada de la memo ia. 1.1. Mo i ación. Pa a los alumnos de la asigna u a de Ingenie ía del So wa e busca con enido elacionado con dicha asigna u a acaba gene ando p oblemas, es a in o mación se encuen a dispe sa po oda la ed y puede p ocede de uen es poco iables. Po ello su ge la necesidad de uni ica odo el con enido exis en e en una única he amien a, una he amien a capaz de acili a el acceso a odo el con enido dispe so, ob eniendo dicha in o mación con consul as sob e los eposi o ios de Open y Linked Da a. C ea un eposi o io con un con enido amplio, es uc u ado y de ácil acceso pa a los alumnos de la asigna u a, con ecu sos gene ados po los p opios p o eso es es la solución. 1.2. Obje i os. El obje i o p incipal es desa olla una he amien a de aspec o educa i o pa a la asigna u a Ingenie ía del So wa e, con eposi o ios de Open Da a y Linked Da a. A con inuación, se lis an o os obje i os. • Diseña una in e az pa a cada usua io exis en e. • P opo ciona con enido gene ado po consul as SPARQL pa a la c eación de ecu sos. • Ges iona alumnos y p o eso es según el g upo al que pe enezcan. • Uni ica la in o mación elacionada con Ingenie ía del So wa e en es a he amien a. 1.3. Es uc u a de la memo ia. La memo ia de es e abajo sigue la siguien e es uc u a. En el capí ulo 1 se ealiza una b e e in oducción al abajo ealizado, se expone la mo i ación, los obje i os plan eados y se desc ibe la es uc u a de la memo ia. A con inuación, en el capí ulo 2 se desc ibe el es ado del a e, analizando he amien as simila es al p oyec o; en el capí ulo 3 se p esen a la especi icación de equisi os; en el capí ulo 4 una explicación de las ecnologías u ilizadas; en el capí ulo 5 se expond á la uncionalidad y signi icado de cada abla de la base de da os; en el capí ulo 6 una b e e 16 Figu a 2: Caso de uso del p o eso . En la Figu a 3, se elaciona el adminis ado y sus casos de uso. Denominado así, po que sus unciones en es a he amien a se ca ac e izan po posee la capacidad de ges iona an o ecu sos como a los c eado es de es os, los p o eso es. Cuen a ambién con el pode de in e ac ua con la he amien a, donde se incluye el inicio de sesión, el uso de buscado es y la isualización de con enido. Figu a 3: Caso de uso del adminis ado . 3.2. Casos de uso e e idos al p o eso . Se desc iben las di e en es ac i idades que debe ealiza el p o eso pa a lle a a cabo los siguien es p ocesos: c ea cuen a, ges iona es udian es y c ea ecu sos. 17 Caso de uso P-1: C ea cuen a. Ac o es P o eso . Obje i o Regis o de un nue o p o eso . En ada Da os pe sonales del p o eso : nomb e comple o, co eo elec ónico, con aseña y g upo. Salida Una solici ud de egis o queda almacenada en la base de da os pendien e de ac i ación po el adminis ado . Secuencia no mal 1. El p o eso pulsa en el bo ón “Regis a se”. 2. El p o eso ellena los campos obliga o ios necesa ios pa a el egis o. 3. El p o eso en ía la solici ud. 4. Se mues a un mensaje indicando que la solici ud ha quedado pendien e de ac i ación po el adminis ado . Secuencia al e na i a A) El p o eso ya se encuen a egis ado en la base de da os y se le no i ica que no puede c ea una nue a cuen a con los da os in oducidos. B) El o ma o de algún campo obliga o io no es co ec o y se le no i ica que no puede inaliza el p oceso has a que co ija los e o es. C) El p o eso decide cancela el p oceso pulsando sob e “Vol e a la página de inicio”. Caso de uso P-2: Ges iona es udian es. Ac o es P o eso . Obje i o Elimina o ac i a las cuen as de es udian e asociados a un p o eso en conc e o. En ada Cuen as de los es udian es que an a se eliminados o ac i adas. Salida Se e lejan los cambios ealizados en la base de da os. Secuencia no mal 1. El p o eso selecciona la opción de “Ges iona alumnos”. 2. Se mues a un lis ado de cuen as de es udian es. Cada cuen a iene asociado dos opciones: echaza o ac i a . 18 3. El p o eso ealiza sob e las cuen as la ope ación que desea ealiza . Secuencia al e na i a El p o eso decide cancela el p oceso pulsando sob e cualquie o a opción disponible. Caso de uso P-3: C ea un ecu so. Ac o es P o eso . Obje i o C ea un ecu so que con iene di e en es obje os de ap endizaje elacionados con una ca ego ía en conc e o. En ada Recu so que se desea c ea . Salida Se modi ica la base de da os con el nue o ecu so c eado. Secuencia no mal 1. El p o eso pulsa sob e su nomb e de usua io. 2. El p o eso selecciona la opción “C ea ecu sos”. 3. Se ab e una nue a en ana donde puede añadi los da os necesa ios pa a c ea un ecu so. 4. Escoge los obje os de ap endizaje que desea añadi al ecu so. 5. Escoge los enlaces elacionados el ecu so. 6. Rellena los me ada os asociados al ecu so. 7. Pulsa sob e “C ea ecu so”. Secuencia al e na i a El p o eso decide p e isualiza el ecu so pulsando sob e “P e isualiza ecu so”. El p o eso decide gua da el ecu so pulsando sob e “Gua da ecu so”. 3.3. Casos de uso e e idos al es udian e. Se desc iben las di e en es ac i idades que debe ealiza el es udian e pa a lle a a cabo el p oceso de c ea cuen a. Caso de uso P-1: C ea cuen a. Ac o es Es udian e. Obje i o Regis o de un nue o es udian e asociado a un p o eso exis en e. 19 En ada Da os pe sonales del usua io: nomb e comple o, con aseña, co eo elec ónico. P o eso al que desea es a asociado. Salida Una solici ud de egis o queda almacenada en la base de da os pendien e de ac i ación po el p o eso . Secuencia no mal 1. El es udian e pulsa en el bo ón” Regis a se”. 2. El es udian e ellena los campos obliga o ios necesa ios pa a el egis o. 3. El es udian e selecciona de la lis a al p o eso al que desea asocia se. 4. El es udian e en ía la solici ud. 5. Se mues a un mensaje indicando que la solici ud ha quedado pendien e de ac i ación po el p o eso . Secuencia al e na i a A) El es udian e ya se encuen a egis ado en la base de da os y se le no i ica que no puede c ea una nue a cuen a con los da os indicados. B) El o ma o de algún campo obliga o io no es co ec o y se le no i ica que no puede inaliza el p oceso has a que co ija los e o es. C) El es udian e decide cancela el p oceso pulsando sob e “Vol e a la página de inicio”. 3.4 Casos de uso e e idos al adminis ado . Se desc iben las di e en es ac i idades que debe ealiza el es udian e pa a lle a a cabo el p oceso de ges iona cuen as de usua io. Caso de uso P-1: Ges iona cuen as de usua io. Ac o es Adminis ado . Obje i o Ac i a cuen as de p o eso es o echaza cuen as de p o eso es. En ada Cuen as de los p o eso es pendien es de ac i ación. Salida Se e lejan los cambios en la base de da os. Secuencia no mal 1. Selecciona la opción “Ges iona cuen as”. 2. En la nue a en ana apa ece un lis ado paginado de las cuen as de p o eso es ges ionadas po el sis ema 20 3. El adminis ado selecciona las cuen as de los p o eso es que desea ac i a . Así mismo selecciona las cuen as de p o eso es que desea elimina . Secuencia al e na i a El adminis ado decide cancela el p oceso pulsando sob e cualquie o a opción disponible. 3.5 Casos de uso comunes. Se desc iben las di e en es ac i idades que deben ealiza los di e en es oles pa a lle a a cabo sus p ocesos. Caso de uso P-1: Inicia sesión. Ac o es P o eso , es udian e o adminis ado . Obje i o Inicia sesión de un usua io. En ada Usua io y con aseña. Salida Tiene acceso a la aplicación. Secuencia no mal 1. El usua io pulsa en el bo ón “Inicia sesión”. 2. El usua io ellena los campos obliga o ios necesa ios pa a inicia sesión. 3. Se comp ueba si los da os ellenados coinciden con la base de da os pa a e i ica si son co ec os. 4. Se mues a la página p incipal pa a cada usua io. Secuencia al e na i a A) El con enido de algún campo no es co ec o, se le no i ica que no puede inaliza el p oceso has a que co ija los e o es pudiendo ol e a in oduci los da os nue amen e. B) El usua io cancela la ope ación. Caso de uso P-2: Ges iona pe il de usua io. Ac o es P o eso , es udian e o adminis ado . Obje i o Ges iona el pe il de un usua io. En ada El usua io debe habe iniciado sesión y selecciona la opción “Pe il”. 21 Salida Modi icación del pe il o eliminación de la cuen a de usua io. En odos los casos, los cambios ealizados se e lejan en la base de da os. Secuencia no mal 1. El usua io selecciona la opción “Pe il”. 2. Se isualiza el pe il del usua io egis ado. 3. El usua io puede modi ica la in o mación exis en e en su pe il, elimina la cuen a de usua io o bien sali sin ealiza ninguna modi icación. 4. Pa a inaliza pulsa en el bo ón “Acep a ”. Secuencia al e na i a A) El usua io ha modi icado inco ec amen e algún campo de su pe il, se le no i ica con un mensaje de e o y se le pe mi e ol e a modi ica los campos. B) El usua io cancela la ope ación y uel e a la pan alla p incipal de su cuen a. Caso de uso P-3: Busca po palab as cla e. Ac o es P o eso , es udian e o adminis ado . Obje i o Usa el buscado pa a accede di ec amen e al con enido deseado. En ada In oduci en el buscado una se ie de palab as cla e que iden i ican la in o mación a ecupe a . Salida Todo el con enido den o del sis ema que enga asociadas alguna de las palab as cla e in oducidas en el buscado . Secuencia no mal 1. El usua io esc ibe un conjun o de palab as cla e que iden i ican el con enido a busca . 2. Pulsa sob e el bo ón “Busca ”. 3. Se isualización una lis a de los con enidos ecupe ados. Secuencia al e na i a Se mues a un mensaje indicando que no se ha encon ado nada pa a la búsqueda ealizada. Caso de uso P-4: Ve ecu sos del sis ema. Ac o es P o eso , es udian e o adminis ado . Obje i o Visualiza los obje os de ap endizaje exis en es en un ecu so del sis ema. 22 En ada El usua io ha iniciado sesión y pulsa sob e el ecu so deseado. Salida El usua io accede a odos los obje os de ap endizaje del ecu so. Secuencia no mal 1. El usua io selecciona el ecu so que desea isualiza . 2. El usua io accede a odos los obje os de ap endizaje del ecu so. 3. El usua io isualiza el con enido del obje o de ap endizaje que desee isualiza . 4. El usua io puede in e acciona con el obje o de ap endizaje, isualizando odo su con enido. Secuencia al e na i a El usua io pulsa sob e pulsa cualquie o a opción disponible. Caso de uso P-5: Ges iona ecu sos del sis ema. Ac o es P o eso y adminis ado . Obje i o Añadi o elimina ecu sos al eposi o io que iene asociado cada p o eso den o del sis ema. En ada Recu sos que se desean añadi o elimina en dicho eposi o io. Salida Se e lejan los cambios en la base de da os. Secuencia no mal 1. El p o eso pulsa sob e el ecu so que desea ges iona . 2. Se ab e una nue a en ana donde apa ece el ecu so seleccionado an e io men e, con dos bo ones disponibles “Edi a ” o “Elimina ”. 3. En el caso de edi a un ecu so, debe á comple a o modi ica una se ie de campos: í ulo y desc ipción de dicho ecu so, a chi os o links. 4. Pulsa en “C ea ecu so”. Secuencia al e na i a A) El p o eso decide cancela el p oceso pulsando cualquie o a opción disponible, el p oceso no se á gua dado. B) El p o eso no comple a alguno de los campos eque idos pa a un de e minado ecu so, el sis ema le no i ica con un mensaje que no puede inaliza la acción has a comple a odos los campos obliga o ios. 23 Caso de uso P-6: Ges iona obje o de ap endizaje. Ac o es P o eso , es udian e o adminis ado . Obje i o In e acciona con un obje o de ap endizaje. En ada El usua io debe habe iniciado sesión con su cuen a y es a isualizando un obje o de ap endizaje. Salida Los esul ados de la in e acción según la acción ealizada se e lejan en la base de da os y en la web. Secuencia no mal 1. El usua io se encuen a con una en ana donde puede isualiza cualquie a chi o o links exis en e en el ecu so. 2. En el caso de los a chi os pueden desca ga los. Secuencia al e na i a El usua io decide cancela el p oceso pulsando sob e pulsando sob e cualquie o a opción disponible.. 24 4. Tecnologías aplicadas. En es e capí ulo se explica indi idualmen e las ecnologías u ilizadas pa a es e p oyec o, dis inguiendo en e las ecnologías usadas en la pa e del clien e o del se ido , ecnologías semán icas o las usadas pa a bases de da os. 4.1 Tecnologías de la pa e del clien e. Se analizan las di e en es ecnologías u ilizadas en la pa e de clien e, es as ecnologías son Ja aSc ip , HTML, CSS y Boo s ap. Ja aSc ip Es un lenguaje de p og amación in e p e ado, o ien ado a obje os, basado en p o o ipos po que u iliza unciones como cons uc o es de obje os, impe a i o y es uc u ado po que es compa ible con g an pa e de la es uc u a de p og amación de C, débilmen e ipado y dinámico. Implemen ado como pa e de un na egado web pe mi iendo mejo as en la in e az de usua io y páginas web dinámicas. A con inuación, se p opo ciona un enlace pa a complemen a la in o mación de es a he amien a, h ps://www.w3schools.com/js/ [16]. HTML Es un lenguaje de ma cado pa a la elabo ación de páginas web, de ine una es uc u a básica y un código. Los elemen os son la es uc u a básica y ienen dos p opiedades, a ibu os y con enido, los a ibu os en su mayo ía son pa es nomb e- alo . Es e enlace h ps://www.w3schools.com/h ml/ [29], p opo ciona más in o mación sob e HTML, el cual es un es ánda que si e de e e encia del so wa e conec ando la elabo ación de páginas web en sus di e en es e siones. CSS Es un lenguaje de diseño g á ico pa a de ini y c ea la p esen ación de un documen o es uc u ado esc i o en lenguaje de ma cado. En el siguien e enlace apa ece más in o mación sob e es a ecnología, h ps://www.w3schools.com/css/ [31]. Si e pa a sepa a la p esen ación y la esc i u a, mejo ando la accesibilidad del documen o. Pe mi e que a ios documen os HTML compa an el mismo es ilo y educe la complejidad y la epe ición de código. 25 Boo s ap Es un amewo k [8] web cuyo obje i o es acili a el diseño de si ios y aplicaciones web esponsi e [9]. Se u iliza como diseño de si ios y aplicaciones web, además, con iene plan illas de diseño con ipog a ía, o mula ios, bo ones, cuad os y o os elemen os de diseño basado en HTML y CSS. Posee una es uc u a modula , componen es eu ilizables, plugins [34] de Ja aSc ip y comp ende las hojas de es ilo CSS. En el siguien e enlace apa ece más in o mación sob e es a he amien a, h ps://ge boo s ap.com/ [7]. 4.2 Tecnologías de la pa e del se ido . Se analiza la ecnología PHP usada en la pa e del se ido . PHP Es un lenguaje de p og amación de p opósi o gene al de código del lado del se ido o iginalmen e diseñado pa a el desa ollo web de con enido dinámico, o ien ado al desa ollo de aplicaciones web y al clien e, posee la capacidad de conexión con la mayo ía de los mo o es de base de da os. El código es in e p e ado po un se ido web con un módulo de p ocesado de PHP, h ps://php.ne /manual/es/in o-wha is.php [19], que gene a HTML esul an e. Dicho código uen e esc i o es in isible al na egado web. 4.3 Tecnologías semán icas. Se analiza la ecnología de SPARQL. SPARQL Se a a de un lenguaje es anda izado pa a la consul a de g a os RDF, siendo una ecnología cla e en el desa ollo de la web semán ica. En un p incipio SPARQL únicamen e inco po a unciones pa a la ecupe ación de sen encias RDF. Sin emba go, algunas unciones ambién incluyen ope aciones pa a el man enimien o de da os. Las ca ac e ís icas p incipales de es a ecnología son: u iliza un lenguaje de consul a pa a RDF, es á basado en ca ac e ís icas SQL y los esul ados de una consul a pueden se 32 • Links: Campo de ipo ex o que almacena odos los nomb es de los links u ilizados en es e ecu so sepa ados po comas. • Gua dado: Campo booleano que iden i ica si un ecu so es á gua dado o ha sido c eado. Tabla consul asspa ql Es a abla con iene in o mación elacionada con los esul ados ob enidos po las consul as SPARQL y es a compues a po los siguien es campos. • Tema: Cla e p ima ia, campo que iden i ica el ema sob e el que se han ecogido los esul ados ob enidos en la consul a. • Links: Campo de ipo ex o que almacena odos los links ob enidos en la consul a de SPARQL ealizada pa a es e ema en conc e o. 33 6. A qui ec u a de la aplicación. La a qui ec u a u ilizada pa a la aplicación es el modelo clien e/se ido . Es e modelo se ca ac e iza po el epa o de a eas en e los p o eedo es de ecu sos o se icios, llamados se ido es, y los demandan es, llamados clien es. Sepa ando los da os y la lógica de su ep esen ación y su módulo pa a ges iona comunicaciones se cumple con el pa ón modelo- is a-con olado . Ac uando la base de da os como modelo, el código como se ido y el clien e pa a la ep esen ación isual sepa ando así concep os. El clien e in e ac úa con la he amien a gene ando acciones sob e el con olado , dependiendo de dichas in e acciones p o oca modi icaciones en la base de da os p oduciendo así cambios en la is a. Se ha u ilizado como en o no de desa ollo XAMPP, el cual in eg a en una sola he amien a PHP [19], MySQL y Apache [20]. El clien e solici a una acción al se ido web, Apache en es e caso, el cual ecibe el mensaje, comp ueba que se a a de una pe ición álida, y al comp oba que es una ex ensión “.php” solici a al in é p e e de PHP. Es e in é p e e a su ez ejecu a el con enido del a chi o y e en ualmen e se comunica con el ges o de base de da os, median e MySQL. Si se p oduce la comunicación, es e ges o es capaz de de ol e la in o mación solici ada con enida en la base de da os. Finalizado la ejecución del código con enido en el a chi o y ecibida oda la in o mación necesa ia, se en ían los esul ados al se ido web. El se ido en ía la página al clien e solici an e y el na egado mues a po pan alla los esul ados. El uncionamien o desc i o an e io men e se ep esen a de mane a isual en la Figu a 6, donde se indica quien desempeña cada papel den o de es a aplicación. Figu a 6: Funcionamien o de PHP, MySQL y apache con clien e. 34 7. Diseño e implemen ación. Es e capí ulo se in oduce con los p incipios u ilizados pa a el desa ollo de la he amien a. Después se explica con de alle la uncionalidad implemen ada en la aplicación. 7.1 P incipios de usabilidad. Como la mayo ía de los diseñado es web, en es e p oyec o se ha p ocu ado cumpli con los p incipios de usabilidad web de Nielsen [21], es os p incipios son la base de cualquie web pa a que sea use i endly o lo que es lo mismo, es un ipo de diseño cen ado en el usua io pa a consegui mejo a la expe iencia de es e. Algunos de los p incipios que se a an en es e p oyec o: • Relación en e el sis ema y el mundo eal: se u ilizan imágenes cla as buscando que la in e acción con el usua io sea lo más na u al posible. • Con ol y libe ad del usua io: se p opo ciona al usua io la posibilidad de subsana el e o , po ello en la web se incluye la posibilidad de edi a el pe il o los ecu sos. • Consis encia y es ánda es: u iliza los con enios es ablecidos pa a cie os iconos o bo ones, po ello se es ablece un menú de na egación idén ico en odas las in e aces, incluyendo bo ones con colo es ep esen a i os aco des a la acción que desempeñan. • Diseño es é ico y minimalis a: se hace uso de un es ilo minimalis a, acompañado de una gama de colo es cla os que a o ece la usabilidad de la he amien a. La imagen u ilizada como ondo simula un en o no de abajo amilia , buscando la sensación de paz y anquilidad del usua io, lo cual se acompaña de un diseño no sob eca gado gene ando una he amien a sencilla e in ui i a. • Ayuda a los usua ios a econoce : diagnos ica y co egi los e o es, se implemen a un lenguaje en endible po odos, indicando a los usua ios que es lo que pasa en cada momen o con mensajes explica i os de los e o es. 7.2 Funcionalidad. Se desc ibe la es uc u a de la aplicación mos ando las clases del sis ema, sus a ibu os, ope aciones (o mé odos), y las elaciones en e los obje os, Figu a 7. 35 Figu a 7: Diag ama de clases. A con inuación, se explica de alladamen e cada una de las uncionalidades implemen adas. a) Inicio de sesión con con aseña enc ip ada. En p ime luga , cuando el usua io accede a la he amien a debe iden i ica se con su cuen a de usua io. Se le eque i á su co eo elec ónico y con aseña, como se e en la igu a 8. 36 Figu a 8: Inicio de sesión. Una ez egis ado y ac i ado el usua io pod á inicia sesión, pa a ello se ha implemen ado un o mula io donde se ecoge el co eo elec ónico y la con aseña enc ip ada in oducidas, ealizando una consul a sob e la abla “Pe il” de la base de da os pa a su comp obación. El mé odo u ilizado pa a enc ip a las con aseñas, el cual ambién es á implemen ado en la clase “c ea Cuen aFo m.php”, se ealiza con una unción p opia de PHP pa a calcula el hash de un s ing [23], el mé odo es md5(s ing), u ilizando el esul ado a ojado po el mé odo en la unción c yp (s ing, sal ), se consigue un s ing enc yp ado. Es e p oceso se ep esen a en la Figu a 9. Figu a 9: Con i ma inicio de sesión en código. 37 b) Regis o de usua io. Si el usua io no posee una cuen a en la web, puede egis a se ellenando los dis in os campos que se le exigen. Es os campos son: nomb e y apellidos, co eo elec ónico con el que desea se iden i icado, con aseña y el ipo de usua io acompañado del g upo al que se pe eneces, Figu a 10. Figu a 10: Regis o de usua io. La implemen ación de es a uncionalidad es muy simila al ealizada en el inicio de sesión. A a és de un o mula io se ecogen los da os in oducidos po el usua io y median e consul as a la base de da os se inse an los esul ados en la abla “Loginpo con i ma ”. c) Página p incipal. La Figu a 11 ep esen a la página p incipal pa a los usua ios, dependiendo del ipo que seas la cabece a con iene di e en es opciones. Dichas opciones se mues an más adelan e. 38 Figu a 11: Página p incipal pa a el ipo de usua io alumno. Pa a mos a los ecu sos que co esponden al usua io egis ado se ealizan a ias consul as. La p ime a de ellas de uel e un esul ado con los campos co espondien es, u ilizando el alo del campo “TipoUsua io” pa a de e mina la isual que le co esponde. Después se ejecu a una consul a sob e la abla “Recu sosc eados” u ilizando el co eo del usua io y el booleano “Gua dado” pa a iden i ica que no es un ecu so c eado, como se puede ap ecia en la Figu a 12, e o nando así los da os co espondien es a mos a . Con los esul ados a ojados po la consul a y dependiendo de si se ha ealizado una búsqueda en la página p incipal se mues an de una mane a u o a. Figu a 12: Mos a los ecu sos de la página p incipal. 39 La in e az pa a el alumno con iene los ecu sos gene ados po el p o eso de su g upo, además cuen a con la posibilidad de accede a los demás g upos seleccionando la opción del menú “G upos”, es o se e ep esen ado en la Figu a 13. Pa a implemen a lo simplemen e se ealizan consul as a la abla “Pe il” de la base de da os, Figu a 14, ob eniendo los campos necesa ios pa a iden i ica el ipo de usua io y el g upo al que pe enece. Figu a 13: Cabece a de la página p incipal pa a el ipo de usua io p o eso . Figu a 14: Consul a a la abla “Pe il” de la base de da os. El p o eso iene la misma in e az que el adminis ado , con la di e encia de que los ecu sos que le apa ecen son los suyos p opios y en la cabece a él iene la opción “Ges iona alumnos”, la cual se explica á pos e io men e. Po o o lado, el desplegable del nomb e con iene di e en es opciones pa a cada usua io, en el caso del adminis ado y el alumno solo ienen la posibilidad de ce a sesión, mien as que el p o eso ambién cuen a con la posibilidad de “Subi un a chi o” y “C ea un ecu so”. La in e az del adminis ado sigue el mismo pa ón, pe o con la di e encia de que con iene odos los ecu sos c eados po odos los p o eso es, además en su cabece a iene la opción Ges iona cuen as. Es o se puede ap ecia en la Figu a 15. 40 Figu a 15: Página p incipal pa a el ipo de usua io adminis ado . d) Buscado de ecu sos. La página p incipal posee un buscado , el cual acili a la búsqueda de los ecu sos al usua io. Pa a implemen a la uncionalidad del buscado , Figu a 16, se u iliza un o mula io con el ole sea ch, pasando los da os ecogidos po el mé odo POST, u ilizando es os esul ados en la consul a a la base de da os sob e la abla “Recu sosc eados”. Pa a lanza la búsqueda bas a con pulsa la ecla en e o selecciona el bo ón p opo cionado “Busca ”. Figu a 16: Buscado de la página p incipal. 41 e) Pe il. Todo usua io iene la posibilidad de edi a los da os de su pe il. Dependiendo del usua io que seas se mos a á una in e az u o a, odas con ienen una se ie de campos idén icos pa a cualquie ol. En la Figu a 17 se ap ecia el edi a pe il de un alumno. Figu a 17: Página del pe il pa a un alumno. El pe il pa a el Adminis ado iene la misma in e az que el mos ado en la imagen an e io pa a el alumno, cambiando algunos campos no ele an es pa a el adminis ado . La in e az pa a el p o eso , Figu a 18, es di e en e a los o os usua ios, con iene un pa de pes añas, “Mis Recu sos” y “Mis alumnos”, donde se mues a la in o mación co espondien e en cada caso. 48 Figu a 27: Reco e di ec o io. k) Gua da y ca ga un ecu so. La uncionalidad implemen ada pa a gua da un ecu so es idén ica a lo explicado en el apa ado h), donde se explica la c eación de un ecu so. Se ecogen los da os del o mula io y se gua dan en la abla “Recu sosc eados” con la di e encia de que se ma ca el campo “Gua dado” a ue y no es un ecu so publicado y isible pa a los demás usua ios. Es os ecu sos se pueden ca ga , pe mi iendo con inua con la c eación del ecu so has a la pos e io publicación de es e. Pa a ca ga dicho ecu so se acili a un combobox y el bo ón “Ca ga ecu so”, una ez pulsado el bo ón se u iliza la opción seleccionada pa a ealiza la consul a sob e la base de da os en la abla “Pe il”. l) P e isualiza ecu so. Es a uncionalidad pe mi e al usua io isualiza el ecu so an es de publica lo. Recogiendo los alo es del o mula io y pasándoselos a la clase “p e isualiza Recu so.php” a a és de la URL [25], dicha clase mues a el ecu so p e isualizado, Figu a 28, u ilizando uncionalidades explicadas en apa ados an e io es, po ejemplo, la ob ención de los a chi os a a és de una u a p opo cionada, Figu a 27, o almacena odos los nomb es de los a chi os en una a iable sepa ados po comas, Figu a 25. Figu a 28: P e isualización de un ecu so. 49 m) Gene a consul as. Es e bo ón lanza las consul as p ede inidas, median e el lenguaje SPARQL, ob eniendo esul ados sob e la web semán ica. A con inuación, se mues a una de las consul as ealizadas, Figu a 29, donde se e cómo se almacenan odas es as consul as en un a ay. Figu a 29: Consul a SPARQL. El componen e ARC2 pe mi e el uncionamien o de SPARQL, dicho componen e pe mi e a a los endpoin s [26] que se u iliza án en las consul as. Además, se analizan y almacenan indi idualmen e los esul ados median e un o each [27] sob e el a ay que con iene odas las consul as. Los esul ados se almacenan en la base de da os en la abla “Consul asspa ql”, la cual se acía an es de ol e a ellena con los nue os esul ados. Es o se puede ap ecia en la Figu a 30. Figu a 30: Gene a consul a. 50 8. E aluación. En es e capí ulo se de alla la encues a ealizada a di e en es miemb os de la comunidad educa i a, pa icipando en ella an o es udian es como p o eso es. La p ime a pa e abo da una desc ipción de la encues a ealizada pa a la e aluación del p oyec o, seguido de una segunda pa e, donde se analizan los esul ados ob enidos en dicha encues a. 8.1. Guion de p uebas. Se ha ealizado, median e la ayuda de los o mula ios de Google, una encues a pa a e alua la usabilidad del p oyec o. Pa a ello, en la encues a, se ealizan ca o ce p egun as donde el usua io debe ealiza unas de e minadas a eas, pos e io men e, e alua á del 1 al 5, dichas p egun as, siendo 1 la opción más des a o able y la 5 la más a o able, o bien indicando cuan o es ue zo ha supues o ealiza la acción, señalando mucho, sin más o poco es in ui i o, éase en la Figu a 31. Una ez inalizada la encues a, el usua io p ocede a en ia los esul ados. 51 52 53 Figu a 31: Encues a. 8.2. Resul ados de la e aluación. Se some e a e aluación el p oyec o de in de g ado pa a ob ene un eedback [28] y compa a los esul ados con los obje i os ma cados. Con es a e aluación se ob u o, sob e odo, e oalimen ación ace ca de cuan ácil e in ui i a es la in e az pa a el usua io y como de di ícil es la consecución de las ac i idades que se pueden ealiza en el p oyec o. Pa a ello se ealiza una e aluación con ayuda de los o mula ios de Google. En p ime luga , se seleccionó a ocho pe sonas pa a que ealizasen un guion de p uebas en el que se les iba pidiendo que uesen ejecu ando odas las acciones que se pueden e ec ua en el p oyec o web. De es as ocho pe sonas, una enía el pues o de p o eso en la uni e sidad complu ense de Mad id, y las o as sie e pe sonas es an es e an usua ios no males, que es aban un poco amilia izados con la ecnología. De esas sie e pe sonas, dos e an muje es y las cinco pe sonas es an es e an homb es. En es e guion de p uebas se le p egun aba p ime o su nomb e y su géne o y pos e io men e ya se comenzaban con las cues iones sob e el p oyec o. a) La p ime a p egun a se co esponde con el sexo del usua io que a a ealiza el o mula io. Po medio del g á ico, se obse an que el 75% son homb es y el 25% muje es. Como se mues a en la Figu a 32. 54 Figu a 32: Resul ado de la encues a, g á ico de sexo. b) La segunda p egun a co esponde con la c eación de una nue a cuen a con el ol de alumno. Como se puede ap ecia en el g á ico el 75% ha opinado que ha sido muy in ui i o ealiza la acción an e io men e mencionada y un 25% que ha sido bas an e in ui i o, Figu a 33. Figu a 33: Resul ado de la encues a, g á ico de c ea cuen a. c) En la e ce a p egun a, Figu a 34, el usua io debe á ac i a la cuen a an e io men e c eada g acias a una cuen a con el ol de p o eso que se acili a. Como pasaba en el pun o an e io , se ob ienen los mismos esul ados, un 75% de espues as han sido muy in ui i as y el 25% han sido bas an e in ui i as. 55 Figu a 34 Resul ado de la encues a, g á ico de ac i a cuen a. d) La siguien e p egun a hace e e encia al cie e de sesión. El 87.5 de los usua ios ha espondido que es in ui i o y que les ha cos ado poco y el 12.5% es an e esponde la opción de sin más, éase en la Figu a 35. Figu a 35: Resul ado de la encues a, g á ico de cie e de sesión. e) En la quin a p egun a se pide al usua io que inicie sesión con el usua io c eado y ac i ado an e io men e pa a que isualice los ecu sos que es án c eado y de su opinión. El 25% opina que el diseño es muy bueno, el 62.5% opina que es bas an e bueno y el 12.5% opina, sin más, es os esul ados apa ecen en la Figu a 36. 56 Figu a 36: Resul ado de la encues a, g á ico de es ilo ecu so. ) La siguien e p egun a pide al usua io que modi ique su pe il y pun úe que le ha pa ecido, Figu a 37. Donde el 37.5% opina que el diseño es muy bueno, el 37.5% opina que es bas an e bueno y el 25% opina que sin más. Figu a 37: Resul ado de la encues a, g á ico de pe il. g) Pa a la sép ima p egun a se pide al usua io que in e ac úe en la web pa a encon a donde pode e los ecu sos o denados po p o eso es. El 50% opina que no les ha cos ado nada, el 25% opina que casi nada y el 25% opina que sin más. Se mues an los esul ados en la Figu a 38. 57 Figu a 38: Resul ado de la encues a, g á ico de ecu sos. h) En la siguien e p egun a, Figu a 39, se pide al usua io que in en e desca ga un a chi o de uno de los ecu sos en conc e o. El 75% opina que les ha cos ado poco, que es in ui i o y el 25% opina que sin más. Figu a 39: Resul ado de la encues a, g á ico de desca ga. i) Pa a la no ena p egun a, se le demanda al usua io que in es igue po la web y se aya ijando en la es é ica de es a. En la Figu a 40, se mues an los siguien es esul ados. Donde el 50% opina que iene un muy buen diseño y el o o 50% opina que es buen diseño. 64 • Subida del p oyec o a un hos acili ando la in e acción con las encues as ealizadas. • Examina el p oyec o a ondo solucionando e o es de uncionamien o. • Dis ibución de la encues a ealizada. • Análisis de los esul ados a ojados en la encues a. • Comple a la memo ia. 65 9. Conclusions and u u e wo k In his chap e we will p esen he conclusions ha ha e been ob ained a e he comple ion o he end o g ade p ojec on de elopmen o educa ional esou ces o so wa e enginee ing using Open Da a and Linked Da a eposi o ies. 9.1 Conclusions o he wo k. A ool has been c ea ed o he managemen and exploi a ion o ma e ial ela ed o he so wa e enginee ing subjec . De eloping a di ec o y o esou ces, which a ies depending on he ole o he use , being he adminis a o capable o elimina ing any esou ce, he eache capable o dele ing o edi ing hei own esou ces and, inally, he s uden who can simply isualize hem. In addi ion, i has been implemen ed ha all he oles a e capable o downloading he esou ce iles. Making a p o ile, which can be modi ied, o each use , wi h a somewha mo e comple e eache p o ile so you can isualize you own s uden s and esou ces. A ab has been made so ha he eache can upload hei own iles when c ea ing a esou ce. Ano he ab ha allows he c ea ion o esou ces, being able o add any ile uploaded o he web, as well as a se ies o links ha a e e ie ed h ough SPARQL que ies. Fo he ini ia ion and egis a ion o he session, an enc yp ion o he passwo ds is ca ied ou o espec he p i acy o he use . A ool is c ea ed ha can uni y all he con en o he So wa e Enginee ing subjec , limi ed in he SPARQL que ies, e ie ing only Wikipedia links. 9.2 Fu u e Jobs. The main lines o u u e wo k o con inue wi h his p ojec a e: • Ex end his applica ion o o he subjec : so ha he con en s o e ed a e en iched. • Add some alua ion model abou he esou ces: p o iding eedback o in e nal eedback, wi h which he s uden can see which ile is he bes o mos comple e, o in he case o he eache , o know wha ype o ma e ial is he one ha usually like he s uden . And in he ace o he isualiza ion o con en he con en could be shown acco ding o he esou ces and subjec s mos isi ed o bes alued by a s uden . 66 • Add imp o emen s in he in e ace: such as he choice o he language in which he con en is displayed o he possibili y o displaying con en in alphabe ical o de o by da e o c ea ion. • Make he web a mobile applica ion. • C ea e a mail alida ion: allowing only he egis a ion o use s o he Complu ense Uni e si y o Mad id. • C ea e an in e nal o um whe e use s and eache s can easily ask and answe ques ions and design a commen sys em o each esou ce c ea ed. 9.3 Con ibu ions o Da id Limón Mi alles. • Making ske ches designed o pape . • Design and c ea ion o he speci ica ion o use cases. • Subsequen ly, hei diag ams we e de eloped o a o he unde s anding o hese isually. • Design and s uc u e o he da abase whe e all he in o ma ion o he ool was o be s o ed. • The design o he in e ace is de eloped, whe e he s uc u e o he web was c ea ed, implemen ing a basic unc ionali y. • C ea ion o a egis a ion and login mechanism on he web, de eloping he connec ion wi h he da abase. • Conduc ing que ies o c ea e he logic o accoun managemen wi h ac i a ion by he adminis a o and eache s espec i ely. • C ea ion o a ab o he display o pending ac i a ion accoun s, implemen ing he que ies de e mined o i s ope a ion. • De elopmen o he logic o he c ea ion o esou ces. • De elopmen and implemen a ion o he design and managemen s uc u e o iles belonging o he esou ces. • Implemen a ion o a unc ion capable o a e sing he di ec o y s uc u e. This unc ion is capable o a e sing any ou e passed by pa ame e and compa ing 67 he ex ension o he ile o he co esponding di ec o y o de e mine he ac ion o be pe o med. • De elopmen and implemen a ion o he unc ionali y and s uc u e o he c ea ion, p e iew o s o age o esou ces. • Resea ch and documen a ion on SPARQL que ies. • Implemen a ion o SPARQL que ies. • Design and s uc u e o memo y. • Comple e he memo y. 9.4 Con ibu ions o Manuel Ma in Cano a. • Realiza ion o use cases. • C ea ion o mockups o pape ske ches. • Design o he ables o he da abase. • Decision o use Xampp se e . • C ea ion o a i s usable in e ace. • Resea ch, documen a ion and subsequen c ea ion o SPARQL que ies. • Implemen a ion o he de ini i e in e ace. • C ea ion o he su ey h ough Google Fo ms. • Upload o he p ojec o a hos acili a ing he in e ac ion wi h he su eys ca ied ou . • Examine he p ojec ho oughly, sol ing ope a ional e o s. • Dis ibu ion o he su ey ca ied ou . • Analysis o he esul s o he su ey. • Comple e he memo y. 68 69 BIBLIOGRAFÍA [1] <<Campus i ual>>. [En línea]. Disponible en: h ps://www.ucm.es/campus i ual [2] <<Open da a>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/Da os_abie os [3] <<Linked da a>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/Da os_enlazados [4] << SPARQL >>. [En línea]. Disponible en: h ps://www.w3.o g/TR/ d -spa ql- que y/ [5] <<Moodle>>. [En línea]. Disponible en: h ps://moodle.o g/?lang=es [6] << Google class oom >>. [En línea]. Disponible en: h ps://class oom.google.com/u/0/h?hl=es [7] << Boo s ap>>. [En línea]. Disponible en: h ps://ge boo s ap.com/ [8] <<F amewo k>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/F amewo k [9] <<Blackboa d>>. [En línea]. Disponible en: h ps://ush.blackboa d.com/ [10] << Emodo >>. [En línea]. Disponible en: h ps://www.edmodo.com/?language=es [11] << Sublime ex >>. [En línea]. Disponible en: h ps://www.sublime ex .com/ [12] <<Xampp>>. [En línea]. Disponible en: h ps://www.apache iends.o g/es/index.h ml [13] << MySQL >>. [En línea]. Disponible en: h ps://www.mysql.com/ [14] << ARC2 >>. [En línea]. Disponible en: h ps://gi hub.com/semsol/a c2/blob/mas e /doc/SPARQL-suppo .md [15] << RDF >>. [En línea]. Disponible en: h ps://www.w3.o g/RDF/ [16] <<Ja aSc ip >>. [En línea]. Disponible en: h ps://www.w3schools.com/js/ [17] << In ini y F ee >>. [En línea]. Disponible en: h ps://in ini y ee.ne / [18] << Modelio Open Sou ce >>. [En línea]. Disponible en: h ps://www.modelio.o g/ [19] <<PHP>>. [En línea]. Disponible en: h ps://php.ne /manual/es/in o-wha is.php [20] << Apache >>. [En línea]. Disponible en: h ps://h pd.apache.o g/ [21] <<P incipios de usabilidad de Nielsen>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/Heu %C3%ADs icas_de_Nielsen [22] <<Combobox>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/Cuad o_combinado [23] <<S ing>>. [En línea]. Disponible en: h ps://www.php.ne /manual/es/book.s ings.php [24] <<I ame>>. [En línea]. Disponible en: h ps://www.w3schools.com/ ags/ ag_i ame.asp [25] <<URL>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/Localizado _de_ ecu sos_uni o me [26] <<Endpoin s>>. [En línea]. Disponible en: h ps://en.wikipedia.o g/wiki/Endpoin [27] <<Fo each>>. [En línea]. Disponible en: h ps://php.ne /manual/es/con ol- s uc u es. o each.php 70 [28] <<Feedback>>. [En línea]. Disponible en: h ps://de inicion.de/ eedback/ [29] <<HTML>>. [En línea]. Disponible en: h ps://www.w3schools.com/h ml/ [30] << Sis ema Ope a i o >>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/Sis ema_ope a i o [31] <<Windows>>. [En línea]. Disponible en: h ps://www.mic oso .com/es- es/windows [31] <<CSS>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/Hoja_de_es ilos_en_cascada [32] <<iOS>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/IOS [33] <<Hos ing>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/Alojamien o_web [34] <<Plugins>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/Complemen o_(in o m%C3%A1 ica) [35] <<PhpMyAdmin>>. [En línea]. Disponible en: h ps://www.phpmyadmin.ne / [36] <<Google d i e>>. [En línea]. Disponible en: h ps://www.google.com/in l/es_ALL/d i e/ [37] <<Fo mula ios google>>. [En línea]. Disponible en: h ps://www.google.es/in l/es/ o ms/abou / [38] <<Licencia GNU>>. [En línea]. Disponible en: h ps://es.wikipedia.o g/wiki/GNU_Gene al_Public_License 71 ANEXOS ANEXO I. Guía de ins alación de la aplicación. 1. P ime o se debe desca ga la úl ima e sión disponible de Xampp, la cual se encuen a en es a di ección: h ps://www.apache iends.o g/es/download.h ml En esa di ección, se debe desca ga la e sión de Xampp co espondien e con cada Sis ema Ope a i o [30], pa a es e p oyec o, la e sión 7.3.2 pa a Windows [31], éase en la Figu a 46. Figu a 46: Desca ga de Xampp. 2. T as el p ime paso, se p ocede á a desca ga un ejecu able (.exe), el cual se ins ala á como se mues a en la Figu a 47. A con inuación, se debe da a siguien e has a que le pida la di ección en la que se quie e ins ala (Figu a 48). Se selecciona á la di ección pa a ins ala y se le da á a siguien e has a e mina la ins alación. 72 Figu a 47: Inicio de ins alación de Xampp. Figu a 48: Ins alación de Xampp. 3. Se c ea una ca pe a llamada Xampp en la di ección de ins alación que se haya elegido, Figu a 48. Den o de es e, end á o a ca pe a denominada h docs, la cual se á de suma impo ancia, pues o que, den o de es a, se end á que me e el p oyec o TFG. Pa a 73 ello, den o de h docs se c ea á una ca pe a llamada “TFG” y den o de es a se in oduci á el p oyec o (es deci odos los CSS, PHP y las ca pe as que se engan como po ejemplo la ca pe a imágenes). 4. Después, hab á que inicia Xampp pa a pode abaja en localhos y pode impo a la base de da os. Den o de la ca pe a Xampp, se encon a á un ejecu able llamado “xampp-con ol.exe” como se indicia en la Figu a 49. Se ha á doble clic en es e pa a inicia lo y debe á apa ece un panel de con ol como se mues a en la Figu a 50. Una ez se haya iniciado el panel de con ol, simplemen e se debe pulsa s a en las opciones, Apache y MySQL (las p ime as eces pide acceso y hab á que au o iza le) y ya end á iniciado el se icio Xampp. Después de inicia lo, el panel de con ol debe ía queda de la siguien e mane a, Figu a 51. Figu a 49: Ejecu able de Xampp. 80 Figu a 61: Pe il desde p o eso . Figu a 62: Modi ica pe il desde p o eso . Figu a 63: Mis ecu sos desde p o eso . 81 Figu a 64: Mis alumnos desde p o eso . Figu a 65: Ges iona alumno desde pe il desde p o eso . Paso 4: Visualiza Recu sos Pa a e los ecu sos que se han c eado, Figu a 66, se debe á i al menú supe io y selecciona en inicio. En la página de inicio es a án odos los ecu sos c eados po el p o eso . Desde ahí, se pod án isualiza los ecu sos haciendo clic sob e es os. De es a o ma se pod á e los a chi os y los links que con iene, Figu a 67 y se end á la opción de modi ica el ecu so haciendo clic en “Edi a ” o, en caso de que se quie a elimina , pulsando en “Elimina ”, ambos bo ones si uados en la pa e supe io de echa del ecu so. 82 Figu a 66: Visualiza Recu sos, desde p o eso . Figu a 67: Recu so desde p o eso . Paso 5: Desca ga a chi o. Den o del ecu so, se selecciona á el elemen o que se quie a desca ga , haciendo clic en el a chi o y, pos e io men e, dándole a la opción de gua da a chi o, o en su de ec o, si es un PDF, dándole al símbolo de desca ga si uado en la esquina supe io de echa. En la Figu a 68 y 69 se mues an dos ejemplos de desca gas de a chi os. Figu a 68: Desca ga de a chi o desde p o eso . 83 Figu a 69: Desca ga de a chi o PDF desde p o eso . Paso 6: C eación y eliminación de a chi os. Pa a la c eación de a chi os, se i á al menú desplegable que es á si uado en la esquina supe io de echa con su nomb e y le da á a subi a chi os, Figu a 70. Después se ha á clic en examina , se escoge á el a chi o que se quie a subi y, po úl imo, se pulsa á a subi a chi o, Figu a 71. Si se quie e elimina un a chi o subido, el p o eso end á que hace clic en el símbolo de la papele a que apa ece al lado del a chi o, Figu a 72, y apa ece á un ecuad o de con i mación pa a sabe si de e dad se quie e bo a , pa a p e eni que se elimine un a chi o sin desea lo, en la Figu a 73 y 74 apa ecen ambos mensajes. Es e no deja á bo a lo si se usa en o o ecu so exis en e. Si de e dad se desea bo a , hab á que bo a p ime o los ecu sos que lo con engan. Figu a 70: Menú desplegable desde p o eso . 84 Figu a 71: Selección de a chi o desde p o eso . Figu a 72: Bo a a chi o desde p o eso . Figu a 73: No se puede bo a desde p o eso . Figu a 74: Mensaje de con i mación desde p o eso . 85 Paso 7: C ea ecu sos. Pa a ello se debe i al menú supe io de echa que hay en el nomb e de usua io del p o eso y se pulsa á en “C ea Recu sos”. Una ez se haya hecho es o, se pod á empeza a c ea el ecu so del p o eso . Se le pod á da un í ulo y una desc ipción, Figu a 75, y pos e io men e, se elegi á los a chi os y los links que se quie an in oduci den o del ecu so. Los a chi os se pod án escoge de dos secciones, como se mues a en la Figu a 76. En la pa e de la izquie da, es a án los a chi os que ha subido el p o eso y en la de echa, odos los a chi os que se han subido a la web, po si se quie e u iliza un a chi o que sea de o o p o eso . Pa a selecciona los solo hab á que hace clic en el checkbox que es á si uado al lado del a chi o que se quie a in oduci en el ecu so. Más abajo se encuen an los links, Figu a 77, que se selecciona án de la misma o ma, haciendo clic en su checkbox. Po úl imo, se end á las opciones de p e isualiza el ecu so, pa a pode e lo an es de publica lo, la opción de gua da , pa a con inua lo en o o momen o, y pa a e mina , la opción de c ea ecu so, el cual lo c ea á y publica á, éase en la Figu a 78. Figu a 75: Tí ulo y desc ipción desde p o eso . Figu a 76: Elección de a chi os desde p o eso . 86 Figu a 77: Selección de links desde p o eso . Figu a 78: Selección de opción desde p o eso . Paso 8: Ce a sesión. Po úl imo, cuando se haya e minado la in e acción con la web, pa a ce a sesión el p o eso debe á pulsa en el menú que es á si uado en la esquina supe io de echa en su nomb e de usua io y hace clic en “Ce a sesión”, Figu a 79. Figu a 79: Ce a sesión desde p o eso . 87 2. Alumno Paso 1: Inicio sesión, Figu a 81. Se inicia su p opia sesión desde la página de inicio de sesión, o en caso de que no se disponga una cuen a, se ealiza un egis o de cuen a, pa a que pos e io men e sea ac i ada po el p o eso que se asocie. Pa a ealiza el egis o de cuen a se necesi a un nomb e de usua io, un co eo con una con aseña, y po úl imo, se selecciona el ol como es udian e y se indica que g upo quie e, es o se ap ecia en la Figu a 80. Figu a 80: Regis o de cuen a del alumno. Figu a 81: Inicio de sesión del alumno. 88 Paso 2: Pe il. Pa a modi ica o e el pe il del alumno se debe á i al menú supe io y selecciona “Pe il”. Se pod á e el pe il del alumno, Figu a 82 y se le da á a edi a pa a modi ica lo. Una ez hecho, se modi ica án los campos que se quie an cambia y se selecciona á en “Gua da cambios”. Los campos que el alumno pod á modi ica son el nomb e, la desc ipción, la o o y los es udios (GII, GIS y GIC). Figu a 82: Modi ica pe il del alumno. Paso 3: Visualiza ecu sos. Pa a pode isualiza odo el con enido del cual dispone el alumno, end á dos opciones. La p ime a se encuen a en la pes aña de inicio, la cual es la p incipal. En ella apa ece án odos los ecu sos c eados po el p o eso asociado, es o se mues a en la Figu a 83. Pa a pode e uno de es os ecu sos, el alumno simplemen e end á que pulsa sob e él, y se le mos a á el con enido de es e. La segunda opción es i al menú supe io y hace clic en “G upos”. Ahí apa ece án odos los g upos disponibles que haya, siendo cada g upo un luga donde se pod án e los ecu sos c eados po el p o eso asociado a ese g upo, éase en la Figu a 84. Figu a 83: Página p incipal del alumno. 89 Figu a 84: Visualiza g upos desde alumno. Paso 4: Desca ga a chi os. Den o del ecu so, se selecciona á el elemen o que se quie a desca ga , haciendo clic en el a chi o y, pos e io men e, dándole a la opción de gua da a chi o, o en su de ec o, si es un PDF, dándole al símbolo de desca ga si uado en la esquina supe io de echa. En las Figu as 85 y 86 se indica la desca ga de a ios a chi os. Figu a 85: Desca ga del a chi o desde alumno.