Desarrollo de una plataforma web, aplicada a una aula digital empleando la metodología OOHDM

Texto completo

(1)Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. UNIVERSIDAD NACIONAL DE TRUJILLO. S. FACULTAD DE CIENCIAS FISICAS Y MATEMATICAS. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. SI C. A. ESCUELA ACADEMICO PROFESIONAL DE INGENIERIA INFORMÁTICA. “DESARROLLO DE UNA PLATAFORMA WEB, APLICADA A UNA AULA DIGITAL EMPLEANDO LA METODOLOGIA OOHDM” TESIS PARA OPTAR EL TITULO PROFESIONAL DE:. TE. INGENIERO INFORMATICO. B. IB. LI O. AUTORES:. BR. AGUILAR BERNABE, ROBERTO JESUS BR. ARROYO FLORES, ELDER ANDERSON. ASESOR: ING. JOSE ARTURO DIAZ PULIDO. TRUJILLO – PERU 2015. Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(2) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. DEDICATORIAS Dedico este proyecto de tesis a Dios y a mis. S. padres. A Dios porque ha estado conmigo a cada. A. paso que doy, cuidándome y dándome fortaleza. SI C. para continuar, a mis padres, quienes a lo largo de mi vida han velado por mi bienestar y educación. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. siendo mi apoyo en todo momento. Depositando su entera confianza en cada reto que se me presentaba sin dudar ni un solo momento en mi inteligencia y capacidad. Es por ello que soy lo que soy ahora. Los amo con mi vida. Aguilar Bernabé Roberto. Durante estos escasos cinco años de lucha constante, de gratas vivencias, de momentos de. éxitos y también de angustias y desesperanza. TE. para poder cumplir mis objetivos y así poder. LI O. alcanzar uno de mis más grandes anhelos,. culminar mi carrera, los deseos de superarme y. B. IB. de lograr mi meta eran tan grandes que logre vencer todos los obstáculos y es por ello que debo dedicar este triunfo a quienes en todo momento me llenaron de amor y apoyo, y por sobre todo a aquellos que me brindaron su amistad. Elder Arroyo Flores. Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(3) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGRADECIMIENTOS. A. Pulido por su contribución y empuje para la presente investigación.. S. Un agradecimiento especial a nuestro asesor Ing. Arturo Díaz. SI C. Un agradecimiento especial a nuestro Profesor, Mg. Ing. Carlos. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. Enrique Castillo Diestra, por sus enseñanzas a lo largo de estos 5 años, tiempo y paciencia en la elaboración de este proyecto tesis.. Y también un agradecimiento especial a nuestro profesor Ing.. Juan Orlando Salazar Campos, por haber aportado con gran parte de nuestra formación académica y también habernos ayudado en la elaboración de nuestro informe tesis.. B. IB. LI O. TE. Los Autores.. Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(4) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. PRESENTACION. S. Señores Miembros del Jurado:. SI C. A. En cumplimiento a las normas vigentes del Reglamento de Grados y Títulos de la Facultad de Ciencias Físicas y Matemáticas,. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. escuela de Informática de la Universidad Nacional de Trujillo tenemos a bien poner a vuestra consideración el presente trabajo de investigación. titulado:. “Desarrollo. de. una. Plataforma. Web,. Aplicada a una Aula Digital, empleando la Metodología OOHDM”. La Tesis, se ha desarrollado de acuerdo a las necesidades de. información obtenidas y a la aplicación de los conocimientos, esfuerzo e investigación adquiridos durante nuestra vida Universitaria.. TE. Señores. Miembros. del. Jurado,. se. espera. haber. dado. LI O. cumplimiento y satisfacción a sus expectativas académico-técnicas y. B. IB. que, el presente trabajo de investigación sirva de guía y/o referencia para el desarrollo de futuras investigaciones.. Muchas Gracias.. LOS AUTORES. Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(5) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. INDICE RESUMEN………………………………………………………………………………………….i ABSTRACT………………………………………………………………………………………..ii CAPITULO I: Introducción……..……………………………………………………….........10 1.1 Descripción del Problema…………………………………………………………........11 1.2 Antecedentes del Proyecto……………………………………………………….........12. S. 1.3 Justificación del Proyecto…………………………………………………………. …..20. A. 1.4 Enunciado del Problema…………………………………………………………........20. SI C. 1.5 Hipótesis………………………………………………………………………………….21 1.6 Variables de Estudio…………………………………………………………………….21 1.7 Objetivos……………………………………………………………………………........21. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. 1.7.1. Objetivo General…………………………………………………………….......21 1.7.2. Objetivos Específicos……………………………………………………….......22. 1.8 Limitaciones del Estudio………………………………………………………………..22 CAPITULO II: Marco Referencial Teórico………….…………………………..................23 2.1 Concepto de Aula Digital…………………………………………………………………24 2.1.1. El aula digital como solución…………………………………………...............25. 2.1.2. Consideraciones y Aspectos previos……………………………….................25. 2.1.3. Infraestructura necesaria…………………………………………….................26. 2.1.4. Componentes de un aula digital…………………………………….................26. 2.2 Sistemas de Información…………………………………………………………………27 2.2.1. Actividades de un sistema de información…………………………………….28. 2.3 Modelo de Vista Controlador…………………………………………………………….30 2.4 Metodología OOHDM…………………………………………………………………….33 2.5 Ventajas de OOHDM……………………………………………………………….........34 2.6 Desventajas de OOHDM…………………………………………………………………36. TE. 2.7 Fases de la Metodología…………………………………………………………………37. B. IB. LI O. 2.7.1. Fase1: Obtención de requerimientos…………………………………….........37 2.7.2. Fase 2: Diseño Conceptual……………………………………………….........39 2.7.3. Fase 3: Diseño Navegacional…………………………………………………..39 2.7.4. Fase 4: Diseño Interfaz Abstracta………………………………………………41 2.7.5. Fase 5: Implementación……………………………………………..................42. CAPITULO III: Material y Métodos…………………………………………………………..44 3.1 Población de Estudio……………………………………………………………………..45 3.1.1 Muestra…………………………………………………………………………….45 3.2 Instrumentos………………………………………………………………………………46 3.3 Evaluación de Indicadores………………………………………………………………46 CAPITULO IV: Resultados……………………………………………………………….......48 CAPITULO V: Análisis y Discusión…………………………………………………………75 CAPITULO VI: Conclusiones……………………………………………………………......77 CAPITULO VII: Referencias Bibliográficas……………………………………………….79. Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(6) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. INDICE DE FIGURAS Figura 1: Descripción de Aula Digital……………………………………………………..........24 Figura 2: Descripción de las actividades de un sistema de información…………………..30 Figura 3: El modelo de arquitectura Model-View-Controller (MVC)………………………...32. S. Figura 4: Fases de la Metodología OOHDM……………..…………………………………....37. A. Figura 5: Fase de Implementación………………………………………………………..........43. SI C. Figura 6: Fase de Implementación, Integración con servidores………………………….….43 Figura 7: Diagrama de casos de uso de alto nivel……………………………………….……46. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. Figura 8: Diagrama de casos detallado………………………………………………….……..47 Figura 9: Diagrama de casos de uso del sistema aula digital……………………….……….52 Figura 10: Diagrama de clases del sistema aula digital…………..………………….……….53 Figura 11: Diagrama de secuencia del sistema aula digital-Caso de uso 1…………….…54 Figura 12: Diagrama de secuencia del sistema aula digital-Caso de uso 2…………….....54 Figura 13: Diagrama de secuencia del sistema aula digital-Caso de uso 3……………….55 Figura 14: Diagrama de secuencia del sistema aula digital-Caso de uso 4……………….55 Figura 15: Diagrama de secuencia del sistema aula digital-Caso de uso 5……………….56 Figura 16: Diagrama de secuencia del sistema aula digital-Caso de uso 6……………….56 Figura 17: Diagrama de secuencia del sistema aula digital-Caso de uso 7……………….57 Figura 18: Diagrama de secuencia del sistema aula digital-Caso de uso 8……………….57. TE. Figura 19: Diagrama de secuencia del sistema aula digital-Caso de uso 9……………….57 Figura 20: Diagrama de colaboración del sistema aula digital-Caso de uso 1…………….58. LI O. Figura 21: Diagrama de colaboración del sistema aula digital-Caso de uso 2…………….58. B. IB. Figura 22: Diagrama de colaboración del sistema aula digital-Caso de uso 3…………….58 Figura 23: Diagrama de colaboración del sistema aula digital-Caso de uso 4…………….59 Figura 24: Diagrama de colaboración del sistema aula digital-Caso de uso 5…………….59 Figura 25: Diagrama de colaboración del sistema aula digital-Caso de uso 6…………….59 Figura 26: Diagrama de colaboración del sistema aula digital-Caso de uso 7…………….60 Figura 27: Diagrama de colaboración del sistema aula digital-Caso de uso 8…………….60 Figura 28: Diagrama de colaboración del sistema aula digital-Caso de uso 9…………….60 Figura 29: Diseño de diagrama Navegacional…………………………………………...........61 Figura 30: Diseño de interfaz abstracta…………………………………………………..........62. Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(7) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. Figura 31: Diseño de interfaz abstracta, AVD Ingresar Aula…………………………………63 Figura 32: Diseño de interfaz abstracta, AVD Validar Matricula……………………………..64 Figura 33: Diseño de componentes del sistema Aula Digital…………………………..........65 Figura 34: Diagrama de despliegue del sistema Aula Digital…………………………..........66. S. Figura 35: Esquema general del modelo MVC…………………………………………..........67. A. Figura 36: Arquitectura Modelo Vista Controlador……………………………………….……68. SI C. Figura 37: Interfaz de registro de usuarios al sistema Aula Digital………………….………69 Figura 38: Interfaz de término registro de usuarios al sistema Aula Digital………….……..70. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. Figura 39: Detalle de correo enviado al término registro de usuarios………………..........70 Figura 40: Interfaz de inicio del sistema Aula Digital…………………………………….…...71 Figura 41: Diseño de interfaz abstracta, AVD Aula Digital……………………………..........72 Figura 42: Diseño de interfaz abstracta, AVD Aula Digital……………………………..........72. B. IB. LI O. TE. Figura 43: Diseño de Interfaz abstracta, AVD Aula Digital……………………………..........73. Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(8) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. INDICE DE TABLAS. Tabla 1: Variables de Estudio……………………………………………………………...21 Tabla 2: Comparativa con otras metodologías…………………………………………..35. S. Tabla 3: Presentación de Resultados……………………………………………………..46. A. Tabla 4: Requerimientos Funcionales…………………………………………………….49. SI C. Tabla 5: Requerimientos No Funcionales………………………………………………..51 Tabla 6: Presentación de Resultados……………………………………………………..72. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. Tabla 7: Entrevista, escala de Likert: ……………………………………………………..82. B. IB. LI O. TE. Tabla 8: Lista de experto método Delphi………………………………………………….83. Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(9) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. RESUMEN La investigación en este trabajo ha consistido en el desarrollo de una plataforma web aplicada a un aula digital, empleando la metodología. A. S. OOHDM, para lo cual tuvimos que investigar acerca de metodologías de. SI C. desarrollo software y de una en particular, la cual es Object - Oriented Hypermedia Design Method (OOHDM), que a manera de propuesta se. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. detalla a en el capítulo 2 del presente trabajo de investigación.. Investigar la metodología de desarrollo OOHDM nos ha brindado una visión distinta acerca de las distintas metodologías de desarrollo y de su usabilidad de manera comprensible y formal, esto es asociado a que esta metodología en particular es orientada a plataformas Web.. Para esto, fue necesario establecer los requerimientos básicos que intervienen en el problema, Como resultado del proyecto de. TE. investigación se concluye que a través del desarrollo de una plataforma. LI O. web empleando la metodología de desarrollo OOHDM se logró aplicarlo. B. IB. a un aula digital.. 8 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(10) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. ABSTRACT The research in this paper has been to developed applied to even digital classroom, using the methodology OOHM, for which we had to. A. S. investigate about software development methodologies and one in. SI C. particular, which is Object-Oriented Hypermedia Design Method (OOHDM), which by way of proposal detailed in Chapter 2 of this. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. research.. Investigate the development methodology OOHDM has given us a different view about the different development methodologies and usability understandable and formally, this is associated with this particular methodology is oriented Web platforms.. Therefore, it is necessary to establish the basic requirements involved in the problem. As a result of the research project concludes that through. TE. the developed of a web platform development methodology using was. achieved. applying. a. digital. classroom.. B. IB. LI O. OOHDM. 9 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(11) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. SI C. A. S. UNIVERSIDAD NACIONAL DE TRUJILLO. INTRODUCCION. B. IB. LI O. TE. CAPITULO I. 10 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(12) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. I. INTRODUCCION 1.1. Descripción del Problema La mayor parte de las instituciones superiores de hoy en día, mediante. medios. de. comunicación. S. educación. A. imparten. SI C. tradicionales, como es el uso de un proyector y una computadora común. No obstante esta técnica puede variar si hacemos uso de. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. la tecnología y de sistemas de información, cuya utilización adecuada es capaz de poder adaptar métodos tradicionales de apoyo a la educación como herramientas y plataformas digitales, capaces de desarrollar sesiones de clases, para los participantes de un aula de clase: Profesor y Alumnos. (Ministerio de Educación del Perú, 2014). La buena administración de los recursos de información en un aula de clase digital, es algo innovador ya que permite acceder y hacer uso de diversas herramientas como chat, pizarra digital,. TE. blogs, repositorio de datos, conexiones de video y voz en tiempo. B. IB. LI O. real y otras herramientas que conduzcan mejor al aprendizaje. El aula digital pondrá al alcance de sus participantes, una herramienta tecnológica, en el que alumnos y profesores podrán recibir e impartir respectivamente sesiones clases de forma digital, físicamente en el mismo lugar geográfico o remotamente, haciendo uso de los sistemas de información y comunicación. Hoy en día, el aula digital, no es un nuevo concepto, sino parte de la realidad de muchas instituciones académicas de Europa,. 11 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(13) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. Norteamérica y Latinoamérica. Es un concepto dual, dado que adquiere significados a nivel físico y virtual. El nivel físico, es un espacio para el aprendizaje con alta tecnología, donde la tecnológica. de. cómputo. y. telecomunicaciones. S. plataforma. A. posibilitan el desarrollo de nuevas formas y escenarios de. SI C. aprendizaje. El nivel virtual, es donde las posibilidades de. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. escenarios para el aprendizaje, puede estar limitado por la imaginación de los profesores, estudiantes. (Ochoa, 2001). El uso de este recurso va a contribuir a optimizar el proceso de enseñanza para generar un entorno de desarrollo y trabajo colaborativo entre todos los agentes del aprendizaje. Esto permitirá mantener una comunicación eficaz. El docente pone al alcance de sus alumnos diversos materiales, actividades, recursos, que el alumno va a poder acceder.. TE. 1.2. Antecedentes del Proyecto:. B. IB. LI O.  La Presente investigación: “Influencia de la Tecnología Digital en el Comportamiento de los Niños-as del Primer Año. Básico. de la Escuela República del Ecuador, del Barrio Carmelita, Parroquia Tarqui del Cantón Manta.”; cuyos autores son Anchundia Chávez Rosa Cristina y Vera Georgina Cayetana, fue desarrollada como Tesis de Licenciatura en la Universidad Laica “Eloy Alfaro” de la Ciudad de Manabí - Ecuador. Resumen:. 12 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(14) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. Las tecnologías empleadas en diversas experiencias varían en función de los medios disponibles: desde la videoconferencia para algunas clases magistrales, el correo electrónico para la. S. tutoría personalizada, el chat para la comunicación en la. A. coordinación de pequeños grupos o para la charla informal. SI C. entre estudiantes en el bar, las herramientas de trabajo. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. cooperativo, los servidores de información tipo WWW como bibliotecas. de. recursos,. televisión,. como. canal. de. comunicación multidireccional de la comunidad educativa, como fuente de información de apoyo y como entorno de integración de facilidades y recursos.. La presente tesis se basó en la influencia de la tecnología digital en el comportamiento de los niños-as, mediante la cual se buscó demostrar que el uso de éstas, son las más adecuadas para alcanzar el desarrollo Educativo.. TE. Resultados:. B. IB. LI O. En las aulas de todos los niveles de educación deberían hacer uso de la tecnología, porque este es un recurso que mejora el rendimiento escolar tomando en cuenta que las tecnologías se deben utilizar con prudencia y bajo supervisión para evitar alteraciones en el comportamiento de los niños, que en vez de beneficiar van a ser productos negativos para la sociedad.. 13 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(15) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO.  La Presente investigación: “Blended Learning”. La importancia de la utilización de diferentes medios en el proceso educativo; cuyo autor es Pompeya López, Virginia Eliana, fue desarrollada. SI C. Resumen:. A. de la ciudad de La Plata – Buenos Aires.. S. como Tesis de Maestría en la Universidad Nacional de La Plata. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. Esta tesis trabajó sobre el tema de Tecnología Informática en el ámbito educativo, en particular, se realizó un análisis de la modalidad “blendedlearning” (aprendizaje combinado) que integra en una propuesta educativa diversos recursos, los propios de la educación presencial, más aquellos de la educación a distancia, de manera que dicha combinación busco lograr un aprendizaje óptimo por parte de los alumnos. En particular, en este trabajo se realizó una investigación sobre el tema, dando un marco teórico a esta tesis, y por otro lado, se. TE. presentará la implementación desarrollada por la autora de la. B. IB. LI O. tesis.. Se. trata. de. un. material. hipermedia. que. fue. específicamente diseñado para un grupo destinatario (alumnos de la Cátedra de Programación de Computadoras de la Facultad de Informática - UNLP), y que fue introducido en un curso en modalidad “blended learning”, dictado como apoyo para rendir el final de dicha asignatura. Este material introduce el uso de mapas conceptuales y simulaciones para fomentar la. 14 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(16) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. integración de los temas y mejorar el tratamiento de algunos conceptos abstractos que forman parte del temario. Se analizó también, y describió, un plan de evaluación con sus. A. acerca del impacto del material educativo desarrollado.. S. instrumentos (diseñados por la autora de la tesis) para indagar. SI C. Resultados:. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. El trabajo de investigación realizado ha permitido afirmar que los alumnos están abiertos y evidencian una mayor motivación al incluir materiales en diversos formatos, de acuerdo a las necesidades de cada tema a tratar. La modalidad Blended Learning exige el esfuerzo de los docentes de analizar cuáles son los mejores medios para enseñar cada tema, exige diversificar y flexibilizar el proceso de enseñanza y de aprendizaje.. TE.  La Presente investigación: “Uso de Contenidos Educativos. B. IB. LI O. Digitales a través de sistemas de gestión del aprendizaje (LMS) y su repercusión en el acto didáctico comunicativo.”; cuyo autor. es Álvarez García Sergio, fue desarrollada como Tesis de Doctorado en la Universidad Complutense de Madrid en la ciudad de Madrid – España.. 15 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(17) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. Resumen: Esta investigación estudió la naturaleza de los contenidos educativos digitales desde la perspectiva de su uso e en. el. acto. didáctico-comunicativo. mediante. S. integración. que. sufren. los. contenidos. desde. SI C. transformaciones. A. sistemas de gestión del aprendizaje (LMS). Se analizaron las. su. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. concepción para operar a través de un LMS; las funciones de los LMS que permiten y desarrollan la difusión de los contenidos; y la repercusión que estos fenómenos y factores tiene en el acto didáctico-comunicativo; además de la aplicación de una metodología que combina las técnicas del análisis documental, el grupo de discusión, el análisis funcional y el cuestionario, arrojó unos resultados que permitieron la aproximación a un modelo de optimización de la integración de los elementos estudiados, contenidos educativos digitales, de. gestión. del. aprendizaje. y. acto. didáctico. TE. sistemas. B. IB. LI O. comunicativo en el contexto educativo español. Resultados:. La integración de contenidos digitales en el acto didáctico no pasó por la sustitución de los contenidos tradicionales, sino por el complemento para la cobertura de las carencias de estos últimos. Sobre la intervención de los LMS en este proceso se generó cierto debate, del que surgen las funciones de un sistema en relación con los contenidos.. 16 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(18) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO.  La Presente investigación: “Uso de La Pizarra Digital Interactiva para desarrollar las competencias en el área de Matemática en los alumnos del sexto grado de la I.E.P. “Latino” del distrito. S. de San Pedro de Lloc, Provincia de Pacasmayo.”; cuyos. A. autores son Calderón Ulfe Víctor Teodoro, Ysla Chavez Johnny. SI C. Estuardo y Pairazaman Matallana William Ricardo, fue. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. desarrollada como Tesis de ingeniería en la Universidad César Vallejo de la ciudad de Trujillo – Perú. Resumen:. El trabajo de investigación que se presentó: “Uso de La Pizarra. Digital Interactiva para desarrollar las competencias en el área de Matemática en los alumnos del sexto grado de la I.E.P. “Latino” del distrito de San Pedro de Lloc, Provincia de Pacasmayo.” El mismo, obedece al campo de investigación aplicada.. un instrumento digital. TE. Este proyecto, tuvo como fin, utilizar. B. IB. LI O. interactivo producto de la creación del ser humano, Pizarra Digital Interactiva, pretendimos viabilizar su utilidad ofreciendo estrategias modernas y amenas que alcanzaron el verdadero objetivo, desarrollar competencias en el área de matemática. Resultados: Se logró incentivar la participación de los alumnos con el uso de la pizarra digital interactiva en el proceso de enseñanza –. 17 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(19) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. aprendizaje y se logró desarrollar las competencias básicas del área de matemática.  La. Presente. investigación:. “La. incorporación. de. las. S. Tecnologías Digitales a la práctica Docente.”; cuyo autor es. A. Rendón Cazales Víctor Jesús, fue desarrollada como Tesis de. SI C. Maestría en el Centro de investigación y de Estudios. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. Avanzados del Instituto Politécnico Nacional, de la ciudad de México – México. Resumen:. En el presente trabajo se realizó una investigación sobre la incorporación de las tecnologías digitales al desarrollo de una actividad de aprendizaje de una maestra de historia de educación secundaria. El trabajo indagó el proceso de diseño de la elaboración de una línea del tiempo en un entorno digital como muestra de un fenómeno más amplio, el cruce de la de. las. tecnologías. de. información. y. TE. incorporación. B. IB. LI O. comunicación (TIC) a la práctica docente. Se realizó un estudio de caso desde una perspectiva sociocultural y etnográfica para comprender cómo la maestra diseñó la actividad para sus alumnos de la asignatura de Historia II en el tercer año de secundaria. En el momento del estudio la profesora participante llevaba un año y medio colaborando en el Grupo de Investigación Pedagógica (GIP) del Laboratorio de Educación, Tecnología y Sociedad (LETS) en el DIE-CINVESTAV, un. 18 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(20) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. proyecto orientado a construir conocimiento acerca de la incorporación de las TIC en diversos contextos sociales. A partir del análisis de los datos se pudo evidenciar que la involucró. el. encadenamiento. de. actividades,. S. actividad. A. experiencias, herramientas y contextos imaginados durante la. SI C. construcción del diseño y posteriormente su realización. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. concreta durante su puesta en marcha en el aula. La mayoría de las acciones reportadas y observadas de la maestra fomentaron una estructura horizontal en la participación, distribución de la responsabilidad con los alumnos, elaboración de subproductos para la actividad y el uso y aprendizaje de la tecnología; sin embargo, la validación de las fuentes de información en internet y el análisis de la información no fueron abordados con la mismo profundidad por la maestra durante la actividad en curso.. TE. Resultados:. B. IB. LI O. El Trabajo de investigación puso en evidencia, que la incorporación de la tecnología al aula crea oportunidades para la renovación de las relaciones en el aula, las formas de buscar y representar conocimientos, significados y prácticas docentes para el trabajo con los contenidos académicos.. 19 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(21) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. 1.3. Justificación del Proyecto:  Desde el punto de vista de ciencias de la computación: Permite promover la investigación en metodologías y. A. S. técnicas asociadas a Ingeniería del Software: Ingeniería de. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ.  Desde el punto de vista Tecnológico:. SI C. Requerimientos.. Se podrá optimizar la enseñanza del docente, ya que los alumnos contarán con herramientas tecnológicas que le serán favorables y sobre todo atractivas para la atención debida en el salón o aula de clases..  Desde el punto de vista Educativo:. Generar una herramienta al servicio de la educación y el aprendizaje entre agentes de educación: docentes y. B. IB. LI O. TE. estudiantes, siendo capaces de. esta. manera de. aprovechar las nuevas tecnologías de información, y establecer una nueva forma de enseñanza superior respaldado por la tecnología del software.. 1.4. Enunciado del Problema: ¿Cómo desarrollar una plataforma web, que logre ser aplicada a un aula digital?. 20 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(22) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. 1.5. Hipótesis: Mediante el desarrollo de una plataforma web empleando la metodología OOHDM, se logra aplicarlo a un aula digital.. A. S. 1.6. Variables de Estudio:. SI C. Tabla 1: Variables del Estudio. Indicador. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. Variable. Dependiente. Se logra aplicarlo a un aula digital. Funcionalidad de la plataforma. Independiente. Desarrollo. de. una. plataforma. web. Entregables por fase. TE. empleando la metodología OOHDM. B. IB. LI O. 1.7. Objetivos:. 1.7.1. Objetivo General: Desarrollar una plataforma web, aplicada a un aula digital, empleando la metodología OOHDM. 1.7.2. Objetivos Específicos:  Identificar los requerimientos de la plataforma web para aplicarlos a un aula digital. 21. Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(23) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO.  Analizar y diseñar los requerimientos de la plataforma web aula digital.  Determinar el modelo conceptual y diseño navegacional. A. S. de los módulos que forman parte de la plataforma web. SI C. aula digital.. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ.  Implementación de los módulos de plataforma web aula digital..  Realizar las pruebas y verificar los resultados obtenidos.. 1.8. Limitaciones del Estudio:. En el desarrollo de la presente investigación se presentan las siguientes limitaciones: -. La presente investigación se limita a aspectos de la. ingeniería de software que hace referencia al producto. dando como resultado el software del sistema aula digital.. B. IB. LI O. TE. final obtenido (programas, modelos, datos, documentos). 22 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(24) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. SI C. A. S. UNIVERSIDAD NACIONAL DE TRUJILLO. MARCO TEORICO REFERENCIAL. B. IB. LI O. TE. CAPITULO II. 23 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(25) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. II. MARCO TEORICO REFERENCIAL 2.1. Concepto de Aula Digital:. S. Es un espacio, físico y/o virtual, equipado adecuadamente,. A. tanto disciplinar, didáctica y tecnológicamente, donde un grupo de. SI C. docentes realizan una acción educativa dirigida a un grupo de. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. estudiantes. Este espacio/tiempo debe facilitar de una manera ágil y segura el intercambio entre el docente y los estudiantes con el fin de crear un conocimiento aplicable a la vida cotidiana.. Para. trabajar. en. el. aula. digital. se. debe. planificar. rigurosamente la acción educativa:. B. IB. LI O. TE. Figura 1: Descripción de aula digital. Fuente: Hablamos de Educación: El Aula Digital, Albert García 2013.. 24 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(26) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. 2.1.1 El Aula Digital como solución: Para que un Aula Digital sea una solución y no un problema, es necesario tener claros unos conceptos básicos. S. que muy resumidamente se presentan a continuación.. SI C. A. (García, 2013). 2.1.2 Consideraciones y aspectos previos:. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ.  Transparencia: las cuestiones técnicas deben de estar bien resueltas, con el fin de priorizar los aspectos docentes; la única preocupación que debe tener el docente es poder atender con eficiencia al alumno..  Flexibilidad: el aula debe adaptarse a las habilidades de cada docente y de cada grupo de alumnos, el centro debe fijar los mínimos.. B. IB. LI O. TE.  Funcionalidad:. debe. dar. respuesta. ágil. a. las. necesidades de la acción educativa que se quiera realizar..  Sostenibilidad: no debemos olvidar que la tecnología es un bien que tiene una vida útil corta, su actualización y reposición se debe prever.  Mantenimiento: (didácticos,. los. elementos. metodológicos. y. del. aula. digital. tecnológicos). deben. integrarse en la acción educativa que se realice.. 25 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(27) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. Para concretar las prestaciones que se deben dar dentro de un Aula Digital, es necesario tener muy claro desde qué punto partimos, es decir, saber cuáles son los. S. aspectos previos y las herramientas con las que queremos. SI C. A. trabajar. (García, 2013). 2.1.3 Infraestructura necesaria:. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. Es recomendable que el centro tenga bien resuelto el. tema de su infraestructura general tecnológica antes de empezar a trabajar con el Aula Digital. Lo podemos resumir en: Servidor central, Red de centro, Plataforma y sobretodo Mantenimiento.. 2.1.4 Componentes de un Aula Digital:.  Interactividad: La conforman el sistema aula Digital.. B. IB. LI O. TE.  Conectividad: Wifi, Internet. Red de datos..  Servidor de Aula: Permite personalizar las posibilidades tecnológicas del aula; el docente puede adaptarla a sus habilidades y a las de sus alumnos.  Documentación:. Hay. que. tener. resuelto. muy. claramente cómo y dónde el alumno recogerá la documentación de un profesor.  Herramienta docente: Hay que prever con qué herramientas se pueden resolver mejor las necesidades. 26 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(28) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. del docente dentro del aula y las necesidades que tiene el centro: un portátil, un Ipad, un Smartphone.  Herramienta Estudiante: La herramienta que el alumno. A. S. utilizará en el centro puede ser indiferente, pero es muy. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. entorno personal de aprendizaje.. SI C. recomendable que todos los alumnos utilicen el mismo. No. debemos. olvidar. las habilidades básicas. definir. cuáles. (disciplinar,. van. a. ser. metodológicas y. técnicas) que los docentes deben tener para un buen funcionamiento, así como qué habilidades han de poseer los estudiantes.. 2.2. Sistemas de Información:. Es un conjunto de elementos que interactúan entre sí con un. fin común; que permite que la información esté disponible para. TE. satisfacer las necesidades en una organización, un sistema de. B. IB. LI O. información no siempre requiere contar con recuso computacional aunque la disposición del mismo facilita el manejo e interpretación de la información por los usuarios.. Los elementos que interactúan entre sí son: el equipo computacional (cuando esté disponible), el recurso humano, los datos o información fuente, programas ejecutados por las. 27 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(29) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. computadoras, las telecomunicaciones y los procedimientos de políticas y reglas de operación (INCAP, 2010). 2.2.1. Actividades de un Sistema de Información:. A. S. Entrada: Es el proceso mediante el cual el Sistema de. información.. Las. entradas manuales. pueden son. ser. manuales. aquellas. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. automáticas.. Las. SI C. Información toma los datos que requiere para procesar la. que. o se. proporcionan en forma directa por el usuario, mientras que las automáticas son datos o información que provienen o son tomados de otros sistemas o módulos. Esto último se denomina interfaces automáticas. Las unidades típicas de entrada de datos a las computadoras son las terminales, las cintas magnéticas, las unidades de diskette, los códigos de barras, los escáners, la voz, los monitores sensibles al. B. IB. LI O. TE. tacto, el teclado y el mouse, entre otras.. Almacenamiento: El almacenamiento es una de las. actividades o capacidades más importantes que tiene una computadora, ya que a través de esta propiedad el sistema puede recordar la información guardada en la sección o proceso anterior. Esta información suele ser almacenada en estructuras de información denominadas archivos. La unidad típica de almacenamiento son los discos magnéticos. 28 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(30) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. o discos duros, los discos flexibles o diskettes y los discos compactos (CD-ROM).. Es. la. capacidad. del. Sistema. de. S. Procesamiento:. A. Información para efectuar cálculos de acuerdo con una. SI C. secuencia de operaciones preestablecida. Estos cálculos. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. pueden efectuarse con datos introducidos recientemente en el sistema o bien con datos que están almacenados. Esta característica de los sistemas permite la transformación de datos fuente en información que puede ser utilizada para la toma de decisiones, lo que hace posible, entre otras cosas, que un tomador de decisiones genere una proyección financiera a partir de los datos que contiene un estado de resultados o un balance general de un año base.. B. IB. LI O. TE. Salida: La salida es la capacidad de un Sistema de Información para sacar la información procesada o bien datos de entrada al exterior. Las unidades típicas de salida son. las. impresoras,. terminales,. diskettes,. cintas. magnéticas, la voz, los graficadores y los plotters, entre otros. Es importante aclarar que la salida de un Sistema de Información puede constituir la entrada a otro Sistema de Información o módulo. En este caso, también existe una interface automática de salida.. 29 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(31) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. Los usuarios de los sistemas de información tienen diferente grado de participación dentro de un sistema y son el elemento principal que lo integra, así se puede definir. S. usuarios primarios quienes alimentan el sistema, usuarios. usuarios gerenciales y. SI C. interactúan con el sistema,. A. indirectos que se benefician de los resultados pero que no. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. directivos quienes tienen responsabilidad administrativa y de toma de decisiones con base a la información que produce el sistema (Duany, 2008).. Figura 2: Descripción de las actividades de un sistema de. Fuente: Propia. B. IB. LI O. TE. información. 2.3. Modelo Vista Controlador: Es un patrón de diseño de arquitectura de software usado principalmente en aplicaciones que utilizan cantidades de datos y transacciones complejas donde se requiere una mejor separación. 30 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(32) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. de conceptos para que el desarrollo esté estructurado de una mejor manera. El Modelo de arquitectura Model-View-Controller (MVC). el Modelo, la Vista y el Controlador.. SI C. El marco de MVC se define en el ensamblado de:. A. S. separa una aplicación en tres componentes principales: (Figura 3). C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ.  Modelos: Son las partes de la aplicación que implementan la lógica del dominio de datos de la aplicación. A menudo, los objetos de modelo recuperan y almacenan el estado del modelo en una base de datos.. En las aplicaciones pequeñas, el modelo es a menudo una separación conceptual en lugar de física. Por ejemplo, si la aplicación solo lee un conjunto de datos y lo envía a la vista, la aplicación no tiene un nivel de modelo físico y las clases asociadas. En ese caso, el conjunto de datos asume el rol de. TE. un objeto de modelo.. B. IB. LI O.  Vistas: Las vistas son los componentes que muestra la interfaz de usuario de la aplicación. Normalmente, esta interfaz de usuario se crea a partir de los datos de modelo.  Controladores: Son los componentes que controlan la interacción del usuario, trabajan con el modelo y por último seleccionan una vista para representar la interfaz de usuario. En una aplicación MVC, la vista solo muestra información; el controlador administra y responde a los datos proporcionados por. 31 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(33) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. el usuario y su interacción. Por ejemplo, el controlador administra los valores de la cadena de consulta y pasa estos valores al modelo, que a su vez podría utilizarlos para consultar la base de. S. datos.. A. El modelo de MVC separa los aspectos diferentes de lógica. SI C. de entrada, lógica comercial y lógica de la interfaz de usuario,. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. proporcionando un acoplamiento macro entre estos elementos. El modelo especifica dónde se debería encontrar cada tipo de lógica en la aplicación. La lógica de la interfaz de usuario pertenece a la lista. La lógica de entrada pertenece al controlador. La lógica comercial pertenece al modelo.. Este acoplamiento favorece el desarrollo paralelo. Por. ejemplo, un desarrollador de software podría trabajar en la vista, un segundo desarrollador puede ocuparse de la lógica del controlador y un tercero se puede entrar en la lógica comercial del. TE. modelo (ASP.NET, 2013).. B. IB. LI O. Figura 3: El Modelo de arquitectura Model-View-Controller (MVC). Fuente: Desarrollo Web - Diagrama Vista Controlador, Miguel Alvarez (1997). 32 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(34) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. 2.4. Metodología OOHDM: OOHDM (Object Oriented Hypermedia Design Method), es una metodología orientada a modelos para el desarrollo de. S. aplicaciones Web. Este método permite a los diseñadores. A. especificar una aplicación Web mediante el uso de varios meta-. SI C. modelos especializados: conceptual, navegación y de interfaz de. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. usuario. Cada meta-modelo pone foco en diferentes aspectos de una aplicación. Una vez que estos modelos han sido especificados para una aplicación dada, es posible generar código en tiempo de ejecución que implemente la aplicación; es decir, los diseños de la aplicación (Urbieta, 2012).. OOHDM utiliza mecanismos de abstracción y composición. diferentes en una metodología orientado a objetos, para permitir por un lado, una descripción concisa de elementos de información. TE. correspondientes al negocio subyacente y, por el otro lado, la. B. IB. LI O. especificación de escenarios de navegación complejos en base a los datos del modelo conceptual y transformaciones de interfaz para hacer percibible la información indicada en el modelo anterior (Urbieta, 2012).. 33 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(35) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. 2.5. Ventajas de OOHDM: La metodología OOHDM. es practicada puesto que nos. permite mirar de manera más amplia y precisa los diagramas y. S. mediante estos se puede representar en forma precisa elementos. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. SI C. vínculos, imágenes, estructuras de acceso y contexto.. A. propios de las aplicaciones hipermedia, tales como nodos,. OOHDM propone un conjunto de tareas que en principio. pueden involucrar mayores costos de diseño, pero que a mediano y largo plazo reducen notablemente los tiempos de desarrollo al tener como objetivo principal la reusabilidad de diseño, y así simplificar la evolución y el mantenimiento.. OOHDM crea una cantidad más o menos grande de. documentación a través de sus distintas etapas de desarrollo, lo. TE. que nos permite llevar un control del desarrollo de las etapas y. B. IB. LI O. tener la posibilidad real de realizar una rápida detección, corrección de errores y mantención.. OOHDM utiliza herramienta diagramática llamada UID. La misma que permite manejar más fácil la representación que se desea hacer (Echeverría, 2009).. 34 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(36) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. Tabla 2: Comparativa con otras Metodologías Tipo de proyecto o. Modelad de. Negocio Requeri. mientos Análisis. RUP. y. Diseño. Impleme ntación. Pruebas Desplie. IB. LI O. TE. gue. B. Diagrama Casos. OOHDM. ilidad. de Recomendado. de. Uso, para grandes,. Diagrama. de a largo plazo, a. Clases, Diagrama nivel de. S. software. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. o. entregables. Escalab. A. Fases. producto. SI C. Metodología. Artefactos o. Secuencia, empresa. Diagrama. de. con. de proyectos. colaboración, diagrama. a. medio y alta. de complejidad.. SI. estados, diagrama de. actividad, Aplicaciones o. diagrama. de programas de. componentes, diagrama. escritorio,. de Aplicaciones. despliegue.. Empresariales. Obtenci ón. de. Requeri. Recomendado. mientos, Diagrama de casos. para proyectos. Modelo. de uso, Diagrama. de mediana. Concept. de clases,. complejidad.. ual, Diseño. SI. Diagrama de contexto, AVD.. Navega. Aplicaciones Web. cional, Diseño. 35 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(37) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. de interfaz abstract Recomendado para las. requisito. mejoras. SI C. de. A. Análisis. s,. rápidas y. organizaciones. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. diseño,. desarroll. SCRUM. o,. control de. S. a.. Iteraciones,. demos, Feeback, product backlog. que no. dependen de una fecha. NO. límite.. calidad,. desplieg. Aplicaciones. ue. web,. aplicaciones. empresariales. Fuente: Metodologías para el desarrollo de sistemas de información global: análisis. TE. comparativo y propuesta (2001).. B. IB. LI O. 2.6. Desventajas de OOHDM:. Al comienzo los desarrolladores de la metodología OOHDM señalan que esta fue creada para desarrollar aplicaciones hipermedia de gran extensión, esto trajo consigo una seria de inconvenientes puesto que había que desarrollar una serie de reglas y normas y de esta manera realizar distintos mapeos entre un diagrama y otro, con el principal objetivo de simplificar y mecanizar las tareas de cada fase, esta labor de mecanización 36. Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(38) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. puede traer como consecuencia el abandono de detalles fundamentales por parte del desarrollador.. S. En la etapa del diseño navegacional es un poco complejo. A. resolverlo de manera adecuada y por ello se hace necesario. SI C. realizar una gran cantidad de diagramas que en determinadas. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. ocasiones entregan información parecida a la otorgada por los UIDs (Echeverría, B. M. 2009).. 2.7. Fases de la metodología OOHDM:. B. IB. LI O. TE. Figura 4: Fases de la metodología OOHDM. Fuente: Object-Oriented Design Structures in Web Application Models (2002).. 2.7.1. Fase 1: Obtención de Requerimientos: La herramienta en la cual se fundamenta esta fase son los diagramas de casos de usos, los cuales son diseñados por escenarios con la finalidad de obtener de manera clara los requerimientos y acciones del sistema (German, 2003).. 37 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(39) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO. Lo primero que todo es necesaria la recopilación de requerimientos. En este punto, se hace necesario identificar los actores y las tareas que ellos deben realizar. Luego, se. S. determinan los escenarios para cada tarea y tipo de actor.. A. Los casos de uso que surgen a partir de aquí, serán luego. SI C. representados mediante los Diagramas de Interacción de. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. Usuario (UIDs), los cuales proveen de una representación gráfica concisa de la interacción entre el usuario y el sistema durante la ejecución de alguna tarea. Con este tipo de diagramas se capturan los requisitos de la aplicación de manera independiente de la implementación. Ésta es una de las fases más importantes, debido a que es aquí donde se realiza la recogida de datos, para ello se deben de proporcionar las respuestas a las siguientes interrogantes:  ¿Cuáles. son. los tópicos principales. que. serán. B. IB. LI O. TE. atendidos?.  ¿Cómo los tópicos están relacionados entre sí?  ¿Qué categoría de usuarios serán atendidos?  ¿Cuáles. son. las. tareas. principales. que. serán. abordadas?  ¿Qué tareas corresponden a qué categoría de usuarios?. 38 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.

(40) Biblioteca Digital - Dirección de Sistemas de Informática y Comunicación - UNT. AGUILAR BERNABE, ROBERTO JESUS ARROYO FLORES, ELDER ANDERSON. UNIVERSIDAD NACIONAL DE TRUJILLO.  ¿Los recursos disponibles son competitivos con la información levantada? Con las preguntas mencionadas anteriormente, se. A. S. puede recaudar de cierta manera las bases necesarias para. SI C. la construcción de una aplicación hipermedia exitosa, sin embargo mientras mayor sea el nivel de profundidad de la. C Y A M DE A TE C I M EN Á C TI IA C S A S FÍ. recolección de datos, mayor probabilidad de realizar una aplicación adecuada a las necesidades de los usuarios.. 2.7.2. Fase 2: Diseño Conceptual:. Se construye un modelo orientado a objetos que. represente el dominio de la aplicación usando las técnicas propias de la orientación a objetos. La finalidad principal durante esta fase es capturar el dominio semántico de la aplicación teniendo en cuenta el papel de los usuarios y las. B. IB. LI O. TE. tareas que desarrollan. OOHDM utiliza el meta-modelo de clases de UML, con pequeñas extensiones, para expresar el diseño conceptual (KOCH, 2002).. 2.7.3. Fase 3: Diseño Navegacional: La estructura de navegación de una aplicación hipermedia está definida por un esquema de clases de navegación específica, que refleja una posible vista elegida.. 39 Esta obra ha sido publicada bajo la licencia Creative Commons Reconocimiento-No Comercial-Compartir bajola misma licencia 2.5 Perú. Para ver una copia de dicha licencia, visite http://creativecommons.org/licences/by-nc-sa/2.5/pe/.