Está en la página 1de 6
Taller de Programación Distribuida VB NET 2010
Taller de Programación Distribuida VB
NET 2010

G UÍA DE LABORATORIO N° 01

OBJETIVOS:

 Reconocimiento del IDE (Entorno de Desarrollo Integrado) de Visual Basic .Net 2010  Creación
Reconocimiento del IDE (Entorno de Desarrollo Integrado) de Visual Basic .Net 2010
Creación de aplicaciones Windows.
Creación de formularios y uso de Caja de Herramientas, Explorador de Soluciones, etc.
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:
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, etc.

Para

crear

un

Proyecto

es

necesario

ir

al

Menú

luego

hacer

clic

en

Archivo, Nuevo
Archivo,
Nuevo
Proyecto
Proyecto

ó pulse las telas CTRL

+ N, a continuación nos mostrará la siguiente ventana:

Considere lo siguiente:

1. Tipo de Proyecto: - Visual

Considere lo siguiente: 1. Tipo de Proyecto: - Visual Basic. - Windows 2. Plantilla: Aplicación para

Basic. - Windows

2. Plantilla: Aplicación para

- Visual Basic. - Windows 2. Plantilla: Aplicación para Windows. 3. Luego escriba el nombre del

Windows.

Basic. - Windows 2. Plantilla: Aplicación para Windows. 3. Luego escriba el nombre del proyecto: EJERCICICO_01
Basic. - Windows 2. Plantilla: Aplicación para Windows. 3. Luego escriba el nombre del proyecto: EJERCICICO_01

3. Luego escriba el nombre del proyecto: EJERCICICO_01

4. Luego haga clic en EXAMINAR para indicar la carpeta donde se guardará su proyecto

5. Por último haga clic Aceptar para crear el proyecto.

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?



carpetas de soluciones y directorios y otros?  Prof. Robert Bautista Echevarría Pág. 1 de
Taller de Programación Distribuida VB NET 2010
Taller de Programación Distribuida VB
NET 2010

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.

nos servirán para generar y configurar nuestra aplicación. Cu ad r o d e Herra mi
nos servirán para generar y configurar nuestra aplicación. Cu ad r o d e Herra mi
Cu ad r o d e Herra mi en t as Fo rm ul ar
Cu ad r o d e Herra mi en t as
Fo rm ul ar i o
E xpl o ra do r d e Sol u ci on es

V en t an a d e Pr opi ed ad es

o ra do r d e Sol u ci on es V en t an a

Ven t an a de Cód i g o – ( accede p resi onand o F7 )

es Ven t an a de Cód i g o – ( accede p resi onand
es Ven t an a de Cód i g o – ( accede p resi onand
Taller de Programación Distribuida VB NET 2010
Taller de Programación Distribuida VB
NET 2010

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:

02 Etiquetas (Label)

01 PictureBox

02 Botones de comando (Button)

INTERFAZ GRÁFICA DEL USUARIO: ESTABLECER PROPIEDADES

A LOS OBJETOS

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

Ahora procedemos a establecer las propiedades a los objetos: Objeto Propiedad Valor Asignado Form1 Name Text
Objeto Propiedad Valor Asignado Form1 Name Text BackgroundImage FrmBienvenida Bienvenidos a Visual Studio 2010
Objeto
Propiedad
Valor Asignado
Form1
Name
Text
BackgroundImage
FrmBienvenida
Bienvenidos a Visual Studio 2010
Seleccione una imagen que Ud. desee
Icon
Haga clic en
y busque el archivo *.ico que desee
MaximizeBox
MinimizeBox
StartPosition
False
False
CenterScreen (Centrado en la pantalla)
Label1
Text Font
BackColor
ForeColor
TextAlign
Taller de Programación Distribuida
Arial, Estilo Negrita cursiva, tamaño 18
Transparent (Elija desde la ficha Web)
Blue (Azul)
MiddleCenter
Label2
Text
Font
BackColor
ForeColor
TextAlign
Button1
Name
Text
Button2
Name
Text
Visual Basic 2010
Arial, Estilo negrita, tamaño: 26
Transparent
Red (Rojo)
MiddleCenter
btnContinuar
&Continuar
btnSalir
&Salir
c) Luego de establecer las propiedades el formulario deberá tener
la siguiente apariencia:
ESCRIBIR CÓDIGO PARA AÑADIR FUNCIONALIDAD
d) Codifique el evento clic del botón de comando de la misma manera:
el evento clic del botón de comando de la misma manera: Para el botón Continuar: OBSERVE

Para el botón Continuar: OBSERVE LA IMAGENel evento clic del botón de comando de la misma manera: El procedimiento deberá quedar así

la misma manera: Para el botón Continuar: OBSERVE LA IMAGEN El procedimiento deberá quedar así No

El procedimiento deberá quedar así

No mb r e del Pro ce di m i en to

 

P ará me tro s

M an ejad o r d e E v en to s

 

ce

ce Pág. 3 de

Pág. 3

de

ce Pág. 3 de
ce Pág. 3 de
Taller de Programación Distribuida VB NET 2010
Taller de Programación Distribuida VB
NET 2010

Private Sub btnContinuar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnContinuar.Click

EndSub

Me.Hide()

My.Forms.frmDatos.Show()

Ahora hágalo Usted para el botón Salir

Private Sub btnSalir_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles btnSalir.Click

MsgBox("Adios, vuelve pronto") Me.Close()

EndSub

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?

PROBAR Y DEPURAR LA APLICACIÓN

e) Seguidamente ejecute la aplicación, para ello pulse la tecla F5 ó haga clic en el botón de la barra de herramientas

F5 ó haga clic en el botón de la barra de herramientas  Si ocurre algún
F5 ó haga clic en el botón de la barra de herramientas  Si ocurre algún

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.

en el botón Guardar todo de la Barra de Herramientas. Botón Guardar Botón Guardar todo 1.5

Botón Guardar

Guardar todo de la Barra de Herramientas. Botón Guardar Botón Guardar todo 1.5 AGREGAR UN FORMULARIO

Botón Guardar todo

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 viene a 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:

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

Ahora procedemos a establecer las propiedades a los objetos: Objeto Propiedad   Valor Asignado Form2
Ahora procedemos a establecer las propiedades a los objetos: Objeto Propiedad   Valor Asignado Form2
Ahora procedemos a establecer las propiedades a los objetos: Objeto Propiedad   Valor Asignado Form2

Objeto

Propiedad

 

Valor Asignado

Form2

Name

FrmDatos Datos del Empleado Seleccione una imagen que Ud. desee

 

Text

BackgroundImage

Icon

Haga clic en

y busque el icono de su preferencia

StartPosition

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

btnContinuar &Continuar Haga clic en TopCenter BottomCenter

 

Text

Image

y busque el grafico de su preferencia

ImageAlign

 

TextAlign

 
 
 
Taller de Programación Distribuida VB NET 2010
Taller de Programación Distribuida VB
NET 2010

Button2

Name

btnNuevo &Nuevo Haga clic en TopCenter BottomCenter

busque el grafico de su preferenciabtnNuevo &Nuevo Haga clic en TopCenter BottomCenter y

y

Text Image

ImageAlign

TextAlign

Button3

Name

btnSalir &Salir Haga clic en TopCenter BottomCenter

busque el grafico de su preferenciabtnSalir &Salir Haga clic en TopCenter BottomCenter y

y

Text

Image

ImageAlign

TextAlign

f)

Ahora proceda a escribir el código correspondiente:

Private Sub btnContinuar_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles BtnContinuar.Click
Private Sub btnContinuar_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnContinuar.Click
' Pasando valores a otro formulario
My.Forms.frmSalario.txtApeNombres.Text = Me.txtApellidos.Text & ", " & _
Me.txtNombres.Text
My.forms.frmSalario.ShowDialog()
' ¿Qué diferencia existe entre Mostrar/Cargar un Formulario
' con el método Show y otro con ShowDialog
End Sub
Private Sub btnNuevo_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles btnNuevo.Click
' Nombre_de_Objeto.Propiedad=Valor_Asignado
txtCodigo.Text = ""
txtApellidos.Text = ""
txtNombres.Text = ""
' Nombre_de_Objeto.Método
txtDireccion.Clear()
txtTelefono.Clear()
txtCodigo.Focus()
End Sub
Private Sub BtnSalir_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles BtnSalir.Click
End
' ¿Qué diferencia existe entre Me.Close y END
End Sub
g) Ahora proceda a guardar el proyecto, para ello haga clic en el botón Guardar todo de la Ba rra de
Herramientas.

h) Seguidamente ejecute la aplicación, para ello pulse la tecla F5 ó haga clic en el botón de la barra de

1.6

herramientas

ó haga clic en el botón de la barra de 1.6 herramientas AGREGAR PROYECTO DE AP

AGREGAR

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:

OTRO

FORMULARIO

AL

FrmSalario.vb (que viene a 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:

el formulario proceda a diseñar el siguiente formulario: Prof. Robert Bautista Echevarría Pág. 5 de Computación
Prof. Robert Bautista Echevarría Pág. 5 de
Prof. Robert Bautista Echevarría
Pág. 5 de

Computación e Informática Sem. IV

Taller de Programación Distribuida VB NET 2010
Taller de Programación Distribuida VB
NET 2010

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

Objeto

Propiedad

 

Valor Asignado

Form2

Name

FrmSalario Salario del Trabajador Seleccione una imagen que Ud. desee

Text

BackgroundImage

Icon

Haga clic en

y busque el icono de su preferencia

StartPosition

CenterScreen (Centrado en la pantalla)

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:

Private Sub frmSalario_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
Private Sub frmSalario_Load(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles MyBase.Load
txtApeNombres.ReadOnly = True
End Sub
Private Sub btnCalcular_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles btnCalcular.Click
txtSalarioBruto.Text = Str(Val(txtNroHoras.Text) * Val(txtPagoxHoras.Text))
txtDescuento.Text = Str(Val(txtSalarioBruto.Text) * 0.15)
txtSalarioNeto.Text
= Str(Val(txtSalarioBruto.Text) - Val(txtDescuento.Text))
End Sub
Private Sub btnLimpiar_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles btnLimpiar.Click
'
limpiando las cajas de texto
txtApeNombres.Text = ""
txtPagoxHoras.Text = ""
txtDescuento.Text = ""
:
:
:
txtNroHoras.Text = ""
txtSalarioBruto.Text = ""
txtSalarioNeto.Text = ""
Moviendo el foco a la caja txtapellidos
txtApeNombres.Focus()
'
End Sub
Private Sub btnRetornar_Click(ByVal sender As System.Object, ByVal e As
System.EventArgs) Handles btnRetornar.Click
'Usted deberá hacer que regrese al formulario anterior, es decir volver a frmDatos
End Sub
Private Sub btnSalir_Click(ByVal sender As System.Object, ByVal e As System.EventArgs)
Handles btnSalir.Click
Me.Close()
End Sub

g) Ahora proceda a guardar el proyecto y ejecute la aplicación.

1.7 AHORA HÁGALO USTED



Desarrolle con 1 formulario, que permitirá el ingreso a los demás formularios a través de una clave de acceso (Usuario y Clave) y luego mostrará la página principal Form1.

y Clave) y luego mostrará la página principal Form1. Prof. Robert Bautista Echevarría Pág. 6 de