programando en 3 capas parte 1

UNIVERSIDAD PERUANA LOS ANDES 19 de abril de 2012

Ing. Jorge Alberto Vega Flores 1

Programación en capas

1. Introducción

Uno de los estilos de programación utilizados hoy en día es la programación por capas, cuya peculiaridad es la separación de la lógica de diseño y la lógica de negocios. La ventaja principal de este estilo es que el desarrollo se lleva a cabo en varios niveles, en caso de que ocurra algún cambio, sólo se modifica al nivel que se desea sin tener que revisar todo el código.

También nos permite hacer una distribución al momento de crear una aplicación por niveles; es decir que cada grupo de trabajo es independiente del resto de los grupos de trabajo. En el diseño de sistemas informáticos actual se suele usar las arquitecturas multinivel o Programación por capas.

En dichas arquitecturas a cada nivel se le confía una misión, lo que permite el diseño de arquitecturas escalables. El diseño más utilizado actualmente es el diseño en tres niveles (o en tres capas).

2. Requerimientos de hardware y software

Dispositivo señalador

Microsoft Mouse o compatible.

Unidad de CD o DVD

Es necesaria una unidad de CD o DVD para la instalación de medios de CD o DVD.

http://es.wikipedia.org/wiki/Dise%C3%B1o

http://es.wikipedia.org/wiki/Sistema_inform%C3%A1tico

http://es.wikipedia.org/wiki/Arquitectura_software



Arquitecturas compatibles

x86

x64 (WOW) Sistemas operativos compatibles

Microsoft Windows XP

Microsoft Windows Server 2003

Windows Vista

Windows 7 Requisitos de hardware

Mínimo: CPU a 1,6 GHz, 192 MB de RAM, pantalla de 1024 x 768 y disco duro de 5400 rpm

Recomendado: CPU a 2,2 GHz o superior, 384 MB o más de RAM, pantalla de 1280 x 1024 y disco duro de 7200 rpm o superior

En Windows Vista: CPU a 2,4 GHz, 768 MB de RAM

1,3 GB de espacio en disco disponible para la instalación completa

3. Interfaz de desarrollo

Después del proceso de instalación de Microsoft Visual Studio 2008, se crean los accesos correspondientes situado en Inicio/Todos los programas/Microsoft Visual Studio 2008 como se muestra en la figura siguiente



Recuerde que la ubicación de los accesos dependen del sistema operativo que ha elegido usted para la instalación de Microsoft Visual Studio 2008, a lo largo del curso el sistema operativo base será Windows 7 Professional.

Luego de hacer clic en Microsoft Visual Studio 2008 y si es la primera vez que se ejecuta Microsoft Visual Studio 2008 nos pedirá que configuremos el entorno de desarrollo mediante una ventana de configuración, el cual usted deberá elegir la correspondiente a Microsoft Visual C#.

Luego de ese proceso nos encontraremos en el entorno de desarrollo de Microsoft Visual C #, como se muestra en la figura

Podremos identificar las partes principales del entorno de desarrollo a medida que avancemos el desarrollo del curso y se utilicen los diferentes objetos y menues para lograr el objetivo principal del curso que es el de crear una solución en 3 capas y “n” niveles.

4. Creando el proyecto principal

Bueno ahora que ya conocemos la interfaz gráfica de Microsoft Visual Studio 2008 procedamos a crear nuestro proyecto, recuerde que usted deberá presentar su proyecto terminado al final del curso.

Para crear un proyecto nuevo diríjase al menú Archivo/Nuevo/Proyecto… o en su defecto puede presionar al mismo tiempo las teclas Ctrl+Mayus+N, como se indica en la figura líneas a bajo.

Al hacer clic en Proyecto nos presentara la pantalla de Nuevo proyecto esta pantalla está dividida en tres partes una de ellas es Tipos de proyecto, en esta parte debemos de escoger un proyecto de Visual C# en la sub categoría Windows y en la parte de Plantillas escoger Aplicación de Windows Forms como se muestra en la figura adjunta con el numero “1”.



Seguidamente debe usted escribir el nombre de Proyecto en el cuadro de texto correspondiente a Nombre como se indica en el punto “2”, en mi caso el nombre de proyecto será PProgramación, luego de ello escoja la ubicación en donde se crearan los diferentes objetos del proyecto, en mi caso es en la unidad “C:\” como indico en el punto “3”.

Recuerde que el proyecto automáticamente se crea para el conjunto de librerías .NET Framework 3.5 salvo que usted cambie este valor en la parte superior derecha de la ventana Nuevo proyecto. Por mi experiencia te sugiero que use esta librería por defecto y deshabilite el check box Crear directorio para la solución. Luego pulse Aceptar.

Luego de este proceso Microsoft Visual Studio 2008 ha creado una estructura de archivos como se muestra en la figura siguiente, es decir que los objetos creados para el proyecto deben estar en la ubicación “C:\PProgramacion” si usted no ha tenido este resultado se aconseja que vuelva a crear al proyecto, siguiendo los pasos anteriores y eliminando primero la carpeta que fue creada.

En la figura siguiente se muestra la estructura que debemos obtener en Microsoft Visual Studio 2008, en la parte izquierda por defecto se muestra el cuadro de herramientas, donde encontraremos la mayoría de componentes para poder realizar la solución.



En la parte media encontramos la ventana de diseño, que de forma predeterminada nos muestra el formulario que se ha creado por defecto.

En la parte de la derecha veremos el explorador de soluciones, esta ventana contiene los objetos, archivos del proyecto PProgramacion.

Cabe mencionar que esta distribución de la pantalla de diseño de Microsoft Visual Studio 2008 no es estática, es decir que usted puede variarla de acuerdo a sus necesidades de programación.

Si por algún motivo estas ventanas no se muestran, usted deberá activarlas desde el menú principal de Ver de Microsoft Visual Studio 2008 como se muestra en la figura siguiente o en su defecto presionar el conjunto de teclas cortas que se describe al lado de cada opción.



Ahora que ya tenemos todo listo empezaremos a diseñar nuestro primer formulario, que será el que contendrá el menú, la barra de estado y la barra de botones.

5. Creando el formulario MDI (Interface de Múltiples Documentos)

Al momento de crear nuestro proyecto Microsoft Visual Studio 2008 crea varios objetos y archivos como se detalla en la figura siguiente, uno de ellos es un formulario por defecto el cual tiene como nombre Form1.cs, a quien cambiaremos de nombre a frm_principal.cs, para ello situé el puntero de mouse sobre el objeto Form1.cs y presione la tecla F2.

Este proceso habilita la edición del objeto como se muestra en la figura líneas abajo, ahora cambie el nombre del formulario a uno que usted le sea representativo y de fácil identificación para la solución que usted ha planteado.

En mi caso como dije líneas anteriores se llamara frm_principal.cs, recuerde también que Microsoft Visual C # reconoce entre mayúsculas y minúsculas, es decir que será diferente escribir Frm_Principal que frm_principal.

Para cambiar el nombre a un objeto determinado, también hay otras formas de conseguir este mismo efecto como por ejemplo hacer un clic prolongado en el objeto o buscarlo en el menú contextual del objeto haciendo clic derecho sobre el objeto en mención.

Seguidamente se nos preguntara si queremos que este cambio se actualice en todo el proyecto, presione el botón Si y continúe con el diseño



Ahora debemos de configurar algunas propiedades a nuestro formulario principal, a continuación presento la tabla con una serie de propiedades que usted deberá cambiar desde la ventana de propiedades. Para ello seleccione el formulario haciendo clic derecho y escoja del menú contextual la opción Propiedades.

Propiedad Valor

IsMdiContainer True

StartPosition CenterScreen

Text <Escriba el nombre de su Sistema>

WindowState Maximized

6. Insertando objetos al formulario MDI

Todo formulario debe tener un menú principal, una barra de estado, barra de botones y un fondo gráfico. Pues nuestra solución no será ajena a estos objetos.

Para insertar estos objetos debemos de valernos del cuadro de herramientas de Microsoft Visual Studio 2008 ubicada en la parte izquierda de la pantalla principal de Microsoft Visual Studio 2008 y si no está activada deberá ir al menú Ver para activar la ventana.

El grafico siguiente muestra los objetos que debemos de usar. El menú estará representado por el objeto MenuStrip, la barra de estado por el objeto StatusStrip y la barra de botones por ToolStrip.



Para colocar estos objetos en el formulario MDI (frm_principal.cs) haga clic en el objeto y seguidamente otro clic en el formulario MDI en el modo diseño.

Una segunda manera es arrastrar el objeto al formulario MDI efecto conocido como Drag and Droop.

Terminado este proceso debemos de obtener una imagen como la que se presenta líneas abajo

Nótese que al momento de hacer estos procedimientos se ha creado (instanciado) los objetos correspondientes a cada uno de los elementos antes mencionados como se muestra en la figura siguiente.

En el transcurso de la lección hablaremos detalladamente de las clase base y las forma de instanciar dichas clases

http://es.wikipedia.org/wiki/Arrastrar_y_soltar



7. Editando objetos

Menu Principal (MenuStrip)

Para editar el menú principal usted debe de hacer clic en el objeto MenuStrip1 del formulario frm_principal. Por ahora la estructura de menú que deseo crear es la siguiente: Sistema | Procesos | Reportes | Ayuda el proceso se detalla en la figura siguiente.

El proceso de creación del menú principal no fue muy difícil verdad... Pues bien ahora crearemos los sub menues, para ello solo debemos de situarnos con un clic en el menú principal donde queramos editar y proceder con el ingreso del sub menú siguiente para el menú Sistema: Acerca de.. | Barra separadora1 | Mantenimiento | Barra separadora | Salir. El proceso se muestra en la figura siguiente.

1 La barra de separación se representa escribiendo un guion “-“

Para insertar un sub menú dentro de otro sub menú el procedimiento es sencillo, solo debemos de situarnos sobre el sub menú que deseamos editar e insertar el sub menú. Por ejemplo el contenido del Sub menú Mantenimiento: Usuario | Cambio de clave | Barra separadora | Parametros. El proceso se demuestra en la figura siguiente.



Para terminar con la edición del menú nos falta poner algunas teclas de atajo y un icono representativo a los elementos del menú.

Para poner una tecla de atajo o combinación de teclas al sub menú Salir, debemos de editar la propiedad ShortcutKeys situado en la parte final de la ventana de propiedades del objeto (hacer clic derecho sobre el sub menú Salir y escoger propiedades del menú contextual que aparece), en este caso pondré como tecla de atajo la combinación Alt+F4, para ello debo de elegir el Modificador Alt y escoger del combo Clave la tecla F4 como se muestra en la figura siguiente:

Ahora insertare una imagen para el sub menú Salir. Para tal debemos modificar la propiedad2 Image de la ventana de propiedades del objeto, luego de ello pulse clic en el botón tres puntos (…) como se muestra en el grafico líneas abajo.

2 Para accesar al menú propiedades solo es necesario hacer clic en el objeto en mención y escoger propiedades del menú contextual que aparezca.

Al presionar el botón tres puntos activaremos la ventana de selección de recursos donde podremos elegir el contexto del recurso.

Para este caso elegiré Archivo de recurso del proyecto luego de ello presione Importar

Al presionar el botón Importar nos mostrara la ventana Abrir para buscar un archivo gráfico. Busque un archivo de las siguientes características: Dimensiones 16x16, Tipo de archivo *.PNG.



Se recomienda ceñirse estrictamente a este tipo de formato para cualquier imagen que usted desee insertar al sub menú o barra de estado o bien a la barra de botones por ser una buena práctica de programación.

Luego pulse Abrir para cerrar la ventana actual y luego pulse aceptar. El proceso se muestra en la figura siguiente:

Terminado el proceso debemos de obtener un gráfico como se muestra a continuación

Puede usted repetir todo este proceso para añadir teclas de atajo y gráficos a los sub menues que usted cree conveniente.

Cada vez que agregamos recursos al proyecto se van guardando en Resources.resx situado en propiedades dentro de nuestro proyecto como se muestra en la figura líneas abajo.



Si deseamos en algún momento editar algún recurso añadido debemos de hacer clic derecho sobre el objeto Resource.resx y elegir del menú contextual la opción Abrir esto nos mostrara los recursos del proyecto como se muestra en la figura a continuación.

Barra de botones (ToolStrip)

La barra de botones nos permite accesar rápidamente a algunos de los formularios más usados en el proyecto.

Para editar la barra de botones debemos de hacer clic en el pequeño triangulo situado al lado derecho del botón agregar ToolStripButton, este nos mostrara varias alternativas, de las cuales usare Button y Separator, para añadir accesos a los formularios editar usuarios y cambio de clave más adelante en esta lección.

La figura siguiente muestra las alternativas del ToolStripButton.



El proceso de añadir un botón y un separador es simple, solo debemos de elegir simultáneamente botón y separador de la lista de alternativas tal y como se muestra en la figura siguiente:

De la misma manera que añadimos los gráficos para el sub menú Salir, ahora nos toca hacer ese mismo proceso para añadir los gráficos respectivos a los botones que hemos elegido en el ToolStrip, también deberá editar la propiedad Text y cambiar la etiqueta predeterminada por una significativa al proceso que desempeña cada botón.

Al finalizar este proceso debe de conseguir una figura similar a la que se muestra líneas siguientes:



Barra de estado (StatusStrip)

La barra de estado al igual que la barra de botones presenta el botón de agregar ToolStripStatusLabel, el cual presenta las alternativas mostradas en el menú contextual que se presenta en el grafico líneas abajo.

La barra de estado de nuestro proyecto estará conformada por cuatro StatusLabel. La primera etiqueta tendrá como nombre “Usuario Activo”, la segunda etiqueta albergara el nombre del usuario activo, la tercera etiqueta hará las veces de separador con el texto “|” y la cuarta etiqueta llevara un texto que mencione a la empresa desarrolladora del sistema o área que la ejecuta.

Para agregar dichas etiquetas solo es necesario elegirlas del menú contextual una tras otra. A continuación muestro la tabla con las propiedades para cada etiqueta de la barra de estado.

Objeto Propiedad Valor

toolStripStatusLabel1 Text

Font

Usuario Activo:

Arial, 9pt, style=Bold


Font

-

Arial, 9pt, style=Bold


Font

|

Arial. 9pt, style=Bold


Font

Desarrollado por Jorge Alberto Vega Flores

Arial. 9pt, style=Bold

Para finalizar esta parte insertaremos un objeto PictureBox que contendrá la imagen de fondo para la solución de ejemplo y pondremos el icono representativo al formulario principal, recuerde que el icono deberá conservar las características mencionadas con anterioridad.

8. Insertando el fondo e icono de la solución

Para insertar la imagen de fondo de la solución me valdré del objeto PictureBox, este objeto se encuentra en el cuadro de herramientas al lado izquierdo de la pantalla principal de Microsoft Visual Studio 2008 como se muestra en la figura siguiente



Para insertarlo solo debemos de hacer un Drag and Droop hacia el formulario principal y luego de ello hacer clic en el triángulo que se encuentra en la esquina superior derecha de este objeto para elegir la imagen de fondo, como se muestra en la figura adjunta.

Los pasos para importar dicha imagen son los mismos que se describieron con anterioridad. Utilice las tareas del PictureBox para centrar la imagen al

formulario principal y si es necesario utilice el modo de imagen a StrechImage y acóplelo a contenedor principal.

Para insertar el icono diríjase a propiedades del formulario principal (frm_principal) y utilice la propiedad Icon para subir un icono, el procedimiento es similar al descrito con anterioridad.

Utilice la propiedad de BackColor para conseguir un acabado atractivo de acuerdo con los colores del fondo que ha elegido usted, para los objetos de la barra de menues, barra de botones.

Si ha seguido atentamente los procedimientos descritos con anterioridad debería conseguir el acabado como se muestra en la figura siguiente:

http://es.wikipedia.org/wiki/Arrastrar_y_soltar

programando en 3 capas parte 1

Documents