Programando en 3 capas parte 1

UNIVERSIDAD PERUANA LOS ANDES 19 de abril de 2012

También nos permite hacer una distribución al momento de crear una
Programación en capas 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.
1. Introducción
Uno de los estilos de programación utilizados hoy en día es la programación En dichas arquitecturas a cada nivel se le confía una misión, lo que permite el
por capas, cuya peculiaridad es la separación de la lógica de diseño y la lógica diseño de arquitecturas escalables. El diseño más utilizado actualmente es el
de negocios. La ventaja principal de este estilo es que el desarrollo se lleva a diseño en tres niveles (o en tres capas).
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.
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.

Ing. Jorge Alberto Vega Flores 1


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 Podremos identificar las partes principales del entorno de desarrollo a medida
ha elegido usted para la instalación de Microsoft Visual Studio 2008, a lo largo que avancemos el desarrollo del curso y se utilicen los diferentes objetos y
del curso el sistema operativo base será Windows 7 Professional. menues para lograr el objetivo principal del curso que es el de crear una
solución en 3 capas y “n” niveles.
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#. 4. Creando el proyecto principal

Luego de ese proceso nos encontraremos en el entorno de desarrollo de Bueno ahora que ya conocemos la interfaz gráfica de Microsoft Visual Studio
Microsoft Visual C #, como se muestra en la figura 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 Luego de este proceso Microsoft Visual Studio 2008 ha creado una estructura
correspondiente a Nombre como se indica en el punto “2”, en mi caso el de archivos como se muestra en la figura siguiente, es decir que los objetos
nombre de proyecto será PProgramación, luego de ello escoja la ubicación en creados para el proyecto deben estar en la ubicación “C:PProgramacion” si
donde se crearan los diferentes objetos del proyecto, en mi caso es en la usted no ha tenido este resultado se aconseja que vuelva a crear al proyecto,
unidad “C:” como indico en el punto “3”. siguiendo los pasos anteriores y eliminando primero la carpeta que fue creada.

En la figura siguiente se muestra la estructura que debemos obtener en
Recuerde que el proyecto automáticamente se crea para el conjunto de Microsoft Visual Studio 2008, en la parte izquierda por defecto se muestra el
librerías .NET Framework 3.5 salvo que usted cambie este valor en la parte cuadro de herramientas, donde encontraremos la mayoría de componentes
superior derecha de la ventana Nuevo proyecto. Por mi experiencia te sugiero para poder realizar la solución.
que use esta librería por defecto y deshabilite el check box Crear directorio
para la solución. Luego pulse Aceptar.


En la parte media encontramos la ventana de diseño, que de forma Si por algún motivo estas ventanas no se muestran, usted deberá activarlas
predeterminada nos muestra el formulario que se ha creado por defecto. 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
En la parte de la derecha veremos el explorador de soluciones, esta ventana cortas que se describe al lado de cada opción.
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.



Ahora que ya tenemos todo listo empezaremos a diseñar nuestro primer En mi caso como dije líneas anteriores se llamara frm_principal.cs, recuerde
formulario, que será el que contendrá el menú, la barra de estado y la barra de también que Microsoft Visual C # reconoce entre mayúsculas y minúsculas, es
botones. 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
5. Creando el formulario MDI (Interface de Múltiples Documentos) objeto o buscarlo en el menú contextual del objeto haciendo clic derecho sobre
Al momento de crear nuestro proyecto Microsoft Visual Studio 2008 crea varios el objeto en mención.
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.

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

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.



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.
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



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.

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 En el transcurso de la lección hablaremos detalladamente de las clase base y
presenta líneas abajo las forma de instanciar dichas clases



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.

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.
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 terminar con la edición del menú nos falta poner algunas teclas de atajo y Al presionar el botón tres puntos activaremos la ventana de selección de
un icono representativo a los elementos del menú. recursos donde podremos elegir el contexto del recurso.
Para poner una tecla de atajo o combinación de teclas al sub menú Salir, Para este caso elegiré Archivo de recurso del proyecto luego de ello
debemos de editar la propiedad ShortcutKeys situado en la parte final de la presione Importar
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.

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.

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


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:

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.

Terminado el proceso debemos de obtener un gráfico como se muestra 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.
Si deseamos en algún momento editar algún recurso añadido debemos de Para editar la barra de botones debemos de hacer clic en el pequeño triangulo
hacer clic derecho sobre el objeto Resource.resx y elegir del menú contextual la situado al lado derecho del botón agregar ToolStripButton, este nos mostrara
opción Abrir esto nos mostrara los recursos del proyecto como se muestra en varias alternativas, de las cuales usare Button y Separator, para añadir
la figura a continuación. 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 De la misma manera que añadimos los gráficos para el sub menú Salir, ahora
elegir simultáneamente botón y separador de la lista de alternativas tal y como nos toca hacer ese mismo proceso para añadir los gráficos respectivos a los
se muestra en la figura siguiente: 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:



Objeto Propiedad Valor
Barra de estado (StatusStrip)
toolStripStatusLabel1 Text Usuario Activo:
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 Font Arial, 9pt, style=Bold
el menú contextual que se presenta en el grafico líneas abajo.
toolStripStatusLabel2 Text -
Font Arial, 9pt, style=Bold
toolStripStatusLabel3 Text |
Font Arial. 9pt, style=Bold
toolStripStatusLabel4 Text Desarrollado por Jorge Alberto Vega Flores

Font Arial. 9pt, style=Bold

Para finalizar esta parte insertaremos un objeto PictureBox que contendrá la
La barra de estado de nuestro proyecto estará conformada por cuatro imagen de fondo para la solución de ejemplo y pondremos el icono
StatusLabel. La primera etiqueta tendrá como nombre “Usuario Activo”, la representativo al formulario principal, recuerde que el icono deberá conservar
segunda etiqueta albergara el nombre del usuario activo, la tercera etiqueta las características mencionadas con anterioridad.
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. 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
Para agregar dichas etiquetas solo es necesario elegirlas del menú contextual izquierdo de la pantalla principal de Microsoft Visual Studio 2008 como se
una tras otra. A continuación muestro la tabla con las propiedades para cada muestra en la figura siguiente
etiqueta de la barra de estado.



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:

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


Programando en 3 capas parte 1

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Programando en 3 capas parte 1

Similar a Programando en 3 capas parte 1 (20)

Programando en 3 capas parte 1