1. Ingeniería Informática
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
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.1
2. Ingeniería Informática
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
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.2
3. Ingeniería Informática
1 DIAGRAMA DE CLASES
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.3
4. Ingeniería Informática
2 DIAGRAMA ENTIDAD-RELACION
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.4
5. Ingeniería Informática
3 DIAGRAMA DE SECUENCIAS
Registrar Estudiante
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.5
6. Ingeniería Informática
Modificar Estudiante
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.6
7. Ingeniería Informática
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
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.7
8. Ingeniería Informática
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]
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.8
9. Ingeniería Informática
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]
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.9
10. Ingeniería Informática
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.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.10
11. Ingeniería Informática
Se da clic con el botón derecho en la solución en el explorador de soluciones y se
selecciona Agregar > Nuevo proyecto.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.11
12. Ingeniería Informática
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.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.12
13. Ingeniería Informática
Ahora se da un clic derecho y se selecciona Carpeta de aplicación > Agregar >
Resultados del proyecto
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.13
14. Ingeniería Informática
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
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.14
15. Ingeniería Informática
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.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.15
16. Ingeniería Informática
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.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.16
17. Ingeniería Informática
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.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.17
18. Ingeniería Informática
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.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.18
19. Ingeniería Informática
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.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.19
20. Ingeniería Informática
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.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.20
21. Ingeniería Informática
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.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.21
22. Ingeniería Informática
Una vez generado el setup se puede encontrar en la carpeta
“ProyectoPruebaSetupDebug” 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.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.22
23. Ingeniería Informática
Después de haber seguido estos pasos ya se tiene nuestro instalador
funcionando, estas son algunas imágenes del instalador funcionando.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.23
28. Ingeniería Informática
Aquí en esta imagen se ve el resultado de la instalación en la Carpeta de la
aplicación
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.28
29. Ingeniería Informática
Esto está en el Escritorio del usuario.
Y para terminar se muestra lo que se agrego en la carpeta de Menú programas del
usuario.
Diagrama Clases y Secuencial - Arquitectura Software - GUI Pág.29