• No se han encontrado resultados

SERVICIOS HOTELEROS ADMINISTRADOS A TRAVES DE UNA PAGINA WEB

N/A
N/A
Protected

Academic year: 2017

Share "SERVICIOS HOTELEROS ADMINISTRADOS A TRAVES DE UNA PAGINA WEB"

Copied!
134
0
0

Texto completo

(1)

Zacatenco, México D.F., Mayo 2012

ESCUELA SUPERIOR DE INGENIERÍA MECÁNICA Y

ELÉCTRICA

DEPARTAMENTO DE INGENIERÍA EN

COMUNICACIONES Y ELECTRÓNICA

“SERVICIOS HOTELEROS ADMINISTRADOS A

TRAVÉS DE UNA PÁGINA WEB”

TESIS PROFESIONAL

PARA OBTENER EL TÍTULO DE

INGENIERO EN COMUNICACIONES Y

ELECTRÓNICA

ESPECIALIDAD COMPUTACIÓN

PRESENTAN:

ACEVEDO BOLAÑOS MARÍA DE LOS ANGELES

LÓPEZ ROMERO EDUARDO DAVID

(2)
(3)

CAPITULO I: INTRODUCCIÓN A LOS SERVICIOS WEB

1.1 Introducción. ……… 1

1.2 Planteamiento del problema. ……… 2

1.3 La necesidad que solventa (peticiones web). ……… 2

1.4 Forma de operar de esta modalidad de servicios. ……… 3

1.5 La importancia de la seguridad. ……… 4

1.6 Análisis de sitios web semejantes. ……… 5

1.7 Antecedentes. ……… 6

1.8 Declaración de la Hipótesis. ……… 7

1.9 Descripción del Procedimiento de investigación. ……… 8

CAPITULO II: ANÁLISIS DEL DESARROLLO WEB

2.1 Introducción ………. 12

2.2 Análisis de usuarios de páginasweb. ………. 12

2.3 Metodología ………. 13

2.4 Descripción breve de las metodologías para su análisis. ………. 14

2.4.1 Método de cascada ………. 14

(4)

2.4.3 Incremental ………. 14

2.4.4 Espiral. ………. 14

2.4.5 Rapid ApplicationDevelopment (RAD) ………. 15

2.5 Ciclo de vida. ………. 15

2.6 Introducción al modelo cascada. ………. 16

2.7 Análisis de requisitos del sistema. ………. 18

2.8 Definición de los requisitos de las interfaces del software. ………. 18

2.9 Análisis de especificación de requisitos del software. ………. 19

CAPITULO III: HERRAMIENTAS Y DESCRIPCIÓN DEL SITIO

3.1 Diseño detallado. ………. 20

3.2 Herramientas y lenguajes a ocupar en la construcción del sitio. ………. 21

3.2.1 PHP. ………. 24

3.2.2 HTML. ………. 24

3.2.3 JAVASCRIPT ………. 25

3.2.4 AJAX. ………. 25

3.2.5 SERVIDOR XAMPP ………. 26

(5)

3.2.7 CSS ………. 39

3.3 Página de inicio. ………. 30

3.3.1 Herramientas utilizadas para la construcción de la página de inicio. ………. 32

3.4 Sistema de login. ………. 33

3.4.1 Sesión de usuario. ………. 34

3.4.2 Sesión de administrador. ………. 34

3.4.3 Herramientas para la elaboración de sesiones ………. 34

3.5 Sistema de registro. ………. 36

3.5.1 Herramientas para la elaboración del sistema de registro. ………. 37

3.6 Sistema de peticiones. ………. 39

3.6.1 Herramientas para la construcción del sistema de servicios. ………. 40

3.7 Actualización de servicios. ………. 43

3.8 Desarrollo del sitio para aplicaciones móviles ………. 43

3.9 Seguridad ………. 44

3.9.1 Implementación de un firewall ………. 44

(6)

CAPITULO IV: PRESENTACIÓN Y ANÁLISIS DE

RESULTADOS.

4.1 Diagramas de Flujo(Fases del

Proyecto) ………. 47

4.2 Pruebas finales ………. 49

4.3 Evaluación y mantenimiento del sitio. ………. 49

4.3.1 Uso de las tecnologías ………. 50

4.3.2 Estética: adecuación al perfil a quien va dirigido ………. 50

4.3.3 Usabilidad ………. 51

4.3.4 Accesibilidad. ………. 51

4.3.5 Mantenimiento. ………. 52

4.4 Limitaciones. ………. 53

4.4.1 Incompatibilidad con el navegador internet explorer. ………. 53

4.5 Recomendaciones futuras ………. 54

4.5.1 Mejorar Interfaz Gráfica. ………. 55

4.5.2 Ampliar Formularios. ………. 55

4.5.3 Añadir nuevas páginas. ………. 55

4.5.4 Incompatibilidad con el navegador internet explorer. ………. 53

(7)

CONCLUSIONES

60

ANEXOS

Anexo I: Manual de configuración para el servidor de correo

electrónico. ……… 62

Anexo II: Conexión a Bases de Datos. ……… 74

Anexo III: Sistema de autenticación. ……… 74

Anexo IV: Sistema de inicio de sesión de usuario. ……… 80

Anexo V: Sistema de inicio de sesión de administrador. ……… 81

Anexo VI: Sistema de registro de usuarios como Administrador ……… 81

Anexo VII: Sistema de registro de usuarios en general ……… 97

GLOSARIO

110

(8)

OBJETIVO GENERAL.

Mediante la implementación de un sistema vía web el usuario tendrá la opción de solicitar servicios al hotel tanto interna o externamente, para mayor confort, haciendo uso de su dispositivo móvil o un dispositivo que tenga conexión a internet, teniendo la seguridad que sus peticiones serán únicas y seguras.

OBJETIVOS ESPECIFICOS.

I. Crear una base de datos para lograr el funcionamiento del sistema de administración y servicios, con ellos se resguardara toda la información del huésped y de todo el sistema de gestión de servicios, quien solo los administradores podrán modificar.

II. Implementar un sistema de autenticación para la seguridad de las

solicitudes que un usuario pueda realizar, para que la solicitud de servicios que realice se hagan a través de su sesión de usuario, teniendo la seguridad de que ni los administradores podrán conocer su contraseña pues estará encriptada.

III. Diseñar para mayor seguridad del sitio, un sistema de gestión de seguridad,

(9)

JUSTIFICACIÓN.

Actualmente hay gran comunicación en todo el mundo por medio de la

www(World Wide Web) al cual en el siglo XXI se tiene un acceso fácil. Los hoteles forman parte de este medio, pues a través del internetlosusuarios pueden contactar de manera efectiva vía webal mismo hotel, desde donde pueden observar las características del mismo, los días disponibles para que puedan realizar su reservación, los precios, capacidad con la que cuenta el hotel en determinadas fechas y bien así poder hacer comparaciones y decidir donde desea hacer su reservación y si es del agrado del cliente hacer el pre registro de su estancia, también puedan tener contacto por medio de correo electrónico, teléfonos o directamente ubicando la dirección del hotel, pues estos datos por lo regular se encuentran publicados dentro de su página web.

Al momento que el usuario realiza el registro de sus datos para la reservación debe de tener la seguridad de que su información será resguardada de la mejor manera y que ninguna persona externa al hotel pueda llegar a estos, por eso es necesario que el hotel con un sistema especial que se encargue de resguardar está información a demás de la información que el mismo hotel maneja.

(10)

ALCANCES.

 El cliente del hotel puede realizar peticiones desde cualquier lugar dentro de las instalaciones del inmueble.

 Los servicios disponibles se muestran en un entorno web desplegado en el dispositivo móvil de acceso a internet.

 Todos los servicios ahí mostrados son descritos en forma detallada, apoyándose con imágenes y vínculos web.

 Una vez realizada la petición vía web, en ese preciso momento estará lista para ser atendida por el personal del hotel.

(11)

INTRODUCCIÓN.

Mediante el análisis y observación de las características que maneja un hotel, se puede apreciar que se encuentran enfocadas a la asistencia de los clientes, por medio del suministro de servicios como es hospedaje, comida, limpieza. Por lo que es natural que mientras mejor sea el servicio brindado mejor será el reconocimiento del hotel entre los usuarios, lo que provocará el incremento de ganancias hacia el mismo. Para mejorar los servicios, que en su defecto generarán el aumento de las ganancias, se tiene que implementar innovaciones que hagan de los servicios ofrecidos un ejemplo de originalidad y eficiencia con respecto a los demás. Su poca presencia dentro del mercado hotelero provocará que cuente con servicios que por su forma de presentación y la manera en que son atendidos, harán que marque la diferencia con respecto a la competencia cercana.

¿Pero qué tipo de aplicación o herramienta sería la ideal para lograr implementar una modalidad de servicios hoteleros que nos generé todos estos beneficios?

(12)

ÍNDICE DE TABLAS Y FIGURAS

TABLAS

TABLA 1.- Procesos del Ciclo de vida. ……… 16

TABLA 2.- Ventajas y desventajas de cada lenguaje

……… 22

TABLA 3.- Costos ……… 56

FIGURAS

Figura 1.- Diagrama de flujo de la metodología en cascada aplicada al proyecto.

………

……….. 17

Figura 2.- Mapa Conceptual del Sitio. ………

……….. 20

Figura 3. Ilustración relacional del AJAX. ………

……….. 25

Figura 4. Complementos servidor XAMPP ………

……….. 26

Figura 5. Relación entre las tablas de registros. ………

……….. 29

Figura 6. Página de Inicio. ………

……….. 31

Figura 7. Visualización de un slider de imágenes

con JavaScript. ……….. … 32

Figura 8. Menú desarrollado con la ayuda de las hojas de estilo.

………

……….. 33

Figura 9. Inicio de sesión. ………

……….. 33

Figura 10. Visualización de Servicio Sesión Usuario ………

……….. 41

Figura 11. Visualización de Solicitudes Sesión Administrador

………

……….. 42

Figura 12. Fase Inicial. ………

[image:12.612.79.536.86.727.2]

……….. 47

Figura 13. Fase de Investigación ………

……….. 48

Figura 14. Fase final. ………

……….. 48

Figura 15. Mala Distribución en Internet Explorer. ………

(13)
(14)

CAPITULO I

INTRODUCCIÓN A LOS SERVICIOS WEB

1.1 INTRODUCCIÓN

En una red global tan importante en los últimos años como lo es internet, existen diversos formatos para difundir la información, entre los que se encuentran páginas web de servicios.

Las páginas de servicios web son aquellas que además de transmitir información al usuario de la red, pueden en cierto momento llegar a proporcionar algún servicio de los que este ofreciendo la industria, consorcio, empresa, conglomerado industrial o comercial, que la haya generado, para la obtención de recursos económicos por el servicio brindado.

Dado que el fin primordial de esta es atraer público que en un momento dado se conviertan en clientes, estas páginas deben estar diseñadas lo más atrayentes posibles, con un entorno gráfico agradable para el usuario, lleno de imágenes (cada imagen debidamente explicada y asociada al elemento por el cual se le hizo mención), vínculos, descripciones bien hechas y detalladas, donde la información se encuentre organizada y jerarquizada, de lo más importante a lo más simple, pero sin llegar a parecer demasiada información, que genere el sentimiento de saturación en el usuario de la página, por lo que se debe ser conciso, simple, claro y convincente, de tal forma que al usuario le resulte ameno visitar la página para contratar los servicios que ella ofrece.

(15)

1.2 PLANTEAMIENTO DEL PROBLEMA

En los hoteles de este siglo XXI, se disponen con páginas web que muestran la información de cada uno de ellos, resaltando aspectos como lo son su ubicación, la tarifa de estancia por noche, los servicios a la habitación, los restaurantes con los que cuenta, el tipo de comida que se sirve en cada uno de ellos. Todo esto da una idea general de lo que hay en sus instalaciones, pudiendo en la misma página realizar una reservación estableciendo los días para hospedarse en el hotel elegido.

Más adelante, el cliente ya hospedado, a la hora que él tenga la necesidad de utilizar el servicio de habitación, primero necesita hacer una llamada desde el teléfono para hacer su petición o bien recurrir directamente a recepción para ser atendido, en ocasiones y en determinadas fechas la fila para recepción es de gran recurrencia y es molesto para el cliente tener que estar esperando turno o simplemente por tiempo es complicado realizar este procedimiento. Tomando otras consideraciones como la necesidad de solicitar un servicio aún cuando no se encuentre dentro del inmueble, sin necesidad de realizar una llamada telefónica, resulta más práctico para el cliente pues no tendrá la necesidad de abandonar las actividades que realiza en ese preciso momento, resaltando lo agradable que es disfrutar de los servicios proporcionados sin abandonar sus actividades que lleva a cabo dentro del inmueble o externas al mismo.

1.3 LA NECESIDAD QUE SOLVENTA (PETICIONES WEB)

(16)

1.4 FORMA DE OPERAR DE ESTA MODALIDAD DE SERVICIOS

Mediante la interfaz gráfica ya mencionada, a la que accede cualquier persona conectada a internet, se muestran estos servicios acompañados de una descripción de los mismos, que son apoyados por información adicional con enlaces a otros vínculos dentro de la página.

Una vez convertidos en clientes, las solicitudes registradas se gestionan en la red, la cual verifica la calidad de cliente que los solicita, después guarda la información en el registro para su posterior validación y gestión por parte del personal administrativo que se encargará de darle solución a la petición.

Dado que el registro de peticiones ocurre de manera automática, el cubrir la necesidad del cliente por parte del personal encargado ocurrirá con mayor rapidez en comparación a los servicios no web.

El usuario accede de forma rápida y dinámica, puedeacceder a la página para realizar el número de peticiones que desee y a cualquier hora del día, con la seguridad de que su petición será cubierta de forma inmediata a la hora que él determine, gracias a la continua actualización de los registros de la base de datos.

Para su operación la página cuenta con un entorno intuitivo que facilita la búsqueda del servicio preciso que requiere el cliente, por medio del manejo jerarquizado de la información de menos a más preciso, además de los enlaces pertinentes y ubicados en el espacio correspondiente a la mención de cada servicio.

(17)

1.5 LA IMPORTANCIA DE LA SEGURIDAD

La seguridad es muy importante dentro de una página web, sobre todo si se trata de una página que almacena información confidencial de personas como los son los clientes de un hotel, debido a ello se cuenta en el presente proyecto con un sistema lo suficientemente capaz de identificar al usuario una vez que ha entrado a la interfaz de atención a clientes, de tal forma que todas las operaciones que este pueda generar (como las peticiones de servicios) sean debidamente asignadas al usuario correspondiente sin intervención de terceros que en cierto momento pudieran entrar y hacer un mal uso de la misma (dañar, borrar, copiar información, etcétera), si llegará a ocurrir lo anterior produciría graves problemas, que se traducen a la insatisfacción y desagrado del cliente con el servicio.

Para dotar al servidor web de atención a clientes de la seguridad necesaria se recurre a la utilización de un firewall, que brinda de ciertas limitaciones de conexión que se intenten realizar al servidor web, así como identificar las formas de conexión pertinentes, redirecciones de puertos etc.

El firewall se trata de un dispositivo o un conjunto de dispositivos que se encuentran configurados bajo ciertas reglas de comunicación especificas, que permiten o deniegan las conexiones hacia paquetes de información, dependiendo si estos responden o no a los criterios establecidos por las reglas. Esto permite mantener un nivel de seguridad de server el cual será mejor mientras mayores recursos técnicos conozca y maneje el administrador de la red, siendo la seguridad del servidor el nivel de protección con el que cuente la computadora que provee la página web dedicada a atender las peticiones de servicios ante la amenaza de intervenciones de personas ajenas al personal administrativo y clientes del hotel.

(18)

En el presente proyecto su utilización es importante pues con este procedimiento solo y exclusivamente el usuario conocerá su contraseña ya que ni el administrador podrá visualizar correctamente esta contraseña.

Esta medida de seguridad permite al cliente tener la tranquilidad de que sus datos han permanecido en la confidencialidad sin alteración por parte de terceros, lo que aumentará su satisfacción con el servicio.

1.6 ANÁLISIS DE SITIOS WEB SEMEJANTES.

En las páginas hoteleras es común que en su mayoría se limiten a ser páginas informativas de los servicios con los que cuentan, viéndose los registros sobre todo dedicados a pedir la identidad del usuario, los días que estará presente en las instalaciones y las formas de pago.

Dentro de los servicios ofrecidos se pueden mencionar algunos como el servicio a la habitación, gimnasio, masajes, spa, galería fotográfica, campos de tenis de golf, restaurantes, bares, albercas exclusivas, membresías especiales con mayor y mejor cobertura de servicios, centros de entretenimiento para niños donde se ofrece todo tipo de material didáctico y entretenimiento electrónico, alberca al aire libre, alberca climatizada, buceo.

(19)

Sin embargo y pese a lo bien elaboradas páginas web con todos los recursos que manejan, desde las imágenes hasta los vínculos, estas en su mayoría no pueden ofrecer un servicio tan práctico y útil como lo es el servicio de peticiones vía la página web, donde cada solicitud será registrada, analizada y atendida, siendo necesario solo un click en el vinculo adecuado para iniciar este proceso. Que cuando se implementa hace del hotel, un ejemplo de vanguardia en el suministro de servicios a los usuarios.

1.7 ANTECEDENTES.

Las páginas web iniciaron siendo un medio de difusión de información a través de internet con textos, vínculos y una que otra imagen, donde había temas de difusión cultural, material científico, educativo, de entretenimiento como teatro y cines.

Con el tiempo el interés por la web fue creciendo, a medida que el costo por obtener un enlace a internet se abarataba, con lo que se incrementaron los cibernautas y los autores de páginas web, por lo cual los temas se fueron diversificando con lo que se necesito nuevas formas y herramientas para establecer una comunicación más clara e interactiva con el usuario, empezando a ilustrar las páginas con elementos como gráficos, tablas, material de audio de video, juegos, etc. Permitiendo que el internet se volviera día con día en un medio cada vez más atractivo para comunicar la información a las masas.

Su uso se fue volviendo más común en lugares como casas y oficinas, donde se empezó a transformar en el medio por excelencia para buscar información, dejando de lado las hasta entonces populares enciclopedias ya fueran impresas o digitales por mencionar la olvidada Encarta multimedia.

(20)

para promocionar sus productos y servicios, donde podían apoyarse con herramientas que los medios impresos no son capaces de ofrecer, tales como material de video y audio.

Dentro de estas empresas e industrias se encontraba la hotelera, cuyo potencial económico en algunas de ellas resulta muy grande, así que fueron de las primeras en empezar a promocionarse a través de las páginas web, además fueron haciendo uso de formatos que le eran de vital importancia, debido al tipo de servicio que ofrecían, como lo eran el sistema que permite establecer reservaciones, donde se registra el usuario junto con sus datos personales y su tarjeta de crédito para hacer el pago de la reservación, estableciendo los días que permanecería en el hotel, entre lo más importante.

Hoy en día las páginas web generadas por las industrias hoteleras siguen actualizándose, enfocándose en informar al usuario de la manera más atractiva posible de las cualidades con las que cuentan las instalaciones, además de la calidad de los servicios ofrecidos.

1.8 DECLARACIÓN DE LA HIPÓTESIS.

Una página web es capaz de permitir al usuario de un hotel disfrutar de todas las actividades que pueda realizar durante sus vacaciones al mismo tiempo que solicita y recibe el servicio de atención a clientes, no importando donde se encuentre, con el solo hecho de contar con un dispositivo de acceso a internet además de estar dentro del rango de una red inalámbrica de (Wi-fi), está listo para que su petición sea gestionada y atendida por el personal del hotel. Además el mismo sistema de la página web puede garantizar la confidencialidad de los datos del cliente y prohibir el acceso a su cuenta del personal no autorizado, lo que evitara el mal manejo de la información por parte de terceros, así como la equivoca asignación de peticiones del servicio a clientes que pueda provocar confusión y disgusto en él mismo al asignarle peticiones que no ha solicitado.

(21)

cliente se vea incitado en pedir algún servicio desde su dispositivo electrónico, no tardando más que unos pocos minutos en abrir la página ir la categoría de servicios que le interesa y buscar en esa categoría el objeto deseado, seleccionarlo y realizar la solicitud.

El uso del Firewall permite mantener en un adecuado nivel la seguridad del servidor, lo que posibilita el guardar la confidencialidad de los datos del cliente así como evitar erróneas asignaciones de servicios por parte de este, porque hay que recordar que el uso el Firewall establece el conjunto de reglas y normas de comunicación entre los dispositivos y él envió de paquetes de información entre ellos, aunado a la implementación del método de encriptación, hace que el sistema sea confiable en cuanto a seguridad, dado que permite la adecuada interpretación de la información solo por los equipos autorizados para hacerlo.

1.9 DESCRIPCIÓN DEL PROCEDIMIENTO DE INVESTIGACIÓN.

Se evalúan los conocimientos técnicos con los cuales cuenta el equipo de trabajo y como podrían ayudar estos en la elaboración del proyecto, una vez que la idea inicial ha sido planteada, respondiendo a la necesidad principal de todo producto de trabajo técnico aplicado a la rama de servicios lo que se quiere y lo que va a satisfacer. Después se inicio la designación de tareas y división del trabajo, realizándose lo más equitativamente posible, y al mismo tiempo se logro, al estar todos los procedimientos técnicos relacionados entre si, que los miembros del equipo de trabajo vayan obteniendo un conocimiento general del proyecto, estando incluidos dentro este conocimiento las técnicas y procedimientos que se llevaron a cabo para la obtención de él.

(22)

presente proyecto presentará originalidad ante la mayoría de lo ya hecho, lo que naturalmente es lo que se busca al desarrollarlo.

Al no contarse en ocasiones con los conocimientos técnicos adecuados o necesarios para poder obtener las funciones requeridas por el proyecto se procedió a realizar la investigación pertinente en bibliotecas, internet, o con profesores para llegar al conocimiento y manejo de los mismos, con el fin que el proyecto quede lo más completo y funcional posible.

En el desarrollo de esta parte de la investigación resulta útil el apoyo pedido a maestros especializados en la materia, porque al contar con la experiencia que solo da el estudio constante y la aplicación en el campo laboral, pudieron sugerir el cómo mejorar las ideas, procedimientos técnicos a utilizar, cuáles eran las mejores rutas a seguir para obtener tal o cual proceso, o proporcionar el titulo de algún libro de consulta que nos pudiera ayudar a conseguir nuestro objetivos.

La investigación en bibliotecas resulta muy útil, por la abundante información con la cual cuentan un gran número de ellas, en diversos temas sobre la programación en internet, nos sirvió de apoyo para el desarrollo del proyecto, siendo la información en el medio escrito detallada y abundante en la mayoría de los casos, apoyándose en los libros para la mejor comprensión del lector, en gráficas, tablas, diagramas, ejercicios prácticos. Aunque es importante estar muy atentos de que libros servirán y cuales no, porque se puede perder tiempo al consultar libros que finalmente no ofrezcan una solución a los problemas generados durante la realización del proyecto.

(23)

Una vez con las herramientas necesarias y suficientes para el adecuado desarrollo del proyecto, se procede a la ejecución de los métodos técnicos que permiten desarrollar los procedimientos para realizar las funciones para las cuales fue diseñado, no quedando ningún aspecto de su funcionalidad a medio operar o simplemente no operar o realizarlo mal.

Esto será de gran importancia porque permite que el sistema creado para este proyecto pueda hacer frente al mayor número de tareas sin la necesidad de algún soporte externo que alentará sus funciones y generará gastos extras, como lo podría ser que al momento de ser ejecutado empezará a generar fallas o incumplimientos en la resolución de procesos para los cuales se supone el sistema debería estar listo para resolver adecuadamente y al no ser así provocará la intervención de terceros (programadores e ingenieros) para poder dar solución a estas trabas, que en un sistema en optimas condiciones de operación no ocurre.

Al presentarse fallas, lo que es muy común que ocurra en el desarrollo de este tipo de proyectos, se tuvo que primero establecer de que parte del sistema provino la falla, para esto es necesario hacer una seria de pruebas, como lo fue correr el sistema las veces que fuera necesario hasta encontrarlo, cambiando para cada vez que el programa era ejecutado algún atributo técnico del mismo como bien lo podrían ser algunas líneas de código las cuales por su ubicación, función y el tipo de falla que generaron, ya fuera que impidió al programa ejecutarse o que al hacerlo genero respuestas no deseadas y qué tipo de respuestas fueron estas, se intuyera en base a estos resultados la sospecha de a que pudo deberse su falla. Una vez que fue establecida la parte dentro del programa que genero su falla, se recurrió a la investigación de las fuentes disponibles (internet, bibliotecas, maestros) para dar lo más pronto posible con una solución y corrección del elemento dentro del programa.

(24)

necesarias para llevar a cabo de forma correcta el mismo, sin que este genere fallas a la hora de ser aplicado.

(25)

CAPITULO II

ANÁLISIS DEL DESARROLLO WEB

2.1 INTRODUCCIÓN

El desarrollo de un sitio Web no consiste solamente en adaptar un conjunto de información disponible a las características de este medio. Supone, además una serie de pasos previos como proyección de objetivos, análisis de los recursos disponibles para lograr que las metas puedan cumplirse en forma efectiva, el reconocimiento y evaluación de las expectativas y demandas que existen para con el sitio. Lejos de tratarse de una labor técnica el diseño de un sitio Web es una tarea donde debe pensarse el proceso de comunicación en forma integral.

En esta parte del presente trabajo se mostrarán algunos elementos para intentar mirar el sitio Web desde la perspectiva de los actores principales, el grupo de administradores y como huésped del hotel, pero para ello describiremos antes, procedimientos a considerar para el desarrollo de la aplicación.

2.2 ANÁLISIS DE USUARIOS DE PÁGINAS WEB

Como bien se menciona en la justificación del presente trabajo, las necesidades que se cubrirán son a nivel de usuario, pero gran responsabilidad de esto lo llevan los mismos administradores que se harán cargo del sitio web. Por lo cual se analiza el tipo de usuarios que están presentes en el internet para identificar las posibles personas o usuarios que harán uso de la aplicación desarrollada. En seguida se describen:

Internautas: Son aquellos que se deslizan por la red y hojean las páginas principales o home pages como si fueran portadas de revistas. Es posible captar

(26)

Principiantes y usuarios ocasionales: Este tipo de usuarios se sienten intimidados por menús muy complejos y buscan que la página principal sea clara. Prefieren páginas de carácter general y que le permitan visualizar el conjunto de la información. Los íconos y gráficos a utilizar deben ser susceptibles de ser retenidos con gran facilidad y su utilización debe ser intuitiva.

Usuarios y expertos reincidentes: Este grupo lo constituyen quienes acceden a los sitios Web con objetivos específicos y buscan acceder a la información en forma certera y rápida. Generalmente se impacientan ante múltiples menús gráficos con pocas opciones y prefieren menús de textos detallados, índices amplios con la información y un ágil acceso a los resultados de búsqueda.

Usuarios internacionales: Los lectores de una página Web pueden estar en diferentes países con distintos lenguajes y pautas culturales. Si la intención es llegar a usuarios internacionales, además de traducir las principales páginas del sitio se debe tener cuidado con el uso de siglas, jerga profesional o notaciones como la fecha, que pueden ser interpretadas en forma diferente de acuerdo al lugar de residencia de cada usuario.

2.3 METODOLOGÍA

Una metodología puede seguir uno o varios modelos de ciclo de vida, es decir, el ciclo de vida indica qué es lo que hay que obtener a lo largo del desarrollo del proyecto pero no cómo hacerlo. La metodología indica cómo hay que obtener los distintos productos parciales y finales.

Ahora bien existen diferentes tipos de metodología que son: - Método de cascada.

(27)

- Espiral.

- Rapid ApplicationDevelopment (RAD).

2.4 DESCRIPCIÓN BREVE DE LAS METODOLOGÍAS PARA SU ANÁLISIS

Para el desarrollo web existen diferentes formas o estilos de llevar a cabo este proceso. En este apartado se describe brevemente algunas metodologías existentes, y en apartados posteriores se definirá el porqué de la elección de la metodología presente para el desarrollo del sitio web.

2.4.1 MÉTODO DE CASCADA

Es un proceso secuencial de desarrollo en el que los pasos de desarrollo son vistos hacia abajo (como en una cascada de agua) a través de las fases de análisis de las necesidades, el diseño, implementación, pruebas (validación), la integración, y mantenimiento.

2.4.2 PROTOTIPADO

El prototipado es el framework de actividades dedicada al desarrollo de software prototipo, es decir, versiones incompletas del software a desarrollar.

2.4.3 INCREMENTAL

Provee una estrategia para controlar la complejidad y los riesgos, desarrollando una parte del producto software reservando el resto de aspectos para el futuro.

2.4.4 ESPIRAL

Los principios básicos son:

(28)

 Cada viaje alrededor de la espiral atraviesa cuatro cuadrantes básicos: (1) determinar objetivos, alternativas, y desencadenantes de la iteración; (2) Evaluar alternativas; Identificar y resolver los riesgos; (3) desarrollar y verificar los resultados de la iteración, y (4) plan de la próxima iteración.

 Cada ciclo comienza con la identificación de los interesados y sus condiciones de ganancia, y termina con la revisión.

2.4.5 RAPID APPLICATION DEVELOPMENT (RAD)

El desarrollo rápido de aplicaciones (RAD) es una metodología de desarrollo de software, que implica el desarrollo interativo y la construcción de prototipos.

2.5 CICLO DE VIDA

El término ciclo de vida del software describe el desarrollo de software, desde la fase inicial hasta la fase final. El propósito de esta parte del trabajo es definir las distintas fases intermedias que se requieren para validar el desarrollo de la aplicación, es decir, para garantizar que el software cumpla los requisitos para la aplicación y verificación de los procedimientos de desarrollo: se asegura de que los métodos utilizados son apropiados.

Estos programas se originan en el hecho de que es muy costoso rectificar los errores que se detectan tarde dentro de la fase de implementación. El ciclo de vida permite que los errores se detecten lo antes posible y por lo tanto, permite a los desarrolladores concentrarse en la calidad del software, en los plazos de implementación y en los costos asociados.

(29)
[image:29.612.90.526.113.506.2]

Tabla 1. Procesos del Ciclo de vida.

2.6 INTRODUCCIÓN AL MODELO CASCADA (INTRODUCCIÓN)

(30)

Esto es utópico; ya que intrínsecamente el software es de carácter evolutivo, cambiante y difícilmente libre de errores, tanto durante su desarrollo como durante su vida operativa.

Este enfoque metodológico que ordena rigurosamente las etapas del ciclo de vida del software, de forma tal que el inicio de cada etapa debe esperar a la finalización de la inmediatamente anterior. La palabra cascada sugiere, mediante

la metáfora de la fuerza de la gravedad, el esfuerzo necesario para introducir un cambio en las fases más avanzadas de un proyecto.

En la figura 1 se observan claramente los pasos que se sigue a lo largo de esta metodología. Cada uno de ellos se explicará de manera detallada conforme al desarrollo de la aplicación web como se trabaja.

Análisis de Requisitos del

Sistema

Análisis de Requisitos del

Software

Diseño preliminar

Codificación

Pruebas

[image:30.612.119.565.330.636.2]

Operación y pruebas Diseño detellado

(31)

2.7 ANÁLISIS DE REQUISITOS DEL SISTEMA

El análisis consiste en producir un documento de especificaciones de requisitos que describa lo que el futuro sistema debe hacer, pero no como hacerlo, por ello también es conocido como, determinación de requisitos, donde se analiza las necesidades, en nuestro caso tanto de los usuarios del sitio web como de los administradores, para llegar a una unificación y coordinación necesarias para la funcionalidad del sitio. En este apartado definiremos algunos puntos importantes o requisitos que se observan para desarrollo del sistema en conjunto de la aplicación web.

El sistema por las necesidades a trabajar es amigable, pues toda su unificación se rige por los mismos procesos, es decir, el funcionamiento de diferentes partes puede resultar diferente, pero el manejo a nivel desarrollo maneja un estándar para toda la creación.

2.8 DEFINICIÓN DE LOS REQUISITOS DE LAS INTERFACES DE SOFTWARE

Realizando un análisis pertinente con respecto a otros sitios web de hotelería, se observa que es indiferente el lenguaje de programación que se utilice, pues lo primordial es hacer vistosa la interfaz para que sea de agrado al usuario y muy

importante “sencillez” pues comúnmente nos gusta que todo esté a la mano así, si el usuario busca algo especifico pueda hallarlo sin complicación alguna.

Por ello se destaca los principales requisitos de la aplicación desarrollada:

1.- Sencillez.

2.- Vistosa o por lo menos entorno agradable sin tanta información escrita, pues, las imágenes describen más con lo que respecta a los hoteles.

(32)

2.9 ANÁLISIS DE ESPECIFICACIÓN DE REQUISITOS DEL SOFTWARE

El análisis de especificación de requisitos del software (ERS) es una de las partes más importantes y sobresalientes de la metodología, pues en esta parte se específica de manera completa y precisa, el diseño y el comportamiento del sistema. También se precisa de manera definitiva el conjunto de programas, procedimientos y documentación a la operación del sistema.

Cabe aclarar que el ERS solamente nos describe detalladamente lo que se desarrollará, no como se debe de hacer, lo que implica describir correctamente todos los requisitos del software, sin incluir requisitos innecesarios, así como también no se debe describir ningún detalle del diseño del software o de la dirección del proyecto.

(33)

CAPITULO III

HERRAMIENTAS Y DESCRIPCIÓN DEL

SITIO

3.1 DISEÑO DETALLADO

[image:33.612.94.523.277.698.2]

Para este tema del trabajo, se plante un diagrama a bloques del sitio completo figura 3 (Diagrama a bloques del Sitio Web), para ello a continuación se menciona las partes más importantes que el sitio presenta, cada una de ellas se describirá detalladamente más adelante.

(34)

1. Como todo sitio web, debe tener una página de inicio (index) que será nuestra carta de presentación ante los usuarios.

2. Conexión a Base de datos para almacenar y consultar información.

3. Sistema de login, esto para controlar sesiones tanto de usuarios como de administradores, con sus privilegios y opciones correspondientes.

4. Sistema de registro.

5. Sistema de servicios a nivel administrador. 6. Sistema de servicios a nivel usuario.

7. Diseño web del mismo sitio pero para ser visualizado con teléfonos celulares o según el dispositivo con el que se tenga conexión.

8. Sistema de recuperación de contraseñas.

3.2 HERRAMIENTAS Y LENGUAJES A OCUPAR EN LA CONSTRUCCIÓN DEL SITIO

Como se menciona el sitio web tiende hacer dinámico puesto que requiere de sesiones, conexiones a base de datos, validaciones de formularios, sliders de imágenes, menú, etc.

Es por eso, que haciendo una comparativa entre los lenguajes que podemos ocupar se realiza la selección de 6 lenguajes y un servidor web que más adelante se explicará el por qué de esta selección. Estos lenguajes son los siguientes, cabe destacar que se requiere de una combinación de los 6 para poder lograr la funcionalidad del sitio:

(35)
[image:35.612.80.540.151.721.2]

En la siguiente tabla podemos observar las características de lenguajes considerados como los mejores para el diseño web:

Tabla 2. Ventajas y desventajas de cada lenguaje

Lenguaje Ventajas Desventajas HTML  Sencillo que permite describir

hipertexto.

 Texto presentado de forma estructurada y agradable.

 No necesita de grandes

conocimientos cuando se cuenta con un editor de páginas web o WYSIWYG.

 Archivos pequeños.

 Despliegue rápido.

 Lenguaje de fácil aprendizaje.

 Lo admiten todos los exploradores.

 Lenguaje estático.

 La interpretación de cada navegador puede ser diferente.

 Guarda muchas etiquetas que pueden convertirse en “basura” y dificultan la corrección.

 El diseño es más lento.

 Las etiquetas son muy limitadas.

JavaScript  Lenguaje de scripting seguro y fiable.

 Los script tienen capacidades limitadas, por razones de seguridad.

 El código Javascript se ejecuta en el cliente.

 Código visible por cualquier usuario.

 El código debe descargarse completamente.

 Puede poner en riesgo la seguridad del sitio, con el actual problema llamado XSS (significa en inglés Cross Site Scripting renombrado a XSS por su similitud con las hojas de estilo CSS)

PHP  Muy fácil de aprender.

 Se caracteriza por ser un lenguaje muy rápido.

 Soporta en cierta medida la orientación a objeto. Clases y herencia.

 Es un lenguaje multiplataforma: Linux, Windows, entre otros.

 Capacidad de conexión con la mayoría de los manejadores de base de datos: MySQL,

PostgreSQL, Oracle, MS SQL

 Se necesita instalar un servidor web.

 Todo el trabajo lo realiza el servidor y no delega al cliente. Por tanto puede ser más ineficiente a medida que las

solicitudes aumenten de número.

(36)

Server, entre otras.

 Capacidad de expandir su potencial utilizando módulos.

 Posee documentación en su página oficial la cual incluye descripción y ejemplos de cada una de sus funciones.

 Es libre, por lo que se presenta como una alternativa de fácil acceso para todos.

 Incluye gran cantidad de funciones.

 No requiere definición de tipos de variables ni manejo detallado del bajo nivel.

HTML y PHP.

 La programación orientada a objetos es aún muy deficiente para aplicaciones grandes.

 Dificulta la modularización.

 Dificulta la organización por capas de la

aplicación.

ASP.NET  Completamente orientado a objetos.

 Controles de usuario y personalizados.

 División entre la capa de

aplicación o diseño y el código.

 Facilita el mantenimiento de grandes aplicaciones.

 Incremento de velocidad de respuesta del servidor.

 Mayor velocidad.

 Mayor seguridad.

Mayor consumo de recursos.

Flash Reluce la vista de cualquier sitios web pues sus animaciones son muy

llamativas y de carisma agradable

Genera problemas en cuestión de tiempo pues genera que un sitio web tarde más en cargar la aplicación, además que los dispositivos móviles no soportan esta tecnología

(37)

3.2.1 PHP

 No requiere de costos, pues es un lenguaje libre, a diferencia de asp.net, además de que es un lenguaje multiplataformas adaptable a las más conocidas. En nuestro caso la plataforma de utilización es dreamweaver. .

 Nos brinda seguridad puesto que toda su información se maneja dentro del servidor ya que es él, quien se encarga de ejecutar las instrucciones y enviarlo mediante HTML (ESTO ES ALGO CONVENIETE PARA EL DESARROLLO DEL SITIO YA QUE LA TODA LA INFORMACIÓN DE LA BASE DE DATOS NO ES TAN FÁCIL DE OBSERVARSE MEDIANTE EL NAVEGADOR)

 Su conexión con diferentes motores de base de datos, es demasiado práctica y sencilla, abre el panorama a la elección, pues si en algún momento se requiere la migración de la base de datos a un nuevo motor la conexión es más simple y sin tantas complicaciones.

 Mayor documentación en su página, donde podemos apoyarnos para observar la funcionalidad de este mismo.

3.2.2 HTML

(38)

3.2.3 JAVASCRIPT

Principalmente su utilización dentro de la estructura del diseño, es para mejorar las interfaces que se presentan a lo largo de la navegación de la página web, anteriormente se mencionan desventajas como tal como la publicación de todo su contenido, pero para esta aplicación solo se maneja para dar mayor dinamismo y validación de los formularios, también se maneja para relucir la página con presentación de sliders y muchos detalles más como mensajes de alertas etc.

Por lo general en esté siglo XXI podemos encontrar un mundo de información o scripts ya realizados en este lenguaje solo para su aplicación dentro de cualquier desarrollo web.

3.2.4 AJAX

[image:38.612.175.463.494.640.2]

Simplemente es el complemento necesario para relucir las características dinámicas que el sitio nos presenta, el principal motivo de su utilización es porque se maneja en conjunto de JavaScript.

(39)
[image:39.612.189.422.111.337.2]

3.2.5 SERVIDOR XAMPP

Figura 4. Complementos servidor XAMPP

Existe diversos servidores que son de gran utilidad para el montaje de una aplicación web, entre los más conocidos se encuentran: LAMP Y WAMP. Se opta por trabajar con ellos ya que son software libres que además contiene herramientas demasiado útiles para complementar nuestro desarrollo web.

Tienen las mismas características, es decir, los tres se conforman por aplicaciones conjugadas que son el servidor Apache, todo el interprete del leguaje PHP y como extra contienen el motor de bases de datos MySQL.

Se toma la decisión de optar por el servidor XAMPP ya que su principal característica extra, es, que puede ser operado en cualquier sistema operativo, los otros dos funciona de la misma forma en su sistema operativo correspondiente.

(40)

APACHE: es un servidor de código abierto que está basado en protocolos HTTP y HTTPS para la publicación de sitios web estáticos y dinámicos.

PHP: Básicamente es el intérprete del lenguaje, es decir, contiene las librerías para que el servidor compile el código, realice las instrucciones y sean enviadas como lenguaje HTML.

MYSQL: Es el motor de la base de datos que nos permitirá la creación de tablas dinámicas o cualquier otro tipo, para el resguardo de la información importante a manejar. A demás que al instalar este paquete nos brinda la oportunidad de manejar las bases en forma gráfica sin necesidad de meterse a programar verdaderamente una base de datos, lo cual hace más sencillo su elaboración y las bases pueden ser migradas si es necesario.

Es importante hacer mención que aparte de estas ventajas mencionadas, el servidor XAMPP, nos brinda la oportunidad de poder hacer las configuraciones pertinentes para poder realizar envíos de mail mediante PHP, claro está que para este proceso se necesita contar con un servidor de correo electrónico si su utilización es a nivel empresarial, o bien una simple cuenta de correo si su utilización es de manera personal (ver anexo manual de configuración para el servidor de correo electrónico).

3.2.6 Modelo de bases de datos.

Para el funcionamiento del presente desarrollo web es fundamental la utilización de base de datos, para el resguardo, modificación y publicación de información a la que los administradores podrán tener acceso.

(41)

En el desarrollo de este diseño solo se requiere de una base de datos la cual contiene cuatro tablas, dos de ellas individuales y otras dos relacionadas la base de datos tiene por nombre “hotel”. La primera tabla tiene por nombre “huéspedes”, se diseña para el resguardo de la información de los usuarios, es decir todos los datos personales como nombres, apellidos, teléfonos, direcciones, habitación donde está hospedado, nombre de usuario y contraseña para poder identificarse en la página, a demás de tener una relación con la tabla petición para poder identificar en esa tabla quien es la persona que realiza dicha solicitud.

La segunda y tercer tabla están relacionadas, el nombre de la primera es de “servicios” y la segunda “opciones”, es decir la primer| tabla solo contiene dos campos que es el identificador y el nombre del servicio, la otra tabla contiene las opciones disponibles de cada servicio presentado, contienen campos como nombre del servicio, descripción, precio, imagen, y el identificador para la relación con la tabla anterior, mejor dicho el ID del servicio de la primer tabla está relacionado con el identificador de la tabla opciones, de manera que por cada servicio se podrán relacionar cuantas opciones sean necesarias. Esta relación se realiza para poder modificar, eliminar o crear servicios de una forma dinámica. Caber destacar que la tabla opciones también tiene relación con la tabla petición, pues en esta tabla se ingresa la información solicitada.

La última tabla maneja la información de las solicitudes realizadas por los usuarios, es decir, a través de las relaciones antes mencionadas esta tabla contiene por relación información del usuario e información de la solicitud pretendida. La tabla petición solo es visualizada por los administradores para tener el control de todas las peticiones realizadas y poder cumplir su objetivo que es atender dicha solicitud en tiempo y adecuadamente.

(42)
[image:42.612.95.528.66.313.2]

huespedes ID nombre apellidop apellidom edad domicilio cuenta telefono celular email email_alt fechai fechas habitacion tipo_usuario usuario password pago_actual pago_total deuda opciones ID nombre descripcion precio descripcion_precio imagen identificador Servicios ID servicios peticion ID usuario nombrepet comentario horario atendido

Figura 5. Relación entre las tablas de registros.

Aclarando este punto de la funcionalidad, cuantas tablas son y sus nombres, se harán mención de esta base durante todo el desarrollo web, es decir, en los temas posteriores.

3.2.7 CSS.

CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas.

(43)

3.3 PÁGINA DE INICIO.

Para la construcción de nuestra página de inicio (home page o index), se consideran varios puntos importantes e indispensables para la atracción de los usuarios. Como ya se menciono en el capítulo anterior pagina 11 Sobre el tema de los usuarios comunes del internet cada usuario se diferencia por su distinta forma de visualizar los sitios, por eso se trato de unificar dichos puntos para que sea agradable para los usuarios en general.

Por tal motivo la arquitectura de distribución de información que presenta la página de inicio está compuesta de dos partes esenciales: la primera se realiza de forma técnica, mejor dicho, en forma escrita, donde se detalle ciertas características del hotel así como información del mismo. Toda esta información escrita se complementa de forma gráfica, es decir, se realiza por medio de imágenes que genera más carisma al sitio, pues enriquece lo ya elaborado de manera escrita con imágenes que abren el panorama al usuario de toda lo que puede llegar a encontrar en el inmueble y todo lo que este ofrece, donde se pretende eliminar dudas y convencer de que está es la mejor opción que puede encontrar.

Contiene una parte de menú, donde con el análisis anterior del tema de usuarios, se realiza un menú no muy complejo pues solo vincula la información complementaria de lo que se ha expuesto en la página de inicio y si el usuario lo requiere, una parte de este menú lo lleva al apartado donde puede realizar su pre-registro para apartado de habitación, o validar sus días de estancia en dicho hotel.

(44)

Para finalizar este apartado, se hablará de la parte donde se restablecen las contraseñas en caso de olvido o pérdida, está parte se incluye en la parte de logeado para facilitar al usuario la ayuda de esta opción, en caso de ser necesaria, más adelante se detallará más como funciona esta aplicación.

[image:44.612.86.551.256.683.2]

Cabe resaltar que todas estas características antes mencionadas de la página de inicio, son el estándar de todo el sitio, los demás varían en cuanto las sesiones, pero como se menciona el estándar es el mismo.

(45)

3.3.1 HERRAMIENTAS UTILIZADAS PARA LA CONSTRUCCIÓN DE LA PÁGINA DE INICIO.

Mediante la descripción anterior y con base en los lenguajes que se han elegido, lo primero que se realiza es la estructura de toda la página mediante etiquetas div que maneja HTML, esto para ubicar la posición que tendrá cada apartado, además de brindarle un buen porte se maneja con el lenguaje CSS, para definir alturas, tipos de letras, interlineado etc.

Se maneja una etiqueta div para la presentación inicial es decir un slider que muestra imágenes donde se describe características principales del Hotel, recamaras, piscina, servicios, gimnasio. El mismo slider se maneja por medio de JavaScript que permite la animación que se muestra en la figura 8.

Figura 7. Visualización de un slider de imágenes con JavaScript.

Para la opción de Login se manejan formularios dentro de HTML que permiten el envió de información a otros archivos PHP, los cuales realizan la conexión a la base de datos para validar si existe el registro y qué tipo de permisos se le otorgara para navegar.

(46)

Figura 8. Menú desarrollado con la ayuda de las hojas de estilo.

Para el apartado de restablecimiento de contraseñas se maneja mediante un vínculo a un archivo HTML combinado con scripts PHP que harán la consulta a la tabla huéspedes para ubicar mediante correo electrónico la persona que es y restablecer su contraseña, el reporte se enviará por mail.

El resto del cuerpo es solo texto puro e inserción de imágenes con descripción para información al usuario.

3.4 SISTEMA DE LOGIN.

[image:46.612.127.489.538.677.2]

Para la seguridad de este sitio manejamos el sistema de login, que básicamente es la identificación de una persona en el sitio y dependiendo sus credenciales de usuario son los permisos que tiene para navegar dentro del mismo donde podrá gozar de ciertos privilegios, en este caso se maneja dos sesiones una que es la de usuario y una la de administrador, se detallan ambas a continuación.

(47)

3.4.1 SESIÓN DE USUARIO.

Dentro de la página de inicio como se menciona anteriormente, está contenida la opción de inicio de sesión o login, cuando una persona ya cuenta con un usuario y contraseña puede iniciar sesión, en este caso hablamos a nivel de permisos de usuario, su principal privilegio es la de poder ingresar al apartado de servicios donde podrá solicitar cualquiera que esté disponible, este quedará registrado en la base de datos, tabla peticiones, y se le confirmará por mail la petición que realizo, todos los demás apartados continúan siendo los mismos, con el extra de que en cada página muestra su nombre de la persona y la opción de cerrar sesión.

3.4.2 SESIÓN DE ADMINISTRADOR.

Funciona de la misma manera que la sesión de usuario pero con mayores privilegios, es decir el administrador puede modificar la mayoría de los registros de la base de datos, mediante diferentes opciones puede modificar un registro de usuario existente, registrar un nuevo usuario, cambiar el estatus de las peticiones si es que ya fueron atendidas, cambiar y/o agregar servicios que se puedan proporcionar.

En pocas palabras podrá administrar el sitio según las necesidades del hotel.

3.4.3 HERRAMIENTAS PARA LA ELABORACIÓN DE SESIONES

(48)

De manera sintetizada las sesiones en PHP son de muy gran utilidad para el desarrollo web ya que a través de su uso se almacena información que se memoriza durante toda la sesión de un usuario. Dicho de otra forma, un usuario puede ver varias páginas durante su paso por un sitio web y con sesiones podemos almacenar variables que podremos acceder en cualquiera de esas páginas.

Ahora bien ya que sabemos para que nos sirven las sesiones en PHP a continuación se describen las variables utilizadas para el desarrollo del sitio web planteado:

 session_start():Inicia una sesión para el usuario o continúa la sesión que pudiera tener abierta en otras páginas.

 $_SESSION["nombre_de_variable"]: es un array asociativo, donde se accede a cada variable a partir de su nombre.

 Session_destroy():Da por abandonada la sesión eliminando variables e identificador.

(49)

Si los campos contienen información, el script de PHP realiza una consulta a la base de datos (tabla huéspedes) donde verifica que el usuario y la contraseña sean los correctos, si uno de los datos es incorrecto, el script mediante condiciones lo hace saber e indica cuál fue la falla si usuario o contraseña mediante alertas que como ya se menciono están dentro del script PHP.

Cuando los datos son correctos entonces con el nombre de usuario (este nombre de usuario siempre es único, en apartados siguientes se explica el porqué) se realiza una nueva consulta a la base de datos para validar cual es el privilegio del usuario (de igual forma en apartados siguientes se explica cómo se define los privilegios a los usuarios), con base a la consulta se inicia la sesión con la variable ya antes mencionada sesión_satrt(). Ya con la sesión activa el script evalúa si esa sesión pertenece a un administrador o un usuario, dependiendo el caso se inicia una variable con esta sesión de la siguiente forma, $_SESSION[‘usuario’]=”si” para confirmar que es un usuario quien estará navegando, además otra variable $_SESSION['nameuser_usu'] = $_POST['usuario'], para validar quien es el usuario que está navegando, estas variables son exclusivas del usuario pero es exactamente los mismo para los administradores, en el anexo (autenticación, sesiones de usuarios y administradores) se puede validar el script PHP completo.

Estas variables que se mencionan harán la función de identificar a la persona dentro del sitio y poder brindarle sus características pertinentes dependiendo el grado de privilegios, así es como se manejan las sesiones dentro de la página web.

3.5 SISTEMA DE REGISTRO.

(50)

partes, una es la de pre-registro donde el usuario podrá hacer una reservación vía web donde brinda datos personales.

La otra es en la parte de sesión del administrador donde se hace un registro completo de información y/o modificación de datos.

3.5.1 HERRAMIENTAS PARA LA ELABORACIÓN DEL SISTEMA DE REGISTRO.

Nuevamente y durante toda la construcción de diversas partes del sitio se utilizan scripts de PHP donde se maneja las partes dinámicas del mismo. En esta sección del desarrollo se consideran dos partes, una es la que está abierta al público en general y otra en la parte de administración, en ambas se utilizan formularios a continuación se marca la diferencia entre cada parte.

En la parte del público en general se maneja un formulario con campos básicos, es decir, solo información personal estos campos son: Nombre, Apellidos, Edad, Domicilio, Teléfono particular, Teléfono celular, Email, Email Alterno, Fecha de ingreso, Fecha de salida, Usuario y Habitación, cabe mencionar que mediante el lenguaje AJAX, el campo usuario se adapta con la funcionalidad de autocompletado, esto se realiza con el fin de mostrar todos los nombres de usuarios existentes para que el usuario indique otro, para evitar repetir el mismo usuario en la base de datos y evitar complicaciones a la hora de las sesiones, como es lógico se indica al usuario el porqué del autocompletado con un comentario en letras rojas debajo del campo usuario.

(51)

Los demás campos incluido, el de nombre de usuario, serán validados mediante JavaScript, todos a excepción del teléfono celular se tendrán que cargar en caso de que no sea así; JavaScript realiza su trabajo y envía advertencias sobre el completado de los campos. Una vez que este procedimiento de validación es correcto, el formulario se envía al script PHP en el cuál toma los datos del formulario con la variable $_POST (ver el anexo sistema de registros de usuarios como administrador y usuarios) y mediante una consulta se ingresará la información a la base de datos y tabla huéspedes, para corroborar que el proceso fue completo, se envía un mensaje donde se indica que el preregistro fue completo.

Como bien se menciono en la parte de sesión de administrador (página 33), esta parte de registros es más completa pues se puede modificar, eliminar o registrar a un usuario, esto se diseña para un control optimo y vigilado de los usuarios por parte de los administradores.

Para registrar a un nuevo usuario es prácticamente lo mismo que la sección del público en general, con excepción de que se amplían campos como se muestra en la fig(..), el proceso del script de PHP es lo mismo con la excepción de que se agrega la parte de envío de información por mail, simplemente se utiliza la función mail(correo, titulo del correo, información); (ver anexo sistema de registro de usuarios general), la información que se envía es la de usuario y contraseña, para que el usuario tenga esos datos en su cuenta personal.

(52)

buscador nos muestra la información deseada se agregan mediante código dos opciones, la primera es la modificación de datos y la segunda es la de eliminar el registro.

Si se elige la opción modificar datos, en automático el script PHP genera un formulario con los campos llenos del usuario seleccionado. Este formulario es el mismo que el de registro; realiza las mismas funciones con la excepción de que el nombre de usuario jamás podrá ser cambiado, y tampoco hay campos de contraseñas a menos que el administrador seleccione dicha opción, este formulario no crea un registro nuevo solo actualiza el registro existente mediante una consulta realizada dentro de un script PHP.

Para la eliminación del registro es más simple pues solo basta con dar click en esta opción, donde se notificará si en verdad desea eliminar ese registro en caso de respuesta negativa no se realiza ninguna acción, pero en caso contrario se envía la petición a un script PHP que se encarga de eliminar el registro mediante una consulta a la base de datos.

3.6 SISTEMA DE PETICIONES

En este apartado se hablará acerca de cómo se maneja el sistema de peticiones, que es en donde realmente tiene sus cimientos esta aplicación web.

Como se estipulo en la justificación del presente trabajo, las necesidades que se cubren con este sistema son a nivel usuario, donde este tendrá la comodidad de solicitar un servicio que el hotel ofrezca, con la ventaja de que el usuario puede hacer solicitud de cualquier servicio extra que necesite, toda esta información será respaldada con un informe por mail.

(53)

estatus de atención de dicha solicitud, así como eliminar estas peticiones cuando sean necesarias para evitar la saturación de esta base de datos.

3.6.1 HERRAMIENTAS PARA LA CONSTRUCCIÓN DEL SISTEMA DE SERVICIOS.

Para el desarrollo de este apartado, de igual forma se contemplan dos secciones, una la correspondiente al usuario donde podrá visualizar y solicitar lo que se desee, en el lugar o situación en que se encuentre el mismo usuario. La otra sección corresponde a la parte del, o de los administradores donde ellos visualizan cada una de las peticiones que se han hecho en el hotel observando quien realiza la solicitud, de que habitación proviene, el costo de la solicitud y dos partes de vital importancia que son el horario en el cuál se solicitan y el estatus de atención, que por lo regular cuando se hace una petición, su estatus siempre será de “no” atendido, el administrador podrá cambiar este estatus cuando se haya completado el proceso.

Por supuesto que se necesita la ayuda de conexión a base de datos, esto se realiza mediante un script en PHP, que cuando esté es llamado en el vínculo de servicios del sitio web en automático se realiza dicha conexión.

(54)
[image:54.612.85.532.67.433.2]

Figura 10. Visualización de Servicio Sesión Usuario

(55)
[image:55.612.85.526.233.644.2]

En la sección de administrador solo se podrá visualizar la tabla completa de peticiones, es decir, toda la información de solicitudes que se han realizado en el hotel donde se valida horario y fecha de solicitud, además del status que podrá ser cambiado en cuanto el proceso se haya completado de manera satisfactoria. Esta parte se realiza solo con una consulta a la base de datos mediante un scrip PHP que realiza la conexión a esta tabla llamada peticiones y la imprime en pantalla para la visualización de los administradores.

(56)

3.7 ACTUALIZACIÓN DE SERVICIOS.

Esta parte solo está disponible para las sesiones de administradores, pues a petición del mismo hotel podrán modificar todo el plan de servicios según las necesidades del mismo.

De igual forma se realiza mediante scripts realizados en PHP, que nos permite hacer conexión a la base y según las necesidades del hotel podrán eliminarse, modificarse, o ,bien crear nuevos registros de servicios brindados, este apartado se detallara mas en el siguiente capítulo explicándose su funcionalidad y en que ayuda a la administración del hotel

3.8 DESARROLLO DEL SITIO PARA APLICACIONES MÓVILES

En este siglo XXI la tecnología es basta, y ahora se tiene un fácil ingreso al internet casi en cualquier parte, siempre y cuando se cuente con un dispositivo que tenga la tecnología para completar este proceso. Es por eso que surge la necesidad de crear un sitio que sea igual al plantado, el desarrollo del que se ha estado hablando en estos últimos temas es específicamente para visualizarse en una computadora tradicional. El desarrollo para tecnologías móviles, en este caso solo nos basamos en teléfonos celulares y ipods, se desarrollo un sitio más simple en cuanto a saturación de imágenes e información , pero con la misma funcionalidad del sitio original, es decir las conexiones a bases de datos, la funcionalidad de los formularios con sus respectivas validaciones seguirán siendo lo mismo.

(57)

Para este caso no varía el estándar de desarrollo manejado, se aplican scripts en PHP que validarán porque medio se está tratando de tener conexión al sitio web y por medio de las mismas validaciones es donde te redireccionará el script.

3.9 SEGURIDAD

Como todo sistema dentro de una red requiere de un sistema de seguridad, más aún si la información que se maneja puede notarse en remuneraciones económicas, al implementar este sistema de servicios dentro de un hotel, se contempla la necesidad de brindar seguridad de alguna manera. Por tal motivo se recurre a dos opciones que resulten de utilidad para la funcionalidad de este desarrollo y para la misma seguridad de la red del hotel, estas aplicaciones son:

 Implementación de un firewall.

 Encripción de contraseñas de usuarios.

3.9.1 IMPLEMENTACIÓN DE UN FIREWALL.

Para la mayoría de las redes corporativas de este siglo XXI, la demanda del comercio electrónico y el contacto con los clientes requieren conectividad entre las redes corporativas y el mundo exterior.

Desde el punto de vista de seguridad, dos supuestos básicos acerca de las redes corporativas del presente siglo XXI son los siguientes:

INTERCONECTIVIDAD: Las redes corporativas de hoy en día son grandes, interconectadas con otras redes y con protocolos estándar y propietarios.

(58)

Los tres objetivos principales de seguridad en la red:

CONFIDENCIALIDAD: Es mantener datos privados, lo que implica la restricción de acceso físico o lógico a los datos sensibles o la encriptación del tráfico que viaja por la red.

INTEGRIDAD: La integridad de datos asegura que los datos no se han modificados en el trayecto origen-destino.

DISPONIBILIDAD: Es una medida de accesibilidad de la información, como ejemplo podemos decir ataques como: envío de datos con formato incorrecto dando como resultado un error de excepción no controlada o inundar la red con una cantidad excesiva de tráfico de peticiones a un sistema (servidores web, servidores de bases de datos, servidores de dominio, etc.).

Con respecto al breve análisis anterior, para este trabajo, se implementa un firewall como seguridad principal a nuestro servidor web, haciendo énfasis que este mismo sistema pueda adaptarse a las necesidades de la red interna del hotel para el manejo seguro de su información. El tipo de firewall implementado está basado en el sistema operativo Linux, ya que se desglosa del sistema UNIX contemplando que una de sus principales características es que es orientado a redes, los virus son mínimos para este tipo de sistema y presenta potentes software de seguridad.

Figure

Figura 13. Fase de Investigación
Tabla 1. Procesos del Ciclo de vida.
Figura 1. Diagrama de flujo de la metodología en cascada  aplicada al proyecto.
Figura 2. Mapa Conceptual del Sitio.
+7

Referencias

Documento similar

Luis Miguel Utrera Navarrete ha presentado la relación de Bienes y Actividades siguientes para la legislatura de 2015-2019, según constan inscritos en el

La campaña ha consistido en la revisión del etiquetado e instrucciones de uso de todos los ter- mómetros digitales comunicados, así como de la documentación técnica adicional de

"No porque las dos, que vinieron de Valencia, no merecieran ese favor, pues eran entrambas de tan grande espíritu […] La razón porque no vió Coronas para ellas, sería

Se entenderá por necesidad terapéutica la facultad del médico para actuar profesional- mente sin informar antes al paciente, cuando por razones objetivas el conocimiento de su

Se llega así a una doctrina de la autonomía en el ejercicio de los derechos que es, en mi opinión, cuanto menos paradójica: el paternalismo sería siempre una discriminación cuando

1. LAS GARANTÍAS CONSTITUCIONALES.—2. C) La reforma constitucional de 1994. D) Las tres etapas del amparo argentino. F) Las vías previas al amparo. H) La acción es judicial en

• Para ello, la actualización del estudio del pan analiza las configuraciones principales de la cadena de valor identificadas en el estudio de la campaña 2009, y estudia el proceso

• Para ello, la actualización del estudio del aceite de oliva analiza las configuraciones principales de la cadena de valor identificadas en el estudio de la campaña 2007-2008