18
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:

ejercicios formularios1 practica con visual basic

Embed Size (px)

DESCRIPTION

Ejercicio para practicar con visual basic

Citation preview

Page 1: ejercicios formularios1 practica con visual basic

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:

Page 2: ejercicios formularios1 practica con visual basic

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.

Page 3: ejercicios formularios1 practica con visual basic

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.

Page 4: ejercicios formularios1 practica con visual basic

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

Page 5: ejercicios formularios1 practica con visual basic

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)

Page 6: ejercicios formularios1 practica con visual basic

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

Page 7: ejercicios formularios1 practica con visual basic

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

Page 8: ejercicios formularios1 practica con visual basic

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?

Page 9: ejercicios formularios1 practica con visual basic

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.

Page 10: ejercicios formularios1 practica con visual basic

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

Page 11: ejercicios formularios1 practica con visual basic

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:

Page 12: ejercicios formularios1 practica con visual basic

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

Page 13: ejercicios formularios1 practica con visual basic

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)

Page 14: ejercicios formularios1 practica con visual basic

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:

Page 15: ejercicios formularios1 practica con visual basic

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)

Page 16: ejercicios formularios1 practica con visual basic

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

Page 17: ejercicios formularios1 practica con visual basic

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

Page 18: ejercicios formularios1 practica con visual basic

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.