Desarrollo de la página web dinámica para la vinculación con la comunidad by Pontificia Universidad Católica del Ecuador sede Santo Domingo PUCE SD

PONTIFICIA UNIVERSIDAD CATOLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas

DESARROLLO DE LA PÁGINA WEB DINÁMICA PARA LA VINCULACIÓN CON LA COMUNIDAD MEDIANTE LA PRESENTACIÓN DE INFORMACIÓN DEL CONSEJO CANTONAL PARA LA PROTECCIÓN DE LOS DERECHOS DEL CANTÓN SANTO DOMINGO EN EL AÑO 2013

Disertación de Grado previa a la obtención del título de Ingenieros de Sistemas y Computación

Línea de investigación: Estudio, Diseño e Implementación de Software

Autores: CARLOS RODRIGO CUEVA TORRES CARLOS EDUARDO PALLO CABALLERO

Director: Mg. RODOLFO SIRILO CORDOVA GÁLVEZ

Santo Domingo-Ecuador Octubre, 2014

PONTIFICIA UNIVERSIDAD CATOLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas HOJA DE APROBACIÓN DESARROLLO DE LA PÁGINA WEB DINÁMICA PARA LA VINCULACIÓN CON LA COMUNIDAD MEDIANTE LA PRESENTACIÓN DE INFORMACIÓN DEL CONSEJO CANTONAL PARA LA PROTECCIÓN DE LOS DERECHOS DEL CANTÓN SANTO DOMINGO EN EL AÑO 2013 Línea de investigación: Estudio, Diseño e Implementación de Software Autores: CARLOS RODRIGO CUEVA TORRES CARLOS EDUARDO PALLO CABALLERO Rodolfo Sirilo Córdova Gálvez, Mg DIRECTOR DE LA DISERTACIÓN DE GRADO

f. _____________________

Adrián Rolando Cevallos Dueñas, Mg CALIFICADOR

f. _____________________

Margareth Hurtado, Ing. CALIFICADOR

f. _____________________

Rodolfo Sirilo Córdova Gálvez, Mg DIRECTOR DE LA ESCUELA DE SISTEMAS

Santo Domingo– Ecuador Octubre, 2014

f. _____________________

iii

DECLARACIÓN DE AUTENTICIDAD Y RESPONSABILIDAD

Yo, Carlos Eduardo Pallo Caballero portador de la cédula de ciudadanía No. 210015553-6, declaro que los resultados obtenidos en la investigación que presento como informe final, previo la obtención del título de Ingeniero en Sistemas y Computación son absolutamente originales, auténticos y personales.

En tal virtud, declaro que el contenido, las conclusiones y los efectos legales y académicos que se desprenden del trabajo propuesto de investigación y luego de la redacción de este documento son y serán de mí y exclusiva responsabilidad legal y académica.

CARLOS EDUARDO PALLO CABALLERO CI. 210015553-6

DECLARACIÓN DE AUTENTICIDAD

Y RESPONSABILIDAD

Yo, Carlos Rodrigo Cueva Torres portador de la cedula de ciudadanía No. 171896745-6 declaro que los resultados obtenidos en la investigación que presento como informe final, previo la obtención del título de Ingeniero en Sistemas y Computación son absolutamente originales, auténticos y personales.

CARLOS RODRIGO CUEVA TORRES CI. 171896745-6

AGRADECIMIENTO

Agradecemos a la Pontificia Universidad Católica por formarnos durante nuestra vida académica.

A la institución que nos brindó su apoyo y confianza, para desarrollar esta investigación como lo es el CCPD-SD (Consejo Cantonal de Protección de Derechos de Santo Domingo).

A Lcda. Nalda Bustamante por confiar en nuestros conocimientos y darnos la oportunidad de desarrollar el proyecto.

Carlos Cueva Carlos Pallo

DEDICATORIA

Este proyecto que representa dedicaci贸n, superaci贸n personal y profesional lo dedicamos:

A Dios, por brindarnos la oportunidad de vivir y permitirnos disfrutar cada momento de nuestras vidas y guiarnos por el camino correcto.

A nuestras familias por darnos su apoyo en todo momento.

Y a cada una de las personas que nos supieron guiar en esta ardua tarea.

Carlos Cueva Carlos Pallo

vii

RESUMEN

El constante avance de las tecnologías de la información (TI) hace que las paginas o portales web sean necesarias y de gran utilidad para empresas e instituciones, debido que a través de estas se puede reflejar gran cantidad de información, sirviendo como medio de comunicación, realizar transacciones y compras en línea.

El propósito de esta investigación es desarrollar la página web dinámica para la vinculación con la comunidad mediante la presentación de información del Consejo Cantonal Para la Protección de los Derechos del Cantón Santo Domingo, para lograrlo se realizó entrevistas al personal que labora en dicha institución para obtener los requerimientos funcionales de la página y desarrollar el SRS que delimitara el alcance de la investigación. En cuanto a la administración de la página web, se realizó un administrador de contenidos con el fin de facilitar la administración de la página y basándose en la metodología rápida XP para la generación de

código, además se

necesitó la ayuda de la metodología OOHDM para la arquitectura de la página web.

El estudio fue de tipo experimental, se trabajó con una muestra probabilística ya que por medio de un muestreo seleccionamos un grupo de personas del total de la población. Al aplicar el instrumento o encuesta de recogida de datos revelo que el 97% de la muestra está de acuerdo que las páginas web son de gran utilidad para las instituciones del

viii

mismo modo el 99% de las personas considera que es de vital importancia la implementaci贸n de la p谩gina web para el Consejo Cantonal de Protecci贸n de Derechos

ABSTRACT

The continuos progress of information technology (IT) makes web pages or portals are necessary and useful for companies and institutions, since through them it is possible to reflect great amount of information, as well as determine it as communication medium, make transactions banking and buy online.

The purpose of this research is to develop dynamic website for community engagement by presenting information of the Consejo Cantonal para la Protecci贸n de los Derechos del Canton Santo Domingo, in order to carry out this project, interviews with staff working in that institution were performed to get the functional requirements of the site and develop the SRS which will delimit the scope of the research. Regarding the administration of the website, a content system administrator was elaborated with the aim to facilitate the administration of the site which was based on the fast XP methodology for code generation, indeed the OOHDM methodology was necessary for the architecture of the website.

The study was experimental, a probability sample was used because through a sampling, a group of people was chose from the whole population. By applying the instrument or survey data collection it was shown that 97% of the sample agrees that web pages are

useful for institutions likewise 99% of people think that it is vital to implement the website for the Consejo Cantonal de Protecci贸n de Derechos.

TABLA DE CONTENIDOS

HOJA DE APROBACIÓN ............................................................................................... ii DECLARACIÓN DE AUTENTICIDAD ........................................................................ iii AGRADECIMIENTO ....................................................................................................... v DEDICATORIA ...............................................................................................................vi RESUMEN...................................................................................................................... vii ABSTRACT ......................................................................................................................ix LISTA DE GRÁFICOS ................................................................................................ xvii LISTA DE TABLAS ......................................................................................................xix I.

INTRODUCCIÓN A LA DISERTACIÓN DE GRADO ........................................ 20

II.

PLANTEAMIENTO DEL PROBLEMA ................................................................ 23

2.1

ANTECEDENTES ................................................................................................ 23

2.2

PROBLEMA DE INVESTIGACIÓN................................................................... 24

2.3

JUSTIFICACIÓN DE LA INVESTIGACIÓN..................................................... 25

2.4

OBJETIVOS DE LA INVESTIGACIÓN............................................................. 27

2.4.1

Objetivo general ................................................................................................ 27

2.4.2

Objetivos específicos ......................................................................................... 28

xii

III.

MARCO REFERENCIAL .................................................................................... 29

3.1

REVISIÓN DE LA LITERATURA O FUNDAMENTOS TEÓRICOS.............. 29

3.1.1

¿Qué es Internet? ............................................................................................... 29

3.1.2

Funcionamiento del internet .............................................................................. 30

3.1.2.1

ISP (Internet Service Provider / Proveedores de Servicio de Internet).......... 31

3.1.2.2

DNS (Domain Name Server / Servidor de Nombres de Dominio)................ 32

3.1.2.3

Protocolos de comunicación .......................................................................... 34

3.1.2.3.1

TCP/IP (Transmission Control Protocol / Internet Protocol / Protocolo de Control de Trasmisión / Protocolo de Internet) ............................................. 35

3.1.2.3.2

FTP (File Transfer Protocol / Protocolo de transferencia de archivos) ......... 37

3.1.2.3.3

HTTP (Hypertext Transfer Protocol / Protocolo de transferencia de hipertexto) ...................................................................................................... 38

3.1.2.3.4

UDP (User Datagram Protocol / Protocolo de Datagrama de Usuario) ........ 40

3.1.2.3.5

TFTP (Trivial File Transfer Protocol / Protocolo trivial de transferencia de archivo) .......................................................................................................... 41

3.1.2.3.6

Dirección IP (Internet Protocol / Protocolo de Internet)................................ 41

3.1.2.4

URL(Uniform Resouce Locator / Localizador de Recursos Uniforme) ........ 42

3.1.2.5

Navegador Web ............................................................................................. 43

3.1.3 3.1.3.1

Estructura de la información de un sitio web .................................................... 45 Alojamiento web o Web Hosting................................................................... 45

xiii

3.1.3.2

Nombre de Dominio ...................................................................................... 46

3.1.3.3

Estructura jerárquica de una página web ....................................................... 47

3.1.3.3.1

Estructura en árbol ......................................................................................... 48

3.1.3.3.2

Estructura lineal ............................................................................................. 48

3.1.3.3.3

Estructura lineal con jerarquía ....................................................................... 49

3.1.4

Sitios y páginas web dinámicos......................................................................... 50

3.1.4.1

Páginas dinámicas .......................................................................................... 50

3.1.4.2

Sitio web ........................................................................................................ 52

3.1.4.3

Página web ..................................................................................................... 53

3.1.4.4

Diseño de una página web ............................................................................. 54

3.1.5

Lenguajes de programación para páginas web .................................................. 56

3.1.5.1

PHP(Hypertext preprocessor / Hipertexto pre-procesador) ........................... 56

3.1.5.1.1

Ventajas de PHP ............................................................................................ 56

3.1.5.2

HTML (HyperText Markup Language / Lenguaje de Marcas de Hipertexto) .. ....................................................................................................................... 57

3.1.6 3.1.6.1

Base de datos ..................................................................................................... 58 DBMS (DataBase Management System / Sistema de Administración de Base de Datos) ........................................................................................................ 61

3.1.6.2

SQL(Structured Query Language / Lenguaje de Consulta Estructurada)...... 62

xiv

3.1.6.3

Estructura del lenguaje SQL (Structured Query Language / Lenguaje de Consulta Estructurada) ................................................................................... 63

3.1.6.3.1

DDL (Data Definition Language / Lenguaje de Definición de Datos) .......... 63

3.1.6.3.2

DML (Data Manipulation Language / Lenguaje de Manipulación de Datos) ... ....................................................................................................................... 64

3.1.7

Metodología ágil de desarrollo de software ...................................................... 64

3.1.7.1

¿Qué es una metodología ágil? ...................................................................... 65

3.1.7.1.1

Características de los métodos agiles............................................................. 65

3.1.7.2

Método XP (Extreme Programming / Programación Extrema)..................... 66

3.1.7.3

El ciclo de vida de la metodología XP ........................................................... 67

3.1.7.3.1

Fase de exploración ....................................................................................... 68

3.1.7.3.2

Fase de planificación ..................................................................................... 68

3.1.7.3.3

Fase de iteración ............................................................................................ 69

3.1.7.3.4

Fase de producción ........................................................................................ 70

3.1.7.3.5

Fase de mantenimiento .................................................................................. 70

3.1.7.3.6

Muerte del proyecto ....................................................................................... 70

3.2

Investigación o experiencias empíricas vinculadas con el problema de investigación. ........................................................................................................ 71

3.3

Formulación de la Hipótesis de trabajo ................................................................. 72

IV.

METODOLOGÍA DE LA INVESTIGACIÓN .................................................... 73

4.1

DISEÑO / TIPO DE INVESTIGACIÓN.............................................................. 73

4.1.1

Investigación proyectiva.................................................................................... 73

4.1.1.1

Métodos de investigación .............................................................................. 74

4.1.1.1.1

Método inductivo ........................................................................................... 74

4.1.1.1.2

Método analítico ............................................................................................ 75

4.1.1.1.3

Método observacional .................................................................................... 75

4.1.1.1.4

Método estadístico ......................................................................................... 76

4.1.2

Tipos de investigación ....................................................................................... 76

4.1.2.1

Investigación bibliográfica ............................................................................ 77

4.1.2.2

Investigación aplicada.................................................................................... 77

4.2

POBLACIÓN / UNIVERSO ................................................................................ 78

4.3

MUESTRA............................................................................................................ 80

4.4

INSTRUMENTOS DE RECOGIDA DE DATOS ............................................... 82

4.4.1

Encuesta............................................................................................................. 83

4.4.2

Entrevista ........................................................................................................... 83

4.5 4.5.1 4.6

TÉCNICAS DE ANÁLISIS DE DATOS O DE LA INFORMACIÓN ............... 84 Análisis estadístico ............................................................................................ 84 METODOLOGÍA OOHDM (OBJECT ORIENTED HYPERMEDIA DESIGN METHODOLOGY / METODOLOGÍA DE DESARROLLO DE HIPERMEDIA ORIENTADA A OBJETOS) ................................................................................ 85

xvi

4.6.1

Determinación de requerimientos ..................................................................... 86

4.6.2

Diseño conceptual ............................................................................................. 87

4.6.3

Diseño navegacional .......................................................................................... 87

4.6.4

Diseño de interfaz abstracta .............................................................................. 87

4.6.5

Implementación ................................................................................................. 88

RESULTADOS ........................................................................................................ 89

DISCUSIÓN Y ANÁLISIS DE LOS RESULTADOS ................................................... 89 CONCLUSIONES ......................................................................................................... 105 LÍMITES Y RECOMENDACIONES ........................................................................... 106 FUENTES DE REFERENCIA O INFORMACIÓN ..................................................... 108 GLOSARIO ................................................................................................................... 111

xvii

LISTA DE GRÁFICOS

Gráfico 3.1: Representación de la red de internet ............................................................ 30 Gráfico 3.2: Representación de ISP o Proveedor de servicio de internet ........................ 31 Gráfico 3.3: Representación de búsqueda IP en el servidor DNS.................................... 33 Gráfico 3.4: Representación de respuesta del servidor DNS ........................................... 33 Gráfico 3.5: Diagrama de los protocolos comunes del internet ....................................... 34 Gráfico 3.6: Estructura del modelo TCP/IP ..................................................................... 36 Gráfico 3.7: Representación del funcionamiento del protocolo en la red TCP/IP ........... 36 Gráfico 3.8: Modelo que representa el diagrama de un servicio FTP .............................. 37 Gráfico 3.9: Funcionamiento del protocolo HTTP .......................................................... 39 Gráfico 3.10: Representación de dirección IP.................................................................. 42 Gráfico 3.11: Representación de una URL ...................................................................... 43 Gráfico 3.12: Logos de navegadores Web ....................................................................... 44 Gráfico 3.13: Representación de los servidores de alojamiento web o web hosting ....... 46 Gráfico 3.14: Elementos de un nombre de dominio ........................................................ 47 Gráfico 3.15: Representación de una estructura en árbol ................................................ 48 Gráfico 3.16: Representación de una estructura lineal..................................................... 49 Gráfico 3.17: Representación de una estructura lineal con jerarquía............................... 50 Gráfico 3.18: Representación de petición de una página web dinámica al servidor........ 51

xviii

Gráfico 3.19: Representación de un sitio web ................................................................. 52 Gráfico 3.20: Representación de una página web ............................................................ 53 Gráfico 3.21: Representación del diseño de un sitio web ................................................ 55 Gráfico 3.22: Representación de código HTML .............................................................. 58 Gráfico 3.23: Representación de una base de datos gráficamente en forma de cilindro . 59 Gráfico 3.24: Entorno de un sistema de base de datos..................................................... 60 Gráfico 3.25: Logos de administradores de base de datos ............................................... 62 Gráfico 3.26: Representación de una ficha de historia de usuario ................................... 66 Gráfico 5.27: Representación gráfica y porcentual de la pregunta Nº1 ........................... 90 Gráfico 5.28: Representación gráfica y porcentual de la pregunta Nº2 ........................... 91 Gráfico 5.29: Representación gráfica y porcentual de la pregunta Nº3 ........................... 93 Gráfico 5.30: Representación gráfica y porcentual de la pregunta Nº4 ........................... 94 Gráfico 5.31: Representación gráfica y porcentual de la pregunta Nº5 ........................... 95 Gráfico 5.32: Representación gráfica y porcentual de la pregunta Nº6 ........................... 97 Gráfico 5.33: Representación gráfica y porcentual de la pregunta Nº7 ........................... 98 Gráfico 5.34: Representación gráfica y porcentual de la pregunta Nº8 ........................... 99

xix

LISTA DE TABLAS

Tabla 4.1: Descripción de la población del CCPD-SD .................................................... 80 Tabla 5.2: Tabulación de datos de la pregunta Nº1 ......................................................... 90 Tabla 5.3: Tabulación de datos de la pregunta Nº2 ......................................................... 91 Tabla 5.4: Tabulación de datos de la pregunta Nº3 ......................................................... 92 Tabla 5.5: Tabulación de datos de la pregunta Nº4 ......................................................... 94 Tabla 5.6: Tabulación de datos de la pregunta Nº5 ......................................................... 95 Tabla 5.7: Tabulación de datos de la pregunta Nº6 ......................................................... 96 Tabla 5.8: Tabulación de datos de la pregunta Nº7 ......................................................... 98 Tabla 5.9: Tabulación de datos de la pregunta Nº8 ......................................................... 99

I. INTRODUCCIÓN A LA DISERTACIÓN DE GRADO

El presente proyecto está dirigido al desarrollo de la página web dinámica para la vinculación con la comunidad mediante la presentación de la información del Consejo Cantonal para la Protección de los Derechos del Cantón Santo Domingo. (CCPD-SD). La principal característica de este sitio web es la facilidad de publicación de la información, a través de un módulo que facilita la administración de contenidos y galerías, y así poder resolver las necesidades específicas que tiene la institución ayudando en la labor social que esta cumple.

Por lo que podemos apreciar en la actualidad el internet se ha convertido en una herramienta poderosa y necesaria para las instituciones y las personas, brindando ayuda y facilitando varias actividades mediante los sitios web. En estos días los términos correo electrónico, redes sociales, tiendas virtuales, blogs son comunes en el medio de las tecnología de la información y gracias a esto se ha experimentado ciertos cambios con el concepto que se tenía anteriormente con la computadora.

En la sección II Antecedentes del problema es donde se hace referencia a la problemática

a resolverse, y como la información obtenida con ayuda de

investigación de campo, permitirá tener una idea más clara de las necesidades del Consejo Cantonal para la Protección de los Derechos del Cantón Santo Domingo, con respecto a la implementación de la página web, también se detalla la delimitación del problema contenida y especificada con mayor precisión en el documento de Especificación de Requerimientos de Software o SRS, Ver Anexo1.

Así como las preguntas de investigación, la justificación del por qué se realiza la presente disertación de grado y finalmente se define los objetivos generales como los específicos a desarrollarse, los cuales describen lo que se quiere lograr con el proyecto.

En la sección III Marco referencial, es desarrollado con la ayuda de la investigación bibliográfica la cual permitió utilizar fuentes bibliográficas como lincográficas, obteniendo conceptos e información muy importante para el desarrollo de la presente disertación intitulada.

En la sección IV Metodología de la investigación, contiene la metodología de la investigación la cual comprende los diferentes métodos y tipos de investigación que los disertantes de grado emplearan para cumplir con los objetivos del tema.

En la sección V Resultados, abarca las discusiones y análisis de los resultados obtenidos en la investigación, conclusiones y recomendaciones finales.

En la sección VI Fuentes de referencias o de información, se especifican las fuentes bibliográficas y las fuentes lincográficas, que es donde se extrae la información necesaria para la elaboración del marco referencial.

II. PLANTEAMIENTO DEL PROBLEMA

2.1 ANTECEDENTES

El Consejo Cantonal para la Protección de los Derechos del Cantón Santo Domingo es una institución dedicada atender los casos de maltrato o abuso a niños y adolescentes brindándoles apoyo moral y psicológico.

En la actualidad la gran mayoría de personas utilizan los sitios web, dándoles a estos, distintos usos para obtener algún beneficio de los mismos. Una de las características del internet es su capacidad para transmitir y soportar gran cantidad de información la cual es utilizada como medio informativo.

Al no contar la institución con un departamento de sistemas o recursos económicos suficientes para contratar personal que desarrolle un sitio web donde se publique información de las diferentes actividades del CCPD-SD, los habitantes o la comunidad en si carecen de información que les permita tener un vínculo más estrecho con el CCPD-SD, o que se llegue a desconocer de la existencia de dicha institución y los beneficios que puede brindarles la misma. Por ser esta una de las instituciones que brinda ayuda al cantón de Santo Domingo se ve la necesidad del desarrollo de una página web dinámica. 23

Por lo anteriormente dicho, se buscó beneficiar al Consejo Cantonal para la Protección de los Derechos del Cantón Santo Domingo, con la creación o elaboración de la página web dinámica, para que mediante esta puedan publicar información relevante para la institución y la comunidad, tales como noticias, planes, proyectos ubicación de las defensorías comunitarias, contactos electrónicos, telefónicos entre otros, con el único fin de crear una relación más estrecha entre ambas partes.

Para facilitar la administración de la información de la página web dinámica se desarrolló un módulo administrador de contenidos, con el fin de que la persona que sea destina a gestionar la información de la página web, no tenga la necesidad de tocar el código fuente, ya sea para publicar noticias, subir imágenes, videos o cambiar el logo de presentación del sitio web. El módulo de administración de la página web se encuentra alojado en el servidor o hosting que se alquiló para el uso exclusivo de la institución. La forma en que se podrá acceder a este módulo será por medio de un usuario y contraseña.

De esta manera se buscó simplificar el trabajo del personal del CCPD-SD en lo que concierne a la manipulación de la página web, es decir no es necesario que sepan programar o desarrollar páginas web.

2.2 PROBLEMA DE INVESTIGACIÓN

Los constantes avances tecnológicos y la gran acogida que estos han tenido en las instituciones, resaltando aún más en el ámbito de la tecnología de la información y la

comunicación, con el propósito de informar a la comunidad de una manera más rápida, eficiente y automatizada.

Luego de un análisis adecuado, nace la necesidad de desarrollar una página web dinámica para el Consejo Cantonal para la Protección de los Derechos del Cantón Santo Domingo, donde dicha página será creada con el propósito de convertirla en una herramienta útil y que beneficie a la institución y a la comunidad en sí.

Para determinar la delimitación del problema de investigación se procederá a desarrollar el SRS (Software Requirements Specification / Especificación de requerimientos de software), el mismo permitirá obtener la información necesaria para resolver el problema de estudio, y así puntualizar el alcance del trabajo de investigación, Ver Anexo1

2.3 JUSTIFICACIÓN DE LA INVESTIGACIÓN

Para la gran mayoría de las personas acceder al internet especialmente a los sitios o páginas web, es de vital importancia, gracias a la variedad de información que pueden aportar estos, permitiendo de esta manera estar actualizado y comunicado, sin la necesidad de desplazarse a diferentes lugares para poder realizar sus actividades diarias.

Debido a esto se ha considerado importante, analizar y estudiar la relación que existe entre la comunidad y el Consejo Cantonal para la Protección de los Derechos del Cantón

Santo Domingo, con el fin de conocer el papel que desempeña la institución en beneficio de los niños, adolescentes, mujeres y grupos étnicos.

Para la institución el Consejo Cantonal para la Protección de los Derechos le es muy importante y necesario contar con una página web dinámica, la cual le permita a la comunidad de Santo domingo, obtener todos los beneficios que aporta la tecnología de la información y comunicación a través del internet, facilitando de esta manera a la ciudadanía el mantenerse al tanto de las diferentes actividades que realiza la institución en favor de los derechos de las personas, por lo que se incitara a la comunidad de Santo Domingo a mantenerse actualizados e informados en cada uno de los acontecimientos, permitiendo a la institución ser reconocida a nivel regional e institucional.

El presente proyecto de investigación tiene como propósito adoptar las nuevas herramientas de la tecnología de la información en beneficio de la institución y la ciudadanía de Santo Domingo, utilizando los métodos y aplicativos informáticos adecuados, para de esta manera digitalizar todas actividades que ejecuta el CCPD-SD conjuntamente con la comunidad, permitiendo así la ciudadanía se mantenga actualizada en cuanto a la información que se genera a diario en la institución.

El desarrollo del proyecto de investigación, para el Consejo Cantonal Para la Protección de los Derechos, tiene la finalidad de crear un vínculo más estrecho, entre la institución y la colectividad de Santo Domingo, gracias a un nuevo servicio mejorado y de acuerdo

a los avances tecnológicos, beneficiando a todos y cada una de las personas que requieran mantener un relación con dicha institución.

La investigación es viable, pues se dispone de los recursos necesarios, como lo son los disertantes encargados de la investigación del problema de estudio y el desarrollo de la aplicación como producto final, asimismo se obtendrá el apoyo del Consejo Cantonal para la Protección de los Derechos, lo cual permitirá recolectar la información necesaria para el cumplimiento de los objetivos del proyecto de investigación.

Cabe recalcar que la presente disertación de grado intitulada se encuentra respaldada por un convenio interinstitucional firmado por la Pontificia Universidad Católica del Ecuador Sede Santo Domingo y el Consejo Cantonal Para la Protección de los Derechos, lo cual permite realizar el trabajo de vinculación con la comunidad, Ver Anexo 2.

2.4 OBJETIVOS DE LA INVESTIGACIÓN 2.4.1 Objetivo general

Desarrollar la página web dinámica para la vinculación con la comunidad mediante la presentación de información del Consejo Cantonal Para la Protección de los Derechos del Cantón Santo Domingo.

2.4.2 Objetivos específicos

•

Determinar los requerimientos de software, obteniendo la información necesaria a través del Concejo Cantonal para la protección de Derechos de Santo Domingo

•

Determinar el diseño conceptual de la página web dinámica

•

Definir el diseño navegacional con el que contará la página web dinámica

•

Realizar el diseño de interfaz abstracta, para poder definir la ubicación de cada uno de los objetos que los usuarios podrán percibir en la página web.

•

Ejecutar la implementación de la página web en base los parámetros establecidos en la metodología de desarrollo de software OOHDM.

III. MARCO REFERENCIAL

3.1 REVISIÓN

LITERATURA

FUNDAMENTOS

TEÓRICOS

3.1.1

¿Qué es Internet?

El internet es una gran telaraña o red de computadores los cuales se encuentran interconectados entre sí a escala mundial con características únicas de independencia u autonomía. El internet como una red mundial tiene una máxima característica, es que si algún punto de esta se daña o se cae no se quedara inactiva toda la red sino solo el punto que se encuentre afectado y a demás no se producirá pérdida de la información de ningún tipo. (Ávila, 2007, pág. 2)

En la actualidad el internet se ha convertido en una potente herramienta de trabajo para el ser humano, lo más sorprendente es la gran variedad de información que se puede encontrar en el mismo. Para poder navegar en internet necesitamos un computador, conexión a la red de internet, tener instalado algún tipo de navegador y saber utilizarlo para buscar aquella información que nos sea útil. ( Rodríguez Ávila, 2007, pág. 1)

De esta manera podemos realizar todo tipo de trabajo desde un computador sin la necesidad de movernos de casa o del sitio de trabajo. El internet se ha convertido en algo muy útil ya que permite acortar distancias y tiempo al momento de realizar diferentes tipos de actividades como obtener un turno web para canjear la licencia, realizar transacciones financieras, realizar video conferencias, comunicarnos con familiares o amigos, entre otras cosas. ( Rodríguez Ávila, 2007, pág. 1)

Gráfico 3.1: Representación de la red de internet Fuente: http://www.ddtel.info/internet-2/

3.1.2

Funcionamiento del internet

El internet es una gran red que recorre todo el planeta, basándose en tres elementos fundamentales como son los protocolos de comunicación, direcciones IP y servidores. Los protocolos de internet son un conjunto de normas que determinar cómo debe fluir la información a través de la red del internet permitiendo que los diferentes ordenadores del planeta puedan intercambiar datos. Las direcciones IP es el nombre que se le asigna

a una determinada maquita la cual es única y permite diferenciarla de las demás. Los servidores son los encargados de almacenar y organizar la información que circula por la red de internet garantizando un correcto funcionamiento (Estos temas serán profundizados más adelante). ( Rodríguez Ávila, 2007, pág. 3)

3.1.2.1 ISP (Internet Service Provider / Proveedores de Servicio de Internet)

Hoy en día para poder contar con los beneficios del internet es necesario contratar un ISP o proveedor de servicios de internet las cuales son empresas dedicadas a dar conexión a internet a los diferentes usuarios a las diferentes redes que estos tengan. También se encargan de realizar el mantenimiento necesario para que la red de internet funcione correctamente. Estos proveedores de internet también ofrecen otros servicios relacionados como alojamiento web en servidores, registro de dominios. (Ramos Martin, 2011, pág. 8)

Gráfico 3.2: Representación de ISP o Proveedor de servicio de internet Fuente: books.google.es/books?isbn=8497328132

3.1.2.2 DNS (Domain Name Server / Servidor de Nombres de Dominio)

Los servidores de nombre de dominio o DNS son los encargados de resolver el nombre de un dominio en una dirección IP determinada, evitando de esta manera que el usuario tenga que aprenderse las direcciones IP de cada dominio, esto es algo similar con lo que sucede con las personas envés de aprendernos los números de cedula de cada uno lo que sería muy complicado, lo hacemos memorizando el nombre de las mismas lo que es algo más fácil. Los servidores DNS suelen ser dos, los preferidos y los alternativos, el segundo están diseñado para remplazar al primero en cado de que este falle, en su mayoría de los usuarios utilizan como servidor DNS el proporcionado por el proveedor de servicio de internet, cuyas direcciones de estos servidores puede ser configurada de forma manual o automática mediante el DHCP 1. (Ramos Martin, 2011, págs. 8-9)

El DNS funciona de una manera sencilla cuando el usuario desea localizar un dominio en particular, por ejemplo al escribir en el navegador www.google.com, lo primero que realiza el navegador es identificar la URL para posteriormente solicitar al servidor DNS la dirección IP, por lo que el servidor DNS indica al navegador que la información de la página web solicitada le corresponde la IP 74.125.39.103, posteriormente el navegador establece conexión con la dirección IP proporcionada por el servidor DNS, el servidor envía el archivo correspondiente al navegador y se mostrara la página solicitada en este caso la de google. (Ramos Martin, 2011, págs. 8-9)

DHCP (Dynamic Host Configuration Protocol / Protocolo de Configuración de Host Dinámico). Es un sistema desarrollado para asignar direcciones IP a los clientes que los soliciten.

Donde esta ww.google.com

Se encuentra en la IP 4.125.39.103

SERVIDOR DNS

Gráfico 3.3: Representación de búsqueda IP en el servidor DNS Fuente: Los Autores

Busco el contenido de www.google.com

Página web Solicitada SERVIDOR DNS Gráfico 3.4: Representación de respuesta del servidor DNS Fuente: Los Autores

3.1.2.3 Protocolos de comunicación

Un protocolo de comunicación es un conjunto de reglas que determinan como debe funcionar o fluir la información a través de la red del internet, permitiendo de esta manera que los computadores de todo el mundo puedan compartir todo tipo de información a través del internet. Anteriormente los protocolos de comunicación eran definidos por los fabricantes de equipos de cómputo, pero con el avance tecnológico y con la necesidad de unificar las comunicaciones de la red global por medio de un protocolo definido el cual es independiente del fabricante de equipos de cómputo. Por lo que en la actualidad a ese protocolo se lo conoce como TCP/IP 2. ( Rodríguez Ávila, 2007, pág. 3)

Gráfico 3.5: Diagrama de los protocolos comunes del internet

Fuente: http://www.adrformacion.com/cursos/wserver082/leccion1/tutorial5.html

TCP/IP (Transmission Control Protocol / Internet Protocol / Protocolo de Control de Trasmisión / Protocolo de Internet). Protocolo de trasmisión de datos que permite el intercambio de datos a través del internet.

3.1.2.3.1

TCP/IP (Transmission Control Protocol / Internet Protocol / Protocolo de Control de Trasmisión / Protocolo de Internet)

Al momento de hablar de TCP/IP realmente estamos refiriéndonos a dos protocolos distintos que se han fusionado para permitir un mejor control en la trasmisión de la información por internet. La manera en que este protocolo funciona es muy sencilla, el protocolo TCP lo que hace es segmentar la información en paquetes más pequeños para después numerarlos para que en su punto de destino puedan ser ordenados correctamente, lo cual también sirve para averiguar si no se ha producido alguna perdida de la información. El protocolo IP es el encargado de dar a cada paquete las direcciones IP de origen y destino, según como se envían los paquetes se irán escogiendo las rutas adecuadas para llegar a su destino final, permitiendo de esta manera que el internet se convierta en una red sólida. ( Rodríguez Ávila, 2007, págs. 7-8)

Cuando los paquetes segmentados llegan a su destino el protocolo TCP vuelve a intervenir y verifica la llegada de todos los paquetes, si alguno falta solicita el nuevo envió del paquete desde el origen, y cuando todos los paquetes están listos el TCP los vuelve a unir formando el mensaje original. El TCP proporciona fiabilidad en la trasmisión de los datos entre una aplicación a otra, garantizando la entrega de toda la información en el orden en que fue enviada desde el punto de origen, todo esto se logra gracias a que TCP realiza el servicio orientado a conexión proporcionando un mayor control en el flujo de la información y en la detección de errores. (Barceló Ordinas, 2008, pág. 15)

Grรกfico 3.6: Estructura del modelo TCP/IP Fuente: http://edwcifu.blogspot.com/

Grรกfico 3.7: Representaciรณn del funcionamiento del protocolo en la red Fuente: books.google.es/books?isbn=8498393000

3.1.2.3.2

FTP (File Transfer Protocol / Protocolo de transferencia de archivos)

El protocolo de transferencia de archivos o FTP se encuentra basado en un método confiable e implementado sobre el protocolo TCP. Una de las ventajas más importantes de FTP es que puede ser utilizado entre sistemas operativos distintos sin restricción alguna en la transferencia de la información, esto se puede lograr gracias a que se encuentra basado en un sistema de archivos heterogéneo. (Atelin & Dordoigne, 2007, pág. 32)

Gráfico 3.8: Modelo que representa el diagrama de un servicio FTP Fuente: http://20101redes2.wikispaces.com/Capa+de+Aplicacion

3.1.2.3.3

HTTP (Hypertext Transfer Protocol / Protocolo de transferencia de hipertexto)

El protocolo de transferencia de hipertexto o HTTP es un protocolo de nivel de aplicación el cual es usado para la transferencia de información, entre sus principales características se encuentra la independencia en la visualización y presentación de los datos. HTTP es un protocolo que no guarda ningún tipo de información sobre las conexiones anteriores es decir que una vez finalizada la trasmisión los latos se pierden. El protocolo HTTP se encuentra basan en las peticiones de un cliente al servidor y en las respuestas del servidor al cliente, por lo que cada petición contendrá una cabecera con información como es la versión del protocolo, dirección del host de petición, navegador utilizado, idioma ficheros soportados entre otros. (Sánchez Corbalán, García Ramírez, López Fernández, & Miñana Caselles, 2010, pág. 129)

Grรกfico 3.9: Funcionamiento del protocolo HTTP Fuente: http://www.sistemamid.com/preview.php?a=4088

3.1.2.3.4

UDP (User Datagram Protocol / Protocolo de Datagrama de Usuario)

El protocolo de datagrama de usuario o UDP, es un protocolo que está orientado a la no conexión, es decir que la comunicación entre los puntos de comunicación por lo que cualquier tipo de información puede ser enviado de un punto a otro sin un previo aviso, por tal motivo no provee ningún tipo de control de errores en el flujo de la información, las características simples y sencillas que tiene el UDP lo hace ideal para ser empleado en aplicaciones que requieren retardos mínimos, como lo son aplicaciones ejecutadas en tiempo real tales como las de voz y video. (Barceló Ordinas, 2008, págs. 13-14)

Entre las características del UDP que no son muy favorables tenemos, que no garantiza la fiabilidad, ya que no da la seguridad de que cada datagrama UDP que se trasmite por la red llegue a su destino final es decir no garantiza su llegada. El UDP no mantiene una secuencia en la trasmisión de la información a un punto de destino, por tal motivo la aplicación de destino puede recibir la información desordenada y también debe estar preparada a que se pierda algún datagrama o lleguen con retardos. (Barceló Ordinas, 2008, págs. 13-14)

3.1.2.3.5

TFTP (Trivial File Transfer Protocol / Protocolo trivial de transferencia de archivo)

El protocolo trivial de transferencia de archivos permite la transferencia más rápida de la información, sin garantizar su integridad, el motivo de la desconfianza en la trasmisión de datos por este protocolo se debe a que este utiliza el protocolo UDP. (Atelin & Dordoigne, 2007, pág. 33)

3.1.2.3.6

Dirección IP (Internet Protocol / Protocolo de Internet)

Todo computador que se encuentre conectado al internet se le asigna una red o nombre denominado como dirección IP 3 la cual es única para cada uno de los equipos que forman parte de la red. Toda dirección IP se encuentra formada por cuatro valores numéricos los cuales se encuentran separados entre sí por un punto, cada uno de estos cuatro valores numéricos pueden variar entre 0 y 255 respectivamente. ( Rodríguez Ávila, 2007, pág. 3)

IP (Internet Protocol / Protocolo de Internet). Número que identifica a cada dispositivo dentro de una red.

Gráfico 3.10: Representación de dirección IP Fuente: Los autores

3.1.2.4 URL(Uniform Resouce Locator / Localizador de Recursos Uniforme)

El localizador de recursos uniforme más conocido por los usuarios del internet como URL, el cual está constituido por una serie de caracteres que hacen referencia a cierto tipo de información en el internet ya sean documentos de texto, imágenes, videos entre otros, siguiendo un formato modélico y estándar el cual es usado para nombrar los recursos o información en el internet para que así puedan ser localizados o identificados. URL fue usado por primera vez por Tim Berners-Lee en 1991, permitiendo de esta manera establecer hiperenlaces en la World Wide Web. (Eslava Muñoz, 2012, págs. 1213)

El URL permite asignar una dirección única a los diferentes tipos de información que se encuentran disponibles en el internet, facilitando de esta manera que cualquier navegador encuentre la información requerida y sea mostrada en la pantalla de un ordenador de manera adecuada. La URL combina el nombre del ordenador que facilita la información, el directorio donde se encuentra, el nombre del archivo y el protocolo empleado para poder acceder a cierta información. (Eslava Muñoz, 2012, págs. 12-13)

Gráfico 3.11: Representación de una URL Fuente: Los Autores

3.1.2.5 Navegador Web

Un navegador web es una programa diseñado para ser utilizado conjuntamente con el internet el cual le permite al usuario visualizar la información que contienen las páginas web, debido a que interpreta el código de las páginas web, es decir es una herramienta que le permite al usuario interactuar y buscar todo tipo de información en el internet. El primer navegador nació en el año de 1993 el cual fue desarrollado por el Centro Europeo

para la investigación Nuclear de Ginebra, este navegador fue nombrado Mosaic, el cual en sus inicios solo funcionaba en entorno UNIX 4 pero con el pasar del tiempo salieron nuevas versiones para Windows como el Netscape, en 1995 aparece el navegador Internet Explorer, a finales del 2004 aparece Firefox el cual goza de gran popularidad en la actualidad. Hoy en día existen más navegadores como el Opera, Safari, Google Chrome entre los más conocidos. (Ramos Martin, 2011, págs. 5-6)

Gráfico 3.12: Logos de navegadores Web Fuente: books.google.es/books?isbn=8497328132

UNIX. Es un sistema operativo portable, multitarea y multiusuario desarrollado en 1969

3.1.3

Estructura de la información de un sitio web

La manera de organizar y diseñar un determinado sitios web con cada uno de sus elementos que lo conforman para que puedan ser publicados y difundidos en un servidor que se encuentra conectado a la red del internet, se debe tomar en cuenta una serie de recomendaciones que son propias y específicas de esta tecnología, como es definición del dominio y elegir un hosting donde se va alojar el sitio web. (Ramos Martin, 2011, pág. 16)

3.1.3.1 Alojamiento web o Web Hosting

Al alojamiento web se lo puede definir como un lugar específico para las páginas web, por lo que se le da una analogía al hospedaje de hoteles, donde se asigna un determinado lugar y espacio al cliente, por lo que en nuestro caso con alojamiento web hace referencia a un lugar en un servidor que ocupara nuestra página web, a la cual se podrá acceder vía internet. En definitiva el alojamiento web será un espacio en el internet donde se podrá alojar cualquier tipo de información, ya sean estos archivos, sistemas, videos, imágenes, sonidos, documentos en cualquier formato entre otros. (Andraka, 2011, pág. 129)

Gráfico 3.13: Representación de los servidores de alojamiento web o web hosting

Fuente: http://nubehost.mx/web-hosting-en-la-nube

3.1.3.2 Nombre de Dominio

Cuando navegamos en internet para poder acceder a un sitio web determinado podríamos escribir en el navegador la dirección IP del mismo, pero no es algo muy práctico ya que esto sería demasiado complejo, el tener que memorizar varias direcciones IP conformadas por varios números, ejemplo 168.35.63.1, donde cada número puede variar entre 0 y 255. Por lo tanto para facilitar la vida de los usuarios se procede a utilizar un sistema que sea capaz de relacionar las direcciones IP a un nombre que todos puedan comprender y recordar con facilidad. (Aubry, 2012, pág. 175)

Los nombres de dominios permiten a los usuarios de la red identificar una dirección de un determinado sitio web por medio de un nombre que se encuentra asociado al mismo, los nombres de dominios están conformados por dos partes fundamentales, la etiqueta y

la extensión. La etiqueta ayuda a determinar el nombre de la institución, empresa u organización y la extensión indica la categoría del nombre del dominio. (Aubry, 2012, pág. 176)

Gráfico 3.14: Elementos de un nombre de dominio Fuente: http://dominio-es.simdif.com/anatom%C3%ADa_un_nombre_de_dominio.html

3.1.3.3 Estructura jerárquica de una página web

En sus inicios las páginas web eran documentos de internet muy sencillos, las cuales estaban formadas por muy poca información es decir documentos de texto muy simples, muy pocas imágenes y una estructura de página no bien definidos. Todo esto se daba debido a que los servicios de internet no eran los adecuados, ya que estos eran a muy poca velocidad, por tal motivo las páginas bien estructuradas o bien cargadas de información eran imposibles de navegar. (Quero Catalinas, García Román, & Peña Rodríguez, 2007, pág. 27)

Hoy en día ya se cuenta con numerosas aplicaciones que permiten elaborar de mejor manera la estructura de una página web. La estructura adecuada de un sitio web y de las

páginas web que la conforman es muy importante ya que permitirá visualizar toda la información de una manera fácil y clara, logrando así que los usuarios encuentren satisfactoriamente la información que buscan. (Quero Catalinas, García Román, & Peña Rodríguez, 2007, pág. 27)

3.1.3.3.1

Estructura en árbol

Este tipo de estructura web permite al usuario conocer en que página se encuentra ya que se las puede diferenciar, en su nivel superior la información que se puede observar es más general y en los niveles inferiores es más específica. (Quero Catalinas, García Román, & Peña Rodríguez, 2007, pág. 28)

Gráfico 3.15: Representación de una estructura en árbol Fuente: books.google.es/books?isbn=8497325044

3.1.3.3.2

Estructura lineal

La estructura lineal es la más simple de todas, a esta se la asemeja a un periódico debido a que al encontrarnos en una página determinada se podrá ir a la siguiente o a la anterior.

Este tipo de estructura es utilizado para páginas de aprendizaje como pueden ser tutoriales. Este tipo de estructura presenta un problema, si el temario es muy extenso y no muy interesante el usuario se aburrirá por lo que procederá abandonar la página por lo que la misma dejara de ser visitada. (Quero Catalinas, García Román, & Peña Rodríguez, 2007, pág. 28)

Gráfico 3.16: Representación de una estructura lineal

Fuente: books.google.es/books?isbn=8497325044

3.1.3.3.3

Estructura lineal con jerarquía

La estructura lineal con jerarquía es la mezcla de las dos anteriores, este tipo de estructura permite organizar la información o contenido en la raíz o página de bienvenida, y según se seleccione el enlace del tema deseado se podrá acceder a la información de forma lineal como si se tratara de una revista. (Quero Catalinas, García Román, & Peña Rodríguez, 2007, pág. 28)

Gráfico 3.17: Representación de una estructura lineal con jerarquía Fuente: books.google.es/books?isbn=8497325044

3.1.4

Sitios y páginas web dinámicos

Las páginas web son documentos que presentan información al usuario en diferentes formatos, los cuales se encuentran diseñados para poder ser adaptados al internet y de esta manera se los puedan visualizar en los diferentes navegadores que existen en la actualidad. Los archivos que conforman una página web pueden ser sonidos, videos, imágenes, PDF e información conformada por texto entre otros. (Vértice, 2010, pág. 11)

3.1.4.1 Páginas dinámicas

Las páginas dinámicas presentan su información con un conjunto de elementos los cuales hacen que el sitio se agradable para el usuario ya que les permite interactuar con el mismo, debido a que la información de las paginas dinámicas se generan o se visualizan por medio de una petición que el usuario realiza al servidor utilizando un determinado navegador.

Para la creación o elaboración de las páginas web se utiliza el lenguaje de desarrollo HTML por medio del cual se podrá introducir líneas de código que darán forma a las páginas web, pero para que estas páginas puedan ser dinámicas es necesario introducir código de otros tipos de lenguajes de manera embebida dentro del HTML, como PHP o JSP los cuales permitirán interactividad con el usuario y crear efectos especiales. Las páginas web dinámica por lo general son ejecutadas por el servidor, debido a una petición del usuario solicitando una página dinámica por medio de un navegador, la petición llega al servidor el cual busca en sus unidades de almacenamiento la página, interpreta el código HTML para poder generar una página dinámica y posteriormente enviar una respuesta al navegador del usuario. (Vértice, 2010, págs. 12-13)

Gráfico 3.18: Representación de petición de una página web dinámica al servidor Fuente: books.google.es/books?isbn=8499311245

3.1.4.2 Sitio web

Se denomina sitio web al conjunto de páginas web que se relacionan entre si y tienen una estructura definida, semejante a un libro o enciclopedia, este sitio es la estructura principal o inicio de las páginas web, la cual se convierte en el punto de partida a otras páginas o enlaces permitiendo obtener una información deseada, por lo general siempre se encontrar un menú principal el cual permite navega la estructura del sitio sin inconvenientes. Por lo general es recomendable denominar index.html o index.php al archivo principal, ya que de esta manera se facilitara el acceso al sitio ya que no es necesario escribir el nombre del archivo en la URL. (Ibabe Erostarbe & Jaureguizar Albonigamayor, 2005, pág. 35)

Gráfico 3.19: Representación de un sitio web Fuente: http://www.learnthenet.com/spanish/web/040www.htm

3.1.4.3 Página web

Las páginas son los documentos básicos del World Wide Web, las cuales se la puede visualizar mediante los diferentes navegadores que nos proporciona el internet. Anteriormente las páginas web tenían que ser diseñadas en código html y posteriormente comprobar su resultado en un navegador. (Ibabe Erostarbe & Jaureguizar Albonigamayor, 2005, pág. 35)

El diseño de las páginas web se encuentra basado en el formato de hipertexto, estas no siguen el formato de los documentos de Word, sino que establecen enlaces o hipervínculos, permitiendo cada vez que se los encuentre dirigirnos a otros sitios de la página. Claro está que se puede generar páginas web utilizando cualquier editor de texto, como puede ser el bloc de notas, pero puede resultar un poco tedioso al momento de desarrollarlas. (Ibabe Erostarbe & Jaureguizar Albonigamayor, 2005, pág. 35)

Gráfico 3.20: Representación de una página web Fuente: http://www.learnthenet.com/spanish/web/050www.htm

3.1.4.4 Diseño de una página web

El diseño de las páginas web es un tema importante ya que en este se definirán la forma que tendrá un determinado sitio web y la ubicación que mantendrán cada uno de los elementos que la conforman, permitiendo así que los usuarios se identifiquen y se sientan satisfechos con la manera que se presenta la información de una página web de una determinada empresa o institución. Por lo general las páginas web se encuentran diseñadas o conformadas por las siguientes secciones:

•

Cabecera.- Se la identifica en la parte superior de la página web, este es un espacio designado por lo general para ubicar el logo o el nombre de la empresa que prácticamente será la imagen de la misma, esta sección siempre se encontrara presente en el sitio, de esta manera se la lograra identificar a la empresa o institución como tal ante los usuarios.

•

Barra de navegación.- Esta sección se encuentra ubicada por debajo de la cabecera, en esta barra de navegación se brinda al usuario un menú o una serie de enlaces a las diferentes páginas o documentos que forman parte de un mismo sitio web con la finalidad de facilitar la búsqueda de la información.

•

Información principal o contenido.- Se podría decir que la parte fundamental e importante de una página web se encuentra en su contenido el cual se lo ubica en la

parte central del sitio, por lo general se encuentra conformado por imágenes, videos o información relevante lo cual mantiene el interés del visitante o usuario.

•

Barra lateral.- Esta es una sección que facilita el enlace a otros tipos de información referentes al mismo sitio, como puede ser galería de imágenes, videos o documentos de texto.

•

Institucional o pie de página.- Esta sección se la localiza en la parte inferior del sitio web, en la cual por lo general reposa información autor o desarrollador, copyright, condiciones o términos, direcciones o enlaces a redes sociales, entre otras informaciones que el desarrollador considere necesaria.

Gráfico 3.21: Representación del diseño de un sitio web Fuente: books.google.es/books?isbn=8426717829

3.1.5 Lenguajes de programación para páginas web 3.1.5.1 PHP(Hypertext preprocessor / Hipertexto pre-procesador)

PHP es uno de los lenguajes de programación de páginas web, el cual es interpretado por un servidor web apache que genera un código HTML dinámico, es decir permite desarrollar un programa que posteriormente será ejecutado en un servidor utilizando una aplicación que ayuda a visualizar páginas web dando como resultado algún tipo de información según los datos que introduzca el usuario. PHP es un lenguaje que posee sintaxis similar al lenguajes C.

PHP es un lenguaje de programación de páginas web que cuenta con funciones para realizar operaciones habituales de los lenguajes de programación, permitiendo de esta manera que el desarrollador trate la información según las necesidades que se produzcan en el desarrollo de una aplicación web. Una de las características más importantes de PHP es que facilita la conexión a bases de datos. (Muñoz Rodriguez , 2010, pág. 123)

3.1.5.1.1

•

Ventajas de PHP

Es fácil de aprender a utilizar la herramienta gracias a que su interfaz le es familiar al usuario.

•

No es necesario instalar algún programa adicional en la máquina del cliente o usuario para utilizar una aplicación PHP, es suficiente con contar con un navegador web.

•

Es multiplataforma, es decir que puede ser utilizado en cualquier sistema operativo.

•

Las aplicaciones PHP se ejecutan desde un servidor, lo que facilita el acceso desde cualquier computador que tenga conexión a internet.

•

El código está protegido de la manipulación de los usuarios gracias que su código ejecutable se encuentra hospedado en un servidor, siempre y cuando se tomen las seguridades oportunas. (Muñoz Rodriguez , 2010, pág. 124)

•

Es un lenguaje de desarrollo web orientado a objetos, lo cual permite tener un mejor control de los módulos de trabajo.

•

Es una aplicación de software libre

3.1.5.2 HTML (HyperText Markup Language / Lenguaje de Marcas de Hipertexto)

HTML es un lenguaje de programación orientado a la web el cual utiliza etiquetas para la construcción o elaboración de páginas web, las etiquetas HTML son palabras claves y atributos encerrados por los signos mayor y menor (Ejemplo, <title>Mi primera Página</title>). HTML utiliza un par de etiquetas una de apertura y una de cierre donde el contenido se lo escribirá entre las mismas, en el ejemplo

<title>Mi primera

Página</title>, la apertura o inicio del código está representado por “<title>” y “</title>” muestra el final o cierre. Si observamos las etiquetas de apertura con la de cierre tienen una similitud pero la de cierre se distingue por tener una barra invertida antes de la palabra clave (“</title>”). (Gauchat, 2012, pág. 3)

Gráfico 3.22: Representación de código HTML Fuente: http://anonymouslivee.blogspot.com/2013/03/12-estructura-basicahtml.html

3.1.6

Base de datos

En los años sesenta se utilizaban aplicaciones informáticas basadas totalmente por lotes, las cuales estaban dirigidas a tareas específicas, donde se mantenía relación con pocas entidades o tablas. Para poder realizar actualizaciones o consultas estos sistemas utilizaban dos o más ficheros maestros donde se generaba un nueva copia de fichero que contenía la información generada, estos permitían a los usuarios tener un acceso secuencial, es decir que al momento que un usuario requería utilizar alguna aplicación tenía que generar un nuevo fichero con los datos nuevos y los ya existentes que era algo que generaba mucha redundancia de información y generando demasiados ficheros. (Rafael Camps Paré, 2007, pág. 31)

A medida que surgieron nuevas necesidades se introdujeron líneas de comunicaciones, terminales, discos y el diseño de nuevas aplicaciones que permitían a los usuarios realizar consultas y actualizaciones en los mismos ficheros a través de la red y de forma simultánea. Según como se iban integrando las aplicaciones se fue interrelacionando los ficheros con el único fin de eliminar la redundancia de información. A este conjunto de ficheros interrelacionados con estructura compleja recibían el nombre de Data Bank pero posteriormente en los años setenta fueron denominados como Data Base. (Rafael Camps Paré, 2007, pág. 31)

Gráfico 3.23: Representación de una base de datos gráficamente en forma de cilindro Fuente: books.google.es/books?isbn=8493831247

Una base de datos de un sistema de informático es la representación integrada de un conjunto de datos estructurados, es decir las bases de datos están constituidas por uno o más archivos que se encargan de almacenar y organizar los datos ingresados por un usuario a través de una aplicación, por tal motivo, el número de archivos que conformen una base de datos y el nombre de los mismos dependerá de cómo este estructurada dicha base de datos, los datos existentes o almacenados en una base de datos no se generan en

forma de archivos comunes evitando de esta manera que este tipo de información sea copiada fácilmente de un ordenador a otro, por lo que la trasmisión de estas bases de datos es algo complicado y difícil, lo que permite que los datos alojados en la misma, no sean descargados o copiados por terceros. (Spona, 2010, págs. 81-82)

Por lo mencionado anteriormente se puede decir que las bases de datos se han convertido en componente muy importante en la vida cotidiana de las personas y las empresas ya que a diario realizamos actividades que implican cierta interacción con bases de datos, como puede ser reservar un turno por internet para canjear la licencia de conductor, hacer consultas de notas de la universidad, depositar dinero en banco, entre otros. (Spona, 2010, págs. 81-82)

Gráfico 3.24: Entorno de un sistema de base de datos Fuente: Ramez, Elmasri. Fundamentos de sistemas de bases de datos. Pág. 6

3.1.6.1 DBMS (DataBase Management System / Sistema de Administración de Base de Datos)

Un sistema de administración de base de datos es la agrupación de componentes o elementos informáticos los cuales soportan la creación, el uso y el mantenimiento de base de datos, el propósito de la creación de los sistemas DBMS es facilitar el proceso de definición, construcción, manipulación y compartición de la base de datos entre un grupo de usuarios y aplicaciones.

En definitiva la construcción de una base de datos implica el alojamiento de los datos introducidos por un usuario en un determinado medio de almacenamiento lo cual se lo realiza con los sistemas de administración de base de datos, el cual permite manipular los datos realizando funciones como consultas a la base de datos para obtener o recuperar cierta información o datos específicos, actualizar la base de datos y poder reflejar los cambios por medio de informes o reportes, de esta manera se permitirá compartir la base de datos con varios usuarios y aplicaciones informáticas de forma simultánea. (Ramez Elmasri, 2007, pág. 5)

Otra de las características de los DBMS es la protección de la base de datos y el mantenimiento de la misma durante un largo periodo de tiempo, la protección a la base de datos implica que el funcionamiento defectuoso del software o hardware no genere la perdida de los datos, es decir que la información de la base de datos se mantendrá

intacta. Un DBMS también garantiza la seguridad de la información ante el acceso no autorizado y mal intencionado de los usuarios. (Ramez Elmasri, 2007, pág. 5)

Gráfico 3.25: Logos de administradores de base de d Fuente: http://informaticamascomputacion.blogspot.com/2012/12/base-de-datos.html

3.1.6.2 SQL(Structured Query Language / Lenguaje de Consulta Estructurada)

El lenguaje de consulta estructurada o SQL es un lenguaje que permite el acceso a las bases de datos relacionales permitiendo realizar varios tipos de operaciones, tales como procesar un gran conjunto de datos de manera grupal y no como unidades individuales, tiene instrucciones muy importantes las cuales permiten consultar datos, insertar, modificar y borrar filas de una tabla según la necesidad del usuario. ( Muñoz Chaparro, 2011, pág. 23)

3.1.6.3 Estructura del lenguaje SQL (Structured Query Language / Lenguaje de Consulta Estructurada)

Los sistemas administradores de base de datos contienen lenguajes e interfaces adecuadas para cada tipo de usuario ya sean estos administradores, diseñadores, programadores de las aplicaciones y usuarios finales. Estos lenguajes permiten a un administrador de base de datos definir los tipos de datos que compondrán la base de datos, la estructura, las relaciones que existen, control de acceso y las reglas de integridad. Los componentes de SQL son: (Ramos Martín & Ramos Martín, 2007, págs. 3-4)

3.1.6.3.1

DDL (Data Definition Language / Lenguaje de Definición de Datos)

Este tipo de lenguaje permite especificar los esquemas de la base de datos como son las vistas de los usuarios y la estructura de almacenamiento, es decir es el que permite definir el esquema conceptual y el esquema interno, este lenguaje es utilizado por los diseñadores y los administradores de bases de datos. (Ramos Martín & Ramos Martín, 2007, pág. 4)

3.1.6.3.2

DML (Data Manipulation Language / Lenguaje de Manipulación de Datos)

Este tipo de lenguaje es el que permite realizar la lectura y actualización de los datos de las bases de datos, es un lenguaje empleado por los usuarios para realizar consultas, inserciones, eliminaciones y modificaciones de la información en una base de datos. (Ramos Martín & Ramos Martín, 2007, pág. 4)

3.1.7

Metodología ágil de desarrollo de software

Las metodologías agiles de desarrollo de software nace de la necesidad de los desarrolladores de aplicaciones informáticas, como una alternativa a las metodologías tradicionales siendo estas demasiado estructuradas, estrictas y rígidas.

El término “ágil” nació en febrero de 2001 en una reunión de desarrolladores de software realizada en Estados Unidos, donde se creó La Alianza Ágil (The Agile Alliance) la cual es una organización sin fines de lucro, y con el objetivo de difundir los conceptos agiles de desarrollo para que las diferentes organizaciones puedan adoptarlas. (Toro López, 2012, pág. 20)

3.1.7.1 ¿Qué es una metodología ágil?

Una metodología ágil consiste en un conjunto de procedimiento que permiten al desarrollador de software diseñar una pequeña parte o prototipo del software que se desea construir, para de esta manera poder mostrárselo al cliente, y pueda dar su punto de vista permitiendo así seguir un camino adecuado en el desarrollo de la aplicación, estableciendo los requerimientos más relevantes logrando trabajar de manera conjunta para construir una aplicación que cumpla con las expectativas planteadas.

3.1.7.1.1 Características de los métodos agiles

•

Minimizan los riesgos de desarrollo de software

•

Se enfocan en los proyectos donde los requerimientos de software no son bien definidos y son cambiantes.

•

Respuesta inmediata a los cambios de requisitos a lo largo del desarrollo de software

•

Entrega continua de prototipos de software funcional

•

Facilidad de comunicación entre el equipo de desarrollo y el cliente

•

Mayor énfasis en la excelencia del diseño

•

Mejora continua en el proceso de desarrollo del software

3.1.7.2 Método XP (Extreme Programming / Programación Extrema)

El método ágil de Programación Extrema o XP es una de las técnicas más conocidas y utilizadas por los desarrolladores de software, en la programación extrema los requerimientos para el desarrollo de una aplicación, se denomina historia de usuarios, las cuales son implementadas como un conjunto de tareas, permitiendo crear código nuevo por separado, las líneas de código que se generan son sometidas a diferentes pruebas y una vez que se satisface las diferentes necesidades se integran los diferentes segmentos de código en un solo sistema, el cual sería la aplicación final.

Historia de Usuario Número:

Usuario:

Nombre historia: Prioridad en negocio:

Riesgo en desarrollo:

(Alta / Media / Baja)

Puntos estimados:

Iteración asignada:

Programador responsable:

Descripción:

Observaciones:

Gráfico 3.26: Representación de una ficha de historia de usuario Fuente: http://users.dsic.upv.es/asignaturas/facultad/lsi/ejemploxp/Gestion_Proyecto.html

En el método XP los clientes están estrechamente ligados en la especificación de los requerimientos del sistema a desarrollarse, por lo que los clientes de las aplicaciones forman parte del equipo de desarrollo, aportando con información valiosa para los desarrolladores de software, los cuales implementaran líneas de código para satisfacer las necesidades del cliente, realizando entregas de los avances realizados.

En la programación extrema se tiene bien en claro que la planificación en el desarrollo de una aplicación, en un principio nunca será bien definida o establecida, la cual va a variar en función de las necesidades del cliente. Debido a esto se realiza una planificación rápida al inicio del proyecto, para en el transcurso del desarrollo de la aplicación se puedan realizar retroalimentación las cuales permitan cubrir las necesidades del cliente logrando de esta manera alcanzar los objetivos plateados.

La finalidad de la programación extrema es la creación de diversos prototipos de la aplicación final, con el objetivo de ir aclarando las ideas en cada una de las iteraciones desde el punto de vista del cliente, logrando así llegar a la versión final del sistema.

3.1.7.3 El ciclo de vida de la metodología XP

•

Fase de exploración

•

Fase de planificación

•

Fase de iteraciones

•

Fase de producción

•

Fase de mantenimiento

•

Fase de muerte del proyecto

3.1.7.3.1

Fase de exploración

En la fase de exploración los clientes indican cuales son las necesidades que desean satisfacer una vez finalizado el desarrollo del sistema, cuyas necesidades son los requerimientos para el desarrollo del software, las cuales en programación extrema son denominados como historias de usuario que son de vital importancia para las primeras entregas del producto. Una vez que el equipo de desarrollo de software realiza su primera entrevista con el cliente, empieza la familiarización con las herramientas tecnológicas que serán empleadas en el transcurso del proyecto.

Ya obtenida las historias de usuario y herramientas de desarrollo de software, se empieza a construir un prototipo, el cual servirá de base inicial para llegar al sistema final, el tiempo que se tome en desarrollar los primeros prototipos dependerá de la familiaridad de los programadores con la tecnología empleada para el desarrollo.

3.1.7.3.2

Fase de planificación

En la fase de planificación como su nombre lo indica es una etapa donde los desarrolladores conjuntamente con el cliente determinan un cronograma de actividades para la normal ejecución del proyecto. Por lo que la actuación del cliente será de mucha

importancia, debido que este establecerá las prioridades de cada una de las historias de usuario y los programadores determinaran el tiempo y esfuerzo necesario para el cumplimiento para cada una de las mismas.

El esfuerzo requerido para la implementación de cada una de las historias de usuario, será determinado por los programadores, donde se le asignara una valoración de 1 a 3 puntos, lo que permite mantener un control de cada una de las historias de usuario en sus diferentes iteraciones, determinando con exactitud el tiempo empleado en el desarrollo de cada una de ellas, y como iteración final se obtiene las versiones terminadas de los requerimientos del cliente.

3.1.7.3.3

Fase de iteración

En la fase de iteración lo que los desarrolladores realizan son diferentes versiones del sistema que se desea implementar antes de ser entregado en su versión final. Cada una de las diferentes iteraciones que se realices son entregadas en un plazo máximo de tres semanas, la primera versión es muy importante, donde se puede establecer una arquitectura del sistema que se desea desarrollar, la cual pueda ser utilizada en el transcurso o duración del proyecto.

Al llegar a la última iteración de las historias de usuarios, estará lista la versión final del sistema, para ser entregado y puesto en producción.

3.1.7.3.4

Fase de producción

En la fase de producción es de vital importancia realizar diferentes tipos de pruebas y revisar el rendimiento del sistema antes que sea llevado al lugar de trabajo del cliente. En esta fase se pueden generar nuevas características o requerimientos, los cuales podrán ser implementados en la fase de mantenimiento. En esta parte el tiempo empleado para cada una de las iteraciones puede disminuir de tres semanas a una, para cubrir las necesidades del cliente sin ningún tipo de complicaciones.

3.1.7.3.5

Fase de mantenimiento

En la fase de mantenimiento el sistema se conserva en producción, mientras que la metodología de programación extrema debe seguir con el normal funcionamiento el sistema, y a su vez seguir desarrollando las nuevas iteración que fueron generadas en la fase de producción

3.1.7.3.6

Muerte del proyecto

La muerte del proyecto se da cuando el cliente se encuentra satisfecho con el funcionamiento del proyecto y ya no puede generar más historias para que sean implementadas en el sistema. Por lo que se busca cubrir las expectativas del cliente en aspecto también importantes como lo es el rendimiento y la confiabilidad del sistema, una vez cumplido esto se procede a generar la documentación final del sistema.

La muerte o finalización del proyecto también se puede dar, cuando no se satisface las necesidades del cliente o no existen los recursos necesarios para continuar con el proyecto.

3.2 Investigación o experiencias empíricas vinculadas con el problema de investigación.

A nivel local de Santo Domingo no fue posible encontrar algún tipo de investigación o experiencia empírica vinculadas con el problema de investigación de la presente disertación de grado.

A nivel zonal del territorio Ecuatoriano se logró encontrar varias propuestas de temas de investigación vinculadas con el presente problema de estudio, entre las que tenemos las siguientes:

En la universidad ESPE (Escuela Politécnica del Ejército), con extensión Latacunga, que se encuentra ubicada en la provincia de Cotopaxi, cantón Latacunga en la zona central del país. En el departamento de ciencias de la computación, carrera de Ingeniería en Sistemas e Informática, se ejecutó el “Desarrollo del portal Web para la fundación Virgen de la Merced”, con sus autores Henry Iglesias Cueva, Andrea Carolina Vergara Magaldi y Maritza Sofía, con fecha de publicación 2008 5.

http://repositorio.espe.edu.ec/handle/21000/562

En la región sierra en la Escuela Politécnica del Ejército sede Sangolqui en la carrera de Ingeniería en Sistemas e Informática se desarrolló como tema de tesis un Portal Web de servicios virtuales del Instituto de Seguridad Social de la Policía Nacional previo a la obtención del título de ingeniero en Sistemas e Informática los señores David Alexander Muñoz Figueroa, Christian Hernán Rosero Solis en Julio del 2009 6.

En la universidad PUCE (Pontificia Universidad Católica del ecuador) ubicada en la capital del Ecuador. En la facultad de Ingeniería, Carrera de Ingeniería de Sistemas y Computación, se ejecutó como tema de tesis el “Desarrollo de un portal web para publicidad de bienes inmuebles utilizando herramientas libres y metodología de programación extrema”, la cual fue realizada por el Sr: Leonardo Gastón Andrade Rolleri y dirigidos por Alfredo Calderón Serrano docente de universidad en el periodo 20011 7.

3.3 Formulación de la Hipótesis de trabajo

El diseño de la página web dinámica ayudará al Consejo Cantonal de la Niñez y Adolescencia en la vinculación con la colectividad y tener un mejor desempeño en la gestión de sus procesos de información.

6 7

http://repositorio.espe.edu.ec/handle/21000/1072 http://repositorio.puce.edu.ec/handle/22000/3378

IV. METODOLOGÍA DE LA INVESTIGACIÓN

La metodología de investigación es la sección donde se detallaron los tipos de investigación, métodos y técnicas e instrumentos que se emplearon en la disertación de grado, con el fin de desarrollar una página web dinámica para el Consejo Cantonal de Protección de Derechos del cantón Santo Domingo.

4.1 DISEÑO / TIPO DE INVESTIGACIÓN 4.1.1

Investigación proyectiva

En la presente disertación de grado intitulada se empleó el tipo de investigación proyectiva, la cual permitió la elaboración y planteamiento de una propuesta para dar solución a la problemática de estudio.

Mediante este tipo de investigación se intenta proponer soluciones a una situación determinada a partir de un proceso previo de indagación que implica explorar, describir y proponer alternativas de cambio en función de las demandas de la realidad abordada. (Hurtado, 2007, pág. 117)

4.1.1.1 Métodos de investigación

Los métodos de investigación son un conjunto de actividades que permiten al investigador tener una claridad en un determinado estudio debido al contacto directo que se tiene con la realidad, logrando así encontrar soluciones a los problemas, para finalmente poder alcanzar los objetivos planteados.

4.1.1.1.1

Método inductivo

El método inductivo es una técnica que permite al investigador realizar el estudio o análisis de un determinado problema de investigación, partiendo de hechos o casos particulares aumentando el conocimiento para llegar a un razonamiento general de los hechos.

Aplicación: Se hace uso del método inductivo para realizar el estudio del problema de investigación, mediante el cual se pueda realizar el razonamiento de cada una de las partes del tema de estudio por separado, logrando resolver pequeños inconvenientes y posterior mente se pueda unir estas partes, para llegar a dar solución al problema general, concluyendo con la elaboración de la página web.

4.1.1.1.2

Método analítico

El método analítico es una técnica que consiste específicamente en el análisis de los elementos que componen un todo o un fenómeno, es decir desfragmenta un objeto para posteriormente proceder a realizar un análisis o estudio ordenado de cada uno de los fragmentos, con la finalidad de tener un mayor conocimiento del objeto de estudio y posteriormente poder dar conclusiones y soluciones a los diferentes problemas.

Aplicación: Se hace uso del método analítico para realizar la investigación y análisis de la información necearía que permitirá dar solución al tema de disertación de grado, realizando el estudio de cada una de las partes fundamentales que se relacionaron y unificaron en un solo sistema. También permitió la selección de las herramientas adecuadas para la elaboración de la página web.

4.1.1.1.3

Método observacional

El método observacional es una técnica fundamental para el proceso de investigación ya que esta es la primera forma de interrelación o contacto con la realidad y cada uno de los elementos que van a ser objeto de estudio, permitiendo de esta manera al investigador obtener la información necesaria para dar solución a un determinado problema.

Aplicación: Se hace el uso de este método para realizar una observación directa de todos elementos, procesos, actividades y de la información que se maneja en el Consejo

Cantonal de Protección de Derechos de Santo Domingo, y así logar dar la estructura y ordenamiento adecuado de la información, la cual se verá reflejada en la página web.

4.1.1.1.4

Método estadístico

El método estadístico es una técnica cuyo objetivo es comprobar los fenómenos de estudios de manera matemática, es decir se aplican técnicas de muestreo y fórmula estadísticas para la comprobación de la hipótesis. (Lourdes Munch, 2009, pág. 34)

Aplicación: Se hace el uso de este método estadístico para la realización de la tabulación de cada una de las interrogantes de la encuesta de una manera ordenada construyendo cuadros estadísticos, gráficos y tablas las mismas que permitieron tener una interpretación objetiva de los resultados obtenidos.

4.1.2

Tipos de investigación

Los tipos de investigación es el conjunto de actividades que el investigador realiza para obtener o reunir información relevante o necesaria para el estudio y análisis de un determinado problema logrando de esta manera llegar a la solución y cumplimiento de los objetivos planteados.

4.1.2.1 Investigación bibliográfica

El tipo de investigación bibliográfica es una etapa de la investigación científica, mediante la cual se realiza una búsqueda o exploración minuciosa para lograr obtener o recopilar la mayor cantidad de información necesaria para la solución de un determinado problema de estudio, cuya información debe ser recopilada de fuentes confiables y actuales, es decir que tiene que ser información de calidad, de los conocimientos teóricos que se han escrito y publicado para en base a estos dar solución a las diferentes problemáticas.

Aplicación: Se hace uso de la investigación bibliográfica para la recolección de información relevante para la solución del problema de investigación de libros, revistas, disertaciones de grado, tesis e internet, para de esta manera tener un conocimiento más profundo en la elaboración de la página web.

4.1.2.2 Investigación aplicada

La investigación aplicada es un tipo de investigación práctica o empírica, la cual se enfoca principalmente en la aplicación o uso de los conocimientos ya generados y a partir de estos adquirir nuevos conocimientos, esta investigación es muy utilizada para generar resultados prácticos los cuales formen nuevos conocimientos o mejoras en las aplicaciones, productos o servicios ya existentes.

Aplicación: Se hace uso de la investigación aplicada ya que permite la utilización de las herramientas y conocimiento ya existentes, los cuales facilitaron el desarrollo y la implementación de las nuevas tecnologías, como lo es la página web del Consejo Cantonal de protección de Derechos de Santo Domingo.

4.2 POBLACIÓN / UNIVERSO

Se conoce como población o universo al conjunto de todos los individuos que portan información sobre el fenómeno que se estudia, representan una colección completa de elementos que poseen algunas características comunes, es decir es el conjunto más grande del cual se puede tomar una muestra representativa para su posterior estudio. (Quezada Lucio, 2010, pág. 95)

Aplicación: Para la ejecución de la presente disertación de grado se focalizo el estudio de la población que forma parte o tienen relación con el Consejo Cantonal Para la Protección de Derechos de Santo Domingo, como son personal de la institución, defensorías comunitarias, jóvenes, adolescentes, mujeres y otros grupos étnicos. Por lo que el universo o población de estudio estaba compuesto por 550 personas, las cuales tienen una relación directa con el CCPD-SD. Del total de esta población el 76% está conformado por mujeres, seguido del 24% compuesta por hombres. En la siguiente tabla se muestra como se conforma la población de estudio:

N°

LISTADO DE DEFENSORIAS COMUNITARIAS 2014 NÚMERO POR DIRECCIÓN DEFENSORÍA

1 ASENTAMIENTO LAS ISLAS

2 ASENTAMIENTO LAURA FLORES 1

3 ASENTAMIENTO VALLE DEL TOACHI

4 ASENTAMIENTO EL EBANO

5 COOP. PLAN DE VIVIENDA - 9 DE MAYO 6 BARRIO EL COLORADO 22 DE AGOSTO

35 10

7 COOP. 29 DE DICIEMBRE (IGLESIA NAZARENO)

8 BARRIO ZARACAY SECTOR 2

9 ASENTAMIENTO GUADALUPE LARRIVA

10 PARROQUIA PUERTO LIMÓN

11 COOP. PADRES DE FAMILIA

12 ACADEMIA ANA VERÓNICA KANYAT

13 COLEGIO CENTRAL

14 PARROQUIA EL ESFUERZO

15 PARROQUIA VALLE HERMOSO

16 COOP. LA AURORA

17 URB. VIRGEN DEL CISNE

18 COOP. JUAN EULOGIO

19 COOP. CRISTO VIVE - FERNANDO DAQUILEMA

20 PARROQUIA SAN JACINTO DEL BÚA

21 SAN GABRIEL DEL BABA

22 PARROQUIA ALLURIQUIN

23 JULIO MORENO (UNIDAD EDUCATIVA RÍO AMAZONAS)

24 COOP. RUMIÑAHUI

25 COOP. LOS UNIFICADOS

26 LA ALIANZA

27 COMUNA EL POSTE

28 LUZ DE AMÉRICA - RECINTO EL CISNE

29 COOP. ALEJANDRO MONTESDEOCA

30 EL ESFUERZO - RECINTO MILTON MURILLO

31 EL ESFUERZO - RECINTO SAN JOSÉ

32 YURI ORDOÑEZ

33 LOS VERGELES

34 SAN JACINTO DEL BÚA - LA FLECHA

35 SAN JACINTO DEL BÚA - SAN VICENTE DEL BÚA

36 SAN JACINTO DEL BÚA - 10 DE AGOSTO

37 UNIÓN CIVICA

38 CIUDAD VERDE

39 10 DE AGOSTO

40 COOP. CIUDAD NUEVA SECTOR 5

41 EL PROLETARIADO

42 25 DE JULIO

43 PROYECTO EC 180

44 16 DE MARZO

45 PLAN DE VIVIENDA-VOLUNTAD DE DIOS

15 TOTAL

550 75% son mujeres 25% son hombres

Tabla 4.1: Descripción de la población del CCPD-SD Fuente: CCPD-SD

4.3 MUESTRA

Constituye una selección al azar de una porción o subconjunto de la población, es decir la muestra consiste en un grupo reducido de elementos de dicha población, al cual se le evalúa características particulares, generalmente con el propósito de inferir tales características a toda la población. (Quezada Lucio, 2010, pág. 95)

Una muestra es un sub conjunto extraído del total de la población por alguna técnica de muestreo utilizada por el investigador para realizar un determinado estudio, el objetivo de tomar una pequeña parte de la población es para poder averiguar o conocer las propiedades de esta última, para que así el análisis de la problemática de estudio sea más sencillo.

Para la investigaciĂłn de la presente disertaciĂłn intitulada, se tomĂł una muestra de las personas que forman parte o tiene relaciĂłn con el Consejo Cantonal de ProtecciĂłn de Derechos de Santo Domingo. Por lo que se hizo uso de la siguiente formula:

đ?&#x2018; đ?&#x2018;&#x2018;đ?&#x2018;&#x2018;2 đ?&#x2018;? 2 đ?&#x2018;&#x203A;= (đ?&#x2018; â&#x2C6;&#x2019; 1)đ?&#x2018;&#x2019; 2 + đ?&#x2018;&#x2018;đ?&#x2018;&#x2018; 2 đ?&#x2018;? 2 DĂ&#x201C;NDE: n = el tamaĂąo de la muestra. N = tamaĂąo de la poblaciĂłn. đ?&#x2018;&#x2018;đ?&#x2018;&#x2018; = DesviaciĂłn estĂĄndar de la poblaciĂłn que, generalmente cuando no se tiene su valor, suele utilizarse un valor constante de 0,5.

Z = Valor obtenido mediante niveles de confianza (95%=1,96 o 99%=2,58) valores que quedan a criterio del investigador e = LĂmite aceptable de error muestras su valor que varĂa entre el 1% (0,01) y 9% (0,09), valor que queda a criterio del encuestador. N-1= CorrecciĂłn utilizada para muestras mayores a 30 personas

AplicaciĂłn: Se hace uso de la fĂłrmula anteriormente indicada para obtener la muestra de la poblaciĂłn de estudio de la presente disertaciĂłn, mediante la cual se obtuvo informaciĂłn importante para el desarrollo de la pĂĄgina web. Para lo cual se procediĂł a remplazar los datos conocidos en la formula, obteniendo la muestra para el estudio evidenciada de la siguiente manera:

Datos: N=550 (PoblaciĂłn o universo) d=0,5 (El cual es un valor constante) Z=1,96 (Que representa el nivel de confianza del 96%) e=0,09 (Limite aceptable de error de la muestra)

Remplazando en la fĂłrmula: đ?&#x2018;&#x203A;= đ?&#x2018;&#x203A;= đ?&#x2018;&#x203A;= đ?&#x2018;&#x203A;= đ?&#x2018;&#x203A;=

đ?&#x2018; đ?&#x2018;&#x2018;đ?&#x2018;&#x2018; 2 đ?&#x2018;? 2 (đ?&#x2018; â&#x2C6;&#x2019; 1)đ?&#x2018;&#x2019; 2 + đ?&#x2018;&#x2018;đ?&#x2018;&#x2018; 2 đ?&#x2018;? 2

550 â&#x2C6;&#x2014; (0,5)2 (1,96)2 (550 â&#x2C6;&#x2019; 1)(0,09)2 + (0,5)2 (1,96)2

550 â&#x2C6;&#x2014; 0,25 â&#x2C6;&#x2014; 3,8416 (550 â&#x2C6;&#x2019; 1) â&#x2C6;&#x2014; 0,0081 + 0,25 â&#x2C6;&#x2014; 3,8416 528,22 4,4469 + 0,9604 528,22 5,4073

đ?&#x2018;&#x203A; = 97,686 = 98

4.4 INSTRUMENTOS DE RECOGIDA DE DATOS

Los instrumentos de recogida de datos son muy importantes en un estudio de investigaciĂłn ya que mediantes estos se obtendrĂĄ informaciĂłn valiosa, la cual serĂĄ extraĂda a travĂŠs de la muestra de una poblaciĂłn para alcanzar los objetivos planteados.

4.4.1

Encuesta

La encuesta es una técnica de investigación cuantitativa, la cual consiste en la obtención de información relevante para la solución de un determinado problema de estudio. En este proceso el encuestador se pone en contacto con el encuestado para obtener información a través de un cuestionario previamente elaborado, el cual es una herramienta básica en la recopilación de la información. La encuesta es dirigida a la población o muestra que son objeto de estudio, obteniendo información estructurada y homogénea, a tal punto que a todos los individuos de estudio se le realice las mismas preguntas, para posteriormente poder realizar una tabulación de los datos y llegar a conclusiones numéricas.

Aplicación: Se hace uso de la encuesta para la recopilación de la información a través de la muestra de estudio y poder analizar datos cuantitativos, para así poder llegar a conclusiones objetivas sobre la implementación de la página web para el Consejo Cantonal de Protección de Derechos de Santo Domingo. Ver anexo 3

4.4.2

Entrevista

La entrevista es una técnica de recogida de datos, la cual se la realiza de manera oral y se convierte en la primera forma de contacto o relación con el objeto de estudio, la entrevista se la realiza de manera personal y directa, la misma que está formada de un conjunto de preguntas no estructuradas donde el investigador o entrevistador realiza

preguntas y recibe respuestas por el entrevistado sobre un tema específico. (Scribano, 2007, pág. 72)

Aplicación: Se hace uso de la entrevista para tener un contacto directo con el objeto de estudio y obtener la información específica para el establecimiento de los requerimientos específicos de la página web. Ver anexo 4

4.5 TÉCNICAS

ANÁLISIS

DATOS

INFORMACIÓN

Las técnicas de análisis de datos es un conjunto de procedimientos cuantitativos y/o cualitativos, las cuales son empleados por el investigador para someter los datos recolectados a través de aplicaciones como la de análisis estadísticos, de encuestas, de contenidos, entre otros.

4.5.1

Análisis estadístico

Una vez finalizada la recolección de los datos se emplean las técnicas de análisis estadísticos de los datos cuantitativos de cada una de las variables que se originaron, para poder realizar un estudio, estructuración y tabulación de cada una de las respuestas obtenidas en las encuestas. Los datos obtenidos en cada una de las encuestas fue analizado y verificado por medio de la herramienta o programa Excel.

Aplicación: Se hace el uso del estudio estadístico ya que permite realizar el análisis adecuado a cada una de las variables cuantitativas que se originaron en la recolección de datos por medio de la encuesta. Se tuvo un apoyo por medio de la herramienta de Excel para poder representar los datos en forma de tablas, gráficos facilitando así expresar y entender la información obtenida en las encuestas.

4.6 METODOLOGÍA OOHDM (OBJECT ORIENTED HYPERMEDIA DESIGN METHODOLOGY

METODOLOGÍA

DESARROLLO

HIPERMEDIA ORIENTADA A OBJETOS)

La metodología de desarrollo de hipermedia orientada a objetos conocida por sus siglas en ingles OOHDM, está orientada plenamente para el diseño y desarrollo de aplicaciones hipermedia y para la web, con la cual se logra crear aplicaciones web con galerías interactiva, presentaciones de multimedia y sistemas de información.

OOHDM se encuentra formada por cinco fases de desarrollo web, las cuales son:

•

Determinación de requerimientos

•

Diseño conceptual

•

Diseño navegacional

•

Diseño de interfaz abstracta

•

Implementación

4.6.1

Determinación de requerimientos

La fase de determinación de requerimientos o especificación de requerimientos de software, es una de las etapas más importantes de la metodología, debido que en esta se definen cuáles son las necesidades que el cliente desea satisfacer con el desarrollo de una aplicación web, cuyas necesidades se encuentran reflejadas en los casos de uso, los mismos que son creados con el objetivo de determinar los requerimientos de la aplicación con claridad.

Para lograr implementar una aplicación hipermedia que satisfaga las necesidades del cliente, OOHDM divide esta fase en cinco sub-fases, las cuales son:

•

Identificación de roles y tareas

•

Especificación de escenarios

•

Especificación de casos de usos

•

Diagramas de interacción de usuarios

•

Validación de casos de usos y diagramas de interacción de usuarios

Aplicación: Se utilizó la fase de determinación de requerimientos de la metodología OOHDM, para conocer con exactitud las necesidades del CCPD-SD y con esto poder realizar la respectiva documentación de requerimientos de software, Ver anexo 1, para la extracción de tan importante información se hizo uso de la entrevista, Ver anexo 4, la cual es una técnica de recogida de datos.

4.6.2

Diseño conceptual

En la fase de diseño conceptual se busca generar los esquemas que representen los objetos que van a formar parte de la aplicación, así como también las relaciones y colaboraciones que existirán entre las mismas.

4.6.3

Diseño navegacional

En la fase de diseño navegacional se establece la estructura de navegación que los usuarios seguirán en la aplicación web para llegar a un nodo determinado y obtener información específica o requerida. El objetivo de esta fase es organizar la información obtenida para enfocarla a las necesidades de los usuarios de la aplicación web. OOHDM define a sus clases navegacionales como nodos, enlaces y estructuras de accesos, que en términos generales serían los caminos que ayudan a los usuarios a interactuar con los diferentes objetos que conforman una aplicación web.

4.6.4

Diseño de interfaz abstracta

En la fase de interfaz abstracta se define con exactitud la forma que tendrá la interfaz que será presentada a los usuarios de la aplicación web, es decir se estable la manera en que se presentaran los diferentes objetos y como estos facilitaran la navegación o funcionalidad de la aplicación.

4.6.5

Implementación

En la fase de implementación lo que se hace es reunir toda la información recabada en las fases anteriores y llevar cada uno de los objetos a un lenguaje de programación web que sea de dominio de los programadores. En esta fase los programadores ya tienen la idea clara de cómo se resolverá el problema de estudio, por lo que los desarrolladores eligen el lugar adecuado de almacenamiento para la información u objetos que formaran parte de la aplicación web.

Es importante indicar que los desarrolladores están a cargo de la parte técnica de la interfaz, gráfica y codificación de la aplicación, pero los encargados de dar la apariencia final de la interfaz que será mostrado a los usuarios será el diseñador gráfico.

RESULTADOS

En el presente capítulo se detalla cada uno de los resultados obtenidos en las encuestas aplicada al grupo de personas que formaron parte de la muestra de estudio la cual fue seleccionada del total de la población que mantienen un vínculo y realizan constantes actividades con el CCPD-SD, por otra parte también se realizó el estudio de las etapas de desarrollo de la página web dinámica para el CCPD-SD, para lo cual se empleó la metodología OOHDM, la misma que se encuentra detallada en el capítulo anterior. En esta sección se presentará cada uno de los resultados con su respectiva discusión.

DISCUSIÓN Y ANÁLISIS DE LOS RESULTADOS

Encuesta dirigida a la población del CCPD-SD.

Se presentara la tabulación y análisis de las preguntas aplicadas en las encuestas y la discusión de las mismas

1. ¿Cree usted que el Consejo Cantonal Para la Protección de los Derechos del Cantón Santo Domingo (CCPD-SD) utiliza adecuadamente los diferentes medios de comunicación para mantener informada a la ciudadanía?

Alternativa

Cantidad

Porcentaje (%)

TOTAL

100

Tabla 5.2: Tabulación de datos de la pregunta Nº1 Fuente: Los autores

59%

41%

Gráfico 5.27: Representación gráfica y porcentual de la pregunta Nº1 Fuente: Los Autores

Los resultados obtenidos en las encuestas para la primera preguntan se los puede ver reflejados tanto en la tabla de tabulación como en el gráfico, del 100% el 59%(58 personas) afirmaron que el CCPD-SD no utilizaba adecuadamente los diferentes medios de comunicación para mantener informada a la ciudadanía de sus diferentes actividades realizadas en favor de los derechos de las personas. Seguido de un 41% (40 personas) aseguraron que el CCPD-SD utilizaba adecuadamente los diferentes medios de comunicación para mantener informada a la ciudadanía de sus diferentes proyectos.

Se pudo constatar que una parte de la población del estudio de investigación, estaba de acuerdo en que el CCPD-SD informaba adecuadamente a la ciudadanía de sus diferentes proyectos realizados o por realizar, esto se dio ya que el CCPD-SD empleaba medios de comunicación como televisión, radio, afiches publicitarios o documentos volantes, lo que limitaba de cierto modo que toda la ciudadanía de Santo Domingo se mantenga informada. Por tal motivo un número significativo de personas constataron que el CCPD-SD necesitaba mejorar la manera de trasmitir la información a la ciudadanía.

2. ¿Ha tenido problemas para obtener información importante de las actividades del CCPD-SD? Alternativa

Cantidad

Porcentaje (%)

TOTAL

100

Tabla 5.3: Tabulación de datos de la pregunta Nº2 Fuente: Los autores

42% 58%

Gráfico 5.28: Representación gráfica y porcentual de la pregunta Nº2 Fuente: Los Autores

Del 100% el 58% (57 personas) afirmaron que han tenido problemas para obtener información importante de las actividades del CCPD-SD, lo cual limitaba a las personas a formar parte de los proyectos que generaba la institución. Seguido de un 42% (41 personas) dijeron que les era fácil obtener la información de las diferentes actividades y proyectos realizados por el CCPD-SD.

Se pudo verificar que en su mayoría de encuestados reconocieron tener problemas para obtener información acerca del CCPD-SD, por tal motivo se vio la necesidad de implementar nuevas tecnologías de información para contrarrestar este tipo de inconvenientes.

3. ¿Le es fácil a usted obtener información relevante de las actividades que realiza el CCPD-SD, desde cualquier lugar?

Alternativa

Cantidad

Porcentaje (%)

TOTAL

100

Tabla 5.4: Tabulación de datos de la pregunta Nº3 Fuente: Los autores

22% 78%

Gráfico 5.29: Representación gráfica y porcentual de la pregunta Nº3 Fuente: Los Autores

Del 100% el 78% (76 personas) ratificaron que les era muy difícil obtener información relevante de las actividades que realiza el CCPD-SD desde cualquier lugar de ubicación. Seguido de un 22% (22 personas) aseguraron que podían acceder a la información generada por la institución desde cualquier lugar.

Fue evidente que, la gran mayoría de las personas encuestadas coincidieron en que era complicado obtener o acceder a la información emitida por el CCPD-SD desde cualquier punto geográfico, por lo que se evidencio que la institución necesitaba implementar nuevas tecnologías de la información como lo es una página web, para de esta manera acortar distancias y fronteras.

4. ¿Cree usted que el CCPD-SD utiliza adecuadamente el internet para informar a las personas sobre sus diferentes actividades?

Alternativa

Cantidad

Porcentaje (%)

TOTAL

100

Tabla 5.5: Tabulación de datos de la pregunta Nº4 Fuente: Los autores

19% 81%

Gráfico 5.30: Representación gráfica y porcentual de la pregunta Nº4 Fuente: Los Autores

Del 100% el 81% (79 personas) afirmaron que el CCPD-SD no estaba utilizando adecuadamente el internet como una herramienta de comunicación para informar a ciudadanía de sus diferentes actividades. Seguido de un 19% (19 personas) que coincidieron en que el CCPD-SD estaba usando adecuadamente el internet para compartir información relevante de sus actividades.

En el análisis de los resultados de las encuestas realizadas a las personas que tienen una vinculación con el CCDP-SD, se puede evidenciar que una parte significativa de la población que fue objeto de estudio, índico que era necesario que la institución emplee adecuadamente las tecnologías de la comunicación como lo es el internet, para mantener

informada a la ciudadanía de la labor social que realizan en protección de los derechos de las personas.

5. Para obtener información de actividades futuras del CCPD-SD. ¿Cómo le gustaría a usted realizarlo?

Alternativa

Cantidad

Ir personalmente al CCPD-SD Informarme por medio de una página web (Internet) Total

Porcentaje (%)

15 83

15 85

100

Tabla 5.6: Tabulación de datos de la pregunta Nº5 Fuente: Los autores

Ir personalmente al CCPD-SD Informarme por medio de una página web (Internet)

15% 85%

Gráfico 5.31: Representación gráfica y porcentual de la pregunta Nº5 Fuente: Los Autores

Del 100% el 85% (83 personas) estuvieron de acuerdo en que prefieren obtener información del CCPD-SD utilizando una página web de la institución. Mientras que un 15% (15 personas) decidieron que era más conveniente ir personalmente al CCPD-SD

para obtener información sobre las diferentes actividades que realiza la institución en beneficio de los derechos de las personas.

Una porción muy reducida de la población que fue objeto de estudio expreso que preferían ir personalmente al CCPD-SD para estar al tanto de los acontecimientos más importantes o actividades futuras que la institución realizara en beneficio de la ciudadanía, pero hoy en día esto ya no es muy común, por lo que se busca minimizar recursos, como el tiempo y el dinero para obtener información importante utilizando las páginas web, para de esta manera acortar distancias permitiéndonos así estar comunicados con el mundo.

Por tal motivo en su mayoría de las personas encuestadas, estuvieron de acuerdo en que es más conveniente obtener información de la institución desde una página web, ya que esta no tendría limitación de tiempo ni de ubicación, porque permitirá acceder a la ciudadanía a la información desde cualquier lugar y a cualquier hora.

6. ¿Considera usted que las páginas web son de utilidad y necesarios para una institución como el CCPD-SD?

Alternativa

Cantidad

Porcentaje (%)

100

TOTAL

Tabla 5.7: Tabulación de datos de la pregunta Nº6 Fuente: Los autores

97%

Gráfico 5.32: Representación gráfica y porcentual de la pregunta Nº6 Fuente: Los Autores

Del 100% el 97% (95 personas) estuvieron consientes en que las páginas web son de gran utilidad y necesarias para una institución como lo es el CCPD-SD. Mientas que un 3% (3 personas) no estuvieron de acuerdo en que las páginas web sean de gran utilidad para una institución.

Una parte significativa de la población que fue objeto de estudio, estuvo de acuerdo en que las páginas web son de vital importancias en una institución, ya que mediante estas se puede reflejar información importante que se desea que la comunidad conozca permitiendo mantener una mayor vinculación entre ambas partes. Por tal motivo fue de vital importancia el desarrollo de una página web para el CCPD-SD.

7. ¿Qué tipo de información le gusta encontrar en una página web? Alternativa

Cantidad

Porcentaje (%)

Imágenes

Videos

Noticias (Formato texto)

Otros

183

100

TOTAL

Tabla 5.8: Tabulación de datos de la pregunta Nº7

Fuente: Los autores

Imágenes

Videos

Noticias (Formato texto)

Otros

26%

39% 30%

Gráfico 5.33: Representación gráfica y porcentual de la pregunta Nº7 Fuente: Los Autores

Del 100% el 39% de los encuestados respondieron que el tipo de información que les gusta encontrar en las páginas web es de tipo texto. Seguido de un 30% que prefieren encontrar informativos en formato de video donde se recuerde algún tipo de acontecimiento importante para la institución. Posteriormente un 26% dijo que le gusta encontrar imanes como parte de la información que presente el CCPD-SD a la ciudadanía lo cual permite que una noticia sea más ilustrativa. Finalmente un 5% dijo que prefería algún otro tipo de información.

8. ¿Considera usted que se debería implementar una página web para el CCPDSD, para una mejor vinculación con la comunidad? Alternativa

Cantidad

Porcentaje (%)

98 100 TOTAL Tabla 5.9: Tabulación de datos de la pregunta Nº8 Fuente: Los autores

99%

Gráfico 5.34: Representación gráfica y porcentual de la pregunta Nº8 Fuente: Los Autores

Del 100% el 99% (97 personas) consideraron que era de vital importancia la implementación de una página web para el CCPD-SD, para que mediante esta pueda presentar todo tipo de información importante para la institución y la ciudadanía. Mientras el 1% (1 persona) dijo que no era necesario la implementación de una página web para la institución.

En su gran mayoría de las personas que fueron objeto de estudio de la presente investigación, estuvieron de acuerdo en la implementación de una página web CCPD-

100

SD, mediante la cual se beneficie la institución y la ciudadanía, creando un vínculo más estrecho entre ambas parte y permitiendo de esta manera que la información sea más accesible para sus interesados. Por tal motivo se determinó que era factible la implementación de la página web para el CCPD-SD.

Según los resultados obtenidos en la ejecución de las encuestas realizadas a la población del CCPD-SD, se puede observar la necesidad que tenían las personas que mantienen una relación con el CCPD-SD, el contar con una página web, la cual les permita mantenerse comunicados de las diferentes actividades que realiza la institución en favor de los derechos de las personas. Lo cual concuerda con la temática de la investigación, expuesta en la sección de antecedes del problema de investigación.

En los análisis realizados a las respuestas obtenidas para cada una de las preguntas de las encuestas, se puede constatar que un porcentaje significativo de la población de estudio estuvo de acuerdo, con el desarrollo de la página web dinámica y la importancia que esta tiene en la comunicación entre la institución y la ciudadanía, permitiéndoles así obtener información importante de la institución e incluso dejar comentarios o sugerencias que permitan destacar algún tipo de información emitida por el CCPD-SD. Por tal motivo se puede notar la relación que existe entre los resultados obtenidos y la hipótesis planteada para el problema de investigación,

101

Método de desarrollo web OOHDM

Para llegar a la determinación si el método OOHDM fue el adecuado en el desarrollo y diseño de la página web dinámica, se discutió cada una de las etapas empleada en el desarrollo de la aplicación web. Las siguientes son las etapas que conforman el método de desarrollo OOHDM:

•

Determinación de requerimientos

•

Diseño conceptual

•

Diseño navegacional

•

Diseño de interfaz abstracta

•

Implementación

Discusión de la determinación de requerimientos

Para la etapa de análisis de requerimientos de software se hizo uso de los instrumentos de recogida de datos, como lo es el caso de la entrevista, Ver anexo 4, la cual cumplió un papel muy importante ya que mediante esta técnica se logró obtener información relevante para la determinación de la necesidades o requerimientos de software del CCPD-SD, posteriormente se buscó el camino adecuado para dar solución a cada uno de los requerimientos propuestos en cada una de las entrevistas realizadas al personal del CCPD-SD.

102

También se vio reflejado el uso de las metodologías agiles de desarrollo de software, la cual se detalla en la sección III marco referencial, se puso en práctica las características de este tipo de metodología, debido a que los requerimientos de software no fueron bien definidos desde un principio o desde la primera entrevista, sino que fueron cambiantes a través del tiempo por lo que se dieron respuestas inmediatas a los cambios de requerimiento en el desarrollo de la aplicación web.

Este tipo de metodología ágil fue muy bien acogida ya que permitió realizar pequeños prototipos de software los cuales eran presentados al personal del CCPD-SD facilitando la comunicación entre el equipo de desarrollo y cliente.

Discusión del Diseño conceptual

En la etapa de diseño conceptual lo que se procedió a realizar fue una abstracción de la realidad en base a los requerimientos de software que se plantearon, de esta manera se logró obtener un modelo en papel de lo que podría ser en definitiva el diseño de la aplicación web o su primer apariencia para los usuarios.

En esta etapa de la metodología se puede evidenciar la importancia de la investigación del diseño de una página web, expuesta en la sección III marco referencial, lo cual permitió realizar el diseño conceptual de la aplicación web, resaltando cada una de sus secciones, la forma y las posibles funcionalidades que cada una tendrá en la finalización del proyecto.

103

Esta etapa fue muy importante ya que se convirtió en la base o el punto de partida para el desarrollo de la aplicación web, aunque no se mantuvo el mismo diseño en todo el proceso debido a que los requerimientos eran cambiantes, por lo que se procedía a reestructurar el diseño conceptual en base a las metodologías agiles de desarrollo de software.

Discusión Diseño navegacional

En la etapa de diseño navegacional se procedió a definir cómo se van a comunicar o relacionar las diferentes páginas que conforman el sitio web o página principal. Es decir al momento de hacer un clic algún botón, imagen, noticia o hipertexto hacia donde se va a redirigir al usuario al momento de acceder a una determinada información.

En esta etapa se hizo uso del concepto estructura jerárquica de una página web, la cual se detalla en la sección III marco referencial, la investigación de la estructura jerárquica de una página web permitió realizar una organización bien estructurada de la información que forma parte del sitio web y de las páginas que lo conforman, permitiendo así al usuario seleccionar la información deseada y volver al inicio con facilidad cuando lo requiera, por lo que de tres tipos de estructuras se optó por usar la estructura lineal con jerarquía que fue la que más se adaptó a los requerimientos, las otras dos estructuras no se la utilizo por separado debido a que limitaba la funcionalidad de la aplicación web.

104

Discusión del Diseño de interfaz abstracta

En la etapa de diseño de interfaz abstracta se definió como van a estar ubicados los elementos u objetos del sitio web y la manera en que estos activaran la forma de navegación o que elementos el usuario podrá ver a primera vista. Es decir en esta parte del diseño se podrá percibir lo más importante o relevante en cuanto a la información que se podrá visualizar, y mediante estas se podrá acceder a algo más detallado, por medio de los diferentes enlaces de hipermedia que se encontraran cada uno de los elementos del sitio web.

Discusión de la implementación

En la etapa de implementación lo que se procedió a realizar fue determinar las herramientas de desarrollo que se emplearían para el cumplimiento de los objetivos, por lo que posterior mente se obtuvo el producto final siendo esta la página web dinámica para el CCPD-SD.

En esta sección fue muy importante la investigación previa de la bibliografía de los diferentes temas que eran referentes al desarrollo de aplicaciones web, por lo que fueren empleados varios de los términos en la implementación, tales como:

•

Web hosting

•

Nombres de dominio

105

•

Sitio y página web

•

Lenguajes de programación orientados a la web (PHP y HTML)

•

Bases de datos

•

Metodologías ágiles de desarrollo de software

Nota: Cada uno de estos términos se encuentran detallados en la sección III marco referencial de la presente disertación de grado intitulada.

CONCLUSIONES

•

La determinación y análisis de los requerimientos de software para el desarrollo de la página web, permitió recabar información valiosa la misma que fue otorgada por el cliente, la cual ayudo a determinar las historias de usuario, para posteriormente ser analizadas y asignarle prioridades a cada una de las historias que se generaron, logrando de esta manera dividir el desarrollo del proyecto en iteraciones.

•

La determinación del diseño conceptual de la página web fue primordial debido que mediante esta se definió el diseño de la aplicación web o la apariencia que sería mostrada a los usuarios finales, esta interfaz de usuario se logró definir por medio de las necesidades del cliente las cuales fueron establecidas en los requerimientos de software, para lo cual se empleó instrumentos de recogida de datos como lo es la entrevista y la encuesta.

106

•

En la definición del diseño navegacional se estableció como se relacionarían las diferentes páginas que conforman el sitio web, es decir se estableció una página principal la cual sería el punto de partida para llegar a otros lugares y obtener los diferentes formatos de información que el cliente o CCPD-SD desea que sus usuarios finales puedan percibir, para lo cual se creó una serie de prototipos los que permitieron definir un diseño navegacional acorde con las necesidades del cliente.

•

La definición de la interfaz abstracta fue la que más tiempo se tomó, debido a que esta iba cambiando con el tiempo dependiendo de las necesidades del cliente y de la búsqueda de atraer la atención de los usuarios para que no pierdan el interés de obtener información de la página web, estos tipos de cambios se pudieron realizar con rapidez gracias a la metodología ágil XP la misma que permite adaptarse a los cambios de requerimientos con facilidad, generando nuevos prototipos acorde a las necesidades del cliente.

•

La implementación de la página web para el CCPD-SD fue un paso positivo en la automatización de la información de la institución, lo cual se llevó a cabo siguiendo los parámetros de la metodología de desarrollo de software OOHDM.

LÍMITES Y RECOMENDACIONES

•

Es de vital importancia mantener la página web actualizada, para que los usuarios no pierdan el interés en la misma.

107

•

Realizar la capacitación del personal encargado en la administración de la página web.

•

Clasificar la información que se subirá a la página, para atraer la atención de los usuarios finales, logrando de esta manera mantener informada a toda la comunidad que conforman el CCPD-SD.

•

Revisar el manual de usuario para que la persona encargada de gestionar la administración de la página, pueda realizar los cambios futuros.

FUENTES DE REFERENCIA O INFORMACIÓN BIBLIOGRAFÍAS •

Muñoz Chaparro, A. (2011). Oracle 11g SQL : curso práctico de formación. Madrid: RC Libros.

•

Rodríguez Ávila, A. (2007). Iniciación a la red Internet: Concepto, funcionamiento, servicios y aplicaciones de internet. España: Ideaspropias.

•

Andraka, P. (2011). 10 Diez... ¡EL VENDEDOR PERFECTO! Estados Unidos: Palibrio.

•

Atelin, P., & Dordoigne, J. (2007). TCP/IP y protocolos de internet. Barcelona: Ediciones ENI.

•

Aubry, C. (2012). Cree su primer sitio Web: del diseño a la realización. España: Editiond ENI.

•

Ávila, A. R. (2007). Iniciación a la red Internet: Concepto, funcionamiento, servicios y aplicaciones de internet. España: Ideaspropias.

•

Barceló Ordinas, J. M. (2008). Protocolos y aplicaciones Internet. Brcelona: UOC.

•

Eslava Muñoz, V. J. (2012). HTML, presente y futuro de la web. España: Bubok Publishing.

•

Gauchat, J. D. (2012). El gran libro de HTML5, CSS3 y Javascript. Barcelona: Marcombo.

•

Hurtado. (2007).

•

Ibabe Erostarbe, I., & Jaureguizar Albonigamayor, J. (2005). Como crear una web docente de calidad. España: Gesbiblo, S.L.

•

Lourdes Munch, E. A. (2009). Metodos y tecnicas de investigacion. Mexico: Trillas.

•

Muñoz Razo, C. (2011). Como elaborar y asesorar una investigacion de tesis. Mexico: Pearson Educacion. 108

109

•

Muñoz Rodriguez , P. (2010). Mantenimiento de portales de informacion. Vision Libros.

•

Quero Catalinas, E., García Román, A., & Peña Rodríguez, J. (2007). Mantenimiento de portales de la Información: explotación de sistemas informaticos. Madrid.

•

Quezada Lucio, N. (2010). Metodología de la investigación. Lima: Macro E.I.R:L.

•

Rafael Camps Paré, L. A. (2007). Software Libre.

•

Ramez Elmasri, S. N. (2007). Fundamentos de sistemas de bases de datos . Madrid.

•

Ramos Martin, A. (2011). APLICACIONES WEB (NOVEDAD 2011). Madrid: Ediciones Parainfo.

•

Ramos Martín, A., & Ramos Martín, M. J. (2007). Operaciones con bases de datos ofimáticas y corporativas. España.

•

Sánchez Corbalán, A., García Ramírez, M., López Fernández, F. V., & Miñana Caselles, Ó. (2010). Servicios de Red. Una visión práctica.

•

Scribano, A. (2007). El proceso de investigación social cualitativo. Argentina: Prometeos libros.

•

Spona, H. (2010). Programacion de base de datos con MySql y PHP. Mexico: Alfaomega.

•

Toro López, F. (2012). Administracion de proyectos de informatica. Bogota: Ecoe Ediciones.

•

Vértice, E. (2010). Técnicas avanzadas de diseño web. España.

LINCOGRAFIAS •

http://repositorio.espam.edu.ec/bitstream/123456789/506/1/46%20%20JUAN%20A NDRADE%20%26%20BETHSY%20MOLINA.pdf

•

http://users.dsic.upv.es/asignaturas/facultad/lsi/ejemploxp/Gestion_Proyecto.html

•

http://bibliotecadigital.umsa.bo:8080/rddu/bitstream/123456789/858/3/T-1815.pdf

110

•

http://postgrado.info.unlp.edu.ar/Carreras/Doctorado/Tesis/Urbieta_Mario_Matias.p df

•

http://20101redes2.wikispaces.com/Capa+de+Aplicacion

•

http://sistemamid.com/preview.php?a=4088

GLOSARIO

CCPD-SD.- Consejo Cantonal Para la Protección de los Derechos del Cantón Santo Domingo: Es una institución encargada de salvaguardar los derechos de mujeres niños y adolescentes previos a una situación de abuso o maltrato a los mismos.

SRS.- Software Requirements Specification / Especificación de requerimientos de software: Documento legal que sirve como ayuda a la toma de requerimientos previo al desarrollo de una aplicación y también para delimitar el alcance del mismo.

IP.- Internet Protocol / Protocolo de Internet: Es una etiqueta numérica que identifica de manera lógica a cualquier dispositivo que se encuentre conectado a la red.

ISP.- Internet Service Provider / Proveedores de Servicio de Internet: Se trata de una institución que ofrece conexión a la web por el pago de una cuota.

DNS.- Domain Name Server / Servidor De Nombres De Dominio: Es un sistema de nomenclatura jerárquico para computadoras, servicios o cualquier recurso conectado a Internet o a una red privada

111

112

DHCP.- Dynamic Host Configuration Protocol / Protocolo De Configuración Dinámica De Host: Es un protocolo de red que permite a los clientes de una red IP obtener sus parámetros de configuración automáticamente

SERVIDOR.- Un servidor es un nodo que, formando parte de una red, provee servicios a otros nodos denominados clientes

TCP.- Transmission Control Protocol / Protocolo de Control de Transmisión: Es un protocolo de transporte en internet este se asegura que el paquete sea entregado a su destino

FTP.- File Transfer Protocol / Protocolo de transferencia de archivos: Protocolo de transferencia de archivos entre computadoras conectada a una red.

HTTP.- Hypertext Transfer Protocol / Protocolo de transferencia de hipertexto: Es el protocolo usado en cada transacción del internet

UDP.- User Datagram Protocol / Protocolo de Datagrama de Usuario: Es un protocolo del nivel de transporte basado en el intercambio de datagramas

TFTP.- Trivial File Transfer Protocol / Protocolo trivial de transferencia de archivo: Es un protocolo del nivel de transporte basado en el intercambio de datagramas

113

URL.- Uniform Resouce Locator / Localizador de Recursos Uniforme: Es un identificador de recursos uniformes.

UNIX.- Es un sistema operativo o software portable multitarea y multiusuario desarrollado o fabricado en la década de los 19060.

Web Hosting.- Es el hospedaje o alojamiento web el cual consiste en alojar o almacenar los diferentes tipos de archivos de un sitio web y al cual se debe dar una remuneración económica por tal servicio

Dominio.- Son las siglas o nombre que debemos recordar de cualquier sitio web para acceder al mismo mediante un navegador.

PDF.- Portable Document Format / Formlato de Documento Portati. Es la extensión de una clase de archivos planos

PHP.- Hypertext preprocessor / Hipertexto pre-procesador. Es un lenguaje de programación de código libre utilizado principalmente para desarrollo de software orientado a la web.

HTML.- HyperText Markup Language / Lenguaje de Marcas de Hipertexto. Este es un lenguaje de programación utilizado únicamente para el desarrollo de páginas web con el uso de etiquetas.

114

Base de datos.- Una base de datos es la recolección de datos o información que posee algo en común y son almacenados en un computador con la ayuda de un software.

DBMS.- DataBase Management System / Sistema de Administración de Base de Datos. Son softwares que existen en el mercado de manera gratuita y pagada para la recolección de datos en la computadora.

SQL.- Structured Query Language / Lenguaje de Consulta Estructurada. Es un software que existe en el mercado informático de manera gratuita para recolectar datos.

DDL.- Data Definition Language / Lenguaje de Definición de Datos. Es un lenguaje dentro de las bases de datos que manipula la estructura de la base de datos

DML.- Data Manipulation Language / Lenguaje de Manipulación de Datos. Es un lenguaje dentro de las bases de datos que permite la manipulación de los datos.

ANEXOS

ANEXO 1

PONTIFICIA UNIVERSIDAD CATOLICA DEL ECUADOR SEDE SANTO DOMINGO

DIRECCIÓN ACADÉMICA - ESCUELA DE SISTEMAS

SRS (Software Requirements Specification / Especificación de requerimientos de software)

Línea de investigación: Estudio, Diseño e Implementación de Software

Autores: CARLOS RODRIGO CUEVA TORRES CARLOS EDUARDO PALLO CABALLERO

Director: Mg. RODOLFO SIRILO CORDOVA

Santo Domingo-Ecuador Diciembre, 2013

Índice 1.

INTRODUCCIÓN ................................................................................................ 4 1.1

PRÓPOSITO ................................................................................................. 4

1.2

ÁMBITO DEL SISTEMA ............................................................................ 5

1.3

DEFINICIONES ACRONIMOS Y ABREVIATURAS ............................... 5

1.4

REFERENCIAS ............................................................................................ 6

1.5

VISIÓN GENERAL DEL PRODUCTO ...................................................... 6

DESCRIPCIÓN GENERAL................................................................................. 7 2.1

Perspectiva del producto ............................................................................... 7

2.2

FUNCIONES DEL PRODUCTO ................................................................. 7

2.3

CARACTERISTICAS DE LOS USUARIOS ............................................... 7

2.4

RESTRICCIONES ........................................................................................ 8

2.5

SUPOSICIONES Y DEPENDENCIAS ........................................................ 8

REQUISITOS ESPECÍFICOS ............................................................................. 9 3.1

INTERFACES EXTERNAS ......................................................................... 9

3.2

FUNCIONES................................................................................................. 9

3.3

REQUISITOS DE RENDIMIENTO........................................................... 10

3.4

RESTRICCIONES DE DISEÑO ................................................................ 10

3.5

ATRIBUTOS DEL SISTEMA .................................................................... 11

3.5.1

DISPONIBILIDAD ............................................................................. 11

3.5.2

SEGURIDAD....................................................................................... 11

3.5.3

MANTENIBILIDAD ........................................................................... 11

3.5.4

FIABILIDAD ....................................................................................... 11

1. INTRODUCCIÓN

En esta sección del documento se dará una explicación breve de todo el contenido del presente (SRS). En la primera sección consta de varias partes como: el propósito explica a quién va dirigido el documento, el ámbito del sistema en el cual damos el nombre al sistema y explica lo que realiza y lo que no hará tal sistema así como lo que se pretende lograr con la implementación del mismo también encontramos las definiciones y abreviaturas de términos desconocidos o técnicos, y la visión general del documento.

La segunda sección del documento contiene la descripción general y a su vez está dividida en secciones como: perspectiva del producto, las funciones del producto, características de los usuarios, restricciones generales, asunciones y dependencias.

En la tercera parte del documento se encuentra requisitos específicos y contiene las siguientes secciones como: las interfaces externas, funciones, los requisitos de rendimiento, las restricciones de diseño, atributos del sistema y otros requerimientos.

1.1 PRÓPOSITO

El propósito de este documento es mostrar las interfaces externas así como también los requisitos funcionales y no funcionales de la aplicación web que permitirá la vinculación de la ciudadanía de la provincia de Santo Domingo con el Consejo Cantonal Para La Protección De Los Derechos.

1.2 ÁMBITO DEL SISTEMA

La siguiente aplicación web se basa en el diseño y desarrollo de una página web dinámica para el Consejo Cantonal Para La Protección De Los Derechos en el año 2014 la cual permite publicar información de los valores institucionales como misión, visión, su historia, autoridades, además las actividades que realiza la institución como programas, capacitaciones, enlaces a páginas externas, y también se podrá gestionar las defensorías comunitarias, y los casos de maltrato o abuso existentes en el cantón Santo Domingo y a su vez realizar consultas tanto de las defensorías comunitarias como de los casos de maltrato a niños y adolescentes.

1.3 DEFINICIONES ACRONIMOS Y ABREVIATURAS

•

SRS.- Especificación de requerimientos de software.

•

IEEE.- Instituto de Ingenieros Eléctricos y Electrónicos.

•

BASE DE DATOS.- Es un conjunto de datos que recoge ciertas características en común.

•

APLICACIÓN.- Se refiere a un tipo de programa informático desarrollado para resolver un problema o cumplir con un fin específico.

•

MYSQL.- Sistema de software libre utilizado para la gestión de base de datos.

•

PHP (Hypertext Pre-processor).- Lenguaje de programación común mente utilizado para realizar aplicaciones web dinámicas.

•

APACHE: Servidor de WEB de código abierto.

1.4 REFERENCIAS

Título del Documento Estándar IEE830

Referencia IEEE

1.5 VISIÓN GENERAL DEL PRODUCTO

El presente proyecto está dirigido al desarrollo de una página web dinámica para el Consejo Cantonal Para La Protección De Los Derechos (CCPD-SD) del cantón Santo Domingo. La principal característica de este sitio web es la facilidad de publicación de información, ya que es un sistema de fácil administración de contenidos y galerías, y así poder resolver las necesidades específicas que tiene la institución ayudando en la labor social que esta cumple.

Por lo que podemos apreciar en la actualidad el internet se han convertido en una herramienta poderosa y necesaria para las instituciones y las personas ya que ayuda y facilita varias actividades mediante los sitios web. En estos días los términos correo electrónico, redes sociales, tiendas virtuales, blogs son comunes en el medio de las tecnología de la información y gracias a esto se ha experimentado ciertos cambios con el concepto que se tenía anteriormente con la computadora.

2. DESCRIPCIÓN GENERAL 2.1 PERSPECTIVA DEL PRODUCTO

La aplicación está diseñada para trabajar en un entorno vía web, además es independiente de cualquier otro tipo de sistema es una aplicación autónoma y descentralizada.

2.2 FUNCIONES DEL PRODUCTO

La página web dinámica permitirá realizar las siguientes tareas: •

Publicar Información: El administrador de la aplicación web actualizara la información en el portal.

•

Navegar: Proceso en el que permite a todos los usuarios utilizar el portal web.

•

Consultar defensorías comunitarias: Proceso en el cual las personas usuarias pueden averiguar todo lo referente a las defensorías comunitarias que existen en el cantón.

•

Gestionar defensorías: El administrador de la aplicación podrá gestionar los datos de las defensorías (actualizar, insertar, eliminar).

2.3 CARACTERISTICAS DE LOS USUARIOS

USUARIO

PROCESO

ADMINISTRADOR

Gestionar información de las defensorías comunitarias (actualizar, editar, eliminar). Publicar y actualizar la información.

USUARIO

Navegar o utilizar el portal web.

2.4 RESTRICCIONES

•

Para el desarrollo de la aplicación se utilizara herramientas de software libre como lenguaje de programación (PHP), gestor de base de datos (MYSQL) y servidor web por lo tanto no se cobrara por crear la página web ni por su uso.

•

La institución no podrá vender la aplicación a terceras personas.

•

La aplicación web no debe ser copiada ni modificada la estructura para su correcto funcionamiento.

•

La aplicación web estará únicamente en el idioma español.

2.5 SUPOSICIONES Y DEPENDENCIAS

Para que la aplicación tenga un correcto funcionamiento necesita los siguientes requisitos.

•

HARDWARE

1. Contar con una red interna LAN para permitir mostrar la página y su funcionamiento 2. Tarjeta de red instalada. 3. Contratar el servicio de un Host y Dominio para el perfecto funcionamiento de la Pagina Web Dinámica.

•

SOFTWARE

1. Explorador de la web actualizada de preferencia (Firefox o Google Chrome). 2. Servidor Web Configurado: Proxy, ip publica asignada, Gateway, redirección en caso de ser consultado dentro de la misma Lan.

3. REQUISITOS ESPECÍFICOS

•

Modificar información de la página.

•

Enlazar hacia páginas externas.

•

Consultar y gestionar las defensorías comunitarias.

3.1 INTERFACES EXTERNAS

La aplicación web es independiente de cualquier otro tipo se sistema por lo tanto no es necesario utilizar alguna interfaz externa.

3.2 FUNCIONES Función: Modificar información de la pagina

Nombre de función

Proceso

Entrada

Salida

Modificar Información

Actualizar Información

Nueva Información

Información Actualizada

Función: Enlazar a páginas externas. Nombre de función

Proceso

Entrada

Salida

Enlazar a páginas

Re direccionar la

Actualizar pagina

Página nueva

externas

pagina

Función: Consultar defensorías comunitarias. Nombre de función

Proceso

Entrada

Salida

Consultar defensorías

Realizar búsqueda

Título de búsqueda

Noticias u otros

Función: Gestionar defensorías comunitarias (Actualizar, Insertar, Eliminar). Nombre de función

Proceso

Entrada

Salida

Actualizar defensoría

Actualizar Información

Búsqueda de

Defensoría Actualizada

defensoría Nombre de función

Proceso

Entrada

Salida

Insertar nueva

Insertar información a

Nueva Información

Defensoría creada y

defensoría

la base

agregada a la base de datos.

Nombre de función

Proceso

Entrada

Salida

Eliminar defensoría

Borrar defensoría

Nombre de la

Defensoría eliminada

defensoría

3.3 REQUISITOS DE RENDIMIENTO

Teniendo en cuenta el ancho de banda y los navegadores a utilizar la aplicación tendrá un tiempo de respuesta de 5 segundos.

3.4 RESTRICCIONES DE DISEÑO

ESTANDARES A SEGUIR: Estándar IEE830

LIMITACIÓN DE HARDWARE Y SOFTWARE Software •

Sistema operativo Windows 7

•

Brouser compatible

Hardware •

Procesador dual core 2.4 Ghz

procesador Intel core I3 •

Memoria ram de 2 a 4 Gb

3.5 ATRIBUTOS DEL SISTEMA 3.5.1

DISPONIBILIDAD

La aplicación estará disponible de manera gratuita en toda computadora que tenga acceso al internet.

3.5.2

SEGURIDAD

Para las respectivas seguridades se contrata el servicio de host y dominio para así evitar ataques de posibles hackers o malwares.

3.5.3

MANTENIBILIDAD

La página web consta de un módulo administrador el cual permitirá al personal del CCPD-SD gestionar la página web con facilidad.

3.5.4

FIABILIDAD

La información de los programas y capacitaciones como la fecha, la hora, el sitio, deben estar ajustados a la realidad para evitar desorganización.

ANEXO 2

ANEXO 3

ENCUESTA DIRIGIDA A LA POBLACIÓN DEL CCPD-SD

Pontificia Universidad Católica del Ecuador Sede Santo Domingo Dirección Académica

La presente encuesta está dirigida al grupo de personas que tienen relación con el Consejo Cantonal Para la Protección de los Derechos del cantón Santo Domingo, la cual tiene el propósito de obtener información que determine el nivel de satisfacción de los usuarios con respecto a la implementación de una página web dinámica. La información recolectada será utilizada para fines académicos, en la disertación de grado intitulada “DESARROLLO DE LA PÁGINA WEB DINÁMICA PARA LA VINCULACIÓN CON LA COMUNIDAD MEDIANTE LA PRESENTACIÓN DE INFORMACIÓN DEL CONSEJO CANTONAL PARA LA PROTECCIÓN DE LOS DERECHOS DEL CANTÓN SANTO DOMINGO EN EL AÑO 2013”, previo a la obtención del título de Ingeniero en Sistemas y Computación. Lea detenidamente cada pregunta, selecione la respuesta que considere correcta encerrando con un circulo el literal según corresponda. 1. ¿Cree usted que el Consejo Cantonal Para la Protección de los Derechos del Cantón Santo Domingo (CCPD-SD) utiliza adecuadamente los diferentes medios de comunicación para mantener informada a la ciudadanía? a) SI b) NO

2. ¿Ha tenido problemas para obtener información importante de las actividades del CCPD-SD? a) SI b) NO

3. ¿Le es fácil a usted obtener información relevante de las actividades que realiza el CCPD-SD, desde cualquier lugar? a) SI b) NO

4. Cree usted que el CCPD-SD utiliza adecuadamente el internet para informar a las personas sobre sus diferentes actividades. a) SI b) No

5. Para obtener información de actividades futuras del CCPD-SD. ¿Cómo le gustaría a usted realizarlo? a) Ir personalmente al CCPD-SD b) Informarme por medio de una página web (Internet)

6. Considera usted que las páginas web son de utilidad y necesarios para una institución como el CCPD-SD a) SI b) NO

7. Qué tipo de información le gusta encontrar en una página web a) Imágenes b) Videos c) Noticias (Formato texto) d) Otros

8. Considera usted que se debería implementar una página web para el CCPD-SD, para una mejor vinculación con la comunidad a) SI b) NO

ANEXO 4

ENTREVISTA REALIZADA AL PERSONAL DEL CCPD-SD

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO ESCUELA DE SISTEMAS ENTREVISTA APLICADA A LA LIC. NALDA BUSTAMANTE APOLO DELEGADA DE LA PRESIDENTA DEL CCPD-SD OBJETIVO: Conocer las necesidades que tiene el CCPD-SD, con respecto a la elaboración de la página web dinámica Fecha:……………………………………………………………………………… Nombre del entrevistado:……………………………………………………………………… Nombre del entrevistador:……………………………………………………………………. 1. ¿El CCPD-SD cuenta con algún convenio interinstitucional con la PUCE-SD? 2. ¿Qué servicios brinda el CCPD-SD? 3. ¿Cree que el CCPD-SD, hace un uso adecuado de las tecnologías de información, para brindar información a la ciudadanía? 4. ¿Cuenta el CCPD-SD con una página propia para la defunción de la información que genera día a día? 5. ¿El CCPD-SD cuenta con un servidor, para uso propio de la institución? 6. ¿El CCPD-SD cuenta con un departamento específico de TI? 7. ¿Cuáles son los requerimientos que tienen previsto para la elaboración de la página web?

ANEXO 5

PONTIFICIA UNIVERSIDAD CATOLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica - Escuela de Sistemas

Manual de usuario-administrador

Proyecto: DESARROLLO DE LA PÁGINA WEB DINÁMICA PARA LA VINCULACIÓN CON LA COMUNIDAD MEDIANTE LA PRESENTACIÓN DE INFORMACIÓN DEL CONSEJO CANTONAL PARA LA PROTECCIÓN DE LOS DERECHOS DEL CANTÓN SANTO DOMINGO

Santo Domingo-Ecuador Septiembre, 2014

Tabla de Contenido 1.

Introducción ........................................................................................................................... 5

Objetivos ................................................................................................................................ 5

2.1

Objetivo general ................................................................................................................. 5

2.2

Objetivos específicos ......................................................................................................... 5

Lo que el usuario-administrador debe conocer ...................................................................... 6

Como acceder al módulo de administración de la página web dinámica para el CCPD-SD . 7

Como crear o subir noticias a la página web.......................................................................... 8

Para visualizar las noticias subidas ...................................................................................... 15

Como subir imágenes a nuestro administrador o servidor web ........................................... 18

Como crear galerías de imágenes......................................................................................... 20

Como incluir las galerías de imágenes a las noticias ........................................................... 24

Lista de gráficos Gráfico 1: URL de la página del CCPDSD.................................................................................... 7 Gráfico 2: Login del módulo administrador de la página web....................................................... 7 Gráfico 3: Escritorio del módulo administrador de la página web ................................................ 8 Gráfico 4: Crear nuevas noticias .................................................................................................... 9 Gráfico 5: Ingreso de nueva noticia ............................................................................................... 9 Gráfico 6: Titular noticia ............................................................................................................. 10 Gráfico 7: Ingreso del texto de la noticia ..................................................................................... 10 Gráfico 8: Visualización del texto de la noticia ........................................................................... 10 Gráfico 9: Asignar imagen destacada .......................................................................................... 11 Gráfico 10: Subir imágenes al servidor web ................................................................................ 11 Gráfico 11: Seleccionar imágenes................................................................................................ 12 Gráfico 12: Localizar imagen en el computador .......................................................................... 12 Gráfico 13: Elegir imagen destacada ........................................................................................... 13 Gráfico 14: Asignar imagen destacada ........................................................................................ 13 Gráfico 15: Activando la opción de noticias ................................................................................ 13 Gráfico 16: Activar vista previa de la nueva noticia .................................................................... 14 Gráfico 17: Visualización en vista previa de la nueva noticia ..................................................... 14 Gráfico 18: Publicación de la noticia ........................................................................................... 15 Gráfico 19: Ver todas las noticias creadas ................................................................................... 15 Gráfico 20: Vista de las noticias publicadas ................................................................................ 16 Gráfico 21: Eliminar noticia ........................................................................................................ 16 Gráfico 22: Vista de las noticias ubicadas en la papelera ............................................................ 17 Gráfico 23: Restauración de una noticia enviada a la papelera ................................................... 17 Gráfico 24: Borrar una noticia permanentemente ........................................................................ 18 Gráfico 25: Subir imágenes ......................................................................................................... 18 Gráfico 26: Añadir nueva imagen ................................................................................................ 19 Gráfico 27: Seleccionar archivos ................................................................................................. 19 Gráfico 28: Subir imágenes ......................................................................................................... 19 3

Gráfico 29: Medios de multimedia .............................................................................................. 20 Gráfico 30: Vista de imágenes subidas al servidor ...................................................................... 20 Gráfico 31: Botón de galería de imágenes ................................................................................... 21 Gráfico 32: Crear nuevas galerías ................................................................................................ 21 Gráfico 33: Configuración de una nueva galería ......................................................................... 22 Gráfico 34: Subiendo imágenes para la galería............................................................................ 22 Gráfico 35: Selección de las imágenes para la galería ................................................................. 23 Gráfico 36: Configuración de las imágenes seleccionadas para la galería .................................. 23 Gráfico 37: Guardar la galería ..................................................................................................... 23 Gráfico 38: Insertar galería a las noticias..................................................................................... 24 Gráfico 39: Selección de galería existente ................................................................................... 24 Gráfico 40: Vista previa de la noticia y galería ........................................................................... 25 Gráfico 41: Galería de imágenes .................................................................................................. 25 Gráfico 42: Publicación de la noticia y la galería ........................................................................ 25

MANUAL DE USUARIO DE LA APLICACIÓN WEB

1. Introducción

El presente documento tiene como objetivo servir como guía clara y concisa de cómo debe utilizar el usuario que cumpla el rol de administrador de la página web dinámica para el CCPD-SD. El módulo de administrador de la página web del CCPD-SD, fue creado por los disertantes con el fin de facilitar al usuario-administrador la gestión de actualización de la información de la página sin tener la necesidad de manipular el código fuente para realizar los cambios deseados.

Es de vital importancia el uso de este manual, debido a que explica paso a paso como se debe administrar la página web. Para un mejor entendimiento se incluyen gráficos ilustrativos.

2. Objetivos 2.1 Objetivo general

Guiar al usuario-administrador para que de la manera más óptima utilice el módulo de administración de la página web dinámica para el CCPD-SD, facilitando la actualización de la información.

2.2 Objetivos específicos •

Guiar para acceder al módulo administrador de la página web

•

Indicar como se debe utilizar el módulo administrador, mediante una explicación detallada 5

3. Lo que el usuario-administrador debe conocer Los conocimientos mínimos que debe tener el usuario-administrador del módulo de administración de la página web dinámica para el CCPD-SD, son: •

Conocimientos de navegadores web

•

Conocimiento de internet

•

Conocimiento de Windows

4. Como acceder al módulo de administración de la página web dinámica para el CCPD-SD •

Localizar el icono del navegador preferido

•

Aparecerá la pantalla del navegador, ubíquese en la barra de direcciones de URL y

y haga doble cli en el mismo

escriba la dirección web www.ccpdsd.com.ec/administratorccpdsd que es donde se encuentra alojado el modulo administrador y damos enter.

Gráfico 1: URL de la página del CCPDSD Fuente: Los Autores

•

Posteriormente aparece una pantalla, la cual permite autenticar los datos del usuarioadministrador, por lo que se deberá ingresar el nombre de usuario y contraseña y luego dar clic en el botón aceptar.

Gráfico 2: Login del módulo administrador de la página web Fuente: Los Autores

•

Una vez iniciada la sesión, se podrá visualizar la pantalla principal del módulo de administración.

Gráfico 3: Escritorio del módulo administrador de la página web Fuente: Los Autores

En esta pantalla se muestra el menú principal de la aplicación, el cual permite realizar diversas tareas, facilitando la gestión de administración de la información de la página web.

5. Como crear o subir noticias a la página web •

Colocamos el cursos sobre la opción de entradas del menú de opciones, se desplegara un submenú, elegir la opción de añadir nueva, clic.

Grรกfico 4: Crear nuevas noticias Fuente: Los Autores

โ ข

Aparecerรก la venta que permitirรก ingresar nuevas noticias.

Grรกfico 5: Ingreso de nueva noticia Fuente: Los Autores

•

La opción de añadir nueva entrada, es donde se pondrá el título de la noticia que se va a generar.

Gráfico 6: Titular noticia Fuente: Los Autores

•

Para el ingreso de la noticia en formato texto, se lo realizara en la según sección. Se puede ingresar la información deseada desde un archivo digital, realizando la combinación de teclas “ctrl + C” para copiar y “ctrl + V” para pegar la información en el administrador.

Gráfico 7: Ingreso del texto de la noticia Fuente: Los Autores

•

Es importante percatarse que la pestaña “Visual” se encuentre seleccionada para generar la noticia sin inconvenientes.

Gráfico 8: Visualización del texto de la noticia Fuente: Los Autores

•

Para insertar una imagen principal para la noticia, es necesario desplazarse hacia abajo, parte inferior derecha, clic en la opción que dice asignar imagen destacada

Gráfico 9: Asignar imagen destacada Fuente: Los Autores

•

Se podrá visualizar una pantalla con un grupo de imágenes, las cuales son aquellas que se han subido anteriormente. Si se desea se puede elegir alguna de ellas, pero si ese no es el caso y se prefiere subir una imagen nueva, clic en subir archivos

Gráfico 10: Subir imágenes al servidor web Fuente: Los Autores

•

Después de hacer clic en subir archivos, saldrá una ventana, que permitirá subir la nueva imagen, hacer clic en seleccionar archivos.

Gráfico 11: Seleccionar imágenes Fuente: Los Autores

•

Inmediatamente aparece una ventana, la cual permite buscar la imagen deseada en cualquier directorio del ordenador, seleccionar la imagen y hacer clic en abrir.

Gráfico 12: Localizar imagen en el computador Fuente: Los Autores

•

La nueva imagen que se selecciona se cargara en el servidor y se podrá visualizar en la pestaña librería de multimedia.

Gráfico 13: Elegir imagen destacada Fuente: Los Autores

•

Una vez que la imagen se subió, es necesario percatarse que tenga el visto de selección, y luego hacer clic en el botón agregar imagen destacada.

Gráfico 14: Asignar imagen destacada Fuente: Los Autores

•

Activar la opción de noticias, en la sección de categorías.

Gráfico 15: Activando la opción de noticias Fuente: Los Autores

•

Generar una vista previa, para observar cómo quedaría la nueva noticia, dirigirse a la parte superior derecha, hacer clic en vista previa.

Gráfico 16: Activar vista previa de la nueva noticia Fuente: Los Autores

•

Enseguida se abrirá una nueva pestaña, y se podrá observar cómo puede quedar la nueva noticia.

Gráfico 17: Visualización en vista previa de la nueva noticia Fuente: Los Autores

•

Después de observar la vista previa, si se desea generar la nueva noticia hacer clic en publicar en el botón que se encuentra debajo de vista previa.

Gráfico 18: Publicación de la noticia Fuente: Los Autores

6. Para visualizar las noticias subidas •

Clic en la opción entradas que se encuentra en la parte superior izquierda y elegimos la opción de todas las entradas.

Gráfico 19: Ver todas las noticias creadas Fuente: Los Autores

•

Se mostrara una ventana, donde se podrá observar todas y cada una de las noticias anteriormente generadas, representadas por su título.

Gráfico 20: Vista de las noticias publicadas Fuente: Los Autores

•

Si se desea eliminar alguna de las noticias, se la selecciona y elegimos la opción papelera, cuya opción se la puede observar al momento de pasar el cursor por debajo del título de la noticia seleccionada.

Gráfico 21: Eliminar noticia Fuente: Los Autores

•

En el caso que se elimine una noticia por error, se la puede restablecer, haciendo clic en pestaña de papelera.

Gráfico 22: Vista de las noticias ubicadas en la papelera Fuente: Los Autores

•

Se podrá visualizar las noticias que han sido eliminadas o enviadas a la papelera, seleccionar la noticia que se desea recuperar, poner el cursor por debajo del título de la noticia a restaurar, clic en restaurar.

Gráfico 23: Restauración de una noticia enviada a la papelera Fuente: Los Autores

•

Si se desea eliminar definitivamente una noticia del administrador y del servidor web, clic en papelera, seleccionar la noticia a eliminar definitivamente, poner el cursor por debajo del título de la noticia a eliminar, clic en eliminar permanentemente.

Gráfico 24: Borrar una noticia permanentemente Fuente: Los Autores

7. Como subir imágenes a nuestro administrador o servidor web •

Para subir imágenes a nuestro administrador o servidor web, tenemos que dirigirnos al menú de opciones, hacer clic en medios y elegir la opción librería multimedia.

Gráfico 25: Subir imágenes Fuente: Los Autores

•

En la nueva ventana que se visualiza, hacer clic en añadir nuevo.

Gráfico 26: Añadir nueva imagen Fuente: Los Autores

•

En nueva ventana que se visualiza, hacer clic en seleccionar archivos

Gráfico 27: Seleccionar archivos Fuente: Los Autores

•

En la ventana que se genera, buscar la imagen que se desea subir, seleccionarla y hacer clic en abrir.

Gráfico 28: Subir imágenes Fuente: Los Autores

•

Ya subida la imagen seleccionada, hacer clic en la opción medios del menú.

Gráfico 29: Medios de multimedia Fuente: Los Autores

•

Posteriormente se visualizara la imagen en la librería de multimedia del administrador o servidor web.

Gráfico 30: Vista de imágenes subidas al servidor Fuente: Los Autores

8. Como crear galerías de imágenes •

Para crear galerías de imágenes, nos dirigimos a la parte inferior del menú de opciones del módulo de administración, y hacer clic en la opción Photo Gallery.

Gráfico 31: Botón de galería de imágenes Fuente: Los Autores

•

En la nueva ventana que aparece elegimos la opción de nuevo

Gráfico 32: Crear nuevas galerías Fuente: Los Autores

•

En la siguiente ventana que se genera, configuramos los detalles de la galería de imágenes que se desea crear, colocamos el nombre, descripción si se desea, y posteriormente añadimos las imágenes haciendo clic en añadir imágenes.

Gráfico 33: Configuración de una nueva galería Fuente: Los Autores

•

Luego de hacer clic en la opción de añadir imágenes, aparecerá una ventana la cual permite elegir las fotos deseadas para la nueva galería, en el caso de que no se desea utilizar las imágenes anteriormente subidas al servidor, hacemos clic en el botón Upload files para subir nuevas imágenes.

Gráfico 34: Subiendo imágenes para la galería

•

Una vez que se ha subido las imágenes, se procede a seleccionarlas para agregarlas a la galería, hacer clic en el botón añadir imágenes a la galería.

Gráfico 35: Selección de las imágenes para la galería Fuente: Los Autores

•

Automáticamente aparecerán las imágenes seleccionadas en una nueva ventana, donde se les podrá poner un título o eliminarla de la galería, en el caso que se haiga agregado por error.

Gráfico 36: Configuración de las imágenes seleccionadas para la galería Fuente: Los Autores

•

Finalmente si ya se ha configurado adecuadamente la galería, hacer clic en el botón guardar, el cual se encuentra en la parte superior derecha de la ventana.

Gráfico 37: Guardar la galería Fuente: Los Autores

Nota: Las galerías de imágenes se las crean para ser incluidas en las noticias que se generan, para lo cual seguir los pasos del literal cinco del presente documento.

9. Como incluir las galerías de imágenes a las noticias •

Una vez que se ha creado una nueva noticia siguiendo los pasos del literal cinco, se procede a insertar la galería de imágenes en el lugar deseado, hacer clic en el botón insertar photo gallery.

Gráfico 38: Insertar galería a las noticias Fuente: Los Autores

•

Saldrá una nueva ventana la cual permitirá elegir una de las galerías ya existentes, para lo cual nos dirigimos a la opción de galerías y elegimos una de ella y finalmente aceptamos.

Gráfico 39: Selección de galería existente Fuente: Los Autores

•

Para visualizar la galería de imágenes en la noticia, hacer clic en la opción de vista previa, ubicada en la parte superior derecha.

Gráfico 40: Vista previa de la noticia y galería Fuente: Los Autores

•

Se abrirá una nueva pestaña donde se podrá observar la nueva noticia con la galería de imágenes.

Gráfico 41: Galería de imágenes Fuente: Los Autores

•

Finalmente se publica la noticia haciendo clic en el botón publicar, ubicado en la parte superior derecha.

Gráfico 42: Publicación de la noticia y la galería Fuente: Los Autores

ANEXO 6

ANEXO 7

ANEXO 8