Guía de aprendizaje – Diseño de aplicaciones con Visual Net 11 de febrero de 2011
Objetivo: Desarrollar una aplicación totalmente práctica y aplicable al campo laboral y personal utilizando el programa Visual Net. Visual Studio 2008.
Elaborado por: Ing. Gustavo Alberto Atehortúa Rico. Visita nuestra plataforma virtual: http://aula.megaproyectosdecolombia.com
Página 1
Guía de aprendizaje – Diseño de aplicaciones con Visual Net 11 de febrero de 2011 Desarrollo paso a paso Paso 1. Creación de una carpeta en la unidad raíz del disco duro local C: La carpeta que crearemos tendrá por nombre facturación
Paso 2. Ingresar a Visual Studio y crear un nuevo proyecto.
Para este ejercicio el proyecto se llamara Megaproyectos. Hacemos clic en archivo, nuevo proyecto.
Elaborado por: Ing. Gustavo Alberto Atehortúa Rico. Visita nuestra plataforma virtual: http://aula.megaproyectosdecolombia.com
Página 2
Guía de aprendizaje – Diseño de aplicaciones con Visual Net 11 de febrero de 2011 Paso 3. Antes de iniciar cualquier trabajo debemos guardar bien el proyecto
Hacemos clic en archivo, guardar todo y en el nombre digitamos Megaproyectos, en la ubicación buscamos y seleccionamos la carpeta facturación. En nombre de la solución Digitamos también Megaproyectos y seleccionamos que cree un directorio para la solución. Paso 4. Ahora necesitamos dar nombre al formulario principal que es el que vemos en pantalla. Para esto en el explorador de soluciones que aparece en la parte derecha seleccionamos el form1 y hacemos clic derecho del mouse sobre el, luego hacemos clic en cambiar nombre. Digitamos el nuevo nombre que será Principal.vb. Pilas es importante no cambiar la extensión. Y recuerda siempre el PascalCase.
Elaborado por: Ing. Gustavo Alberto Atehortúa Rico. Visita nuestra plataforma virtual: http://aula.megaproyectosdecolombia.com
Página 3
Guía de aprendizaje – Diseño de aplicaciones con Visual Net 11 de febrero de 2011 Paso 5. Verificar que el proyecto principal sea el de inicio de la aplicación.
Si por casualidad nos hemos adelantado e insertamos otro formulario debemos verificar que el principal este seleccionado como el formulario de inicio. Esto lo podemos realizar haciendo clic en proyecto, clic en propiedades del proyecto.
Paso 6. Ahora debemos ajustar las propiedades del formulario para cambiar colores, texto de la barra de titulo y presentaciones en general. Para hacer esto en la parte derecha teniendo seleccionado el formulario que deseamos modificar encontramos la barra de propiedades. Entre las propiedades que vamos a modificar tenemos: Text: que corresponde al titulo de la ventana. En este caso Facturación Megaproyectos. Como observamos este texto si se coloca tal y como lo observará el usuario. WindowState: Que corresponde al estado de la ventana. En este caso seleccionaremos maximizado. Por ahora solo modificaremos estas dos propiedades.
Elaborado por: Ing. Gustavo Alberto Atehortúa Rico. Visita nuestra plataforma virtual: http://aula.megaproyectosdecolombia.com
Página 4
Guía de aprendizaje – Diseño de aplicaciones con Visual Net 11 de febrero de 2011 Paso 7. Ahora configuraremos el menú principal de la aplicación.
Para esto seleccionamos en la parte izquierda cuadro de herramientas, buscamos MenuStrip. Con clic sostenido lo tomamos y lo llevamos al área de trabajo del formulario y lo soltamos. Automáticamente aparecerá el menú en el formulario. Ahora solo necesitamos comenzar a dar nombre a cada menú y menú desplegable como se muestra a continuación.
Simplemente debemos llenar cada cuadro teniendo en cuenta que para marcar la letra que se utilizará con el teclado se debe colocar antes de esta. Por ejemplo observamos un error en en las dos devoluciones por que ambas se activan con la letra D. En este caso si deseamos que devolución en compra se active con la letra v quedaría así: De&volución en Compra. Los menús los realizaremos de la siguiente forma:
Elaborado por: Ing. Gustavo Alberto Atehortúa Rico. Visita nuestra plataforma virtual: http://aula.megaproyectosdecolombia.com
Página 5
Guía de aprendizaje – Diseño de aplicaciones con Visual Net 11 de febrero de 2011
Paso 8. Ahora antes de iniciar crearemos una clase para la conexión con la base de datos. En el explorador de soluciones hacemos clic derecho del mouse sobre el proyecto (Megaproyectos), luego nos desplazamos a agregar, clic en clase. Digitamos el nombre deseado (ClsBase) teniendo cuidado de no cambiar la extensión. Ahora el programa automáticamente nos enviará al área de programación. Simplemente copiaremos el código que se muestra a continuación.
Public Class ClsBase Public StrCadena As String = _ "Provider=Microsoft.Jet.OLEDB.4.0;" & _ "Data Source=C:\facturacion\DbMegaproyectos.mdb;" & _ "Persist Security Info=False " End Class
Elaborado por: Ing. Gustavo Alberto Atehortúa Rico. Visita nuestra plataforma virtual: http://aula.megaproyectosdecolombia.com
Página 6