UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES...

85
UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES UNIANDES - IBARRA FACULTAD DE SISTEMAS MERCANTILES CARRERA DE SISTEMAS PROYECTO DE EXAMEN COMPLEXIVO PREVIO A LA OBTENCIÓN DEL TITULO DE INGENIERO EN SISTEMAS E INFORMÁTICA. TEMA: APLICACIÓN WEB PARA OPTIMIZAR LA ADMINISTRACIÓN DE RESERVACIONES TURÍSTICAS EN LA ASOCIACIÓN DE TURISMO COMUNITARIO LA MAGDALENA EN LA PARROQUIA ANGOCHAGUA, CANTÓN IBARRA. AUTOR: BENAVIDES FLORES ALFREDO LEONARDO TUTOR: ING. CARLOS EDUARDO MARTÍNEZ CAMPAÑA AMBATO ECUADOR 2016

Transcript of UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES...

Page 1: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES

UNIANDES - IBARRA

FACULTAD DE SISTEMAS MERCANTILES

CARRERA DE SISTEMAS

PROYECTO DE EXAMEN COMPLEXIVO PREVIO A LA OBTENCIÓN DEL

TITULO DE INGENIERO EN SISTEMAS E INFORMÁTICA.

TEMA:

APLICACIÓN WEB PARA OPTIMIZAR LA ADMINISTRACIÓN DE

RESERVACIONES TURÍSTICAS EN LA ASOCIACIÓN DE TURISMO

COMUNITARIO LA MAGDALENA EN LA PARROQUIA

ANGOCHAGUA, CANTÓN IBARRA.

AUTOR: BENAVIDES FLORES ALFREDO LEONARDO

TUTOR: ING. CARLOS EDUARDO MARTÍNEZ CAMPAÑA

AMBATO – ECUADOR

2016

Page 2: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

APROBACIÓN DEL ASESOR DEL TRABAJO DE TITULACIÓN

CERTIFICACIÓN:

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

realizado por el señor Alfredo Leonardo Benavides Flores, estudiante de la Carrera de

Sistemas, Facultad de Sistemas Mercantiles, con el tema ―APLICACIÓN WEB PARA

OPTIMIZAR LA ADMINISTRACIÓN DE RESERVACIONES TURÍSTICAS

EN LA ASOCIACIÓN DE TURISMO COMUNITARIO LA MAGDALENA EN

LA PARROQUIA ANGOCHAGUA, CANTÓN IBARRA‖, ha sido prolijamente

revisado, y cumple con todos los requisitos establecidos en la normativa pertinente de la

Universidad Regional Autónoma de los Andes -UNIANDES-, por lo que apruebe su

presentación.

Ambato, Julio de 2016

_______________________________

Ing. Carlos Eduardo Martínez Campaña.

ASESOR

Page 3: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

DECLARACIÓN DE AUTENTICIDAD

Yo, Alfredo Leonardo Benavides Flores, estudiante de la Carrera de Sistemas,

Facultad de Sistemas Mercantiles, declaro que todos los resultados obtenidos en el

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

SISTEMAS E INFORMÁTICA, son absolutamente originales, auténticos y

personales; a excepción de las citas, por lo que son de mi exclusiva responsabilidad.

Ambato, Julio de 2016

_______________________________

Tlgo. Alfredo Leonardo Benavides Flores

CI. 040148550-3

AUTOR

Page 4: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

CERTIFICACIÓN DEL LECTOR DEL TRABAJO DE TITULACIÓN

Yo,………………………. En calidad de Lector del Proyecto de Titulación.

CERTIFICO:

Que el presente trabajo de titulación realizado por el estudiante Alfredo Leonardo

Benavides Flores sobre el tema: ―APLICACIÓN WEB PARA OPTIMIZAR LA

ADMINISTRACIÓN DE RESERVACIONES TURÍSTICAS EN LA

ASOCIACIÓN DE TURISMO COMUNITARIO LA MAGDALENA EN LA

PARROQUIA ANGOCHAGUA, CANTÓN IBARRA‖, ha sido cuidadosamente

revisado por el suscrito, por lo que he podido constatar que cumple con todos los

requisitos de fondo y forma establecidos por la Universidad Regional Autónoma de Los

Andes, para esta clase de trabajos, por lo que autorizo su presentación.

Ambato, Julio de 2016

_______________________________

xxxxxx.

LECTOR

Page 5: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

DERECHOS DE AUTOR

Yo, Alfredo Leonardo Benavides Flores, declaro que conozco y acepto la disposición

constante en el literal d) del Art. 85 del Estatuto de la Universidad Regional Autónoma

de Los Andes, que en su parte pertinente textualmente dice: El Patrimonio de la

UNIANDES, está constituido por: La propiedad intelectual sobre las Investigaciones,

trabajos científicos o técnicos, proyectos profesionales y consultaría que se realicen en

la Universidad o por cuenta de ella;

Ambato, Julio de 2016

_______________________________

Tlgo. Alfredo Leonardo Benavides Flores

CI. 040148550-3

AUTOR

Page 6: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

AGRADECIMIENTO

Agradezco primeramente a Dios, por darme la oportunidad de seguir adelante cada

día, a toda mi Familia que siempre han estado ahí apoyándome, directa e

indirectamente, enseñándome a valorar cada momento de mi vida, además por tener

los recursos necesarios para desenvolverme en este camino académico que pase por la

Universidad Autónoma de los Andes y de igual manera, a todos los docentes a quienes

a lo largo de la carrera supieron transmitir su conocimiento y experiencias

Alfredo Benavides

Page 7: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

DEDICATORIA

Dedico este trabajo a mi familia, mi hijo Leonardo, mi esposa Tatiana Grijalva, a mis

Mamás, Bertha Flores, Blanca Benavides, mis hermanos, hermanas, y en especial a mi

padre Alfredo Benavides, quien siempre me enseñó a ser la persona que soy, y a valorar

a todos como seres humanos, y siempre seguir adelante confiando en mí, y a todo

momento en Dios.

Alfredo Benavides

Page 8: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

ÍNDICE GENERAL

APROBACIÓN DEL ASESOR DEL TRABAJO DE TITULACIÓN

DECLARACIÓN DE AUTENTICIDAD

CERTIFICACIÓN DEL LECTOR DEL TRABAJO DE TITULACIÓN

DERECHOS DE AUTOR

AGRADECIMIENTO

DEDICATORIA

ÍNDICE DE TABLAS

ÍNDICE DE GRÁFICOS

RESUMEN EJECUTIVO

ABSTRACT

CAPITULO I .................................................................................................................... 1

1. INTRODUCCIÓN ........................................................................................................ 1

1.1 Antecedentes de la investigación ................................................................................ 1

1.2 Planteamiento del Problema ....................................................................................... 1

1.3 Delimitación del Problema ......................................................................................... 2

1.4 Delimitación del problema ......................................................................................... 2

1.4.1 Delimitación Física: ............................................................................................. 2

1.4.2 Delimitación Tiempo: .......................................................................................... 2

1.5 Objeto de investigación y campo de acción ............................................................... 2

Page 9: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

1.6 Identificación de la línea de investigación ................................................................. 2

1.7 Objetivos ..................................................................................................................... 2

1.7.1 Objetivo General .................................................................................................. 2

1.7.2 Objetivos Específicos .......................................................................................... 2

1.8 Idea a defender............................................................................................................ 3

1.9 Justificación del Tema ................................................................................................ 3

1.10 Diseño de la Investigación. ....................................................................................... 3

1.10.1 Tipo de Investigación. ........................................................................................ 3

1.10.2 Bibliográfica. ..................................................................................................... 4

1.10.3 De Campo. ......................................................................................................... 4

1.10.4 Método Deductivo. ............................................................................................ 4

1.10.5 Técnicas. ............................................................................................................ 4

1.10.6 Instrumentos. ...................................................................................................... 4

1.10.7 Cálculo de la Muestra. ....................................................................................... 5

1.13 Aporte teórico y significación práctica. .................................................................... 6

CAPITULO II. .................................................................................................................. 7

2. MARCO TEÓRICO ..................................................................................................... 7

2. 1 Aplicaciones Web. ..................................................................................................... 7

2.1.1 Definición ............................................................................................................ 7

2.1.2 Aplicaciones Web ................................................................................................ 7

2.1.3 Importancia .......................................................................................................... 7

2.1.4 Ventajas y desventajas ......................................................................................... 7

Page 10: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Ventajas ........................................................................................................................ 7

Desventajas ................................................................................................................... 8

2.2 Lenguaje PHP ............................................................................................................. 9

2.2.1 Estructura Básica de una página PHP .................................................................. 9

2.3 Bases de datos ........................................................................................................... 11

2.3.1 Generalidades de Bases de Datos .......................................................................... 11

2.3.2 Definición de base de datos ............................................................................... 12

2.3.3 Características .................................................................................................... 13

2.3.4 Ventajas de las bases de datos ........................................................................... 13

Consistencia de datos: ...................................................................................... 13

Compartir datos: .............................................................................................. 14

Mantenimiento de estándares: ......................................................................... 14

Mejora en la integridad de datos: ..................................................................... 14

Mejora en la seguridad: .................................................................................... 14

Mejora en la accesibilidad a los datos: ............................................................ 14

Mejora en la productividad: ............................................................................. 14

Mejora en el mantenimiento: ........................................................................... 15

Aumento de la concurrencia: ........................................................................... 15

Mejora en los servicios de copias de seguridad: .............................................. 15

2.3.5 Desventajas de las bases de datos ...................................................................... 16

Complejidad: .................................................................................................... 16

Coste del equipamiento adicional: ................................................................... 16

Page 11: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Vulnerable a los fallos: .................................................................................... 16

Tipos de Campos ................................................................................................. 16

2.3.6 Estructura de una Base de Datos ........................................................................ 17

2.4 Herramientas de Desarrollo ...................................................................................... 17

2.4.1 Dreamweaver ..................................................................................................... 17

2.4.2 AppServer .......................................................................................................... 18

2.4.3 Apache ............................................................................................................ 18

2.4.4 MySql ............................................................................................................. 18

2.4.5 Macromedia Fireworks 8 .................................................................................. 19

2.4.6 HTML ................................................................................................................ 19

2.4.7 HTML 5 ............................................................................................................. 20

2.5 El Turismo Comunitario. .......................................................................................... 21

2.5.1 Definición De Turismo. ..................................................................................... 21

2.5.2 El proceso de planificación Turística. ................................................................ 21

2.5.3 La comunidad ........................................................................................................ 22

Definición. ........................................................................................................... 22

2.6 Investigación del mercado. ................................................................................... 22

CAPITULO III. .............................................................................................................. 23

3. MARCO PROPOSITIVO........................................................................................... 23

3.1 Planteamiento de la Propuesta .................................................................................. 23

3.2 Ingeniería pre análisis Sistema ................................................................................. 23

3.3 Metodología en cascada............................................................................................ 23

Page 12: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

3.3.1 Análisis .............................................................................................................. 24

Especificación de los requisitos .................................................................................. 24

Requisitos de Hardware .......................................................................................... 26

Para la implementación de la Aplicación Web se tiene disponible. .................... 27

Requisitos de Software ............................................................................................ 27

Beneficios ................................................................................................................... 28

Beneficiarios Directos.- ........................................................................................... 28

Beneficiarios Indirectos.- ........................................................................................ 28

3.3.2 Diseño ................................................................................................................ 29

Flujo grama de la aplicación web. ........................................................................... 29

Diseño de la Base de Datos ......................................................................................... 30

Modelo Físico .......................................................................................................... 30

Mapa del Sitio ......................................................................................................... 31

Diseño de Entradas y Salidas .................................................................................. 32

Acceso como Administrador ................................................................................... 34

3.3.3 Implementación .............................................................................................. 35

3.3.4 Codificación. .................................................................................................. 35

3.3.5 Pruebas ........................................................................................................... 46

Caja Blanca: ............................................................................................................ 46

Prueba de Caja Negra: ............................................................................................. 47

Prueba de velocidad de navegadores ....................................................................... 48

Pruebas de hardware y software .............................................................................. 50

Page 13: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

3.3.6 Mantenimiento ................................................................................................... 50

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

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

Bibliografía ....................................................................................................................... 1

Anexos

Anexo 1. Encuesta aplicada en la comunidad de La Magdalena.

Anexo 2. Tabulación de Resultados de la encuesta.

Anexo 3. Entrevista

Anexo 4. Diccionario de Datos

Anexo 5. Diseño (Bosquejos).

Page 14: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Índice de Tablas

Tablas Página

Tabla 1. Recursos Necesarios…………………………………………… 26

Tabla 2. Requisitos de Hardware- Desarrollo...………………………… 26

Tabla 3. Requisitos de Hardware-Implementación…………………....... 27

Tabla 4. Requisitos de Software………………………………………… 27

Tabla 5. Base de datos – Tabla clientes……………………………........... Anexos

Tabla 6. Base de datos – Tabla Reservaciones………………………........ Anexos

Tabla 7. Base de datos – Tabla Fecha ocupada ………………………….. Anexos

Tabla 8. Base de datos – Tabla Usuarios…………………………………. Anexos

Tabla 9. Base de datos – Tabla Casas……………………………………. Anexos

Tabla 10. Base de datos – Tabla Paquetes……………………………….. Anexos

Page 15: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Índice de Gráficos

Gráficos Página

Gráfico 1. Metodología en cascada……………………………………….. 24

Gráfico 2. Flujo grama de la aplicación web. ……………………………. 29

Gráfico 3. Base de Datos - Modelo Físico………………………………… 30

Gráfico 4. Mapa del Sitio………………………………………………..... 31

Gráfico 5. Pantalla Reservaciones…..…………………………………….. 32

Gráfico 6. Verificar Disponibilidad……………………………………….. 32

Gráfico 7. Registro de Datos personales…………………………………... 33

Gráfico 8. Confirmar Reservaciones………………………………………. 33

Gráfico 9. Diseño de accesos Administrador …………………………….. 34

Gráfico 10. Página principal de acceso del Administrador………………… 34

Gráfico 11. Confirmación de reservaciones – Administrador……………… 35

Gráfico 12 Pruebas – Ingreso Disponibilidad……………………………… 46

Gráfico 13. Pruebas – Ingreso Datos personales……………………………. 47

Gráfico 14. Pruebas – Disponibilidad seleccionada se vuelve a carga.…..... 47

Gráfico 15. Pruebas – Disponibilidad Real. ……………………………….. 48

Gráfico 16. Pruebas –Velocidad Pagina Web en Mozilla………………...... 48

Gráfico 17. Pruebas –Velocidad Pagina Web en Internet Explorer 11.0.20.. 49

Gráfico 18. Satisfacción en estadía en la comunidad La Magdalena……….. Anexo

Gráfico 19. Referencias en la Web…………………………………………. Anexo

Gráfico 20. Página Web de la Magdalena…………………………………. Anexo

Gráfico 21 Como se enteró de La Magdalena……………………………... Anexo

Grafico 22 Considera lo más importante de la Magdalena…………………. Anexo

Gráfico 23 Tiempo de reservación…………………………………………. Anexo

Gráfico 24 Forma de Pago…………………………………………………. Anexo

Gráfico 25 Motivo principal de la visita…………………………………… Anexo

Gráfico 26. Pantalla Principal (bosquejo).. ……………………………….. Anexo

Gráfico 27. Pantalla Galería (bosquejo). ………………………………….. Anexo

Gráfico 28. Pantalla Reservaciones – Administrador (bosquejo)………….. Anexo

Page 16: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

RESUMEN EJECUTIVO

La comunidad de La Magdalena, Parroquia Angochagua, posee diversos atractivos

turísticos, naturaleza, costumbres de su gente, que hacen de este un lugar muy atrayente

para el Turismo Comunitario, pero esta comunidad no ha tenido el progreso que se

esperaba, debido a muchos factores, entre ellos, poca publicidad y promoción, bajo

conocimiento con respecto a temas turísticos y tecnológicos. El presente trabajo tiene

como objetivo elaborar una Aplicación Web para la asociación de turismo comunitario

La Magdalena con herramientas de desarrollo como PHP, HTML, APACHE y un

servidor de base de datos MySQL. Iniciando con un diagnóstico situacional interno y

externo actual de La Magdalena, aplicando una metodología de investigación, con el

apoyo de técnicas como la Encuesta, la Entrevista y la Observación, los cuales

permitieron obtener una información correcta sobre las falencias, fortalezas y posibles

soluciones y el análisis de resultados permitió sacar conclusiones y recomendaciones,

estudio enfocado en la línea de investigación de Desarrollo de Software y Programación

de Sistemas. La aplicación Web contribuirá con la Asociación La Magdalena al

dinamizar y automatizar varios de los procesos y organización de los servicios

turísticos dentro de la comunidad, la cual se beneficiará incrementando la demanda de

turistas, y además serán ellos quienes directamente harán parte de todo el proceso

turístico administrativo logrando consolidar la conservación de sus diferentes aspectos

culturales, fomentando el turismo en su comunidad y creciendo económicamente, ya

que se conseguirá dar un mejor servicio, y por ende una mejor calidad de vida para sus

habitantes.

Page 17: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

ABSTRACT

La Madgalena Community, Angochagua Parish, has tourist attractions, nature, customs

of its people, that make this a very attractive place for Community Tourism, but this

community has not had the estimated progress, due to many factors, including the

reduced publicity and promotion, low knowledge regarding tourism and technological

issues. This paper aims to develop a Web Application for community tourism

association La Magdalena with development tools like PHP, HTML, APACHE and

MySQL database server. Starting with a current internal and external situation

assessment of La Magdalena, using a research methodology, with the support of

techniques such as Survey, Interview and Observation, which allowed to obtain accurate

information on the weaknesses, strengths and possible solutions the analysis of results

allowed conclusions and recommendations, the study is focused on the research line of

Software Development and Systems Programming. The Web application will contribute

to the Association La Magdalena to streamline and automate many of the processes and

organization of tourism services within the community, which will benefit from

increasing demand of tourists, besides they will be who directly will be part of the

whole tourist administrative process achieving to consolidate the conservation of their

different cultural aspects, promoting tourism in their community and growing

economically, as it will get better service, and therefore a better quality of life for its

inhabitants.

Page 18: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

1

CAPITULO I

1. INTRODUCCIÓN

1.1 Antecedentes de la investigación

Se Investigó en la comunidad de La Magdalena, Parroquia Angochagua, donde

podemos encontrar diversos atractivos turísticos como, naturaleza, las costumbres de su

gente, que la hacen un lugar muy atrayente para que se desarrolle el Turismo

Comunitario, pero esta comunidad no ha tenido el progreso que se esperaba, debido a

muchos factores, entre ellos, poco conocimiento con respecto a temas turísticos, mala

organización de la asociación, herramientas tecnológicas, y escasa publicidad y

promoción.

1.2 Planteamiento del Problema

En la comunidad La Magdalena, parroquia de Angochagua, cantón Ibarra son indígenas

descendientes del grupo Karankis que se asentaron en esta zona de Imbabura. Este

grupo étnico en su mayoría mantiene su indumentaria típica, poseen formas de trabajo

muy tradicionales.

En la Asociación de Turismo comunitario ―La Magdalena‖ Parroquia Angochagua, se

puede evidenciar como problema principal es la poca afluencia de turistas debido a la

escasa promoción y publicidad de lugar.

Cuyas causas son: Deficiente organización interna, poca difusión y promoción de los

servicios, bajo conocimiento por parte de los posibles clientes potenciales.

Provocando como efectos, el desinterés en los comuneros, que no se desarrolle el

turismo comunitario, mal servicio al cliente, la pérdida de identidad cultural y la poca

valoración de los diferentes recursos naturales que disponen.

Page 19: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

2

1.3 Delimitación del Problema

¿Cómo optimizar la administración de reservaciones turísticas en La Magdalena, de la

parroquia Angochagua, Cantón Ibarra.?

1.4 Delimitación del problema

1.4.1 Delimitación Física:

Esta investigación se llevará a cabo en la Asociación de Turismo Comunitario ―La

Magdalena‖

1.4.2 Delimitación Tiempo:

Se trabajó con información de la comunidad La Magdalena del año 2015

1.5 Objeto de investigación y campo de acción

El objeto de investigación: Portales Web

El campo de acción: Sistemas de información

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

El presente trabajo investigativo se enmarca en la línea denominada:

Desarrollo de Software y Programación de Sistemas

1.7 Objetivos

1.7.1 Objetivo General

Desarrollar una aplicación Web para optimizar la administración de reservaciones

turísticas en la asociación de turismo comunitario la magdalena en la parroquia

Angochagua, cantón Ibarra.

1.7.2 Objetivos Específicos

Fundamentar teóricamente los descriptores del proyecto.

Realizar un estudio diagnóstico sobre la situación interna de su organización, sus

necesidades tecnológicas y de automatización.

Page 20: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

3

Implementar una aplicación web con módulo de gestión y generar reportes que

permitan tomar decisiones.

1.8 Idea a defender

Con la implementación de la aplicación Web se aumentara la afluencia de turistas en la

comunidad La Magdalena?

1.9 Justificación del Tema

Esta aplicación web contribuirá con la comunidad a fortalecer el turismo, la cual

beneficiará directamente a la comunidad sin intermediarios, siendo ellos quienes parte

de todo el proceso turístico administrativo, con esta implementación muchos aspectos se

verán mejorados y se tendrá más beneficios tales como:

Se podrá administrar las reservaciones turísticas que se hagan a través de la web,

como los convenios con otras Agencias Turísticas, o personas que acudan

directamente.

Los turistas encontraran a la Magdalena, como otra opción de Turismo

Comunitario de una manera más fácil en la web.

Se podrá tener registros automatizados de las reservaciones, y registros de

turistas para tener un historial y poder generar reportes que permitan analizar

y tomar decisiones en base a la información ingresada.

A demás se lograra consolidar la conservación de sus diferentes aspectos

culturales, fomentando el turismo comunitario, y creciendo económicamente, ya

que se conseguirá dar un mejor servicio, y calidad de vida a la comunidad.

1.10 Diseño de la Investigación.

1.10.1 Tipo de Investigación.

La investigación se aplicó de tipo de Cualitativo, enfocado a la investigación descriptiva

o de campo, la aplicación correcta de los métodos a través de una investigación, donde

la naturaleza de los datos obtenidos sean válidos, ya que son fundamentales para

determinar soluciones.

Page 21: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

4

1.10.2 Bibliográfica.

Se refiere a la recolección de información que se puede encontrar en distintos medios

como libros, revistas, folletos y en internet, con lo cual se utiliza para la elaboración del

marco teórico, con el cual se fundamenta la solución de la propuesta. La cual se la

utilizara en la investigación de los descriptores.

1.10.3 De Campo.

La investigación se la realizo en la comunidad de la Magdalena, parroquia Angochagua,

recopilando la información de los Turistas y comunidad en sí, para determinar el estado

situacional interno y externo.

1.10.4 Método Deductivo.

Este método se aplicó en la formulación del tema hasta la obtención del objetivo y el

problema, el método deductivo consiste en la totalidad de reglas y procesos, con cuya

ayuda es posible deducir conclusiones finales a partir de unos enunciados supuestos

llamados premisas.

1.10.5 Técnicas.

Encuesta.

Se diseñó una encuesta dirigida a los y turistas que han acudido a La

Magdalena.

Entrevistas.

Se aplicó una entrevista a los representantes de la comunidad, para conseguir

información más acertada de sus necesidades, así como también de la situación

interna y externa.

Observación.

Dirigida a la Asociación y el entorno turístico de La Magdalena.

1.10.6 Instrumentos.

Cuestionarios.

Page 22: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

5

Se aplicó tanto para la encuesta como para la entrevista

1.10.7 Cálculo de la Muestra.

Para determinar la población turística de La Magdalena, se ha dado de acuerdo a datos

históricos de la misma, ya que se realizó la investigación en el Instituto Nacional de

Estadísticas, en el cual no tuvimos información, debido a que no hay un dato de un

promedio de turistas que acuden a La Magdalena.

Por esto, para el presente proyecto hemos sacado datos históricos de la junta parroquial,

del año anterior 2015, ya que en La Magdalena recién está empezando con el turismo

comunitario en la zona. Número de Turistas que acudieron a la Magdalena en el año

2015 (200 turistas)

Determinación del tamaño de la muestra.

Se aplicará la siguiente formula:

P= Probabilidad de ocurrencia 0,5

Q= Probabilidad de no ocurrencia 1 – 0,5 = 0,5

Z= Nivel de confiabilidad 95% 1,96

E= Error de muestreo 0,08 (8%)

N= Población 200

n= Tamaño de la muestra

Ecuación 1: Cálculo de la muestra

( )

( ) ( )( )

( ) ( )( ) ( ) ( )

Turistas

Page 23: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

6

El cálculo numérico nos da a conocer que como resultado se tendrá que realizar 86

encuestas a turistas que visiten la zona de la Magdalena.

Tabulación de Resultados de la encuesta. Ver Anexo 2.

1.13 Aporte teórico y significación práctica.

El estudio teórico realizado para el presente proyecto se basa en herramientas y

tecnologías de punta por lo cual se hace referencia a conceptos y definiciones actuales.

La implementación del portal permitirá abrir nuevos nichos de mercado para el turismo

comunitario, además de servir como modelo para el desarrollo de la misma línea en

diferentes sectores rurales donde se dispone de los recursos necesarios.

Page 24: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

7

CAPITULO II.

2. MARCO TEÓRICO

2. 1 Aplicaciones Web.

2.1.1 Definición

En la Ingeniería de software se denomina aplicación web a aquellas aplicaciones que los

usuarios pueden utilizar accediendo a un Servidor web a través de Internet o de una

intranet mediante un navegador. En otras palabras, es una aplicación (Software) que se

codifica en un lenguaje soportado por los navegadores web en la que se confía la

ejecución al navegador.

Las aplicaciones web son populares debido a lo práctico del navegador web como

Cliente ligero, a la independencia del Sistema operativo, así como a la facilidad para

actualizar y mantener aplicaciones web sin distribuir e instalar software a miles de

usuarios potenciales. (www.mercadeo.com, 2014)

2.1.2 Aplicaciones Web

Una aplicación Web es un sitio Web que contiene páginas con contenido sin determinar,

parcialmente o en su totalidad. El contenido final de una página se determina sólo

cuando el usuario solicita una página del servidor Web. Dado que el contenido final de

la página varía de una petición a otra en función de las acciones del visitante, este tipo

de página se denomina página dinámica. (Adobe Systems Software Ireland Ltd., 2012)

2.1.3 Importancia

Es importante mencionar que una Página Web puede contener elementos que permiten

una comunicación activa entre el usuario y la información. Esto permite que el usuario

acceda a los datos de modo interactivo, gracias a que la página responderá a cada una de

sus acciones, como por ejemplo rellenar y enviar formularios, participar en juegos

diversos y acceder a gestores de base de datos de todo tipo.

2.1.4 Ventajas y desventajas

Ventajas

Ahorra tiempo: Se pueden realizar tareas sencillas sin necesidad de descargar ni

instalar ningún programa.

Page 25: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

8

No hay problemas de compatibilidad: Basta tener un navegador actualizado para

poder utilizarlas.

No ocupan espacio en nuestro disco duro.

Actualizaciones inmediatas: Como el software lo gestiona el propio

desarrollador, cuando nos conéctanos estamos usando siempre la última versión

que haya lanzado.

Consumo de recursos bajo: Dado que toda (o gran parte) de la aplicación no se

encuentra en nuestro ordenador, muchas de las tareas que realiza el software no

consumen recursos nuestros porque se realizan desde otro ordenador.

Multiplataforma: Se pueden usar desde cualquier sistema operativo porque sólo

es necesario tener un navegador.

Portables: Es independiente del ordenador donde se utilice (un PC de sobremesa,

un portátil...) porque se accede a través de una página web (sólo es necesario

disponer de acceso a Internet). La reciente tendencia al acceso a las aplicaciones

web a través de teléfonos móviles requiere sin embargo un diseño específico de

los ficheros CSS para no dificultar el acceso de estos usuarios.

La disponibilidad suele ser alta porque el servicio se ofrece desde múltiples

localizaciones para asegurar la continuidad del mismo.

Los virus no dañan los datos porque éstos están guardados en el servidor de la

aplicación.

Colaboración: Gracias a que el acceso al servicio se realiza desde una única

ubicación es sencillo el acceso y compartición de datos por parte de varios

usuarios. Tiene mucho sentido, por ejemplo, en aplicaciones online de

calendarios u oficina.

Los navegadores ofrecen cada vez más y mejores funcionalidades para crear

aplicaciones web ricas (RIAs).

Desventajas

Habitualmente ofrecen menos funcionalidades que las aplicaciones de escritorio.

Se debe a que las funcionalidades que se pueden realizar desde un navegador

son más limitadas que las que se pueden realizar desde el sistema operativo.

Pero cada vez los navegadores están más preparados para mejorar en este

aspecto. La aparición de HTML 5 representa un hito en este sentido. Es posible

Page 26: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

9

añadir funcionalidades a estas aplicaciones gracias al uso de Aplicaciones de

Internet Ricas.

La disponibilidad depende de un tercero, el proveedor de la conexión a internet o

el que provee el enlace entre el servidor de la aplicación y el cliente. Así que la

disponibilidad del servicio está supeditada al proveedor.

2.2 Lenguaje PHP

PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de código

abierto muy popular especialmente adecuado para el desarrollo web y que puede ser

incrustado en HTML. Lo que distingue a PHP de algo del lado del cliente como

Javascript es que el código es ejecutado en el servidor, generando HTML y enviándolo

al cliente. El cliente recibirá el resultado de ejecutar el script, aunque no se sabrá el

código subyacente que era. El servidor web puede ser configurado incluso para que

procese todos los ficheros HTML con PHP, por lo que no hay manera de que los

usuarios puedan saber qué se tiene debajo de la manga. (www.php.net,

http://php.net/manual/es/intro-whatis.php, 2013)

Es un lenguaje de programación interpretado que se ejecuta del lado del servidor, es

decir, al hacerle la petición de una página PHP al servidor, éste antes de enviársela al

usuario, lo que hace es interpretarlo, traducirlo a html y, acto seguido enviarla al

ordenador que ha realizado la petición. (www.dipler.org, 2011)

2.2.1 Estructura Básica de una página PHP

PHP es un lenguaje ―embebido‖ en HTML, es decir, incrustado en código HTML.

Todos los fragmentos de código PHP deben comenzar con la siguiente cadena de

caracteres: <?php ,y finalizar con ?>

Los símbolos <?php y ?> se dice que son los delimitadores del código PHP.

Normalmente, una página

PHP básica sería algo así:

Page 27: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

10

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Ejemplo de una web con PHP - aprenderaprogramar.com</title>

<meta charset="utf-8">

</head>

<body>

<?php

/* Aquí vendría el código PHP */

/* Este código PHP podría ser una consulta a base de datos */

/* Y además podríamos mostrar esos datos */

?>

</body>

</html>

En este código podemos identificar los siguientes elementos:

- La primera línea es una etiqueta relativa a la versión/variante de HTML que

declaramos usar.

Esta primera etiqueta no es estrictamente necesaria. Sirve únicamente para indicar qué

estándar de HTML es el que declaramos usar.

- Las etiquetas de apertura y cierre de html que delimitan el código HTML.

- Las etiquetas de apertura y cierre head que delimitan la cabecera del código HTML.

- Las etiquetas body que delimitan el cuerpo del código HTML y que es donde suele ir

el contenido central de un documento HTML (texto, imágenes, formularios, etc.).

- Dentro de las etiquetas body, además de código HTML, podemos tener código PHP

embebido. En este caso hemos incluido únicamente un fragmento de código PHP, pero

en el cuerpo del documento HTML podríamos incluir diversos fragmentos de código

HTML mezclados con diversos fragmentos de código PHP. Cada fragmento de código

PHP tiene que ir escrito con sus delimitadores. (González, 2006 - 2015)

Page 28: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

11

Variables

Las variables en PHP son representadas con un signo de dólar ($) seguido por el nombre

de la variable. El nombre de la variable es sensible a minúsculas y mayúsculas. Es decir,

las siguientes declaraciones de variables son distintas entre ellas:

$variable, $Variable, $variAble, $VariAble, etc. representan a distintas variables.

Recordar que una variable es un espacio de la memoria del ordenador (en este caso del

servidor) a la que asignamos un contenido que a grandes rasgos puede ser un valor

numérico (sólo números, con su valor de cálculo) o alfanumérico (sólo texto o texto con

números, sin valor de cálculo).(González, 2006 - 2015)

2.3 Bases de datos

2.3.1 Generalidades de Bases de Datos

Definir una Base de Datos desde el punto de vista informático, es hacer referencia a un

―Sistema‖ formado por un conjunto de datos almacenados en discos que permiten el

acceso directo a ellos y un conjunto de programas que manipulan ese conjunto de datos.

De una manera más formal, se pueden definir como un conjunto de datos estructurados,

que dan características a un sujeto o conjunto de sujetos, organizados

independientemente en máquina, y que se pueden acceder en cualquier momento y ser

compartidos por usuarios concurrentes que tienen necesidades de información diferente.

La principal característica es que se trata de una colección de datos que cumplen las

siguientes propiedades:

Sus estructuras son independientes de las Aplicaciones, y de la manera de

almacenarlos.

Presentan la menor redundancia posible.

Son compartidos por varios usuarios y/o aplicaciones.

El primer paso para crear una base de datos, es planificar el tipo de información que se

quiere almacenar en la misma, teniendo en cuenta dos aspectos: la información disponible

y la información que necesitamos.

Page 29: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

12

La planificación de la estructura de la base de datos, en particular de las tablas, es vital

para la gestión efectiva de la misma. El diseño de la estructura de una tabla consiste en

una descripción de cada uno de los campos que componen el registro y los valores o

datos que contendrá cada uno de esos campos.

Los campos son los distintos tipos de datos que componen la tabla, por ejemplo:

nombre, apellido, domicilio. La definición de un campo requiere: el nombre del campo,

el tipo de campo, el ancho del campo, etc.

Los registros constituyen la información que va contenida en los campos de la tabla, por

ejemplo en la información de un doctor: el nombre del paciente, el apellido del paciente

y la dirección de este. Generalmente los diferente tipos de campos que su pueden

almacenar son los siguientes: Texto (caracteres), Numérico (números), Fecha / Hora,

Lógico (informaciones lógicas si/no, verdadero/falso, etc., imágenes.

En resumen, el principal aspecto a tener en cuenta durante el diseño de una tabla es

determinar claramente los campos necesarios, definirlos en forma adecuada con un

nombre especificando su tipo y su longitud. (www.linkit.com.mx, 2009)

Aplicaciones de base de datos en la Web

· Comercio electrónico.

· Servicios al cliente (por ejemplo seguimiento de paquetes postales)

· Servicios financieros.

· Búsqueda de información.

· Acceso remoto a bases de datos.

· Bases de datos compartidas (intranets)

· Creación de documentos HTML personalizados (sobre la marcha)

· Distribución multimedia.

· Seguimiento de visitantes

2.3.2 Definición de base de datos

Se define una base de datos como una serie de datos organizados y relacionados entre sí,

los cuales son recolectados y explotados por los sistemas de información de una

empresa o negocio en particular.

Page 30: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

13

2.3.3 Características

Entre las principales características de los sistemas de base de datos podemos

mencionar:

Independencia lógica y física de los datos.

Redundancia mínima.

Acceso concurrente por parte de múltiples usuarios.

Integridad de los datos.

Consultas complejas optimizadas.

Seguridad de acceso y auditoría.

Respaldo y recuperación.

Acceso a través de lenguajes de programación estándar.

Sistema de Gestión de Base de Datos (SGBD)

Los Sistemas de Gestión de Base de Datos (en inglés DataBase Management System)

son un tipo de software muy específico, dedicado a servir de interfaz entre la base de

datos, el usuario y las aplicaciones que la utilizan. Se compone de un lenguaje de

definición de datos, de un lenguaje de manipulación de datos y de un lenguaje de

consulta.

2.3.4 Ventajas de las bases de datos

Control sobre la redundancia de datos:

Los sistemas de ficheros almacenan varias copias de los mismos datos en ficheros

distintos. Esto hace que se desperdicie espacio de almacenamiento, además de provocar

la falta de consistencia de datos.

En los sistemas de bases de datos todos estos ficheros están integrados, por lo que no se

almacenan varias copias de los mismos datos. Sin embargo, en una base de datos no se

puede eliminar la redundancia completamente, ya que en ocasiones es necesaria para

modelar las relaciones entre los datos.

Consistencia de datos:

Eliminando o controlando las redundancias de datos se reduce en gran medida el riesgo

de que haya inconsistencias. Si un dato está almacenado una sola vez, cualquier

actualización se debe realizar sólo una vez, y está disponible para todos los usuarios

inmediatamente. Si un dato está duplicado y el sistema conoce esta redundancia, el

Page 31: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

14

propio sistema puede encargarse de garantizar que todas las copias se mantienen

consistentes.

Compartir datos:

En los sistemas de ficheros, los ficheros pertenecen a las personas o a los departamentos

que los utilizan. Pero en los sistemas de bases de datos, la base de datos pertenece a la

empresa y puede ser compartida por todos los usuarios que estén autorizados.

Mantenimiento de estándares:

Gracias a la integración es más fácil respetar los estándares necesarios, tanto los

establecidos a nivel de la empresa como los nacionales e internacionales. Estos

estándares pueden establecerse sobre el formato de los datos para facilitar su

intercambio, pueden ser estándares de documentación, procedimientos de actualización

y también reglas de acceso.

Mejora en la integridad de datos:

La integridad de la base de datos se refiere a la validez y la consistencia de los datos

almacenados. Normalmente, la integridad se expresa mediante restricciones o reglas que

no se pueden violar. Estas restricciones se pueden aplicar tanto a los datos, como a sus

relaciones, y es el SGBD quien se debe encargar de mantenerlas.

Mejora en la seguridad:

La seguridad de la base de datos es la protección de la base de datos frente a usuarios no

autorizados. Sin unas buenas medidas de seguridad, la integración de datos en los

sistemas de bases de datos hace que éstos sean más vulnerables que en los sistemas de

ficheros.

Mejora en la accesibilidad a los datos:

Muchos SGBD proporcionan lenguajes de consultas o generadores de informes que

permiten al usuario hacer cualquier tipo de consulta sobre los datos, sin que sea

necesario que un programador escriba una aplicación que realice tal tarea.

Mejora en la productividad:

El SGBD proporciona muchas de las funciones estándar que el programador necesita

escribir en un sistema de ficheros. A nivel básico, el SGBD proporciona todas las

rutinas de manejo de ficheros típicas de los programas de aplicación.

Page 32: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

15

El hecho de disponer de estas funciones permite al programador centrarse mejor en la

función específica requerida por los usuarios, sin tener que preocuparse de los detalles

de implementación de bajo nivel.

Mejora en el mantenimiento:

En los sistemas de ficheros, las descripciones de los datos se encuentran inmersas en los

programas de aplicación que los manejan.

Esto hace que los programas sean dependientes de los datos, de modo que un cambio en

su estructura, o un cambio en el modo en que se almacena en disco, requiere cambios

importantes en los programas cuyos datos se ven afectados.

Sin embargo, los SGBD separan las descripciones de los datos de las aplicaciones. Esto

es lo que se conoce como independencia de datos, gracias a la cual se simplifica el

mantenimiento de las aplicaciones que acceden a la base de datos.

Aumento de la concurrencia:

En algunos sistemas de ficheros, si hay varios usuarios que pueden acceder

simultáneamente a un mismo fichero, es posible que el acceso interfiera entre ellos de

modo que se pierda información o se pierda la integridad. La mayoría de los SGBD

gestionan el acceso concurrente a la base de datos y garantizan que no ocurran

problemas de este tipo.

Mejora en los servicios de copias de seguridad:

Muchos sistemas de ficheros dejan que sea el usuario quien proporcione las medidas

necesarias para proteger los datos ante fallos en el sistema o en las aplicaciones. Los

usuarios tienen que hacer copias de seguridad cada día, y si se produce algún fallo,

utilizar estas copias para restaurarlos.

En este caso, todo el trabajo realizado sobre los datos desde que se hizo la última copia

de seguridad se pierde y se tiene que volver a realizar. Sin embargo, los SGBD actuales

funcionan de modo que se minimiza la cantidad de trabajo perdido cuando se produce

un fallo.

Page 33: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

16

2.3.5 Desventajas de las bases de datos

Complejidad:

Los SGBD son conjuntos de programas que pueden llegar a ser complejos con una gran

funcionalidad. Es preciso comprender muy bien esta funcionalidad para poder realizar

un buen uso de ellos.

Coste del equipamiento adicional:

Tanto el SGBD, como la propia base de datos, pueden hacer que sea necesario adquirir

más espacio de almacenamiento. Además, para alcanzar las prestaciones deseadas, es

posible que sea necesario adquirir una máquina más grande o una máquina que se

dedique solamente al SGBD. Todo esto hará que la implantación de un sistema de bases

de datos sea más cara.

Vulnerable a los fallos:

El hecho de que todo esté centralizado en el SGBD hace que el sistema sea más

vulnerable ante los fallos que puedan producirse. Es por ello que deben tenerse copias

de seguridad (Backup).

Tipos de Campos

Cada Sistema de Base de Datos posee tipos de campos que pueden ser similares o

diferentes. Entre los más comunes podemos nombrar:

Numérico: entre los diferentes tipos de campos numéricos podemos encontrar enteros

―sin decimales‖ y reales ―decimales‖.

Booleanos: poseen dos estados: Verdadero ―Si‖ y Falso ―No‖.

Memos: son campos alfanuméricos de longitud ilimitada. Presentan el inconveniente de

no poder ser indexados.

Fechas: almacenan fechas facilitando posteriormente su explotación. Almacenar fechas

de esta forma posibilita ordenar los registros por fechas o calcular los días entre una

fecha y otra.

Alfanuméricos: contienen cifras y letras. Presentan una longitud limitada (255

caracteres).

Autoincrementables: son campos numéricos enteros que incrementan en una unidad su

valor para cada registro incorporado. Su utilidad resulta: Servir de identificador ya que

resultan exclusivos de un registro.

Page 34: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

17

2.3.6 Estructura de una Base de Datos

Una base de datos, a fin de ordenar la información de manera lógica, posee un orden

que debe ser cumplido para acceder a la información de manera coherente. Cada base de

datos contiene una o más tablas, que cumplen la función de contener los campos.

Por consiguiente una base de datos posee el siguiente orden jerárquico:

Tablas

Campos

Registros

Lenguaje SQL

El lenguaje SQL es el más universal en los sistemas de base de datos. Este lenguaje nos

permite realizar consultas a nuestras bases de datos para mostrar, insertar, actualizar y

borrar datos. (www.maestrosdelweb.com, 2007)

2.4 Herramientas de Desarrollo

2.4.1 Dreamweaver

Adobe Dreamweaver es una aplicación en forma de suite (basada en la forma de estudio

de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios y

aplicaciones Web basados en estándares. Creado inicialmente por Macromedia

(actualmente producido por Adobe Systems) es el programa más utilizado en el sector

del diseño y la programación web, por sus funcionalidades, su integración con otras

herramientas como Adobe Flash y, recientemente, por su soporte de los estándares del

World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y

tiene soporte tanto para edición de imágenes como para animación a través de su

integración MALVERDE'S Hasta la versión MX, fue duramente criticado por su escaso

soporte de los estándares de la web, ya que el código que generaba era con frecuencia

sólo válido para Internet Explorer y no validaba como HTML estándar. Esto se ha ido

corrigiendo en las versiones recientes. (www.tutorialdreamweave.blogspot, 2012)

Page 35: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

18

2.4.2 AppServer

AppServ es un programa que aúna una serie de aplicaciones y utilidades, de manera que

al instalarlo, no solo tendremos instalados todo esto, sino que, además estarán

perfectamente configurados y listos para usarlos en cuestión de minutos, mientras que si

tuviésemos que instalar por separado estos programas, deberíamos dedicarle mucho más

tiempo a su correcta configuración.

2.4.3 Apache

Apache es un servidor HTTP de código abierto disponible para plataformas Unix (BSD,

GNU/Linux, etc.), Windows, Macintosh y otras. Esta aplicación es necesaria para

montar un host local en el cual se apoyarán los demás programas que vamos a instalar.

2.4.4 MySql

MySQL es un sistema de gestión de bases de datos relacionales multiusuario que está

desarrollada por la empresa Sun Microsystems. MySQL es un complemento perfecto

para el desarrollo de sitios web dinámicos, como por ejemplo foros, ya que cada usuario

podrá modificar el contenido de la página o simplemente ampliándolo.

(www.dipler.org, 2011)

Una de las características más interesantes de MySQL es que permite recurrir a bases de

datos multiusuario a través de la web y en diferentes lenguajes de programación que se

adaptan a diferentes necesidades y requerimientos. Por otro lado, MySQL es conocida

por desarrollar alta velocidad en la búsqueda de datos e información, a diferencia de

sistemas anteriores. Las plataformas que utiliza son de variado tipo y entre ellas

podemos mencionar LAMP, MAMP, SAMP, BAMP y WAMP (aplicables a Mac,

Windows, Linux, BSD, Open Solaris, Perl y Phyton entre otras).

MySQL es un sistema de gestión de base de datos relacional (RDBMS) de código

abierto, basado en lenguaje de consulta estructurado (SQL).

MySQL se ejecuta en prácticamente todas las plataformas, incluyendo Linux, UNIX y

Windows. A pesar de que se puede utilizar en una amplia gama de aplicaciones,

MySQL se asocia más con las aplicaciones basadas en la web y la publicación en línea y

es un componente importante de una pila empresarial de código abierto llamado LAMP.

LAMP es una plataforma de desarrollo web que utiliza Linux como sistema operativo,

Apache como servidor web, MySQL como sistema de gestión de base de datos

Page 36: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

19

relacional y PHP como lenguaje de programación orientado a objetos (a veces, Perl o

Python se utiliza en lugar de PHP). (www.searchdatacenter.techtarget.com, 2015)

2.4.5 Macromedia Fireworks 8

Macromedia Fireworks es una aplicación para diseñar elementos gráficos que se van a

utilizar en la web. Sus innovadoras soluciones resuelven los principales problemas a los

que se enfrentan los diseñadores gráficos y los responsables de sitios web. Fireworks se

puede utilizar para crear, editar y animar gráficos web, añadir interactividad avanzada y

optimizar imágenes en entornos profesionales. Cuando un documento está terminado, se

puede exportar en formato de archivo JPEG, GIF u otros — junto con archivos HTML

que contienen tablas HTML y código JavaScript — para utilizarlo en la web.

Gracias a Fireworks, los diseñadores web ya no tienen que cambiar continuamente entre

numerosas aplicaciones, que no son menos de una docena, para realizar tareas

específicas. Los efectos automáticos son reversibles, lo que evita la frustración que

acarrea tener que volver a crear los gráficos web desde el principio después de realizar

una simple modificación. Además, las eficaces funciones de optimización permiten

comprimir el tamaño de los archivos de gráficos web sin afectar a la calidad.

(docencia.udea.edu.co/)

Fireworks se integra con otros productos de Macromedia, como Dreamweaver, Flash,

FreeHand y Director, con otros editores HTML y aplicaciones gráficas de uso frecuente

para ofrecer una solución web global. Los elementos gráficos de Fireworks se pueden

exportar fácilmente con código HTML y JavaScript adaptado al editor de HTML que se

utilice.

2.4.6 HTML

Una página web la vemos en nuestro navegador, o cliente web, y parece una sola

entidad, pero no es así, está compuesta por multitud de diferentes ficheros, como son las

Imágenes, los posibles videos y lo más importante: el código fuente.

El código de las páginas está escrito en un lenguaje llamado HTML, que indica

básicamente donde colocar cada texto, cada imagen o cada video y la forma que tendrán

estos al ser colocados en la página.

Page 37: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

20

El HTML se creó en un principio con objetivos divulgativos. No se pensó que la web

llegara a ser un área de ocio con carácter multimedia, de modo que, el HTML se creó

sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de

gente que lo utilizarían en un futuro.

El lenguaje consta de etiquetas que tienen esta forma <B> o <P>. Cada etiqueta

significa una cosa, por ejemplo <B> significa que se escriba en negrita (bold) o <P>

significa un párrafo, <A> es un enlace, etc. Casi todas las etiquetas tienen su

correspondiente etiqueta de cierre, que indica que a partir de ese punto no debe de

afectar la etiqueta. Por ejemplo </B> se utiliza para indicar que se deje de escribir en

negrita. Así que el HTML no es más que una serie de etiquetas que se utilizan para

definir la forma o estilo que queremos aplicar a nuestro documento. <B>Esto está en

negrita</B>. (Rueda).

2.4.7 HTML 5

HTML es un lenguaje de marcas o etiquetas utilizado para construir páginas web. Sus

siglas en ingles significan HyperText Markup Language.

Es usado para describir la estructura y el contenido en forma de texto, así como para

complementar el texto con objetos tales como imágenes. HTML se escribe en forma de

«etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir,

hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por

ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y

otros procesadores de HTML .

Los navegadores web toman el código HTML, lo interpretan y construyen la página

web con los elementos descritos en el código. La interpretación de ciertos elementos o

etiquetas HTML puede variar de un navegador a otro lo que hace que el desarrollador

deba estar atento a si estas variaciones afectan o no el normal funcionamiento de su

página. Sin embargo, en términos generales todo el código HTML es interpretado por

los navegadores web de acuerdo a los estándares, de todos siendo el que menos se ajusta

a ellos el navegador de Microsoft, Internet Explorer.

Los resultados que el intérprete de PHP devuelve cuando procesa un archivo se

estructuran en código HTML, de manera que cuando el servidor web devuelve al cliente

Page 38: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

21

los resultados de su petición, el navegador puede construir la página web haciendo uso

de este código. (Mora, 2002)

2.5 El Turismo Comunitario.

2.5.1 Definición De Turismo.

El turismo se caracteriza por ser una actividad socioeconómica generalizada

relativamente joven y por englobar a una gran variedad de sectores económicos y

disciplinas académicas. Ello resulta en una dificultad patente para establecer

definiciones conceptuales unánimes de la actividad turística, que la diferencia de otras

industrias, y ha originado una multitud de ellas, cada una subrayando aspectos distintos

de dicha actividad.

Así, un economista define el turismo centrándose en el consumo un psicológo se

interesa más por los comportamientos y motivaciones turísticos, un geográfo ofrece una

definición basada en el territorio, etc. No existe la definicion de turismo. Todas ellas son

correctas y contribuyen, de alguna manera, a entender un poco mejor la complejidad

inherente del mismo. (ARTURO, 2009, pág. 11)

Los atractivos naturales la calidad de medio y la actividad turística.

2.5.2 El proceso de planificación Turística.

Investigación suena como algo absoluto, se podría pensar en realizarla sin ningún tipo

de lazos culturales o demográficos. Tal vez esto sea posible en la investigación como un

mero pasatiempo, pero realmente no lo es en la investigación de mercado al respecto

como un negocio.

Las diferencias físicas incluso tienen que ver con la función primordial de reunir

información. Muchos países menos desarrollados son por ejemplo, más rurales que

urbanos. (SHETH, INVESTIGACIÓN DE MERCADO, 1992, pág. 102).

El contacto directo con el sector o lugar a investigarse, es lo mejor ya que se puede

palpar una realidad acerca del tema a realizarse o acerca de lugar en dónde se realiza la

investigación como también sirve para verificar si la información recopilada es real o

no.

Page 39: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

22

2.5.3 La comunidad

Definición.

Establece que científica a los trabajadores sociales del marco teórico, de un paradigma

acerca de la comunidad desde el cual se configura la intervención social en la misma.

M. Marchioni señala que todo lo que refiere a las definiciones de la comunidad en

sentido sociológico es importante para poder conocer mejor la comunidad concreta en

que un equipo trabaja. Pero no nos define operativamente la comunidad propone un

concepto de comunidad determinado por aquellos elementos y aspectos fundamentales

de la intervención y, siguiendo las enseñanzas de su maestra Ángela Zucunni, lanza la

siguiente definición operativa de la comunidad ―conjunto de personas que habitan en el

mismo territorio con ciertos lazos e intereses en común. La comunidad es una unidad

social cuyo miembros participan de algún rasgo, interés, elementos o función común,

con conciencia de pertenencia, situados en una determinada área geográfica en la cual la

pluralidad de personas interaccionan más intensamente entre sí en otro contexto

(LILLO, 2009, pág. 76).

2.6 Investigación del mercado.

Investigación suena como algo absoluto, se podría pensar en realizarla sin ningún tipo

de lazos culturales o demográficos. Tal vez esto sea posible en la investigación como un

mero pasatiempo, pero realmente no lo es en la investigación de mercado al respecto

como un negocio.

Las diferencias físicas incluso tienen que ver con la función primordial de reunir

información. Muchos países menos desarrollados son por ejemplo, más rurales que

urbanos. (SHETH, INVESTIGACIÓN DE MERCADO, 1992, pág. 102).

Page 40: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

23

CAPITULO III.

3. MARCO PROPOSITIVO

3.1 Planteamiento de la Propuesta

Con la Investigación de campo se conocerá más a fondo la problemática que se

relaciona con el bajo crecimiento turístico Comunitario por falta de medios

tecnológicos, de promoción, publicidad y administración de los procesos turísticos que

se dan en la Magdalena, por ello se propone que la solución se orientara hacia la

creación de una Aplicación Web que contribuya para solventar estas falencias como, la

difusión en el mundo de la internet y la Administración de las reservaciones turísticas, y

con esto mejorar dichos procesos que se llevan actualmente de forma manual.

3.2 Ingeniería pre análisis Sistema

En la comunidad de la Magdalena, donde podemos encontrar diversos atractivos

naturales, de costumbres y cultura, es una comunidad que está empezando a dar empuje

al turismo comunitario donde por el momento la única forma de en qué llegan los

turistas a la comunidad es mediante una agencia de turismo externa, la cual envían a los

turistas coordinando previamente con el presidente de la comunidad, quien se encarga

de asignarlos a las diferentes hogares que están disponibles para esta actividad.

Son 5 casas, las que actualmente están acopladas físicamente para dar el servicio a los

turistas, donde pueden encontrar instalaciones rusticas, al estilo de cómo vive la gente

de la zona, gastronomía de la comunidad, sus artesanías costumbres y sus atractivos

naturales.

3.3 Metodología en cascada

La metodología que se utilizara en el desarrollo de la aplicación web será el Modelo de

Cascada, es el enfoque metodológico que ordena rigurosamente las etapas del proceso

para el desarrollo de software, de tal forma que el inicio de cada etapa debe esperar a la

finalización de la etapa anterior. Al final de cada etapa, el modelo está diseñado para

llevar a cabo una revisión final, que se encarga de determinar si el proyecto está listo

para avanzar a la siguiente fase. Este modelo fue el primero en originarse y es la base de

todos los demás modelos de ciclo de vida.

Page 41: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

24

Para el desarrollo se utilizara herramientas de software como: Apache, lenguaje HTML

y combinado con PHP, Dreamweaver que es un herramienta de desarrollo Web que

permite diseñar, desarrollar y proporciona una combinación muy eficaz de herramientas

visuales de diseño.

Gráfico 1. Metodología en cascada

3.3.1 Análisis

Especificación de los requisitos

En la comunidad La Magdalena se está desarrollando el turismo comunitario hace dos

años de una manera poco organizada ya que son los propios comuneros quienes están

emprendiendo en este ámbito del turismo, tienen escaso conocimiento tanto turístico

como tecnológico; la falta de publicidad y promoción hace que el turismo comunitario

no se desarrolle correctamente y como se desearía, a largo plazo el objetivo de la

Page 42: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

25

comunidad es convertir al turismo en un medio de trabajo y desarrollo para los suyos,

convirtiendo así al turismo comunitario como su principal fuente de ingreso.

Por esto se plantea un proyecto para la elaboración de una aplicación Web la cual

permita llegar a mejorar la afluencia de turistas a la zona a través de la utilidad

administrativa, promoción y publicidad de la aplicación web en la Magdalena.

Para la aplicación se analiza los siguientes recursos:

Datos necesarios:

Usuario Turístico

Datos personales de la persona que se registra para realizar la reservación

Preferencias turísticas

Disponibilidad

Reservación

Medio Tecnológico.

Información para Publicidad

Información y recursos para promoción

Información completa respecto al lugar, tanto informativo como indispensable

para el proceso de registro reservación mediante la web.

Facilidad de uso.

Lugar y Disponibilidad de alojamiento.

Viviendas disponibles para la recepción de los turistas

Detalle de actividades

Page 43: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

26

Recursos Necesarios Generales para el desarrollo

RECURSO DETALLE ACCION RESULTADO

Usuario Turístico El beneficiario

final

Realiza

reservación

Hace uso de los atractivos

y actividades de la zona

Medio

Tecnológico

Aplicación Web Da a conocer y

facilita el proceso

de reservación

Mejora el proceso de

promoción y publicidad, la

de reservación,

organización y de control

de todos los recursos

Lugar y

Disponibilidad

de alojamiento

Número de

habitaciones y

actividades

disponibles

Coordinación y

elaboración de

itinerario según el

paquete seseado

Satisfacción del cliente

Tabla 1. Recursos Necesarios

Requisitos de Hardware

Los requisitos de Hardware a utilizar para el desarrollo de la aplicación serán

los siguientes:

Computador portátil.

Características Generales

Marca Asus

Modelo X450

Procesador Intel Inside CORE I5

Memoria 8GB

Tabla2. Requisitos de Hardware- Desarrollo

Page 44: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

27

Para la implementación de la Aplicación Web se tiene disponible.

Computador Todo en Uno

Características Generales

Marca DELL

Modelo Optiplex 9030 AIO

Procesador Intel Inside CORE I7

Memoria 8GB

Tabla 3. Requisitos de Hardware- Implementación

Requisitos de Software

Los requisitos de Software utilizados para el desarrollo serán los siguientes:

SOFTWARE VERSION DETALLE

AppServ 2.5.10 Herramienta OpenSource para Windows.

Apache 2.2.8 servidor web HTTP de código abierto

PHP 5.2.6 Es un lenguaje de programación de uso

general de código del lado del servidor

MySQL 5.0.51b Es un sistema de gestión de bases de

datos relacional.

phpMyAdmin 2.10.3 Es una herramienta escrita en PHP con la

intención de manejar la administración

de MySQL a través de páginas web,

utilizando Internet

Macromedia Fireworks 8 Imágenes , Botones

Macromedia

Dreamweaver

8 Elaboración de aplicación web

Tabla 4. Requisitos de Software

Page 45: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

28

Beneficios

La aplicación web tendrá una interfaz dinámica con el usuario proporcionando la

información necesaria, que dé a conocer todo referente al sitio, como sus servicios,

galerías, paquetes, contactos, de igual manera podrá verificar la disponibilidad de

habitaciones y realizar las reservaciones turísticas confirmándolas a través de la

aplicación mediante un deposito.

Beneficiarios Directos.- Los que se beneficiaran directamente con la elaboración de la

aplicación web serán los comuneros jefes de familia (actualmente cinco familias), que

están prestando el servicio de turismo comunitario, ya que mediante la tecnología se

lograra dar a conocer y mejorar el ingreso de turistas a la zona desarrollándose

económicamente como administrativamente siendo ellos quien administren el sitio sin

necesidad de intermediarios.

Los turistas, que a través de la web www.lamagdalena-turismo.com podrán acceder

directamente a información completa sobre la zona, sus atractivos, costumbres, modo de

vivir, artesanías vegetación etc., además y muy importante tendrán acceso a un módulo

de reservaciones donde les permita reservar con anticipación directamente en la web.

Beneficiarios Indirectos.- Quienes se beneficiaran indirectamente serán toda la

comunidad en sí, ya que con la afluencia de turistas habrá mejoras permitiendo que se

sumen más familias a la asociación y el desarrollo socioeconómico irá incrementando

progresivamente y por consiguiente la calidad de vida de la comunidad y sus

alrededores como la fauna y la flora de la zona.

Page 46: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

29

3.3.2 Diseño

Flujo grama de la aplicación web.

Gráfico 2. Flujograma de la aplicación web.

Page 47: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

30

Diseño de la Base de Datos

Modelo Físico

Gráfico 3. Base de Datos - Modelo Físico

Page 48: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

31

Mapa del Sitio

Gráfico 4. Mapa del Sitio

La página principal de La Magdalena dispone de las siguientes opciones:

SERVICIOS.- Aquí se podrá encontrar las descripciones de los servicios que

brinda la comunidad.

GALERIA.- Se podrá observar una galería donde se muestra paisajes y

descripciones graficas de lo que dispone la zona.

PAQUETES.- Se detalla todas as actividades que se realizan en los paquetes

turísticos que se dispone.

CONOCENOS.- Aquí se detalla una breve descripción general de la comunidad

La Magdalena.

RESERVACIONES.- En este link se podrá realizar las reservaciones.

ADMINISTRADOR.- Aquí se podrá acceder al módulo del administrador donde

podrá gestionar las reservaciones.

Page 49: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

32

Diseño de Entradas y Salidas

RESERVACIONES

Las entradas son en las cuales se ingresan o se escogen datos para ser registrados como

la disponibilidad, datos personales, de transacción, reservaciones etc.

Grafico 5. Pantalla Reservaciones

Gráfico 6. Pantalla - Verificar Disponibilidad.- Aquí el usuario tiene la opción de

verificar la disponibilidad para la fecha deseada.

Page 50: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

33

Gráfico 7. Registro de Datos personales.- Aquí se solicita el registro de los datos

personales de la persona que requiere reservar.

Gráfico 8. Confirmar Reservaciones.- Aquí la persona (turista) podrá confirmar su

reservación ingresando su número de identificación con la que se buscara si hay

reservaciones realizadas, y deberá confirmar enviando el número de comprobante de

depósito para que su reservación sea validada por el administrador de las reservaciones.

Page 51: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

34

Acceso como Administrador

En el diseño del módulo del Administrador tendrá los siguientes accesos que solo

ingresara con clave se usuario.

Grafico 9. Diseño de accesos Administrador

Gráfico 10. Página principal de acceso del Administrador

USUARIO.- Nombre del usuario del Administrador

CLAVE.- Clave asignada para el usuario.

Page 52: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

35

Gráfico 11. Confirmación de reservaciones – Administrador.- El administrador

Ingresa (confirma) o deja en estado vacío la reservación. En esta opción de check se

confirma la reservación que tiene número de depósito para que sea válida.

3.3.3 Implementación

Mediante esta aplicación se puede identificar todo lo que brinda como beneficios,

facilidades de acceso a los datos correspondientes y a los datos de los turistas como,

personales, información de la reservación, estado del proceso reservación y el acceso

del administrador.

3.3.4 Codificación.

reservaciones.php

Script para generar lista donde escogeremos el tipo de paquete

<select name="slcpaquete" id="slcpaquete">

<?

$numregistro=0;

$cadsql="select NOMPAQUETE from paquetes";

$resultado=mysql_query($cadsql,$conexion);

$numregistro=mysql_num_rows($resultado);

Page 53: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

36

while ($po=mysql_fetch_array($resultado))

{

?>

<option><? echo $po['NOMPAQUETE']; ?></option>

<?

}

?>

</select>

Script para llamar la función del calendario

<input name="txtfecinicio" type="text" id="txtfecinicio" value="<? echo date("Y/m/d"); ?>"

size="20" />

<input type="button" value="Cal"

onclick="displayCalendar(document.forms[0].txtfecinicio,'yyyy/mm/dd',this)" />

(Archivo reservaciones_datos.php)

<?

$paquete=$_POST['slcpaquete'];

$hogar=$_POST['slchogar'];

$numpersonas=$_POST['txtnumpersonas'];

$fini=$_POST['txtfecinicio'];

$ffin=$_POST['txtfecfin'];

$time1 = strtotime($fini);

$time2 = strtotime($ffin);

$fechaini = date('Y-m-d',$time1);

$fechafin = date('Y-m-d',$time2);

$numpersonas=$_POST['txtnumpersonas'];

Page 54: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

37

require"funciones.php";

$conexion =conectar_bd();

Script para sumar total de habitaciones

$totalhabitaciones=0;

$cad_casa="select NUMHABITACIONES from casas";

$resul_casas=mysql_query($cad_casa,$conexion);

$numregistro=mysql_num_rows($resul_casas);

if ($numregistro > 0 )

{

while ($po_casas=mysql_fetch_array($resul_casas))

{

$totalhabitaciones = $totalhabitaciones + $po_casas['NUMHABITACIONES'];

}

}

Script para verificar las fechas disponibles

$cadsql="select * from fechaocupada WHERE FECHAOCUPADA BETWEEN '$fechaini' AND

'$fechafin'";

$resultado=mysql_query($cadsql,$conexion);

$registros=mysql_num_rows($resultado);

$fechaaamostar = $fechaini;

$numregis=0;

$conta2=0;

while(strtotime($fechafin) >= strtotime($fechaini))

{

if(strtotime($fechafin) != strtotime($fechaaamostar))

{

$cad_fpersonas="SELECT FECHAOCUPADA, NUMPERSONAS from

FECHAOCUPADA Where FECHAOCUPADA='$fechaaamostar'";

$resul_focu=mysql_query($cad_fpersonas,$conexion);

Page 55: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

38

//$po_focu=mysql_fetch_array($resul_focu);

$numregis=mysql_num_rows($resul_focu);

$conta=0;

while ($po_focu=mysql_fetch_array($resul_focu))

{

$conta = $conta + $po_focu['NUMPERSONAS'];

}

if(($conta+$numpersonas)>$totalhabitaciones)

{

$conta2=$conta2+1;

}

$fechaaamostar = date("Y-m-d", strtotime($fechaaamostar . " + 1 day"));

}

else

{

//echo "$fechaaamostar<br>";

//echo "error";

break;

}

}

Script que permite visualizar disponibilidad de habitaciones

if ($conta2 > 0 )

{

?>

<table width="252" border="0">

<tbody>

<tr class="cltit_login">

<td colspan="2" align="center" valign="middle"><?

echo "No hay disponibilidad";

echo "<br>";

Page 56: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

39

?></td>

</tr>

<tr class="cltit_login">

<td width="82" align="center" valign="middle">Fecha</td>

<td width="154" align="center" valign="middle">Disponibilidad</td>

</tr>

<?

$fechaaamostar = $fechaini;

$numregis=0;

$conta2=0;

while(strtotime($fechafin) >= strtotime($fechaini))

{

if(strtotime($fechafin) != strtotime($fechaaamostar))

{

$cad_fpersonas="SELECT FECHAOCUPADA, NUMPERSONAS from

FECHAOCUPADA Where FECHAOCUPADA='$fechaaamostar'";

$resul_focu=mysql_query($cad_fpersonas,$conexion);

//$po_focu=mysql_fetch_array($resul_focu);

$numregis=mysql_num_rows($resul_focu);

$conta=0;

while ($po_focu=mysql_fetch_array($resul_focu))

{

$conta = $conta + $po_focu['NUMPERSONAS'];

}

if(($conta+$numpersonas)>=$totalhabitaciones)

{

$conta2=$conta2+1;

}

$fechaaamostar = date("Y-m-d", strtotime($fechaaamostar . " + 1

day"));

?>

<tr class="hst_user">

Page 57: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

40

<td align="center" valign="middle" bgcolor="#FFFFFF"><? echo

$fechaaamostar;?></td>

<td align="center" valign="middle" bgcolor="#FFFFFF"><? echo

$totalhabitaciones - $conta;?></td>

</tr>

<?

}

else

{

//echo "$fechaaamostar<br>";

//echo "error";

break;

}

}

?>

</tbody>

</table>

<p><a href="reservaciones.php" class="hst_tit_user Estilo18">volver</a>

<?

}

(Script donde se crean los campos para ingresar los datos de la reservación mientras

cumpla la disponibilidad de habitaciones)

else

{

?>

</p>

<table width="961" border="0">

<tr>

<td height="42" colspan="2" align="center" valign="middle" class="cltit_login">DATOS

PERSONALES</td>

<td class="cltit_login">&nbsp;</td>

<td height="42" colspan="2" class="cltit_login"><div align="center"

class="hst_tit_user">DATOS DE RESERVACIONES </div></td>

Page 58: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

41

</tr>

<tr>

<td width="153" class="hst_user"><div align="left">INGRESE CEDULA:</div></td>

<td width="318"><label>

<input name="txtcedula" type="text" size="15" id="txtcedula" />

</label></td>

<td width="9">&nbsp;</td>

<td width="246">&nbsp;</td>

<td width="216">&nbsp;</td>

</tr>

<tr>

<td height="24" class="hst_user">NOMBRES:</td>

<td><input name="txtnombres" type="text" id="txtnombres" size="25" /></td>

<td>&nbsp;</td>

<td class="hst_user">ESCOJA PAQUETE TURISTICO </td>

<td><select name="slcpaquete" id="slcpaquete">

<?

////////////////////////////////////////////////

$numregistro=0;

$cadsql="select NOMPAQUETE from paquetes";

$resultado=mysql_query($cadsql,$conexion);

$numregistro=mysql_num_rows($resultado);

while ($po=mysql_fetch_array($resultado))

{

?>

<option><? echo $po['NOMPAQUETE']; ?></option>

<?

}?>

</select></td>

</tr>

<tr>

<td height="24" class="hst_user">APELLIDOS:</td>

<td><input name="txtapellidos" type="text" id="txtapellidos" size="25" /></td>

Page 59: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

42

<td>&nbsp;</td>

<td><span class="hst_user">FECHA LLEGADA </span></td>

<td><input name="txtfecinicio" type="text" id="txtfecinicio" value="<? echo $fini; ?>"

size="20" />

<input type="button" value="Cal"

onclick="displayCalendar(document.forms[0].txtfecinicio,'yyyy/mm/dd',this)" /></td>

</tr>

<tr>

<td height="24" class="hst_user">DIRECCION:</td>

<td><input name="txtdireccion" type="text" id="txtdireccion" size="40" /></td>

<td>&nbsp;</td>

<td class="hst_user">FECHA SALIDA </td>

<td><input name="txtfecfin" type="text" id="txtfecfin" value="<? echo $ffin; ?>"

size="20" />

<input type="button" value="Cal"

onclick="displayCalendar(document.forms[0].txtfecfin,'yyyy/mm/dd',this)" /></td>

</tr>

<tr>

<td height="24" class="hst_user">CIUDAD:</td>

<td><input name="txtciudad" type="text" id="txtciudad" size="25" /></td>

<td>&nbsp;</td>

<td class="hst_user">N&deg; PERSONAS</td>

<td><input name="txtnumpersonas" type="text" id="txtnumpersonas" value="<? echo

$numpersonas; ?>" size="5" /></td>

</tr>

<tr>

<td class="hst_user">PAIS:</td>

<td><input name="txtpais" type="text" id="txtpais" size="20" />

<label>

</label></td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td><div align="left">

<input name="Submit" type="submit" formaction="grabar_reservaciones.php"

formmethod="POST" value="Enviar" />

Page 60: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

43

</div></td>

</tr>

<tr>

<td class="hst_user">TELEFONO:</td>

<td><input name="txttelefono" type="text" id="txttelefono" size="15" /></td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

<tr>

<td class="hst_user">EMAIL:</td>

<td><input name="txtemail" type="email" id="txtemail" size="25" /></td>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td>&nbsp;</td>

</tr>

</table>

<?

}

?>

(Archivo grabar_reservaciones.php)

<?php

$cedula=$_POST['txtcedula'];

$nombres=$_POST['txtnombres'];

$apellidos=$_POST['txtapellidos'];

$direccion=$_POST['txtdireccion'];

$ciudad=$_POST['txtciudad'];

$pais=$_POST['txtpais'];

$telefono=$_POST['txttelefono'];

$email=$_POST['txtemail'];

$numpersonas=$_POST['txtnumpersonas'];

Page 61: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

44

$paquete=$_POST['slcpaquete'];

$hogar=$_POST['slchogar'];

$fini=$_POST['txtfecinicio'];

$ffin=$_POST['txtfecfin'];

$time1 = strtotime($fini);

$time2 = strtotime($ffin);

$fechaini = date('Y-m-d',$time1);

$fechafin = date('Y-m-d',$time2);

require"funciones.php";

$conexion =conectar_bd();

Script Sacar id reservaciones

$idreservaciones=0;

$cadsql="select max(IDRESERVACIONES) as IDRESERVACIONES from reservaciones";

$resultado=mysql_query($cadsql,$conexion);

$po=mysql_fetch_array($resultado);

$idreservaciones=$po['IDRESERVACIONES']+1;

Script sacar el Id del paquete que a elegido el cliente

$cadsql="select idpaquetes from paquetes where nompaquete='$paquete'";

$resultado=mysql_query($cadsql,$conexion);

$po=mysql_fetch_array($resultado);

$idpaquete=$po['idpaquetes'];

Script donde verifica si el cliente ya echo reservaciones anteriormente

$cad_cedula="select idclientes from clientes where idclientes='$cedula'";

$resultado=mysql_query($cad_cedula,$conexion);

$registros=mysql_num_rows($resultado);

Page 62: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

45

Script donde inserto los datos del cliente si aún no se registrado en el sistema

if($registros==0)

{

$cadins_cliente="insert into clientes (IDCLIENTES, NOMBRES, APELLIDOS, DIRECCION,

CIUDAD, PAIS, TELEFONO, EMAIL) values ('$cedula', '$nombres', '$apellidos', '$direccion',

'$ciudad', '$pais', '$telefono', '$email')";

$resultado=mysql_query($cadins_cliente,$conexion);

}

else{

///echo "existe";

}

Script donde se inserta los datos de la reservación

$cadins_reser="insert into reservaciones (IDRESERVACIONES,

IDCLIENTES,IDPAQUETES,FECHAINICO,FECHAFIN,ESTADO,COMPROBANTE, NUMPERSONAS)

values ('$idreservaciones','$cedula','$idpaquete','$fechaini','$fechafin','-','-','$numpersonas')";

mysql_query($cadins_reser,$conexion);

$selec_cli="select IDCLIENTES, NOMBRES, APELLIDOS, DIRECCION, CIUDAD, PAIS, TELEFONO,

EMAIL from clientes where idclientes='$cedula'";

$res_clie=mysql_query($selec_cli,$conexion);

$po=mysql_fetch_array($res_clie);

Script sumar total de habitaciones

$totalhabitaciones=0;

$cad_casa="select NUMHABITACIONES from casas";

$resul_casas=mysql_query($cad_casa,$conexion);

$numregistro=mysql_num_rows($resul_casas);

if ($numregistro > 0 )

{

Page 63: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

46

while ($po_casas=mysql_fetch_array($resul_casas))

{

$totalhabitaciones = $totalhabitaciones + $po_casas['NUMHABITACIONES'];

}

}

3.3.5 Pruebas

Con las pruebas durante el desarrollo de la aplicación web establecen un factor

importante de mejora, la aplicación web ha sido sometida a dos tipos de pruebas las

cuales son:

Caja Blanca: Con esta prueba se pudo verificar la ejecución de los procesos, como

controlar el número de personas de personas registradas para la posible reservación, se

pudo seguir la secuencia de ejecución para validar la automatización y control.

Para la realización de esta prueba se ingresó una disponibilidad para 5, donde si

escogemos el número de personas 2.

Grafico 12.- Pruebas – Ingreso Disponibilidad

En el momento de validar la disponibilidad, si la hay, el sistema sigue a la siguiente

pantalla de registro de datos personales y se vuelven a cargar los datos antes escogidos

con las fechas que selecciono de reservación.

Page 64: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

47

Grafico 13.-Pruebas – Ingreso Datos personales

Prueba de Caja Negra: Esta prueba nos ha permitido verificar la idoneidad del

registro de las reservaciones, la se aplicó para validar las reservaciones efectivas y las

reservaciones que no se confirmaron, por cancelación o por falta de disponibilidad, con

esto se verifico la validez de los registros.

En este ejemplo se ingresa datos erróneos donde se puede evidenciar que estamos

ingresando el número mayor de personas (15), al ingresado para las pruebas (5).

Grafico 14.-Pruebas – Disponibilidad seleccionada se vuelve a cargar.

Por ello la aplicación nos muestra la disponibilidad real del momento.

Page 65: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

48

Grafico 15. Pruebas – Disponibilidad Real.

Prueba de velocidad de navegadores

La s pruebas de velocidad de carga de nuestro sitio web se lo realizara en los siguientes

Navegadores Web:

Prueba Navegador Mozilla

Grafico 16. Pruebas – Velocidad Pagina Web en Mozilla.

Page 66: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

49

Prueba Navegador Internet Explorer 11.0.20

Grafico 17. Pruebas – Velocidad Pagina Web en Internet Explorer 11.0.20.

En base a este resultado podemos determinar que la respuesta de la carga de la

Aplicación Web, www.lamagdalena-turismo.com, fue mejor en el Navegador Mozilla,

con 3.335s. a diferencia de Internet Explorer 3.603s.

Page 67: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

50

Pruebas de hardware y software

Para la prueba de hardware se accedió al portal web de La Magdalena en la máquina

que está destinada para la administración de las reservaciones y se observó que con las

características básicas en cualquier navegador se puede tener acceso óptimo.

3.3.6 Mantenimiento

Después de implementar la aplicación se deberá dar un soporte por lo menos una vez

cada trimestre en la fase inicial, ya que habrá lineamientos que necesiten depurarse y

debido al acoplamiento de los procesos que ahora se los llevara de una forma

automatizada.

Page 68: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

51

CONCLUSIONES

El uso de las aplicaciones web en cualquier ámbito que se lo aplique resulta

beneficioso en muchos aspectos como en inversión, mejora de procesos, optimización

de los recursos. Etc.

Se evidencio que en la comunidad de la Magdalena, no hay el suficiente

conocimiento de procesos turísticos automatizados, por lo que solo estaba dependiendo

actualmente de procesos manuales.

Los participantes del turismo comunitario de esta comunidad están de acuerdo que se

debe automatizar los procesos para aumentar la afluencia de turistas y así darse a

conocer de una mejor manera, pero todavía existe un bajo nivel de incertidumbre

referente a la idea de estar presente en el mundo virtual del internet.

La implementación de la aplicación web se la realizo enfocada en la administración

que se le puede dar a las reservaciones que ahora van a ser directas con el representante

de la comunidad y no solo por medio de intermediarios.

Page 69: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

52

RECOMENDACIONES

Realizar una asamblea que trate de temas relacionados con el turismo, para la toma

de decisiones a través de la automatización de las reservaciones turísticas.

Se debe realizar capacitaciones constantes en temas relacionados con la

automatización y/o el uso de la aplicación web con el fin de mostrar las bondades que

pueden obtener de la aplicación, y posibles mejoras e incremento de procesos.

Capacitar a más de uno en el uso de la aplicación web y de cómo se maneja las

reservaciones turísticas a través de dicha aplicación.

Se sugiere evaluar constantemente los resultados obtenidos, mejoras que se van

dando con el uso de esta nueva herramienta tecnológica.

Los datos deberán ser respaldados y almacenados externamente por lo menos cada 6

meses, con esto tendremos un backup de las reservaciones cada semestre.

Page 70: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Bibliografía

ARTURO, C. (2009). EL TURISMO. Barcelona: Laertes S.A.

ecured. (s.f.). Obtenido de ecured: http://www.ecured.cu/index.php/Aplicaci%C3%B3n_web

LILLO, N. (2009). LA COMUNIDAD. Madrid: NARCEA S.A.DE EDICIONES.

MARIANO, S. (1997). LOS ATRACTIVOS NATURALES LA CALIDAD DE MEDIO Y LA

ACTIVIDAD TURISTICA. En S. MARIANO, EL MEDIO AMBIENTE EN LA

OPINION PUBLICA (pág. 99). BARCELONA: Mundi prensa.

Mora, S. L. (2002). wikipedia.org. Obtenido de Programación en Internet: Clientes Web:

http://es.wikipedia.org/wiki/HTML

Rueda, C. (s.f.). SOLUCIONES MULTIMEDIA BAJO PLATAFORMAS WEB (LIVIANAS).

SOLUCIONES MULTIMEDIA BAJO PLATAFORMAS WEB (LIVIANAS).

s/n. (2012). http://php.net/manual/es/intro-whatis.php. Obtenido de

http://php.net/manual/es/intro-whatis.php: http://php.net/manual/es/intro-whatis.php

SHETH, J. N. (1992). INVESTIGACIÓN DE MERCADO. BALDERAS MEXICO: LIMUSA,

S.A.de C.V.

sn. (2012). https://helpx.adobe.com/es/dreamweaver/using/web-applications.html. Obtenido de

https://helpx.adobe.com/es/dreamweaver/using/web-applications.html:

https://helpx.adobe.com/es/dreamweaver/using/web-applications.html

vvvv. (2 de 2222). bbb. Obtenido de nnnnnn.

www.aprenderaprogramar.com. (2006 - 2015). www.aprenderaprogramar.com. Obtenido de

www.aprenderaprogramar.com:

http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=540:

conceptos-basicos-php-estructura-basica-pagina-etiquetas-apertura-y-cierre-embeber-

en-html-cu00815b&catid=70:tutorial-basico-programador-web-php-desde-

cero&Itemid=193

www.aprenderaprogramar.com. (s.f.). www.aprenderaprogramar.com. Obtenido de variables en

php:

http://aprenderaprogramar.com/index.php?option=com_content&view=article&id=544:

tipos-de-variables-en-php-declaracion-y-asignacion-sentencia-echo-insertar-texto-en-el-

Page 71: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

html-cu00816b&catid=70:tutorial-basico-programador-web-php-desde-

cero&Itemid=193

www.dipler.org. (2011). http://www.dipler.org/. Obtenido de http://www.dipler.org/.

www.helpx.adobe.com. (2012). Aplicación Web. Obtenido de Aplicación Web:

https://helpx.adobe.com/es/dreamweaver/using/web-applications.html

www.linkit.com.mx. (2009). Generalidades de la base de datos. Obtenido de Generalidades de

la base de datos: http://blog.linkit.com.mx/2009/08/generalidades-de-la-base-de-datos/

www.maestrosdelweb.com. (Agosto de 2007). Que son las bases de datos. Obtenido de Que son

las bases de datos: http://www.maestrosdelweb.com/

www.mercadeo.com. (2014). http://www.ecured.cu/index.php/Aplicaci%C3%B3n_web.

Obtenido de http://www.ecured.cu/index.php/Aplicaci%C3%B3n_web.

www.php.net. (2001 - 2015). Manual. Obtenido de Etiquetas PHP:

http://php.net/manual/es/language.basic-syntax.phptags.php

www.php.net. (2013). http://php.net/manual/es/intro-whatis.php. Obtenido de

http://php.net/manual/es/intro-whatis.php.

www.searchdatacenter.techtarget.com. (2015). MySQL Definicion. Obtenido de MySQL

Definicion: http://searchdatacenter.techtarget.com/es/definicion/MySQL

www.tutorialdreamweave.blogspot. (2012). Concepto Dreamweaver. Obtenido de Concepto

Dreamweaver: http://tutorialdreamweave.blogspot.com/p/concepto_3888.html

Page 72: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

ANEXOS

Page 73: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

ANEXOS

Anexo 1. Encuesta aplicada en la comunidad de La Magdalena.

INSTRUMENTO APLICADO PARA DETERMINAR EL GRADO DE SATISFACCION DEL TURISTA

QUE ACUDE A LA COMUNIDAD DE LA MAGDALENA – PARROQUIA ANGOCHAGUA

Instrucciones: Marque con una ( X ) o un visto, la respuesta elegida.

1.- ¿Se sintió a gusto durante su estadía en la comunidad, de la Magdalena?

Si □

No □

2.- Al buscar lugares de turismo comunitario, encontró referencias en la web sobre nuestra

comunidad?

Si □

No □

3.- Cree que es importante y necesario que la comunidad La Magdalena tenga su propia página

web?

Si □

No □

4.- ¿Cómo se enteró de los atractivos turísticos que ofrece La Magdalena?

a) Prensa □

b) Internet □

c) Guías de viaje □

d) Agencias de viaje □

e) Amigos – Familiares □

5.- ¿Qué considera usted es lo más importante en La Magdalena

La Naturaleza □

Grupos étnicos □

Aventura □

Turismo comunitario □

Page 74: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

6.- ¿Con cuánto tiempo de anticipación le gustaría realizar su reservación? (Marque una sola

opción).

1 semana antes □

2 semanas antes □

3 semanas antes □

4 semanas antes □

1 mes antes □

más de 1 mes antes □

7.- ¿Cómo le gustaría que sea la forma de pago?

Tarjeta de crédito □

Deposito □

Efectivo □

Cheque □

8.- Cual sería el motivo principal de su visita a la comunidad de La Magdalena?

Descanso o placer □

Diversión □

Negocios □

Cultura □

Estudios □

Otro □

GRACIAS POR SU COLABORACION

Page 75: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Anexo 2. Tabulación de los Resultados de la encuesta.

De las encuestas dirigidas a los turistas que han acudido a La Magdalena hacer turismo

comunitario se puede evidenciar los siguientes resultados:

Primera Pregunta: ¿Se sintió a gusto durante su estadía en la comunidad,

de la Magdalena?

OPCION FRECUENCIA PORCENTAJE

Si 70 81%

No 16 19%

TOTAL 86 100%

Nota: En este cuadro podemos evidenciar que el 81% por ciento de los encuestados se sintió a gusto durante la

estadía en la comunidad La Magdalena, mientras que un 19 %, por alguna razón no se sintió a gusto.

Gráfico 18. Satisfacción en estadía en la comunidad La Magdalena

Segunda Pregunta: ¿Al buscar lugares de turismo comunitario, encontró

referencias en la web sobre nuestra comunidad?

OPCION FRECUENCIA PORCENTAJE

Si 11 13%

No 75 87%

TOTAL 86 100%

Nota: Este cuadro muestra que solo un 13 % de los turistas que acuden a La Magdalena han encontrado referencias

en la Web de la Magdalena, lo cual evidencia que la promoción y publicidad es muy escasa.

81%

19%

ESTADIA-SATISFACCION

Si

No

Page 76: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Gráfico 19. Referencias en la Web.

Este resultado muestra la ausencia de publicidad y promoción de la comunidad La

Magdalena con respecto al turismo comunitario.

Tercera Pregunta: Cree que es importante y necesario que la comunidad La

Magdalena tenga su propia página web?

OPCION FRECUENCIA PORCENTAJE

Si 84 98%

No 2 2%

TOTAL 86 100%

Nota: Este cuadro muestra que solo un 2 % de los turistas que acuden a La Magdalena no cree que importante o

primordial en que tengan su propio sitio Web.

Gráfico 20. Página Web de la Magdalena.

A nivel General se sabe que es muy importante y primordial que un lugar turístico tenga

su sitio web propio para ampliar y mejorar su desarrollo.

98%

2%

REFERENCIAS INTERNET

Si

No

98%

2%

SITIO WEB PROPIO

Si

No

Page 77: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Cuarta Pregunta: ¿Cómo se enteró de los atractivos turísticos que ofrece La

Magdalena?

OPCION FRECUENCIA PORCENTAJE

Prensa 4 5%

Internet 8 9%

Guías de Viaje 3 3%

Agencias de Viaje 41 48%

Amigos, Familiares 30 35%

TOTAL 86 100%

Nota: En esta tabla podemos evidenciar que el 48% del total de los encuestados se enteró mediante una agencia de

viaje, el 9% por Internet, el 35% por recomendación de un amigo o familiar, el 3% miró guías de viaje acerca del

sector, y el otro 5% en prensa.

Gráfico 21. Como se enteró de La Magdalena

Estos resultados, nos muestran que un porcentaje representativo llego a la Magdalena a

través de una agencia de viajes, mediante referencia, mas no por la publicidad o

promoción de la misma, lo que nos da a conocer que gracias a los resultados obtenidos

de la encuesta nos permitirá tomar decisiones correctas respecto a la posible solución y

al marketing que debemos darle.

5%

9% 3%

48%

35%

INFORMACION DE REFERENCIA

Prensa

Internet

Guías de Viaje

Agencias de Viaje

Amigos, Familiares

Page 78: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Quinta Pregunta: ¿Qué considera usted es lo más importante en La

Magdalena?

OPCION FRECUENCIA PORCENTAJE

La Naturaleza 22 26%

Grupos Étnicos 18 21%

Aventura 14 16%

Turismo Comunitario 32 37%

TOTAL 86 100%

Nota: Este cuadro nos indica que el turismo comunitario es la razón principal que engloba las preferencias de los

turistas con un 37% del total, la naturaleza con un 26% y el 21% Grupos Étnicos, siendo los más representativos, los

cuales debemos tener siempre como prioritarios para mejoras y siempre tener énfasis para no descuidar lo más

importante.

Gráfico 22. Considera lo más importante de la Magdalena

Sexta Pregunta: ¿Con cuánto tiempo de anticipación le gustaría realizar su

reservación?

OPCION FRECUENCIA PORCENTAJE

1 semana antes 15 17%

2 semana antes 19 22%

3 semana antes 11 13%

4 semana antes 32 37%

Más de 1 mes antes 9 10%

TOTAL 86 100%

Nota: Podemos evidenciar que el mayor porcentaje de tiempo de reservación, es de un 37% el cual corresponde a 4

semanas promedio para realizar su reservación.

26%

21% 16%

37% La Naturaleza

Grupos Étnicos

Aventura

Turismo Comunitario

Page 79: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Gráfico 23. Tiempo de reservación

Este resultado nos permitirá tomar decisiones con respecto al tiempo de reservación y la

flexibilidad que se debe tener en el sistema de reservación que se lleva a cabo en La

Magdalena.

Séptima Pregunta: ¿Cómo le gustaría que sea la forma de pago?

OPCION FRECUENCIA PORCENTAJE

Tarjeta de crédito 24 28%

Deposito 32 37%

Efectivo 18 21%

Cheque 12 14%

TOTAL 86 100%

Nota: Tomando en cuenta esta tabla nos muestra que el 37% del total de los encuestados seguido del 28% y el 21%,

son las tres preferencias de la forma de pago de los turistas.

Gráfico 24. Forma de Pago

17%

22%

13%

37%

11%

TIEMPO DE RESERVACION

1 semana antes

2 semana antes

3 semana antes

28%

37%

21%

14%

PREFERENCIA DE PAGO

Tarjeta de crédito

Deposito

Efectivo

Cheque

Page 80: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Esto nos ayuda para poder especificar los diferentes tipos de pago que podemos tener

disponibles y así cumplir con los requerimientos de nuestros clientes.

Octava Pregunta: ¿Cuál sería el motivo principal de su visita a la

comunidad de La Magdalena?

OPCION FRECUENCIA PORCENTAJE

Descanso o placer 26 30%

Diversión 11 13%

Negocios 3 3%

Cultura 36 42%

Estudios 5 6%

Otro 5 6%

TOTAL 86 100%

Nota: Este resultado muestra que un 42% de los turistas que han visitado La Magdalena lo hacen por la cultura, y un

30 % por descanso y placer, siendo la mayoría.

Gráfico 25. Motivo principal de la visita

Estos resultados nos permiten tener en cuenta que la preservación del aspecto cultural

en la comunidad es muy importante y que las actividades que sean de descanso y placer

son las razones por las cuales los turistas toman la decisión de acudir a la Magdalena.

Analizando los resultados generales de la encuesta, y sobre todo en base a las preguntas,

segunda, tercera y cuarta, podemos identificar que es importante que se dé soluciones a

los diferentes inconvenientes que se tiene dentro del proceso turístico, y por ello es

viable la creación de una aplicación web.

30%

13%

3%

42%

6% 6%

Descanzo o placer

Diversión

Negocios

Cultura

Estudios

Otro

Page 81: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Anexo 3. Entrevista.

La entrevista se la realizo al representante de la comunidad el señor Carlos Molina

quien nos manifestó lo siguiente:

Cuestionario:

Cual el Objetivo principal de la comunidad?

Para nosotros lo más importante es desarrollar el turismo comunitario en nuestra

comunidad, ya que son alrededor de dos años que empezamos con esto pero no

hemos visto un resultado favorable o de crecimiento como se ha dado en otras

partes.

Cuál cree usted que sea el factor más relevante que ha hecho que no se desarrolle

el turismo como lo deseado?

Lo que más ha tenido relevancia es que tenemos debilidad es en la publicidad,

promoción, y control de las reservaciones que se han dado aquí, actualmente

estamos con 5 familias que estamos prestando el servicio de Turismo

comunitario, pero estamos a la espera de la única Agencia de turismo con la que

tenemos convenio, las cual nos envía a veces turistas, pero esto no genera una

fuente de ingreso que nos permita desarrollarnos como comunidad.

En base a la debilidad que tienen en la publicidad y promoción, y la falta de control de las

reservaciones le gustaría que la comunidad de La Magdalena de un giro y salga al mundo

de la Internet mediante una página web propia?

Pienso que esa es nuestra mayor debilidad, ya que el turismo comunitario es más

atrayente para turistas que no son locales, más bien para personas extranjeras, es

por eso que mediante la internet estaríamos en la ventana para todo el mundo y

seria directamente nosotros quien administremos las reservaciones y mediante

una página web incrementaría la publicidad y promoción, permitiéndonos

empezar a crecer en el ámbito del turismo comunitario y ser nosotros quien

directamente interactuemos con el turista y administremos nuestras

reservaciones sin intermediarios.

Page 82: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Anexo 4. Diccionario de Datos

A continuación se muestra cuáles son las tablas de la base de datos con sus diferentes

campos.

Tabla 5. Base de datos – Tabla clientes

Tabla Clientes

Campo Tipo Longitud Descripción

IDCLIENTES Char 10 Guarda identificación para el cliente

NOMBRES Char 30 Guarda el nombre del cliente

APELLIDOS Char 30 Guarda el apellido del cliente

DIRECCION Char 150 Guarda la dirección del cliente

CIUDAD Char 50 Guarda la ciudad del cliente

PAIS Char 30 Guarda el país del cliente

TELEFONO Char 25 Guarda el teléfono del cliente

EMAIL Char 50 Guarda el corro electrónico/E-mail del cliente

Fuente: Autor

*Esta tabla contendrá todos los datos de los clientes

Tabla 6. Base de datos – Tabla Reservaciones

Tabla Reservaciones

Campo Tipo Longitud Descripción

IDRESERVACIONES Int Guarda el código que identificara a la

tabla reservación IDPAQUETES Int Guarda el ID de la tabla paquetes

IDCLIENTES Char 10 Guarda el Identificación del cliente

FECHAINICO Datatime Guarda la fecha que ingresara el

cliente FECHAFIN Datatime Guarda la fecha de salida del cliente

ESTADO Char 10 Guarda el estado de la reservación

COMPROBANTE Char 10 Guarda el código del deposito

NUMPERSONAS Int Guarda el número de las personas

Fuente: Autor

* Registra los datos de la reservación, el ID de cliente y el ID paquetes para enlazarse.

Page 83: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Tabla 7. Base de datos – Tabla Fecha ocupada

Tabla fechaocupada

Campo Tipo Longitud Descripción

IDFO Int 11 Guarda el código que identificara a la

tabla fecha ocupada

IDRESERVACIONES Int 11 Guarda el ID de la tabla reservaciones

NUMPERSONAS Int 11 Guarda el número de personas

FECHAOCUPADA Datatime Guarda las fecha que están ya

ocupadas para así contabilizar si hay

disponibilidad en dicha fecha

Fuente: Autor

*En esta tabla se registra los datos de las fechas de reservación para control de fechas

ocupadas

Tabla 8. Base de datos – Tabla Usuarios

Tabla Usuarios

Campo Tipo Longitud Descripción

NOMUSUARIO Char 30 Almacena el nombre del usuario

IDETIPOUSUA Int 11 Almacena el ID

CONTRASENA Char 30 Almacena la contraseña del usuario

Fuente: Autor

*Aquí se almacenara los datos de los usuarios como Administrador.

Tabla 9. Base de datos – Tabla Casas

Tabla Casas

Campo Tipo Longitud Descripción

IDCASA Int 11 Guarda el ID de la casa

NUMCASA Int 11 Guarda el número de casa

NUMHABITACIONES Int 11 Almacena el número de habitaciones

Fuente: Autor

Page 84: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Tabla 10. Base de datos – Tabla Paquetes

Tabla Paquetes

Campo Tipo Longitud Descripción

IDPAQUETE Int 11 Guarda el ID del paquete

NOMPAQUETE Char 30 Guarda el nombre del paquete

PRECIO Float 1o Almacena el precio del paquete

Fuente: Autor

Anexo 5. Diseño (Bosquejos)

Gráfico 26. Pantalla Principal (bosquejo).

Page 85: UNIVERSIDAD REGIONAL AUTÓNOMA DE LOS ANDES …dspace.uniandes.edu.ec/bitstream/123456789/4653/1/TUAEXCOMSISA016... · La Magdalena con herramientas de desarrollo como PHP, HTML,

Gráfico 27. Pantalla Galería (bosquejo.)

Gráfico 28. Pantalla Reservaciones – Administrador (bosquejo).