Taller de Programacin Distribuida VB NET 2010 GUA DE LABORATORIO N 01 OBJETIVOS: Reconocimiento del IDE (Entorno de Desarrollo Integrado) de Visual

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

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, etc. Para crear un Proyecto es necesario ir al Men Archivo , luego hacer clic en Nuevo Proyecto pulse las telas CTRL + N, a continuacin nos mostrar la siguiente ventana:

Considere lo siguiente: 1. Tipo de Proyecto: - Visual

Basic. - Windows

2. Plantilla: Aplicacin para Windows. 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:

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?

Prof. Robert Bautista Echevarra

Pg. 1 de

Computacin e Informtica Sem. IV

Taller de Programacin 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 servirn para generar y configurar nuestra aplicacin.
Cuadro de Herramientas Formulario Explorador de Soluciones

Ventana de Propiedades

Ventana de Cdigo (accede presionando F7)

Prof. Robert Bautista Echevarra

Pg. 2 de

Computacin e Informtica Sem. IV

Taller de Programacin Distribuida VB NET 2010 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 Herramientas de Windows Forms: 02 Etiquetas (Label) 01 PictureBox 02 Botones de comando (Button) de

INTERFAZ GRFICA DEL USUARIO: ESTABLECER PROPIEDADES A LOS OBJETOS

b) Ahora procedemos a establecer las propiedades a los objetos: Objeto Form1 Propiedad Name Text BackgroundImage Icon MaximizeBox MinimizeBox StartPosition Text Font BackColor ForeColor TextAlign Text Font BackColor ForeColor TextAlign Name Text Name Text Valor Asignado FrmBienvenida Bienvenidos a Visual Studio 2010 Seleccione una imagen que Ud. desee Haga clic en y busque el archivo *.ico que desee False False CenterScreen (Centrado en la pantalla) Taller de Programacin Distribuida Arial, Estilo Negrita cursiva, tamao 18 Transparent (Elija desde la ficha Web) Blue (Azul) MiddleCenter Visual Basic 2010 Arial, Estilo negrita, tamao: 26 Transparent Red (Rojo) MiddleCenter btnContinuar &Continuar btnSalir &Salir

Label1

Label2

Button1 Button2 c)

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

ESCRIBIR CDIGO PARA AADIR FUNCIONALIDAD

d) Codifique el evento clic del botn de comando de la misma manera:

Para el botn Continuar: OBSERVE LA IMAGEN

El procedimiento deber quedar as

ce
Nombre del Procedimiento

Pg. 3 de

Parmetros

Manejador de Eventos

Taller de Programacin Distribuida VB NET 2010

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

Me.Hide() My.Forms.frmDatos.Show()
End Sub

Ahora hgalo Usted para el botn Salir

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

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

End Sub

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?

PROBAR Y DEPURAR LA APLICACIN

e) Seguidamente ejecute la aplicacin, para ello pulse la tecla F5 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. Botn Guardar 1.5 Botn Guardar todo

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 viene a 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: e) Ahora procedemos a establecer las propiedades a los objetos: Objeto Form2 Propiedad Name Text BackgroundImage Icon StartPosition Text Text Text Text Text Name Text Image ImageAlign TextAlign Valor Asignado FrmDatos Datos del Empleado Seleccione una imagen que Ud. desee Haga clic en y busque el icono de su preferencia CenterScreen (Centrado en la pantalla) Cdigo : Apellidos : Nombres : Direccin : Telfono : btnContinuar &Continuar Haga clic en y busque el grafico de su preferencia TopCenter BottomCenter

Label1 Label2 Label3 Label4 Label5 Button1

Prof. Robert Bautista Echevarra

Pg. 4 de

Computacin e Informtica Sem. IV

Taller de Programacin Distribuida VB NET 2010 Button2 Name Text Image ImageAlign TextAlign Name Text Image ImageAlign TextAlign btnNuevo &Nuevo Haga clic en y busque el grafico de su preferencia TopCenter BottomCenter btnSalir &Salir Haga clic en y busque el grafico de su preferencia TopCenter BottomCenter

Button3

f) Ahora proceda a escribir el cdigo correspondiente: 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 mtodo 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.Mtodo 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 botn Guardar todo de la Ba rra de Herramientas. h) Seguidamente ejecute la aplicacin, para ello pulse la tecla F5 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 viene a 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:
Pg. 5 de

Prof. Robert Bautista Echevarra

Computacin e Informtica Sem. IV

Taller de Programacin Distribuida VB NET 2010 e) Ahora procedemos a establecer las propiedades a los objetos: Objeto Form2 Propiedad Name Text BackgroundImage Icon StartPosition Text Text Text Text Text Text Name Name Name Name Name Name Name Name Name Name Valor Asignado 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) Apellidos y Nombres : Num. Horas Trabajadas : Pago x Horas : Salario Bruto : Descuento : Salario Neto : txtApeNombres txtNroHoras txtPagoxHoras txtSalarioBruto txtDescuento txtSalarioNeto btnCalcular btnLimpiar btnRetornar btnSalir

Label1 Label2 Label3 Label4 Label5 Label6 TextBox1 TextBox2 TextBox3 TextBox4 TextBox5 TextBox6 Button1 Button2 Button3 Button4

f) Ahora proceda a escribir el cdigo correspondiente: 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 = "" : txtNroHoras.Text = "" txtPagoxHoras.Text = "" : txtSalarioBruto.Text = "" txtDescuento.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 aplicacin.

1.7 AHORA HGALO USTED

Desarrolle con 1 formulario, que permitir el ingreso a los dems formularios a travs de una clave de acceso (Usuario y Clave) y luego mostrar la pgina principal Form1.

Prof. Robert Bautista Echevarra

Pg. 6 de

Computacin e Informtica Sem. IV