portal infantil para cÍrculo virtuoso · 2020. 7. 11. · siempre han querido lo mejor para mis...

55
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

Upload: others

Post on 25-Feb-2021

2 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 2: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 3: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

3

NOTA DE ACEPTACION

______________________________

______________________________

______________________________

______________________________

______________________________

______________________________

______________________________

______________________________

Presidente del jurado

______________________________

Jurado

______________________________

Jurado

Page 4: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 5: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 6: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 7: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

7

A todos, muchas gracias.

Page 8: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 9: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

9

4.4.5 FASE 5 ................................................................................................................................... 50

CONCLUSIONES ................................................................................................................................. 51

RECOMENDACIONES ......................................................................................................................... 52

BIBLIOGRAFÍA .................................................................................................................................... 53

Page 10: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

10

LISTAS DE TABLAS

Tabla 1: Portales infantiles educativos ............................................................................................. 17

Tabla 2: Clasificación de requerimientos .......................................................................................... 28

Page 11: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 12: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 13: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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?

Page 14: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 15: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 16: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 17: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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/

Page 18: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 19: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 20: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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/

Page 21: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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)

Page 22: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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)

Page 23: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 24: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 25: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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:

Page 26: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 27: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 28: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 29: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 30: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 31: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 32: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 33: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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

Page 34: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

34

Ilustración 9. Estructura programa cultura del cuidado

Ilustración 10. Estructura programa el carro de tu vida

Page 35: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

35

Ilustración 11. Estructura programa Robótica

Ilustración 12. Estructura programa semillitas de tu vida

Page 36: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

36

Ilustración 13. Estructura sección conócenos

Ilustración 14. Estructura galería de imágenes

Page 37: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

37

Ilustración 15. Estructura galería de videos

Ilustración 16. Estructura sección de juegos

Page 38: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 39: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 40: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 41: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

41

Ilustración 20. Programa cultura del cuidado

Programa Cultura del cuidado

Page 42: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 43: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 44: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 45: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 46: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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,

Page 47: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 48: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

48

Ilustración 24. Galería de imágenes

Galería de imágenes

Page 49: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 50: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 51: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 52: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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.

Page 53: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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]

Page 54: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

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]

Page 55: PORTAL INFANTIL PARA CÍRCULO VIRTUOSO · 2020. 7. 11. · siempre han querido lo mejor para mis hermanos y yo, cada uno de los miembros ... Circulo virtuoso inicia sus pilares en

55