Post on 25-Feb-2021
PORTAL INFANTIL PARA CÍRCULO VIRTUOSO
ARLEY CAMPIÑO PELAEZ
DIEGO FERNANDO VIDAL AGREDO
NATALIA MONCADA SUAREZ
UNIVERSIDAD LIBRE PEREIRA
FACULTAD DE INGENIERÍA
INGENIERÍA DE SISTEMAS
PEREIRA
2018
PORTAL INFANTIL PARA CÍRCULO VIRTUOSO
ARLEY CAMPIÑO PELAEZ
DIEGO FERNANDO VIDAL AGREDO
NATALIA MONCADA SUAREZ
Proyecto de investigación para optar el título de
Ingeniero de sistemas
JUAN MANUEL CÁRDENAS RESTREPO
Investigador principal
UNIVERSIDAD LIBRE PEREIRA
FACULTAD DE INGENIERÍA
INGENIERÍA DE SISTEMAS
PEREIRA
2018
3
NOTA DE ACEPTACION
______________________________
______________________________
______________________________
______________________________
______________________________
______________________________
______________________________
______________________________
Presidente del jurado
______________________________
Jurado
______________________________
Jurado
4
DEDICATORIAS
Este proyecto se lo dedico a mi familia, la cual me ha apoyado incondicionalmente
y me ha guiado en este peldaño tan importante para mi vida.
Agradezco infinitamente a mi madre y abuela, me han dado todo lo que soy ahora,
mis valores, mis principios, mi carácter, agradezco infinitamente, su amor, su
apoyo, consejos y comprensión, además de esas palabras mágicas que me
reconstruían cuando estaba devastado “tranquilo, todo estará bien y todo se va
resolviendo”, gracias.
Agradezco a cada uno de mis compañeros, en especial a Natalia Moncada y
Diego Fernando Vidal, los cuales lucharon conmigo a la par, gracias por toda y
cada una de las sonrisas, apoyo y amistad.
ARLEY CAMPIÑO PELAEZ
A mis familiares.
A mi papá Fernando Vidal y a mi mamá Francy Agredo por apoyarme de forma
incondicional en todos los momentos de mi carrea, también a los demás familiares
que participaron directa o indirectamente en la elaboración de este proyecto de
grado.
¡Gracias a ustedes!
A mis maestros.
Dr. Juan Manuel Cárdenas por su gran apoyo y motivación para la culminación de nuestros estudios profesionales y para la ayuda en la elaboración de este proyecto de grado; a la Dra. Beatriz Eliana, el Dr. Daniel Aristizabal y al Dra. Adriana Oyuela por su apoyo ofrecido en este trabajo y por impulsar el desarrollo de nuestra formación profesional.
A mis amigos.
Que nos apoyamos mutuamente en nuestra formación profesional y que hasta ahora, seguimos siendo amigos: Natalia Moncada y Arley Campiño por haberse comprometido a realizar este trabajo.
5
Finalmente a los maestros, aquellos que marcaron cada etapa de nuestro camino
universitario, y que me ayudaron en asesorías y dudas presentadas en
la elaboración del proyecto.
DIEGO FERNANDO VIDAL AGREDO
Este y todos mis logros serán siempre gracias a mi familia, por eso quiero
dedicárselo a mis padres HAROLD MONCADA RESTREPO y OLGA LUCIA
SUAREZ VELASQUEZ, ellos siempre han tenido fe en mí y como todo buen padre
siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros
de mi familia ha puesto su grano de arena para la culminación de mi carrera, me
siento muy feliz e infinitamente agradecida con todos ellos pero especialmente con
mi abuela FLOR CELINA VELASQUEZ, mis tías JENIFER SUAREZ VELASQUEZ,
NANCY SUAREZ VELASQUEZ, SANDRA MILENA SUARREZ VELASQUEZ y mi
novio MILTON FERLEY RENTERIA FLOREZ, el siempre hizo todo lo posible para
que yo tuviera un buen desempeño y puso todos los medios para mi formación
profesional.
NATALIA MONCADA SUAREZ
6
AGRADECIMIENTOS
En primer lugar, deseamos expresar nuestro agradecimiento al director de
proyecto de investigación, Dr.JUAN MANUEL CARDENAS, por la dedicación y
apoyo que nos ha brindado en este trabajo, por el respeto a las sugerencias e
ideas y por la dirección y el rigor que ha facilitado a las mismas. Gracias por la
confianza ofrecida desde que llegamos a esta facultad.
Un trabajo de investigación es siempre fruto de ideas, proyectos y esfuerzos
previos que corresponden a otras personas. En este caso nuestro más sincero
agradecimiento a la Dra. BEATRIZ ELIANA, con cuyo trabajo estaremos siempre
en deuda. Gracias por su amabilidad para facilitarnos, su tiempo y sus ideas.
Por su orientación y atención a las consultas sobre metodología, nuestro
agradecimiento al Dr. DANIEL ARISTIZABAL, por el material facilitado y las
sugerencias recibidas. Finalmente, gracias a la Dra. ADRIANA OYUELA, por la
revisión cuidadosa que ha realizado a los planteamientos del proyecto y sus
valiosas sugerencias en momentos de duda.
Pero un trabajo de investigación es también fruto del reconocimiento y del apoyo
vital que nos ofrecen las personas que nos estiman, sin el cual no tendríamos la
fuerza y energía que nos anima a crecer como personas y como profesionales.
Gracias a nuestras familias.
Gracias a nuestros amigos, que siempre han estado ahí para prestarnos un gran
apoyo moral y humano, necesarios en los momentos difíciles de este trabajo y
esta profesión.
Pero, sobre todo, gracias a Dios, por las bendiciones que derrama, por darnos la
oportunidad de estar culminando este importante logro en nuestras vidas.
7
A todos, muchas gracias.
8
TABLA DE CONTENIDO
AGRADECIMIENTOS .............................................................................................................................6
RESUMEN .......................................................................................................................................... 12
INTRODUCCIÓN ................................................................................................................................. 13
1. EL PROBLEMA ................................................................................................................................ 14
1.1 PLANTEAMIENTO DEL PROBLEMA .......................................................................................... 14
1.2 FORMULACIÓN DEL PROBLEMA ............................................................................................. 14
1.3 OBJETIVOS ............................................................................................................................... 15
1.3.1 OBJETIVO GENERAL .............................................................................................................. 15
1.3.2 OBJETIVOS ESPECIFÍCOS....................................................................................................... 15
1.4 JUSTIFICACIÓN ........................................................................................................................ 16
2. MARCO TEÓRICO........................................................................................................................... 17
2.1 ANTECEDENTES ....................................................................................................................... 17
3. MARCO LEGAL ............................................................................................................................... 21
4. MARCO METODOLÓGICO ............................................................................................................. 23
4.1 TIPO DE INVESTGACIÓN .......................................................................................................... 23
4.1.1 DISEÑO DE INVESTGACIÓN .................................................................................................. 23
4.2 TECNICAS E INSTRUMENTOS DE RECOLECCIÓN DE DATOS .................................................... 23
4.3 TECNICAS DE PROCESAMIENTO Y ANALISIS DE DATOS .......................................................... 24
4.4 FASES PARA EL DESARROLLO DEL PROYECTO ......................................................................... 24
4.4.1 FASE 1 .................................................................................................................................. 25
4.4.1.1 USABILIDAD EN DISEÑO WEB PARA INFANTES ................................................................. 25
4.4.2 FASE 2 ................................................................................................................................... 27
4.4.2.1 CLASIFICACION DE REQUERIMIENTOS DEL SISTEMA ........................................................ 27
4.4.3 FASE 3 ................................................................................................................................... 29
4.4.3.1 DISEÑO MAPA DE NAVEGACIÓN....................................................................................... 29
4.4.3.2 DISEÑO ESTRUCTURAL DEL SITIO WEB ............................................................................. 33
4.4.4 FASE 4 ................................................................................................................................... 38
4.4.4.1 IMPLEMENTACIÓN DEL SITIO WEB CON LOS CONTENIDOS GENERADOS ........................ 38
9
4.4.5 FASE 5 ................................................................................................................................... 50
CONCLUSIONES ................................................................................................................................. 51
RECOMENDACIONES ......................................................................................................................... 52
BIBLIOGRAFÍA .................................................................................................................................... 53
10
LISTAS DE TABLAS
Tabla 1: Portales infantiles educativos ............................................................................................. 17
Tabla 2: Clasificación de requerimientos .......................................................................................... 28
11
LISTA DE FIGURAS
Ilustración 1: Fases para el desarrollo del proyecto ......................................................................... 25
Ilustración 2: Mapa de navegación ................................................................................................... 30
Ilustración 3: Plantilla Education Primary School For Children ......................................................... 30
Ilustración 4: Plantilla Children WordPress Theme .......................................................................... 31
Ilustración 5: Plantilla Kids Life | Children WordPress Theme ......................................................... 31
Ilustración 6: Plantilla Children & Kids WordPress Theme ............................................................... 32
Ilustración 7: Plantilla Children WordPress theme ........................................................................... 32
Ilustración 8: Estructura página de inicio .......................................................................................... 33
Ilustración 9: Estructura programa cultura del cuidado ................................................................... 34
Ilustración 10: Estructura programa el carro de tu vida ................................................................... 34
Ilustración 11: Estructura programa Robótica .................................................................................. 35
Ilustración 12: Estructura programa semillitas de tu vida ................................................................ 35
Ilustración 13: Estructura sección conócenos ................................................................................... 36
Ilustración 14: Estructura galería de imágenes ................................................................................. 36
Ilustración 15: Estructura galería de videos ...................................................................................... 37
Ilustración 16: Estructura sección de juegos .................................................................................... 37
Ilustración 17: Menú principal .......................................................................................................... 38
Ilustración 18: Página de inicio ......................................................................................................... 39
Ilustración 19: Sección conócenos .................................................................................................... 40
Ilustración 20: Programa cultura del cuidado ................................................................................... 41
Ilustración 21: Programa el carro de tu vida ..................................................................................... 43
Ilustración 22: Programa robótica .................................................................................................... 44
Ilustración 23: Programa semillitas del futuro .................................................................................. 46
Ilustración 24: Galería de imágenes .................................................................................................. 48
Ilustración 25: Galería de videos ....................................................................................................... 49
Ilustración 26: Sección Juegos .......................................................................................................... 50
12
RESUMEN
El proyecto de intervención infantil que se lleva a cabo en el sector de Puerto
Caldas, partió del programa Pereira Virtuosa e Innovadora (Circulo Virtuoso), este
ha hecho grandes contribuciones sociales a sectores vulnerables como la comuna
villa santana, ciudadela cuba, sector puerto caldas, entre otros. Actualmente la
universidad Libre como parte del programa Circulo Virtuoso ha venido
desarrollando labores de complementación y acompañamiento a infantes en áreas
vitales para su desarrollo personal, social y psicológico, este aporte se hace a
través de proyectos de intervención ejecutados por docentes y estudiantes de la
universidad.
A pesar de que el programa Pereira Virtuosa e Innovadora (Circulo Virtuoso) a
través de sus proyectos de intervención nace inspirado en acompañar dichos
sectores vulnerables desde su primera infancia, No cuenta con un sitio web
diseñado específicamente para los niños donde puedan integrarse herramientas
lúdicas de entretenimiento y enseñanza fomentando el uso de las nuevas
tecnologías, no es óptima la forma de mantener los contenidos desarrollados por
los grupos ejecutores anteriores para que los siguientes se basen y puedan
continuar con los hilos de enseñanza y así tener disponible estos contenidos para
los docentes ejecutores y para los padres, niños y niñas participantes de los
proyectos de intervención desarrollados. Actualmente Circulo Virtuoso cuenta con
un sitio web informativo que permite a los adultos enterarse de las actividades que
desarrolla el programa, pero dicho sitio web no es suficiente ya que la idea es
incluir a toda la población partiendo de la primera infancia, el diseño de este sitio
no es intuitivo y no cumple con funciones de atracción con el fin de brindar
información entendible e incluyente para hacerles conocedores de lo que se
desarrolla para ellos.
Se presenta la iniciativa de investigación para el desarrollo de un sitio web que
disponga de actividades lúdicas que integren el proceso formativo entre los niños y
sus familias con el programa y sus ejecutores, esto con el fin de promover la
inclusión y participación de las tecnologías de la información y las
telecomunicaciones (TIC) a sus métodos de aprendizaje.
13
INTRODUCCIÓN
Circulo virtuoso inicia sus pilares en la primera infancia y todo lo que se hace es
entorno a ellos, será cuentan los niños con un sitio donde encontrar los programas
de intervención realizados en sus comunidades.
Actualmente Circulo Virtuoso tiene un sitio web con un diseño no incluyente que
deja por fuera la capacidad de interacción de los infantes con la información de la
labor social que se realiza con ellos en sus comunidades, es por esto que la
universidad Libre en su activa participación con el programa ha decidido
desarrollar un portal web interactivo diseñado principalmente pensando en los
infantes, un sitio que les permita informarse y participar activamente de los
procesos de apoyo y complementación a la educación brindados por docentes y
estudiantes de la universidad Libre y demás colaboradores.
El propósito con este proyecto de investigación ha sido además de desarrollar un
punto de consolidación de la información y actividades desarrolladas por el
programa en colaboración con la universidad es dar cumplimiento a la asignatura
de Proyección Social y a su vez dar inicio al proyecto de grado de los tres
estudiantes encargados del diseño y desarrollo del portal web.
El proyecto concluye con el diseño visual y funcional del sitio web y su respectiva
ejecución en un CMS llamado WORDPRESS, para ello se cuenta con el análisis y
debido tratamiento de la información de cada programa de apoyo ejecutado en las
comunidades y posteriormente incluido en el diseño del sitio, pensando en la fácil
comprensión y captación de la información suministrada a los niños.
Sería bueno enfocar el diseño de contenido informativo de modo incluyente e
intuitivo para todos, será que los diseñadores piensan en alguna de las fases de
diseño en todo tipo de público, será que es importante contarle a los participantes
directos de programas beneficiosos de que se trata, por que se hace y en que les
beneficia?
14
1. EL PROBLEMA
1.1 PLANTEAMIENTO DEL PROBLEMA
Lo mejor de la tecnología es avanzar con ella, actualmente el plan de acción de
los programas de intervención no está siendo digitalizado en un mismo lugar para
facilitar el trabajo de sus ejecutores, no se tienen agrupadas diversas herramientas
lúdicas educativas desarrolladas por programas infantiles a nivel mundial que
están a la disposición del público para hacer uso de ellos, los infantes y sus
comunidades pierden el acceso al material con el que trabajaron, y no se
condensa a disponibilidad del publico la labor social que se desarrolla por la
universidad Libre en los sectores vulnerables.
El hecho de mantener la disponibilidad del contenido de los programas le permite
a los niños y sus familias conservar las lecciones aprendidas, ya que si alguna de
las recomendaciones de los ejecutores están siendo pasadas por alto, ellos
individualmente pueden verificarlo, pueden practicar y aprender mediante una web
confiable; igualmente los ejecutores de los programas pueden acceder a los
contenidos e implementarlos a su gusto desde cualquier lugar; de no ser así las
lecciones aprendidas fácilmente pueden ser olvidadas y podrían desperdiciarse los
esfuerzos por hacer aportes a estas comunidades que tanto lo necesitan.
Usando Herramientas digitales de información e interacción ciudadana es posible
dar paso a un avance tecnológico para el programa y sus beneficiarios, es por
esto que se plantea el diseño y posterior desarrollo de un sitio web infantil
interactivo como solución a las causas del problema nombrado anteriormente, un
sitio web diseñado pensando en la facilidad de uso para los niños y sus padres.
1.2 FORMULACIÓN DEL PROBLEMA
Circulo virtuoso si cuenta con un sitio web pero no está diseñado totalmente en
estructura y contenido especialmente para niños, con el diseño y ejecución de un
nuevo portal infantil para el programa, buscamos consolidar particularmente los
proyectos creados producto del aporte e intervención de la universidad libre
seccional Pereira para con el programa dejando dichos contenidos disponibles y al
alcance de los padres, niños, niñas y adolescentes intervenidos.
15
1.3 OBJETIVOS
1.3.1 OBJETIVO GENERAL
Desarrollar un sitio web de interacción infantil para Círculo Virtuoso usable,
accesible y apropiable que involucre a niños, niñas y Padres de Familia de las
comunidades vulnerables sobre los programas de intervención ofrecidos.
1.3.2 OBJETIVOS ESPECIFÍCOS
Realizar la recolección de requerimientos con su respectivo análisis y
clasificación.
Diseñar un portal web que actúe como herramienta de información y
soporte a los proyectos de intervención.
Desarrollar el portal infantil diseñado mediante el uso del CMS Wordpress.
Dar a conocer los programas ofrecidos por Círculo Virtuoso mediante la
publicación de estos dentro del sitio web, con el fin de fomentar el interés
de participación.
Implementar el portal infantil desarrollado.
16
1.4 JUSTIFICACIÓN
Esta investigación tiene como objetivo diseñar un sitio web optimo que cumpla con
la función de consolidar las intervenciones desarrolladas en comunidades
vulnerables como Puerto Caldas, referencia los proyectos dirigidos a la primera
infancia poniendo al alcance de los beneficiados e interesados el conocimiento de
estos trabajos sociales, es útil a los docentes y estudiantes que desarrollan estas
actividades de forma presencial para dinamizar e incluir las tecnologías de la
información y permite la interacción de los infantes con nuevos métodos de
enseñanza, pone al alcance de cualquier comunidad en cualquier lugar del mundo
estos contenidos diseñados para complementar y apoyar la educación de los
niños de poblaciones vulnerables en temáticas vitales para su desarrollo
psicológico y social. Finalmente se contará con un modelo para compartir la labor
y poder hablar sobre ella con algo que mostrar pero que sobre todo podrá ser
comprendido por cualquier persona en cualquier entorno, desde los niños hasta
sus padres.
17
2. MARCO TEÓRICO
2.1 ANTECEDENTES
En Colombia y el mundo se han desarrollado múltiples plataformas de formación y apoyo basadas en programas que buscan fomentar la protección y buen desarrollo de los infantes, a continuación se relacionan algunas de ellas.
Tabla 1. Portales infantiles educativos
Nombre Descripción Referencia
biblioteca escolar digital
Base de datos/enlaces para acceder
directamente a materiales educativos
multimedia creada por el CITA -
Centro Internacional de Tecnologías
Avanzadas- de la Fundación Germán
Sánchez Ruipérez. Tiene buscador
de materiales. Esta biblioteca está
organizada por recursos para la
Educación Infantil, Primaria y
Secundaria.
MÓNICA TEJEDOR. Educación para el consumo. Biblioteca escolar digital [en línea], 18 de febrero de 2015 [revisado 3 febrero 2018]. Disponible en Internet: http://www.bibliotecaescolardigital.es/
buscador infantil Es el primer buscador específicamente creado en lengua española para niños. Se basa en la tecnología de búsquedas de Google. Es muy sencillo de usar y ofrece una selección de enlaces filtrados y adaptados para el público infantil y escolar.
Seguridad infantil en la red. Buscador infantil [en línea], 12 de marzo de 2013 [revisado 3 febrero 2018]. Disponible en Internet: http://www.buscadorinfantil.com/
educ.ar Es el portal educativo gestionado por el Ministerio de Educación de Argentina. Es muy amplio con numerosas noticias, documentos, debates y recursos educativos.
GOBIERNO ARGENTINO. EducApps. Educ.Ar[en línea], 09 de febrero de 2017 [revisado 3 febrero 2018]. Disponible en Internet: https://www.educ.ar/
18
Tabla 2. Portales infantiles educativos (Continuación).
Nombre Descripción Referencia
eduteka Es un portal educativo de una fundación latinoamericana -de Colombia- llamada Gabriel Piedrahita que ofrece numerosos recursos y documentos sobre uso de las TIC en la educación. Tiene mucha documentación de carácter teórico y conceptual sobre el uso innovador de las TIC en la educación.
UNIVERSIDAD ICESI. Eduteka,[en línea], 08 de Marzo de 2016[revisado 3 febrero 2018]. Disponible en Internet: http://www.eduteka.org
preschool and kindergarten
maravillosa colección de juegos interactivos y educativos solo para preescolares y niños de kindergarten. Los temas incluyen animales, colores, números, letras y formas.
Angie Blankenship. Sheppard Software's Preschool and Kindergarten Activities, [en línea], 06 de Mayo de 2016[revisado 3 febrero 2018]. Disponible en Internet: http://www.sheppardsoftware.com/preschool/preschool.htm
guía chin pun Juegos educativos para bebés, niñas y niños pequeños.
PUM SOFTWARE, juegos infantiles pum, [en línea], 03 de Abril de 2012[revisado 3 febrero 2018]. Disponible en Internet: http://www.guiachinpum.com.ar/juegos-infantiles/
Sitio web infantil Gobernación de Risaralda
Sito web informativo que permite a los niños conocer actividades realizadas por el gobernador, los orígenes del departamento, juegos entre otros temas.
GOBERNACIÓN DE RISARALDA, Portal de niños [en línea], 14 de noviembre de 2010[revisado 3 febrero 2018]. Disponible en Internet: http://www.risaralda.gov.co/Publicaciones/Ninos
19
Tabla 3. Portales infantiles educativos (Continuación).
Nombre Descripción Referencia
Portal infantil Alcaldía de Pereira
Portal informativo con información, juegos y evento de interés para los niños.
ALCALDÍA DE PEREIRA, Portal de niños [en línea], 12 de Mayo de 2016[revisado 3 febrero 2018]. Disponible en Internet: http://www.pereira.gov.co/Ciudadanos/PortaldeNinos/Paginas/default.aspx#pan1
Casa de Nariño para niños
Portal interactivo con juegos educativos sobre los derechos del niño, recomendaciones útiles, mitos y leyendas que pueden escuchar en la sociedad etc.
PRESIDENCIA DE LA REPÚBLICA, Casa de Nariño para niños [en línea], 20 de julio de 2012[revisado 3 febrero 2018]. Disponible en Internet: http://wsp.presidencia.gov.co/Portal/Especiales/Documents/especial_ninos/index.html
Portal infantil ideam Portal infantil que educa los niños sobre el cambio climático
IDEAM, Zona infantil cambio climático [en línea], 10 de Enero de 2014[revisado 3 febrero 2018]. Disponible en Internet: http://www.cambioclimatico.gov.co/zona-infantil
Mintic para niños Buenas prácticas en internet, esta cuenta con enlaces a las paginas infantiles de todos los ministerios de gobierno colombiano
Ministerio de las Tecnologías de la Información y las Comunicaciones, Mintic Para niños, [en línea], 23 de junio de 2013[revisado 3 febrero 2018]. Disponible en Internet: http://www.mintic.gov.co/ninos/613/w3-channel.html
20
Tabla 4. Portales infantiles educativos (Continuación).
Los Sitios relacionados anteriormente cuentan con contenidos educativos de todo tipo, material para el uso individual de los infantes y para el de los docentes en sus prácticas con los mismos, estos sitios están diseñados para un usuario especifico con todas las implicaciones que esto lleva, hay sitios para niños de educación preescolar que no tienen las mismas nociones que los de edad escolar, cumplen con técnicas de usabilidad para el desarrollo de contenido para infantes, permite una navegación intuitiva y reactiva que no requiere de memoria y conserva una estructura estable que facilita la interacción dentro de este. Particularmente los sitios del gobierno cuentan con enlaces de acceso a las paginas infantiles de todos los ministerios de gobierno colombiano, así en cualquier sitio de estos va a encontrar la disponibilidad de acceso a todos los demás sitios que cumplen con la importante función de educar los niños de lo que se trata cada ministerio. Además de actividades educativas también se tiene en cuenta actividades de ocio, juegos populares que la mayoría de los niños se sentirían atraídos a jugar, lectura en diversidad de temas entre otras actividades creativas para mantener el interés y la atención de los infantes dentro del sitio web.
Nombre Descripción Referencia
portal argentino diseñado especialmente para niños y niñas, cuenta con juegos, talleres, música, y mucho entretenimiento para ejercitar la mente
SOMOS MAMÁS, 11 ejercicios de atención Para niños, [en línea], 04 de Mayo de 2015[revisado 3 febrero 2018]. Disponible en Internet: https://www.somosmamas.com.ar/estimulacion-temprana/ejercicios-de-atencion/
21
3. MARCO LEGAL
3.1 LEY 1098 DE 2006 CÓDIGO DE LA INFANCIA Y ADOLESCENCIA
Las imágenes que se publican deben respetar la dignidad, honor e intimidad de tal manera que con ella no se ponga en riesgo la integridad de los niños, niñas y adolescentes. (Congreso de Colombia, 2006)
3.1.2 ARTÍCULO 47 CÓDIGO DE INFANCIA Y ADOLESCENCIA. Responsabilidades especiales de los medios de comunicación.
Los medios de comunicación, en el ejercicio de su autonomía y demás derechos, deberán cumplir con los 8 puntos dispuestos en este apartado. (Congreso de Colombia, 2006)
3.2 LEY ESTATUTARIA 1581 de 2012. Protección de datos personales, en niños, niñas y adolescentes. (Congreso de Colombia, 2012) 3.3 ARTÍCULO 7° DERECHOS DE LOS NIÑOS, NIÑAS Y ADOLESCENTES. En el Tratamiento se asegurará el respeto a los derechos prevalentes de los niños, niñas y adolescentes. Queda proscrito el Tratamiento de datos personales de niños, niñas y adolescentes, salvo aquellos datos que sean de naturaleza pública. Es tarea del Estado y las entidades educativas de todo tipo proveer información y capacitar a los representantes legales y tutores sobre los eventuales riesgos a los que se enfrentan los niños, niñas y adolescentes respecto del Tratamiento indebido de sus datos personales, y proveer de conocimiento acerca del uso responsable y seguro por parte de niños, niñas y adolescentes de sus datos personales, su derecho a la privacidad y protección de su información personal y la de los demás. El Gobierno Nacional reglamentará la materia, dentro de los seis (6) meses siguientes a la promulgación de esta ley. (Congreso de Colombia, 2012)
3.4 LEY 1273 DEL 2009 PROTECCIÓN DE DATOS PERSONALES Y PROCESOS JUDICIALES.
Por medio de la cual se modifica el Código Penal, se crea un nuevo bien jurídico tutelado-denominado "de la protección de la información y de los datos"- y se preservan integralmente los sistemas que utilicen las tecnologías de la información y las comunicaciones, entre otras disposiciones. (Congreso de Colombia, 2009)
22
3.4.1 ARTÍCULO 269F: VIOLACIÓN DE DATOS PERSONALES.
El que, sin estar facultado para ello, con provecho propio o de un tercero, obtenga, compile, sustraiga, ofrezca, venda, intercambie, envíe, compre, intercepte, divulgue, modifique o emplee códigos personales, datos personales contenidos en ficheros, archivos, bases de datos o medios semejantes, incurrirá en pena de prisión de cuarenta y ocho (48) a noventa y seis (96) meses y en multa de 100 a 1000 salarios mínimos legales mensuales vigentes. (Congreso de Colombia, 2009)
23
4. MARCO METODOLÓGICO
4.1 TIPO DE INVESTGACIÓN
Proyecto de aplicación práctica
4.1.1 DISEÑO DE INVESTGACIÓN
Investigación Documental: basados en el análisis de las cartillas, trabajos y
ejercicios diseñados y documentados por los docentes encargados de dictar los
programas de apoyo para infantes de poblaciones vulnerables se realizó una
clasificación de los contenidos, para posterior mente ser transformados en
información fácil de asimilar en niños y de este modo usarla como contenido para
el sitio web.
Investigación de Campo: Mediante la realización de reuniones y encuentros con
los docentes, líderes y demás participes de los programas de apoyo para infantes
de poblaciones vulnerables, se definieron las temáticas y proyectos a incluir dentro
del sitio web, según las necesidades evidenciadas por los niños a sus docentes.
4.2 TECNICAS E INSTRUMENTOS DE RECOLECCIÓN DE DATOS
Mediante la realización de entrevistas con la líder de los proyectos de intervención
se definieron los requisitos iniciales para el diseño del sistema, posteriormente
expuestos a los docentes ejecutores quienes hicieron nuevos aportes y
complementos a la lista de requisitos funcionales y no funcionales del sistema,
suministrando además las guías de trabajo usadas para llevar a cabo los
programas de intervención.
El almacenamiento de dichos requisitos se hizo mediante notas de campo y listas
de requerimientos, también se obtiene vía correo electrónico las guías usadas por
los docentes.
24
4.3 TECNICAS DE PROCESAMIENTO Y ANALISIS DE DATOS
Los requerimientos entregados por la líder del programa de intervención y los
docentes son analizados por el grupo de desarrollo para su posterior clasificación
como funcional o no funcional.
Las guías usadas por los docentes para llevar a cabo los programas son
analizadas por la coordinadora de biblioteca de la universidad quien tiene
conocimientos de pedagogía y generación de contenidos asimilables para
infantes, de este modo se comprime la información y se define el contenido para el
sitio web.
4.4 FASES PARA EL DESARROLLO DEL PROYECTO
La distribución para el desarrollo del sitio web se hizo en 5 fases (Ver figura 1:
Fases para el desarrollo del proyecto) con el objetivo de cumplir con un desarrollo
óptimo y acertado como resultado de la investigación y los requisitos tomados,
suministrando un sitio manejable, agradable y sobre todo educativo para los niños
de los programas de intervención.
25
Ilustración 1. Fases para el desarrollo del proyecto
4.4.1 FASE 1
Fase de investigación, consiste en realizar una documentación sobre buenas
prácticas para el desarrollo de contenidos para infantes, técnicas de desarrollo
web atractivas y prácticas para conservar la navegabilidad de los niños y los
adultos que ingresen al sitio web.
4.4.1.1 USABILIDAD EN DISEÑO WEB PARA INFANTES
- BOSQUEJOS UNIFORMES:
26
Usar bosquejos uniformes, cambiar la estructura frecuentemente confunde y dificulta la navegación. - RECONOCIMIENTO ANTES QUE RECUERDO: Las instrucciones para el uso del sistema deben estar a la vista o ser fácilmente recuperables cuando sea necesario. - ESTÉTICA Y DISEÑO MINIMALISTA: los diálogos no deben contener información que es irrelevante o poco usada -AYUDA Y DOCUMENTACIÓN: incluso en los casos en que el sistema pueda ser usado sin documentación, podría ser necesario ofrecer ayuda y documentación. -PAGINAS CONSISTENTES: Todas las páginas de este sitio deben ser consistentes, es decir, deben guardar la misma estructura de tal forma que el niño no desvíe su atención, ni se pierda. -FUENTES: Las fuentes deben ser entendibles, grandes y atractivas. -NAVEGACIÓN Y VÍNCULOS: Los enlaces deben ser claros, que se note que pueden desplazarse por medio de él.
-METAS:
Los objetivos de los niños en Internet son muy distintos a los de los adultos, siendo su norte la entretención y el juego. Esto hace que los elementos del sitio tengan otra relevancia. Por ejemplo, un sonido automático al cargar el sitio es molesto para un adulto, mientras que para un niño puede resultar estimulante y atractivo.
-HABILIDADES FÍSICAS Y TECNOLÓGICAS:
Los niños no tienen desarrolladas las mismas capacidades tecnológicas que los adultos, algunas de ellas relacionadas con la experiencia educativa o incluso de trabajo. Por esto, actividades básicas como tipiar un texto, esperar que una página cargue o llenar un formulario pueden ser muy molestas y frustrantes.
-COMPORTAMIENTO EN EL SITIO:
Como son curiosos por naturaleza, a los niños les gusta explorar funciones sin preocuparse demasiado por errores o por seguir el camino indicado. Es común que hagan click en cualquier enlace de forma impulsiva y luego no sepan cómo
27
volver atrás. Además, se distraen con facilidad y es probable que abandonen el sitio si pierden la concentración.
-HÁBITOS DE LECTURA Y NAVEGACIÓN:
Dependiendo de la edad, los niños pueden no saber leer o hacerlo con poca fluidez. Si el sitio tiene mucho texto y pocos elementos metafóricos visuales, no podrán navegar las páginas. Además, es importante tener en cuenta que ellos no están acostumbrados a la tecnología y sus íconos, por lo que hay que recurrir a símbolos de su vida diaria.
-CONCIENCIA COMERCIAL:
Los niños no son conscientes de los objetivos transaccionales de los sitios y no saben identificar el contenido promocional. Entonces ocurre un fenómeno contrario a la ceguera del banner de los adultos, a los niños les atraen los anuncios, por lo que es muy probable que hagan click en ellos y se desorienten al caer en páginas de productos o formularios.
-CURVA DE APRENDIZAJE:
Como no cuentan con la misma experiencia que un adulto, el tiempo de aprendizaje de un niño es más lento. Para ayudarlos se deben repetir todos los detalles que indican un punto de interacción y exagerarlos para que puedan aprender a usar las funcionalidades del sitio.
-SEGMENTOS ETARIOS Y DESARROLLO:
La diferencia en el desarrollo y las capacidades en cada etapa de la niñez es muy grande y debe ser considerada. No es lo mismo diseñar para un niño de 3 años que para uno que doble su edad. Por lo mismo, el diseño debe considerar particularidades únicas en segmentos etarios reducidos.
4.4.2 FASE 2
La segunda fase consta de la recolección de los requisitos del sitio web para su
posterior análisis y clasificación.
4.4.2.1 CLASIFICACION DE REQUERIMIENTOS DEL SISTEMA
28
Tabla 5. Clasificación de requerimientos
Funcionales No funcionales
El sitio debe permitir el desarrollo de actividades lúdicas formativas para los niños dentro de los Módulos de los programas que las contengan.
El sitio web deberá estar siempre activo para el uso de los infantes y demás beneficiarios.
El sitio debe contar con juegos y atracciones para niños.
El sitio web deberá facilitar la extensión o ampliación de su contenido, así como también la de su estructura y funciones.
El sitio debe contar con galerías de las intervenciones desarrolladas en las comunidades
El sitio web deberá permitir la interacción de muchos usuarios en simultaneo, así como manejar una creciente carga de trabajo.
El sitio debe contener una estructura que permita la clara definición de cada programa de Intervención.
El sitio web deberá facilitar su mantenimiento con el fin de desarrollar nuevos requerimientos, aislar los defectos y sus causas, corregir estos defectos y atender las demandas del entorno cambiante.
El sitio podrá utilizarse con los navegadores web Chrome, Firefox e Internet Explorer
El sitio web deberá poseer interfaces gráficas bien formadas que faciliten la interacción de todos sus usuarios
El sitio debe contar con una navegabilidad fácil de reconocer y manejar por primera infancia.
El sitio web deberá contar con un diseño responsable a fin de garantizar la adecuada visualización en múltiples computadores y demás dispositivos.
El sitio podrá utilizarse sin necesidad de instalar ningún software adicional además de un navegador web
El sitio web deberá contar con sistemas de seguridad preventivos y correctivos que aseguren la disponibilidad y confidencialidad de la información sensible.
El sitio web deberá persistir la información de sus usuarios, así como también la información alojada en él.
El sitio web deberá proteger la información sensible manejada por el sistema de acceso no autorizado y divulgación.
29
4.4.3 FASE 3
La tercera fase consiste en el planteamiento del diseño y arquitectura para la
posterior aprobación de la líder de programa, en nuestro caso particular tuvimos
como actividad para definir el diseño la selección de plantillas compatibles con el
CMS Wordpress.
Uno de los aspectos fundamentales a la hora de crear cualquier web o blog es
el diseño, del que debemos ocuparnos después de haber definido la arquitectura
de la información (que engloba el planteamiento del árbol web, la elaboración del
análisis funcional y el esquema de las funcionalidades y contenidos en
los wireframes).
En esta etapa, la accesibilidad, la usabilidad, y el equilibrio armónico entre estética
y funcionalidad son aspectos que condicionan el diseño, pero que no tienen por
qué limitarlo.
Asimismo, la creatividad y otros recursos que se emplean en esta etapa son muy
variados, ya que pueden incluir fotografías, ilustraciones, vídeos, animaciones y
grabaciones de audio, entre otros formatos. Además, los recursos tipográficos y la
paleta de colores también adquieren un gran protagonismo a la hora de
personalizar el sitio web y diferenciarlo del de los competidores, ya que
contribuyen a hacerlo más impactante.
Partiendo de esta breve contextualización, el diseño del portal interactivo apunta a
una interfaz limpia, rica en imágenes y colores que llamen la atención de sus
usuarios.
4.4.3.1 DISEÑO MAPA DE NAVEGACIÓN
30
Ilustración 2. Mapa de navegación
Al utilizar el cms wordpress (administradores de contenido), los diseños se limitan
a las plantillas disponibles para el mismo, las plantillas pre escogidas fueron las
siguientes:
Baby Kids -
Ilustración 3. Plantilla Education Primary School For Children
Education Primary School For Children
31
Happy Kids - Children WordPress Theme
Ilustración 4. Plantilla Children WordPress Theme
Kids Life | Children WordPress Theme
Ilustración 5. Plantilla Kids Life | Children WordPress Theme
Kids Zone | Children & Kids WordPress Theme
32
Ilustración 6. Plantilla Children & Kids WordPress Theme
Kiddy - Children WordPress theme
Ilustración 7. Plantilla Children WordPress theme
El contratiempo de utilizar estas plantillas prediseñadas, se presenta al momento
de plasmar los layouts previamente dibujados, ya que las limitaciones en cuanto a
33
módulos y colores va muy ligado a la esencia de la plantilla. Es por esta razón que
se decide implementar DIVI, la cual es una plantilla que adopta la filosofía de
constructor y drag & drop, ya que permite maquetar casi cualquier idea de diseño
segmentado en columnas (sistema de grids).
Luego de presentar las plantillas preseleccionadas a el docente investigador y a la
líder del proyecto se procede a elegir la plantilla Kids Life | Children WordPress
Theme para su posterior estructuración y personalización.
4.4.3.2 DISEÑO ESTRUCTURAL DEL SITIO WEB
Ilustración 8. Estructura página de inicio
34
Ilustración 9. Estructura programa cultura del cuidado
Ilustración 10. Estructura programa el carro de tu vida
35
Ilustración 11. Estructura programa Robótica
Ilustración 12. Estructura programa semillitas de tu vida
36
Ilustración 13. Estructura sección conócenos
Ilustración 14. Estructura galería de imágenes
37
Ilustración 15. Estructura galería de videos
Ilustración 16. Estructura sección de juegos
38
4.4.4 FASE 4
La cuarta fase consiste en el desarrollo e implementación de los requisitos de
usuario y técnicas anteriormente investigadas con el fin de hacer entregables para
la posterior validación del usuario encargado de la aprobación del sitio web.
4.4.4.1 IMPLEMENTACIÓN DEL SITIO WEB CON LOS CONTENIDOS
GENERADOS
Ilustración 17. Menú principal
Menú principal
El sitio web está compuesto por seis páginas, que serán descritas a continuación,
la opción de proyectos es un sub menú desplegable con iconos intuitivos para
llamar la atención de los niños a navegar dentro de cada proyecto, este menú se
destaca por ser un menú entendible inclusive para personas que no saben leer.
39
Ilustración 18. Página de inicio
Home o Inicio
El modulo home se compone básicamente de dos segmentos claves para la
rápida contextualización de objetivos del portal, así como también de la estrategia
circulo virtuoso.
Segmento 1: Slider (carrusel)
En la página de inicio del portal, se detalla a primera vista un slider de imágenes
interactivas (con respuesta de movimiento al cursor) alusivas a cada uno de los
programas ofrecidos en el sitio, imágenes en las cuales se construyen de forma
sincrónica frases o mensajes de buenas practica según el tema del slider.
Segmento 2: ¿Qué somos?
En la siguiente línea del home, se detalla el segmento ¿Qué somos?, en la cual se
busca hacer una pequeña introducción a la esencia, filosofía y alcance de la
estrategia Circulo Virtuoso.
40
Ilustración 19. Sección conócenos
Conócenos
Este es un espacio destinado para hacer referencia a las personas que hacen
parte de los proyectos de intervención, que hacen y lo que significa el programa
para facilitar la apropiación de los usuarios.
41
Ilustración 20. Programa cultura del cuidado
Programa Cultura del cuidado
42
El módulo cultura del cuidado está enfatizado en un tema que para Circulo
Virtuoso mediante su programa de enfermería, apunta a problemática crítica y de
rápida acción: La cultura de la higiene.
Este módulo se estructura de 2 segmentos, el primer segmento teniendo un
objetivo informativo y el segundo apuntando a que los infantes entiendan de forma
didáctica la importancia de la higiene mediante cuentos.
Segmento 1: ¿Qué es higiene?
Aquí se busca precisar de una manera más específica ¿Qué?, ¿Para qué? y ¿Por
qué? La cultura de la higiene es indispensable en el saludable desarrollo de los
infantes. El párrafo es dirigido directamente a padres de familia, invitando y
promoviendo la supervisión los padres en los diferentes aspectos que conforman
la higiene.
Segmento 2: Vamos a leer!
En este segmento se presentan en forma de acordeón 4 cuentos, en los cuales
cada uno hace referencia a un aspecto de higiene:
El piojo gruñón Aseo del cabello.
Juanita la dulce Cepillado de los dientes.
Carlitos el juguetón Higiene en las manos.
Pablito cuida su cuerpo Higiene general.
43
Ilustración 21. Programa el carro de tu vida
Programa el carro de tu vida
Segmento 1: ¿Qué buscamos?
Explica la necesidad de los ciclos vitales y productivos de niños, niñas y
adolescentes que se dividen en tres momentos: caracterización, diagnóstico social
y propuesta de intervención.
44
Ilustración 22. Programa robótica
Programa Robótica
Circulo virtuoso, mediante sus colaboradores de ingeniería en sistemas buscan
sembrar en los infantes el interés por el pensamiento científico y creativo mediante
la robótica, por eso en este módulo se cita de forma concisa la importancia, lo que
se pretende y cuales con los beneficios de este maravilloso programa en 3
segmentos.
Segmento 1: ¿Qué buscamos?
Se pretende explicar el objetivo principal: Sembrar semillas de conocimiento en
los niños los cuales ayudarán a formar una mejor sociedad.
45
Segmento 2: ¿Cuáles son los beneficios?
Son muchos los beneficios que obtienen los niños cuando se involucran con la
robótica ya que esta incrementa su pensamiento científico y creativo, algunos
de los beneficios son: Desarrollan mucha más motivación e intuición hacia las
áreas de la ingeniería.
Segmento 3: ¿Por qué es importante?
Destaca la necesidad de que los infantes desarrollen en el pensamiento
científico y creativo.
46
Ilustración 23. Programa semillitas del futuro
Programa semillitas del futuro
En este módulo se pretende enseñar la importancia del cultivo en pro de la
conservación del medio ambiente, más específicamente la siembra de hortalizas.
Al igual que los módulos anteriores, Semillitas del futuro cuenta en su estructura
con 2 segmentos principales:
Segmento 1: ¿Qué esperamos enseñar?
Se listan una seria de objetivos que Circulo Virtuoso mediante el programa de
microbiología pretende interiorizar a los infantes de las comunidades en cuestión,
47
un ejemplo de estos es enseñarles a los niños sobre el cultivo de hortalizas es una
actividad atractiva y les ayuda a comprender el crecimiento de las plantas.
Segmento 2: ¿Sabías que los hongos cumplen una gran función en el
ecosistema?
Este segmento está dedicado a explicar la importancia de los hongos para un
ecosistema, se implementa con el fin romper estigmas ya que los infantes no
tienen una información clara y precisa de estos.
48
Ilustración 24. Galería de imágenes
Galería de imágenes
49
En esta sección se incluyen fotos de los niños haciendo parte de la ejecución de
los proyectos de intervención.
Ilustración 25. Galería de videos
Galería de videos
En esta sección se incluyen videos realizados a los niños durante los proyectos de
intervención y algunos videos explicativos del programa.
50
Ilustración 26. Sección Juegos
Juegos
Esta es una sección diseñada para conservar la atracción de los niños dentro de
un ambiente entretenido, está compuesto por juegos educativos diseñados por
diversas entidades que trabajan en el desarrollo de contenidos de interactivos
para fomentar el aprendizaje mediante el entretenimiento.
4.4.5 FASE 5
La quinta y última fase consiste en la puesta en marcha del sitio web para verificar
su correcto funcionamiento y hacer las correcciones respectivas.
En esta fase ya contamos con el sitio web desarrollado, ahora podemos navegar
dentro de el para verificar que los contenidos carguen correctamente y que no se
presenten contratiempos de ningún tipo, se procede a la socialización con la líder
del proyecto para la validación del sitio y hacer cambios de ser necesario, en este
caso la líder del proyecto solo sugirió y asesoró algunos cambios a los colores
usados inicialmente en las letras de los contenidos por programa.
51
CONCLUSIONES
o El uso de herramientas digitales para la educación abre puertas a la mejora
de las metodologías de enseñanza.
o Son buenas prácticas para la continuidad de los programas de intervención
la documentación y agrupación del material usado por cada docente con el
fin de reutilizarlo, complementarlo y mejorarlo.
o Las reuniones participativas con el equipo interventor y su coordinadora son
el mejor camino encontrado para definir los requerimientos del sitio web.
o La disposición y compromiso de los estudiantes ejecutores de los
programas de intervención son de vital ayuda para documentar y generar
los contenidos a agrupar.
o La intervención de personal capacitado es esencial y obligatoria a la hora
de desarrollar contenidos para infantes.
o Sin una documentación previa sobre usabilidad y requerimientos especiales
para infantes no debe hacerse ningún tipo de diseño para portales
infantiles.
o Los CMS son de muchísima utilidad a la hora de hacer sitios sostenibles,
manejables y fáciles de administrar para asegurar su uso y continuidad.
52
RECOMENDACIONES
o Es recomendable documentar todos los aportes sociales desarrollados por
la Universidad en toda la comunidad.
o Se recomienda manejar un formato para uniformar la manera de
documentar el trabajo de cada docente en sus intervenciones para evitar
desórdenes a la hora de llevar a cabo proyectos como este.
o Se recomienda realimentar el sitio web con los proyectos que se vallan
desarrollando a lo largo del tiempo.
53
BIBLIOGRAFÍA
ZAPATA, David. Fases para la creación de una web site: Etapas de la creación de
una página web. En: Newclick [en linea]. (15 al 28 de nov., 2014) disponible en:
http://www.newclick.es/etapas-diseno-web-creacion-diseno-web.php. [Citado en 20
de noviembre de 2017]
GARCÍA, Lucy, PERNETT, Angélica, CANO, John. Estudio exploratorio de
usabilidad para niños de Colombia. En: redalyc.org [en linea]. (07 de Enero de
2015 al 19 Junio 2017) disponible en:
http://www.redalyc.org/jatsRepo/853/85352029002/index.html [citado en 22 de
noviembre de 2017]
BENITEZ, Gerardo. Diseño y fases de la investigación. En: evirtual.Iasalle [en
linea] ISBN 978-84-691-0359-3 /DL: T.2183-2007, disponible en:
https://www.tdx.cat/bitstream/handle/10803/8929/9Disenoyfasesdelainvestigacion.
pdf?sequen [citado en 25 de noviembre de 2017]
BARRIOS, John. Interacción niño-computadora: la importancia de una buena
usabilidad web para el aprendizaje ideal en niños de edad pre-escolar. [en linea].
https://guayacan.uninorte.edu.co/divisiones/iese/lumen/ediciones/16/articulos/Inter
acci%C3%B3n%20ni%C3%B1o-
computadora%20la%20importancia%20una%20buena%20usabilidad%20web.pdf
[citado en 25 de noviembre de 2017]
Ley 1098 de 2006 Articulo 47 Código de la infancia y adolescencia, página 18-19. Organización de los Estados Americanos [en linea] https://www.oas.org/dil/esp/Codigo_de_la_Infancia_y_la_Adolescencia_Colombia.pdf [citado en 5 de enero de 2018] Ley 1273 de 2009 protección de la información y de los datos, violación de datos personales, capitulo l (Artículo 269F). Régimen legal de Bogotá D.C, secretaría Jurídica Distrital [en linea] http://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=34492 [citado en 5 de enero de 2018] Ley estatutaria 1581 de 2012 protección de datos personales, en niños, niñas y adolescentes, título lll (artículo 7). Régimen legal de Bogotá D.C, secretaría Jurídica Distrital [en linea] http://www.alcaldiabogota.gov.co/sisjur/normas/Norma1.jsp?i=49981 [citado en 5 de enero de 2018]
54
MOREIRA, Manuel. 12 sitios web educativos (imprescindibles) para los docentes.
[en linea] https://manarea.webs.ull.es/12-sitios-web-educativos-imprescindibles-
para-los-docentes/ [citado en 1 de diciembre de 2017]
PIZARRO, Natalia. consejos de usabilidad para sitios web enfocados en niños, [en
linea] https://www.ida.cl/blog/diseno/consejos-de-usabilidad-para-sitios-web-
enfocados-a-ninos/ [citado en 24 de noviembre de 2017]
Paraprofesypadres. 35 webs lúdico educativas para casa (y para clase), [en linea]
http://paraprofesypadres.blogspot.com.co/2013/06/35-webs-ludico-educativas-
para-casa-y.html [citado en 28 de noviembre de 2017]
Protocolo de investigación. En: Significados.com, [en linea]:
https://www.significados.com/protocolo-de-investigacion/ [citado en 2 de diciembre
de 2017]
FINELLI, Fernando. 10 reglas heurísticas de usabilidad de Jakob Nielsen, [en
linea] http://www.braintive.com/10-reglas-heuristicas-de-usabilidad-de-jakob-
nielsen/ [citado en 27 de noviembre de 2017]
Waldestrand, Fases del proceso de desarrollo del software. [en linea]
https://sistemasvd.wordpress.com/2008/07/05/fases-del-proceso-de-desarrollo-del-
software/ [citado en 25 de noviembre de 2017]
55