SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

37
Ingeniería Informática Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.1 SISTEMA PARA EL SEGUIMIENTO A LOS SEMILLEROS DE INVESTIGACION DE LA FACULTAD DE INGENIERA INFORMATICA (2 da ENTREGA) PRESENTADO POR: NESTOR VILLABONA DIANA CAROLINA BAQUERO ARIAS DIEGO ALEJANDRO HERRERA MENDEZ PRESENTADO A: CLARA PATRICIA AVELLA (DOCENTE ING SOFTWARE) UNIVERSIDAD PONTIFICIA BOLIVARIANA BUCARAMANGA 15 DE MARZO DE 2010

Transcript of SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Page 1: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.1

SISTEMA PARA EL SEGUIMIENTO A LOS SEMILLEROS DE INVESTIGACION DE LA FACULTAD DE INGENIERA INFORMATICA

(2da ENTREGA)

PRESENTADO POR:

NESTOR VILLABONA DIANA CAROLINA BAQUERO ARIAS

DIEGO ALEJANDRO HERRERA MENDEZ

PRESENTADO A:

CLARA PATRICIA AVELLA (DOCENTE ING SOFTWARE)

UNIVERSIDAD PONTIFICIA BOLIVARIANA BUCARAMANGA 15 DE MARZO DE 2010

Page 2: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.2

SISTEMA PARA EL SEGUIMIENTO A LOS SEMILLEROS DE INVESTIGACION DE LA FACULTAD DE INGENIERA INFORMATICA

CONTENIDO

1 DIAGRAMA DE CLASES ................................................................................ 3

2 DIAGRAMA ENTIDAD-RELACION ................................................................. 4

3 DIAGRAMA DE SECUENCIAS ....................................................................... 5

4 ARQUITECTURA DE SOFTWARE ................................................................. 7

VISTA MODULAR ............................................................................................... 7

VISTA DE CAPAS ............................................................................................... 8

VISTA DE COMPONENTES Y CONECTORES .................................................. 9

Cliente - Servidor ........................................................................................... 9

VISTA DE ASIGNACIÓN .................................................................................. 10

Deployment ................................................................................................... 10

5 INTERFAZ GRAFICA DE USUARIO - GUI ................................................... 31

6 REFERENCIAS ............................................................................................. 37

Page 3: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.3

1 DIAGRAMA DE CLASES

Page 4: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.4

2 DIAGRAMA ENTIDAD-RELACION

Page 5: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.5

3 DIAGRAMA DE SECUENCIAS

Registrar Estudiante

Page 6: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.6

Modificar Estudiante

Page 7: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.7

4 ARQUITECTURA DE SOFTWARE

VISTA MODULAR SQUIRREL –Nombre de la aplicación para el seguimiento de los semilleros de investigación de la Facultad de Ingeniería Informática de la Universidad Pontificia Bolivariana Seccional Bucaramanga

Page 8: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.8

VISTA DE CAPAS

Capa de presentación: es la que ve el usuario (también se la denomina "capa de

usuario"), presenta el sistema al usuario, le comunica la información y captura la información del usuario en un mínimo de proceso (realiza un filtrado previo para comprobar que no hay errores de formato). Esta capa se comunica únicamente con la capa de negocio. También es conocida como interfaz gráfica y debe tener la característica de ser "amigable" (entendible y fácil de usar) para el usuario. [2]

Capa de Lógica es donde residen los programas que se ejecutan, se reciben las

peticiones del usuario y se envían las respuestas tras el proceso. Se denomina capa de negocio (e incluso de lógica del negocio) porque es aquí donde se establecen todas las reglas que deben cumplirse. Esta capa se comunica con la capa de presentación, para recibir las solicitudes y presentar los resultados, y con la capa de datos, para solicitar al gestor de base de datos para almacenar o recuperar datos de él. También se consideran aquí los programas de aplicación. [2]

Page 9: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.9

VISTA DE COMPONENTES Y CONECTORES

Cliente - Servidor

CLIENTE SERVIDOR

BASE DE DATOS CONEXIÓN DE RED

CLIENTE: Es el que inicia un requerimiento de servicio. El requerimiento inicial puede convertirse en múltiples requerimientos de trabajo a través de redes LAN o WAN. La ubicación de los datos o de las aplicaciones es totalmente transparente para el cliente [3] SERVIDOR: Es cualquier recurso de cómputo dedicado a responder a los requerimientos del cliente. Los servidores pueden estar conectados a los clientes a través de redes LAN o WAN, para proveer de múltiples servicios a los clientes [3] BASE DE DATOS: Un conjunto de información almacenada en memoria auxiliar que permite acceso directo y un conjunto de programas que manipulan esos datos [4]

Page 10: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.10

CONEXIÓN DE RED: Puede tener accesos a recursos y funciones de redes, ya que se encuentran físicamente en la ubicación de la red o en una ubicación remota [4]

VISTA DE ASIGNACIÓN

Deployment

La conexión de una aplicación a un repositorio de datos se debe realizar a través del llamado connectionString, en el cual se especifica principalmente: la fuente de datos, login y password del usuario que se autenticará en la base de datos. Para el caso de SQLServer en el momento de realizar el deployment de la aplicación este factor se encuentra implícito dentro del proyecto, es decir, ningún parámetro en particular se debe tener en cuenta en el momento de crear el .exe, con el hecho de que exista la base de datos y que la aplicación pueda conectarse a ella es más que suficiente, de este modo los clientes no requieren de instalaciones adicionales. Con base en lo anterior a continuación los pasos para realizar la construcción del instalador (Setup) para nuestra aplicación, basándonos de un instalador de un proyecto de prueba [1]. Paso 1.- Agregar un nuevo proyecto de instalación a una solución existente. Se inicia con la creación de una solución (en este caso una de prueba ya que no se ha terminado nuestra aplicación final), la cual que se llamara “ProyectoPrueba” que contiene un solo proyecto del tipo WindowsApplication que se llama también ProyectoPrueba, no importa el proyecto que sea, solo que sea del tipo Windows application.

Page 11: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.11

Se da clic con el botón derecho en la solución en el explorador de soluciones y se selecciona Agregar > Nuevo proyecto.

Page 12: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.12

Al hacer esto mostrara la siguiente pantalla para elegir un nuevo proyecto y se selecciona un proyecto en: Otros Tipos de proyectos > Instalación e Implementación > Proyecto de instalación.

Paso 2.- Seleccionar que archivos del proyecto se desea añadir al instalador. Y al seleccionar el nuevo proyecto se mostrara la siguiente pantalla, la cual se explica a continuación. Se ve un árbol de exploración que es el “Sistema de archivos en el equipo de destino”, este se visualiza como el equipo en donde se va a instalar nuestra aplicación la cual se muestra en 3 carpetas las cuales se explican a continuación. Carpeta de aplicación: Es donde se colocan todos los archivos necesarios para que la aplicación funcione. Escritorio del usuario: Es donde se colocan los elementos que se muestran en el escritorio del usuario, casi siempre se pone un acceso directo al Ejecutable (.exe) de la aplicación. Menú programas del usuario: Lo que se coloca aquí se muestra en “Inicio > Todos los programas” del equipo de destino.

Page 13: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.13

Ahora se da un clic derecho y se selecciona Carpeta de aplicación > Agregar > Resultados del proyecto

Page 14: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.14

Y se ve la siguiente pantalla. En esta pantalla se da a elegir que es lo que se va a colocar en la carpeta de la aplicación donde se puede seleccionar lo que se desea del “ProyectoPrueba” (si se tiene más proyectos en la solución se puede elegir el que se quiera). Estas son algunas opciones que ofrece VS. Resultado principal: Contiene los archivos DLL o EXE generados por el proyecto. Recursos adaptados: Contiene los ensamblados satélite para los recursos de cada referencia cultural. Archivos de código fuente: Contiene todos los archivos de código fuente del proyecto. En este ejemplo se selecciona solo la opción de resultados principal ya que no se desea darle al usuario final el código fuente, y clic en aceptar.

Con eso ya está lista la carpeta de aplicación ahora se procede a configurar la carpeta Escritorio del usuario en la cual solo se agrega un

Page 15: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.15

Acceso directo al Resultado principal de la aplicación (exe). Se selecciona la carpeta Escritorio del usuario y se da un clic derecho en la parte central de la pantalla y se selecciona “Crear acceso nuevo acceso directo” tal como se muestra en la pantalla.

Al hacer esto se muestra la siguiente pantalla que es para elegir a que va hacer referencia el nuevo acceso directo. Para lo cual nos dirigimos a la carpeta de la aplicación y se selecciona Resultado principal de la aplicación, después clic en aceptar.

Page 16: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.16

Una vez hecho esto se puede editar el acceso directo y cambiarle el nombre, el icono que se mostrara, etc. Por último se selecciona la carpeta Menú programas del usuario se da un clic derecho en este y se selecciona Agregar > Carpeta, esto se hace para agregar una nueva carpeta para que aparezca en “Todos los programas” del usuario final.

Page 17: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.17

Se cambia el nombre a la carpeta creada recientemente a “Proyecto Prueba”, se selecciona y se da un clic con el botón derecho en la parte central de la pantalla para agregar nuevamente un acceso directo tal y como se hizo en la carpeta Escritorio del usuario.

Page 18: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.18

Después de esto se realiza lo mismo que se hizo en la carpeta Escritorio del usuario y se configura el acceso directo para que haga referencia al resultado principal del proyecto.

Page 19: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.19

Así ya se tiene configurado que archivos se van a copiar, pero aun faltan más configuraciones que este tipo de proyectos de instalación ofrece. Paso 3.- Configurando el proyecto de instalación. La forma en que se va a configurar este proyecto es muy básica ya que este tipo de proyectos ofrece muchas configuraciones para los gustos y necesidades de cualquiera. En el explorador de soluciones se selecciona el proyecto de instalación y se accede a sus propiedades.

Después de hacer esto se mostrara la siguiente pantalla, donde se muestra varias configuraciones pero la única que se ve aquí son los requisitos previos de la instalación.

Page 20: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.20

Al dar clic en Requisitos previos, se muestra la siguiente pantalla en donde se especificara cuales son los requerimientos que necesita la aplicación para funcionar en el equipo de destino. Se pueden especificar cuáles programas necesitan estar instalados para que nuestra aplicación funcione, estos son algunos ejemplos: .Net Framework (varias versiones): Esta opción debe de estar seleccionada siempre, porque ya que si el equipo destino no tiene instalada le versión del Framework necesaria, la aplicación no funcionara. Windows Installer 3.1: Muy necesaria también porque al igual que el Framework es necesario para que el instalador funcione. Existen más opciones pero estas son las principales. También se puede especificar de donde se obtendrán los requerimientos previos es decir que si el instalador detecta que no se tienen los requerimientos necesarios mandara un mensaje al usuario con la información de donde puede obtener dicho requerimiento, esto es configurable en la parte inferior de la siguiente pantalla.

Page 21: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.21

Una vez hecho esto se da por concluido el paso de configuración básica. Paso 4.- Generar el archivo de Setup. Por último se genera el archivo de Setup, para esto se selecciona Generar > Generar Setup tal como se muestra en la pantalla.

Page 22: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.22

Una vez generado el setup se puede encontrar en la carpeta “\ProyectoPrueba\Setup\Debug” ahí se encuentran por lo regular 2 archivos que se nombran según se le allá puesto al proyecto de instalación, uno es .exe y el otro es .msi y funcionan de la misma manera. Se puede acceder directamente a estos archivos para probar el instalador o se puede dar en proyecto> Instalar para probar el instalador.

Page 23: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.23

Después de haber seguido estos pasos ya se tiene nuestro instalador funcionando, estas son algunas imágenes del instalador funcionando.

Page 24: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.24

Page 25: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.25

Page 26: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.26

Page 27: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.27

Page 28: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.28

Aquí en esta imagen se ve el resultado de la instalación en la Carpeta de la aplicación

Page 29: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.29

Esto está en el Escritorio del usuario.

Y para terminar se muestra lo que se agrego en la carpeta de Menú programas del usuario.

Page 30: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.30

Page 31: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.31

5 INTERFAZ GRAFICA DE USUARIO - GUI

Page 32: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.32

Page 33: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.33

Page 34: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.34

Page 35: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.35

Page 36: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.36

Page 37: SISTEMA PARA EL SEGUIMIENTO DE SEMILLEROS DE INVESTIGACION

Ingeniería Informática

Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.37

6 REFERENCIAS

[1] http://blogs.windowsclient.net/linkecubeko/archive/2009/05/01/crear-un- instalador-para-windowsapplication-en-visual-studio-paso-a-paso.aspx [2] http://es.wikipedia.org/wiki/Programaci%C3%B3n_por_capas [3] http://www.monografias.com/trabajos24/arquitectura-cliente-servidor/arquitectura-cliente-servidor.shtml [4] http://www.monografias.com/trabajos11/basda/basda.shtml [5] http://technet.microsoft.com/es-es/library/cc758489(WS.10).aspx