Portal web para la gestión y administración de la casa hogar San Carlos

(1)

UNIVERSIDAD REGIONAL AUTONOMA DE LOS ANDES “UNIANDES”

FACULTAD DE SISTEMAS MERCANTILES

ESCUELA DE INGENIERIA DE SISTEMAS

PROYECTO DE INVESTIGACIÓN PREVIO A LA OBTENCION DEL TITULO DE INGENIERO EN SISTEMAS E INFORMATICA

TEMA:

PORTAL WEB PARA LA GESTIÓN Y ADMINISTRACIÓN DE LA CASA HOGAR SAN CARLOS

AUTOR:

CALDERÓN SANTANDER CRISTIAN ISRAEL

TUTOR:

ING. JOSE LUIS ERAZO

RIOBAMBA-ECUADOR

(2)

APROBACIÓN DEL ASESOR DEL TRABAJO DE TITULACIÓN

CERTIFICACIÓN

Quien suscribe, legalmente CERTIFICA QUE: El presente trabajo de Titulación

realizado por el señor Cristian Israel Calderón Santander, estudiante de la Carrera de

Ingeniería de Sistemas, Facultad de Sistemas Mercantiles, con el tema “PORTAL WEB

PARA LA GESTIÓN Y ADMINISTRACIÓN DE LA CASA HOGAR SAN CARLOS”, ha sido prolijamente revisado, y cumple con todos los requisitos establecidos

en la normativa pertinente de la universidad Regional Autónoma de los Andes-UNIANDES, por lo que apruebe su presentación.

(3)

DECLARACIÓN DE AUTENTICIDAD

Yo, Cristian Israel Calderón Santander, estudiante de la carrera de Ingeniería de Sistemas, Facultad de Sistemas Mercantiles, declaro que todos los resultados obtenidos en

el presente trabajo de investigación, previo a la obtención del título de INGENIERO EN

SISTEMAS, son absolutamente originales, auténticos y personales; a excepción de las citas, por lo que son de mi exclusiva responsabilidad.

(4)

DEDICATORIA

A mis padres por su sacrificio al educarme, criarme y amarme; por su amor incondicional.

A mis hermanos Darío, Paul y Orlando por su apoyo y ánimos brindados a lo largo del desarrollo de mi tesis.

A todos mis seres queridos y amigos que nunca me dieron por vencido y confiaron en mí; para ellos es éste logro.

(5)

AGRADECIMIENTO

A Dios por concederme la capacidad de perseverar.

Agradezco a mi familia por el apoyo y ánimos brindados durante la realización de mi tesis.

A mis amigos por sus palabras de aliento y consejos.

(6)

ÍNDICE GENERAL

CERTIFICACIÓN DE ASESORÍA

DECLARACIÓN DE AUTORIA DEL PROYECTO DEDICATORIA

AGRADECIMIENTO RESUMEN EJECUTIVO ABSTRACT

Introducción ... 1

Antecedentes de la investigación ... 1

Planteamiento del Problema ... 2

Formulación del problema ... 4

Delimitación del problema ... 4

Identificación de la línea de Investigación ... 4

Objetivo general ... 4

Objetivos específicos ... 4

Idea a defender ... 5

Justificación del tema ... 5

Metodología investigativa a emplear ... 5

Resumen de la estructura de la tesis ... 6

Elementos de aporte teórico y significación práctica ... 7

CAPÍTULO I ... 8

1. MARCO TEÓRICO ... 8

1.1.El ambiente web ... 8

(7)

1.1.2. Web 2.0 ... 10

1.1.3.Web 3.0 ... 11

1.1.4.Web 4.0 ... 12

1.1.5. Servicios web ... 13

1.1.6.Tecnologías cliente ... 14

1.1.7. Tecnologías Servidor ... 15

1.2.Sistemas web ... 16

1.2.1.Antecedentes y definición ... 16

1.2.2.Componentes de un sistema web ... 17

1.2.3.Características de los sitios web ... 19

1.2.4.Funcionalidades ... 19

1.2.4.1.Ventajas ... 20

1.2.4.2. Limitaciones ... 20

1.2.5.Arquitectura de un sistema web ... 21

1.2.6.Tecnologías para la creación de sitios web ... 22

1.3. Gestión de contenidos web ... 23

1.3.1. Funcionamiento de un gestor de contenido web ... 24

1.4. Tecnologías de la información y comunicación ... 25

1.4.1.Antecedentes y definición ... 25

1.4.2.Características ... 27

1.5.Conclusiones parciales del capítulo ... 28

CAPÍTULO II ... 29

2. MARCO METODOLÓGICO ... 29

2.1. Caracterización del Sector ... 29

2.2. Modalidad investigativa ... 31

2.2.1. Tipo de investigación ... 31

2.2.2. Población y muestra... 32

2.2.3. Métodos, técnicas e instrumentos ... 32

2.2.4. Presentación de resultados ... 34

2.2.4.1. Análisis e interpretaciónde resultado de la encuesta aplicado al personal administrativo de Casa Hogar San Carlos ... 34

(8)

2.3. Entrevista ... 46

2.4. Propuesta del investigador ... 47

2.5. Conclusiones teórico metodológicas de la investigación de campo ... 48

CAPÍTULO III ... 49

3. MARCO PROPOSITIVO ... 49

3.1. Proceso unificado ... 49

3.1.1. Descripción de las fases de desarrollo ... 49

3.2. Selección de las herramientas de trabajo ... 50

3.2.1. Editor de código ... 50

3.2.2. Editor de imágenes ... 50

3.2.3. Servidor local ... 51

3.2.4. Cliente ftp ... 51

3.2.5. Framework de trabajo ... 51

3.2.6. Selección de la plantilla de diseño ... 51

3.2.6.1. Plantilla 1 ... 52

3.2.6.2. Plantilla 2 ... 52

3.2.6.3. Plantilla 3 ... 52

3.2.6.4. Plantilla 4 ... 53

3.3. Requerimientos ... 53

3.3.1. Introducción ... 53

3.3.1.1. Finalidad ... 53

3.3.1.2. Alcance ... 53

3.3.1.3. Definiciones, siglas y abreviaciones ... 54

3.3.1.4. Referencias ... 55

3.3.1.5. Apreciación global ... 55

3.3.2. Descripción global ... 55

3.3.2.1. Perspectiva del producto ... 55

3.3.2.1.1. Interfaces del sistema ... 56

3.3.2.1.2. Interfaces de usuario ... 56

3.3.2.1.3. Interfaces hardware ... 57

3.3.2.1.4. Interfaces software ... 57

3.3.2.1.5. Interfaces de comunicación ... 57

(9)

3.3.2.1.7. Funcionamiento ... 58

3.3.2.1.8. Requisitos de adaptabilidad ... 58

3.3.2.2. Funciones del producto ... 58

3.3.2.3. Características de usuario ... 59

3.3.2.4. Restricciones ... 60

3.3.2.5. Suposiciones y dependencias ... 61

3.3.3. Requisitos específicos ... 61

3.3.3.1. Interfaces externas ... 61

3.3.3.1.1. Interfaces de usuario ... 61

3.3.3.1.2. Interfaces hardware ... 62

3.3.3.1.3. Interfaces software ... 62

3.3.3.1.4. Interfaz de comunicaciones ... 62

3.3.3.2. Requisitos funcionales ... 62

3.3.3.3. Requisitos de desarrollo ... 63

3.3.3.4. Restricciones de diseño ... 64

3.3.3.5. Atributos del sistema ... 64

3.3.3.6. Otros requisitos ... 65

3.4. Análisis ... 65

3.4.1. Modelo de negocio ... 65

3.4.1.1. Descripción del modelo de negocio ... 67

3.4.2. Modelo de casos de uso ... 67

3.4.2.1. Coordinador ... 68

3.4.2.2. Asistente administrativo ... 68

3.4.2.3. Trabajo social ... 69

3.4.2.4. Jurídico ... 69

3.4.2.5. Desarrollo social ... 69

3.4.3. Modelo de actividades ... 70

3.4.3.1. Modelo de actividades coordinación ... 70

3.4.3.1.1. Planificaciónde actividades del personal administrativo ... 70

3.4.3.1.2. Cronograma de actividades ... 70

3.4.3.1.3. Planificación de actividades de tutorías ... 71

3.4.3.1.4. Horario de tutorías ... 71

(10)

3.4.3.2.1. Artículos del menú de alimentación ... 72

3.4.3.2.2. Menú mensual ... 72

3.4.3.2.3. Registro de lavandería ... 73

3.4.3.2.4. Lista de alimentos ... 74

3.4.3.2.5. Lista de aprovisionamiento ... 74

3.4.3.2.6. Pedidomaterial para tutorías ... 75

3.4.3.3. Modelo de actividades trabajo social ... 75

3.4.3.3.1. Ficha de ingreso ... 75

3.4.3.3.2. Gestión de información personal del menor... 76

3.4.3.4. Modelo de actividades del área jurídico y desarrollo infantil ... 76

3.4.3.4.1. Área judicial ... 76

3.4.3.4.2. Desarrollo infantil ... 77

3.4.4. Modelo de dominio ... 78

3.5. Diseño ... 79

3.5.1. Diseño de la base de datos ... 79

3.5.2. Diseño de la arquitectura ... 81

3.5.3. Diseño e las interfaces de usuario ... 81

3.5.3.1. Página de inicio ... 81

3.5.3.2. Interfaz de inicio de sesión ... 82

3.5.3.3. Diseño de las interfaces de coordinación ... 83

3.5.3.3.1. Interfaz de inicio ... 83

3.5.3.3.2. Interfaz de visualización de información de menores ... 83

3.5.3.3.3. Interfaz de planificación de actividades personal administrativo ... 84

3.5.3.3.4. Interfaz cronogramade actividades ... 84

3.5.3.3.5. Interfaz cronograma de tutor ... 85

3.5.3.3.6. Interfaz planificación semanal tutorías ... 85

3.5.3.4. Interfaces asistencia administrativa ... 86

3.5.3.4.2. Interfaz pedido materiales de tutorías ... 86

3.5.3.4.3. Interfaz menú diario mensual ... 87

3.5.3.4.4. Interfaz registro lavandería ... 87

3.5.3.4.5. Interfaz artículos del menú alimenticio ... 88

(11)

3.5.3.5.2. Interfaz ficha de ingreso ... 89

3.5.3.5.3. Interfaz información del menor ... 89

3.5.3.6. Interface invitado ... 90

3.5.3.6.1. Interfaz desarrollo infantil ... 90

3.5.3.6.2. Interfazjurídico ... 90

3.6. Implementación ... 91

3.6.1. Esquema detallado de la arquitectura del producto de software ... 91

3.6.2. Estándar de base de datos ... 92

3.6.3. Estándar de definición de nombres de clases, funciones y variables ... 93

3.6.4. Definición de la conexión con la base de datos ... 93

3.6.5. Síntesis del módulo de autenticación ... 94

3.6.6. Detalle de la página de inicio del portal web ... 97

3.6.7. Consulta a la base de datos ... 107

3.6.8. Inserción de datos ... 108

3.7. Conclusiones parciales del capítulo ... 111

CONCLUSIONES ... 112

RECOMENDACIONES ... 113

(12)

ÍNDICE DE TABLAS

Tabla 1: Población ... 32

Tabla 2: Muestra ... 32

Tabla 3: Pregunta n°1 Encuesta a Casa Hogar San Carlos ... 34

Tabla 6: Pregunta n°4 Encuesta a casa Hogar San Carlos ... 37

Tabla 8: Pregunta n°6 Encuesta a Casa hogar San Carlos ... 39

Tabla 9: Pregunta n°7Encuesta a Casa Hogar San Carlos ... 40

Tabla 10: Pregunta n°1Encuesta a Dirección Distrital Riobamba ... 41

Tabla 11: Pregunta n°2 Encuesta a Dirección Distrital Riobamba ... 42

(13)

ÍNDICE DE GRÁFICOS

Gráfico 1: Evolución de la web ... 13

Gráfico 2: Croquis de Casa Hogar San Carlos ... 30

Gráfico 3: Esquema organizacional de Casa Hogar San Carlos ... 30

Gráfico 4: Tabulación de la pregunta n°1 del cuestionario A ... 34

Gráfico 9:Tabulación de la pregunta n°6 del cuestionario A ... 39

Gráfico 11: Tabulación de la pregunta n°1 del cuestionario B ... 41

Gráfico 16: Logo de Sublime Text ... 50

Gráfico 17: Logo de Gimp ... 50

Gráfico 18: Logo de WampServer ... 51

Gráfico 19: Logo de FileZilla ... 51

(14)

Gráfico 21:Plantilla n°1 ... 52

Gráfico 22: Plantilla n°2 ... 52

Grafico 25: Modelo de negocio ... 66

Gráfico 26: Caso de uso coordinador ... 68

Gráfico 27: Caso de uso asistente administrativo ... 68

Gráfico 28: Caso de uso trabajador social ... 69

Gráfico 29: Caso de uso jurídico ... 69

Gráfico 30: Caso de uso desarrollo social ... 69

Gráfico 31: Planificación de actividades personal administrativo ... 70

Gráfico 32: Cronograma de actividades ... 70

Gráfico 33: Planificación de actividades tutorías ... 71

Gráfico 34: Horario de tutorías ... 71

Gráfico 35: Artículos del menú alimenticio ... 72

Gráfico 36: Menú mensual ... 72

Gráfico 37: Registro de lavandería ... 73

Gráfico 38: Lista de alimentos ... 74

Gráfico 39: Lista de aprovisionamiento ... 74

Gráfico 40: Pedido materiales tutorías ... 75

Gráfico 41: Ficha de ingreso ... 75

(15)

Gráfico 43: Área judicial ... 76

Gráfico 44: Desarrollo infantil ... 77

Gráfico 45: Modelo de dominio ... 78

Gráfico 46: Base de datos ... 80

Gráfico 47: Arquitectura del sistema ... 81

Gráfico 48: Página de inicio ... 82

Gráfico 49: Ventana de login ... 82

Gráfico 50: Ventana de inicio de coordinación ... 83

Gráfico 51: Interfaz de información de menores ... 83

Gráfico 52: Interfaz planificación de actividades personal administrativo ... 84

Gráfico 53: Interfaz cronograma de actividades ... 84

Gráfico 54: Interfaz cronograma tutor ... 85

Gráfico 55: Interfaz planificación semanal tutorías ... 85

Gráfico 56: Interfaz de inicio asistencia administrativa ... 86

Gráfico 57: Interfaz pedido materiales tutorías ... 86

Gráfico 58: Interfaz menú mensual diario ... 87

Gráfico 59: Interfaz Registro de lavandería ... 87

Gráfico 60: Interfaz artículos menú alimenticio ... 88

Gráfico 61: Interfaz de inicio trabajosocial ... 88

Gráfico 62: Interfaz ficha de ingreso ... 89

Gráfico 63: Información del menor ... 89

(16)

Gráfico 65: Interfaz jurídico ... 90

(17)

RESUMEN EJECUTIVO

El presente trabajo de investigación tiene como finalidad dar solución al problema de fiabilidad de la información de Casa Hogar San Carlos en sus procesos de administración y gestión mediante la implementación de un portal web.

También se presenta los antecedentes de la institución a fin de tener una aproximación más cercana a su necesidad actual.

La metodología usada para la investigación, recolección y procesamiento de información define métodos y técnicas que garantizan la involucración del investigador en el entorno de trabajo de Casa Hogar San Carlos conociendo de primera mano su proceso administrativo relacionado con el desarrollo integral del menor que ingresa al centro de acogida, el mismo que ha sido definido mediante un modelo de negocio que posteriormente será presentado como el modelo de dominio del portal web. Esto significa que el producto de software esté alineado a los requerimientos de Casa Hogar San Carlos.

La metodología usada para el desarrollo del portal web es Proceso Unificado por que

provee un marco de trabajo generalizado y completo que se puede aplicar a cualquier proyecto de software ya que garantiza la ejecución de los procesos asociados para generar

(18)

ABSTRACT

The present investigation has the purpose to solve the reliability information problems of Casa Hogar San Carlos in its administration and management processes through the portal web implementation.

It also presents the institution presending in order to have a closer approximation to its current need.

The methodology used for research, collection and processing of information defines methods and techniques that guarantee the involvement of the investigation environment of Casa Hogar San Carlos knowing firs hand the administrative process related to the integral model that will later be presented as the domain model of the web portal. This means that the software product is aligned with the requirements of Casa Hogar San Carlos.

The methodology used for the development of the web portal is Unified Process because it provides a generalized and complete framework that can be applied to any software project since it guarantees the execution of the compliance in each of its stages for the analysis of

(19)

1 INTRODUCCION

Antecedentes de la investigación

Para la realización del presente documento se efectuó una búsqueda en la biblioteca virtual de algunas Universidades y Escuelas Politécnicas, en busca de trabajos de grado elaborados por los alumnos que guardasen un cierto grado de semejanza, objetivo y similitud al propuesto en el presente perfil de tesis; esto con el único fin de ubicar, localizar y registrar aquellas tesis de orientación similar.

Los presentes trabajos de grado que a continuación se realizaron en los años 2011-2014, y tenían como objetivo automatizar los procesos de gestión en cuanto a difusión de servicios y asistencia al usuario en cada proceso mencionado; como también, la difusión inteligente y asertiva de productos, noticias y servicios.

Edison Vladimir Quisiguiña Castillo realizo el trabajo de grado con el tema: “Desarrollo e

implementación del portal Web para la Fundación Libres para Cristo”, trabajo realizado en el año 2014 para la Escuela Superior Politécnica Nacional y su función es la de mostrar información acerca de la Fundación así como de dar a conocer los proyectos que ellos hacen a fin del bienestar de personas con adicción.

Carrera Barrionuevo Mario Fernando realizó un trabajo de grado con el tema: “Aplicación

Web para la administración de procesos médicos y administrativos de una asociación de consultorios dentales”, realizado en el año 2012 para la Universidad Técnica de Ambato y

su fin se centra en gestionar en la web citas médicas y dar a conocer el listado de los doctores disponibles para atender.

Arroba Flores Fredy Leonardo realizó un trabajo de grado con el tema: “Sistema Web para el control de procesos de la Unidad de Vinculación con la Colectividad de la Facultad de Ingeniería en Sistemas, Electrónica e Industrial” realizado el año 2012 para la Escuela

(20)

2

Las Tecnologías de la Información y Comunicación están estrechamente ligadas a las ciencias informáticas ya que representan un conglomerado de herramientas, procesos y técnicas que surgen emergentemente con la finalidad de procesar, publicar y difundir información relacionada con eventos o situaciones de problemática educativa, científica o gubernamental de forma global, en la mayoría de los casos hablar de las Tecnologías de la Información y Comunicación comúnmente llamadas (TICS) implica hacer uso de todos los medios y recursos tecnológicos emergentes, esto implica naturalmente recursos Software y Hardware para generar, procesar, publicar, compartir información y recursos de variados tipos.

Esto aporta una gran ventaja y beneficio en el hecho de que se amplían los horizontes del desarrollo tecnológico en el campo del análisis, desarrollo o establecimiento de nuevos procedimientos para aprovechar los avances en la informática esto con el fin de estar más y mejor comunicados por que ahora el uso de las tecnologías informáticas ya no implica el uso de un computador o un teléfono, sino que, significa tratar de agrupar todos estos para así aprovechar al máximo todas las ventajas y potencialidades que ofrecen, tanto así que su

destino ahora es multifacético, que quiere decir que se puede adoptar y/o aplicar a casi cualquier campo, especialidad, etc.

Las TICS juegan un papel fundamental en todos sus campos de aplicación que involucren el tratamiento de información y la utilización de recursos tecnológicos en las comunicaciones, varios son los servicios y herramientas que las TICS ofrecen para optimizar el trabajo convencional, las empresas y organizaciones hacen uso de los beneficios de las Tecnologías de Información y Comunicación.

Formulación del Problema

(21)

3

Casa Hogar San Carlos es una institución adscrita al Ministerio de Inclusión Económica y Social MIES y brinda sus servicios bajo dos modalidades de acogimiento para menores que han sido vulnerados sus derechos y de casa hogar para menores privados de su entorno familiar de convivencia. Ejecuta herramientas y programas de evaluación y seguimiento a favor del menor acogido ésta información es accesible por los funcionarios de la Dirección Distrital del Mies en Riobamba y el Personal de policía DINAPEN.

Casa Hogar San Carlos precisa garantizar la disponibilidad de dicha información a fin de agilizar los procesos relacionados a cada menor que ha sido ingresado. Tomando en cuenta la problemática de Casa Hogar San Carlos se pudo evidenciar que:

a) Casa Hogar San Carlos no cuenta con un departamento de sistemas encargado de

gestionar el recurso informático de la institución, ya que dependen del departamento de sistemas de la Dirección Distrital del Mies de Riobamba.

b) Desde su creación Casa Hogar San Carlos no tiene implementado ningún tipo de

software informático que brinde soporte en las tareas de cada área.

c) El manejo de la información generada en cada proceso administrativo se lo realiza de forma manual lo que significa que al momento se mantiene un archivo considerablemente grande de información documental; misma que les dificulta al personal administrativo acceder.

d) Al mantener la información en registros físicos de papel se corre el riesgo de pérdida de

documentación crítica lo que conlleva dificultades al momento de acceder al tipo de información requerida.

e) Lo usuarios externos e incluso el personal administrativo que desee acceder a la

información de los menores acogidos debe hacerlo personalmente.

f) La integridad y fiabilidad así como la disponibilidad de la información de Casa Hogar

(22)

4 Planteamiento del problema

¿Cómo garantizar la gestión y administración de la Casa Hogar San Carlos, con la implementación de un portal web?

Delimitación del problema

El trabajo de investigación se llevará a cabo en la Casa Hogar San Carlos institución ubicada en la ciudad de Riobamba, cantón Riobamba, provincia de Chimborazo; y que contará con la participación del personal administrativo de Casa Hogar San Carlos, los funcionarios de la Dirección Distrital del MIES de Riobamba y el personal de policía DINAPEN.

Objeto de Investigación y Campo de Acción

 Objeto de Estudio: Sistemas Web.

 Campo de Acción: Administración y Gestión de Portales Web.

El trabajo investigativo se llevará a cabo en Casa Hogar San Carlos, ubicada en la cuidad de Riobamba, la misma que presta sus servicios como un centro de acogimiento de menores que han sido vulnerados de sus derechos o privados de su medio familiar de convivencia.

Identificación de la línea de investigación

Tecnologías de la Información y Comunicaciones.

Objetivo general

(23)

5 Objetivos específicos

1. Fundamentar científicamente la importancia de las TIC‟s en el tratamiento de

información.

2. Diagnosticar las dificultades actuales de Casa Hogar San Carlos en el tratamiento de la

información de los procesos Administrativos y de Gestión. 3. Diseñar el portal web.

Hipótesis

Con la implementación de un portal web se automatizará los procesos administrativos y de gestión de la Casa Hogar San Carlos.

Justificación del tema

La evolución de la tecnología ha sido notable porque ha llevado sus beneficios a diferentes campos dentro del desarrollo de software, ahora disponemos de herramientas variadas y metodologías así como tecnologías para el desarrollo web que permiten crear paginas o sistemas web fiables, livianos y seguros que permitan promocionar programas o servicios o simplemente dar a conocer cierto tipo de información en concreto.

Por esa razón se busca analizar las metodologías de desarrollo de software a fin de elegir la más adecuada para solucionar el problema que existe en Casa Hogar San Carlos. Es común ahora que instituciones públicas y privadas cuenten con un portal web para comunicar sus servicios y programas o simplemente difundir información, Casa Hogar San Carlo no cuenta con un portal web que garantice la fiabilidad y disponibilidad de la información generada en sus procesos de administración y gestión.

(24)

6 Metodología investigativa a emplear

Se empleará la modalidad de investigación cuali-cuantitativa, porque es necesario trabajar con los procedimientos, actividades y características que posee Casa Hogar San Carlos, a fin de verificar los problemas que existen en Casa Hogar San Carlos por la falta de un portal web.

El método cualitativo ayudará a obtener datos descriptivos de los procesos y actividades que se realizan en Casa Hogar San Carlos.

El método cuantitativo permitirá analizar los datos mediante expresión matemática y presentar la información en números y gráficos a fin de presentar lo que se ha observado en Casa Hogar San Carlos.

El método sistemático se utilizará para seguir organizadamente los pasos descritos en el presenta esquema de investigación con objeto de formular adecuadamente la propuesta de solución al problema planteado.

Instrumentos de investigación

 Entrevista.

 Encuestas.

 Observación Directa.

Resumen de la estructura de la tesis

En la introducción se describe los lineamientos para el proyecto de investigación que se centra en la descripción de los antecedentes investigativos y de los objetivos que se deben lograr para solucionar el problema. Se describe también la metodología investigativa a aplicar en el proyecto.

(25)

7

En el segundo capítulo se presenta la parte metodológica de la investigación a fin de presentar la propuesta de solución al problema planteado, se hace también una caracterización de la institución con objeto de conocer el problema que ha sido seleccionado para la investigación.

En el tercer capítulo se procede a aplicar la metodología elegida en el proceso de desarrollo del portal web el cual describe los procesos aplicados en cada fase de ingeniería que dan como resultado la materialización de la propuesta de solución.

Elementos de novedad y aporte teórico y significación práctica

Como novedad científica se tiene que un sistema informático brinda un ambiente de interacción entre el trabajador y la institución, el sistema informático para la Casa Hogar San Carlos potenciara la eficacia del desempeño de los trabajadores del centro así como aportará la solución a los inconvenientes y requerimientos tecnológicos que presenta.

Aporte teórico y significación practica: El sistema web para la automatización de procesos

(26)

8 CAPITULO I

1. Marco teórico

1.1. El ambiente web

1.1.1. Antecedentes y Definición

La WWW, también conocida como Web, o la "gran telaraña mundial", es uno de los servicios más solicitados en Internet. Las tres letras que integran su nombre provienen de la frase World Wide Web está integrada por los millones de páginas en que podemos encontrar información de casi cualquier tema.(Romero, 2012)

La idea de la web surgio en 1989, en un artículo de investigación de Tim Berners-Lee, ingeniero y científico británico informático. En él, Berners-Lee esbozaba su concepto de un sistema universal de información interrelacionada que permitiría encontrar el espacio

para cualquier información o referencia que uno consideraba importante. Ese sistema operaria a través de la estructura establecida de Internet…pero las palabras claves en el plan de Berners-Lee eran universal e interrelacionada. Cualquiera tenía que ser capaz de crear fuentes de información en su propio sistema, y estas fuentes tenían que ser creadas de tal manera que a cualquiera le fuera posible encontrarlas, utilizarlas y moverse perfectamente entre ellas.(Tom, 2014)

Fue Berners-Lee quien unió el hipertexto e internet y quien planteo la WWW en 1990 como un prototipo (de página web-aclaración añadida), con el primer navegador y el primer servidor. Tres años más tarde en 1993 se anunció la gratuidad de este servicio.(Andreu, 2011)

(27)

9

La web representa el servicio usado para compartir información, lo que significa que si Internet es la red que permite la conexión de redes de diferente tipo por su parte la WWW es el medio con el cual se organizan los documentos (páginas electrónicas) que circulan a través de esta red, cabe mencionar que estos documentos son accesibles únicamente por internet.

Tim Berners-Lee en conjunto con Robert Cailliau propusieron a finales del año 1990 un sistema de comunicación que hiciera uso del Hipertexto (como la forma en la que se presenta la información) y el Internet para diseñar un sistema que permitiera la correcta de los documentos de hipertexto y que a su vez estos estén libres para el acceso a cualquier persona y organización; y que mediante un buscador web permitiera que estos documentos fuesen visualizados, los mismo que estarían alojados en un servidor web, prácticamente un servidor web puede considerase según la idea de la web como el contenedor de las páginas web así que mediante esta nueva estructura de mostrar la información distribuida a través de Internet se daría un nuevo paso en cuanto a la distribución de información y de contenido en general que a su vez sea de fácil acceso por cualquier persona

Se puede definir a la web como un sistema que permite visualizar la información compartida en internet. Es por eso que se ha puesto demasiado interés en desarrollar sobre esta tecnología, que ahora ha pasado de representar documentos de hipertexto estáticos a mostrar varios tipos de contenido como audio, video, imagen, y su aplicación se extiende de a programas, servicios y un sinfín de prestaciones. Ahora la web también ha evolucionado y brinda nuevos y novedosos servicios accesibles por medio de internet con la interpretación de páginas web dinámicas y de contenido variado, que ahora permiten al usuario interactuar con su sistema.

(28)

10

espera de la web 4.0 sin duda es algo que hasta ahora no se logra concebir bien pero de darse esto sería altamente beneficioso.

1.1.2. Web 2.0

El término Web 2.0fue acuñado por el americano Dale Dougherty de la editorial O'Reilly

Media durante el desarrollo de una conferencia en el año 2004. El término surgió para referirse a nuevos sitios web que se diferenciaban de los sitios web más tradicionales englobados bajo la denominación Web 1.0. La característica diferencial es la participación colaborativa de los usuarios. Un ejemplo de sitio web 1.0 sería la Enciclopedia Británica donde los usuarios pueden consultar en línea los contenidos elaborados por un equipo de expertos. Como alternativa web 2.0 se encuentra la Wikipedia en la cual los usuarios que lo deseen pueden participar en la construcción de sus artículos. Poco tiempo después, en el año 2005, Tim O'Reilly definió y ejemplificó el concepto de Web 2.0 utilizando el mapa conceptual elaborado por MarkusAngermeier.

La Web 2.0 o Web social es una “denominación de origen” que se refiere a una segunda generación en la historia de los sitios web. Su denominador común es que están basados en el modelo de una comunidad de usuarios. Abarca una amplia variedad de redes sociales, blogs, wikis y servicios multimedia interconectados cuyo propósito es el intercambio ágil de información entre los usuarios y la colaboración en la producción de contenidos. Todos estos sitios utilizan la inteligencia colectiva para proporcionar servicios interactivos en la red donde el usuario tiene control para publicar sus datos y compartirlos con los demás. (Fernando, 2012).

La web 2.0 representa una web más colaborativa que permite a sus usuarios acceder y participar en la creación de conocimiento, mediante herramientas que permiten generar y compartir contenido propio en la web; por eso se le conoce como la web social o web del usuario. (Celaya, 2011).

(29)

11

La información que se presenta en los sitios web 2.0 es desplegada de forma dinámica por una base de datos que es el sitio de donde se consulta la información que se necesita, su contenido se puede gestionar sin necesidad de editar los diferentes archivos HTML que componen la aplicación, esta es la principal razón por la que se les conoce como aplicaciones web dinámicas.

Lo que sobresale en la web 2.0 es que no se limita únicamente a mostrar el contenido y que el usuario acceda a él, antes bien, esta versión está destinada al usuario y trata de que el usuario tome parte en el contenido que se muestra en páginas web ha pasado a que también sea gestor en la creación y difusión de información de información.

A la par de nuevas herramientas y servicios también, se han definido nuevos estándares, tecnologías y lenguajes de programación que permiten la creación de estos sitios web con buena calidad comunicativa, y además con la posibilidad de ampliar el servicio de soporte y ejecutar más tareas. Algunos lenguajes de programación que sirven para crear sitios web dinámicos son JavaScript, JSP, JSF, PHP, entre otros que logran darle al producto final un

nivel más elevado de operatividad.

Ante todo esto Tim O‟Reilly dice: “Una verdadera aplicación web 2.0 es una mejora,

mientras más personas la usan. El corazón verdadero de web 2.0 es la capacidad de aprovechar (harnessing) la inteligencia colectiva”.

1.1.3. Web 3.0

La web 3.0 o semántica constituye una conformación de comunidades de aprendizaje orientadas a construir conocimiento compartido, es una web en la que la interacción es entre aplicaciones. (Sánchez, 2013).

La web 3.0 es el conjunto de tecnologías que harán posible la creación y transformación de la web actual en una web semántica. (Ramos M Alicia, 2014).

(30)

12

web en la que se hace estudios científicos que en lo posterior determinan el ritmo de su evolución, no está consolidada pero si se pueden contar con algunos aspectos en cuanto a diseño y presentación.

La web 3.0 se basa en el hecho de que se cree una forma de interpretar los metadatos de forma que los sitios web no solo se limiten a desplegar, sino que también puedan de alguna forma comprender lo que se necesita en ese momento, añadirle un nivel más de funcionalidad en cuanto a diseño y estructura; con contenido más fluido en el que el usuario se sienta como si no estuviese ante un sitio web.

El hecho de que no se utilicen únicamente buscadores para ver la información en internet, si no agregar esta tarea a aplicaciones comunes incluyendo conceptos de diseño 3d en los que se mejora significativamente la experiencia de uso, se tiende más a mejorar la calidad de presentación incluyendo contenidos interactivos más potentes acompañados con efectos visuales e imágenes de mejor calidad y adaptables a los diferentes tamaños de pantallas.

1.1.4. Web 4.0

El concepto de web 4.0, puede ser entendido como el resultado de la suma formada por web 3d + web 3.0 (web semántica) + inteligencia artificial + voz como vehículo de intercomunicación, se trata de que tanto el usuario y las aplicaciones intervengan en la toma de decisiones. (Ramos M Alicia, 2014).

Mucho se habla sobre esta web, algunos creen que esta representara un sistema operativo web y este término nace de la definición de que exista una denominada autonomía de la web osea, que dentro de la web exista un programa que gestione todos sus recursos, servicios, etc. Aunque ciertamente es un proyecto ambicioso sin duda es algo complejo de lograr y que a decir verdad no sería una solución factible y necesaria.

(31)

13

Quizás no se pueda hablar mucho de esta nueva versión de web, aunque si se hace un recuento vemos que desde la web 2.0 el concepto de World Wide Web (web o web 1.0) prácticamente ha desaparecido, no significa que se trate de otra tecnología diferente a la propuesta por Berners-Lee, más bien por lo contrario significa una etapa más de evolución que dado las funcionalidades y objetivos esta terminología ha ido modificándose hasta que ahora solo se habla de web en su forma más simplificada, a futuro se plantea a la inteligencia artificial a la consolidación de la web semántica en el tratamiento, acceso y distribución de información en internet, posiblemente algunas de las tecnologías y estándares actuales no sean soportados o no basten para esta nueva versión; pero todavía falta mucho camino por recorrer ya que aún la web 3.0 no está lista o más bien consolidada; posiblemente los lenguajes que ahora se usan para crear los sitios web ya no sirvan del todo o solo para ciertos casos y más aún el hecho de imaginarse el que los sistemas web den otro paso y suban de nivel pero es muy difícil imaginar eso, porque según se ve en lo futuro se requerirá menos acción por parte del usuario a necesidad de unas pocas instrucciones, la idea es llevar la inteligencia artificial al ambiente web ya que sin duda su futuro es prometedor.

Grafico nº 1. Evolución de la Web Fuente: Radar Networks & Nova Spiback, 2007

1.1.5. Servicios web

(32)

14

ofrecen sus servicios como procedimientos remotos y los usuarios solicitan un servicio llamando a estos procedimientos a través de la Web.(w3c.es).

Un servicio web representa un recurso de información o un proceso de negocio, al que puede acceder otra aplicación a través de la web, están diseñados para permitir la comunicación de una aplicación con otra, sin intervención humana. Los servicios web son independientes de la plataforma y del lenguaje, es decir, se pueden desarrollar en cualquier lenguaje y se pueden implementar en cualquier plataforma. (Ramos M Alicia, 2014).

Con la aparición de internet han sido varios los servicios que se han liberado a favor y por las TICS; los servicios web se refieren al conjunto de herramientas que permiten acceder a los recursos disponibles en internet; a continuación se hace una pequeña lista de los servicios presentes en la web, desde la web inicial recorriendo el camino de evolución hasta lo que se espera

Servicios de Organización y Administración de información: almacenamiento en la nube, icloud, bases de datos dedicadas.

Servicios de Comunicación: Redes sociales, wikis, blogs, foros, voz ip y video ip.

Servicios de acceso multimedia: Distribución de audio (podcast), video.

Servicios educacionales y recreativos: Juegos en línea, Juegos en red, herramientas de edición multimedia, realidad virtual, etc.

1.1.6. Tecnologías Cliente

(33)

15

Las tecnologías frontend se usan para maquetar y presentar la información al usuario. (Azaustre, 2014).

Las tecnologías del lado del cliente no son otra cosa que los lenguajes de programación usados para diseñar y desarrollar los sitios web, algunos son: html, xml, xhtml, javascript, java (jsp y jsf), css. Generalmente el resultado de los que se programe o genere puede ser visualizado en los navegadores web (permiten visualizar el contenido de un sitio web) no confundir con buscadores web quiere decir entonces que hay navegadores que soportan están tecnologías pero otros que son compatibles con algunas características únicamente; por esta razón existen varios navegadores web como: Netscape, firefox, internet explorer, opera, Chrome, safari.

El desarrollo web frontend implica tres fases o procesos: la maquetación del contenido, diseño e interactividad. Lo que significa que primero se define la estructura del documento, la presentación o lo que es lo mismo la organización de los contenidos; luego se pasa a darle el diseño que es el aspecto que va a tener; pero para poder hacer de eso funcional y al

final haga o realice algo es importante agregarle interactividad. De partida hay tres tecnologías que permiten cumplir con este proceso: HTML, CSS y JavaScript.

1.1.7. Tecnologías Servidor

Esta es tu área de administración, y por eso a veces la llamaremos directamente „administración‟ o „zona de administración‟, puedes otorgar a los usuarios registrados

permisos necesarios para trabajar en tu backend. (Borja, 2014).

(34)

16

Hace referencia a lo que es invisible al usuario, osea al lado del servidor llamado también backend (cliente=frontend), esta sección es visible solo para el administrador del sitio y para el que lo desarrolla, esto se hace por que las tecnologías del lado del cliente permite que los usuarios vean toda la información desplegada como resultado de una operación en concreto, pero el problema sucede cuando existe una conexión a una base de datos, que se precisa este escondida y los parámetros no sean visibles por el browser. De lo contrario serian innumerables los ataques que sufrirían los sitios web y los servidores.

Así como las tecnologías de programación cliente trabajan sobre los navegadores web; las tecnologías de programación servidor trabajan directamente sobre los servidores, ya sean web, de base de datos, de correo, proxy, ftp, etc. El servidor web más conocido es Apache aunque también existe el Apache-tomcat; también hay otros servidores como: Internet InformationService IIS, Glassfish, etc. Y por otro lado algunas de las tecnologías de programación son: php, asp.net, jsp, django, rubyonrails, node.js, etc.

1.2. Sistemas web

HTML es el lenguaje que permite describir la ubicación de diferentes elementos en una página, además de sus propiedades (tamaño, color, etc.). Estas páginas reciben el calificativo de estáticas porque, una vez publicadas, su contenido permanece inalterable. Hasta que decidamos modificarlas, claro está, pero en este caso se trataría de otra página.(Gutierrez, 2009).

Un sitio web es una web, en la que el total de la información que se presenta al usuario reside en una base de datos. (Aubry, 2012).

(35)

17

Un sistema web se presenta como algo más que una herramienta de oficina hecha aplicación, ya que provee de un conjunto de medios más completos para dar solución a una necesidad o problema; todo nace de la idea de la automatización que es el objetivo de hacer más ligeras las tareas, trabajos y operación que comúnmente se lo realiza de contar con algo más que asistencia por computador.

En informática un sistema web gestiona y administra la información contenida en una base de datos, y es aquí donde nace el concepto de páginas web dinámicas a diferencia de una aplicación web, un sistema representa una solución más completa en el que se tiene acceso a una gran variedad de contenido, además de que mantienen una conexión con una base de datos; esto representa una solución más robusta ya que el corazón de las operaciones que realiza el sistema se encuentra en la información contenida en el servidor de bases de datos.

Entonces un sistema web presenta de forma adecuada la información de una base de datos y permite su fácil modificación, es la puerta que presenta al usuario el acceso a múltiples

recursos multimedia accesible a través del mismo sistema; es por ello que también se usa el termino Portal Web.

1.2.2. Componentes de un sistema web

Las aplicaciones web que veremos se componen de varias partes: Un Servidor de Bases de

Datos, Base de Datos, Un servidor Web, PHP, Clientes.(Gutierrez, 2009)

Una aplicación web, actual, está compuesta habitualmente de tres partes principales: La parte pública o cliente, también conocida como Frontend. La parte del Servidor, conocida

como Backend. El Almacenamiento de Datos, o Base de Datos.(Azaustre, 2014).

(36)

18

Los elementos de un sistema web se comportan de forma diferente, pero la relación que guarden entre si debe ser tal que el sistema web cumpla con las expectativas esperadas; y ya que reside en un servidor web, mantiene una conexión con la base de datos y permite gestionar su contenido, se concluye que estos elementos son en sí su constitución. Para que se considere a un sistema web como tal debe poseer estos atributos

Básicamente la estructura de un sistema web comprende los componentes que se necesitan para su creación y funcionamiento; es decir la sección que ve el usuario, la del administrador o desarrollador y la sección correspondiente al almacenamiento de la información.

 Servidor Web: Es en donde está alojado el sistema web, a este servicio se le conoce también como hosting. Todas las aplicaciones web residen en estos servidores. Así que si pensamos que el sistema también es un componente, seria redundar en este concepto.

 Servidor de Base de Datos: Su nombre lo describe, es el servidor en donde se encuentra la Base de Datos del sistema, aquella que contiene toda la información que el usuario puede usar.

 Frontend: Se conoce como la parte visual, aquello que usuario puede ver, diseño, presentación de contenidos, etc. Constituye la sección del sistema que interactúa con el usuario.

 Backend: Es la parte que no es visible para el usuario, la que mantiene su acceso restringido únicamente para el administrador o desarrollador del sitio; aquí se contempla parte de la programación como el enlace a la base de datos; la tareas que se ejecutan directamente entre el sistema y el servidor.

(37)

19 1.2.3. Características de los sistemas web

Partiendo del hecho de que los Sistemas Web, están alojados en los Servidores y no son aplicaciones que estén instaladas en un PC Computador personal; podemos decir que esa es una característica potencialmente ventajosa, porque significa que solo se dispone de un navegador web para su uso. Las características tienen algo en común con las ventajas pero no son lo mismo.

A continuación se mencionan algunas características básicas de los sitios web:

 Acceso Universal (Cualquier usuario de Internet).

 Independiente de la Plataforma (Operan bajo cualquier Sistema Operativo).

 Diseño Adaptable.

 Residen en Servidores Web.

 Confiabilidad en la presentación de la Información.

 Son creados con Lenguajes de Programación dedicados para ese fin.

 El cliente es el Navegador Web browser.

 Constan de un Frontend y un Backend.

 Mantienen una conexión constante con una Base de Datos.

Se pueden seguir listando algunas características más, pero en principio podría decirse que estas son las más distintivas; es menester indicar que para poder establecer estas características únicamente hay que repasar su concepto porque, ahí es donde se indica su

significado, que comprender, cuál es su estructura por eso, se menciona que una característica es algo distintivo, que lo representa sobre algo más, mas no es necesariamente una ventaja.

1.2.4. Funcionalidades

(38)

20

 Ofrecen buena interactividad con el usuario.

 Presentan una interfaz dinámica y de fácil manejo.

 Asistencia a usuarios.

 Control y automatización de procesos.

 Gestión ágil de información.

 Alertan si un navegador soporta sus características y si es compatible.

1.2.4.1. Ventajas

Hay que conocer también las ventajas que tienen los sistemas web, así mismo sus limitaciones, para saber sobre qué aspectos es recomendable implantar un sistemas web.

 Autenticación de usuarios.

 Integración de sistemas de pago (en sitios e-commerce).

 Confiabilidad.

 Requieren menos de actualizaciones, aun así son de una instalación casi inmediata.

 Separación de contenido y presentación.

 Representa una solución ágil y sólida.

 Optimiza recursos de personal y económicos.

 La información de la Base de Datos se mantiene actualizada.

 Integra óptimamente contenido multimedia.

 Algunas herramientas para su desarrollo son open-source.

1.2.4.2. Limitaciones

Las limitaciones tienen que ver con el ámbito de implementación y un correcto manejo de recursos que garanticen su buen funcionamiento.

 Requiere de una conexión a Internet eficiente.

 Confusión por parte del usuario si no está bien estructurado o no existe

documentación.

 El no definir el objetivo principal por el que se crea un sitio web conlleva al

(39)

21

 Si no se implementa un buen mecanismo de gestión de memoria el rendimiento del

sitio web puede verse afectado.

 Si el diseño no es atractivo o si es pesado el usuario se aburre y nadie querría acceder a él.

1.2.5. Arquitectura de un sistema web

La arquitectura de una webapp describe una infraestructura que permite que un sistema o aplicación basados en web alcance sus objetivos empresariales. Los autores sugieren una arquitectura del diseño en tres capas que desacopla la interfaz de la navegación y del comportamiento de la aplicación. Plantean que mantener separadas la interfaz, la aplicación y la navegación, simplifica la implementación y mejora la reutilización (Pressman, 2010).

La arquitectura más común, o mejor dicho la arquitectura base para construir las Webapp es cliente/servidor, esta arquitectura se basa en el principio de petición y respuesta también denominada arquitectura de tres capas. Su funcionamiento consiste en que el cliente solicita un servicio o ejecuta alguna acción, luego esta se transforma en una petición que llega al servidor web que es donde está alojada la Webapp, este a su vez envía la consulta al servidor de bases de datos, después de ello la base de datos responde con el dato solicitado y por último la información es presentada en una página web que es visualizada por el navegador.

Pero lo que sucede en la arquitectura n-capas o multicapa es algo diferentes, constituye una

separación total del contenido, presentación y de la lógica de datos para que cada uno se convierta en un nivel de operación llamado nodo independiente; esto con el fin maximizar

el ambiente del flujo de datos y darle más independencia al Webapp..

(40)

22

usuario ve, y del modelo que es la lógica de datos lo que garantiza una mejor experiencia en la creación no solo de sistemas web si no, también de las aplicaciones web en general.

1.2.6. Tecnologías para la creación de sitios web

JavaScript era el lenguaje que se utilizaba en la web para añadir efectos y animaciones a las páginas, pero ha evolucionado mucho hasta el punto de ser llevado al servidor con Node.js; del lado del frontend también ha evolucionado e incluso se han desarrollado frameworks que facilitan la programación como Angular.js y también ha sido llevado a las bases de datos en MongoDB. Uniendo estas tecnologías en todas las partes que componen una aplicación web, se consigue emplear el stack llamado MEAN. (Azaustre, Desarrollo Web ágil con AngularJS, 2014).

El modelo MVC es una parte esencial de la nueva tecnología para la creación de sitios web, significa que existen lenguajes de programación tanto para frontend y backend que cumplen con este modelo. Todo esto tiende a hacer más sencilla la programación. Sin duda

mejorará la implementación y mantenimiento de un sitio web.

Las dos tecnologías presentes son LAMP (Linux_Apache_Mysql_Php) y MEAN (Mongodb_Express_Angular_Nodejs). Por un lado LAMP es bastante conocida por que ha sido la que se ha utilizado por varios años para crear sitios web dinámicos y por el otro esta MEAN que es un stack que lleva el paradigma de la programación dirigida por eventos al campo web únicamente, los componentes de MEAN cumplen exactamente con el patrón MVC, no significa tampoco que LAMP sea inservible porque también se pueden encontrar sitios web potentes creados con esta tecnología. MEAN esta recién asentándose y pasarán algunos años antes de que logre posicionarse por completo sobre LAMP.

(41)

23 1.3. Gestión de contenidos web

Los gestores de contenido proporcionan un entorno que posibilita la actualización, mantenimiento y ampliación de contenidos en la web, de forma sencilla. Permite crear y mantener un sitio web de forma sencilla y fiable, con una rápida actualización y modificación de contenidos y que sean capaces de añadir múltiples funcionalidades sin necesidad de programar una sola línea de código. (Ramos M Alicia, 2014).

La aplicación de gestión de contenidos mantendrá la estructura del sitio transparente al usuario y administrador al despreocuparse del mantenimiento de la información del sitio. (Eíto-Brun, 2014).

Los CMS, son aplicaciones web para gestionar sitios web. La creación y gestión del sitio web se realiza en una aplicación desde el navegador. (Aubry, Cree su primer sitio Web: del diseño a la realización, 2012).

Los procesos de administración y gestión de sitios web tienen que ver con la tarea de administrar y mantener los contenidos que el sitio web despliega; es la tarea de administrar el sitio; asique a este proceso también se le llama gestión de contenidos.

Los gestores de contenidos nacen de la necesidad de agregar más información al sitio web, contenido en diferentes formatos, o sea de agregar más información y que este continuamente actualizada, esto no solo posibilita al usuario acceder a recursos multimedia, si no que da la posibilidad de gestionar fácilmente varias bases de datos relacionadas con un mismo sitio también de que se pueden agregar nuevos contenidos y de esa forma mantener el sitio actualizado; una de las mayores ventajas es que aporta una transparencia en cuanto a la separación del diseño y el contenido; aunque también se puede editar el código fuente de algunas plantillas de diseño predeterminadas para ajustarlas a las necesidades del sitio.

(42)

24

gráfica a través de una interfaz, por tanto se optimiza la administración del sitio. Por lo tanto se puede administrar el contenido y modificar el diseño por separado, incluso todo esto pasa mientras el usuario sigue navegando en el sitio.

En un CMS (Content Management System) Sistema gestor de contenido la administración del contenido del sitio web es por medio de una interfaz gráfica y cuenta con un motor de plantillas en las que se muestra la información cargada de la base de datos dependiendo de lo que se desee mostrar al usuario. Esto permite que los usuarios no expertos en programación sean capaces de crear y mantener sus propios sitios web.

Su funcionamiento es el siguiente:

 El usuario accede al sitio y selecciona cualquier opción.

 La petición es recibida por el servidor web y la traslada al cms.

 El cms consulta con la base de datos y obtiene la información que se debe mostrar.

 El contenido cargado de la base de datos se presenta en una plantilla la cual es

generada dinámicamente.

 El cms muestra la plantilla al usuario.

Hay varios CMS pero los más reconocidos son: Joomla, WordPress, Drupal.

1.3.1. Funcionamiento de un gestor de contenido web

Una base de datos tiene la capacidad de mantener la información organizada y disponible de una página web para que sea accesible de la forma que se requiera, ahora un sistema de gestión de contenidos permite administrar la información de ésa página de manera que se pueda mostrar mediante módulos con la facilidad de elegir el contenido que se quiere

mostrar.

(43)

25

base de datos el sitio queda configurado y listo para empezar su administración; por otra parte hay portales web que integran su propio gestor de contenidos, esto varía conforme a os requerimientos del portal web.

El control de lo que se desea publicar es más eficiente ya que no se requiere editar los archivos que contienen el código fuente del sitio web por lo que no es imprescindible tener conocimientos sólidos ni experiencia en desarrollo web su usabilidad es totalmente gráfica, se puede personalizar el contenido del sitio web sin afectar la experiencia de navegación del usuario.

Los portales web que integran su propio sistema de gestión de contenidos se dice que poseen un sistema gestor de contenidos de tipo propietario. Para poder utilizar un sistema de gestión de contenido no propietario en una maquina local debemos instalar un servidor web en nuestro equipo.

1.4. Tecnologías de la información y comunicación (tics)

La evolución del mundo durante los últimos 100 años se debe en gran medida al desarrollo tan rápido de la tecnología. Han surgido muchos aparatos y dispositivos tecnológicos que mejoran y facilitan la vida del ser humano. Estas tecnologías reciben el nombre de tecnologías de la información y la comunicación (TIC). Ejemplos de dicha tecnología son la televisión, la radio, la prensa y, de manera más reciente, Internet. (Romero, 2012).

(44)

26

Las Tecnologías de la Información y Comunicación (TIC) están presentes en todos los niveles de nuestra sociedad actual, desde las más grandes corporaciones multinacionales, a las pymes, gobiernos, administraciones, universidades, centros educativos, organizaciones socioeconómicas y asociaciones, profesionales y particulares.(Alonso, 2010).

Por una parte tenemos el concepto de tecnología, definida como la ciencia que estudio los medios técnicos y los procesos empleados en las diferentes ramas de la industria y de los negocios.(Alonso, 2010).

Por otra parte, la tecnología de la información, es también llamada informática, es la ciencia que estudia las técnicas y procesos automatizados que actúan sobre los datos y la información. Además, las tecnologías de la comunicación o, exactamente, las tecnologías de la comunicación, estudian las técnicas y procesos que permiten el envío y recepción de información a distancia.(Alonso, 2010).

Las tecnologías de la información y la comunicación (TIC) son un conjunto de técnicas,

desarrollos y dispositivos avanzados, que integran funcionalidades de almacenamiento,

procesamiento y transmisión de datos. (Romero, 2012).

Las TICS están presentes en todos los niveles de nuestra sociedad actual, desde las más grandes corporaciones multinacionales, as las pymes, gobiernos, administraciones, universidades, centros educativos, organizaciones socioeconómicas, asociaciones, profesionales y particulares. (Alonso, 2010).

Entendidas como el conjunto de infraestructuras, productos y servicios que facilitan los flujos de información y comunicación, y que darían lugar a la denominada sociedad de la información. (Telefónica, Fundación, 2014).

(45)

27

de comunicación, pero sin duda alguna quizás la ventaja más relevante es que se puedan idear, ya no solo usar si no desarrollar nuevas formas de dar a conocer ideas, servicios incluso el compartir conocimiento e información. A todo este conjunto de herramientas y beneficios se le conoce como TICS.

Entonces se define como TICS a la aplicación científica de técnicas y herramientas que faciliten el almacenamiento, procesamiento y transmisión de la información, apoyado en la ciencia de la informática. Como ejemplo podemos mencionar desde el telégrafo hasta el Internet una larga lista de medios de difusión cada vez más eficaces.

1.4.2. Características

Las TICS han pasado a ser un punto clave en la evolución de la tecnología y el desarrollo de la humanidad, porque proveen de herramientas y servicios eficaces y son aplicables a muchos entornos pero para poder aprovecharlos bien, sería bueno mencionar algunas características importantes:

 Además de ser una nueva manera de hacer comunicación, provee de las

herramientas necesarias para hacer desarrollar nuevas formas de procesar y difundir información.

 Son una alternativa dinámica para las empresas que deseen globalizarse.

 Es accesible y apropiada para cualquier arte o ciencia.

 Abarata costes de estudio, implementación y mantenimiento.

 Es de alcance global.

 Se aprovecha de mejor manera la Internet y la Informática para el procesamiento de

información.

 Permite una mejor distribución de los recursos tecnológicos y de comunicación.

(46)

28

Las tecnologías de la información y la comunicación forman parte de la cultura tecnológica que nos rodea y con la cual debemos convivir de forma cotidiana. El concepto de TIC no solamente comprende la informática y sus tecnologías asociadas, como la multimedia, también está presente en los medios de comunicación, que facilitan el intercambio de datos. (Romero, 2012).

Esto garantiza nuestro correcto progreso en cuanto al conocimiento tecnológico. Estas son independientes en su mayoría del sistema operativo o de la plataforma de comunicación lo que facilita no solo el aprendizaje si no, el uso y la interactividad.

1.5.Conclusiones parciales del capítulo

Sin duda vivimos en una era en la que predomina la tecnología, la podemos ver aplicada en cualquier ámbito; uno de esos campos es la informática y más particularmente internet. Recordemos que internet se creó con el fin de poder compartir información entre diferentes entidades y organizaciones mediante el sistema de hipertexto que era el formato en que se

publicaba dicha información, fue Tim Berners Lee el que en base a internet e hipertexto presento lo que el llamo la worldwide web.

La web representa la forma en que la información que se comparte por medio de internet está organizada siendo así que Berners Lee, presentó también la primera página web, el primer navegador web y el primer servidor web; con esto se logró que el acceso a la información sea universal y gratuito.

(47)

29 CAPITULO II

2. Marco Metodológico

2.1.Caracterización del Sector

Antecedentes

La Casa Hogar San Carlos es una institución adscrita al MIES (Ministerio de Inclusión Económica y Social) brinda un refugio temporal a aquellos sectores vulnerables de la sociedad, específicamente a los niños/as y adolescentes quienes por varias razones se ven imposibilitados de convivir con sus familiares y sus derechos se ven vulnerados; así pues la Casa Hogar San Carlos se provee de ciertos medios para garantizar la integridad de los niños/as y adolescentes de la sociedad.

Todos los procesos administrativos y de gestión que se llevan a cabo en la Casa Hogar San Carlos se ha venido realizando de forma manual y como todo se realiza a mano desde una

búsqueda de información hasta desplegar documentos es importante que se de soporte tecnológico a esta necesidad a fin de hacer eficaz el desempeño de sus autoridades y demás

autores que laboran en el centro.

Su función es la de garantizar y promover la protección de los derechos de los niños, niñas y adolescentes de la sociedad y como tal lleva un registro de la información de cada menor de edad que está ingresado así como de sus procesos internos de gestión y externos en el caso coordinar actividades y servicios con otras instituciones.

(48)

30 Ubicación

Av. Canonigo Ramos y TeofiloZaens. (Riobamba-Ecuador).

Gráfico 2. Ubicación de Casa Hogar San Carlos

Fuente: Elaboración propia

Esquema Organizacional

Gráfico 3. Esquema organizacional de Casa Hogar San Carlos

Misión

Brindar atención integral de acogimiento temporal a niños, niñas y adolescentes privados de su medio familiar o en riesgo de vulneración de sus derechos con el fin de garantizar la restitución de sus derechos o su reinserción familiar.

Visión

Proveer al menor un amiente adecuado que satisfaga sus necesidades de protección que asegure su desarrollo integral mientras se resuelve la situación que motivó su acogimiento institucional..

Coordinador

Trabajadora

Social Psicologo Tutores Asistente

(49)

31 2.2. Modalidad Investigativa

Se aplicó la modalidad de investigación cuali-cuantitativa, porque es necesario trabajar con los procedimientos, actividades y características que posee Casa Hogar San Carlos, a fin de verificar los problemas que existen en Casa Hogar San Carlos por la falta de un portal web.

El método cualitativo ayudará a obtener datos descriptivos de los procesos y actividades que se realizan en Casa Hogar San Carlos.

El método cuantitativo permitirá analizar los datos mediante expresión matemática y presentar la información en números y gráficos a fin de presentar lo que se ha observado en Casa Hogar San Carlos.

El método sistemático se utilizará para seguir organizadamente los pasos descritos en el presente esquema de investigación con objeto de formular adecuadamente la propuesta de

solución al problema planteado.

2.2.1. Tipo de Investigación

Investigación Bibliográfica

En la investigación bibliográfica se revisarán varios libros, artículos científicos, revistas e internet, con el objetivo de construir el marco teórico, tomando temas específicos como: origen y evolución de la web, sistemas web, tecnologías de la información y comunicaciones, etc.

Investigación de campo

(50)

32

2.2.2. Población y muestra

La población corresponde a los usuarios que harán uso del portal web que son:4 funcionarios administrativos: Coordinador, Asistente Administrativo, Trabajador Social y Administrador y 200 usuarios que corresponden a los funcionarios de la dirección distrital del MIES en Riobamba y al personal de la DINAPEN.

Tabla 1. Población

Cálculo de la muestra

( )

Aplicando los datos de la población y asumiendo que el margen de error es de 0.05 queda:

( )

La muestra obtenida es de ciento treinta y cinco usuarios.

Función Numero

Administrativos 4

Usuarios 131

TOTAL 135

Tabla 2. Muestra

Función Numero