0095-tutorial-de-diseno-y-configuracion-de-redes

UNIVERSIDAD PONTIFICIA COMILLAS
ESCUELA TÉCNICA SUPERIOR DE INGENIERÍA (ICAI)
INGENIERO TÉCNICO EN INFORMÁTICA DE GESTIÓN
PROYECTO FIN DE CARRERA
TUTORIAL GRÁFICO DE DISEÑO Y
CONFIGURACIÓN DE REDES.
AUTOR: JORGE GÓMEZ MOMPÓ
MADRID, JUNIO DE 2007
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
RESUMEN DEL PROYECTO
El Tutorial de Diseño y Configuración de Redes es una aplicación que
muestra todos los conceptos necesarios para entender las Redes de Comunicación.
El objetivo de este proyecto es realizar un Tutorial Gráfico de Diseño y
Configuración de Redes en lenguaje de programación Visual Basic 6.0, para los
estudiantes de la Escuela Técnica Superior de Ingeniería ICAI de la Universidad
Pontificia Comillas de Madrid, que mediante una interfaz gráfica sencilla y potente
permita al usuario final conocer y entender el funcionamiento y la configuración de
las Redes de Comunicación.
Las características principales de la aplicación son:
Crear una plataforma didáctica de aprendizaje, mediante un interfaz visual,
con la que se quiere familiarizar al usuario con la terminología y los
conceptos básicos del mundo de las telecomunicaciones aplicados a la
transmisión de datos. Una vez explicado cada concepto, éstos se explicarán
de nuevo de forma visual y gráfica.
Introducir al usuario en los sistemas de comunicación, definiendo los tipos de
servicios y protocolos que existen, los tipos de redes de transmisión de datos
que hay, la clasificación de las redes según su titularidad, su topología, su
transferencia de la información y su localización geográfica, definición de
elementos básicos de un sistema de comunicación, …
I
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Definir al usuario los fundamentos básicos de una red de tipo Ethernet,
explicando su tecnología y su conmutación.
Aprendizaje de los fundamentos de enrutamiento, subredes y protocolos
TCP/IP necesarios para diseñar redes de datos.
Aprendizaje del enrutamiento, mediante configuración de equipos y routers
(ejemplos basados en routers Cisco).
Por tanto, este Tutorial Gráfico de Diseño y Configuración de Redes, está
orientado a los alumnos de tercer año de carrera de ITIG/S y cuarto año de IINF para
la asignatura de Redes de Computadores, como material de apoyo y aprendizaje para
que, de forma visual, entiendan cómo funcionan las redes de datos e incluso puedan
ellos mismos construir sus propias redes locales (LAN).
II
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
ABSTRACT
The Network Configuration and Design Tutorial is a program which shows
all the necessary concepts for understanding Communication Networks.
The aim of this project is to develop a Network Configuration and Design
Tutorial using the Visual Basic 6.0 programming language for the ICAI Engineering
School. This Tutorial is based on an easy and powerful graphical user interface
which permits the final user to know and understand the Communication Networks
configuration and working process.
The main features of this application are the following:
To create a didactic learning platform using a graphical user interface which
helps the final user to understand the terminology and basic concepts of
Communication Networks. Once the meaning of each concept is explained it
will be shown in a visual and graphical way.
To introduce the user into communication systems, defining all the services
and protocols available, the data transmission networks, the networks
classifications, and all the basic elements definitions in a communication
system.
To define the basic Ethernet fundamentals explaining their technology and
their commuting.
III
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Learning of all the subnetworks and TCP/IP protocols concepts needed for
designing data networks.
Learning of the routing, by means of equipment and routers configuration
(example based on Cisco routers).
Therefore, this Network Configuration and Design Tutorial helps third year
students from ITIG/S and fourth year students from IINF with their subject
“Computer Networks”, working as a support and learning material in which they can
visually understand how data networks work and even being able to build for
themselves their own local networks (LAN).
IV
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
ÍNDICE
Capítulo
Página
1.- Introducción.
-1-
2.- Identificación de Necesidades.
2.1.- Objetivos del Sistema.
2.2.- Alcance del Sistema.
2.3.- Tipología de Usuarios.
2.4.- Restricciones.
2.5.- Antecedentes.
-5-6-7-8-8-9-
3.- Análisis de Requisitos.
3.1.- Introducción.
3.2.- Reconocimiento del problema.
3.2.1.- Ámbito del proyecto.
3.2.2.- Contexto General del Sistema.
3.2.3.- Matriz de funciones primarias.
3.3.- Modelo Físico del Sistema Actual.
3.4.- Lista de Requisitos.
3.5.- Modelo Lógico del Nuevo Sistema.
3.5.1.- Lista de funciones lógicas del nuevo sistema.
3.5.2.- Nivel Contextual.
3.5.3.- Nivel Conceptual.
3.6.- Modelo Conceptual de Datos.
3.6.1.- Diagrama entidad relación del nuevo sistema.
3.6.2.- Historia de vida de las entidades HVE.
3.6.2.1.- Identificación de eventos.
3.6.2.2.- Matriz entidad-evento.
3.6.2.3.- Diagrama HVE.
-10-11-12-13-15-17-19-20-26-26-27-29-31-32-33-34-35-36-
4.- Estudio de la Arquitectura.
4.1.- Introducción.
4.2.- Diagrama de presentación.
4.2.1.- Diagrama de ejecución local.
4.2.2.- Diagrama de ejecución online.
4.3.- Especificación de los componentes básicos.
4.3.1.- Hardware local necesario ya existente.
4.3.2.- Hardware local necesario de nueva adquisición.
4.3.3.- Software local necesario ya existente.
4.3.4.- Software local necesario de nueva adquisición.
4.3.5.- Requisitos mínimos necesarios.
4.4.- Evaluación de alternativas.
4.4.1.- Parámetros a valorar.
4.4.2.- Matrices de evaluación.
4.4.2.1.- Evaluación organizativa.
4.4.2.2.- Evaluación operativa.
4.4.2.3.- Evaluación técnica.
4.4.3.- Matrices de evaluación y decisión.
-37-38-39-39-40-41-41-41-42-42-43-46-46-50-50-50-51-52-
V
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.4.4.- Ponderación de las alternativas.
4.4.5.- Selección de alternativa.
-54-55-
5.- Diseño Externo.
5.1.- Introducción.
5.2.- Fronteras de mecanización.
5.3.- Especificación de procesos.
5.4.- Diseño de entradas. Interfaz Gráfica de Usuario GUI.
5.4.1.- Formularios y pantallas.
5.4.1.1.- Pantalla principal de presentación de aplicación.
5.4.1.2.- Pantalla secundaria de identificación de usuario.
5.4.1.3.- Pantalla de Bienvenida y presentación.
5.4.1.4.- Pantalla de menú principal.
5.4.1.5.- Pantalla tema concreto.
5.4.1.6.- Pantalla de ejecución en el navegador web.
5.4.2.- Especificación y características de los formularios.
5.4.2.1.- Pantalla de Identificación modo host local.
5.4.2.2.- Pantalla de Identificación modo online.
5.5.- Diseño de salidas.
5.6.- Estimación de los volúmenes de información.
5.6.1.- Determinación de entidades y procesos críticos.
5.7.- Proceso de control y seguridad.
5.7.1.- Procesos de control.
5.7.2.- Procesos de seguridad de la información.
5.8.- Modelo Lógico de Datos.
5.8.1.- Entidades.
5.8.2.- Relaciones.
5.9.- Preparación de los Planes.
-57-58-60-62-66-67-67-68-73-74-75-79-82-82-88-91-92-93-95-95-96-99-101-101-103-
6.- Diseño Interno.
6.1.- Introducción.
6.2.- Subsistema BATCH.
6.2.1.- Diagrama HIPO.
6.2.2.- Cuadernos de carga.
6.3.- Subsistema ONLINE.
6.3.1.- Diagrama de cuadros estructurados STC.
6.4.- Estructura de pantallas y menús.
-105-106-108-111-113-115-117-118-
7.- Programación.
7.1.- Introducción.
7.2.- Empaquetado para la distribución de la aplicación.
7.2.1.- Generador programa de instalación.
7.2.1.1.- Empaquetado.
7.2.1.2.- Distribución.
-120-121-123-124-127-137-
8.- Pruebas del Sistema.
8.1.- Pruebas realizadas.
-143-144-
VI
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
9.- Conclusiones.
-145-
10.- Bibliografía.
-149-
11.- Anexos.
Anexo A: Manual de Usuario.
Anexo B: Valoración económica.
Anexo C: Planificación real del proyecto.
-153-154-178-183-
VII
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
1.- INTRODUCCIÓN
En los tiempos actuales, una de las cosas a las que se debe dar más
importancia es a la información, puesto que ofrece un mayor conocimiento de las
cosas.
Todo
individuo
se relaciona con
otros
individuos
intercambiando
información. Para que esa comunicación se establezca correctamente, se tienen que
establecer unos canales (voz, por ejemplo) y unas señales (símbolos) que tanto
emisor como receptor deben conocer para poder recibir, traducir e interpretar el
mensaje correctamente sin posibles malentendidos (interferencias).
La información es de gran importancia en el ámbito de la informática, puesto
que es la ciencia que estudia el tratamiento automatizado de dicha información. Esta
información debe de ser tratada:
Información
de Entrada
Tratamiento de
la Información
Información
de Salida
Para que la información sea tratada, se tiene que conocer cómo hay que
hacerlo, normalmente por un programa de gestión de datos.
Se denomina telecomunicación a la técnica de transmitir un mensaje de
cualquier tipo, desde un punto a otro, que se transmite por hilos, medios ópticos,
-1-
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
radio electrónicos u otros sistemas electromagnéticos, normalmente con el atributo
típico adicional de ser bidireccional.
Con la telecomunicación, se comenzaron a crear las primeras redes de datos,
como consecuencia de que las organizaciones y las empresas necesitaban
intercambiar información electrónica a grandes distancias. Una red de datos es una
estructura formada por determinados medios físicos (dispositivos reales, hardware,
…) y lógicos (programas de transmisión, software), desarrollada para satisfacer las
necesidades de comunicación de una determinada zona geográfica. Una red de datos
no es más que un conjunto de ordenadores interconectados mediante algún medio de
transmisión y, por lo tanto, pueden intercambiar información.
Antiguamente las empresas utilizaban equipos como dispositivos aislados
que, en ocasiones, tenían impresoras. Los usuarios que no tenían impresoras y
querían imprimir un documento, tenían que grabarlo en un disquete e ir al equipo de
un compañero que dispusiera de impresora e imprimirlo. Cada vez que se modificaba
un fichero, debía ser compartido de nuevo con todos los demás que lo necesitaran.
Esto como se puede ver, no es la mejor forma de compartir e intercambiar datos,
puesto que no se comunicaban todos con todos de forma eficaz y, además había una
gran duplicidad de la información, de equipamiento y de recursos.
Las empresas se dieron cuenta que las redes de datos podían incrementar la
productividad al mismo tiempo que suponía un gran ahorro de dinero.
-2-
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
En la década de los 80, las redes vivieron una enorme expansión, aunque
hubo los primeros problemas en el desarrollo de una red. Las tecnologías de red que
surgieron a mediados de la década de los 80 fueron creadas con variedad de
hardware y software, cada uno con sus propios estándares creados por las empresas
en respuesta a la competencia de otras empresas. Resultado: muchas de las nuevas
tecnologías de red no eran compatibles con las demás. Cada vez era más difícil para
las redes que utilizaban especificaciones diferentes comunicarse entre sí.
La primera solución fue la creación de los estándares LAN (Local Area
Network o red de área local). Los estándares LAN proporcionaban un conjunto
abierto de pautas para la creación de hardware y software de red, con ello la
capacidad de mezclar y emparejar equipos de distintos fabricantes facilitó la
estabilidad en la implantación LAN.
EJEMPLO DE UNA LAN SENCILLA
A medida que se aumentó el uso de ordenadores en las empresas, las LAN no
eran suficiente. Existía la necesidad de mover la información eficaz y rápidamente,
no solo dentro de la empresa, sino también de una empresa a otra. La solución fue la
creación de las MAN (Metropolitan Area Network o red de área metropolitana) y las
-3-
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
WAN (Wide Area Network o red de área extensa), las cuales pueden conectar redes
de usuarios sobre áreas geográficas muy grandes, lo que hace posible que las
empresas puedan comunicarse entre sí a grandes distancias.
En este proyecto se explicará toda la secuencia de pasos para diseñar y
configurar una red de área local LAN.
-4-
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
-5-
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
2.- IDENTIFICACIÓN DE NECESIDADES
2.1- OBJETIVOS DEL SISTEMA.
El objetivo principal del proyecto es realizar un Tutorial Gráfico de Diseño y
Configuración de Redes en lenguaje de programación Visual Basic 6.0, para los
estudiantes de la Escuela Técnica Superior de Ingeniería ICAI de la Universidad
Pontificia Comillas de Madrid, que mediante una interfaz gráfica sencilla y potente
permita al usuario final conocer y entender el funcionamiento y la configuración de
las redes de comunicación.
Las principales funciones de este proyecto son:
Crear una plataforma didáctica de aprendizaje, mediante un interfaz visual,
con la que se quiere familiarizar al usuario con la terminología y los
conceptos básicos del mundo de las telecomunicaciones aplicados a la
transmisión de datos. Una vez explicado cada concepto se explicarán de
forma visual y gráfica dichos conceptos.
Introducir al usuario en los sistemas de comunicación, definiendo los tipos de
servicios y protocolos que existen, los tipos de redes de transmisión de datos
que hay, la clasificación de las redes según su titularidad, su topología, su
transferencia de la información y su localización geográfica, definición de
elementos básicos de un sistema de comunicación, …
-6-
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Definir al usuario los fundamentos básicos de una red de tipo Ethernet,
explicando su tecnología y su conmutación.
Aprendizaje de los fundamentos de enrutamiento, subredes y protocolos
TCP/IP necesarios para diseñar redes de datos.
Aprendizaje del enrutamiento, mediante configuración de equipos y routers
(ejemplos basados en routers Cisco).
2.2- ALCANCE DEL SISTEMA.
La construcción del sistema implica las funciones que se determinan a
continuación:
Crear una plataforma gráfica de aprendizaje, que se pueda implementar en
otras materias.
En este proyecto específicamente, explicar gráficamente cada uno de los
conceptos de redes de comunicaciones.
Una vez realizado el proyecto, la aplicación final podrá ejecutarse tanto en un
host local, instalando la aplicación en el equipo y ejecutándola desde dicho
equipo, como en un host on-line, instalándola y ejecutándola desde un
servidor de aplicaciones del centro educativo, en este caso la Universidad.
Para ello habrá que alojar el programa e instalarlo en el servidor, que será
-7-
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
referenciado desde la página web de la zona personal del profesor o desde el
portal de recursos de la Universidad para ser ejecutada previa identificación
del usuario.
2.3- TIPOLOGÍA DE USUARIOS.
Este Tutorial Gráfico de Diseño y Configuración de Redes, está orientado a
los alumnos de tercer año de carrera de ITIG/S y cuarto año de IINF para la
asignatura de Redes de Computadores, como material de apoyo y aprendizaje para
que, de forma visual, entiendan cómo funcionan las redes de datos e incluso puedan
ellos mismos construir sus propias redes locales (LAN).
El Tutorial también está orientado a los profesores que imparten dicha
asignatura, puesto que dicha aplicación les servirá de material de apoyo didáctico a
sus explicaciones.
2.4- RESTRICCIONES.
Para la realización de este proyecto, no existen restricciones económicas,
puesto que no es considerable en el desarrollo del mismo. En cambio si tiene otro
tipo de restricciones, que se especifican a continuación:
Restricción temporal: Para la realización de este proyecto si tiene una
restricción temporal, que no puede ser menor a 200 horas de trabajo y no
puede exceder del mes de junio de 2007. En caso de no estar finalizado para
-8-
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
junio, no podrá exceder del mes de septiembre la finalización de dicho
proyecto.
Restricción de plataforma: Debido a que la aplicación se programará en
lenguaje Visual Basic 6.0, para la correcta instalación y ejecución de la
misma, ésta debe ser utilizada en equipos que dispongan de cualquiera de las
versiones de Microsoft Windows puesto que con otros sistemas operativos
puede dar problemas importantes de ejecución, ya que Visual Basic 6.0 no
permite una amplia posibilidad de migración a otras plataformas.
2.5- ANTECEDENTES.
Aunque existen diferentes manuales de Redes de Ordenadores, no existe
ninguna plataforma visual sobre este tema en la Universidad.
Existen manuales visuales sobre otros temas realizados por alumnos de la
Universidad, pero en este proyecto se va a empezar de cero, es decir, sin antecedente
alguno.
-9-
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 10 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.- ANÁLISIS DE REQUISITOS
3.1- INTRODUCCIÓN.
El objetivo de esta etapa es alcanzar un conocimiento suficiente del sistema
definiendo las necesidades, problemas y requisitos del usuario para poder expresarlo
mediante los modelos de procesos y de datos.
Esta etapa plantea qué debe hacer el sistema para cumplir con los requisitos
del usuario. Por tanto, en esta etapa se hace hincapié sobre el qué debe hacer el
sistema y no sobre cómo debe hacerlo.
Esta etapa se divide a su vez en actividades fundamentales:
Reconocimiento del problema.
Evaluación y síntesis.
Obtención del modelo físico actual.
Deducción del modelo lógico actual.
Creación de la lista de requisitos.
Desarrollo del modelo lógico nuevo.
Estudio del modelo conceptual de datos.
Especificación del análisis.
- 11 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.2- RECONOCIMIENTO DEL PROBLEMA.
El objetivo del analista es reconocer los elementos básicos del sistema tal
como los percibe el usuario. El objetivo de esta parte del proyecto es poder alcanzar
un conocimiento suficiente de la aplicación, definiendo las necesidades, problemas y
requisitos del usuario, expresándolo mediante los modelos de procesos y de datos
(DFD´s).
EJECUCIÓN DE LA APLICACIÓN:
La aplicación se podrá ejecutar tanto de manera on-line o en un host local,
dependiendo de las necesidades del usuario.
Si la ejecución es on-line, el sistema solicitará el código de usuario y la
contraseña proporcionadas por la Universidad Pontificia Comillas de Madrid, para
poder acceder al servidor de aplicaciones, que será referenciado desde la página web
de la zona personal del profesor o desde el portal de recursos de la Universidad
donde se ejecutará y se visualizará la aplicación.
En el caso de que la ejecución sea en un host local tras obtener una copia del
software, bien sea en un disco compacto o descargada desde la zona personal del
profesor, se debe instalar en el equipo en el que se quiere instalar la aplicación,
introducir los datos de autenticación de usuario y ejecutarla.
- 12 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
FUNCIONAMIENTO DE LA APLICACIÓN:
Una vez ejecutada la aplicación, el sistema mostrará un menú mediante el
cual interactuará con el usuario, pudiendo acceder al tema que desee.
Una vez seleccionado el tema, la aplicación mostrará una parte teórica del
tema elegido donde se explicarán todos los conceptos y definiciones necesarios para
entender perfectamente dicha parte teórica y una explicación gráfica que ayudará a
entender los conceptos de manera sencilla y eficaz.
3.2.1- Ámbito del proyecto.
Partiendo de los objetivos descritos en la parte de Identificación de
Necesidades se definen las entidades principales del proyecto.
USUARIO: Es la entidad que ejecuta la aplicación, bien sea de forma on-line
o de forma local. Puede ser tanto un alumno que desea estudiar o reforzar los
conocimientos, como un profesor que desea impartir dichos conocimientos.
ADMINISTRADOR: Es la entidad que instalará la aplicación en el servidor de
aplicaciones y administrará qué usuarios pueden utilizarla mediante permisos
especiales con lo que se evitará una congestión en el uso de la aplicación
causada por usuarios no autorizados.
SERVIDOR DE APLICACIONES: Es la entidad a la que se le solicita el
servicio de ejecución de la aplicación si se ejecuta de modo on-line y que
contiene la aplicación instalada disponible para los usuarios. Es en dicha
- 13 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
entidad donde el usuario se identificará con los datos proporcionados por el
administrador de los sistemas de información de la Universidad (STIC), para
poder acceder a la zona personal del profesor o al portal de recursos.
HOST LOCAL: Es la entidad que muestra la ejecución de la aplicación de
forma que el usuario interactúa con la misma mediante un interfaz gráfico.
PÁGINA WEB: Es la entidad que hace de plataforma en la aplicación, si se
ejecuta en modo on-line. La aplicación estará integrada en el código html de
la página, la cual mostrará la pantalla como si se ejecutara de forma local y el
usuario podrá interactuar con la misma mediante el interfaz gráfico de la
misma.
- 14 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.2.2- Contexto general del sistema.
El contexto general del sistema está representado mediante un diagrama de
presentación, con símbolos y figuras, donde se muestra la interacción del sistema con
el usuario y las relaciones con las entidades anteriormente descritas.
ADMINISTRADOR
ALTA USUARIOS
IDENTIFICACIÓN
SERVIDOR
APLICACIONES
APLICACIÓN EN
NAVEGADOR
EJECUCIÓN ON-LINE
USUARIOS
APLICACIÓN
EJECUCIÓN LOCAL
HOST
COPIA
SOFTWARE
ORDENADOR
PERSONAL
En el diagrama de presentación del contexto general del sistema, se
especifica el funcionamiento de la aplicación tanto para un usuario de tipo on-line,
como para el usuario que haga funcionar la aplicación en un ordenador local.
En el caso de ejecución on-line de la aplicación, el usuario deberá
identificarse con el usuario y contraseña proporcionado por el administrador del
sistema y una vez que ha accedido al servidor de aplicaciones podrá arrancar la
aplicación desde la plataforma de docencia de la Universidad o desde la zona
- 15 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
personal del profesor que imparte la asignatura. En el caso del profesor, accederá
desde su zona personal.
El proceso de Identificación del Usuario no se tendrá en cuenta a la hora de
programar la aplicación, puesto que es una medida de seguridad adoptada por el
S.T.I.C. de la Universidad para el adecuado acceso tanto a la plataforma de docencia
del centro como a la zona personal de los profesores. También se usará como medida
para evitar posibles saturaciones en el sistema al ser una aplicación un tanto pesada
en comparación con otros recursos que se comparten en el portal de recursos de la
Universidad.
En el caso de ejecución local host de la aplicación, el usuario deberá adquirir
una copia del software, que será proporcionado por el profesor, salvo casos
excepcionales en el que el usuario deberá descargarse la aplicación del portal de
recursos de la Universidad. Una vez adquirida la copia, deberá ser instalado en el
ordenador personal y ya estará disponible para ejecutarse.
- 16 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.2.3- Matriz de funciones primarias.
En la siguiente matriz se definen las funciones de cada entidad principal del
proyecto.
ENTIDADES
FUNCIONES
Introducir el usuario y la contraseña
proporcionada por el administrador para
acceder a la zona personal del profesor o a la
plataforma de docencia.
Usuarios
Instalar la aplicación en el ordenador si es en
modo host local.
Realizar la petición de acceso a la aplicación al
servidor de aplicaciones.
Ejecutar la aplicación.
Instalar la aplicación en el servidor de
aplicaciones.
Administrador
Administrar los usuarios que pueden acceder a
la aplicación proporcionándoles el usuario y
contraseña necesarios para la identificación.
Recibir la solicitud del usuario de ejecutar la
aplicación.
Servidor de
aplicaciones
Recibir el usuario y contraseña proporcionada
por el usuario, verificando la autenticidad de la
identificación.
Arrancar la aplicación on-line en la página web.
Almacenar el software correspondiente tanto de
la aplicación como de otras aplicaciones.
- 17 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
ENTIDADES
Host
Local
Navegador
FUNCIONES
Muestra la ejecución de la aplicación de forma
que el usuario interactúa con la misma mediante
un interfaz gráfico.
Embeber el código fuente de la aplicación para
mostrar dicha aplicación en la pantalla del
ordenador bajo la plataforma del navegador de
tal forma que simule la ejecución como si se
realizara de forma local.
- 18 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.3- MODELO FÍSICO DEL SISTEMA ACTUAL.
Este proyecto no tiene antecedentes como ya se especificó en la Identificación
de Necesidades del mismo. Aunque existen diferentes manuales de Redes de
Ordenadores, no existe ninguna plataforma visual desarrollada sobre este tema en la
Universidad. La metodología de enseñanza en la Universidad se basa en la
presentación de transparencias con sus correspondientes explicaciones y apuntes
realizados por el profesor de la asignatura.
Existen manuales visuales sobre otros temas realizados por alumnos de la
Universidad, pero en este proyecto se va a empezar de cero, es decir, sin antecedente
alguno, por lo tanto con la metodología de enseñanza actual, especificada
anteriormente no se tienen procesos y funciones definidos, y especificados para su
correspondiente análisis y representación en el modelo físico del sistema actual.
- 19 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.4- LISTA DE REQUISITOS.
La aplicación Tutorial Gráfico de Diseño y Configuración de Redes requiere
una serie de requisitos, para el cumplimiento del propósito de cada una de las
funciones y procesos de la aplicación, que se detallan a continuación.
La estructura básica de la identificación de cada requisito será la siguiente:
Requisito #
IDENTIFICACIÓN.
Proyecto: Tutorial Gráfico de Diseño y Configuración de Redes
Autor del Proyecto: Jorge Gómez Mompó
REQUISITO.
Fecha: xx/xx/xxxx Versión: xx Estado: xxxxxxxxxxx Prioridad: xxxxxxx
Página: xx
Título: xxxxxxxxxxxxxxxxxxxxxxxxxxx
Identificador: xxxxxxx
Categoría: [Funcional / Operativa / Prestaciones / Seguridad]
Descripción: xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
BENEFICIOS.
Se detallarán los distintos beneficios que reporta el requisito.
COMENTARIOS / SOLUCIONES SUGERIDAS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- 20 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Requisito 1
IDENTIFICACIÓN.
Proyecto: TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES
Autor del Proyecto: Jorge Gómez Mompó
REQUISITO.
Fecha: 13/10/2006 Versión: 1.0 Estado: Aceptado Prioridad: Alta
Página: 1
Título: Gestión de usuarios.
Identificador: RQ-01
Categoría: Seguridad
Descripción: Desarrollar un módulo en la aplicación, el cual estará conectado a una
base de datos administrada por el S.T.I.C de la Universidad, con la cual mediante
unos “usuarios” y “contraseñas” que se proporcionarán a los usuarios finales, se
podrá acceder a la aplicación, ya sea ejecutada en modo on-line o en modo host
local. Dicho módulo de la aplicación se encargará de la verificación de los datos
introducidos.
BENEFICIOS.
Con este requisito se desea el control de acceso de la aplicación, en primer lugar
para la no distribución de copias a terceros no deseados y en segundo lugar para la
no saturación del servidor de aplicaciones en caso del uso on-line.
REQUISITOS RELACIONADOS.
Se deberá mantener las bases de datos de usuarios actualizadas para su ejecución sin
que se puedan dar posibles casos de acceso no permitido para usuarios que lo
requieran.
COMENTARIOS / SOLUCIONES SUGERIDAS
Puesto que el proyecto tiene una restricción de plataforma, se considerará la
siguiente:
Debido a que la aplicación se programará en lenguaje Visual Basic 6.0, para la
correcta instalación y ejecución de la misma, está debe ser utilizada en equipos que
dispongan de cualquiera de las versiones de Microsoft Windows, puesto que con
otros sistemas operativos puede dar problemas importantes de ejecución, ya que
Visual Basic 6.0 no permite una amplia posibilidad de migración a otras
plataformas.
Debido también a que la aplicación podrá ser ejecutada en modo on-line, está deberá
ser instalada en un servidor de aplicaciones que funcione bajo Windows Server, a
ser posible en su última versión, para evitar problemas de conexión. Una vez
instalada, el usuario hará su solicitud al servidor de aplicaciones. Para la ejecución
desde el servidor de aplicaciones se recomienda utilizar un navegar de última
generación, como puede ser Microsoft Explorer 6 (o superior) y Firefox 2.0.
- 21 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Requisito 2
IDENTIFICACIÓN.
Proyecto: TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES
Autor del Proyecto: Jorge Gómez Mompó
REQUISITO.
Fecha: 13/10/2006 Versión: 1.0 Estado: Aceptado Prioridad: Alta
Página: 2
Título: Creación de un interfaz gráfico.
Identificador: RQ-02
Categoría: Funcional
Descripción: Desarrollar un interfaz gráfico, en el que se premiará que sea intuitivo
para facilitar su uso al usuario final. Permitirá la comunicación entre el usuario y la
aplicación con la que interactuará. Dicho interfaz se desarrollará mediante el
lenguaje de programación Visual Basic 6.0.
BENEFICIOS.
Facilitará al usuario que pueda interactuar con la aplicación de forma fácil e
intuitiva, mostrando mediante dicho interfaz todo el contenido y todo el material de
aprendizaje propuesto por dicha aplicación.
COMENTARIOS / SOLUCIONES SUGERIDAS
Puesto que el proyecto tiene una restricción de plataforma, se considerará la
siguiente:
Debido a que la aplicación se programará en lenguaje Visual Basic 6.0, para la
correcta instalación y ejecución de la misma, esta debe ser utilizada en equipos que
dispongan de cualquiera de las versiones de Microsoft Windows, puesto que con
otros sistemas operativos puede dar problemas importantes de ejecución, ya que
Visual Basic 6.0 no permite una amplia posibilidad de migración a otras
plataformas.
Debido también a que la aplicación podrá ser ejecutada en modo on-line, está deberá
ser instalada en un servidor de aplicaciones que funcione bajo Windows Server, a
ser posible en su última versión, para evitar problemas de conexión. Una vez
instalada, el usuario hará su solicitud al servidor de aplicaciones. Para la ejecución
desde el servidor de aplicaciones se recomienda utilizar un navegar de última
generación, como puede ser Microsoft Explorer 6 (o superior) y Firefox 2.0.
- 22 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Requisito 3
IDENTIFICACIÓN.
Proyecto: TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES
Autor del Proyecto: Jorge Gómez Mompó
REQUISITO.
Fecha: 13/10/2006 Versión: 1.0 Estado: Aceptado Prioridad: Alta
Página: 3
Título: Creación de un menú de interacción.
Identificador: RQ-03
Categoría: Operativa
Descripción: Desarrollar un menú con todas las opciones de las que la aplicación
permite, para que el usuario final pueda manejar la aplicación de principio a fin, sin
que se pierda. La opción deseada podrá ser seleccionada nada más entrar en la
aplicación desde el interfaz principal, o una vez avanzada la materia, desde la barra
de herramientas de la aplicación. En este último caso también se deseará que se
pueda volver al interfaz principal desde el cual se podrá volver a seleccionar la
opción deseada.
BENEFICIOS.
Facilitará al usuario la elección de la materia deseada para su aprendizaje.
COMENTARIOS / SOLUCIONES SUGERIDAS
Puesto que el proyecto tiene una restricción de plataforma, se considerará la
siguiente:
Debido a que la aplicación se programará en lenguaje Visual Basic 6.0, para la
correcta instalación y ejecución de la misma, esta debe ser utilizada en equipos que
dispongan de cualquiera de las versiones de Microsoft Windows, puesto que con
otros sistemas operativos puede dar problemas importantes de ejecución, ya que
Visual Basic 6.0 no permite una amplia posibilidad de migración a otras
plataformas.
Debido también a que la aplicación podrá ser ejecutada en modo on-line, está deberá
ser instalada en un servidor de aplicaciones que funcione bajo Windows Server, a
ser posible en su última versión, para evitar problemas de conexión. Una vez
instalada, el usuario hará su solicitud al servidor de aplicaciones. Para la ejecución
desde el servidor de aplicaciones se recomienda utilizar un navegar de última
generación, como puede ser Microsoft Explorer 6 (o superior) y Firefox 2.0.
- 23 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Requisito 4
IDENTIFICACIÓN.
Proyecto: TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES
Autor del Proyecto: Jorge Gómez Mompó
REQUISITO.
Fecha: 13/10/2006 Versión: 1.0 Estado: Aceptado Prioridad: Alta
Página: 4
Título: Desarrollo de imágenes y animaciones gráficas.
Identificador: RQ-04
Categoría: Funcional
Descripción: Desarrollo de un dibujo o una animación gráfica.
BENEFICIOS.
Facilitará al usuario el aprendizaje del tema a desarrollar, puesto que se explicará
gráficamente. En las explicaciones que se requiera el uso de animaciones, dichas
animaciones serán realizadas mediante el programa Macromedia Flash 8, mientras
que las que no requieran animación alguna se realizará mediante Photoshop CS.
COMENTARIOS / SOLUCIONES SUGERIDAS
Puesto que el proyecto tiene una restricción de plataforma, se considerará la
siguiente:
Debido a que la aplicación se programará en lenguaje Visual Basic 6.0, para la
correcta instalación y ejecución de la misma, esta debe ser utilizada en equipos que
dispongan de cualquiera de las versiones de Microsoft Windows, puesto que con
otros sistemas operativos puede dar problemas importantes de ejecución, ya que
Visual Basic 6.0 no permite una amplia posibilidad de migración a otras
plataformas.
Debido también a que la aplicación podrá ser ejecutada en modo on-line, está deberá
ser instalada en un servidor de aplicaciones que funcione bajo Windows Server, a
ser posible en su última versión, para evitar problemas de conexión. Una vez
instalada, el usuario hará su solicitud al servidor de aplicaciones. Para la ejecución
desde el servidor de aplicaciones se recomienda utilizar un navegar de última
generación, como puede ser Microsoft Explorer 6 (o superior) y Firefox 2.0.
- 24 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Requisito 5
IDENTIFICACIÓN.
Proyecto: TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES
Autor del Proyecto: Jorge Gómez Mompó
REQUISITO.
Fecha: 13/10/2006 Versión: 1.0 Estado: Aceptado Prioridad: Baja
Página: 5
Título: Implantación de la aplicación para el modo on-line.
Identificador: RQ-04
Categoría: Prestaciones
Descripción: Desarrollar la aplicación de tal forma que se pueda implementar en un
servidor de aplicaciones para la posible ejecución de forma on-line.
BENEFICIOS.
Facilitará al usuario final, bien sea el alumno o al profesor, ejecutar la aplicación en
modo on-line, sin necesidad de poseer el software original en dispositivo CD, en
cualquier momento y desde cualquier lugar tan solo con poseer conexión a Internet
y entrando en la plataforma de docencia simplemente autenticándose con su usuario
y contraseña.
COMENTARIOS / SOLUCIONES SUGERIDAS
Puesto que el proyecto tiene una restricción de plataforma, se considerará la
siguiente:
Debido a que la aplicación se programará en lenguaje Visual Basic 6.0, para la
correcta instalación y ejecución de la misma, esta debe ser utilizada en equipos que
dispongan de cualquiera de las versiones de Microsoft Windows, puesto que con
otros sistemas operativos puede dar problemas importantes de ejecución, ya que
Visual Basic 6.0 no permite una amplia posibilidad de migración a otras
plataformas.
Debido también a que la aplicación podrá ser ejecutada en modo on-line, está deberá
ser instalada en un servidor de aplicaciones que funcione bajo Windows Server, a
ser posible en su última versión, para evitar problemas de conexión. Una vez
instalada, el usuario hará su solicitud al servidor de aplicaciones. Para la ejecución
desde el servidor de aplicaciones se recomienda utilizar un navegar de última
generación, como puede ser Microsoft Explorer 6 (o superior) y Firefox 2.0.
- 25 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.5- MODELO LÓGICO DEL NUEVO SISTEMA.
3.5.1- Lista de funciones lógicas del nuevo sistema.
Este modelo lógico del nuevo sistema tendrá unas funciones lógicas no
adquiridas del modelo físico del sistema anterior, puesto que no hay predecesor de
dicho proyecto. Las funciones lógicas principales del nuevo sistema que poseerá
dicho proyecto y las cuales se representarán en el modelo lógico son:
1. Administración de cuentas de usuario por parte del administrador del
sistema.
2. Introducción de los datos del usuario final (usuario y contraseña).
3. Verificación y validación de los datos introducidos por el usuario final.
4. Solicitud del servicio por parte del usuario final al servidor de aplicaciones
(plataforma de docencia).
5. Ejecución de la aplicación Tutorial Gráfico de Diseño y Configuración de
Redes.
6. Presentación del contenido del tutorial compuesto por texto y animaciones.
En el siguiente diagrama de flujo de datos (DFD), se representa el modelo
lógico actual de más bajo nivel, para ir subiendo de nivel y consolidar lo expresado
en el superior, hasta llegar al diagrama de contexto, por tanto, dicho modelo lógico
del nuevo sistema se representa en dos niveles, contextual y conceptual.
- 26 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.5.2- Nivel Contextual.
ESQUEMA DE FUNCIONALIDAD
1. CONFIGURACIÓN y ADMINISTRACIÓN del sistema por parte del
administrador, introduciendo en el servidor de aplicaciones los parámetros necesarios
para la verificación del usuario y contraseña introducida por el usuario.
2. Introducción de USUARIO Y CONTRASEÑA por parte del usuario para acceder a
la aplicación ya sea ejecutada en un host local o de forma on-line.
3. En el caso de ser utilizada en modo on-line, SOLICITUD DE LA APLICACIÓN,
al servidor de aplicaciones.
4. INTERACTUACIÓN con la aplicación, seleccionando el temario del que el
usuario quiera recibir documentación.
5. Presentación del RESULTADO.
- 27 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
DFD ESQUEMA DE FUNCIONALIDAD
USUARIO Y CONTRASEÑA
USUARIOS
SOLICITUD DE LA APLICACIÓN
SERVIDOR DE
APLICACIONES
INTERACTUACIÓN
CONFIRMACIÓN
USUARIO Y
CONTRASEÑA
0
TUTORIAL
GRÁFICO DE
DISEÑO Y
CONFIGURACIÓN
DE REDES
CONFIGURACIÓN
CONFIRMACIÓN
ADMINISTRADOR
RESULTADO
RESULTADO
NAVEGADOR
ON-LINE
HOST LOCAL
- 28 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.5.3- Nivel Conceptual.
PARÁMETROS
1
USUARIO Y
CONTRASEÑA
VALIDACIÓN
RECHAZADA
2
CONFIGURACIÓN
Y
ADMINISTRACIÓN
DE CUENTAS
INTRODUCCIÓN
USUARIO Y
CONTRASEÑA
3
USUARIO Y
CONTRASEÑA
VALIDACIÓN
USUARIO Y
CONTRASEÑA
VALIDACIÓN
CORRECTA
USUARIOS Y
CONTRASEÑAS
4
PARÁMETROS
DE CARGA
USUARIOS
Y
CONTRASEÑAS
SOLICITUD
APLICACIÓN Y
CARGA DEL
MISMO
EJECUCIÓN
5
6
PRESENTACIÓN
DEL RESULTADO
RESULTADO
EJECUCIÓN DE LA
APLICACIÓN
SERVIDOR DE
APLICACIONES
ACCIÓN DEL
USUARIO
NAVEGADOR
HOST LOCAL
FLUJOS DE DATOS
PARÁMETROS: Son los parámetros (cuentas, usuarios, permisos, …) que
introduce el administrador del sistema para su correcto funcionamiento.
USUARIO Y CONTRASEÑA: Son los datos con que se identifica el usuario para
poder acceder a la ejecución de la aplicación.
VALIDACIÓN RECHAZADA: Mensaje de rechazo en el acceso a la ejecución de
la aplicación debido a una verificación incorrecta en la identificación del usuario.
- 29 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
VALIDACIÓN CORRECTA: Mensaje de validación correcta y acceso permitido a
la aplicación debido a la aceptación del usuario y la clave por parte del sistema de
autenticación.
PARÁMETROS DE CARGA: Son los parámetros (host de carga, dirección IP
(Internet Protocol) origen, dirección IP destino, …) que introduce el administrador
del sistema para su correcto funcionamiento.
EJECUCIÓN: Orden de ejecución de la aplicación por parte del usuario.
ACCIÓN DEL USUARIO: Solicitud del usuario a la aplicación de la elección de un
determinado contenido, para que éste pueda ser mostrado y visionado por parte del
usuario.
RESULTADO: Resultado de la aplicación con la información solicitada por el
usuario respecto de un tema concreto del Tutorial de Diseño y Configuración de
Redes.
ALMACENES
USUARIOS Y CLAVES: Almacén de información que contiene mediante tablas
hash los identificadores de usuarios y sus respectivas contraseñas para acceder al
sistema.
SERVIDOR DE APLICACIONES: Almacén de información donde se encuentran
instaladas todas las aplicaciones suministradas por el administrador de la red de la
escuela y donde el usuario tendrá que realizar su petición de ejecución de la
aplicación.
NAVEGADOR / HOSTLOCAL: Almacén de información que muestra los
resultados de la ejecución de la aplicación ya sea ejecutada en modo on-line o en
modo host local.
- 30 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.6- MODELO CONCEPTUAL DE DATOS.
El análisis de datos trata de modelizar la amplia información que manejará el
nuevo sistema. Partiendo de la situación actual, que en este proyecto es nula, puesto
que se comienza de cero y de los requisitos del usuario, que son expuestos por el
programador de la aplicación, se desarrolla el modelo conceptual de datos, cuyos
componentes gráficos son las entidades, asociaciones o relaciones y atributos.
Para modelizar dicha información el modelo es sometiendo a las reglas de
normalización, buscando una estructura lógica a los datos y obteniendo el
correspondiente modelo entidad-relación.
- 31 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.6.1- Diagrama entidad relación del nuevo sistema.
El diagrama Entidad-Relación resume el funcionamiento de la aplicación,
englobando cada una de las entidades que intervienen con las relaciones existentes
entre ellas:
USUARIO Y
CONTRASEÑA
1
INTRODUCE
1
USUARIO
1
1
SERVIDOR
SOLICITA
1
1
EJECUTA
M
CONTIENE
M
M
FORMULARIOS
1
TIENE
APLICACIÓN / ES
M
MUESTRA
1
M
1
EXPLICA
NAVEGADOR WEB
- 32 -
RESULTADO
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.6.2- Historia de vida de las entidades.
La Historia de vida de las entidades (HVE en adelante) describe la evolución
de las entidades principales de la aplicación con el fin de:
Entender la secuencia de las entidades en el tiempo.
Establecer los estados posibles de cada una de las entidades para que tengan
lugar las transiciones externas, así como los cambios de estado de las
entidades producidas por las transiciones.
Poner de manifiesto las posibles interacciones que producen los diferentes
eventos o sucesos.
Describir los requisitos de tratamiento de las entidades.
Las principales entidades sobre las que se realizará el estudio de HVE, serán
los usuarios de la aplicación y el servidor de aplicaciones donde estará instalada la
aplicación.
Para hacer el diagrama de HVE, primero se realiza un estudio de
identificación de eventos para dichas entidades, para posteriormente realizar la
matriz entidad-evento, del que se concluirá el diagrama de HVE de las entidades a
estudiar.
- 33 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.6.2.1- Identificación de eventos.
Para el desarrollo del HVE de la aplicación, primeramente es necesario
identificar los eventos ocurrentes en la aplicación. Para ello es necesario que se
cumplan los requisitos descritos en la etapa de análisis de requisitos, que se estudie
los atributos de las entidades más importantes y que se analice el diagrama de flujo
de datos representado en el modelo lógico del nuevo sistema.
Una vez realizado dicho análisis se identifican los eventos descritos a
continuación:
E1: Registro del usuario y contraseña.
E2: Modificación del usuario y/o contraseña.
E3: Validación del usuario.
E4: Validación de la contraseña.
E5: Autenticación de usuario y contraseña (par de claves
inseparables).
E6: Solicitud de ejecución del servicio.
E7: Verificación de la ejecución del servicio.
E8: Interacción del usuario.
E9: Presentación del resultado.
- 34 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.6.2.2- Matriz entidad-evento.
Una vez obtenidos los eventos de la aplicación que se nombran a
continuación se traza la matriz entidad-evento en la que intervendrán tanto la entidad
usuario, como la entidad servidor:
E1: Identificación del usuario y contraseña.
E2: Modificación del usuario y/o contraseña.
E3: Validación del usuario.
E4: Validación de la contraseña.
E5: Autenticación de usuario y contraseña (par de claves
inseparables).
E6: Solicitud de ejecución del servicio.
E7: Verificación de la ejecución del servicio.
E8: Interacción del usuario.
E9: Presentación del resultado.
EVENTOS
E1 E2 E3 E4 E5 E6 E7 E8 E9
ENTIDADES
USUARIO
I
IM
-
-
-
I
-
I
-
SERVIDOR
B
-
I
I
I
-
IB
-
I
Con dicha matriz entidad-evento se puede observar los eventos que realiza el
Tutorial Gráfico de Diseño y Configuración de Redes, el cual contiene las
siguientes claves: “I” (inserción), “M” (modificación), “B” (baja), y “-” (nulo, no
- 35 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
efectúa evento alguno), que indican el efecto que produce en cada evento las
entidades.
3.6.2.3- Diagrama HVE.
HVE de la entidad usuario.
USUARIO
SOLICITUD
EJECUCIÓN
APLICACIÓN
MODIFICAR
IDENTIFICAR
1,2,3,4 / 5
INTRODUCIR
USUARIO
INTRODUCIR
CONTRASEÑA
-/1
1/2
MODIFICAR
USUARIO
INTERACCIÓN
DEL USUARIO
5/6
MODIFICAR
CONTRASEÑA
2/4
1/3
HVE de la entidad servidor.
SERVIDOR
AUTENTICAR
USUARIO Y
CONTRASEÑA
VALIDACIÓN
2 /3
VALIDACIÓN
USUARIO
-, 3 / 1
VALIDACIÓN
CONTRASEÑA
1, 3 / 2
- 36 -
VERIFICACIÓN
EJECUCION DEL
SERVICIO
PRESENTACIÓN
DEL RESULTADO
3/4
5/5
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 37 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.- ESTUDIO DE LA ARQUITECTURA
4.1- INTRODUCCIÓN.
Por lo general cualquier proyecto por lo general es realizable considerando
recursos ilimitados y tiempo infinito. En cambio, el desarrollo de un proyecto
informático se caracteriza por escasez de recursos y dificultad de cumplir los plazos
de entrega, por lo tanto, es necesario y prudente evaluar de qué recursos se dispone
para no llevarse desagradables sorpresas y estudiar la viabilidad del proyecto a
realizar lo antes posible.
Los objetivos de esta fase son definir las posibles soluciones de arquitectura
técnica que satisfagan tanto los requisitos que han sido especificados por los
usuarios, como las restricciones de diseño de la aplicación. Se definirán diferentes
posibilidades y posteriormente se escogerá la alternativa propuesta que más interese
para su posterior desarrollo y obtener la aprobación del usuario para la alternativa
elegida, haciendo un estudio de viabilidad, para posteriormente desarrollarla e
implementarla.
- 38 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.2- DIAGRAMA DE PRESENTACIÓN.
Se representa la aplicación a un alto nivel, mediante el diagrama de
presentación, mediante el cual se expresa las características hardware y operativas de
las que está compuesta la aplicación.
4.2.1- Diagrama de ejecución local.
La representación del diagrama de presentación en la ejecución en modo
local, carece de elementos hardware de red, como pudieran ser cables de red, tarjetas
de red, concentradores (hubs), routers, servidores de aplicación y un largo etcétera.
- En el caso de ejecución en un host local, la arquitectura consta únicamente
del host que disponga de navegador, en el que se va a ejecutar la aplicación y de un
dispositivo ratón para la interacción del usuario con la aplicación, pudiendo estar
además conectado tanto a una red como a dispositivos periféricos necesarios para
otras aplicaciones, no siendo relevante este hecho para la aplicación, puesto que no
interfiere en su funcionamiento.
- 39 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.2.2- Diagrama de ejecución online.
- En el caso de ejecución en un modo on-line, la arquitectura consta de
elementos hardware de red, tipo concentradores (hubs), routers, cables de red,
tarjetas de red instalados en los host clientes,… además de los hosts que forman la
red y desde la que se accederá a la aplicación. Dichos host dispondrán tanto de
conexión a Internet como de un navegador, a poder ser, actualizado en su última
versión. Esta arquitectura en la que se ejecutará la aplicación en modo on-line,
deberá disponer de un servidor de aplicaciones, en donde se encontrará instalada la
aplicación y donde el usuario tendrá que remitir la solicitud de servicio para arrancar
dicha aplicación, además de tener funciones de administrador de cuentas de usuario.
Tanto la tipología de red como los elementos hardware de red que aparecen en el
diagrama pueden diferir dependiendo de la red en la que se instale la aplicación.
- 40 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.3- ESPECIFICACIÓN DE LOS COMPONENTES
BÁSICOS.
4.3.1- Hardware local necesario ya existente.
Los componentes hardware ya existentes en el sistema en el que se ejecutará
la aplicación son los siguientes:
Microprocesador Pentium IV 2.02 GHz.
Memoria RAM de 512 MB.
Tarjeta de sonido 16 MB.
Unidad de CD-ROM.
Ratón.
Tarjeta de vídeo.
4.3.2- Hardware local necesario de nueva adquisición.
No es necesario ningún elemento hardware de nueva adquisición puesto que
los elementos hardware anteriormente descritos superan a los requisitos mínimos que
especifica el paquete de aplicaciones que proporciona Microsoft Visual Studio 6.0 y
que se detallan más adelante.
- 41 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.3.3- Software local necesario ya existente.
Los componentes software ya existentes en el sistema en el que se ejecutará la
aplicación son los siguientes:
Microsoft Windows XP.
Microsoft Internet Explorer versión 6.0.
Microsoft Office 2003.
4.3.4- Software local de nueva adquisición.
Los componentes software de nueva adquisición son los detallados a
continuación:
Paquete de aplicaciones Microsoft Visual Studio 6.0.
Componentes OCX y DLL para Microsoft Visual Studio 6.0.
Macromedia Flash MX o superior.
Los objetos programados que utiliza la aplicación son estándares y cargados
al instalar cualquier versión de Microsoft Windows con su correspondiente archivo
OCX, en el caso de utilizar componentes que no sean de estas características se
incluirá el correspondiente archivo OCX o DLL del objeto en cuestión.
- 42 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.3.5- Requisitos mínimos necesarios.
Para la codificación del proyecto uno de los requisitos mínimos es la
obtención del paquete Microsoft Visual Basic 6.0. Es un lenguaje de programación
visual, también llamado lenguaje de 4ª generación. Esto quiere decir que un gran
número de tareas se realizan sin escribir código, simplemente con interacciones de
operaciones gráficas realizadas con el ratón sobre la pantalla. Este lenguaje se puede
considerar orientado a objetos, por lo que las cualidades, el desarrollo y la
programación son relativamente sencillos. En cambio, tanto el entorno del desarrollo
como el de la ejecución, tienen que estar basado en un entorno Windows, con lo que
se complica un poco la migración a otras plataformas como puede ser Linux o Mac
OS.
La palabra “Visual“ hace referencia a un método que se utiliza para crear la
interfaz gráfica de usuario. En lugar de escribir numerosas líneas de código para
implementar una interfaz, se utiliza el ratón para arrastrar y colocar los objetos
preestablecidos por la GUI del paquete Microsoft Visual Basic 6.0 al lugar deseado
dentro de un formulario (plantilla que será la pantalla del programa a desarrollar y
que aloja todos los componentes insertados por el programador). La palabra “Basic”
hace referencia al lenguaje BASIC (Beginners All- Purpose Symbolic Instrucción
Code) un lenguaje utilizado por más programadores que ningún otro lenguaje de la
historia de la informática. Visual Basic ha evolucionado a partir del lenguaje BASIC
original y ahora contiene centenares de instrucciones, funciones y palabras claves,
muchas de las cuales están directamente relacionadas con la interfaz gráfica de
Windows.
- 43 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
El paquete Microsoft Visual Basic dispone en la actualidad de tres versiones
diferentes, las cuales se adaptan a las necesidades del programador. Dichas versiones
son la versión Microsoft Visual Basic Estándar o de aprendizaje (learning), la
Microsoft Visual Basic Profesional y versión Microsoft Visual Basic empresarial.
La edición Microsoft Visual Basic Estándar permite crear robustas
aplicaciones para las versiones de Windows 9x, Windows NT, Windows 2000,
Windows XP y el actual Windows Vista, incluyendo todos los controles intrínsecos y
además de los controles de rejilla, cuadros de diálogo estándar y los controles
enlazados de datos.
La edición Microsoft Visual Basic Profesional contiene todas las
características de la versión estándar, así como los controles activos (ActiveX)
adicionales, el diseñador de aplicaciones para Internet Information Server, el
diseñador de páginas en formato HTML dinámico y administrador visual de bases de
datos (DDBB VisData).
La edición Microsoft Visual Basic Empresarial contiene todas las
características de la edición profesional como las herramientas Back Office como
SQL Server, Microsoft Transaction Server, Internet Information Server, Visual
SourceSafe, SNA Server y demás.
Para la realización del proyecto será suficiente con la versión Microsoft
Visual Basic Estándar.
- 44 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Los requisitos mínimos para poder instalar satisfactoriamente Microsoft
Visual 6.0 y poder ejecutar la aplicación, según las recomendaciones de Microsoft
( www.microsoft.es ) son:
Microprocesador Pentium 90 MHz o superior.
Disco duro con un espacio mínimo de 80MB.
Unidad de CD-ROM.
Ratón.
Tarjeta de vídeo soportada por Windows.
32 MB de memoria RAM (mínimo).
Microsoft Windows 9x, Windows NT 3.51, Windows XP o Windows
Vista.
Navegador Microsoft Internet Explorer o similar a poder ser en su última
versión.
- 45 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.4- EVALUACIÓN DE ALTERNATIVAS.
Para la realización de un proyecto es necesario realizar una correcta
evaluación de las alternativas propuestas para comprobar cual de ellas se adaptará
mejor a las necesidades del sistema en desarrollo. Para ello se deben evaluar dichas
alternativas determinando el modo de operar del usuario final (ejecución modo online o ejecución modo host local) y el tipo de arquitectura tecnológica que es más
usual entre los usuarios finales para conseguir la mayor compatibilidad posible. Esto
se realizará con ayuda de unas tablas denominadas tablas de evaluación.
En el caso de este proyecto las dos alternativas posibles debido a las escasas
restricciones descritas puesto que la aplicación a desarrollar debe funcionar en un
ordenador convencional sin demasiados requisitos, se basarán en el modo de
ejecución de la aplicación (bien modo on-line, bien modo host local), sin evaluar cual
de ellas es mejor o peor puesto que únicamente dependerá de la forma en que el
usuario final quiera ejecutarla.
4.4.1- Parámetros a valorar.
En el proyecto que se trata en esta memoria, Tutorial Gráfico de Diseño y
Configuración de Redes, se plantean dos posibles alternativas respecto a la posible
ejecución del usuario.
Como primera alternativa se plantea la referente a la ejecución de la
aplicación en un host local. La segunda alternativa planteada es la referente a la
ejecución de la aplicación en modo on-line, por medio de un servidor de aplicaciones
- 46 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
en el que esta instalada la aplicación y se mostrará el resultado de cada una de las
ejecuciones que realiza el usuario en su interacción con el programa mediante un
navegador web.
Estas alternativas se especifican a continuación, incluyendo los componentes
hardware y software de cada una de ellas.
- 47 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
ESPECIFICACIÓN ALTERNATIVA 1
Título: EJECUCIÓN MODO ON-LINE
Código: ESAL01
Antecedentes.
El usuario final ejecutará la aplicación desarrollada en modo on-line, con lo
que deberán de existir elementos hardware de conexión a la red, con los que se
conectará el host local a la aplicación, mediante los protocolos de red diseñados para
ello, la cual estará ubicada en un servidor de aplicaciones. Para que exista esa
conexión entre el host y el servidor, el usuario se conectará al portal de recursos del
centro y solicitará el servicio de ejecución de la aplicación. Dicha aplicación se
cargará en memoria en el host y los resultados se mostrarán en el navegador del
usuario.
Requisitos.
El usuario final de la aplicación deberá cumplir con los siguientes requisitos
mínimos: Microprocesador Pentium 90 MHz o superior; Disco duro con un espacio
mínimo de 80 MB; Unidad de CD-ROM; Ratón; Tarjeta de vídeo soportada por
Windows; 32 MB de memoria RAM (mínimo); Tarjeta de red para la conexión a la
red local o a Internet (si está fuera del centro); Microsoft Windows 9x, Windows NT
3.51, Windows XP o Windows Vista ; Navegador Microsoft Internet Explorer o
similar a poder ser en su última versión.
Beneficios.
Con esta forma de ejecución de la aplicación el usuario final podrá ejecutarla
desde cualquier lugar sin tener que llevar el compact disc de instalación de la
aplicación. La velocidad de ejecución y de respuesta esperada de la aplicación
dependerá del equipo del que disponga el usuario en el que se ejecute la aplicación;
del tipo de conexión (en Mb/s) a la red que tenga el usuario para la conexión al
servidor de aplicaciones; de la saturación del servidor de aplicaciones por el número
de usuarios conectados al mismo simultáneamente
Necesidades Hardware.
Para la correcta ejecución de la aplicación, el equipo en donde se ejecute la
misma deberá de cumplir con los requisitos hardware mínimos requeridos por el
paquete de aplicaciones Microsoft Visual Studio 6.0. Estos requisitos hardware son
los siguientes: Microprocesador Pentium 90 MHz o superior; Disco duro con un
espacio mínimo de 80 MB; Unidad de CD-ROM; Ratón; Tarjeta de vídeo soportada
por Windows; 32 MB de memoria RAM (mínimo); Tarjeta de red para la conexión
a la red local o a Internet (si se encuentra fuera del centro).
Necesidades Software.
Para la correcta ejecución de la aplicación, el equipo en donde se ejecute la
misma deberá de cumplir con los requisitos software mínimos requeridos por el
paquete de aplicaciones Microsoft Visual Studio 6.0. Estos requisitos software son
los siguientes: Microsoft Windows 9x, Windows NT 3.51, Windows XP o Windows
Vista; Navegador Microsoft Internet Explorer o similar a poder ser en su última
versión.
- 48 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
ESPECIFICACIÓN ALTERNATIVA 2
Título: EJECUCIÓN MODO HOST LOCAL
Código: ESAL02
Antecedentes.
El usuario final ejecutará la aplicación desarrollada en modo host local,
pudiendo existir elementos hardware de conexión a la red, pero sin que dicha
aplicación haga uso de ellos en ningún momento.
Requisitos.
El usuario final de la aplicación deberá cumplir con los siguientes requisitos
mínimos: Microprocesador Pentium 90 MHz o superior; Disco duro con un espacio
mínimo de 80 MB; Unidad de CD-ROM; Ratón; Tarjeta de vídeo soportada por
Windows; 32 MB de memoria RAM (mínimo); Microsoft Windows 9x, Windows
NT 3.51, Windows XP o Windows Vista ; Navegador Microsoft Internet Explorer o
similar a poder ser en su última versión.
Beneficios.
La velocidad de ejecución y de respuesta esperada de la aplicación dependerá
exclusivamente del equipo que disponga el usuario. En ningún caso vendrá
determinada por la conexión a red que disponga el usuario ni de la saturación del
servidor de aplicaciones.
Necesidades Hardware.
Para la correcta ejecución de la aplicación, el equipo en donde se ejecute la
misma deberá de cumplir con los requisitos hardware mínimos requeridos por el
paquete de aplicaciones Microsoft Visual Studio 6.0. Estos requisitos hardware son
los siguientes: Microprocesador Pentium 90 MHz o superior; Disco duro con un
espacio mínimo de 80 MB; Unidad de CD-ROM; Ratón; Tarjeta de vídeo soportada
por Windows; 32 MB de memoria RAM (mínimo)
Necesidades Software.
Para la correcta ejecución de la aplicación, el equipo en donde se ejecute la
misma deberá de cumplir con los requisitos software mínimos requeridos por el
paquete de aplicaciones Microsoft Visual Studio 6.0. Estos requisitos software son
los siguientes: Microsoft Windows 9x, Windows NT 3.51, Windows XP o Windows
Vista; Navegador Microsoft Internet Explorer o similar a poder ser en su última
versión.
- 49 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.4.2- Matrices de evaluación.
La evaluación de las diferentes soluciones propuestas al sistema se realiza en
base a cuatro aspectos de interés: evaluación organizativa, operativa, técnica y
económica.
La evaluación organizativa, operativa, técnica se realiza utilizando una matriz
de evaluación organizativa donde se recogen y puntúan las diferentes características
o parámetros de cada aspecto a evaluar para cada una de las alternativas.
La evaluación económica se realiza utilizando una matriz de evaluación de
costes, en la que se especifica el coste de los componentes tanto software como
hardware que se debe adquirir para la realización del proyecto.
4.4.2.1- Evaluación organizativa.
En la evaluación organizativa el aspecto que se valorará será la adecuación de
los usuarios finales a la aplicación ante los posibles cambios de metodología en el
estudio de la asignatura de Redes de Computadores impartida en el centro.
4.4.2.2- Evaluación operativa.
La evaluación operativa se lleva a cabo para conocer la importancia que tiene
recoger los servicios mecanizados. Los parámetros que se analizan son los
siguientes:
- 50 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Fácil manejo de la aplicación con una interfaz muy intuitiva en la que el
usuario no se sentirá perdido en ningún momento e interactuará con ella
de forma sencilla.
Explicación detallada del tema seleccionado mediante una parte teórica
que será acompañado de una explicación gráfica.
Disponibilidad inmediata de cualquier tema seleccionado, con fácil acceso
a la misma.
Fiabilidad en los conocimientos teóricos y gráficos de la aplicación.
Acceso seguro a la aplicación.
Aplicación libre de fallos.
4.4.2.3- Evaluación técnica.
La evaluación técnica se lleva a cabo para evaluar los procedimientos y
componentes hardware y software que utiliza cada alternativa. Los parámetros que se
analizan son los siguientes:
Acceso a la ejecución de la aplicación.
Tamaño de pantalla.
Disponibilidad de la aplicación 24x7 para el modo de ejecución on-line.
Portabilidad de la aplicación a otras plataformas.
Mantenimiento de la aplicación para incorporar nuevas funciones.
Seguridad y fiabilidad de la aplicación.
Facilidad de uso y ejecución de la aplicación.
- 51 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.4.3- Matrices de evaluación y decisión.
Una vez descritos todos los parámetros a evaluar y analizar, se realiza una
matriz de evaluación organizativa, especificando el concepto de cada grupo de
parámetros y los criterios seguidos para calificarlos.
Los aspectos o características especificados se evalúan con un número y se le
asigna un peso o valor entre 1 y 3 (3 = imprescindible, 2 = importante, 1 =
conveniente) dependiendo de la importancia que tenga dicho factor en el negocio que
se está estudiando.
A continuación, se calcula el porcentaje asociado a cada grupo (ponderación
absoluta), como media obtenida del valor dado a cada parámetro. Para cada
alternativa, se puntúan las diferentes características, según el grado de cumplimiento
de ellas, valorándose con un número entre 0 y 3 (3 = se cumple perfectamente, 2 = se
cumple, pero no totalmente, 1 = apenas se cumple esta característica y 0 = no se
cumple). De modo que si una alternativa no la contempla una determinada
característica, el valor a asignar sería cero. Esta puntuación se coloca debajo de la
columna Peso Alt (peso de la alternativa n) de cada alternativa. Estas puntuaciones
dependen de la importancia que tenga dicho factor en la aplicación.
- 52 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
EVALUACIÓN
NO.
Organizativa
1.1
Operativa
2.1
PESO
ALT 1
PESO
ALT 2
Adecuación de los usuarios finales a la
metodología.
3
3
Facilidad manejo de la aplicación con
una interfaz muy intuitiva.
3
3
2
2
2
2
3
3
2
1
PARÁMETRO
Explicación
detallada
del
tema
seleccionado mediante una parte teórica
que será acompañado de una
explicación gráfica
Disponibilidad inmediata de cualquier
tema seleccionado, con fácil acceso a la
misma.
Operativa
2.2
Operativa
2.3
Operativa
2.4
Operativa
2.5
Fiabilidad en los conocimientos teóricos
y gráficos de la aplicación.
Acceso seguro a la aplicación.
Operativa
2.6
Aplicación libre de fallos.
3
3
Técnica
3.1
Acceso a la ejecución de la aplicación.
3
2
Técnica
3.2
3
3
Técnica
3.3
3
0
Técnica
3.4
2
2
Técnica
3.5
1
1
Técnica
3.6
Tamaño de pantalla.
Disponibilidad de la aplicación 24x7
para el modo de ejecución on-line.
Portabilidad de la aplicación a otras
plataformas.
Mantenimiento de la aplicación, para
incorporar nuevas funciones.
Seguridad y fiabilidad de la aplicación.
3
3
Técnica
3.7
Facilidad de uso y ejecución de la
aplicación.
1
1
34
29
TOTAL
Dicha matriz de evaluación organizativa da unos pesos de cada alternativa
que están muy igualados, sumando la primera alternativa (ejecución en modo online) un total de 34 y la segunda alternativa (ejecución en modo host local) un total
de 29.
- 53 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
4.4.4- Ponderación de las alternativas.
Se debe realizar una posterior ponderación calculada a partir de los pesos de
los parámetros en términos porcentuales de cada una de las alternativas. Según los
criterios expuestos, se le ha asignado un peso específico a cada uno de los parámetros
definidos en cada grupo de factores. A continuación se calculará la ponderación
asociada a los distintos parámetros de cada una de las dos alternativas en términos
porcentuales. En un primer lugar la ponderación absoluta de cada factor o grupo se
calcula en base a los valores dados a cada parámetro en particular, para ellos se
suman los valores de cada factor:
EVALUACIÓN
ALTERNATIVA 1
ALTERNATIVA 2
Organizativa
3
3
Operativa
15
14
Técnica
16
12
TOTAL
34
29
La ponderación de los distintos parámetros dependiendo del tipo de factor en
términos porcentuales es:
EVALUACIÓN
ALTERNATIVA
1
ALTERNATIVA
2
PONDERACIÓN
1
PONDERACIÓN
2
Organizativa
3
3
8.82%
10.34%
Operativa
15
14
44.11%
48.27%
Técnica
16
12
47.05%
41.37%
TOTAL
34
29
100%
100%
- 54 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Dichos datos forman el siguiente gráfico de ponderación de ambas
alternativas. El cual sirve para facilitar la elección de la alternativa más conveniente
para el proyecto, aunque en este proyecto las dos alternativas se pueden considerar
válidas puesto que depende de la forma en que el usuario quiera ejecutar dicha
aplicación.
50
40
30
Alternativa 1
20
Alternativa 2
10
0
Organizativa
Operativa
Técnica
Dicho gráfico de ponderación muestra la representación porcentual de cada
una de las alternativas. Como se puede observar ambas alternativas dan una
importancia similar a los parámetros de evaluación.
4.4.5- Selección de alternativa.
Una vez realizado la valoración de cada una de las alternativas, se puede
concluir diciendo que ambas alternativas han obtenido resultados muy similares en
los pesos otorgados a cada parámetro, los cuales determinan cada una de las
ponderaciones para cada una de las alternativas que se han estudiado.
El grado de dispersión no es muy alto en lo que respecta a los resultados
obtenidos. Se puede decir que las dos alternativas de ejecución de la aplicación son
- 55 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
válidas para llevar a la práctica por el usuario. El requisito que determinará la
alternativa será las necesidades del usuario.
Lo único un tanto diferente en las alternativas, que determinará la alternativa
a seleccionar, y que hay que valorar, es que la ejecución online está condicionada a la
operatividad y funcionalidad de los elementos de conexión de los que disponga el
usuario final a la hora de ejecutar la aplicación.
- 56 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 57 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.- DISEÑO EXTERNO
5.1- INTRODUCCIÓN.
El proceso de Diseño Externo requiere el uso de la técnica top-down, por la
que se empieza a desarrollar la aplicación a un nivel muy alto, para ir completando a
un nivel más bajo y específico. Así, el objetivo principal del Diseño Externo es
transformar el Modelo lógico del nuevo sistema en un Modelo físico a implementar
sobre una plataforma hardware y software específico. Una vez completado este
modelo se pasará al Diseño Interno para edificar sobre la plataforma elegida los
pilares básicos del nuevo sistema mecanizado: la arquitectura del software.
A partir de la plataforma tecnológica elegida en el Estudio de Arquitectura, en
esta fase se completarán los requisitos físicos del nuevo sistema, se diseñarán las
entradas y salidas, se completará la especificación de procesos del modelo y se
elaborará el Modelo lógico de datos, a partir de los volúmenes y transacciones del
sistema. A fin de completar la definición del modelo físico, se le dota al proyecto de
procesos de control, seguridad y auditabilidad necesarios para una instalación
mecanizada.
Y como el conocimiento del nuevo sistema aumentará considerablemente en
esta etapa, se podrá establecer la estrategia a seguir en los planes de formación al
usuario, la conversión de los datos, las pruebas del tutorial y la implantación del
mismo, como parte del ciclo de vida a recorrer.
- 58 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
La aplicación está creada para ser usada por cualquier tipo de usuario
(profesores, alumnos, …), por lo que no se requiere de ningún nivel informático para
manejar la aplicación, ya que se trata de un software sencillo y de fácil manejo. Esta
aplicación se desarrolla siguiendo una estructura jerárquica de formularios en los que
se insertará los componentes necesarios para crear dicha aplicación. Se utilizan las
siguientes aplicaciones para su programación:
Microsoft Visual Basic 6.0 para el modelo de objetos (capa de negocio).
Macromedia Flash 8.0 para el diseño y carga de pluggins de ejecución para
las animaciones.
- 59 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.2- FRONTERAS DE MECANIZACIÓN.
Las posibilidades de implementación de la aplicación sobre una plataforma
tecnológica, se especificaron en la fase de Estudio de Arquitectura. Allí se definieron
las características técnicas, organizativas y operativas de la solución a desarrollar.
Según esto, se podrá determinar ahora qué procesos formarán parte del Modelo físico
del nuevo sistema. Esta tarea, puede realizarse partiendo de los Diagramas de flujo
de datos (DFD) del Modelo lógico nuevo sistema, en su nivel conceptual, en el que
se establecieron con anterioridad las fronteras de mecanización para el Tutorial de
Diseño y Configuración de Redes.
El Modelo lógico del nuevo sistema considerado en la fase de análisis de
requisitos de este sistema de gestión es:
- 60 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
USUARIO Y CONTRASEÑA
USUARIOS
SOLICITUD DE LA APLICACIÓN
SERVIDOR DE
APLICACIONES
INTERACTUACIÓN
CONFIRMACIÓN
USUARIO Y
CONTRASEÑA
0
TUTORIAL
GRÁFICO DE
DISEÑO Y
CONFIGURACIÓN
DE REDES
CONFIGURACIÓN
CONFIRMACIÓN
ADMINISTRADOR
RESULTADO
RESULTADO
NAVEGADOR
ON-LINE
HOST LOCAL
- 61 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.3- ESPECIFICACIÓN DE PROCESOS.
A continuación se realizará la especificación de cada uno de los procesos que
se definieron en el Modelo lógico del nuevo sistema. Estos procesos son los
siguientes:
1. Administración de cuentas de usuario por parte del administrador del
sistema.
2. Introducción de los datos del usuario final (usuario y contraseña).
3. Verificación y validación de los datos introducidos por el usuario final.
4. Solicitud del servicio por parte del usuario final al servidor de aplicaciones
(plataforma de docencia).
5. Ejecución de la aplicación Tutorial Gráfico de Diseño y Configuración de
Redes.
6. Presentación del contenido del tutorial compuesto por texto y animaciones.
ESPECIFICACIÓN PROCESO 1
Título: ADMINISTRACIÓN DE CUENTAS DE USUARIO POR PARTE DEL
ADMINISTRADOR DEL SISTEMA.
Código: ESPRO01
Localización: Servidores S.T.I.C.
Categoría del proceso: Online, Cliente-Servidor.
Tipo de proceso: Manual.
Frecuencia: Periódica.
Descripción.
Los administradores del sistema de la Universidad, deberán configurar y
administrar (bajas, altas y modificaciones) periódicamente las cuentas de usuario de
acceso a la aplicación para que los usuarios puedan acceder a la misma cuando lo
necesiten y para que solo accedan a ella usuario que están matriculados en la
asignatura de Redes de Ordenadores. Dicho proceso lo deberá realizar el
administrador manualmente y de forma periódica.
- 62 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
ESPECIFICACIÓN PROCESO 2
Título: INTRODUCCIÓN DE LOS DATOS DEL USUARIO FINAL (USUARIO
Y CONTRASEÑA).
Código: ESPRO02
Localización: Navegador Web.
Categoría del proceso: Online, Cliente-Servidor.
Tipo de proceso: Manual.
Frecuencia: Aperiódica.
Descripción.
Este proceso es realizado por el usuario que quiere ejecutar la aplicación, para
ello se debe de identificar mediante sus datos, usuario y contraseña, proporcionados
por el S.T.I.C. Este proceso desencadena el tercer proceso, verificación y validación
del usuario y contraseña introducidos por el usuario final. Como flujos de
información recibe del exterior el usuario y contraseña, los guarda en el almacén de
información destinado para ello y se lo envía al siguiente proceso.
ESPECIFICACIÓN PROCESO 3
Título: VERIFICACIÓN Y VALIDACIÓN DE LOS DATOS INTRODUCCIDOS
POR EL USUARIO FINAL.
Código: ESPRO03
Localización: Navegador Web.
Categoría del proceso: Online, Cliente-Servidor.
Tipo de proceso: Automática.
Frecuencia: Aperiódica, cada vez que se realice el proceso 2.
Descripción.
Este proceso es realizado mediante un script desarrollado para aportar un
módulo de seguridad a la aplicación. Dicho proceso hace una primera verificación
de que los datos introducidos son correctos (número máximo de caracteres,
caracteres no válidos, …) para continuar con un proceso de validación que lo
realizará comprobando que los datos introducidos corresponden a algunos de los
usuarios que han sido dados de alta en el servicio por el administrador del sistema.
En caso de ser válidos permitirá la ejecución de la aplicación dando un
mensaje de bienvenida al usuario. En caso de no ser válidos, enviará el flujo de
información necesario para indicar al usuario que el usuario y/o contraseña no son
válidos.
- 63 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
ESPECIFICACIÓN PROCESO 4
Título: SOLICITUD DEL SERVICIO POR PARTE DEL USUARIO FINAL AL
SERVIDOR DE APLICACIONES.
Código: ESPRO04
Localización: Servidor de aplicaciones.
Categoría del proceso: Online, Cliente-Servidor.
Tipo de proceso: Automática.
Frecuencia: Aperiódica.
Descripción.
Una vez introducidos los datos de identificación del usuario se solicita de
forma automática el servicio al servidor de aplicaciones. Este proceso no
desencadena ningún proceso siguiente. Como flujos de entrada de datos recibe la
aceptación del proceso anterior y el tipo de servicio del exterior. Una vez recibido el
servicio se lo envía al servidor de aplicaciones para que comience con la ejecución
online de la aplicación.
ESPECIFICACIÓN PROCESO 5
Título: EJECUCIÓN DE LA APLICACIÓN TUTORIAL GRÁFICO DE DISEÑO
Y CONFIGURACIÓN DE REDES.
Código: ESPRO05
Localización: Host Local / Navegador.
Categoría del proceso: Online, Cliente-Servidor.
Tipo de proceso: Manual.
Frecuencia: Aperiódica.
Descripción.
Una vez cargada la aplicación en el host del usuario, este podrá empezar a
interactuar con la aplicación, seleccionando los temas de los que se quiere formar.
Este proceso desencadena el último proceso, presentación del usuario. El usuario irá
realizando las distintas ejecuciones de la aplicación o navegando por los menús que
se le presentan. Esta ejecución será un flujo de datos que recibirá el proceso del
exterior, enviando el resultado esperado al navegador Web que mostrará el
resultado.
- 64 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
ESPECIFICACIÓN PROCESO 6
Título: PRESENTACIÓN DEL CONTENIDO DEL TUTORIAL.
Código: ESPRO06
Localización: Host Local / Navegador.
Categoría del proceso: Online, Cliente-Servidor.
Tipo de proceso: Automática.
Frecuencia: Aperiódica.
Descripción.
Este proceso muestra el resultado de la ejecución de la aplicación en el
navegador Web. Es el último proceso del ciclo por lo que no desencadena ninguno
más. Recibe el resultado de la aplicación y la muestra en el navegador Web. El
navegador Web a su vez enviará la información necesaria al proceso para indicar la
correcta presentación.
Se debe resaltar que los procesos mencionados son los que van a formar parte
del ciclo de vida de la aplicación, por lo tanto ninguno de ellos se va a obviar a la
hora del desarrollo de la aplicación. En los procesos en los que la frecuencia es
aperiódica, esta frecuencia va a depender el número de veces que el usuario solicite
el servicio de ejecución de la aplicación.
- 65 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.4-
DISEÑO
DE
ENTRADAS.
INTERFACE
GRÁFICA DE USUARIO (GUI).
En esta parte del proyecto se pretende realizar el diseño de los diferentes
elementos de entrada de la aplicación, como los distintos formularios o ventanas,
páginas HTML para el navegador Web, formularios y archivos, especificando sus
características y validaciones. La Interfaz Gráfica de Usuario (GUI) se basa en la
realización de menús y pantallas, realizadas con formularios de Microsoft Visual
Basic 6.0, para que el usuario final pueda interaccionar con la aplicación, en la que se
mostrará tanto la teoría seleccionado sobre las Redes de computadores, como
gráficos que ayudan a entender los conocimientos explicados.
- 66 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.4.1- Formularios y pantallas.
Nada más ejecutar la aplicación, se muestra la primera pantalla del Tutorial
Gráfico de Diseño y Configuración de Redes, una pantalla de presentación a la
aplicación que contiene una serie de documentos con extensión *.swf (flash) lo que
hacen que sea una presentación animada.
5.4.1.1- Pantalla principal de presentación de la aplicación.
Una vez finalizadas las animaciones (aproximadamente 10 segundos) se
habilita una flecha en la parte inferior derecha que invita al usuario a acceder a la
aplicación. Este tiempo de espera es utilizado para cargar todos los formularios
necesarios en memoria del ordenador, por lo tanto el tiempo de carga de los mismos,
- 67 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
una vez que el usuario se ha identificado, para interaccionar con la aplicación, será
mínimo.
5.4.1.2- Pantalla secundaria de identificación de usuario.
En esta pantalla, el usuario deberá de identificarse para poder utilizar la
aplicación. La pantalla esta compuesta por los campos (textbox) “Usuario y
Contraseña” que deberán ser rellenados por el usuario de forma correcta para poder
acceder a la aplicación. También cuenta con tres botones (button). El botón
“Aceptar” que ejecuta el script de seguridad de la aplicación y en caso de ser
correctos los datos introducidos, accede a la aplicación para que el usuario pueda a
empezar a interactuar con ella. El botón “Cancelar” que limpia los campos en caso
- 68 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
de haber escrito algo, y el botón “Salir” que sale de la aplicación en caso de no
quererla ejecutar en ese momento.
Solo se podrá acceder a ella si se introduce la cuenta de usuario (usuario y
contraseña) correcta. Se avisa al usuario que debe disponer de una cuenta de usuario
proporcionada por el administrador del sistema para poder ejecutar la aplicación y en
el caso que no disponga de una debe solicitarla.
En el caso de que los datos introducidos sean incorrectos aparecerán
diferentes mensajes. Estos mensajes son los siguientes:
- 69 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
1.- Pantalla de Error 1. El primer mensaje (Msgbox) de error, aparece cuando el
usuario intenta identificarse dejando alguno de los campos que la aplicación solicita
vacíos. Los campos que debe de rellenar para identificarse son tanto el Usuario
como la Contraseña. Esta pantalla muestra el siguiente mensaje: No puede dejar
campos vacíos. Por favor, contacte con el administrador del sistema.
- 70 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
2.- Pantalla de Error 2. Se muestra el siguiente mensaje: No ha introducido una
cuenta de usuario válida. Por favor, contacte con el administrador del sistema.
- 71 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.- Pantalla de Usuario Correcto. Muestra el siguiente mensaje: Bienvenido al
tutorial. Cuenta de usuario válida.
- 72 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.4.1.3- Pantalla de Bienvenida y presentación.
En esta pantalla, la aplicación da la Bienvenida al usuario y se presenta al
estudiante Jorge Gómez Mompó como programador de la aplicación del Proyecto
Fin de Carrera del Tercer curso de Ingeniería Técnica en Informática de Gestión
2006 – 2007.
Dispone dicha pantalla de un botón “Ir al menú principal”, mediante el cual
el usuario accederá a todo el temario del que dispone este tutorial.
- 73 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.4.1.4- Pantalla menú principal.
La pantalla de menú principal, es la pantalla que permite al usuario la
elección del tema que quiere estudiar. Los temas están agrupados por partes para que
al estudiante le sea más fácil su seguimiento.
Esta pantalla está compuesta por etiquetas de texto (Labels) para la división
de las partes que trata este tutorial y por botones (Button) para que el usuario
interaccione con la aplicación eligiendo el tema que quiera. Además dispone de otros
dos botones. El primer botón es el de “Siguiente” con el cual el usuario avanza a la
segunda parte del menú y de esta forma puede visualizar todo el contenido de la
aplicación. El segundo botón es el “Salir” con el cual el usuario cerrará la aplicación.
- 74 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.4.1.5- Pantalla tema concreto.
Una vez seleccionado el tema concreto que se quiere estudiar desde la
pantalla de menú de selección de tema, el tutorial mostrará uno de tres tipos posibles
de pantalla dependiendo de las características del tema a tratar en este tutorial.
El primer modelo de pantalla, es el formado por una pantalla como la que
aparece a continuación.
Esta pantalla está compuesta por una caja de texto (Textbox) en el que se
muestra el texto correspondiente a la explicación del tema elegido, una animación
flash, en la que se explica visualmente dicha explicación, y cuatro botones con los
que el usuario interactuará con la aplicación. El primer botón es el de “Retroceso”
- 75 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
con el cual el usuario retrocede al tema anterior, el segundo botón es el de “Ir al
menú principal” con el que el usuario vuelve al menú de selección de un tema
concreto, el tercero es el de “Avance” con el que el usuario avanzará al siguiente
tema del tutorial. También dispone de un botón de “Salir” con el que el usuario
cerrará la sesión que estaba ejecutando la aplicación y que le llevará a la pantalla de
Identificación de usuario.
La segunda pantalla de la que dispone el tutorial para mostrar un tema
concreto es la siguiente:
Esta pantalla solo contiene una caja de texto (Textbox) en el que se muestra el
texto correspondiente a la explicación del tema elegido debido a que dicho tema no
tiene explicación gráfica posible y cuatro botones correspondientes a la interacción
- 76 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
del usuario con la aplicación. El primer botón es el de “Retroceso” con el que el
usuario retrocede al tema anterior, el segundo botón es el de “Ir al menú principal”
con el que el usuario vuelve al menú de selección de un tema concreto, el tercero es
el de “Avance” con el que el usuario avanzará al siguiente tema del tutorial. También
dispone de un botón de “Salir” con el que el usuario cerrará la sesión que estaba
ejecutando la aplicación y le llevará a la pantalla de Identificación de usuario.
El tercer y último tipo de pantalla para mostrar el temario del tutorial es la
siguiente.
Esta pantalla está compuesta por una caja de texto (Textbox) en el que se
muestra el texto correspondiente a la explicación del tema elegido, una imagen jpg,
en la que se ve gráficamente dicha explicación y cuatro botones con los que el
- 77 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
usuario interactuará con la aplicación. El primer botón es el de “Retroceso” con el
que el usuario retrocede al tema anterior, el segundo botón es el de “Ir al menú
principal” con el que el usuario vuelve al menú de selección de un tema concreto, el
tercero es el de “Avance” con el que el usuario avanzará al siguiente tema del
tutorial. También dispone de un botón de “Salir” con el que el usuario cerrará la
sesión que estaba ejecutando la aplicación y que le llevará a la pantalla de
Identificación de usuario.
- 78 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.4.1.6- Pantalla de ejecución en el navegador web.
Una vez instalada la aplicación en el servidor de aplicaciones de la
universidad, ésta puede ser ejecutada desde un navegador web. Para ejecutar la
aplicación en modo online, el usuario final deberá acceder a ella desde la URL que le
especifique el administrador del sistema o desde la zona personal del profesor que
imparta la asignatura. Una vez solicitado el servicio al servidor de aplicaciones se
mostrará una pantalla como la siguiente.
Esta pantalla correspondiente a la página del navegador web para la proceso
de identificación y autenticación del usuario. Todo ello esta implementado mediante
código HTML y código Java Data Base Connectivity (JDBC) embebido en el código
HTML.
- 79 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Una vez identificado el usuario se podrá ejecutar la aplicación como si se
estuviera ejecutando en modo host local. Se cargará el mismo tipo de pantalla que si
se cargará desde el disco compacto de instalación, para ello el navegador debe de
disponer del plugging Macromedia Flash correspondiente para la correcta carga de
la aplicación. Se mostrarán las siguientes pantallas:
- 80 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Estas pantallas correspondientes a las páginas del navegador web en las que
se muestra el tutorial están implementadas mediante código HTML y pluggins flash
con los que el usuario interactuará de modo sencillo, como si de la aplicación
ejecutada en modo host local se tratase. El pluggins flash ocupa toda la pantalla que
proporciona el navegador, por lo que no hay diferencia alguna con el modo host
local.
- 81 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.4.2- Especificación y características de los formularios de
cada una de las pantallas.
Además de diseñar físicamente los tipos de ventanas, formularios, páginas
Web o pantallas de la aplicación, a continuación se especificarán las características
de cada uno de los formularios de ellas.
5.4.2.1- Pantalla de Identificación modo host local.
Esta es la parte de la pantalla de Identificación en donde el usuario deberá
introducir su “Usuario y Contraseña” para acceder al Tutorial de Diseño y
Configuración de Redes.
La pantalla contiene diferentes componentes (Botton, Label, Textbox…) que
se especifican a continuación.
- 82 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
IDENTIFICACIÓN TEXTBOX 1
Nombre: Caja de texto “Usuario” de la aplicación
Código: IDF-TXTBX01
Formato: Tipo de letra Arial de tamaño 12 con alineación a la izquierda, con la
longitud máxima de caracteres que viene establecida por defecto en los objetos Text
de Microsoft Visual Studio 6.0
Tipo de campo: La caja de texto admite cualquier tipo de carácter, ya sea numérico
o alfabético, pero la aplicación validará el valor introducido, siendo exclusivamente
válidos los valores numéricos mayores que 0 y menores que 9.
Mensajes de validación: Dependiendo de los datos introducidos por el usuario y
siempre verificando la caja de texto “Contraseña” se pueden dar diferentes casos con
diferentes mensajes. Estos mensajes son los siguientes:
1.- Pantalla de Error 1. El primer mensaje (Msgbox) de error, aparece cuando el
usuario intenta identificarse dejando alguno de los campos que la aplicación solicita
vacíos. Los campos que debe de rellenar para identificarse son tanto el usuario
como la contraseña. Esta pantalla muestra el siguiente mensaje: No puede dejar
campos vacíos. Por favor, contacte con el administrador del sistema.
2.- Pantalla de Error 2. Se muestra el siguiente mensaje: No ha introducido una
cuenta de usuario válida. Por favor, contacte con el administrador del sistema.
3.- Pantalla de Usuario Correcto. Muestra el siguiente mensaje: Bienvenido al
tutorial. Cuenta de usuario válida.
Tablas o archivos de validación: Para la validación del valor introducido en la caja
de texto no se utiliza ningún tipo de tabla ni fichero.
- 83 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
IDENTIFICACIÓN TEXTBOX 2
Nombre: Caja de texto “Contraseña” de la aplicación
Código: IDF-TXTBX02
Formato: Tipo de letra Arial de tamaño 12 con alineación a la izquierda, con la
longitud máxima de caracteres que viene establecida por defecto en los objetos Text
de Microsoft Visual Studio 6.0. El texto esta protegido por medio de asteriscos
mediante los cueles por cada carácter que se pulse, éste es sustituido por un “*”.
Tipo de campo: La caja de texto admite cualquier tipo de carácter, ya sea numérico
o alfabético, pero la aplicación validará el valor introducido, siendo exclusivamente
válidos los valores numéricos mayores que 0 y menores que 9.
Mensajes de validación: Dependiendo de los datos introducidos por el usuario y
siempre verificando la caja de texto “Usuario” se pueden dar diferentes casos con
diferentes mensajes. Estos mensajes son los siguientes:
1.- Pantalla de Error 1. El primer mensaje (Msgbox) de error, aparece cuando el
usuario intenta identificarse dejando alguno de los campos que la aplicación solicita
vacíos. Los campos que debe de rellenar para identificarse son tanto el usuario
como la contraseña. Esta pantalla muestra el siguiente mensaje: No puede dejar
campos vacíos. Por favor, contacte con el administrador del sistema.
2.- Pantalla de Error 2. Se muestra el siguiente mensaje: No ha introducido una
cuenta de usuario válida. Por favor, contacte con el administrador del sistema.
3.- Pantalla de Usuario Correcto. Muestra el siguiente mensaje: Bienvenido al
tutorial. Cuenta de usuario válida.
Tablas o archivos de validación: Para la validación del valor introducido en la caja
de texto no se utiliza ningún tipo de tabla ni fichero.
- 84 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
IDENTIFICACIÓN BUTTON 1
Nombre: Botón Aceptar
Código: IDF-BTN01
Código de programación:
If (Text1 = "" Or Text2 = "") Then
MsgBox "Error" & vbCrLf & "No puede dejar campos vacíos" & vbCrLf & "Por favor,
contacte con el administrador del sistema.", 16, "Error"
Else
If (Text1 <> "12345") Then
MsgBox "Error" & vbCrLf & "No ha introducido una cuenta de usuario válida" & vbCrLf &
"Por favor, contacte con el administrador del sistema.", 16, "Error"
Else
If (Text2 <> "12345") Then
MsgBox "Error" & vbCrLf & "No ha introducido una cuenta de usuario válida" & vbCrLf &
"Por favor, contacte con el administrador del sistema.", 16, "Error"
End If
End If
End If
If (Text1 = "12345" And Text2 = "12345") Then
MsgBox "Bienvenido al tutorial" & vbCrLf & "Cuenta de usuario válida", 0, "Usuario
Correcto"
Identificacion.Visible = False
Tutorial1.Visible = True
End If
- 85 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
IDENTIFICACIÓN BUTTON 2
Nombre: Botón Cancelar
Código: IDF-BTN02
Código de programación:
Private Sub Command2_Click()
Text1 = ""
Text2 = ""
End
- 86 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
IDENTIFICACIÓN BUTTON 3
Nombre: Botón Salir
Código: IDF-BTN03
Código de programación:
Private Sub Command3_Click()
End
End Sub
- 87 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.4.2.2- Pantalla de Identificación modo online.
Esta es la parte de la pantalla de Identificación en donde el usuario deberá
introducir su usuario y contraseña para acceder al Tutorial de Diseño y
Configuración de Redes en el modo online.
La pantalla contiene diferentes componentes (botton, label, textbox, …) que
se especifican a continuación:
- 88 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
IDENTIFICACIÓN TEXTBOX PÁGINA WEB 1
Nombre: Caja de texto “Usuario” de la página web.
Código: IDFWEB-TXTBX01
Formato: Tipo de letra Arial de tamaño 12 con alineación a la izquierda, con la
longitud máxima de caracteres que viene establecida por defecto en los objetos Text
de Microsoft Internet Explorer o similar.
Tipo de campo: La caja de texto admite cualquier tipo de carácter, ya sea numérico
al alfabético, pero la aplicación validará el valor introducido, siendo exclusivamente
válidos los valores que pertenezcan a la base de datos de usuarios y contraseñas
dados de alta por el administrador del sistema.
Mensajes de validación: Dependiendo de los datos introducidos por el usuario y
siempre verificando la caja de texto “Contraseña” se pueden dar diferentes casos con
diferentes mensajes. Estos mensajes son los siguientes:
1.- Pantalla de Error 1. El primer mensaje (Msgbox) de error, aparece cuando el
usuario intenta identificarse dejando alguno de los campos que la aplicación solicita
vacíos. Los campos que debe de rellenar para identificarse son tanto el usuario
como la contraseña. Esta pantalla muestra el siguiente mensaje: No puede dejar
campos vacíos. Por favor, contacte con el administrador del sistema.
2.- Pantalla de Error 2. Se muestra el siguiente mensaje: No ha introducido una
cuenta de usuario válida. Por favor, contacte con el administrador del sistema.
3.- Pantalla de Usuario Correcto. La cual muestra el siguiente mensaje: Bienvenido
al tutorial. Cuenta de usuario válida.
Tablas o archivos de validación: Para la validación del valor introducido en la caja
de texto se realizará un acceso a la base de datos de usuarios y contraseñas
gestionada por el administrador del sistema, que será quien controle qué usuarios
pueden acceder a la aplicación.
- 89 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
IDENTIFICACIÓN TEXTBOX PÁGINA WEB 2
Nombre: Caja de texto “Contraseña” de la página web.
Código: IDFWEB-TXTBX02
Formato: Tipo de letra Arial de tamaño 12 con alineación a la izquierda, con la
longitud máxima de caracteres que viene establecida por defecto en los objetos Text
de Microsoft Internet Explorer o similar.
Tipo de campo: La caja de texto admite cualquier tipo de carácter, ya sea numérico
al alfabético, pero la aplicación validará el valor introducido, siendo exclusivamente
válidos los valores que pertenezcan a la base de datos de usuarios y contraseñas
dados de alta por el administrador del sistema.
Mensajes de validación: Dependiendo de los datos introducidos por el usuario y
siempre verificando la caja de texto “Contraseña” se pueden dar diferentes casos con
diferentes mensajes. Estos mensajes son los siguientes:
1.- Pantalla de Error 1. El primer mensaje (Msgbox) de error, aparece cuando el
usuario intenta identificarse dejando alguno de los campos que la aplicación solicita
vacíos. Los campos que debe de rellenar para identificarse son tanto el usuario
como la contraseña. Esta pantalla muestra el siguiente mensaje: No puede dejar
campos vacíos. Por favor, contacte con el administrador del sistema.
2.- Pantalla de Error 2. Se muestra el siguiente mensaje: No ha introducido una
cuenta de usuario válida. Por favor, contacte con el administrador del sistema.
3.- Pantalla de Usuario Correcto. La cual muestra el siguiente mensaje: Bienvenido
al tutorial. Cuenta de usuario válida.
Tablas o archivos de validación: Para la validación del valor introducido en la caja
de texto se realizará un acceso a la base de datos de usuarios y contraseñas
gestionada por el administrador del sistema, que será quien controle qué usuarios
pueden acceder a la aplicación.
- 90 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.5- DISEÑO DE SALIDAS.
En este proyecto, los flujos que salen del sistema hacia entidades externas,
pueden considerarse como salidas hacia el exterior y podrán resultar ser ventanas de
aplicación con los resultados o páginas web de la aplicación que muestran los
resultados (dependiendo de si se está ejecutando en modo host local o en modo
online), formularios con los cuales el usuario se identifica, archivos o informes. Por
tanto son básicamente elementos iguales a las entradas, a excepción de los informes
o listados en papel los cuales podrán ser impresos en una impresora, programándose
la aplicación para llevar a cabo esa función, que únicamente se programaría en caso
de ser necesario. La principal función del Tutorial de Diseño y Configuración de
Redes es mostrar por pantalla las explicaciones tanto teóricas como gráficas del
tutorial por lo tanto se entiende que la salida de informes o listados no es necesaria
por lo que no se analizará esta parte de la fase de Diseño Externo.
- 91 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.6- ESTIMACIÓN DE LOS VOLÚMENES DE
INFORMACIÓN.
La información de volúmenes persigue dos objetivos, el primero de ellos es
poder dimensionar el tipo de transacciones que pueden presentarse dentro de la
aplicación, ajustando el modelo a las necesidades físicas de esta. Las transacciones
que conlleven mayor número de accesos a la base de datos o almacenes de
información como puede ser el servidor de aplicaciones o los archivos de texto a los
que hace referencia la aplicación constantemente para mostrar las explicaciones
teóricas del tema a tratar, serán más críticas. Además este estudio de volúmenes
indicará si los procesos definidos en el modelo lógico están bien diseñados respecto
de los datos que manejan.
El segundo objetivo que se persigue en este análisis es la obtención de la
información acerca de las diferentes entidades del modelo de datos, a fin de realizar
un buen diseño lógico de estos. Así, puede descubrirse la necesidad de crear nuevas
claves o identificadores que resten tiempo en los programas aunque sea a base de
aumentar la redundancia y por tanto, la ocupación en disco.
Para realizar el estudio se parte del modelo lógico o físico de procesos, del
modelo de datos, del ciclo de vida de las entidades y de los diseños de entrada.
A continuación, se realizará el análisis de la estimación de los volúmenes de
información a partir de los procesos críticos que se identificaron en la fase de historia
de vida de las entidades.
- 92 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.6.1- Determinación de entidades y procesos críticos.
Los procesos que componen la aplicación deben ser estudiados para ver que
procesos son más críticos. Los procesos más importantes que se desarrollan en la
aplicación son los siguientes:
P1: Registro del usuario y contraseña.
P2: Modificación del usuario y/o contraseña.
P3: Validación del usuario.
P4: Validación de la contraseña.
P5: Autenticación de usuario.
P6: Autenticación de contraseña.
P7: Solicitud de ejecución del servicio.
P8: Verificación de la ejecución del servicio.
P9: Interacción del usuario.
P10: Presentación del resultado.
Una vez seleccionados los procesos más importantes en la aplicación y
determinados cuáles son los más críticos, cabe destacar que los procesos P5
(Autenticación de usuario), P6 (Autenticación de contraseña), P7 (Solicitud de
ejecución del servicio), P8 (Verificación de la ejecución del servicio), P9
(Interacción del usuario.) y P10 (Presentación del resultado) son los procesos más
críticos dentro de los que lo son, ya que la frecuencia con la que se solicitan es alta,
en cambio en el resto de procesos no es tan alta ni repetitiva.
- 93 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Los procesos que se desarrollan en la aplicación se enmarcan en el siguiente
cuadro, determinando cual es su criticidad. Estos pueden ser procesos críticos bajos,
medios o altos, dependiendo del número de veces que se repitan y dependiendo del
número de transacciones que conlleven mayor número de accesos a la base de datos
o almacenes de información como puede ser el servidor de aplicaciones o los
archivos de texto a los que hace referencia la aplicación constantemente para mostrar
las explicaciones teóricas del tema a tratar.
ENTIDADES
TRANSACIONES
USUARIO
Registro de usuario
Registro de contraseña
Modificación del usuario
Modificación de contraseña
Validación del usuario
Validación de contraseña
Autenticación de usuario
Autenticación de contraseña
Solicitud de ejecución del
servicio
Verificación de la ejecución
del servicio
Interacción del usuario
Presentación del resultado
B: Bajo M: Medio A: Alto
SERVIDOR DE
APLICACIONES
PÁGINA
WEB
B-M
B-M
B-M
B-M
B
B
-
M-A
M-A
M-A
M-A
-
M
-
-
-
A
-
A
-
A
A
- 94 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.7- PROCESO DE CONTROL Y SEGURIDAD.
En esta etapa se introduce y se especifica en el modelo de la aplicación, los
controles de operación y la seguridad del sistema. Todos estos procesos de control y
seguridad podrán incluirse dentro de alguno de los procesos existentes, o bien
integrarlos como nuevos procesos en el Modelo físico. Para realizar este análisis
deben estudiarse los siguientes procesos:
Procesos destinados a preservar la integridad de los datos.
Seguridad de la información y del acceso.
Procedimiento de recuperación de la información.
5.7.1- Procesos de control.
Se entiende por control la comparación de un hecho con un objetivo
prefijado. Estos objetivos son las reglas que de acuerdo a la aplicación que se está
desarrollando deben cumplirse. Por tanto, en la aplicación existen unos procesos que
de acuerdo al estudio y desarrollo de la aplicación deben cumplirse bien por
circunstancias detectadas en un momento del ciclo de vida de la aplicación o bien por
los propios requisitos que debe de cumplir la aplicación.
Entre las mediadas de control que preservan la integridad de control de la
aplicación pueden citarse:
Registro de logging de los usuarios que acceden a la aplicación si la
ejecución es cliente-servidor.
- 95 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Controles asociados a los archivos RTF, que incluyen el código, para
su exclusiva lectura.
Control de los archivos instalados durante el proceso de instalación e
implantación de la aplicación.
En resumen, deben incorporarse al modelo todos los procedimientos de
control, tanto manuales como automáticos, que sirvan para mantener la integridad de
los datos y su recuperación. Es por esto que estos procesos de control se incorporarán
a la aplicación, siendo o bien automáticos como el proceso de logging, o bien
manuales como propiedades que se añaden a los objetos, como por ejemplo los
archivos, que se activará la propiedad de sólo lectura (Locked = true) para que no
puedan ser modificados por ningún tipo de usuario. De esta manera se podrá
mantener la integridad de los datos y su recuperación.
5.7.2- Procesos de seguridad de la información.
Comprende los procesos o procedimientos que están relacionados con la
seguridad de uso, seguridad de los datos, la privacidad de la información que
contiene y maneja la aplicación, y la integridad de los datos.
Entre las mediadas de seguridad que preservan la integridad de los datos de la
aplicación, pueden citarse:
Propiedades asociadas a las componentes visuales para que no sean
modificadas.
- 96 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Propiedades de control para las componentes que muestran el código
de la aplicación para que no sean modificadas por ningún usuario.
Seguridad de acceso, es la seguridad de que únicamente las personas
autorizadas puedan acceder al tutorial, con lo que se evitan problemas
de saturación del sistema.
Seguridad de la red de comunicaciones: asegurar el acceso al sistema
desde un host cualquiera y en cualquier momento, siempre que el
usuario esté autorizado para ello.
Seguridad de anti-copia de distribución, asignado a cada copia de
software un usuario y contraseña exclusivo para esa copia
Las dos primeras medidas de seguridad de los datos que maneja la aplicación,
no son ningún tipo de proceso que se puede representar en el Modelo físico del
nuevo sistema, si no que son propiedad que deben de cumplir los objetos de la
aplicación, como son las propiedades de cada componente (formularios, botones,
cajas de texto, archivos de texto que se manejan,…) que utiliza Visual Basic 6.0.
Las dos segundas medidas de seguridad mencionadas correspondientes a la
seguridad de la red de comunicaciones serán propias del servidor y de la red en la
que se encuentre el usuario en el momento que ejecute la aplicación en modo online
cliente - servidor. Este tipo de medidas de seguridad no serán implantadas en la
aplicación.
La última medida de seguridad corresponde a la seguridad de la propiedad
intelectual de la aplicación.
- 97 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Ambos tipos de procesos, tanto los de control como los de seguridad de la
información, pueden representarse en una matriz donde se especifica su descripción,
el motivo porque el que es requerido el proceso y que procesos del modelo físico del
nuevo sistema están afectados.
DESCRIPCIÓN
DEL CONTROL
Registro de logging de los
usuario.
Controles asociados a los
archivos RTF.
Control de los archivos
instalados.
Propiedades asociadas a
las componentes.
Propiedades de control de
las componentes
REQUERIDO
POR
PROCESOS
AFECTADOS
Seguridad de acceso.
Proceso 2.
Integridad.
Proceso 4.
Recuperación.
Proceso 4.
Integridad.
Proceso 4
Integridad.
Proceso 4
Para cada unos de estos procesos en el siguiente cuadro se especifica para
cada descripción de cada proceso, su respectiva técnica a utilizar.
DESCRIPCIÓN
DEL CONTROL
Registro de logging de
los usuario.
Controles asociados a
los archivos RTF.
Control de los archivos
instalados.
Propiedades asociadas a
las componentes.
Propiedades de control
de las componentes
TÉCNICA A UTILIZAR
Proceso de reconocimiento del usuario por medio de un
nombre de usuario y una clave
Modificación de las propiedades del archivo.
Propiedades propias del asistente para empaquetado y
distribución de Microsoft Visual Studio 6.0.
Propiedades programadas en cada uno de los
componentes.
Propiedades programadas en cada uno de los
componentes
- 98 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.8- MODELO LÓGICO DE DATOS.
El Modelo lógico de datos establece la estructura de los datos con los que
trabajan los procesos de la aplicación, sin tener en cuenta los recursos físicos
utilizados. Estas estructuras se componen de relaciones o tablas en el modelo
relacional, donde las columnas representan atributos y las filas el conjunto de
ocurrencias de cada una de las relaciones que componen el sistema.
El Modelo lógico se encarga de completar la información recabada en el
Modelo conceptual, cubriendo los siguientes aspectos:
Entidades de datos: definición y composición.
Atributos: definición, clasificación por tipos y descripción de cada una
de las características como longitud, rango de valores, reglas de
validación y valores por defecto.
Claves principales de cada una de las entidades: determinación de la
clave primaria o principal y de otras posibles claves como claves
secundarias y extranjeras o foráneas.
Relaciones entre entidades: relaciones establecidas en el modelo
conceptual.
Para la realización del Modelo lógico de datos se necesitan cada una de las
definiciones de las entidades que intervienen en el Diagrama Entidad-Relación y de
las relaciones entre ellas.
- 99 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
El siguiente Diagrama Entidad-Relación es el obtenido en la etapa de Análisis
de Requisitos, y que ahora es utilizado para la realización del Modelo lógico de
datos.
USUARIO Y
CONTRASEÑA
1
INTRODUCE
1
USUARIO
1
1
SERVIDOR
SOLICITA
1
1
EJECUTA
M
CONTIENE
M
M
FORMULARIOS
1
TIENE
APLICACIÓN / ES
M
MUESTRA
1
M
1
EXPLICA
RESULTADO
NAVEGADOR WEB
A continuación se detallan cada una de las entidades y relaciones más
relevantes que constituyen el diagrama entidad – relación, detallando en cada una de
- 100 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
ellas sus atributos y las claves principales según la normalización establecida para
ello.
5.8.1- Entidades.
ENTIDAD_SERVIDOR = {Nombre_servidor + Dirección_dominio}
ENTIDAD_USUARIO = {Nombre_usuario + Clave_usuario}
ENTIDAD_USUARIO / CONTRASEÑA = {N_Identificador_usuario +
Nombre_usuario + Clave_usuario}
ENTIDAD_APLICACIÓN = {Identificador_aplicación +
Nombre_aplicación}
ENTIDAD_FORMULARIO = {Nombre_formulario + {Componentes +
Eventos}}
ENTIDAD_NAVEGADOR_WEB ={Dirección_página + Nombre_página }
ENTIDAD_RESULTADO={Identificador_resultado + {Componentes +
Eventos}}
5.8.2- Relaciones.
RELACIÓN_SOLICITA = {Nombre_usario + Clave_usuario +
Nombre_servidor}
RELACIÓN_CONTIENE = {Nombre_servidor + Identificador_aplicación}
RELACIÓN_TIENE = {Identificador_aplicación + Nombre_formulario}
RELACIÓN_MUESTRA = {Nombre_formulario + Dirección_página}
RELACIÓN_EXPLICA = {Dirección_página + Identificador_resultado}
RELACCIÓN_INTRODUCE ={ N_Identificador_usuario +
Nombre_usuario}
Comparando el Modelo lógico de datos de la aplicación con las entidades y
relaciones obtenidas en el diagrama entidad - relación, se puede observar que se ha
- 101 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
eliminado la entidad CLAVE, ya que es un atributo de la entidad USUARIO y parte
de la clave de esta relación. Además se ha eliminado la relación POSEE, que
vinculaba a CLAVE y USUARIO ya que se ha eliminado la primera entidad.
Por tanto el resultado del diagrama entidad–relación, basándose en el Modelo
lógico de datos anterior, es el que se muestra a continuación.
USUARIO
1
1
SERVIDOR
SOLICITA
1
1
EJECUTA
M
CONTIENE
M
M
FORMULARIOS
1
TIENE
APLICACIÓN / ES
M
MUESTRA
1
M
1
EXPLICA
NAVEGADOR WEB
- 102 -
RESULTADO
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
5.9- PREPARACIÓN DE LOS PLANES.
El Diseño Externo se finaliza con la preparación de la estrategia de los planes
de Pruebas, Formación e Implementación. Estos planes son finalmente completados
en la siguiente fase, la fase del Diseño Interno.
La estrategia del Plan de Pruebas establece los diferentes tipos de pruebas a
realizar para comprobar la integridad y funcionalidad de la aplicación generada. El
entorno específico para generarse dichas pruebas será en las aulas de informática de
la universidad, ya que en esos equipos es donde se quiere implantar la aplicación y es
donde se pueden observar errores en la aplicación, sean errores de configuración,
programación o incluso incompatibilidad. Las personas que realizarán dichas pruebas
serán alumnos voluntarios de la universidad. La definición de la estrategia del plan
de pruebas requiere establecer las pautas a seguir:
El participante en el Plan de Pruebas debe tener un conocimiento básico de
cada una los componentes (formularios) que componen el sistema a probar.
Debe estimarse el tiempo medio de espera en la ejecución online.
Debe de definirse cada una de las pruebas a realizar.
La prueba funcional debe de probar el funcionamiento correcto de los
diferentes componentes software de la aplicación.
La prueba de prestaciones consiste en probar el funcionamiento integrado de
las líneas de comunicación, necesidades de memoria, tiempos de respuesta.
La prueba de regresión consiste en repetir las pruebas ya efectuadas, después
de realizar las modificaciones necesarias como consecuencia de anomalías.
- 103 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Las pruebas de implantación consisten en comprobar la adecuación del
hardware para la puesta a punto y entrega del producto final al usuario.
La estrategia del Plan de Formación establece las pautas a seguir para
realizar la formación de los diferentes usuarios finales de la aplicación (tanto
profesores, personas encargadas de administrar el sistema de la universidad, como
los alumnos matriculados en la asignatura), en cuanto a su ejecución, operación y
administración.
La estrategia del Plan de Implantación establece la política a seguir para
poner en marcha la instalación de la aplicación, bien sea directamente en los host del
laboratorio en los que se quiera impartir la asignatura o bien sea en los servidores de
los que dispone la universidad que alojan toda la plataforma de docencia de la
universidad para la ejecución de la aplicación en modo online cliente-servidor.
- 104 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 105 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
6.- DISEÑO INTERNO
6.1- INTRODUCCIÓN.
En esta fase se identifican y diseñan los diversos componentes software del
sistema, describiendo detalladamente sus especificaciones físicas. Dependiendo de la
arquitectura elegida para el sistema final, estos componentes pueden tener una
naturaleza muy diversa.
A partir del Modelo Físico de Procesos realizado en la etapa de Diseño
Externo, donde cada proceso primitivo ha sido tipificado como batch, online, clienteservidor, etcétera, ahora se pueden reunir todas aquellas funciones de negocio de
nivel más detallado según su tipología de procesos y estructurar el sistema en un
conjunto de subsistemas. Todas aquellas funciones de tipo batch se diseñarán bajo el
subsistema batch, las funciones online se diseñarán bajo el subsistema online y así se
estructurará cada sistema en subsistemas y a su vez en funciones.
En el Diseño Externo han quedado diseñadas todas las entradas y salidas del
sistema, por lo que los archivos, ventanas, diálogos, informes y formularios son
componentes que se deben utilizar para realizar un diseño coherente. Para aquellos
subsistemas de tipo cliente-servidor se habrán identificar y diseñar los módulos o
programas cliente y los programas de servicio, las transacciones y sus interfaces de
comunicación.
El objetivo para realizar un adecuado diseño interno de la aplicación del
Tutorial Gráfico de Diseño y Configuración de Redes es identificar los
- 106 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
componentes software de la aplicación, como son los módulos de la aplicación, fases,
transiciones y servicios.
Para una correcta realización de los subsistemas será necesario dividir el
sistema en dos unidades de diseño, como son el subsistema batch y el subsistema
online.
El subsistema batch afecta a los procesos de la aplicación que precisen un
orden secuencial de ejecución. Para la realización y representación de este
subsistema se utilizará la técnica del diagrama HIPO, derivando los diagramas de
flujo de datos obtenidos en la fase de Análisis de Requisitos hacia dicho diagrama.
El subsistema online recoge aquellos procesos de la aplicación que no se
realicen bajo un orden secuencial de ejecución, procesándose de manera aleatoria a
petición del usuario final de la aplicación. Para la representación y análisis de este
subsistema se utilizará el diagrama de cuadros estructurado o STC. También, en esta
fase, se desarrollarán las especificaciones de cada uno de los programas y de sus
módulos.
Cada uno de los programas de aplicación identificados en la cadena, precisan
de una especificación para su diseño detallado y posterior codificación. Si las rutinas
empleadas en la cadena son identificadas por primera vez en ella, precisarán del
cuaderno de carga. Los cuadernos de carga recogen toda la información de diseño del
programa, ya sea éste batch u online.
- 107 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
6.2- SUBSISTEMA BATCH.
Para la realización y representación de este subsistema se utiliza la técnica del
diagrama HIPO, derivando los diagramas de flujo de datos obtenidos en la fase de
análisis de requisitos hacia dicho diagrama, por tanto, se necesita el diagrama del
Modelo lógico del nuevo sistema para comprender las funciones y procesos que
desempeña la aplicación. Una vez realizado ese estudio, se dota a los procedimientos
de una cadena secuencial para obtener los diagramas HIPO. Estos diagramas
contienen una especificación de cada una de las funciones de la aplicación.
El Modelo lógico del nuevo sistema es el esquematizado a continuación:
- 108 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Modelo lógico del nuevo sistema.
PARÁMETROS
1
USUARIO Y
CONTRASEÑA
VALIDACIÓN
RECHAZADA
2
CONFIGURACIÓN
Y
ADMINISTRACIÓN
DE CUENTAS
INTRODUCCIÓN
USUARIO Y
CONTRASEÑA
3
USUARIO Y
CONTRASEÑA
VALIDACIÓN
USUARIO Y
CONTRASEÑA
VALIDACIÓN
CORRECTA
USUARIOS Y
CONTRASEÑAS
4
PARÁMETROS
DE CARGA
USUARIOS
Y
CONTRASEÑAS
SOLICITUD
APLICACIÓN Y
CARGA DEL
MISMO
EJECUCIÓN
5
6
PRESENTACIÓN
DEL RESULTADO
RESULTADO
EJECUCIÓN DE LA
APLICACIÓN
ACCIÓN DEL
USUARIO
NAVEGADOR
HOSTLOCAL
- 109 -
SERVIDOR DE
APLICACIONES
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Del Modelo lógico del nuevo sistema, se identifica todos los procesos
secuenciales que tiene la aplicación para realizar el diagrama HIPO.
Los símbolos utilizados para el diagrama HIPO son:
SIMBOLO
SIGNIFICADO
Almacén
Flujo de información
Decisión o consulta
Utilidad o rutina
Mensaje por pantalla
- 110 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Los procesos secuenciales que se identifican son el proceso número uno
(Configuración y administración de cuentas) y el proceso dos (Introducción usuario y
contraseña), los cuales forman parte del proceso de identificación por parte del
usuario y validación por parte del sistema (proceso 3).
6.2.1- Diagrama HIPO.
USUARIOS
Y
CONTRASEÑAS
CONSULTA DE
USUARIOS Y
CONTRASEÑAS
PROCESO DE VALIDACIÓN
DEL USUARIO Y
CONTRASEÑAS
VALIDACIÓN
RECHAZADA
VALIDACIÓN
ACEPTADA
SERVIDOR
APLICACIONES
PROCESO DE SOLICITUD
APLICACIÓN Y CARGA DEL
MISMO
- 111 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Este diagrama HIPO corresponde al proceso de validación del usuario y
contraseña, que se identifica con el sistema por medio de un nombre de usuario y
una contraseña, los cuales pasan un proceso de validación para ver si son correctos.
En caso de ser correctos se mostrará un mensaje por pantalla de validación correcta y
comenzará el proceso de solicitud de aplicación y carga del Tutorial Gráfico de
Diseño y Configuración de Redes en el host. En caso de no ser validos el usuario o
la contraseña se mostrará un mensaje por pantalla de validación incorrecta.
Cada uno de los programas de aplicación identificados en la cadena, precisan
de una especificación para su diseño detallado y posterior codificación. Si las rutinas
empleadas en la cadena son identificadas por primera vez en ella, precisarán del
cuaderno de carga. Los cuadernos de carga recogen toda la información de diseño
del programa.
- 112 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
6.2.2- Cuadernos de carga.
CUADERNO DE CARGA PROCESO 01
Nombre: Gestión de validación de usuario y contraseña.
Código: CDC-01
Definición: Proceso de autenticación del usuario y contraseña introducidos por el
usuario que desee acceder a la aplicación o en modo host-local o en modo online
cliente-servidor. El proceso realizará una conexión a la base de datos de usuarios y
contraseñas para verificar la autenticidad de los datos introducidos.
Diagrama DFD:
Diagrama HIPO:
USUARIOS
Y
CONTRASEÑAS
CONSULTA DE
USUARIOS Y
CONTRASEÑAS
PROCESO DE VALIDACIÓN
DEL USUARIO Y
CONTRASEÑAS
- 113 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
CUADERNO DE CARGA PROCESO 02
Nombre: Gestión de solicitud de la aplicación y carga del mismo.
Código: CDC-02
Definición: Proceso que gestiona la solicitud de ejecución de la aplicación por parte
del usuario, cargándolo en memoria y mostrándolo por pantalla una vez realizadas
todas las directivas de seguridad del servidor de aplicaciones.
Diagrama DFD:
Diagrama HIPO:
PROCESO DE VALIDACIÓN
DEL USUARIO Y
CONTRASEÑAS
VALIDACIÓN
ACEPTADA
SERVIDOR
APLICACIONES
PROCESO DE SOLICITUD
APLICACIÓN Y CARGA DEL
MISMO
- 114 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
6.3- SUBSISTEMA ONLINE.
Aquellas funciones de negocio que no se realizan bajo orden secuencial de
ejecución y por el contrario se procesan de manera aleatoria a petición del usuario,
constituyen el subsistema online. Estas funciones han sido diseñadas en el modulo
físico de procesos, donde sus componentes son los flujos de datos, almacenes y
procesos.
Mediante la derivación del DFD se obtiene el STC (Structured Chart) o
diagrama de cuadros estructurado, que es un diagrama jerárquico donde los
elementos son módulos con información sobre su acoplamiento respecto a otros
módulos: datos u control, donde estos módulos pueden ser llamados a su vez por
otros módulos, mediante el paso de parámetros de información o flujos de
información y/o control, todo ello lo constituyen los eventos que pueden provenir del
propio sistema operativo de la máquina o del exterior provocados por las acciones
del usuario final sobre el interfaz de la aplicación.
Para la realización del diagrama de cuadros estructurado y el análisis de
transformación y transacción es necesario estudiar de nuevo el DFD del Modelo
lógico del nuevo sistema para comprender las funciones y procesos que desempeña la
aplicación a petición del usuario. Una vez realizado ese estudio se establece una
jerarquía entre los componentes y los parámetros utilizados por la aplicación para
obtener un diagrama de estructuras.
- 115 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
El Modelo lógico del nuevo sistema es:
Modelo lógico del nuevo sistema.
PARÁMETROS
1
USUARIO Y
CONTRASEÑA
VALIDACIÓN
RECHAZADA
2
CONFIGURACIÓN
Y
ADMINISTRACIÓN
DE CUENTAS
INTRODUCCIÓN
USUARIO Y
CONTRASEÑA
3
USUARIO Y
CONTRASEÑA
VALIDACIÓN
USUARIO Y
CONTRASEÑA
VALIDACIÓN
CORRECTA
USUARIOS Y
CONTRASEÑAS
4
PARÁMETROS
DE CARGA
USUARIOS
Y
CONTRASEÑAS
SOLICITUD
APLICACIÓN Y
CARGA DEL
MISMO
EJECUCIÓN
5
6
PRESENTACIÓN
DEL RESULTADO
RESULTADO
EJECUCIÓN DE LA
APLICACIÓN
SERVIDOR DE
APLICACIONES
ACCIÓN DEL
USUARIO
NAVEGADOR
HOSTLOCAL
Una vez identificados los procesos que no son secuenciales y que ejecuta el
usuario de forma aleatoria, se realiza el diagrama STC.
- 116 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
6.3.1- Diagrama de cuadros estructurados STC.
PROCESO EJECUCIÓN
APLICACIÓN
RESULTADO
USUARIO Y
CONTRASEÑA
EJECUCIÓN
LEER USUARIO
Y CONTRASEÑA
RESULTADO
CONSULTA
PRESENTAR
RESULTADO
RESULTADO
ACCESO A
USUARIOS Y
CONTRASEÑAS
USUARIO Y
CONTRASEÑA
RESULTADO
CONSULTA
TRATAR
EJECUCIÓN
VALIDACIÓN
RESULTADO
RESULTADO
VALIDACIÓN
RESULTADO
EJECUCIÓN
TRATAR
RESULTADO
LEER
USUARIO Y
CONTRASEÑA
CONSULTA
Este diagrama de cuadros estructurado corresponde al proceso general de la
aplicación desde que se identifica para poder acceder a la aplicación, hasta que se
ejecuta realizando todas las interacciones como el usuario desee para obtener los
diferentes resultados, pasando por los procesos de ejecución. Para la introducción del
usuario y la contraseña, el usuario tendrá que abrir o bien la aplicación directamente
desde el CD-ROM suministrado por la universidad o bien acceder a la zona personal
del profesor mediante un navegador web vinculada al servidor de aplicaciones de la
universidad e introducir los datos de identificación asignados a cada usuario por el
administrador del sistema.
- 117 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
6.4- ESTRUCTURA DE PANTALLAS Y MENÚS.
A continuación se expone un esquema general de las ventanas de la
aplicación para la navegación del usuario:
VENTANA DE
INICIO TÍTULO DE
APLICACIÓN
VENTANA DE
IDENTIFICACIÓN
DEL USUARIO
USUARIO Y
CONTRASEÑA
SALIR
VENTANA DE
PRESENTACIÓN
DE APLICACIÓN
VENTANA DE
MENÚ PRINCIPAL
INTERACCIÓN
USUARIO
SELECCIÓN
TEMARIO
TEMARIO PARTE
1
TEMARIO PARTE
2
VOLVER AL
MENÚ PRINCIPAL
- 118 -
TEMARIO PARTE
…
TEMARIO PARTE
N
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Este diagrama representa la transición entre las distintas pantallas,
formularios y menús que ejecuta la aplicación para la navegación de la misma por
parte del usuario final.
Al iniciar la aplicación aparecerá una ventana de portada animada mediante
flash, donde se mostrará el nombre de la aplicación Tutorial Gráfico de Diseño y
Configuración de Redes. Una vez acabada la animación aparecerá un botón de
“Siguiente”. Al pulsar el botón de siguiente, se pasará a la ventana donde el usuario
deberá identificarse introduciendo su usuario y contraseña para poder utilizar la
aplicación. Una vez identificado el usuario, la siguiente ventana que mostrará será la
de presentación del alumno programador de la aplicación y presentación del tutorial
con sus objetivos, esta pantalla tendrá un botón de “Ir al menú principal” mediante
el cual se accede al menú de la aplicación donde el usuario seleccionará el tema
concreto de todo el temario del que dispone la aplicación.
- 119 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 120 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
7.- PROGRAMACIÓN
7.1- INTRODUCCIÓN.
El objetivo de esta etapa es alcanzar la transformación de la aplicación en un
conjunto de formularios que puedan ser ejecutados correctamente, bajo los criterios
de calidad estudiados y analizadas durante todas las fases del desarrollo de la
aplicación. A la hora de realizar una construcción de calidad, se desea además
obtener unos resultados económicos, fiables, y que funcione eficientemente
facilitando y disminuyendo el mantenimiento futuro.
Además, en esta etapa se inician las pruebas del software, de modo que el
programador debe garantizar que su pieza o programa funciona y que lo hace
correctamente. No basta con una compilación o interpretación correcta, sino que
deben probarse todas las circunstancias en que el programa pueda ejecutarse a fin de
evitar sorpresas posteriores.
Al realizar la codificación de los programas de acuerdo con los Cuadernos de
Carga diseñados en la etapa de Diseño Interno, se deben desarrollar todos los
procedimientos catalogados o scripts de ejecución, que constituyen los programas de
control de ejecución de las funciones de la aplicación.
En base a la aplicación desarrollada y los procedimientos de control, se
confeccionan los manuales o guías de usuario y explotación de la aplicación que se
añaden como anexo al final de esta memoria.
- 121 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Para la realización de la aplicación se ha elegido un lenguaje visual y
orientado a eventos como es Microsoft Visual 6.0. Al realizar la codificación de la
aplicación en el lenguaje de programación anteriormente mencionado, se tendrán en
cuenta los procesos que debe cumplir según el modelo lógico del nuevo sistema,
estudiado en la fase de estudio de la arquitectura y los cuadernos de carga estudiados
en la fase anterior, diseño interno.
Al terminar el análisis de esta fase se incluirá un manual de usuario que
contendrá el ámbito y entorno de la aplicación, los perfiles de los usuarios finales y
funcionamiento de la aplicación.
- 122 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
7.2- EMPAQUETADO PARA LA DISTRIBUCIÓN
DE LA APLICACIÓN.
Una vez terminada la aplicación Tutorial Gráfico de Diseño y Configuración
de Redes, es necesario que ésta pueda ser proporcionada a los usuarios finales, en
este caso mediante un disco compacto, a través de la red local de la universidad, o
bien a través de la Intranet o Internet. Esto requiere primero empaquetar la aplicación
y después distribuirla.
Empaquetar significa comprimir los archivos que componen la aplicación en
uno o varios archivos “.cab”. Simultáneamente se crea el programa que permitirá la
instalación de esos paquetes. Y finalmente, se distribuyen los paquetes junto con el
programa de instalación a través del medio elegido.
Para realizar el proceso anteriormente descrito, Visual Basic 6.0 proporciona
el asistente de empaquetado y distribución. Este asistente proporciona una variada
gama de opciones para la distribución de su aplicación:
Múltiples CD´S, pudiendo dividir los paquetes que sean muy grandes entre
varios disquetes.
Copiar los paquetes en un directorio del disco duro para su distribución a
través de una red o de un CD-ROM.
A través de Internet utilizando Microsoft Internet Explorer, versión 3.0 como
mínimo, recomendada ultima versión, para transferir de forma automática los
paquetes de código.
- 123 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
7.2.1- Generación programa de instalación.
Para iniciar el asistente de empaquetado y distribución, primero hay
que comprobar si existe la orden correspondiente en el menú Complementos; si no es
así hay que añadirla. Para ello, se ejecutará el administrador de complementos desde
el menú Complementos y se seleccionará el asistente de la lista que se visualiza y, a
continuación se establecen las operaciones de complemento de carga, como muestra
la siguiente captura de pantalla:
Cuando se abre el asistente de empaquetado y distribución, desde el menú
Complementos, debe estar abierta la aplicación que se desea empaquetar para
distribuir.
- 124 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Otra forma de proceder es abrir el menú Inicio de Windows y seleccionar el
Asistente de empaquetado y distribución en el submenú Visual Basic. Se mostrará la
siguiente pantalla:
El programador debe seleccionar el proyecto que se desea empaquetar y
distribuir. Es necesario guardar y compilar el proyecto antes de ejecutar este
asistente. Después se debe elegir una de las tres opciones presentadas:
Empaquetar: lleva al programador al primer paso del proceso de
empaquetado de la aplicación.
Distribuir: conduce al programador al primer paso de distribución del
paquete una vez que el proyecto ha sido empaquetado para distribuirlo.
- 125 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Administrar secuencias de comandos: permite al programador cambiar los
nombres de los archivos de órdenes de empaquetado y distribución.
- 126 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
7.2.1.1- Empaquetado.
Para empaquetar la aplicación, el programador debe hacer clic en el botón
“Empaquetar”. Esto hará que el asistente muestre varios cuadros de diálogo. Cada
cuadro de diálogo solicitará información acerca del proyecto y permitirá al usuario
elegir las opciones que quiere incorporar al programa de instalación, como va a
distribuir la aplicación, si quiere que el asistente compile la aplicación en el supuesto
de que no lo hubiera hecho, etc.
El primer paso es elegir el tipo de empaquetado. El cuadro de diálogo Tipo de
empaquetado permite al programador elegir el tipo de paquete que desea crear:
Paquete de instalación estándar: crea un paquete para ser instalado
mediante un programa de instalación “.exe.”
- 127 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Archivo de dependencias: crear un fichero con información de los
componentes necesarios para la ejecución de la aplicación.
En el caso de la aplicación para la ejecución en modo host local, se necesita
un instalador de la misma, por lo tanto se debe seleccionar la primera opción,
Paquete de instalación estándar y hacer clic en siguiente.
El siguiente formulario que aparece es el de seleccionar la carpeta del
paquete, que permite seleccionar una carpeta para almacenar el paquete de
instalación.
Una vez seleccionada la ruta escogida, se debe hacer clic en siguiente, que
dirige al usuario a la selección de Archivos incluidos.
- 128 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
El diálogo Archivos incluidos muestra una lista de los archivos que se
incluirán en el paquete y le permite al programador agregar otros archivos o eliminar
archivos no deseados.
Si falta algún archivo necesario, el asistente lo notificará antes de mostrar
todos los archivos que compondrán el paquete. En caso de necesitar alguno de sebe
pulsar “Aceptar”, para que lo agregue a la lista de archivos que se agregarán al
paquete.
- 129 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Una vez aceptado el mensaje de archivos que faltan, aparecerá la pantalla de
dialogo mostrando los archivos que componen el paquete:
- 130 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Cuando el programador haya seleccionado / deseleccionado los archivos que
quiera agregar al paquete, debe hacer clic en “Siguiente”. La siguiente pantalla de
diálogo que aparece es la referente a las Opciones .cab, la cual permite especificar
cuántos archivos “.cab” se desean crear, uno de gran tamaño o bien varios más
pequeños. Para una distribución en disquetes, se debe elegir la opción Múltiples
archivos .cab, en el proyecto del tutorial, como la distribución se quiere realizar por
medio de un disco compacto, a través de la red local de la universidad, o bien a
través de la Intranet o Internet, se debe elegir Un único archivo .cab.
- 131 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Una vez seleccionada la opción .cab y pulsado el botón de “Siguiente”, se
muestra la pantalla de diálogo de Título de Instalación, mediante la cual se asigna el
nombre que aparecerá cuando un usuario ejecute el programa de instalación para
instalar la aplicación.
- 132 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
La siguiente pantalla es Elementos del menú Inicio la cual permite
especificar los grupos y los electos del menú Inicio que deberán crearse en el equipo
del usuario final durante la instalación de la aplicación.
Si se agrega un grupo o un elemento al directorio Menú Inicio, aparecerá
dentro del menú principal que se abre cuando el usuario hace clic en el botón Inicio
de Windows. Si se agrega un grupo o elemento al subdirectorio Programas alojado
en el menú Inicio de Windows.
- 133 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Cuando se haya decidido en qué grupo de elementos del menú Inicio se ha de
agregar el proyecto, se hace clic en “Siguiente”, y se accede a la pantalla de diálogo
de Ubicaciones de instalación, en la cual se muestra el nombre y la ubicación
original de cada unos de los archivos del paquete, así como la ubicación en la que
serán instalados. Si se desea se puede cambiar la ubicación de instalación de cada
uno de estos archivos, aunque lo recomendable por el fabricante es dejarlos en las
rutas asignadas por Microsoft Visual Basic 6.0, puesto que por lo general son
librerías “.dll”, que va a ser utilizado por otros programas del sistema.
- 134 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
La siguiente pantalla, una vez se haya hecho clic en “Siguiente”, es la
correspondiente al diálogo de Archivos Compartidos. En ella se permite especificar
los archivos que se instalarán como compartidos. Un fichero compartido puede ser
utilizado por otras aplicaciones en el equipo del usuario y no podrá eliminarse
cuando el usuario final proceda a desinstalar la aplicación mientras exista alguna otra
aplicación que lo utiliza.
Finalmente, al hacer clic en “Siguiente”, el asistente ya tiene la información
necesaria para iniciar la generación del paquete. La configuración del paquete será
guardada en un fichero cuando se haga clic en “Finalizar”.
- 135 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Al finalizar el proceso de empaquetado se mostrará un informe como el
siguiente:
- 136 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
7.2.1.2- Distribución.
Para distribuir la aplicación, el programador debe hacer clic en el botón
“Distribuir”. Esto hará que el asistente muestre varios diálogos. Cada diálogo
solicitará información acerca del proyecto y permitirá al usuario elegir que paquete
se va a distribuir, el método de distribución, la unidad en la que se grabará el paquete
de instalación, etc.
La primera pantalla del diálogo que se muestra al hacer clic es en Distribuir,
es el nombrado Paquete que se va a distribuir.
Una vez seleccionado el paquete que se va a distribuir, se hace clic en
“Siguiente”, y aparece el diálogo Método de distribución. Este diálogo permite
elegir el método de distribución del paquete seleccionado: disquetes, carpeta
- 137 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
(distribuye el paquete en la carpeta indicada de una unidad local o de red), o bien
publicación en web. Este tipo de proyecto tendrá dos tipos de distribución. Una será
la distribución en disco compacto para los usuarios que deseen tener en su propio
ordenador la instalación y que accedan a la aplicación en modo host local. Para esta
opción se hará la distribución seleccionando la primera opción. La otra distribución
será la específica de usuarios que accedan a la aplicación en modo online clienteservidor. Para esta opción se debe de seleccionar la opción de publicación en Web.
Una vez elegida la opción de por qué medio se ha decidido hacer la
distribución de la aplicación, se hace clic en “Siguiente”.
- 138 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
La siguiente pantalla de diálogo que aparece es la correspondiente a la
selección de la carpeta del host donde se desea guardar la aplicación o de la unidad
de red en donde el administrador / programador desea alojar la aplicación para que
los diferentes usuarios puedan acceder a ella una vez identificados, para ser
ejecutada.
- 139 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
En el caso de distribución publicando la aplicación por web, aparecerá la
siguiente pantalla:
En ella se deben de seleccionar los archivos que se quieren subir al servidor
de aplicaciones para que los usuarios puedan acceder a los mismos desde la
plataforma de docencia de la universidad. Será el administrador del sistema de la
universidad quien deba configurar todos los parámetros para que desde un
determinado sitio de la intranet de la universidad se pueda acceder a la aplicación.
Después de pulsar “Siguiente”, el dialogo guiará al programador a la ventana
de selección de elementos que se desean agregar a la ruta asignada por el
administrador del sistema. En el caso de este proyecto se deben de subir al servidor
todos los formularios que componen la aplicación.
- 140 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Finalmente, una vez pulsado “Siguiente”, en ese instante el asistente tiene la
información necesaria para iniciar la distribución del paquete.
- 141 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Al finalizar el proceso de distribución se mostrará un informe como el
siguiente:
- 142 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 143 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
8.- PRUEBAS DEL SISTEMA
8.1- PRUEBAS REALIZADAS.
El objetivo global de esta fase es someter a la aplicación a una serie de planes
de prueba y verificaciones encaminadas a garantizar el nivel de fiabilidad esperado.
Una vez programados todos los módulos de la aplicación y probados cada
uno de ellos se someten a una serie de pruebas. Estas pruebas han sido:
Pruebas de encaminamiento, que aseguran y verifican las llamadas entre los
distintos componentes y formularios.
Pruebas de integración, que verifican la funcionalidad de toda la aplicación
y el rendimiento de los recursos utilizados.
Pruebas de explotabilidad, que verifican la correcta operación del sistema.
Pruebas de seguridad, que verifican los aspectos de seguridad exigidos en
los requisitos de la aplicación.
Pruebas de sobrecarga, que verifican el correcto funcionamiento y
comportamiento de la aplicación ante los estados de sobrecarga en los que se
puede ver envuelto.
Pruebas de recuperación, que verifica la capacidad de la aplicación para
recuperar la información.
Pruebas de aceptación, del usuario que certifican por parte de los usuarios
finales la funcionalidad y rendimiento de la aplicación de acuerdo con los
requisitos establecidos.
Pruebas de usabilidad, que certifican la accesibilidad de la aplicación.
- 144 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 145 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
9.- CONCLUSIONES
Una vez acabado de realizar todas las fases del ciclo de vida de la aplicación,
desde el análisis de requisitos hasta la programación pasando por el desarrolló y
diseño de interfaces, fuentes de información y un largo etcétera, es lógico comentar
algunas cuestiones, complicaciones y conclusiones que han surgido a lo largo de la
realización del Tutorial Gráfico de Diseño y Configuración de Redes.
Es difícil resumir a las conclusiones a las que se llega a la hora de haber
finalizado la realización de este proyecto, pues si todo esto empezó simplemente
siendo un proyecto fin de carrera, al final ha acabado siendo algo en lo que el autor
ha puesto todo su esfuerzo y empeño posible, aportando continuamente nuevas ideas,
modificando y ampliando el temario del tutorial que ya estaba definido porque quería
que fuese lo más completo posible, cosa que es de esperar haya sido conseguida.
Sin lugar a dudas ha sido el primer proyecto real completo que hasta ahora ha
realizado su autor y por supuesto en el que más esfuerzo, trabajo e ilusión ha puesto.
Con el desarrollo de este proyecto se ha podido comprobar la dificultad, tanto
en el análisis como en la realización de la aplicación y todo lo que conlleva la
realización de un proyecto.
A lo largo de la carrera el autor ha estudiado asignaturas que quizás en su
momento no haya sabido relacionar las unas con las otras, pero la puesta en práctica
de los conocimientos estudiados y aprendido durante estos 3 años de carrera, han
sabido enseñar al autor lo relacionado que están los conocimientos de una asignatura
- 146 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
con otra, cuando terminaba la fase de análisis estudiada en Ingeniería de software
comenzaba la fase de programación estudiada en la asignatura de Programación
visual.
La elección del lenguaje de programación Visual Basic, ha sido un acierto en
opinión del autor, puesto que para la realización de este proyecto es muy adecuado.
Es un lenguaje que, a priori, puede resultar sencillo, ya que es un lenguaje muy
visual, con una interfaz y sintaxis muy básicas. La etapa de diseño de los distintos
formularios es muy sencilla, ya que se limita a la colocación de los componentes,
botones, etiquetas, cajas de texto y demás, en el sitio elegido dentro del formulario.
La etapa de programación de los componentes y de los múltiples eventos sobre los
que actúan no es tan sencilla si se quiere realizar adecuadamente. Visual Basic es un
lenguaje sencillo, pero con el que se pueden realizar potentes aplicaciones.
El objetivo principal del proyecto era crear una plataforma didáctica de
aprendizaje, mediante un interfaz visual, con la que familiarizar al usuario con la
terminología y los conceptos básicos del mundo de las telecomunicaciones aplicados
a la transmisión de datos, objetivo que se ha cumplido. Otro objetivo a cumplir era el
aprendizaje de los fundamentos de enrutamiento, subredes y protocolos TCP/IP
necesarios para diseñar redes de datos, puesto que el día de mañana al autor le
gustaría dedicarse a este campo de la informática.
A la hora de realizar el proyecto, se puede decir que se ha adquirido un
carácter constante y emprendedor ante los problemas que iban surgiendo a medida
que se avanzaba en el proyecto. El saber afrontar los problemas, como resolverlos y
- 147 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
sobre todo la constancia y dedicación puesta hasta que se consigue resolverlos, se
ven recompensados cuando se ve por primera vez la ejecución completa de la
aplicación una vez realizada y verificada la fase final de pruebas.
- 148 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 149 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
10.- BIBLIOGRAFÍA
Los libros y referencias consultados para la documentación y realización de
este tutorial son los siguientes:
[AMES95] Antonio de Amescua, "Ingeniería del software de gestión: Análisis y
Diseño de Aplicaciones” ", Paraninfo, 1995.
[ALCA92] Eduardo Alcalde Lancharro, "Metodología de la programación",
McGraw Hill, 1992.
[BARR01] Jesús Barranco de Areba., “Metodología del análisis estructurado de
sistemas”, Universidad Pontificia de Comillas, Madrid 2001.
[RAMO00] Isidro Ramos, Mª Dolores Lozano Pérez, "Ingeniería del software y
Bases de Datos: tendencias actuales", Ediciones Universidad CastillaLa Mancha, 2000.
[GREG05] Murine Gregory, "Gestión de proyectos", Anaya Multimedia Interactiva,
2005
[SOMM05] Sommerville, I., traducción de Alfonso Galipienso, M. I., “Ingeniería
del software”, Pearson Addison Wesley, Madrid 2005.
[BRAU03] Braude, E. J., “Ingeniería del software: una perspectiva orientada a
objetos”, Ra-Ma, Madrid 2003.
[PRES96] Roger Pressman, "Ingeniería del software: un enfoque práctico", McGraw
Hill, 1996.
[STEV02] Stevens, P., Pooley R., traducción de Alarcón Fernández, M., Sanjuán
Martínez, O. Pérez Sorrozal F., “Utilización de UML en ingeniería del
software con objetos y componentes”, Addison Wesley, Madrid 2002.
- 150 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
[SANT98] Martín Santos Pérez, "Normas de Presentación de tesis, tesinas y
proyectos", Universidad Pontificia de Comillas, 1998.
[GOME03] Gómez, C., “Diseño de sistemas software en UML”, Edicions UPC,
Barcelona 2003.
[JOYA03] Joyanes Aguilar, L., “Fundamentos de la programación: libro de
problemas: algoritmos estructuras de datos y objetos”, Mc Graw Hill,
Madrid 2003.
[PERE02] Pérez-Campanero Atanasio, J. A., Morera Pascual, J. M., “Conceptos de
sistemas operativos”, Universidad Pontificia de Comillas, Madrid 2002.
[MARC79] Tom de Marco, "Structured analysis and System Specification", Anaya
Multimedia, 1979.
[CEBA99] Ceballos Sierra, F. J., “Enciclopedia de Microsoft Visual Basic”, Ra-Ma,
Madrid 1999.
[CHAR99] Charte Ojeda, F., “Visual Basic 6”, Anaya Multimedia, Madrid 1999.
[AITK99] Aitken, P. G., “Visual Basic 6: manual completo de programación”,
Paraninfo, Madrid 1999.
[SWAR99] Swartzfafager, G., “Visual Basic 6: programación orientada a objetos”,
Paraninfo, Madrid 1999.
[MICR03] Microsoft, “Diccionario de informática e Internet”, Mc Graw Hill,
Madrid 2003.
[JOKA03] John Kane by Cisco Systems, Inc. “Academia de networking de Cisco
Systems: Guía del primer año CCNA 1, 2, 3 y 4. Tercera edición.
Ciscopress 2003.
[FRAM03] Francisco J Molina., “Redes de Área Local”, Ra-Ma, Madrid 2003.
- 151 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
[MIOFC03] Microsoft Oficial Course 2184ª “Implementación, administración y
mantenimiento de infraestructuras de redes en Microsoft Windows
Server 2003: Servicios de Red”. Microsoft Learning.
[DORD00] Dordoinge, J., traducción de García, F., “Networking essentials”, ENI,
Nantes 2000.
- 152 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 153 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 154 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
A.- MANUAL DE USUARIO
A.1- INTRODUCCIÓN.
En esta parte de la memoria, se muestra el manual de usuario que se ha
realizado para la aplicación de Tutorial Gráfico de Diseño y Configuración de
Redes.
La realización de este manual, esta orientada a explicar todas las funciones de
las que dispone la aplicación, con el fin de que el usuario final aprenda cada uno de
los controles que se le presentan en cada pantalla de la aplicación, ya que dependerá
del uso que se haga de la aplicación y de la determinación del usuario de cómo
utilizarlo.
- 155 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
1.- INTRODUCCIÓN
1.1- RESUMEN DE LA APLICACIÓN.
La finalidad del Tutorial Gráfico de Diseño y Configuración de Redes, es
servir a los estudiantes de la Escuela Técnica Superior de Ingeniería ICAI de la
Universidad Pontificia Comillas de Madrid como nuevo método de aprendizaje, que
mediante una interfaz gráfica sencilla y potente permita al estudiante conocer y
entender el funcionamiento y la configuración de las redes de comunicación.
Las principales funciones de este tutorial son:
Crear una plataforma didáctica de aprendizaje, mediante un interfaz visual,
con la que se quiere familiarizar al usuario con la terminología y los
conceptos básicos del mundo de las telecomunicaciones aplicados a la
transmisión de datos. Una vez explicado cada concepto se explicarán de
forma visual y gráfica dichos conceptos.
Introducir al usuario en los sistemas de comunicación, definiendo los tipos de
servicios y protocolos que existen, los tipos de redes de transmisión de datos
que hay, la clasificación de las redes según su titularidad, su topología, su
transferencia de la información y su localización geográfica, definición de
elementos básicos de un sistema de comunicación, …
Definir al usuario los fundamentos básicos de Ethernet, explicando su
tecnología y su conmutación.
- 156 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Aprendizaje de los fundamentos de enrutamiento, subredes y protocolos
TCP/IP necesarios para diseñar redes de datos.
Aprendizaje del enrutamiento, mediante configuración de equipos y routers
(ejemplo basados en routers Cisco).
Este Tutorial Gráfico de Diseño y Configuración de Redes, está orientado a
los alumnos de tercer años de carrera de ITIG/S y cuarto año de IINF para la
asignatura de Redes de Computadores, como material de apoyo y aprendizaje para
que de forma visual entiendan como funcionan las redes de datos e incluso puedan
ellos mismos construir sus propias redes locales (LAN).
El tutorial está realizado en su totalidad bajo un entorno visual, para lo cual se
programará en lenguaje Visual Basic, un lenguaje orientado a eventos, utilizando el
paquete de aplicaciones que proporciona Microsoft Visual Studio 6.0.
- 157 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
1.2- LA APLICACIÓN.
Este aplicación consta de un paquete compuesto por:
Disco compacto instalador de la aplicación.
Licencia con contraseña.
Manual de Usuario.
1.3- ALCANCE DEL SISTEMA.
La construcción del sistema implica las funciones que se determinan a
continuación:
Crear una plataforma gráfica de aprendizaje, que se pueda implementar en
otras materias.
En esta aplicación específicamente, explicar gráficamente cada uno de los
conceptos de redes de comunicaciones.
1.4- ÁMBITO DE LA APLICACIÓN.
La aplicación podrá ejecutarse tanto en un host local, instalando la aplicación
en el equipo y ejecutándola desde dicho equipo, como en un host on-line,
instalándola y ejecutándola desde un servidor de aplicaciones del centro educativo,
en este caso la universidad. Para ello habrá que alojar el programa e instalarlo en el
servidor, que será referenciado desde la página web de la zona personal del profesor
- 158 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
o desde el portal de recursos de la Universidad para ser ejecutada previa
identificación del usuario.
1.5- TIPOLOGÍA DE USUARIOS.
Este Tutorial Gráfico de Diseño y Configuración de Redes, está orientado a
los alumnos de tercer años de carrera de ITIG/S y cuarto año de IINF para la
asignatura de Redes de Computadores, como material de apoyo y aprendizaje para
que de forma visual entiendan como funcionan las redes de datos e incluso puedan
ellos mismos construir sus propias redes locales (LAN).
El Tutorial también está orientado a los profesores que imparten dicha
asignatura, puesto que dicha aplicación les servirá de material de apoyo didáctico a
sus explicaciones.
- 159 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
2.- DESCRIPCIÓN GENERAL DEL SISTEMA
2.1- ENTORNO DE LA APLICACIÓN.
Los requisitos mínimos para poder instalar satisfactoriamente Microsoft
Visual 6.0 y poder ejecutar la aplicación, según las recomendaciones de Microsoft
( www.microsoft.es ) son:
Microprocesador Pentium 90 MHz o superior.
Disco duro con un espacio mínimo de 80 MB.
Unidad de CD-ROM.
Ratón.
Tarjeta de vídeo soportada por Windows.
32 MB de memoria RAM (mínimo).
Microsoft Windows 9x, Windows NT 3.51, Windows XP o Windows
Vista.
Navegador Microsoft Internet Explorer o similar a poder ser en su última
versión.
La aplicación utiliza objetos y componentes que no son del tipo estándar y
por lo tanto requieren su correspondiente archivo OCX o DLL en el caso de los
componentes y objetos propios de Visual Basic 6.0, los cuales se incluyen en el
instalador de la aplicación para que pueda funcionar correctamente, En el caso de
componentes externos a Visual Basic 6.0, como son los pluggins de reproducción
para las animaciones realizadas con Macromedia Flash se pueden descargar desde
http://www.adobe.com/es/downloads/ en el caso de no disponer el host de ellos. El
- 160 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
resto de los componentes que utiliza la aplicación y que son estándar están instalados
en la carpeta System 32 que es creada cuando se instala el sistema operativo
Microsoft Windows en cualquiera de sus versiones.
2.2- PERFILES DE USUARIO.
La aplicación puede ser ejecutada tanto en modo cliente-servidor, como en
modo online, por tanto se diferenciarán dos tipos de usuarios distintos.
Primero, el usuario local que ejecuta la aplicación desde la universidad o bien
desde un ordenador personal instalando la aplicación proporcionada por el centro en
un disco compacto, sin tener la necesidad de estar conectado a ningún tipo de red de
comunicaciones.
El otro tipo de usuario, el usuario online el cual no dispone de un disco
compacto instalador de la aplicación y tiene que ejecutar la aplicación desde Internet
por medio de un servidor de aplicaciones y mediante la plataforma de docencia de la
universidad accediendo a la página personal del profesor que imparte la asignatura.
Este tipo de usuario tendrá la necesidad de estar conectado a la red de
comunicaciones, necesitando tanto el hardware como el software necesario para
realizar la conexión al servidor de aplicaciones y la posterior presentación del
resultado de la ejecución de la operación que realice.
Ambos tipos de usuarios tienen los mismos privilegios a la hora de ejecutar la
aplicación, la única diferencia es que el usuario online necesitará un nombre de
- 161 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
usuario y una contraseña para autenticarse en el servidor de aplicaciones y así poder
ejecutar el tutorial, mientras que el usuario local deberá simplemente introducir la
contraseña proporcionado junto a su copia del software (está medida de protección es
realizada para evitar la copia del software por parte de terceros).
- 162 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.- FUNCIONAMIENTO DE LA APLICACIÓN
3.1- INSTALACIÓN DE LA APLICACIÓN.
Para la utilización de la aplicación, primeramente hay que instalarla en el
equipo en el que se desea ejecutar. Para la creación del archivo instalable de la
aplicación Tutorial Gráfico de Diseño y Configuración de Redes se ha utilizado
como se ha visto en la fase de Programación, la herramienta de Asistente para
empaquetado y distribución, herramienta que viene incorporada en el paquete de
aplicaciones Microsoft Visual Studio 6.0.
Para poder instalar la aplicación se debe hacer doble clic en el icono
para que el instalador de la ejecución comience.
- 163 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Una vez se ejecute el instalador, el asistente de instalación recomendará que
se cierren todas las aplicaciones que se estén ejecutando para llevar a cabo la correcta
instalación.
A continuación se solicita el directorio de instalación en donde se alojará la
aplicación:
- 164 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Después de indicar la ruta de instalación, el instalador requerirá un nombre de
grupo para la aplicación.
Una vez pulsado el botón de “Continuar”, el instalador comenzará a instalar
la aplicación en el directorio que se especificó anteriormente. Una vez que termine
de instalarse la aplicación, aparecerá un mensaje en el que se comunica al usuario
que la instalación ha finalizado correctamente. La aplicación estará lista para ejecutar
en la ruta que se especificó.
- 165 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.2- EJECUCIÓN DE LA APLICACIÓN.
Para poder ejecutar se debe hacer clic en Inicio, Programas, Setup Tutorial
Gráfico de Diseño y Configuración de Redes, y pulsar el icono
de la aplicación
Tutorial Gráfico de Diseño y Configuración de Redes.
Otra forma de ejecutar la aplicación es en la ruta que se especificó durante la
instalación.
- 166 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.3- NAVEGACIÓN POR LA APLICACIÓN.
Una vez arrancada la aplicación, la primera pantalla que se muestra al usuario
es una pantalla de Título de la aplicación en la que se muestran deferentes
animaciones. Una vez finalizadas las animaciones (aproximadamente 10 segundos)
se habilita una flecha en la parte inferior derecha que invita al usuario a acceder a la
aplicación.
- 167 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
La siguiente pantalla que se muestra al usuario es la de Autenticación de
usuario. En esta pantalla, el usuario deberá de identificarse mediante su nombre de
usuario y contraseña, que le será proporcionada por el profesor o por el
administrador del sistema, para poder utilizar la aplicación.
La pantalla esta compuesta por los campos usuario y contraseña que deberán
de ser rellenados correctamente. También cuenta con tres botones. El botón
“Aceptar” que ejecuta el script de seguridad de la aplicación y en caso de ser
correctos los datos introducidos accede a la aplicación para que el usuario pueda a
empezar a interactuar con ella. El botón “Cancelar” que limpia los campos en caso
de haber escrito algo, y el botón “Salir” que sale de la aplicación en caso de no
quererla ejecutar en ese momento.
- 168 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
En la pantalla se avisa al usuario que debe de disponer de una cuenta de
usuario proporcionada por el administrador del sistema para poder ejecutar la
aplicación, y en el caso que no disponga de una debe solicitarla.
En el caso de que los datos introducidos sean incorrectos aparecerán
diferentes mensajes. Estos mensajes son los siguientes:
1.- Pantalla de Error 1. El primer mensaje de error, aparece cuando el usuario intenta
identificarse dejando alguno de los campos que la aplicación solicita vacíos. Los
campos que debe de rellenar para identificarse son tanto el usuario como la
contraseña. Esta pantalla muestra el siguiente mensaje: No puede dejar campos
vacíos. Por favor, contacte con el administrador del sistema.
- 169 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
2.- Pantalla de Error 2. Se muestra el siguiente mensaje: No ha introducido una
cuenta de usuario válida. Por favor, contacte con el administrador del sistema.
- 170 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
3.- Pantalla de Usuario Correcto. Muestra el siguiente mensaje: Bienvenido al
tutorial. Cuenta de usuario válida.
- 171 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Una vez introducidos los datos correctamente, la siguiente pantalla que se
muestra al usuario es la pantalla de Bienvenida y presentación de la aplicación.
En esta pantalla, la aplicación da la Bienvenida al usuario y se presenta al
estudiante Jorge Gómez Mompó como programador de la aplicación del Proyecto
Fin de Carrera del Tercer curso de Ingeniería Técnica en Informática de Gestión
2006 – 2007.
Dispone dicha pantalla de un botón “Ir al menú principal”, mediante el cual
el usuario accederá a todo el temario del que dispone este tutorial.
- 172 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
La pantalla de menú principal, es la pantalla que permite al usuario la
elección del tema que quiere estudiar. Los temas están agrupados por partes para que
al estudiante le sea más fácil su seguimiento.
Esta pantalla está compuesta por etiquetas de texto para la división de las
partes que trata este tutorial y por botones para que el usuario interaccione con la
aplicación eligiendo el tema concreto que quiera estudiar. Además dispone de otros
dos botones. El primer botón es el de “Siguiente” con el cual el usuario avanza a la
segunda parte del menú y de esta forma puede visualizar todo el contenido de la
aplicación. El segundo botón es el “Salir” con el cual el usuario cerrará la aplicación.
- 173 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Una vez seleccionado el tema concreto que se quiere estudiar desde la
pantalla de menú de selección de tema, el tutorial mostrará uno de tres tipos posibles
de pantalla dependiendo de las características del tema a tratar en este tutorial.
El primer modelo de pantalla, es el formado por una pantalla como la que
aparece a continuación.
Esta pantalla está compuesta por un texto correspondiente a la explicación del
tema elegido, una animación flash, en la que se explica visualmente dicha
explicación, y cuatro botones con los que el usuario interactuará con la aplicación. El
primer botón es el de “Retroceso” con el cual el usuario retrocede al tema anterior, el
segundo botón es el de “Ir al menú principal” con el cual el usuario vuelve al menú
de selección de un tema concreto, el tercero es el de “Avance” con el cual el usuario
- 174 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
avanzará al siguiente tema del tutorial. También dispone de un botón de “Salir” con
el cual el usuario cerrará la sesión que estaba ejecutando la aplicación y que le
llevará a la pantalla de Autenticación de usuario.
La segunda pantalla de la que dispone el tutorial para mostrar un tema
concreto es la siguiente:
Esta pantalla solo el texto correspondiente a la explicación del tema elegido
debido a que dicho tema no tiene explicación gráfica posible, y cuatro botones
correspondientes a la interacción del usuario con la aplicación. El primer botón es el
de “Retroceso” con el cual el usuario retrocede al tema anterior, el segundo botón es
el de “Ir al menú principal” con el cual el usuario vuelve al menú de selección de un
tema concreto, el tercero es el de “Avance” con el cual el usuario avanzará al
- 175 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
siguiente tema del tutorial. También dispone de un botón de “Salir” con el cual el
usuario cerrará la sesión que estaba ejecutando la aplicación y que le llevará a la
pantalla de Identificación de usuario.
El tercer y último tipo de pantalla para mostrar el temario del tutorial es la
siguiente.
Esta pantalla está compuesta del texto correspondiente a la explicación del
tema elegido, una imagen jpg, en la que se explica gráficamente dicha explicación, y
cuatro botones con los que el usuario interactuará con la aplicación. El primer botón
es el de “Retroceso” con el cual el usuario retrocede al tema anterior, el segundo
botón es el de “Ir al menú principal” con el cual el usuario vuelve al menú de
selección de un tema concreto, el tercero es el de “Avance” con el cual el usuario
- 176 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
avanzará al siguiente tema del tutorial. También dispone de un botón de “Salir” con
el cual el usuario cerrará la sesión que estaba ejecutando la aplicación y que le
llevará a la pantalla de Identificación de usuario.
- 177 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 178 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
B.- VALORACIÓN ECONÓMICA
Todo proyecto informático, antes de realizarse debe ser valorado mediante
una aproximación económica para que el cliente pueda ver si es viable y para que
pueda calcular el gasto que va a tener el nuevo sistema. En el caso del proyecto
Tuorial Gráfico de Diseño y Configuración de Redes, al no ser un proyecto que tiene
restricciones económicas, la valoración se ha realizado al final, además de ser una
valoración mas real puesto que el número de horas de trabajo es el exacto y las
aplicaciones que se han utilizado son las adquiridas a lo largo del proyecto, sin tener
que hacer la compra de alguna de ellas posteriormente a la valoración.
A continuación se detalla la valoración económica de la totalidad del proyecto
como son las horas de trabajo, software específico, licencias y demás. El objetivo de
esta valoración es dotar al proyecto de un valor económico y de realizar la
estimación exacta de la implantación del mismo.
B.1- COSTE HUMANO.
Los costes de las horas empleadas para la realización del proyecto se han
calculado a partir de los salarios medios que cobra un analista junior y un
programador junior en el mercado actual. Estos costes humanos son:
PUESTO
Programador Junior
Analista Junior
SALARIO
35 € / hora
50 € / hora
- 179 -
HORAS
140 horas
130 horas
TOTAL
4.900,00 €
6.500,00 €
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
B.2- COSTE SOFTWARE DESARROLLO.
Los costes de obtención de las distintas licencias software para el desarrollo
de la aplicación utilizando Microsoft Visual Studio son:
PRODUCTO
PRECIO
MSDN Library 7 - Nueva Licencia
MSDN Professional 7- Nueva Licencia
MSDN Professional 7 - Renovación
MSDN Universal 7- Nueva Licencia
MSDN Universal 7 - Renovación
197,73 €
1.384,64 €
534,30 €
3.238,90 €
1.982,74 €
NOTA: Los precios anteriores han sido sacados de:
http://www.abox.com/productos.asp?pid=222
B.3- COSTE SOFTWARE DOCUMENTACIÓN.
Los costes de obtención de las distintas licencias software para el desarrollo
de la documentación son:
PRODUCTO
PRECIO
Office Edición Professional 2003
Office Edición Professional 2003 Actualización
744,00 €
470,00 €
NOTA: Los precios anteriores han sido sacados de:
http://www.microsoft.com/products/info/product.aspx?view=45&pcid=ee
959bd8-14b4-4601-91a7-eea1043249fa&crumb=all
- 180 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
B.4- COSTE SOFTWARE DISEÑO.
Los costes de obtención de las distintas licencias software para el diseño de la
aplicación son:
PRODUCTO
PRECIO
Photoshop CS3
Flash Professional 8
1.042,84 €
810,84 €
NOTA: Los precios anteriores han sido sacados de:
https://store2.adobe.com/cfusion/store/html/index.cfm?store=OLS-ES&
B.5- COSTE EQUIPO INFORMÁTICO.
Los costes del equipo informático en donde se desarrolla la aplicación es el
siguiente:
PRODUCTO
BATCH-PC BRAND INTEL:
- Sistema operativo: Windows XP Professional Edition.
PRECIO
599,00 €
- Procesador: Procesador Intel Pentium D con tecnología
de doble núcleo (3,4 GHz, 2x2 MB de caché de nivel 2 y
bus frontal lateral a 800 MHz).
-Tarjeta Gráfica: Tarjeta gráfica PCI Express de hasta 256
MB de Nvidia, GeForce 7800GTX.
-Disco Duro: Hasta 300 GB.
-Conexiones de Red: 10/100/1000 Ethernet integrada,
preparada para banda ancha.
NOTA: Los precios anteriores han sido sacados de:
https://www.batchpc.com/batchpc/tienda/articulos051.asp?pg=2&pagesize=9&i
dfam=93&fam_id_padre=7
- 181 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
B.6- OTROS COSTES IMPUTABLES.
Estos Costes Imputables son costes que también se dan a la hora de realizar el
proyecto:
CONCEPTO
PRECIO
Amortización equipo
Otros costes
375,00 €
160,00 €
El concepto Otros Costes hace referencia a costes de material (papel, tinta,…)
y al encuadernado de la memoria.
B.7- COSTES TOTALES.
Los Costes Totales es una valoración económica correspondiente al valor
completo de todos los costes que se han producido para la realización de este
proyecto, considerando que las licencias del software necesario son de nueva
adquisición, puesto que si hubieran sido renovaciones de licencia el coste hubiera
sido menor.
PRODUCTO
PRECIO
Programador Junior
Analista Junior
MSDN Professional 7- Nueva Licencia
Office Edición Professional 2003
Photoshop CS3
Flash Professional 8
Equipo Batch-Pc Brand Intel:
Amortización equipo
Otros costes
TOTAL
- 182 -
4.900,00 €
6.500,00 €
1.384,64 €
744,00 €
1.042,84 €
810,00 €
599,00 €
375,00 €
160,00 €
16.515,48 €
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
- 183 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
C.- PLANIFICACIÓN REAL DEL PROYECTO
Todo proyecto informático debe afrontarse de manera adecuada para que al
final del mismo se pueda hablar de éxito. No se trata de una etapa independiente
abordable en un momento concreto del ciclo del proyecto. Es decir, no se puede
hablar de un antes y un después al proceso de planificación puesto que según avance
el proyecto será necesario modificar tareas, reasignar recursos, etc.
Se debe tener claro que si bien se puede hablar de una "etapa de
planificación", llamada así porque aglutina la mayor parte de los esfuerzos para
planificar todas las variables que se darán cita, cada vez que se intenta prever un
comportamiento futuro y se toman las medidas necesarias, se está planificando.
La planificación es necesaria para estudiar y establecer la viabilidad de un
proyecto, ya sea interno o externo a la organización. Hay que hacer los
correspondientes estudios técnicos, de mercado, financieros, de rentabilidad,... así
como una estimación de los recursos necesarios y los costes generados. Todo ello
constituye el elemento fundamental en el que se apoya el cliente (que puede ser la
propia organización en el caso de proyectos internos) para decidir sobre la
realización o no del proyecto.
Una vez se ha decidido ejecutar el proyecto es el momento de realizar una
planificación detallada punto por punto. Uno de los errores más importantes y graves
en gestión de proyectos es querer arrancar con excesiva premura la obra, sin haber
prestado la atención debida a una serie de tareas previas de preparación, organización
- 184 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
y planificación que son imprescindibles para garantizar la calidad de la gestión y el
éxito posterior.
Planificar es armonizar dos tipos de elementos muy diferentes entre sí:
OBJETIVOS
-Exigentes
-Múltiples
-Difíciles
PLANIFICAR
RECURSOS
-Limitados
-Costosos
-Rígidos
La planificación de los proyectos debe estar afectada de un notable grado de
agilidad y dinamismo: no es razonable planificar un proyecto y pensar que esa
planificación es ya definitiva e inmutable. En casi todos los casos, la realidad no
coincide exactamente con lo previsto, por lo que es necesario ir haciendo ajustes
periódicos. La planificación es una herramienta para la gestión y la toma de
decisiones, no para imaginar en un primer momento una evolución que
posteriormente el tiempo se encargará de demostrar que estaba equivocada.
A continuación se presentará la planificación real del proyecto, en las
distintas fases del ciclo de vida en las que se ha dividido según la metodología en la
que se ha desarrollado.
- 185 -
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
NOMBRE DE LA TAREA
DURACIÓN
Introducción
3 días
Identificación de necesidades
13 días
Objetivos de la aplicación
4 días
Alcance de la aplicación
4 días
Tipología de usuarios finales
2 días
Restricciones
2 días
Antecedentes
1 día
Análisis de requisitos
34 días
Reconocimiento del problema
10 días
Modelo físico del sistema actual
0 días
Lista de requisitos
6 días
Modelo lógico del nuevo sistema
10 días
Diagrama entidad relación
4 días
Identificación de eventos HVE
1 día
Matriz entidad-evento HVE
2 días
Diagrama HVE
1 día
Estudio de la arquitectura
20 días
Diagrama de presentación
3 días
Especificación de componentes
3 días
Evaluación de las alternativas
14 días
Diseño Externo
50 días
Fronteras de mecanización
5 días
Especificación de los procesos
5 días
Diseño de entradas
12 días
Diseño página web
3 días
Estimación de los volúmenes de
7 días
información
Procesos de control
3 días
Procesos de seguridad
4 días
Modelo lógico de datos
8 días
Preparación de los planes
3 días
Diseño Interno
19 días
Análisis subsistemas
4 días
Subsistema BATCH
3 días
Subsistema Online
3 días
Estructuración de pantallas y
4 días
menús
Cuadernos de carga
3 días
Diagramas de estructuras
2 días
Programación
40 días
Programación en Visual Basic 6.0
35 días
Empaquetado para la distribución
5 días
Pruebas del sistema
3 días
Pruebas realizadas
3 días
Anexos
5 días
- 186 -
COMIENZO
25/10/2006
30/10/2006
30/10/2006
03/11/2006
07/11/2006
09/11/2006
11/11/2006
12/11/2006
12/11/2006
22/11/2006
28/11/2006
08/12/2006
12/12/2006
13/12/2006
15/12/2006
16/12/2006
16/12/2006
19/12/2006
22/12/2006
05/01/2007
05/01/2007
10/01/2007
15/01/2007
26/02/2007
FINALIZACIÓN
27/10/2006
11/11/2006
02/11/2006
06/11/2006
08/11/2006
10/11/2006
11/11/2006
15/12/2006
21/11/2006
27/11/2006
07/12/2006
11/12/2006
12/12/2006
14/12/2006
15/12/2006
04/01/2007
18/12/2006
21/12/2006
04/01/2007
25/03/2007
09/01/2007
14/01/2007
26/01/2007
28/02/2007
01/03/2007
07/03/2007
08/03/2007
11/03/2007
15/03/2007
23/02/2007
26/03/2007
26/03/2007
30/03/2007
02/04/2007
10/03/2007
14/03/2007
22/03/2007
25/03/2007
13/04/2007
29/03/2007
01/04/2007
04/04/2007
05/04/2007
08/04/2007
09/04/2007
12/04/2007
14/04/2007
14/04/2007
19/05/2007
24/05/2007
24/05/2007
27/05/2007
11/04/2007
13/04/2007
23/05/2007
18/05/2007
23/05/2007
26/05/2007
26/05/2007
31/05/2007
TUTORIAL GRÁFICO DE DISEÑO Y CONFIGURACIÓN DE REDES.
Es importante comentar que en el Diseño Externo hay un mes de interrupción
(días no laborables), del 26 de Enero al 26 de Febrero, los cueles han servidor para
preparar los exámenes de Febrero.
- 187 -