UNIVERSIDAD CATÓLICA DE SANTA MARÍAFACULTAD DE CIENCIAS E INGENIERÍAS BIOLÓGICAS Y QUÍMICASPROGRAMA PROFESIONAL DE INGENIERÍA DE INDUSTRIA ALIMENTARIACURSO: SOFTWARE EN INGENIERÍA ALIMENTARIAALUMNO: BERNAL RAMOS ROGER

LABORATORIO 2

Introducción al Visual Basic .Net

FUNDAMENTO:Microsoft Visual Basic es actualmente el lenguaje de programación mas popular del mundo diseñado especialmente para crear aplicaciones graficas de manera fácil y eficiente. Con Microsoft Visual Basic no es necesario escribir numerosas líneas de código para diseñar la interfaz grafica de usuario, solo es necesario “dibujar” ciertos objetos prefabricados llamados controles (etiquetas, cuadros de texto, botones de comando, listas desplegables, etc.) en un formulario dentro de la pantalla. A continuación se escribe el código fuente asociado con cada objeto.

Esto es, cada objeto queda ligado a un bloque de código que se ejecuta cuando se produce el suceso que lo activa (por ejemplo un clic del mouse)Ahora disponemos de Visual Basic .net que viene a revolucionar el mundo de las comunicaciones permitiendo escribir aplicaciones escalables para internet.La siguiente figura muestra alguno de los componentes y ventanas del entorno de desarrollo

OBJETIVO- Familiarización con el entorno Visual Basic.net- Identificar y utilizar los diferentes tipos de controles- Identificar Ventana Formulario- Identificar la ventana propiedades

MATERIALES Computadora con Windows 8.0 o + Visual Basic .net

PROCEDIMIENTO0. Abrir Visual Studio seleccionar nuevo proyecto1. Seleccionar Aplicación de Windows Forms y luego hacer click en aceptar o de lo

contrario directamente dar doble click en Aplicación de Windows Forms

MANIPULACION E INSERCIÓN DE CONTROLES

2. Seleccione el formulario para ello haga click sobre cualquier punto de éste, acontinuación aparecerán los controladores de tamaño (pequeños cuadrados en la esquina inferior derecha del formulario asi como a la mitad del lado derecho e inferior). Disminuya el ancho del formulario arrastrando el controlador ubicado a la mitad del lado derecho hacia la izquierda, Aumente el largo del formulario arrastrando el controlador ubicado a la mitad del lado inferior hacia abajo. Aumente largo y ancho del formulario arrastrando de forma diagonal el controlador ubicado en la esquina del formulario.

3. Inserte o dibuje tres etiquetas (labels) para la inserción de cualquier control siga cualquiera de estos pasos:

a) Haga click en la pestaña del cuadro de herramientas y doble clic en el botón para etiquetas (label) del cuadro de herramientas . El control etiqueta aparecerá en la esquina del formulario.

b) Haga click en la pestaña del cuadro de herramientas y clic en el boton etiqueta del cuadro de herramientas, dicho boton se resalta. Si en ese momento lleva el cursor del mouse al formulario, el cursor toma la forma de una cruz que le indica que puede

colocar el control en cualquier parte del formulario, arrastre el cursor de cruz sobre algun lugar de este y suelte el botón del mouse.

4. Identifique las principales propiedades de la primera etiqueta:

5. Seleccione en la ventana propiedades la opción diseño y cambie la propiedad name según el formato y prefijo anteriormente descritos Ejm: LblNombres

6. Seleccione en la ventana propiedades la opción Apariencia Font y cambie lapropiedad Text Ejm: Nombres y Apellidos

7. Que diferencia existe entre la propiedad Name y la propiedad Text?

Name: es el nombre que va indentificar el programa Text: es donde uno puede escribir como palabras largas, poner espacios.

8. Seleccione la segunda etiqueta y establezca la propiedad name como lblprueba1

9. Seleccione la tercera etiqueta y establezca la propiedad name como lblprueba2

10. Seleccione la segunda etiqueta y establezca la propiedad text como: “escribiré un texto de considerable tamaño para ver los efectos en la etiqueta que acabo de insertar” Que sucedió?

La etiqueta se acaba de agrandar en forma horizontal llegándose haber una parte del texto como se ve en la imagen.

11. Seleccione la tercera etiqueta y en la ventana propiedades la opción diseño : cambie la propiedad autosize a False Que sucedió?

Que los controladores se agrandan y nos permiten poder aun agrandarlo mas.12. Emplee los controladores de tamaño para aumentar el tamaño de la etiqueta.

13. Asigne el siguiente valor a la propiedad text de la tercera etiqueta: “escribiré un texto de considerable tamaño para ver los efectos en la etiqueta que acabo de insertar”

14. ¿Qué observa en la etiqueta?

Que al escribir un texto demasiado grande este se llega a ajustar en la etiqueta cabiendo todo el texto completo.

15. Cambie alguna de las otras propiedades del objeto (Ejm: Backcolor Forecolor Font )

BACKCOLOR

El relleno de la etiqueta llega a cambiar a un color deseado como blanco.

FORECOLOR

Se puede ver que el color de la letra llega a cambiar.

FONT

Se observa que la letra llego a aumentar de tamaño y cambiar estilo de letra. Font es una herramienta para poder cambiar el estilo de fuente, tamaño de letra y el tipo de letra.

16. Elimine las tres etiquetas

17. Inserte o dibuje tres cuadros de texto (textBox)

18. Cambie la propiedad Name según el formato y prefijo anteriormente descritos. Por los valores txtcuadro1 txtcuadro2 y txtcuadro3

19. Asigne el siguiente valor a la propiedad Text del primer cuadro de texto: “Ingrese Nombres y Apellidos”20. Que observa?

Que lo que se escribe en propiedad text aparece en en el cuadro21. Seleccione el segundo cuadro de texto: y en la ventana de propiedades categoría comportamiento asigne el siguiente valor a la propiedad Passwordchar *22. Que observa?

Al poner el * en la propiedad Passwordchar en el segundo cuadro de textbox no parece nada

23. Seleccione el tercer cuadro de texto y en la ventana propiedades categoríacomportamiento establezca la propiedad enabled en False .

24. Ejecute la aplicación para lo cual siga uno de estos procedimientos : a. hacer clic en el boton Iniciar de la barra de herramientas que se asemeja al botón

PLAY de nuestro stereo ób. hacer clic en la opcion Depurar de la barra de menu y elegir iniciar sin depurar. c. Ctrl+F5

25. En el primer cuadro de texto escriba sus apellidos y nombres26. Que observa?

Que al apretar PLAY este aparece un segundo cuadro, donde puedo escribir aquí mi nombre en el primer cuadro como se ve en la imagen

27. En el segundo cuadro de texto ingrese su edad28. Que observa?

Que al momento de escribir la edad este llega aparecer ** debido por la propiedad Passwordchar que hace que no deje ver el numero que se puso en el segundo cuadro.

29. En el tercer cuadro de texto ingrese su código de alumno30. Que observa?

Que no se puede escribir el código, aparece como si el tercer cuadro estuviera inactivo donde no permite escribir nada.

31. Para terminar la aplicación puede:a) a)cerrar la ventana haciendo clicck en la x en la esquina superior izquierda de su

formulariob) hacer clic en la opcion depurar de la barra de menu y elegir detener depuración

32. Elimine los tres objetos

33. Inserte o Dibuje 3 buttons

34. Cambie la propiedad Name según el formato y prefijo anteriormente descritos.Ejm: Btncalcular, ,

35. Asigne el siguiente valor a la propiedad Text del primer cuadro de texto: “Ejecutar”

36. Asigne el siguiente valor a la propiedad Text del segundo cuadro de texto: “Reiniciar”

37. Haga doble Clic en el btncalcular para abrir la ventana código le aparecera el siguiente código

Public Class Form1

Private Sub btncalcular_Click(sender As Object, e As EventArgs) Handlesbtncalcular.ClickEnd SubEnd Class

38. Identifique la pestaña de formulario y la pestaña donde se encuentra la ventana código

Pestaña de formulario : Private Sub btncalcular_Click(sender As Object, e As EventArgs) Handles btncalcular.Click

Ventana de código: Form1.vb

39. Elimine los tres objetos

40. Seleccione ahora el formulario

41. Cambie la propiedad Name según el formato y prefijo anteriormente descritos. Por ejemplo: frmformulario

42. Asigne el siguiente valor a la propiedad Text del formulario: Esta es mi primera practica43. Que observa?

Que el nombre del cuadro de formulario llego a cambiar como se ve en la imagen.

44. Establezca la propiedad Font en Oblicua Negrita e inserte 1 etiqueta 1 cuadro de texto y un boton de comando.Que sucede?

Al establecer estilo de fuente oblicua negrita hace que todo que insertamos dentro del formulario como 1 etiqueta,1 botón de comando este llega a cambiar el estilo de letra como se ve en la imagen.

CREACIÓN DE SU PRIMERA APLICACIÓN

1. Desarrolle una aplicación que calcule el año de nacimiento a partir de la edad que se ingrese. Desarrolle la siguiente interfaz:

2. Nombre las etiquetas como lbldatos lbledad y lblanac respectivamente.

3. Asigne el nombre btncalcular al boton de comando de la derecha y btnsalir al de la izquierda

4. Asigne el nombre txtdatos al primer cuadro de texto, txtEdad al segundo y txtanac al tercero.

5. Realice los cambios correspondientes para que:

a. el primer cuadro de texto pueda recibir y exhibir la información o el texto que digite el usuario.

b. El segundo cuadro de texto muestre el carácter * cuando el usuario digite su edad.

5. Haga doble clic en el botón de comando btncalcular, de inmediato VB abrirá la ventana código mostrándole las lineas inicial y final para el procedimiento del evento clic del botón btncalcular

Public Class Form1Private Sub btncalcular_Click(sender As Object, e As EventArgs) Handlesbtncalcular.ClickEnd SubEnd Class

7. Entre Private Sub y End escriba: txtanac.text = 2015 - txtedad.text de tal forma que quede así:

8. Vuelva al formulario eligiendo la pestaña correspondiente (Form1.vb[diseño])

9. Haga doble clic sobre el boton salir, de inmediato VB abrirá la ventana Código mostrándole las lineas inicial y final para el procedimiento del evento clic del botón btnsalir

Private Sub btnsalir_Click(sender As Object, e As EventArgs) Handles btnsalir.ClickEnd Sub

10. Entre Private Sub y End escriba: End de tal forma que quede así:

11. Ejecute la aplicacion.

CUESTIONARIO. Como puedo colocar un control en el formulario?, Cual es el método mas rápido?

a) Hacer un click en label y arrastrar hacia el formulariob) Hacer doble click en el control label y aparece en el formularioc) Hacer click en un controlador como el label y en el formulario hacer otro click y

aparecerá y estirar en forma horizontal.

El método mas rápido es la a) , por que puedes elegir con facilidad donde quieres poner tus controladores y ordenarlos fácilmente.

Para que son los controladores de tamaño?En la parte del formulario esos pequeños cuadrados parte externa que lo rodea ayuda a poder agrandar el tamaño del form tanto como también en achicar.

Se pueden seleccionar varios controles a la vez?No, solo se puede selección un control a la vez

Cual es la diferencia entre objeto y control

Cual es la diferencia entre la propiedad text y la propiedad NameLa propiedad text esta asociado al control mientras tanto la propiedad name indica el nombre utilizado en el código para identificar el objeto

Cual propiedad del formulario establece el texto que aparece en su barra de titulo?

La ventana de propiedades text

Cree la siguiente aplicación desde el principio:

Agréguele dos botones de comando

cambie la propiedad Name de dichos botones (btnboton1 btnboton2 )

y una etiqueta entre ellos llamada lblClick.

Borre el texto de la propiedad Text de la etiqueta. Cuando el usuario haga clic en el primer botón de comando, debe aparecer un mensaje en la etiqueta que diga ¡Oprimido!. Para esto, necesita establecer la siguiente instrucción en alguno de los procedimientos de evento: LblClick.Text=”¡Oprimido!”

Al oprimir el otro botón se debe eliminar este texto de la etiqueta. Para esto, debe escribir la siguiente instrucción en otro procedimiento de evento: LblClick.Text=””

Guarde el proyecto y el modulo de formulario de modo que pueda modificar la aplicación posteriormente si así lo desea.

Se desea crear una aplicación que a partir del precio del producto el numero de unidades calcule el costo el IGV y el costo total para lo cual construya la siguiene interfaz:

Controles de etiquetas

Controles de botón

controles de textbox

Que realiza el codigo anterior?

El primer código realiza el precio por cada unidad, el segundo código realiza el costo por IGV y el tercer código realiza el costo mas el igv.