Upload
sivelys-sarmiento-crespo
View
532
Download
14
Embed Size (px)
DESCRIPTION
Ejercicio para practicar con visual basic
Citation preview
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
• Reconocimiento del IDE (Entorno de Desarrollo Integrado) de
Visual Basic .Net 2010
• Creación de aplicaciones Windows.
• Creación de formularios y uso de la Caja de Herramientas,
Explorador de Soluciones.
1.1 INGRESAR A MICROSOFT VISUAL BASIC .NET:
Debe hacer clic en el botón Inicio, luego en Programas, luego Microsoft Visual Studio
2010, luego Microsoft Visual Studio 2010, luego al ingresar nos visualizará la siguiente
ventana:
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
1.2 CREACIÓN DEL PRIMER PROYECTO
Un proyecto es la aplicación desarrollada en un entorno de programación, en éste caso
Visual Basic, y está compuesto por varios elementos como son Formularios, Clases,
Módulos, entre otros.
Para crear un Proyecto es necesario ir al Menú Archivo, luego hacer clic en Nuevo
Proyecto o pulse las telas CTRL + N, a continuación nos mostrará la siguiente ventana:
Considere lo siguiente:
1. Tipo de Proyecto: - Visual Basic. - Windows
2. Aplicación para Windows Forms.
3. Luego escriba el nombre del proyecto: PRACTICAVBNET1
4. Por último haga clic Aceptar para crear el proyecto.
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
Responda lo siguiente:
• ¿Cuáles son los tipos de proyecto en Visual Studio 2010?
• ¿Cómo se establece la ubicación predeterminada en la que se crean los nuevos proyectos,
carpetas de soluciones y directorios y otros?
1.3 IDE - ENTORNO DE DESARROLLO INTEGRADO DE VISUAL STUDIO 2010
Cuando se crea un nuevo proyecto Windows Form, se muestra una pantalla que tiene varios
elementos que nos servirán para generar y configurar nuestra aplicación.
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
1.4 PRIMERA APLICACIÓN.
INTERFAZ GRÁFICA DEL USUARIO: AGREGAR CONTROLES AL FORMULARIO
Seleccione el formulario Form1 y realice lo siguiente:
a) En el formulario insertar los siguientes controles desde el cuadro de Herramientas de
Windows Forms:
2 Etiquetas (Label)
1 PictureBox
2 Botones de comando
(Button)
INTERFAZ GRÁFICA DEL
USUARIO: ESTABLECER PROPIEDADES A LOS OBJETOS
b) Ahora procedemos a establecer las propiedades a los objetos:
Objeto Propiedad Valor Asignado
Form1 Name
Text
BackgroundImage
Icon
MaximizeBox
MinimizeBox
StartPosition
FrmBienvenida
Bienvenidos a VB 2010
Seleccione una imagen que
Ud. desee
Haga clic en … y busque el
archivo *.ico que desee
False
False
CenterScreen (Centrado en
la pantalla)
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
Label1 Text
Font
BackColor
ForeColor
TextAlign
Desarrollo de Aplicaciones
.NET para Windows
Arial, Estilo Negrita
cursiva, tamaño 18
Transparent (Elija desde la
ficha Web)
Blue (Azul)
MiddleCenter
Label2 Text
Font
BackColor
ForeColor
TextAlign
Visual Basic 2005
Arial, Estilo negrita,
tamaño: 26
Transparent
Red (Rojo)
MiddleCenter
Button1 Name
Text
btnContinuar
&Continuar
Button2 Name
Text
btnSalir
&Salir
PictureBox Image
SizeMode
(Debe descargar una
imagen de la página
archiveicon.com, luego
seleccionar recurso local,
clic en importar, se busca la
imagen y aceptar)
StretchImage
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
c) Luego de establecer las propiedades el formulario deberá tener la siguiente apariencia
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
ESCRIBIR CÓDIGO PARA AÑADIR FUNCIONALIDAD
d) Codifique el evento clic del botón Continuar de la siguiente manera:
e) codifique el evento clic del Botón salir de la Siguiente manera:
Nota: Antes de ejecutar la aplicación tenga en cuenta que todavía no agregado el formulario
FrmDatos, así que le va a mostrar un mensaje de error en el procedimiento
btnContinuar_Click
¿Cuál es la Solución?
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
PROBAR Y DEPURAR LA APLICACIÓN
e) Seguidamente ejecute la aplicación, para ello pulse la tecla F5 o haga clic en el botón
de la barra de herramientas.
• Si ocurre algún error revise el código y/o corríjalo “depurar”.
f) Ahora proceda a guardar el proyecto, para ello haga clic en el botón Guardar todo de la
Barra de Herramientas.
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
1.5 AGREGAR UN FORMULARIO AL PROYECTO DE APLICACIÓN
a) Haga clic en el menú Proyecto, luego clic en la opción Agregar Windows Forms
b) Se presenta una ventana, seleccione el ícono Windows Forms, luego en el cuadro
Nombres
escriba: FrmDatos.vb (que será el nombre del archivo a crearse).
c) Luego haga clic en Agregar
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
d) Cuando se presente el formulario proceda a diseñar el siguiente formulario:
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
e) Ahora procedemos a establecer las propiedades a los objetos:
Objeto Propiedad Valor Asignado
Form2 Name
Text
BackgroundImage
Icon
StartPosition
FrmDatos
Datos del Empelado
Seleccione una imagen que
Ud. desee
Haga clic en … y busque el
icono de su preferencia
CenterScreen (Centrado en
la pantalla)
Label1 Text Código :
Label2 Text Apellidos :
Label3 Text Nombres :
Label4 Text Dirección :
Label5 Text Teléfono :
Button1 Name
Text
Image
ImageAlign
TextAlign
btnContinuar
&Continuar
Haga clic en … y busque la
imagen de su preferencia
TopCenter
BottomCenter
Button2 Name
Text
Image
ImageAlign
TextAlign
btnNuevo
&Nuevo
Haga clic en … y busque la
imagen de su preferencia
TopCenter
BottomCenter
Button3 Name
Text
Image
btnSalir
&Salir
Haga clic en … y busque la
imagen de su preferencia
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
ImageAlign
TextAlign
TopCenter
BottomCenter
f) Ahora proceda a escribir el código correspondiente:
En el Botón BtnContinuar (Evento Click)
En el Botón BtnNuevo (EventoClick)
En el Botón BtnNuevo (EventoClick)
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
g) Ahora proceda a guardar el proyecto, para ello haga clic en el botón Guardar todo de la
Barra de Herramientas.
h) Seguidamente ejecute la aplicación, para ello pulse la tecla F5 o haga clic en el botón
de la barra de herramientas
1.6 AGREGAR OTRO FORMULARIO AL PROYECTO DE APLICACIÓN
a) Haga clic en el menú Proyecto, luego clic en la opción Agregar Windows Forms…
b) Se presenta una ventana, seleccione el ícono Windows Forms, luego en el cuadro
Nombres escriba:
FrmSalario.vb (que será el nombre del archivo a crearse)
c) Luego haga clic en Agregar
d) Cuando se presente el formulario proceda a diseñar el siguiente formulario:
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
e) Ahora procedemos a establecer las propiedades a los objetos:
Objeto Propiedad Valor Asignado
Form2 Name
Text
BackgroundImage
Icon
StartPosition
FrmSalario
Salario del Trabajador
Seleccione una imagen que
Ud. desee
Haga clic en … y busque el
icono de su preferencia
CenterScreen (Centrado en
la pantalla)
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
Label1 Text Apellidos y Nombres :
Label2 Text Num. Horas Trabajadas :
Label3 Text Pago x Horas :
Label4 Text Salario Bruto :
Label5 Text Descuento :
Label6 Text Salario Neto :
TextBox1 Name txtApeNombres
TextBox2 Name txtNroHoras
TextBox3 Name txtPagoxHoras
TextBox4 Name txtSalarioBruto
TextBox5 Name txtDescuento
TextBox6 Name txtSalarioNeto
Button1 Name btnCalcular
Button2 Name btnLimpiar
Button3 Name btnRetornar
Button4 Name btnSalir
f) Ahora proceda a escribir el código correspondiente:
Objeto: frmsalario
Evento: Load
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
Objeto: btnCalcular
Evento:Click
Objeto: btnlimpiar
Evento:Click
Objeto: btnRetornar
Evento:Click
Objeto: btnSalir
Evento:Click
g) Ahora proceda a guardar el proyecto y ejecute la aplicación
Centro Colombo-Alemán
VISUAL BASIC .NET
EJERCICIOS PRÁCTICOS FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI
Análisis y Desarrollo de Sistemas de Información
14 de mayo de 2014
1.7 AHORA HÁGALO USTED
• En un nuevo proyecto, agregue 2 formularios, en el primero se deberá
ingresar los datos de los aprendices del Centro Nacional Colombo Alemán,
luego al hacer clic en un botón se mostrará el segundo formulario con los
nombres y apellidos del aprendiz y se procederá al ingreso de notas y se
calculará el promedio respectivo.