Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

Reconocimiento del IDE (Entorno de Desarrollo Integrado) de

Visual Basic .Net 2010
Creacin de aplicaciones Windows.
Creacin 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 botn Inicio, luego en Programas, luego Microsoft Visual Studio
2010, luego Microsoft Visual Studio 2010, luego al ingresar nos visualizar la siguiente
ventana:

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

1.2 CREACIN DEL PRIMER PROYECTO

Un proyecto es la aplicacin desarrollada en un entorno de programacin, en ste caso
Visual Basic, y est compuesto por varios elementos como son Formularios, Clases,
Mdulos, 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 continuacin nos mostrar la siguiente ventana:
Considere lo siguiente:
1. Tipo de Proyecto: - Visual Basic. - Windows
2. Aplicacin para Windows Forms.
3. Luego escriba el nombre del proyecto: PRACTICAVBNET1
4. Por ltimo haga clic Aceptar para crear el proyecto.

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

Responda lo siguiente:
Cules son los tipos de proyecto en Visual Studio 2010?
Cmo se establece la ubicacin 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 servirn para generar y configurar nuestra aplicacin.

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

1.4 PRIMERA APLICACIN.

INTERFAZ GRFICA 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 GRFICA 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

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)

MaximizeBox
MinimizeBox
StartPosition

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

Label1

Text
Font

BackColor
ForeColor
TextAlign
Label2

Text
Font

Desarrollo de Aplicaciones
.NET para Windows
Arial,
Estilo
Negrita
cursiva, tamao 18
Transparent (Elija desde la
ficha Web)
Blue (Azul)
MiddleCenter

BackColor
ForeColor
TextAlign

Visual Basic 2005

Arial,
Estilo
tamao: 26
Transparent
Red (Rojo)
MiddleCenter

Button1

Name
Text

btnContinuar
&Continuar

Button2

Name
Text

btnSalir
&Salir

PictureBox

Image

(Debe
descargar
una
imagen de la pgina
archiveicon.com,
luego
seleccionar recurso local,
clic en importar, se busca la
imagen y aceptar)
StretchImage

SizeMode

negrita,

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

c) Luego de establecer las propiedades el formulario deber tener la siguiente apariencia

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

ESCRIBIR CDIGO PARA AADIR FUNCIONALIDAD

d) Codifique el evento clic del botn Continuar de la siguiente manera:

e) codifique el evento clic del Botn salir de la Siguiente manera:

Nota: Antes de ejecutar la aplicacin tenga en cuenta que todava no agregado el formulario
FrmDatos, as que le va a mostrar un mensaje de error en el procedimiento
btnContinuar_Click
Cul es la Solucin?

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

PROBAR Y DEPURAR LA APLICACIN

e) Seguidamente ejecute la aplicacin, para ello pulse la tecla F5 o haga clic en el botn
de la barra de herramientas.
Si ocurre algn error revise el cdigo y/o corrjalo depurar.
f) Ahora proceda a guardar el proyecto, para ello haga clic en el botn Guardar todo de la
Barra de Herramientas.

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

1.5 AGREGAR UN FORMULARIO AL PROYECTO DE APLICACIN

a) Haga clic en el men Proyecto, luego clic en la opcin 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-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

d) Cuando se presente el formulario proceda a disear el siguiente formulario:

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

e) Ahora procedemos a establecer las propiedades a los objetos:

Objeto
Form2

Propiedad
Name
Text
BackgroundImage
Icon
StartPosition

Valor Asignado
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

Cdigo :

Label2
Label3

Text
Text

Apellidos :
Nombres :

Label4

Text

Direccin :

Label5
Button1

Text
Name
Text
Image

Telfono :
btnContinuar
&Continuar
Haga clic en y busque la
imagen de su preferencia
TopCenter
BottomCenter

ImageAlign
TextAlign
Button2

Name
Text
Image
ImageAlign
TextAlign

Button3

Name
Text
Image

btnNuevo
&Nuevo
Haga clic en y busque la
imagen de su preferencia
TopCenter
BottomCenter
btnSalir
&Salir
Haga clic en y busque la
imagen de su preferencia

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI

ImageAlign
TextAlign

f) Ahora proceda a escribir el cdigo correspondiente:

En el Botn BtnContinuar (Evento Click)

En el Botn BtnNuevo (EventoClick)

En el Botn BtnNuevo (EventoClick)

TopCenter
BottomCenter

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

g) Ahora proceda a guardar el proyecto, para ello haga clic en el botn Guardar todo de la
Barra de Herramientas.
h) Seguidamente ejecute la aplicacin, para ello pulse la tecla F5 o haga clic en el botn
de la barra de herramientas
1.6 AGREGAR OTRO FORMULARIO AL PROYECTO DE APLICACIN
a) Haga clic en el men Proyecto, luego clic en la opcin 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 disear el siguiente formulario:

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

e) Ahora procedemos a establecer las propiedades a los objetos:

Objeto

Propiedad

Valor Asignado

Form2

Name
Text
BackgroundImage

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)

Icon
StartPosition

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

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
TextBox2

Name
Name

txtApeNombres
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 cdigo correspondiente:

Objeto: frmsalario
Evento: Load

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS
Ing. SIVELYS SARMIENTO CRESPO
Instructor ADSI

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 aplicacin

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Centro Colombo-Alemn

VISUAL BASIC .NET

EJERCICIOS PRCTICOS
FORMULARIOS

Anlisis y Desarrollo de
Sistemas de Informacin
14 de mayo de 2014

Ing. SIVELYS SARMIENTO CRESPO

Instructor ADSI

1.7 AHORA HGALO USTED

En un nuevo proyecto, agregue 2 formularios, en el primero se deber
ingresar los datos de los aprendices del Centro Nacional Colombo Alemn,
luego al hacer clic en un botn 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.