trabajo-tecnologias-de-internet.pdf
TRANSCRIPT
![Page 1: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/1.jpg)
TECNOLOGIAS DE INTERNET
“WEBAPP PARA CINEMA“
KRISTHIAN FERNANDO DIAZ
COD: 1201206
ANGELA SIERRA GUERRERO
COD: 1201193
MARIA CLAUDIA MORENO
COD: 1201223
EDSON REYNALDO PALENCIA
COD: 1201228
UNIVERSIDAD MILITAR NUEVA GRANADA
BOGOTA, CUNDINAMARCA
FEBRERO 2013
![Page 2: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/2.jpg)
INDICE
1. Planteamiento del problema
2. Planeación del proyecto para la Web-‐App
3. Requisitos
4. Casos de uso
5. Diseño Web-‐App
6. Pruebas a la Web-‐App
![Page 3: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/3.jpg)
PLANTEAMIENTO DEL PROBLEMA
Formulación del problema a solucionar
Acceso rápido, eficiente, gratuito e interactivo a cualquier usuario que quiera de obtener información sobre presentación de películas, próximos estrenos, ubicación de salas de cine, horarios, tarifas y promociones.
• Motivación: En la actualidad no existen páginas de contenido cinematográfico y de comercio de cine que faciliten la obtención de la información, el proceso de reserva y compra de entradas a las salas de cine o la interacción óptima e intuitiva con los elementos de la web.
• Objetivos: La Web-‐App debe cumplir con unos objetivos principales: -‐ Mostrar información sobre el cinema de manera sencilla y básica, cumpliendo unos parámetros de estética fundamentados en la inclinación del perfil humano del grupo objetivo. -‐ Tendrá las opciones de ver las películas que están en presentación con sus sinopsis, información de dirección-‐producción-‐actuación, horarios y ubicación de las salas; películas que próximamente se estrenarán con la ubicación de las salas; tarifas de los boletos de entrada junto a promociones sujetas a horarios o políticas del cinema; registro y almacenado de datos personales; servicio de reserva y compra anticipada de boletos de cine; ver los tráileres promocionales de las películas del cinema.
• Perfil del grupo objetivo: Personas mayores de 18 años con enteras facultades cognoscitivas e intelectuales, con estudios básicos, que frecuenten páginas de internet, con un nivel socioeconómico de bajo a muy alto, que tengan una considerable fijación por el cine y que frecuenten centros comerciales.
Metas
• Informativas: Serán las expuestas en segundo guión de Objetivos.
• Aplicables: Además del servicio de reservas, de registro de usuarios y de mostrado de tráileres, tendrá pequeñas encuestas que atraigan a los usuarios a votar por la calidad de las películas y así mismo esta información estará disponible para cada usuario, disposición de botones muy visibles, intuitivos y ordenados que den acceso a la información de cada segmento de la página, cada cierto tiempo el portal de la página estará mostrando de manera móvil los carteles de las películas más vistas en el cinema.
![Page 4: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/4.jpg)
Requisitos
• De Contenido: La página obligatoriamente tendrá que mostrar el nombre del cinema, las películas en presentación y a estrenar con su respectivo cartel, nombre y sinopsis, ubicación salas con horarios de presentación de películas, sección de tarifas con respecto a hora, fecha o iniciativa voluntaria por parte del cinema, frecuencia de asistencia por película e íconos de enlace a sus funcionalidades.
• De Funcionalidad: La página deberá permitir ingresar a las películas mediante click en sus carteles que lo envíen a un enlace interno que le muestre información más detallada sobre dirección o trama; tendrá la opción de votar por la calidad de la película y almacenará los datos para mostrarlos al resto de los usuarios, una sección de registro que se activará al dar click en un botón o enlace con el mismo nombre y permitirá ingresar datos personales para activación como usuario, y esto mismo le dará más opciones de acceso a promociones e información especial; sección de reserva y compra anticipada de boletas que se activará de igual forma al dar click en un botón o enlace con el mismo nombre, y permitirá ver la posición de los asientos dentro de la sala y la disponibilidad de los mismo, junto a precios de boletería dependiente del área respecto a la pantalla; opción de verificación de tráileres de las películas del repertorio del cinema, el cual estará siempre al inicio de la página y será cambiante cada corto tiempo mostrando cada vídeo por película.
• Escenarios de interacción: La página advertirá que el ingreso a su portal solo podrá ser hecho por adultos o con supervisión de ellos, por lo que su diseño estará enfocado a población mayor de edad y el carácter será sobrio con respecto a la estructura pero vívido con respecto al color para dar una apariencia más amable para población joven.
![Page 5: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/5.jpg)
PLANEACION DEL PROYECTO DE LA WEB-‐APP
Diseño Aproximado
![Page 6: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/6.jpg)
![Page 7: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/7.jpg)
Cronograma De Actividades
Este cronograma de actividades esta sujeto a modificaciones en fechas y actividades en el transcurso del semestre, es por esto que se presentara hasta la primera entrega oficial, las otras fechas son subjetivas.
![Page 8: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/8.jpg)
![Page 9: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/9.jpg)
Organización Interna del Proyecto
FUNCIONES DENTRO DEL PROYECTO
ENCARGADO O ENCARGADOS
Codificación HTML Ángela Sierra Kristhian Díaz
Codificación Hojas de Estilo
Ángela Sierra Kristhian Díaz
Jefe de Diseño y Arquitectura Pagina Web
Kristian Díaz Maria Moreno
Correcciones y Pruebas de la Pagina Web
Edson Palencia Ángela Sierra
Gerente del Proyecto Edson Palencia
Interactividad de la Pagina Web
Maria Moreno Kristhian Díaz
Organización de Bases de Datos de la Pagina Web
Edson Palencia Ángela Sierra
Costos y contratación de Personal Externo
Maria Moreno
![Page 10: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/10.jpg)
Análisis de Riesgos
FUENTE CATEGORÍA DESCRIPCIÓN PLAN DE MITIGACIÓN FECHAS PM
% AVANCE PM
RESPONSABLE PM DETONTANTE ESTADO
Procesos Diseño
Organización de la pagina web:
menús, submenús, home y
disposición de ayudas no claros ni llamativos
se realizaran lluvia de ideas continuas, una reunión cada semana con duración de 2 horas con los miembros del equipo que
permita aclarar las dudas sobre los diseños creativos de estos. Se
realizara una reunión central junto con el gerente del proyecto Web para revisar por lo menos 3 ideas.
01/02/13 50%
Edson Palencia, Ángela Sierra Kristian días
cuando el Gerente del
proyecto junto con los
miembros del equipo han decidido que ninguna idea propuesta les es satisfactoria.
mitigación
Tecnología Soporte técnico
daños en maquinas y herramientas de trabajo
(computadores)
evaluación semanal por parte de un técnico que
permita verificar el estado de cada computador. De esta revisión deberá salir un
informe detallado con el que el gerente del proyecto pueda tener
conocimiento del estado de las
herramientas de trabajo.
13/03/13 30% Maria Claudia moreno
se presentan daños
constantes y demoras en el proceso de
desarrollo de la pagina Web.
activo
Procesos Pruebas
fallas en prototipos y en la lógica del sistema de la pagina web que
define el funcionamiento del producto
revisión semanal pre-‐establecida con duración de 3 a 4 horas con
los programadores y el gerente del proyecto sobre los códigos y la lógica de este.
26/03/13 40%
Edson Palencia Kristhian Díaz
no se logra solucionar las fallas en la lógica del
sistema para el funcionamiento de la pagina
web.
mitigación
![Page 11: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/11.jpg)
Personas Personal
algún miembro del equipo se enferma de gravedad
al inicio del proyecto se realizaran
revisiones, junto con el gerente y el encargado de la contratación del personal, de los seguros
médicos de cada miembro del
equipo. También se buscara que mensualmente se
realicen chequeos con fechas pre-‐
establecidas con duración de 2 a 3
horas que permitan
establecer el estado de salud
de estos.
21/01/13 70% Ángela Sierra
entre 3 y 4 días de ausencia sin
ninguna escusa.
inactivo
Tecnología Competencia
mejores aplicativos de la competencia que pueda ser mas llamativo para los clientes
se realizaran investigaciones antes de la iniciación de proyecto por parte de los miembros de trabajo que
indiquen lo que posiblemente
este realizando la competencia y
luego se establecerá una reunión días
posteriores (3-‐4 días) junto con el gerente del proyecto y realizar un informe
completo y detallado sobre lo que sucede
con la competencia y así hacer
modificaciones correspondientes al proyecto.
2/11/12 20%
Maria Claudia moreno Kristhian Díaz
la información obtenida no es suficiente y la aplicación no consigue mejoras
inactivo
![Page 12: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/12.jpg)
Procesos Económico
falta de presupuesto para acaparar todos los gastos necesarios para la finalización del proyecto
al finalizar cada semana (viernes) el gerente del proyecto y el encargado del presupuesto de este realizaran una reunión con duración de 3-‐4 horas donde permita
establecer los gastos realizados y el presupuesto restante y así
quede constancia en un acta de si alcanzara a
cubrir todos los gastos hasta finalizar el proyecto.
26/04/13 80% Edson Palencia
el gasto de dinero se hace mayor y no hay
forma de acapararlo
todo
mitigación
Tecnología
Competencia
mejores aplicativos de la
competencia que pueda ser mas llamativo para los clientes
se realizaran investigaciones antes de la iniciación de
proyecto por parte de los miembros de
trabajo que indiquen lo que posiblemente este realizando la competencia y
luego se establecerá una reunión días
posteriores (3-‐4 días) junto con el gerente del
proyecto y realizar un informe completo y
detallado sobre lo que sucede con la competencia y así
hacer modificaciones
correspondientes al proyecto.
02/03/13 20%
Maria Claudia moreno Ángela Sierra
la información obtenida no es suficiente y la aplicación no
consigue mejoras
inactivo
Procesos Económico
falta de presupuesto
para acaparar todos los gastos
necesarios para la
al finalizar cada semana (viernes) el
gerente del proyecto y el encargado del presupuesto de
este realizaran una reunión con
10/04/13 80% Edson
Palencia
el gasto de dinero se hace mayor y no hay forma de acapararlo todo
mitigación
![Page 13: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/13.jpg)
finalización del proyecto
duración de 3-‐4 horas donde
permita establecer los gastos
realizados y el presupuesto restante y así
quede constancia en un acta de si alcanzara a cubrir todos los gastos hasta finalizar el
proyecto.
Tecnología
Tecnología
poco conocimiento de los
programas de
codificación, diseño y animación (HTML, Hojas de
estilo, Flash)
se necesitaran máximo 2-‐3 días en el que se realicen clases con asesorías de expertos del tema y de esto se tomen asistencias y quede estipulado en un acta que especifique que
tanto ayudan estas asesorías y que tanto se podría avanzar en el proyecto
24/03/13 30%
Maria Claudia moreno Ángela Sierra
no son suficientes las asesorías previas
mitigación
![Page 14: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/14.jpg)
REQUISITOS
Requisitos Funcionales
A continuación se presenta la lista de requerimientos funcionales de la pagina Web.
2.1.1. Pagina Principal
REQ001: Configuración de la Pagina Principal (Funcionalidad del Administrador)
El sistema permitirá definir la información referente a la pagina principal donde se muestran las películas en estreno, con el fin de ingresar los datos de cada uno de estos (nombre, precio, sala disponible, reserva de boletas, descripción de la película) modificarlos y eliminarlos.
REQ002: Administrar Tipos de películas por teatros (Funcionalidad del Administrador)
El sistema debe permitir ingresar las películas y organizarlas por los teatros, los cuales varían por ciudad y/o sector.
REQ003: Administrar Tipo de películas por cartelera (Funcionalidad del Administrador)
El sistema debe permitir ingresar las películas y organizarlas por cartelera, los cuales varían entre estrenos, mas vistas.
REQ004: Visualizar Reservas de películas (Funcionalidad del Usuario)
El sistema debe permitir visualizar al usuario una opción de registro a la pagina que le permitirá ingresar y realizar la reserva de las películas que desea ver.
REQ005: Administrar informacion principal de la pagina (Funcionalidad del Administrador)
El sistema permitira ingresar o modificar la informacion respectiva de la pagina web( quienes somos, preguntas frecuentes que realiza el usuario y la forma de contactar a esta misma)
![Page 15: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/15.jpg)
REQ006: Visualizacion de las Peliculas (Funcionalidad del Usuario)
El sistema permitira visualizar las peliculas que se encontraran ordenadas.
El usuario podra observar un listado de cada una de las peliculas que se encuentran organizadas por las mas vistas y las mas populares. El sistema tambien dejara a la disposicion del usuario una imagen en detalle del producto y las caracteristicas principales del producto escogido: su nombre, video trailer, calificacion y una sinopsis.
2.1.2. Pagina de Tarifas
REQ007: Visualización de tarifas de las películas (Funcionalidad del Usuario)
El sistema debe permitir que después de ingresar la película que se desea ver, se realice la reserva y se observen las diferentes tarifas que varían dependiendo del teatro, promociones, tipo de película.
REQ008: Administrar tarifas de películas (Funcionalidad del Administrador)
El sistema debe permitir que el administrador ingrese, modifique o elimine las tarifas de cada película y que estas varíen respecto al cinema, al día de presentación de este y al formato de la película.
2.1.3. Pagina de Reservas
REQ009: Administrar Reservas de películas (Funcionalidad del Administrador)
El sistema debe permitir que el administrador deje escoger la película, hacer la reserva ingresando los datos del teatro, realizar el ingreso a la pagina y mostrar el costo de la boleta . Todos estos datos pueden ser modificados y/o eliminados.
REQ0010: Confirmación de la reserva (Funcionalidad del Usuario)
El sistema debe permitir que el usuario pueda realizar su reserva seleccionando los ítems como: Teatro, Película, Fecha y ubicación en la Sala.
![Page 16: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/16.jpg)
REQ011: Confirmación del pago y costo final de la reserva(Funcionalidad del Usuario)
El sistema debe permitirle al usuario recibir la confirmación de la reserva, la informacion completa de esta, el costo final y la forma de pago asi mismo como el lugar donde debe realizar la cancelacion de la boleta.
2.1.4. Pagina de Teatros
REQ0012: Administrar Teatros (Funcionalidad del Administrador)
El sistema debe permitir que el administrador cambie, modifique o elimine los diferentes teatros definidos por ciudades de Colombia y muestre las direcciones correspondientes.
REQ0013: Confirmación del Teatro(Funcionalidad del Usuario)
El sistema debe permitir que el usuario pueda escoger el teatro donde quiere observar la película.
2.1.5. Pagina de Registro
REQ014: Registro de Usuario (Funcionalidad del Usuario)
El sistema permitira ingresar al usuario a un formulario donde debera introducir sus datos personales (nombre completo, telefono, email, direccion), un nombre de usuario y una contraseña.
REQUISITOS NO FUNCIONALES
A continuación se presentan las especificaciones suplementarias de software que deben ser soportadas por la aplicación.
![Page 17: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/17.jpg)
2.1.6. Usabilidad
REQ023: Idioma
Se requiere que la pagina se encuentre en idioma Español para la facilidad de los usuarios .
REQ024: Ayuda
El sistema propuesto deberá permitir la consulta de ayuda en línea que permita identificar fácilmente el proceso a realizar.
REQ025: Interfaz
El sistema debe poseer una interfaz amigable, útil y entendible, manejando una unidad gráfica sencilla y visualmente atractiva que permita guiar y apoyar al usuario en el proceso de uso de la misma.
2.1.7. Confiabilidad
REQ026: Base de datos
El sistema propuesto debe funcionar sobre una base de datos relacional Microsoft SQL Server 2005, con estándares reconocidos en la industria que permitan su accesibilidad desde cualquier otra base de datos o herramienta de desarrollo.
REQ027: Integridad
El sistema debe asegurar que los datos que contiene el producto son los mismos que se han transmitido.
REQ028: Confiabilidad
El sistema debe verificar que la información sea exacta, completa, válida y auténtica, para este fin se consideran los siguientes controles: valores fuera de rango, caracteres inválidos en campos de datos, datos faltantes o incompletos, volúmenes de datos que exceden los límites inferior y superior.
![Page 18: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/18.jpg)
REQ029: Separación de la Funcionalidad
El sistema debe separar las funcionalidades del usuario de la funcionalidad de administración. La separación se hace de forma lógica.
REQ030: Contraseñas Quemadas en Código
En ningún caso, el sistema tendrá contraseñas en el código para su funcionalidad.
REQ031: Desarrollo de Interfaces
Las distintas interfaces de usuario habilitan únicamente los menús y/o opciones que correspondan con los privilegios que tenga el usuario de acuerdo sus permisos.
REQ032: Múltiples Sesiones
El sistema deberá detectar, limitar y/o prohibir múltiples sesiones de una cuenta de usuario al mismo tiempo.
2.1.8. Rendimiento
REQ033: Concurrencia
El sistema deberá soportar un estimado de 50 usuarios concurrentes. Aunque, en realidad, el número exacto de usuarios concurrentes dependerá en gran medida de las restricciones de ancho de banda, capacidad del servidor web y capacidad del servidor de base de datos
2.1.9. Seguridad
REQ034: Confidencialidad
El sistema debe asegurar que la información expuesta desde la aplicación no se encuentra disponible a ningún usuario anónimo, únicamente para los usuarios autorizados de la aplicación.
![Page 19: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/19.jpg)
REQ035: Autenticaciónón
El sistema debe contar con un mecanismo que permita asegurar la información que es ingresada y presentada por medio de un sistema básico de autenticación (usuario y contraseña).
REQ036: Conexión a Base de Datos
No existirán conexiones directas entre los usuarios y las bases de datos. Esto siempre se realiza a través de la aplicación.
REQ037: Documentación
El sistema deberá contar con toda la documentación que explique su funcionamiento. En cuanto se refiere a estándares de codificación, manual de procedimientos para realizar mantenimientos a los aplicativos. Se busca en lo posible elaborar documentación con diagramas que ilustren fácilmente cada uno de los componentes del sistema y la interacción de los mismos, de modo que cuando se requiera extender la operación del sistema, sea puede implementar fácilmente con un tiempo y costo razonables.
![Page 20: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/20.jpg)
CASOS DE USO
Configuración de la Pagina Principal Descripción El sistema permitirá definir la información referente a la pagina principal donde se muestran las películas en estreno, con el fin de ingresar los datos de cada uno de estos (nombre, precio, sala disponible, reserva de boletas, descripción de la película) modificarlos y eliminarlos.
Actores Administrador (principal)
Sistema (secundario)
Flujo de Eventos Flujo Básico
1. El sistema arroja un formulario para que el administrador defina la información principal de las películas.
2. El sistema le pide que ingrese el nombre de la película 3. El sistema le pide que ingrese el precio 4. El sistema le pide que ingrese las salas disponibles 5. El sistema le pide que ingrese una descripción de la película 6. El sistema le muestra la opción de guardar la información que acaba de
ingresar de las películas 7. El sistema le muestra la opción de eliminar la información de la películas 8. El sistema le da la opción de ingresar nueva película 9. El sistema le muestra la opción de ingresar o registrarse en la pagina
El sistema repite los pasos anteriores hasta que el administrador decida finalizar el ingreso de la información de los productos
Flujos Alternativos Ninguno
Precondiciones
Administrador debe estar registrado en el sistema para poder iniciar con el ingreso de los datos de las diferentes películas
![Page 21: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/21.jpg)
Poscondiciones El sistema actualiza los datos de las nuevas películas ingresados con sus características así como eliminarlos de este.
Puntos de Extensión Ninguno
Interfaces Graficas (Prototipos)
NUEVO PRODUCTO A REGISTRAR
Seleccione pelicula
NOMBRE ____________________
PRECIO ____________________
CARTELERA________________
SALAS DISPONIBLES ____________________
DESCRIPCION
_ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _
RESERVA DE PELICULAS
ELIMINAR MODIFICAR
Quienes Somos
Preguntas Frecuentes
![Page 22: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/22.jpg)
Visualización de las Películas Descripción
El sistema permitira visualizar las peliculas que se encontraran ordenadas.
El usuario podra observar un listado de cada una de las peliculas que se encuentran organizadas por las mas vistas y las mas populares. El sistema tambien dejara a la disposicion del usuario una imagen en detalle del producto y las caracteristicas principales del producto escogido: su nombre, video trailer, calificacion y una sinopsis.
Actores
Usuario (principal)
Sistema (secundario)
Flujo de Eventos
Flujo Básico 1. El sistema permitirá visualizar las mas vistas y las mas populares. 2. El sistema le dará la opción de seleccionar las películas mas vistas por
medio de un botón interactivo. 3. El sistema le dará la opción de seleccionar las películas mas populares por
medio de un botón interactivo. 4. El sistema le permitirá al usuario visualizar cada película de las mas vistas
con su respectiva imagen. 5. El sistema le permitirá visualizar las características de la película: nombre,
video tráiler, calificación y una sinopsis. 6. El sistema le permitirá seleccionar la película por medio de un botón
interactivo y que lo mande hacia las paginas de tarifas y teatros.
El sistema repite los pasos anteriores hasta que el usuario decida haya comprado los productos de su preferencia
Flujos Alternativos Ir al caso de uso selección de productos.
Precondiciones El usuario debe estar registrado en el sistema para poder iniciar con la visualización de las categorías y subcategorías. Los productos deben estar registrados con una imagen detallada y sus características principales.
![Page 23: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/23.jpg)
Poscondiciones El sistema guardara en el carrito de compras los productos que el usuario haya comprado.
Puntos de Extensión Ninguno.
Interfaces Graficas (Prototipos)
Visualización de la Pagina de Tarifas Descripción
El sistema debe permitir que después de ingresar la película que se desea ver, se realice la reserva y se observen las diferentes tarifas que varían dependiendo del teatro, promociones, tipo de película.
Actores
Usuario (principal)
Sistema (secundario)
Flujo de Eventos
Flujo Básico 1. El sistema permitirá visualizar las tarifas de las película seleccionada. 2. El sistema permitirá visualizar las promociones
Seleccione una Película
• Nombre.
Trailer
• Nombre. • Calificación
Sinopsis
Reservas
![Page 24: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/24.jpg)
3. El sistema le dará la opción de seleccionar el estilo de visualización de la película. (3d, tradicional)
El sistema repite los pasos anteriores hasta que el usuario decida hacer la reserva
Flujos Alternativos Ninguno.
Precondiciones
El usuario debe estar registrado en el sistema para poder iniciar con la visualización de las películas. Las películas deben estar registrados con una imagen detallada y sus características principales.
Poscondiciones El sistema guardara en el carrito de compras los productos que el usuario haya comprado.
Puntos de Extensión Ninguno.
Interfaces Graficas (Prototipos)
Seleccione una Película
• Nombre. • Teatro • Tarifas • Sinopsis
TARIFAS DE PELICULAS
• Seleccione Ciudad Seleccione Día Seleccione Horario Seleccione Teatro
Reservas
![Page 25: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/25.jpg)
Visualización y confirmación del Teatro Descripción
El sistema debe permitir que el usuario visualizar y escoger el teatro donde quiere observar la película por ciudades y mostrar las direcciones.
Actores Usuario (principal)
Sistema (secundario)
Flujo de Eventos Flujo Básico
1. El sistema permitirá visualizar las teatros de las película seleccionada por ciudades.
2. El sistema permitirá visualizar las direcciones de ubicación de los teatros. 3. El sistema le dará la opción de seleccionar el teatro
El sistema repite los pasos anteriores hasta que el usuario decida hacer la reserva
Flujos Alternativos Ninguno.
Precondiciones
El usuario debe estar registrado en el sistema para poder iniciar con la visualización de las películas. Las películas deben estar registrados con una imagen detallada y sus características principales.
Poscondiciones Ninguno
Puntos de Extensión Ninguno.
![Page 26: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/26.jpg)
Interfaces Graficas (Prototipos)
Visualización y confirmación de las Reservas Descripción
El sistema debe permitir que el usuario deje escoger la película, hacer la reserva ingresando los datos del teatro, seleccionar la fecha, la ubicación y mostrar el costo de la boleta . Todos estos datos pueden ser modificados y/o eliminados.
Actores Usuario (principal)
Sistema (secundario)
Flujo de Eventos Flujo Básico 1. El sistema permitirá visualizar y seleccionar las teatros 2. El sistema permitirá visualizar y seleccionar las películas. 3. El sistema permitirá visualizar y seleccionar la fecha. 4. El sistema permitirá visualizar y seleccionar la ubicación. 5. El sistema le dará la opción de Registrar reserva
El sistema repite los pasos anteriores hasta que el usuario decida hacer la reserva
CIUDAD 1 CIUDAD 2 CIUDAD 3
DIRECCION DIRECCION DIRECCION
Reservas
![Page 27: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/27.jpg)
Flujos Alternativos Ninguno.
Precondiciones
El usuario debe estar registrado en el sistema para poder iniciar con la visualización de las películas. Las películas deben estar registrados con una imagen detallada y sus características principales.
Poscondiciones Ninguno
Puntos de Extensión Ninguno.
Interfaces Graficas (Prototipos)
Registro de Usuario
Descripción El sistema permitira ingresar al usuario a un formulario donde debera introducir sus datos personales (nombre completo, telefono, email, direccion), un nombre de usuario y una contraseña.
Actores Usuario (principal)
Sistema (secundario)
SELECCIÓN TEATROS
SELECCIÓN PELICULA
SELECCIÓN FECHA
SELECCIÓN UBICACION
Reservas
![Page 28: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/28.jpg)
Flujo de Eventos Flujo Básico
1. El sistema le permitirá visualizar al usuario una ventana en donde podrá ingresar los datos requeridos.
2. El sistema de permitirá introducir datos básicos como: nombre completo, teléfono, email y dirección.
3. El sistema le permitirá ingresar un nombre de usuario único con el cual podrá ingresar a todos los servicios de la pagina de cine.
4. El sistema le permitirá al usuario introducir una contraseña de mínimo 8 caracteres entre letras y números.
5. El sistema le permitirá al usuario confirmar la contraseña por seguridad. 6. El sistema le permitirá al usuario registrar su información por medio de un
botón interactivo. 7. Si su registro es valido el sistema deberá enviarle un correo al email del
usuario. Flujos Alternativos
1. El sistema deberá negar el registro si el nombre de usuario o la contraseña no son validas. 2. Si el nombre de usuario o la contraseña no son validas el sistema le permitirá
al usuario volverá ingresar estos datos nuevamente.
Precondiciones
El usuario debe estar interesado en registrarse en el cinema y cumplir con todos los requisitos solicitados por la pagina.
Poscondiciones El sistema guardara el registro del usuario en una base de datos.
Puntos de Extensión Ninguno.
![Page 29: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/29.jpg)
Interfaces Graficas (Prototipos)
Nombre completo
Apellidos
Dirección
Teléfono
Nombre de usuario
Contraseña mínimo 8 caracteres
Confirmar contraseña
REGISTRARCE
![Page 30: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/30.jpg)
DISEÑO DE LA WEB-‐APP
Diseño de la Interfaz
El siguiente es el diseño de la interfaz para cada una de las paginas de nuestro cinema.
PAGINA 1
TEXTO 1
1 2 3 4 5
TEXTO 2
TEXTO
3
TEXTO
4
NOMBRE DE LA EMPRESA
![Page 31: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/31.jpg)
En esta primera parte se muestra:
Ø El nombre de la empresa, junto a ella una imagen que representara el logotipo de la empresa de cine.
Ø Un primer texto que contendrá el enlace de registro del usuario Ø Un listado de objetivos del usuario, donde se encontraran los diferentes
enlaces a los que el usuario puede ingresar entre ellos esta el de teatros, tarifas, reservas, etc.
Ø Unas fotos que ilustran cada película importante y que ha sido elegida entre las populares y que podrán desplazarse de manera interactiva de un lado a otro.
Ø En la parte de abajo contendrá el logotipo de la empresa el texto 2, 3 y 4 y que mostraran las preguntas frecuentes y la información de la pagina y un pie de pagina
PAGINA 2
TEXTO 1
1
SECCION TEATROS
TEXTO 5
TEXTO 2
TEXTO 3
TEXTO 4
![Page 32: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/32.jpg)
En esta segunda parte se muestra:
Ø El titulo de la sección de teatros, junto a ella una imagen que representara el logotipo de la empresa de cine.
Ø Un primer texto que contendrá el enlace de registro del usuario Ø Un objetivo del usuario, donde se dirigirá a la pagina principal. Ø Unas imágenes que ilustran cada teatro referente a las ciudades principales Ø El texto 2, 3 y 4 que describirán las direcciones de cada teatro. Ø Un 5to texto que mostrara un pie de pagina del nombre de la empresa
PAGINA 3
TEXTO 1
1
SECCION TARIFAS
TEXTO 5
TEXTO 3
TEXTO 4
MENU INTERACTIVO TEXTO 2
![Page 33: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/33.jpg)
En esta tercera parte se muestra:
Ø El titulo de la sección de tarifas, junto a ella una imagen que representara el logotipo de la empresa de cine.
Ø Un primer texto que contendrá el enlace de registro del usuario Ø Un objetivo del usuario, donde se dirigirá a la pagina principal. Ø Un segundo texto que junto con un menú interactivo contendrá un listado
de ciudades. Ø El texto 3 y 4 que describirán los diferentes teatros de la ciudad que se
escogió, sus funciones organizadas por días de la semana, el costo por tipo de película(3d, tradicional) y el precio por tarjeta royal.
Ø Un 5to texto que mostrara un pie de pagina del nombre de la empresa
PAGINA 4
TEXTO 1
1
SECCION RESERVAS
TEXTO 7
TEXTO 3
TEXTO 4
MENU INTERACTIVO TEXTO 2
TEXTO 5
MENU INTERACTIVO
MENU INTERACTIVO
MENU INTERACTIVO
TEXTO 6
![Page 34: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/34.jpg)
En esta cuarta parte se muestra:
Ø El titulo de la sección de reservas, junto a ella una imagen que representara el logotipo de la empresa de cine.
Ø Un primer texto que contendrá el enlace de registro del usuario Ø Un objetivo del usuario, donde se dirigirá a la pagina principal. Ø Un segundo texto que junto con un menú interactivo contendrá un listado
de teatros. Ø Un tercer texto que junto con un menú interactivo contendrá un listado de
películas Ø Un cuarto texto que junto con un menú interactivo contendrá un listado de
fechas. Ø Un quinto texto que junto con un menú interactivo contendrá un listado de
ubicación del teatro. Ø Un 6to texto que permitirá el registro de la reserva Ø Un 7mo texto que mostrara un pie de pagina del nombre de la empresa
PAGINA 5
TEXTO 1
1
SECCION CARTELERA
TEXTO 2
![Page 35: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/35.jpg)
En esta quinta parte se muestra:
Ø El nombre de la empresa, junto a ella una imagen que representara el logotipo de la empresa de cine.
Ø Un primer texto que contendrá el enlace de registro del usuario Ø Un objetivo del usuario, donde se dirigirá a la pagina principal Ø Unas fotos que ilustran cada película importante y que ha sido elegida entre
las próximas a estrenar y las que están en cartelera actualmente y que podrán desplazarse de manera interactiva de un lado a otro.
Ø Un espacio para un video que se activara en el momento que se elija una película
Ø Un pie de pagina con el nombre de la empresa
Arquitectura del contenido
El diseño arquitectónico de la pagina web será de forma LINEAL CON FLUJO OPCIONAL
![Page 36: Trabajo-Tecnologias-De-Internet.pdf](https://reader034.vdocument.in/reader034/viewer/2022042717/55cf921a550346f57b939801/html5/thumbnails/36.jpg)