1

DISENO Y DESARROLLO WEB

ACTIVIDAD

MAURICIO RUALES HOLGUIN

PROGRAMA
TECNÓLOGO EN ANÁLISIS Y DESARROLLO
DE SISTEMAS DE INFORMACIÓN
SANTIAGO DE CALI
COLOMBIA
2019

* ORFELINA SIERRA BASTOS

 2

Contenido
Tabla de Ilustraciones ................................................................................................................................... 3
Tabla de Cuadros........................................................................................................................................... 4
Primera parte de la actividad: ....................................................................................................................... 5
Cuadro conceptual o mapa mental, donde se explique el funcionamiento de cada uno de los
protocolos Web......................................................................................................................................... 5
Cuadro comparativo con la explicación de cada uno de los atributos que se deben tener en cuenta
para la elaboración de un aplicativo Web. ............................................................................................... 7
Realizar una matriz de la manera como se utilizan los protocolos Web en su funcionamiento. ............. 9
¿Cómo considera que han avanzado los protocolos con el paso del tiempo? ....................................... 13
2. Segunda Parte: Análisis de Objetos. ....................................................................................................... 13
Realizar un manual paso a paso de la instalación y configuración del protocolo FTP que se desarrollará
para el supermercado, con la explicación detallada y necesaria para la comprensión de los directivos
del supermercado. .................................................................................................................................. 13
Grabar un video de la instalación que se realizó como evidencia para enviar al docente. .................... 33
https://youtu.be/q9ED2bfI12A........................................................................................................... 33
En el RA2 debe desarrollar el siguiente planteamiento – Caso Agencia de viajes. .................................... 33
Listado de los requerimientos funcionales, de comportamiento y de datos. ........................................ 34
· Casos de uso para describir la interacción de los usuarios con el aplicativo Web. .................................. 35
· Análisis de contenido, interacción, funciones y configuración, atendiendo lo descrito en los casos de
uso de la aplicación Web. ........................................................................................................................... 35
Reservas cupos........................................................................................................................................ 37
Login ........................................................................................................................................................ 38
Consulta de cliente.................................................................................................................................. 39
Consulta de oferta .................................................................................................................................. 41
· Elaboración de diagramas de estado para identifica el comportamiento de la página Web. .................. 42
Bibliografía .................................................................................................................................................. 47
 3

Tabla de Ilustraciones

Ilustración 1................................................................................................................................................... 5
Ilustración 2................................................................................................................................................... 6
Ilustración 3................................................................................................................................................... 7
Ilustración 4................................................................................................................................................. 14
Ilustración 5................................................................................................................................................. 15
Ilustración 6................................................................................................................................................. 15
Ilustración 7................................................................................................................................................. 16
Ilustración 8................................................................................................................................................. 16
Ilustración 9................................................................................................................................................. 17
Ilustración 10 .............................................................................................................................................. 17
Ilustración 11 .............................................................................................................................................. 18
Ilustración 12 .............................................................................................................................................. 18
Ilustración 13 .............................................................................................................................................. 19
Ilustración 14 .............................................................................................................................................. 19
Ilustración 15 .............................................................................................................................................. 20
Ilustración 16 .............................................................................................................................................. 20
Ilustración 17 .............................................................................................................................................. 21
Ilustración 18 .............................................................................................................................................. 21
Ilustración 19 .............................................................................................................................................. 22
Ilustración 20 .............................................................................................................................................. 22
Ilustración 21 .............................................................................................................................................. 23
Ilustración 22 .............................................................................................................................................. 23
Ilustración 23 .............................................................................................................................................. 24
Ilustración 24 .............................................................................................................................................. 25
Ilustración 25 .............................................................................................................................................. 25
Ilustración 26 .............................................................................................................................................. 26
Ilustración 27 .............................................................................................................................................. 26
Ilustración 28 .............................................................................................................................................. 27
Ilustración 29 .............................................................................................................................................. 27
Ilustración 30 .............................................................................................................................................. 28
Ilustración 31 .............................................................................................................................................. 28
Ilustración 32 .............................................................................................................................................. 29
Ilustración 33 .............................................................................................................................................. 29
Ilustración 34 .............................................................................................................................................. 30
Ilustración 35 .............................................................................................................................................. 30
Ilustración 36 .............................................................................................................................................. 31
 4

Ilustración 37 .............................................................................................................................................. 32
Ilustración 38 .............................................................................................................................................. 43
Ilustración 39 .............................................................................................................................................. 44
Ilustración 40 .............................................................................................................................................. 45
Ilustración 41 .............................................................................................................................................. 46

Tabla de Cuadros

Tabla 1 ........................................................................................................................................................... 8
Tabla 2 ........................................................................................................................................................... 9
Tabla 3 ......................................................................................................................................................... 34
Tabla 4 ......................................................................................................................................................... 35
 5

Primera parte de la actividad:

En el primer momento, el estudiante debe enviar un trabajo de investigación donde se integran los
temas estudiado, asimismo debe contestar las preguntas planteadas para aplicar los conceptos en
contexto.

Desarrollo del taller:

Cuadro conceptual o mapa mental, donde se explique el funcionamiento de

cada uno de los protocolos Web.

Ilustración 1
 6

Ilustración 2
 7

Ilustración 3

Cuadro comparativo con la explicación de cada uno de los atributos que se

deben tener en cuenta para la elaboración de un aplicativo Web.
 8

Tabla 1

Controlada por el contenido. El objetivo principal de una WebApp es presentar al usuario todos
los contenidos audiovisuales posibles mejor conocido como
hipermedia la cual muestra textos, gráficos, sonido y vídeo.
Evolución continúa. Con relaciona a los programas convencionales las WebApp siempre
están en constante evolución no es programado o con versiones las
WebApp tienen una continua modificación en su fuente ya sea por
los usuarios que suministran información o por los programadores
que modifican el código.
Inmediatez Las aplicaciones basadas en Web tienen una inmediatez [NOR99]
que no se encuentra en otros tipos de software. Es decir, el tiempo
que se tarda en comercializar un sitio Web completo puede ser
cuestión de días o semanas.
Seguridad Dado que las WebApps están disponibles a través del acceso por
red, es difícil, si no imposible, limitar la población de usuarios finales
que pueden acceder a la aplicación. Con objeto de proteger el
contenido confidencial y de proporcionar formas seguras de
transmisión de datos, deberán implementarse fuertes medidas de
seguridad en toda la infraestructura que apoya una WebApp y
dentro de la misma aplicación.
Estética Una parte innegable del atractivo de una WebApp es su apariencia e
interacción. Cuando se ha diseñado una aplicación con el fin de
comercializarse o vender productos o ideas, la estética puede tener
mucho que ver con el éxito del diseño técnico.
informativa Se proporciona un contenido solo de lectura con navegación y
enlaces simples.
descarga Un usuario descarga la información desde el servidor apropiado.
personalizable El usuario personaliza el contenido a sus necesidades específicas.
interacción La comunicación entre una comunidad de usuarios ocurre mediante
un espacio chat (charla), tablones de anuncios o mensajería
instantánea; entrada del usuario: la entrada basada en formularios
es el mecanismo primario de la necesidad de comunicación.
orientada a transacciones el usuario hace una solicitud (por ejemplo, la realización un pedido)
que es cumplimentado por la WebApp;
orientado a servicios La aplicación proporciona un servicio al usuario, por ejemplo, ayuda
al usuario a determinar un pago de hipoteca.
portal La aplicación canaliza al usuario llevándolo a otros contenidos o
servicios Web fuera del dominio de la aplicación del portal.
acceso a bases de datos El usuario consulta en una base de datos grande y extrae
información.
almacenes de datos: El usuario hace una consulta en una colección de bases de datos
grande y extrae información.

PREGUNTAS DE TRANSFERENCIA DE CONOCIMIENTO:

 9

Realizar una matriz de la manera como se utilizan los protocolos Web en su

funcionamiento.
Tabla 2

protocol
Como funcionan
o
TCP/IP Una seria de Por distintas Cada paquete se A medida Cuando Cuando el
conmutador razones, coloca en un que los los ordenado
es entre los que envoltorio IP paquetes paquete r al que se
denominado incluyen las independiente, que se envían s llegan envía la
s routers limitaciones contiene información por a su informaci
envía cada de hardware, sobre la dirección que Internet, destino, ón recibe
paquete por los datos le dice a Internet los routers el TCP todos los
la red de que se donde debe enviar los que se calcula paquetes
forma envían a datos. encuentra la suma de forma
individual. través de n por el de correcta,
Internet camino control el TCP los
tienen que examinan de cada vuelve a
dividirse en esos paquete componer
paquees de envoltorio . para
menos de s IP y devolverl
unos 1.500 observan es su
caracteres sus forma
cada uno. direccione original
s. unificada.
FTP Es un El cliente se Usuarios Usuarios Conexió Conexión
servicio conecta al autentificados: son anónimos: n FTP en FTP en
basado en servidor usuarios que se No modo modo
arquitectura desde un deben indicar su disponen activo pasivo
cliente- puerto nombre de usuario y de cuenta La La
servidor: Un superior al contraseña. Dentro y para conexió conexión
servidor FTP 1024 y hace de los usuarios conectarse n FTP en FTP de
conectado a la solicitud al autentificados se al servidor modo control se
la red servidor por pueden distinguir los FTP activo es realiza
proporciona el puerto 21, usuarios FTP y los introducen la forma desde un
el servicio a que siempre usuarios virtuales. una nativa puerto
través de los está cuenta de FTP superior
puertos: escuchando simbólica de al 1024en
las peticiones (anonymo establec el cliente
de los us). er la y se dirige
clientes por conexió al puerto
ese puerto. n. 21 del
servidor
FTP
HTTP El Un cliente A ellos el servidor
funcionamie puede ser un brinda una respuesta
nto del http explorador estructurada de
 10

se basa en determinado, modo puntual y

un esquema cuando dotado de una serie
de petición- intentamos de metadatos, que
respuesta abrir una establecen las pautas
entre el página web, para el inicio,
servidor o los desarrollo y cierre de
web y el rastreadores la transmisión de la
“agente web información.
usuario” (webcrawlers
(del inglés o arañas
user agent) web) que las
o cliente inspeccionan.
que realiza
la solicitud
de
transmisión
de datos.

SMTP El Servidor El Cliente de El SMTP toma la El SMTP Si existe, Luego,

(CORRE SMTP del Correo se dirección del receptor del acepta mruales
O) emisor se conecta con (ejemplo, receptor el email puede
comunica el Servidor mruales@embluemail chequea y lo leer o
con un SMTP y le .com) y lo divide en en su base deposita descargar
Servidor comunica la dos partes: el nombre de datos si en el ese
DNS dirección del (mruales) y el sistema existe una buzón mensaje
(Sistema de remitente, la de nombres de cuenta con de en su PC
Nombre de del dominio. el nombre mruales mediante
Dominio) y destinatario mruales POP o
le pregunta y el cuerpo IMAP.
si le puede del mensaje.
brindar la
dirección IP
del SMTP
del
receptor.
DNS
responde
con una o
más
direcciones
IP.

NNTP El La conexión Esta conexión se Cada Método Método

(NOTICI funcionamie entre cliente realiza sobre el artículo de pushing pulling
AS) nto del y servidor se protocolo TCP. El noticias (activo): (pasivo):C
NNTP es hace de puerto 119 está almacenad Cuando on esta
muy forma reservado para el o en el el técnica se
 11

sencillo, interactiva NNTP. Sin embargo servidor cliente obtiene

consta de consiguiendo cuando los clientes se está envía un una lista
un servidor así un conectan al servidor referencia artículo de
en el que número de de noticias mediante do por el al artículos
están artículos SSL se utiliza el nombre de servidor de un
almacenada duplicados puerto 563. la por este grupo
s las noticias muy bajo. máquina método, cuya
y a él se Esto supone del cliente éste le fecha es
conectan los una gran que ha devuelv posterior
clientes a ventaja publicado e un a la
través de la respecto de dicho código especifica
red. servicios de artículo. de da por el
noticias Esta respuest cliente.
anteriores, referencia a por el Para ello
en los que la queda cual se se utiliza
tecnología presente sabe si la orden
por lotes era en un ya tiene NEWSNE
su principal campo de ese WS.
aliada. la artículo,
cabecera o sin
llamado embarg
NNTP- o no lo
Posting- tiene y
Host. es
transferi
do
desde el
cliente.

IRC IRC IRC se definió

(Internet originalment
Relay Chat) e como un
es un protocolo de
protocolo texto plano
de (extendido
comunicació posteriormen
n en tiempo te), al que
real basado IANA5 asignó
en texto, el puerto
que permite 194/TCP. De
debates todos modos
entre dos o el estándar
más de facto
personas. Se siempre ha
diferencia sido utilizar
de la IRC en el
mensajería puerto
instantánea 6667/TCP6 y
 12

en que los otros

usuarios no cercanos (por
deben ejemplo los
acceder a puertos TCP
establecer la 6660–6669,
comunicació 7000)7 para
n de evitar tener
antemano, que ejecutar
de tal forma el servicio
que todos IRCd con
los usuarios privilegios de
que se Root.
encuentran
en un canal
pueden
comunicars
e entre sí,
aunque no
hayan
tenido
ningún
contacto
anterior.
TELNET Telnet El cliente de Si es aceptada, el Telnet
utiliza el Telnet cliente Telnet requiere el
software (software) en establecerá una uso de un
instalado en tu servicio, conexión con el nombre de
tu enviará una servidor, haciendo de usuario y
computador solicitud al tu computadora una contraseñ
a para crear servidor terminal virtual y a, lo que
una Telnet dándote acceso significa
conexión (anfitrión completo a la que es
con el remoto). El computadora necesario
anfitrión servidor anfitrión. haber
remoto. responderá configurad
solicitando o
un nombre previamen
de usuario y te una
contraseña. cuenta en
el equipo
remoto.
GOPHER Gopher Los clientes Otras partes de La Se utiliza
utiliza un de Gopher código incluyen la estructura 0 para
protocolo utilizan el cadena de selector, listada de archivos
de cliente- puerto TCP que es la parte que los , 1 para
servidor 70 para tiene que ser directorio directori
para conectarse enviada de vuelta al s es muy os y 7
acceder y a los servidor con el fin similar a para los
 13

gestionar servidores de obtener el los servicios

los Gopher. El recurso solicitado, sistemas de
archivos. servidor el nombre del de UNIX. búsqued
envía una puerto del servidor a.
lista de y el número de
archivos puerto.
disponibles,
con cada
línea que
tiene un
código
estándar
que
identifica el
tipo de
archivo.

¿Cómo considera que han avanzado los protocolos con el paso del tiempo?

Los protocolos han evolucionada cada día más incluyendo nuevos modelos como el OSI el cual mejora el
procedimiento para los protocolos estos nos permiten realizar todas las tareas que hoy llevamos a cabo
con cotidianidad en nuestros computadores estos han mejorado debido al aumento de la cantidad y
calidad de la información que se mueve en la red antes la trasferencia de archivos era mínima pero hoy
es muy superior el tráfico de red es impresionante y tiende a crecer cada día más, por ende es
pertinente modificar estos protocolos aún más.

2. Segunda Parte: Análisis de Objetos.

Una cadena de supermercados que tiene varias sucursales, la cual se encuentra aumentando su
mercado, decide invertir en el concepto on line, con el fin de mejorar sus servicios y así aumentar sus
ganancias. Por este motivo, usted está contratado para realizar la actividad de configuración del
protocolo FTP, y de esta manera verificar el buen funcionamiento de la red.

Se solicita al estudiante:

Realizar un manual paso a paso de la instalación y configuración del protocolo

FTP que se desarrollará para el supermercado, con la explicación detallada y
necesaria para la comprensión de los directivos del supermercado.
 14

Ilustración 4

Descargamos el filezilla servidor ingresando a la pagina https://filezilla-project.org/

 15

Ilustración 5

Damos clic en Download.

Ilustración 6

Ejecutamos el servidor
 16

Ilustración 7

Iniciamos la instalación damos clic en IAgree.

Ilustración 8
 17

Seleccionamos los componentes o características que queremos que tenga.

Ilustración 9

Escogemos la ubicación en nuestro pc.

Ilustración 10
 18

Este punto es importante. Seleccionamos como queremos que inicien los servicios del servidor lo dejaos
que inicien con Windows así siempre estará activo nuestro servidor. Seguido a esto escogemos el puerto
que queremos que opere nuestro servidor.

Ilustración 11

Que inicie con las credenciales de los usuarios ósea que inicie con el logeo de los usuarios.

Ilustración 12

Comienza la instalación.
 19

Ilustración 13

Ilustración 14

En este caso nos muestra la dirección de nuestro servidor en este caso el localhost pero lo cambiamos
por nuestra ip local. Si le queremos colocar contraseña se la colocamos.
 20

Ilustración 15

Ilustración 16

Al configurar nuestro servidor es importante realizar la apertura de los puertos para esto nos vamos a la
dirección de nuestro modem y abrimos los puertos.
 21

Ilustración 17

Ingresamos damos en configuración avanzada y luego en PORT FORWARDING

Ilustración 18
 22

AQUÍ DAMOS CLIC EN ADD

Ilustración 19

E INGRESAMOS LOS PUERTOS QUE DESEAMOS ABRIR RECUERDE COLOCAR LA IP DE NUESTRO PC.

Ilustración 20

Damos clic en el muñequito solo para crear un usuario.

 23

Ilustración 21

Seguido a esto damos clic en add para agregar un nuevo usuario.

Ilustración 22

Le colocamos el nombre al usuario y si tenemos un grupo le asignamos un grupo a este usuario.

 24

Ilustración 23

Le colocamos la clave al usuario.

 25

Ilustración 24

Seleccionamos la carpeta que deseamos compartir y le damos los permisos.

Ilustración 25

El sistema guarda la información.

 26

Ilustración 26

Ahora descargamos nuestro cliente.

Ilustración 27

Descargamos
 27

Ilustración 28

Ejecutamos el cliente.

Ilustración 29

Damos clic en IAgree

 28

Ilustración 30

Damos clic en next porque queremos que cualquiera pueda usar este programa.

Ilustración 31
 29

Netx.

Ilustración 32

Escojemos la ubicación.

Ilustración 33
 30

Ilustración 34

Y damos clic en finalizar.

Ilustración 35

Ejecutamos el cliente. Y configuramos

 31

Colocamos los datos previamente creados y damos clic en conexión rápida.

Ilustración 36

Logramos una conexión exitosa. Mostrándonos los archivos contenidos en la carpeta podemos hacerlo
también por medio de nuestro navegador.
 32

Ilustración 37

 Realizar una lista de las dificultades presentadas durante la instalación y la explicación de la solución
efectuada.

Primero que todo lo más complicado es abrir los puertos pues estos depende de nuestro modem en
algunos casos las empresas prestadoras del servicio no permiten acceder a nuestro modem por
consiguiente se vuelve engorroso el proceso.

En mi caso tengo el modem y un router los cuales me toco abrir los puertos a ambos.

Warning: FTP over TLS is not enabled, users cannot securely log in.

Siempre apareció este mensaje esto es debido a que la configuración de seguridad no esta bien
establecida.
 33

Grabar un video de la instalación que se realizó como evidencia para enviar al

docente.
INSTALACION DE SERVIDOR FTP.

https://youtu.be/q9ED2bfI12A

En el RA2 debe desarrollar el siguiente planteamiento – Caso Agencia de

viajes.

Caso: Agencia de viajes La agencia de viajes El nuevo dorado, desea desarrollar una página Web en la
cual se pueda administrar toda la información de la organización, teniendo la posibilidad actualizar,
agregar y borrar paquetes turísticos, según la temporada del año; es indispensable poder actualizar los
precios, los cuales varían según las temporadas del año. Es indispensable que el administrador pueda
tener control de las imágenes de los paquetes o tours, asimismo podrá administrar sus reservas y
clientes.

Los Contenidos Web: quienes somos, servicios, destinos, paquetes, promociones, novedades, políticas y
tips de viajes, deben estar siempre disponibles para garantizar la información actualizada. El sistema de
Paquetes, puede crear y gestionar cualquier viaje, circuito o evento. El sistema le permite indicar el
itinerario completo de los destinos por los que pasa un paquete, le permite establecer la disponibilidad y
precios del paquete en función del hotel, la fecha de salida y la modalidad de la habitación.

Se solicita tener Integración de la página Web con servicios de skype y Google talk para atender
consultas en línea, al igual que desarrollar un posicionamiento en los buscadores de su agencia,
productos y servicios e integración con google analytics para monitorear el rendimiento y
posicionamiento de su página Web

El estudiante debe entregar del caso propuesto:

 34

· Lista de objetivos del sitio Web, según las necesidades del cliente.

Objetivos del sitio web.

 Debe contar con la información de la compañía, mostrando la visión y la misión de la misma,

teléfono dirección, correos electrónicos las paginas quienes somos, servicios, destinos,
paquetes, promociones, novedades, políticas y tips de viajes, deben estar siempre disponibles
para garantizar la información actualizada, para eso se requiere una fácil administración.
 Debe contar con base de datos SQL, para manejar información de clientes, paquetes, reservas y
modificación de información, la posibilidad actualizar, agregar y borrar paquetes turísticos,
según la temporada del año; es indispensable poder actualizar los precios, los cuales varían
según las temporadas del año.
 Debe contar con un entorno grafico fácil de usar que no requiera de conocimientos avanzados
en diseño web para que el administrador pueda tener control de las imágenes de los paquetes
o tours, asimismo podrá administrar sus reservas y clientes.
 Debe contar con un hosting avanzado que permita integración con skype y Google talk
 Debe contar con respaldo en caso de pérdida de la información.
 Se debe de adquirir el dominio de la página.
 El hosting debe proveer tráfico de red efectivo además de capacidad alta de almacenamiento
para el uso de las bases de datos.

· Copia de la evidencia generada por herramientas utilizadas para realizar el levantamiento de

información.

Listado de los requerimientos funcionales, de comportamiento y de datos.

La aplicación web se divide contiene en este caso dos actores los cuales son el cliente la agencia.

Acciones del cliente.

Tabla 3

ACCION COMPORTAMIENTO
INGRESAR A LA PAGINA El cliente entra al portal de la agencia de viajes mediante
navegador.
 35

CONSULTA DE VUELO Consulta los vuelos para el destino que desea esto mediante una
caja de texto con menú desplegable mostrando los destinos
turísticos.
CONSULTA FECHAS El cliente consulta las fechas de (ida y vuelta) de su viaje
DISPONIBLES. mediante casilla desplegable de fecha.
HACER RESERVA Una vez el cliente selecciona lugar y fechas pasa a reservar su
solicitud mediante un botón agregar a carrito o reservar.
REGISTRAR DATOS El cliente debe proporcionar datos personales, para esto se
solicita la información básica del cliente la cual es (nombres,
apellidos, teléfono, correo electrónico, y números de cedula.)
esto se guarda mediante textfields y un botón de enviar
información.
ELEGIR FORMA DE PAGO El cliente puede elegir el método de pago entre efectivo o con
tarjeta, todos los métodos se colocan mediante botones
dinámicos.

Acciones de la agencia de viajes (empelados)

Tabla 4

ACCION COMPORTAMIENTO
FECHAS DISPONIBLES, PRECIOS, La agencia suministra las fechas disponibles, los itinerarios, los
DESTINOS. destinos, los hoteles, las ofertas, modificar los precios subir las
imágenes y manobras publicitarias, debe informar los cambios
para poder ser revisada por los clientes.
VALIDAR DATOS La agencia verifica los datos del cliente con el fin de continuar
con el proceso. Mediante confirmación de correo electrónico.
REGISTRAR PAGO La agencia debe validar el pago por el cliente validando las
condiciones que se le ofrecieron al cliente.
CONFIRMAR RESERVA La agencia confirma las solicitudes del cliente colocando el firme
la compra e informando al hotel a la Aero línea, guardar los cupos
para el cliente.

· Casos de uso para describir la interacción de los usuarios con el

aplicativo Web.

· Análisis de contenido, interacción, funciones y configuración,

atendiendo lo descrito en los casos de uso de la aplicación Web.

Actores:
 36

Cliente

Flujo principal:

1) El cliente elije la opción de búsqueda de oferta.

2) El sistema muestra una pantalla con los criterios de selección de ofertas:

· Nombre (criterio: varchar

· Descripción (criterio: varchar)

· fechaInicio (criterio: date)

· fechaFin (criterio: date)

· CuposDisponibles (criterio: mayor que)

3) El cliente elije uno o varios de los criterios de búsqueda y selecciona el filtro.

4) El sistema muestra una pantalla con los resultados de la búsqueda. En ningún caso mostrará aquellas
ofertas para las que no existan plazas disponibles, ni cuya fecha límite de compra sea mayor o igual a la
actual.

5) El cliente elige una de las ofertas.

6) El sistema muestra el detalle de la oferta.

Flujo alternativo:

*a) El cliente cancela en cualquier momento.

1) el sistema devuelve a la pantalla principal

4a) El sistema detecta que no se ha seleccionado ningún criterio de búsqueda

1) El sistema informa del error y devuelve al punto 2

4b) El sistema detecta que alguno de los campos no contienen datos válidos para la

Búsqueda. Ej. Las fechas no son fechas válidas, el campo duración o el campo

CuposDisponibles no son números

1) El sistema informa del error y devuelve al punto 2

Puntos de extensión:

7) El cliente elije reservar la oferta mostrada en detalle.

 37

1) El sistema enlaza con el caso de uso de reserva de plaza.

Requisitos no funcionales:

El sistema debe ser rápido en devolver los resultados. Esto implica que la transacción debe permitir hacer
lecturas sucias, ya que es más importante la velocidad de respuesta que la exactitud del contenido.

Reservas cupos.

Actores:

Cliente

Disparador:

El cliente ha seleccionado una de las ofertas existentes que tienen disponibilidad

de cupos en ese momento.

Precondición:

El cliente está registrado.

Flujo principal:

1) El sistema presenta una pantalla con los datos de la oferta:

· código interno (no se mostrará) (no editable)

· nombre (no editable)

· descripción (no editable)

· fechaInicio (no editable)

· fechaFin (no editable)

· duración (no editable)

· número de cupos disponibles (no editable)

· número de cupos deseados (editable)

2) El cliente introduce el número de cupos deseado

3) El sistema registra la reserva y notifica al cliente el éxito de la operación.

Flujo alternativo:
 38

1-2a) El cliente cancela la operación

1) El sistema devuelve a la pantalla principal

2a) El número de cupos que solicita el cliente es 0 o nulo

1) El sistema informa del error y vuelve al punto 1 (con datos actualizados).

2b)El número de cupos que solicita el cliente es superior al número de cupos disponibles

1) El sistema informa del error y vuelve al punto 1 (con datos actualizados).

Poscondición:

El cliente tiene N reservas de la oferta O

Login

Disparadores:

El cliente elige hacer una reserva y no está registrado en el sistema.

El cliente elige la opción de registrarse en el sistema.

Flujo principal:

1) El sistema muestra una pantalla con los campos de:

· Nombre de cliente

· password

2) El cliente escribe su nombre y password.

3) El sistema comprueba que el cliente existe y su contraseña es correcta, por lo que devuelve al cliente
al punto donde se originó el evento, es decir pantalla de

Inicio o a la reserva que estaba a punto de reservar.

Flujo alternativo:

1-2a) El cliente cancela la operación.

1) El sistema devuelve al cliente al menú principal

3a) El sistema detecta que el cliente no existe o que la contraseña es incorrecta.

1) El sistema notifica el error y devuelve al cliente al punto 1 con los datos

 39

Introducidos por el cliente.

Requisitos no funcionales:

En ningún caso debe intercambiarse entre el navegador y el servidor el nombre de cliente y/o la
contraseña una vez pasada la validación, para evitar suplantación de identidad o robo de contraseña.

Consulta de cliente

Precondición:

El cliente se ha logado en el sistema previamente con lo que tiene visible la opción

de mantenimiento de cuenta de cliente .

Flujo principal:

1) El cliente elige la opción de mantenimiento de cliente

2) El sistema recupera los datos del cliente y muestra una pantalla con los campos de:

· nombre

· apellidos

· login

· password

Flujo alternativo:

*a) El cliente cancela la operación

1) El sistema devuelve a la pantalla de inicio

Puntos de extensión:

Borrar (desactivar) cliente.

Modificar cliente.

2.5.4.3. Modificación de cliente

 40

Disparadores:

Desde la pantalla de mantenimiento de cuenta de cliente, el cliente elige la opción de modificar su cuenta.

Precondición:

El cliente se ha logado en el sistema previamente con lo que tiene accesible la opción de mantenimiento
de cuenta de cliente.

Flujo principal:

1) El sistema recupera los datos del cliente y muestra una pantalla con los

campos de:

· nombre

· apellidos

· login

· password

2) El cliente rellena los datos.

3) El sistema registra los datos en la base de datos y devuelve al cliente a la pantalla inicial.

Flujo alternativo:

1-2a) El cliente cancela la operación

1 El sistema devuelve a la pantalla anterior

3a) El sistema detecta que no se han rellenado todos los campos

1) El sistema indica que campos son los que no se han rellenado y devuelve al punto 1

3c) El sistema detecta que ya existe un cliente con el mismo login

1) El sistema comunica el error e insta al cliente a cambiar el login

2) El sistema devuelve al cliente al punto 1

Temas pendientes:

Hacer que el proceso de modificación vaya encriptado con SSL (estimar el coste).

Hacer que la contraseña de cliente vaya encriptada dentro de la base de datos

(estimar coste).
 41

Requerir una contraseña con un nivel de seguridad aceptable es decir con un

número de caracteres suficientes, que contenga números, etc. (estimar coste).

Consulta de oferta

Flujo principal:

1) El cliente elije la opción de búsqueda de ofertas

2) El sistema muestra una pantalla con los criterios de selección de ofertas:

· nombre (criterio: contiene palabra)

· descripción (criterio: contiene palabra)

· fechaInicio (criterio: mayor o igual que)

· fechaFin (criterio: menor o igual que)

3) El cliente elije uno o varios de los criterios de búsqueda y selecciona el filtro.

4) El sistema muestra una pantalla con los resultados de la búsqueda.

5) El cliente elige una de las ofertas.

6) El sistema muestra el detalle de la oferta.

Flujo alternativo:

*a) El cliente cancela en cualquier momento.

1) El sistema devuelve a la pantalla principal.

4a) El sistema detecta que no se ha seleccionado ningún criterio de búsqueda

1) El sistema informa del error y devuelve al punto 2

4b) El sistema detecta que alguno de los campos no contienen datos validos para la búsqueda. Es decir las
fechas no son fechas válidas o el rango no es correcto.

1) El sistema informa del error y devuelve al punto 2

Requisitos no funcionales:

En el listado deben salir todas las ofertas pero deberíamos evitar las lecturas sucias, ver el nivel de
aislamiento óptimo de transacciones.
 42

· Elaboración de diagramas de estado para identifica el comportamiento

de la página Web.
 43

Ilustración 38
 44

Ilustración 39
 45

Ilustración 40
 46

· Elaborar diagramas de secuencias ofreciendo una representación abreviada de acciones del usuario con
los elementos que intervienen en el diseño de una página Web.

Ilustración 41
 47

Bibliografía

 http://dis.um.es/~lopezquesada/documentos/IES_1213/LMSGI/curso/xhtml/xhtml22/index.htm
 https://programas.cuaed.unam.mx/repositorio/moodle/pluginfile.php/795/mod_resource/cont
ent/7/contenido/index.html
 https://www.mindmeister.com/es/510687693/protocolos-web-familia-de-protocolos-de-
internet
 https://www.ibm.com/support/knowledgecenter/es/SSL5ES_2.2.3/intel/iwd/tivoli_agents_was
_http/was71_ug/attr_kynapp.html
 https://es.wikipedia.org/wiki/Network_News_Transport_Protocol
 https://www.researchgate.net/figure/Figura-13-Diagrama-de-secuencia-del-caso-de-uso-
Evaluar-el-modelo_fig10_309721479
 http://artemisa.unicauca.edu.co/~cardila/IS_04_05b_EJEMPLOS__Diagramas_de_Clases.pdf
 https://concepto.de/http/#ixzz5mg04ZvTA
 https://www.uaeh.edu.mx/scige/boletin/huejutla/n10/r1.html