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 -