TALLER DISEÑO DE LA INTERFAZ GRÁFICA DE USUARIO

1. Teniendo en cuenta el documento sobre diseño eficaz de entradas y salidas, diseñe los
formularios (vistas) necesarias para implementar el caso de uso Solicitar alquiler de Lotes,
para la aplicación de Campamentos Asociados. No se aceptan mockups, deben ser vistas
implementadas en cualquier IDE.

Nombre del caso de Uso : Solicitar Alquiler de lote para Acampar

Descripción:

Permite a un asociado consultar los lotes disponibles y tramitar la reserva para acampar.

Actores: Asociado campista

Agente

Precondiciones: El asociado o Agente debe haberse autenticado en el sistema.

Flujo Normal:

1. El usuario Ingresa a la página para consultar campamentos.

2. El sistema le muestra el catálogo con los 15 campamentos presentando datos generales como:
municipio, temperatura, tipo de vegetación y actividades complementarias.

3. El usuario selecciona el campamento.

4. A continuación, el sistema solicita fechas de inicio y fin de la solicitud.

5. El sistema presenta un mapa con la ubicación de lotes disponibles para alquiler en esas fechas,
junto con las fotos del terreno.

6. El usuario selecciona el lote y confirma su solicitud.

7. El sistema verifica que el socio se encuentre al día en su pago de cuotas.

8. El sistema adiciona fecha y hora de solicitud y asigna un número de reserva.

9. Se presenta al usuario los datos finales de reserva.

10. Se envía una confirmación vía correo electrónico.

Flujo Alternativo:
 5. Si no existen lotes disponibles en ese campamento para las fechas seleccionadas, el sistema
presentará un mensaje de alerta y solicitará modificar la selección. Vuelve al paso 2

6. Si el campista no acepta ningún lote, se debe permitir cancelar la solicitud y regresar al paso 2.

7. Si el usuario no se encuentra al día en pagos, el sistema informará al usuario y finaliza la solicitud.

Postcondiciones: La reserva ha sido registrada.

a) El usuario debe iniciar sesión o crear una cuenta

b) Opciones de la página de turismo

c) Ciudades donde puedes acampar

d) Selección del campamento: Descripción, ubicación y fotos

Ubicación

Fotos del sitio

 e) Cotizaciones y reservas

f) El sistema solicita fechas de inicio y fin de la solicitud , Campamento a seleccionar y numero de

personas
 Elegir plan turístico

Número de días a
hospedar

Numero de personas
g) Confirmación de la solicitud vía correo electrónico

FLUJO ALTERNATIVO

a) Si no existen lotes disponibles en ese campamento para las fechas seleccionadas, el sistema
presentará un mensaje de alerta y solicitará modificar la selección. Vuelve al paso 2
b) cancelación de reserva y vuelta al menú principal

Menú Principal

2. Diseñar un reporte para dar respuesta al siguiente requerimiento de información.

Se requiere conocer el total de reservas que han sido registradas en el sistema, el informe debe
presentar por mes, el nombre del campamento, lote alquilado, identificación y nombre del socio y
fechas de llegada y salida del mismo. Se debe presentar organizado por campamentos.

SOLICITUD DE CAMPAMENTO POR MES

Fecha Solicitud Campamento Lote Alquilado Nombre del Socio ID. Socio Fecha de Llegada Fecha de Salida
1/05/2019 Amazonas 1 Andres trujillo 1033752693 1/06/2019 4/06/2019
2/04/2019 Medellin 2 Frank Joya 1033751963 2/06/2019 5/06/2019
3/03/2019 Choco 3 Diego Rodriguez 1033524874 3/06/2019 6/06/2019
4/02/2019 Armenia 6 Felipe Fonseca 102369871 4/06/2019 7/06/2019
5/01/2019 Guajira 7 Wilmar Barrios 150256666 5/06/2019 8/06/2019
1/05/2019 Desierto tatacoa 8 Marlo Becerra 103987126 6/06/2019 9/06/2019
2/04/2019 Putumayo 2 Nicolas Chantal 1033697520 7/06/2019 10/06/2019
3/03/2019 N.Santander 3 Johana Suarez 1096032778 8/06/2019 11/06/2019
4/02/2019 Macarena/Meta 6 Linda Palma 9841889 9/06/2019 12/06/2019
3/03/2019 Boyaca 5 Alejandra Escarate 62358987 10/06/2019 13/06/2019
5/01/2019 Tolima 4 Pamela Anderson 7485965 11/06/2019 14/06/2019
1/05/2019 Santa marta 3 Esperanza Gomez 19192603 12/06/2019 15/06/2019
2/04/2019 Vichada 6 Estela Rincon 18751652 13/06/2019 16/06/2019
3/03/2019 Cartagena 1 Elizabeth Hernandez 14233566 14/06/2019 17/06/2019
4/02/2019 Valle del cauca 2 Mary Gonzalez 178529662 15/06/2019 18/06/2019
3/03/2019 Desierto tatacoa 5 Karen Tellez 1023456874 16/06/2019 19/06/2019
17/05/2019 Putumayo 7 Lorena Rodriguez 101145787 17/06/2019 20/06/2019
18/05/2019 N.Santander 3 Thalia Perez 1012458798 18/06/2019 21/06/2019
19/05/2019 Macarena/Meta 4 Maria Cardenas 1524652 19/06/2019 22/06/2019
3/03/2019 Amazonas 2 Jazmin Gonzalez 1000369596 20/06/2019 23/06/2019
3/03/2019 Medellin 3 Rogelio Piraquive 15154815 21/06/2019 24/06/2019
4/02/2019 Choco 8 Alex Ubago 99458776 22/06/2019 25/06/2019
3/03/2019 Armenia 6 Diva Jesurum 84755652 23/06/2019 26/06/2019
17/05/2019 Guajira 5 Jorge Lopez 66452525 24/06/2019 27/06/2019
18/05/2019 Putumayo 4 Andres Pelaez 15416626 25/06/2019 28/06/2019
4/02/2019 N.Santander 1 Andrea Pulido 258947744 26/06/2019 29/06/2019
5/01/2019 Macarena/Meta 2 Rene Higuita 66262664 27/06/2019 30/06/2019
1/05/2019 Amazonas 3 Carlos Valderrama 4221663 28/06/2019 1/07/2019
2/04/2019 Santa marta 8 Tino Asprilla 36452897 29/06/2019 2/07/2019
3/03/2019 Santa marta 7 Andres Escobar 14265699 30/06/2019 3/07/2019

3. Identifique el tipo de control con el que se pueden trabajar las siguientes situaciones:
 a. El usuario debe seleccionar el tipo de documento que le corresponda

b. El usuario puede seleccionar más de un ítem de la lista.

c. El usuario debe ingresar un dato de tipo numérico.

Verificando por código

d. El usuario debe ingresar la fecha de reserva.

e. El usuario puede escribir la descripción de su solicitud y puede tener hasta 200

caracteres.

4. De un ejemplo (gráfico) de cada uno de los siguientes elementos de una interfaz gráfica de
usuario:
a. Menú desplegable

b. Menú contextual
c. Barra de desplazamiento

d. Panel Lateral
e. Pestaña
 f. Slider

g. ToolTipj

5. Determinar para la imagen corporativa (branding) de su proyecto de software:

a. Nombre del software: PASH APROVISIONING
b. Logo del proyecto: PATPRIMO -PASH SAS

PASH APROVISIONING

c. Tipografía para el proyecto: SEREFIDA: Times New Roman

d. Paleta de colores a utilizar