GL-PCS2201-L07M MANEJO DEL ENTORNO DE DESARROLLO INTEGRADO DE VISUAL BASIC

(1)

GL-PCS2201-L07M

MANEJO DEL ENTORNO DE DESARROLLO INTEGRADO DE VISUAL BASIC

CARRERA: 441402 INGENIERÍA DE EJECUCIÓN EN ELECTRICIDAD Y ELECTRÓNICA

444803 TÉCNICO EN ELECTRICIDAD Y ELECTRÓNICA

ASIGNATURA:PCS2201 “PROGRAMACIÓN DE COMPUTADORES”

SEMESTRE: II

PROFESOR: GUILLERMO BADILLO A.

1. Introducción

La siguiente actividad tiene como finalidad familiarizar al alumno con el entorno de desarrollo integrado de Visual Basic (IDE) para la creación de aplicaciones de tipo consola y de aplicaciones tipo Windows.

2. Objetivos

Al completar esta guía el alumno será capaz de:

Identificar los elementos del entorno integrado de desarrollo de Microsoft Visual Basic. Identificar las aplicaciones tipo Windows y tipo consola.

Identificar un formulario y sus propiedades más comunes. Añadir controles a un formulario.

Establecer las propiedades más comunes de los controles. Conocer el editor de código de Visual Basic

Conocer el Depurador (Debugger) de Visual Basic.

3. Duración

Siete días.

4. Prerrequisitos

Antes de realizar esta guía el alumno debe haber realizado satisfactoriamente la guía GL-PCS2201-L01M CREACIÓN DE DIAGRAMA DE FLUJO Y ALGORITMOS

5. Bibliografía previa

Autor: Halvorson, Michael.

Título: “Aprenda ya Microsoft Visual Basic.Net” Editorial: Madrid: McGraw-Hill, 2002

6. Marco teórico Introducción

Visual Basic es uno de los lenguajes de programación visual, también llamado lenguaje de 4ta. generación. Esto quiere decir que un gran número de tareas se realizan sin escribir código, simplemente con operaciones gráficas realizadas con el Mouse sobre la pantalla.

(2)

Excel, pasando por un procesador de textos o cualquier otra aplicación que se le ocurra al programador. Sus aplicaciones en ingeniería son casi ilimitadas: representación de movimientos mecánicos o de funciones matemáticas, gráficas termodinámicas, simulación de circuitos, etc. Cuando se inicia un nuevo proyecto Visual Basic .NET, uno de los primeros pasos es escoger una plantilla de aplicaciones. Para el desarrollo de las guías únicamente utilizaremos las plantillas “Aplicación para Windows” y “Aplicación de Consola”.

Una plantilla de aplicación proporciona archivos de inicio y una estructura de proyecto, y contiene los objetos básicos del proyecto y la configuración del entorno que necesitamos para crear el tipo de aplicación que deseamos.

Figura 1: Plantillas para Visual Basic

Las barras de herramientas y la barra de menús

La barra de herramientas estándar proporciona botones que sirven como accesos directos a la mayoría de los comandos más habituales, como Abrir, Guardar, Inicio, Añadir nuevo elemento, Ir hacia atrás e Ir hacia adelante. También contiene botones que abren el Explorador de soluciones, la ventana de propiedades, el Cuadro de herramientas, y otros elementos importantes del entorno de desarrollo.

La barra de herramientas Depurar proporciona accesos directos a las funcionalidades de depuración, como ir paso a paso en el código y establecer puntos de interrupción.

Las barras de herramientas pueden estar acopladas (adjuntas) o desacopladas (flotantes). De forma predeterminada, la mayoría de barras de herramientas están acopladas; sin embargo, podemos desacoplar o acoplar una barra de herramientas en cualquier momento.

Los comandos del menú principal funcionan igual que en todas las aplicaciones basadas en Windows, y podemos acceder a ellos utilizando el teclado o el ratón.

(3)

Figura 2: Barra de Menús y Barras de Herramientas.

La caja de herramientas (ToolBox)

Para crear los objetos del interfaz de usuario de nuestra aplicación, añadimos controles desde el Cuadro de herramientas a un formulario. Inicialmente, el Cuadro de herramientas se encuentra ubicado en el lado izquierdo del entorno de desarrollo. Hay varias pestañas para diferentes categorías de controles, como Windows Forms y Datos.

El Cuadro de herramientas contiene diversos controles que podemos utilizar para añadir ilustraciones, etiquetas, botones, cuadros de lista, barras de desplazamiento, menús y formas geométricas a un interfaz de usuario. Cada control que añadimos a un formulario se convierte en un objeto de interfaz de usuario programable en nuestra aplicación. Estos objetos son visibles para los usuarios cuando la aplicación se ejecuta y funcionan como los objetos estándares de cualquier aplicación basada en Windows.

Figura 3: Caja de Herramientas (Toolbox)

Los Formularios

Cuando iniciamos un proyecto en Visual Basic .NET, el Diseñador de Windows Forms se abre en la vista Diseño, mostrando el formulario Form1 del proyecto. Ubicaremos los controles desde el Cuadro de herramientas en el formulario para crear el interfaz de usuario de una ventana utilizada en nuestra aplicación.

El formulario predeterminado contiene los elementos mínimos utilizados por la mayoría de

(4)

Figura 4: Formulario

El Explorador de soluciones

El Explorador de soluciones nos permite visualizar archivos y realizar tareas de administración de archivos en una solución o en un proyecto. Una única solución basada en Visual Basic .NET y sus proyectos aparecen en una lista jerárquica que proporciona información actualizada sobre el estado de nuestra solución, proyectos y archivos.

Una solución es un recipiente para proyectos y elementos de solución que pueden incluirse en una aplicación. Normalmente, una solución contiene uno o más proyectos relacionados. Un proyecto es un recipiente dentro de una solución que se utiliza para administrar, generar y depurar lógicamente los elementos de proyecto que constituyen nuestra aplicación.

Visual Studio .NET soporta numerosos tipos de archivos y sus extensiones de archivo asociadas. La siguiente tabla describe algunos tipos de archivos habituales específicos para las soluciones basadas en Visual Basic .NET.

Figura 5: Explorador de soluciones (Solution explorer)

Tabla 1.0 Archivos y extensiones soportadas por Visual Basic

Extensión Nombre Descripción

.sln

Solución

Visual studio

Organiza proyectos, elementos de proyectos y elementos de soluciones en una solución proporcionando al entorno referencias a sus ubicaciones en disco.

.suo Solution user options

Registra todas las opciones que podemos asociar a nuestra solución de forma que cada vez que abramos la solución incluya las personalizaciones que hayamos realizado.

(5)

.vb Proyecto Visual Basic

Representa los archivos de formularios, controles de usuario, clases y módulos que pertenecen a la solución de un solo proyecto. Los archivos que no estén basados en un lenguaje de

programación tienen su propia extensión. Por ejemplo, un archivo ristal Report tiene la extensión .rpt, y un archivo de texto tiene la extensión .txt.

.vbproj Proyectos Visual Basic

Representa los archivos de formularios, controles de usuario, clases y módulos que pertenecen a la solución con múltiples proyectos. Esta extensión nos permite diferenciar entre archivos escritos en Visual Basic .NET y otros lenguajes compatibles con .NET. (Visual C# utiliza .csproj.)

La ventana de propiedades

La ventana de propiedades (ventana Propiedades) muestra una lista de las propiedades que pueden configurarse para el formulario o control seleccionado y que podemos modificar mientras creamos o editamos la aplicación. Una propiedad describe una característica de un objeto, como el tamaño, título o color.

Algunos controles, documentos y formularios muestran un gran número de propiedades en la ventana Propiedades. Esto puede dificultar la localización de la propiedad que deseamos establecer. La ventana Propiedades nos permite visualizar las propiedades de un formulario o control en una vista ordenada por categorías en lugar de una vista alfabética.

Figura 6: Ventana de propiedades

El Editor de código

Visual Studio .NET proporciona un Editor de código en el que escribir y mantener el código de nuestro proyecto. Podemos asociar código directamente a un formulario de nuestro proyecto o ubicarlo en otro módulo de código distinto. Se muestra un Editor de código distinto para cada formulario o módulo de nuestro proyecto, facilitando la organización, visualización y desplazamiento por el código.

(6)

El Editor de código contiene dos listas desplegables en la parte superior de la ventana: la lista

Nombre de Clase a la izquierda y la lista Nombre de método a la derecha. La lista Nombre de Clase muestra todos los controles del formulario asociado. Si hacemos clic en el nombre de un control de la lista, la lista Nombre de método muestra todos los eventos de dicho control (los eventos son acciones que el control puede realizar y que nuestra aplicación puede interpretar). Utilizando las listas Nombre de Clase y Nombre de método conjuntamente, podemos localizar rápidamente y editar el código de nuestra aplicación.

Figura 7: Editor de código

El Depurador (Debugger)

Cualquier programador con un mínimo de experiencia sabe que una parte muy importante del tiempo destinado a la elaboración de un programa se destina a la detección y corrección de errores. La herramienta más utilizada para ello es el Depurador o Debugger. La característica principal del Debugger es que permite ejecutar parcialmente el programa deteniendo la ejecución en el punto deseado y estudiando en cada momento el valor de cada una de las variables. De esta manera se facilita enormemente el descubrimiento de las fuentes de errores.

Figura 8: Utilización del Debugger

Sistema de Ayuda en línea

La ayuda de Visual Studio .NET está completamente integrada con el entorno de desarrollo. Proporciona la información necesaria basada en la tarea que estamos realizando en ese momento. Para incrementar su eficacia al utilizar el entorno de desarrollo, piense en las situaciones en las que la Ayuda puede beneficiarle y dónde podría encontrar ayuda en cada situación.

Hay dos formas principales de acceder a la Ayuda en el entorno de desarrollo: la ventana Ayuda dinámica y el menú Ayuda.

La ventana Ayuda dinámica proporciona punteros a información específica al área que estamos utilizando en cada momento o a la tarea que intentamos llevar a cabo en el entorno de desarrollo. El

(7)

entorno de desarrollo hace un seguimiento de las selecciones que realizamos, de la ubicación del puntero y de los elementos que tienen el foco mientras interactuamos con el producto. La ventana Ayuda dinámica filtra los temas disponibles en Microsoft Developer Network (MSDN) para mostrar la información relevante. Si no puede encontrarse información relevante, la ventana muestra el texto “No hay enlaces disponibles para esta selección”).

Figura 9: Ayuda en línea

7. Actividades a realizar

7.1. Actividad 1: CONOCER EL ENTORNO DE PROGRAMACIÓN DE VISUAL BASIC a. Equipos requeridos

- 1 Computador PC con sistema operativo Windows XP. Software Microsoft Visual Studio.Net 2005 (Visual Basic)

b. Número de alumnos sugerido por equipo

Se recomienda realizar esta actividad en forma individual

c. Instrumentos requeridos - No Hay

d. Herramientas requeridas - No Hay

e. Descripción y procedimiento

Cuando se inicia un nuevo proyecto Visual Basic .NET, uno de los primeros pasos es escoger una plantilla de aplicaciones. Iniciaremos el desarrollo de la guía con una plantilla Aplicación para Windows y luego una Aplicación de Consola.

1.- Elegir una plantilla: Abra Visual Studio .NET 2005.

2.- En el panel Inicio, haga clic en Nuevo Proyecto, En el menú Archivo, seleccione Nuevo y, a continuación, haga clic en Proyecto

3.- en el panel Tipos de proyecto, haga clic en Proyectos de Visual Basic. En el panel

(8)

4.- En el campo Nombre, cambie el nombre por defecto entregado por Visual (WindosAplications1) por el nombre G7A1_PrimerPrg. la idea es que el nombre del proyecto sea siempre lo más descriptivo de la tarea que realiza el proyecto,

5.- En el campo Ubicación, indique el directorio en el que desea guardar su proyecto, o haga clic en el botón Examinar para navegar hasta él. Se aconseja usar el trayecto entregado por defecto por Visual.

6.- El trayecto por defecto es C:\Documents and Settings\User\Mis documentos\Visual Studio 2005\Projects. Nota: es importante que Ud. Cree una carpeta para guardar su proyecto. Vea la figura 10 para mayores detalles.

Figura 10: Guardar el proyecto

7.- ATENCIÓN: En este momento debe llamar al profesor para que corrobore su trabajo,

NO DEBE CONTINUAR CON EL PRÓXIMO PASO HASTA QUE EL PROFESOR LO AUTORICE

8.- Haga clic en Aceptar. Se abrirá el Diseñador de Windows Forms, mostrando el formulario Form1 del proyecto en desarrollo. (Ver figura 11). Ha creado una aplicación para Windows.

(9)

9.- Cómo utilizar el explorador de soluciones: En el menú Ver, haga clic en Explorador de soluciones. Aparecerá una ventana en la esquina superior derecha del área de desarrollo. Podemos mover y cambiar el tamaño de esta ventana mediante la funcionalidad estándar de arrastrar y soltar. (ver figura 5). De forma predeterminada, el Explorador de soluciones únicamente muestra algunos de los archivos almacenados en el proyecto. Podemos cambiar la vista para ver todos los archivos de una solución. En la barra de herramientas del Explorador de soluciones, haga clic en Mostrar todos los archivos. Esta opción permite ver los archivos creados manualmente o durante la compilación. También puede acceder al editor de código del proyecto a través del menú “Ver Código” del explorador.

Figura 12: Opción mostrar todos los archivos

10.- Barra de Herramientas: Al hacer clic con el botón derecho sobre cualquier parte de la barra de herramientas se puede hacer aparecer u ocultar una barra de herramientas a través del menú contextual. Al igual que en otras aplicaciones de Windows, también puede modificarse las barras añadiendo o eliminando botones (opción Customize). Configure las barras de Herramientas de tal forma que sólo queden habilitadas las barras Standard,

Debug (Depuración), Build(Construir) y Help(Ayuda).

11.- Cerrar y abrir el cuadro de herramientas (toolbox): Para cerrar el cuadro de herramientas, haga clic en el botón Cerrar (x) de la esquina superior derecha del cuadro de herramientas. Para abrir el cuadro de herramientas, en el menú Ver, haga clic en cuadro

herramientas. Para que el Cuadro de herramientas permanezca abierto, haga clic en el pin de la barra de título del Cuadro de herramientas.

12.- Ocultar y reabrir el cuadro de herramientas: Para ocultar la caja de herramientas, haga clic en el pin de la barra de título del cuadro de herramientas. Para reabrir el Cuadro de herramientas cuando está oculto, en el menú Ver, haga clic en el cuadro de herramientas

13.- Diseñador de Windows Forms: para visualizar un formulario en la vista de diseño, haga doble clic en el explorador de soluciones. En el explorador de soluciones, seleccione el

(10)

14.- Ventana de propiedades: Si la ventana Propiedades no está visible, haga clic en Ventana Propiedades en el menú Ver o pulse la tecla F4. Para visualizar las propiedades por categorías, haga clic en el botón Por categorías de la ventana Propiedades. Las propiedades para el formulario o control seleccionado se dividirán en categorías definidas por el control. Para visualizar las propiedades de una categoría, expanda el nodo de la misma. Para ocultar las propiedades de una categoría, cierre el nodo de la misma. Para visualizar las propiedades alfabéticamente, haga clic en el botón Alfabético de la ventana Propiedades.

15.- En este punto arrastre un control “Button” desde el cuadro de herramientas hacia el formulario “Form1”. Vea la figura 13.

Figura 13: Control Button1

16.- Mantenga seleccionado el control Button1 y vaya a las propiedades de este control y realice los cambios dados en la tabla 1:

Propiedad Valor Text &Saludo Name btnHello BackColor Blue ForeColor yellow

17.- Ahora insertaremos las primeras líneas de código en visual Basic.

18.- Haga doble clic en el control btnHello. Esta acción lo llevará al editor de código. Vea la figura 14.

(11)

Figura 14: Evento Clic del control btnHello

19.- En la figura se observa el evento Click del control btnHello. Esto quiere decir que al realizar un clic sobre este control, se ejecutará el código dado a este evento.

20.- Escriba el siguiente código :

MsgBox("Hola Mundo Visual Basic")

21.- Salve el proyecto desde la opción Guardar Todo.

23.- A continuación arranque el proyecto desde el botón iniciar depuración , luego de esta acción aparecerá el formulario con el control btnHello.

24.- Haga clic sobre el control btnHello, y deberá aparecer una caja de texto con la leyenda “Hola Mundo Visual Basic”. Vea la figura 15.

Figura 15: Caja de Texto 25.- Finalice la aplicación desde el botón detener depuración

26.- Salve el proyecto con el botón Guardar todo, , luego vaya al menú archivo y seleccione cerrar proyecto.

27.- Ahora crearemos una aplicación de consola.

28.- Vaya al menú Archivo y seleccione Nuevo Proyecto.

29.- En las plantillas seleccione Aplicación de Consola y repita los pasos 4,5,6 y 7. En el paso 4 coloque el nombre “Guia7Actividad1_Consola” para diferenciarlo del anterior.

(12)

Figura 16 :Aplicación de Consola

31.- Inserte las siguientes líneas de código después de Sub Main()

Console.Write("Aplicación de Consola" & vbCrLf)

Console.Write("Hola mundo Visual Basic en modo Consola" & vbCrLf) Console.Write("Ingrese un Número:")

Console.ReadLine()

32.- Salve el proyecto desde la opción Guardar Todo.

34.- A continuación arranque el proyecto desde el botón iniciar depuración 35.- Verifique que la salida mostrada sea similar a la figura 17

Figura 17: Aplicación de Consola

(13)

37.- Salve el proyecto con el botón Guardar todo, , luego vaya al menú archivo y seleccione cerrar proyecto.

38.- Realizada la actividad pase a la actividad de evaluación.

f. Guía de auto evaluación para el alumno

1.- ¿Cuáles son las diferencias entre una aplicación de Windows y una de Consola?

2.- En las aplicaciones para Windows ¿Cuál es la propiedad más importante de un control ?

3.- Nombre 5 controles más comunes usados en las aplicaciones para Windows

4.- En la aplicación de Consola, ¿Cuál es el bloque de código necesario para leer y asignar a una variable un número ingresado por el usuario?. Puede usar el proyecto de consola para finalizarlo.

5.- Anote en la siguiente tabla el valor de las propiedades que tiene por defecto el formulario (Form1) :

(14)

Propiedad Valor Función que cumple Name BackColor Enabled Text Autosize FormBorderStyle Icon StartPosition

6.- Anote la función de los siguientes eventos de la forms1. (utilice la ayuda de Form Events para realizar esta actividad)

Evento Función Load Paint Resize Shown Click Enter

(15)

g. Pauta de evaluación de la actividad 1 (Guía 7)

Habilidades

Logrado No Logrado Descripción

U/ Herramientas Usa correctamente el entorno de desarrollo de Visual Basic para crear _{programas de tipo consola y tipo Windows.} U/ Instrumentos Usa correctamente las herramientas de ayuda asociada al IDE de Visual _Basic. U/ Barras de menú

y de Botones de acceso rápido.

Utiliza los menú y botones de acción rápidos más usados en el IDE de Visual _{Basic, para trabajar con programas de tipo consola y programas para Windows} U/ Información Utiliza la información técnica para guiar el diagnóstico en el desarrollo de los _programas.

Determinación de la falla y/o actividad

Primer intento Segundo intento Tercer intento Descripción

Falla y/o Actividad Determina una falla o realiza la actividad de forma satisfactoria

Descuento (si se aplica) Actitudes

Orden

Mantiene su espacio de trabajo ordenado, mientras realiza la experiencia y se _{comporta en forma ordena mientras realiza las actividades.}

Limpieza

Mantiene su espacio de trabajo limpio mientras realiza la experiencia y se _{preocupa de que quede limpio al finalizar la actividad.}

Cuidado

Realiza la experiencia cuidando no producir daños físicos y materiales a los componentes, compañeros y a él mismo, los cuales son intrínsicos a la actividad.

Seguridad

Observa las normas de seguridad al trabajar en un laboratorio de computación. Autocontrol

Se mantiene controlado a pesar de los intentos fallidos y ante la presión del _{tiempo para realizar las actividades.}

(16)

7.2. Actividad 2: UTILIZACIÓN DEL EDITOR DE CÓDIGO a. Equipos requeridos

- 1 Computador PC con sistema operativo Windows XP. - Software Microsoft Visual Studio.Net 2005 (Visual Basic)

El editor de código o Code Editor es la ventana en la cual se escriben las sentencias del programa. Para el desarrollo de esta actividad utilizaremos el proyecto de la actividad anterior; Aplicación para Windows de nombre “Guia7Actividad1”

1. Vaya al menú Archivo y desde el submenú proyectos recientes abra el proyecto G7A1_PrimerPrg.vbproj

2. luego de lo anterior deberá aparecer el editor de código, y el explorador de soluciones del proyecto.

3. Sobre el editor de código existen dos lengüetas nombradas Form1.vb y Form1.vb (Design) 4. haga clic sobre Form1.vb (Design) y verifique que se muestra el formulario con el botón de

saludo en su interior.

5. Esto también lo puede realizar desde el explorador de soluciones desde el botón “ver código” o “ver diseñador”.

(17)

6. Verifique que el editor utiliza un código de colores para destacar cada elemento del programa. Así, el código escrito por el usuario aparece en negro, las palabras clave de Visual Basic en azul, los comentarios en verde, los errores en rojo, etc.

7. Verifique en la parte superior de esta ventana que aparecen dos listas desplegables. La de la izquierda corresponde a los distintos elementos del formulario; el propio formulario y los distintos controles que están incluidos en él. La lista desplegable de la derecha muestra los distintos procedimientos que corresponden al elemento seleccionado en la izquierda.

8.

Agregue un control tipo Textbox y un control Button al formulario del proyecto.

9.

Ahora vaya al editor de código y vea bajo las lengüetas de Form1.vb y Form1.vb(Design) que existen dos ventanas una para el nombre de la clase y otra para el nombre del método. Vea la figura 19.

Figura 19: Ventanas de nombre de la clases y métodos

10. En la ventana del nombre de la clase, seleccione el control tipo Button1 y verifique que en la ventana del nombre del método aparezcan todos los métodos y eventos asociados a este control . Ver figura 20.

a) lista de los controles por clase b) lista de procedimientos y eventos

Figura 20 Listas desplegables de clase y métodos

11. Otra opción interesante del editor de código es la función de auto completar. Por ejemplo en el evento clic del botón Button1 escriba el siguiente código MsgBox(“Hola” & TextBox1.

(18)

Figura 21: Función de auto completar código

12. Verifique que el inicio de la clase form1 está limitada por el código Public Class Form1.

13. Verifique que el final de la clase termina con el código End Class.

14. Todos los procedimientos y eventos con sus respectivos códigos de los controles asociados a esta clase deberán limitados por estas instrucciones.

15. Escriba un código que sume dos números enteros en el evento Clic del Button1 y el resultado lo muestre en la caja de texto Textbox1.

TextBox1.Text = 4 + 5

16. Escriba un código de saludo de bienvenida en el evento Load de la Form1.

MsgBox("bienvenidos a Visual Basic")

17. ATENCIÓN: En este momento debe llamar al profesor para que corrobore su trabajo,

18. Salve el proyecto desde la opción Guardar Todo.

19. Arranque la aplicación y verifique que la primera ventana en ejecutarse es la del código del evento Load de la Form1.

20. Luego haga clic en el control button1 y verifique que se muestra en la caja de texto el resultado de la suma de los dos números enteros.

21. Note que todos los procedimientos en Visual Basic comienzan con la palabra reservada Sub y finalizan con End Sub. Más adelante trabajaremos con los procedimientos Sub y Function. 22. Verifique que al realizar una mala escritura del código, Visual subraya el código con una

línea azul para indicar un error en el código escrito por UD. 23. Realizada la actividad pase a la actividad de evaluación

1.- ¿Cuántas formas tiene el entorno de desarrollo para acceder al editor de código? Nómbrelas

(19)

2.- ¿Cuál es la diferencia entre un procedimiento Sub y un Function?

3.- Añada los controles indicados en la tabla 2 al formulario, y escriba en los eventos los códigos entregados :

Control evento código

Button2 Click MsgBox("Haga una Selección", MsgBoxStyle.YesNoCancel, "Evento Click")

Form1 Load Me.BackColor = Color.CadetBlue

Button2 Click MsgBox("Este es un mensaje de error Crítico",

MsgBoxStyle.Critical, "Evento Click")

(20)

g. Pauta de evaluación de la actividad 2 (Guía 7)

Habilidades

U/ Programación. Programa correctamente según la estructura del lenguaje Visual Basic U/ Compilación. El programa logra compilar correctamente y sin errores.

U/ Ejecución. El programa se ejecuta en forma correcta y sin errores. U/ Formas y

Componentes

Usa correctamente las formas y componentes más usuales del IDE de Visual Basic.

Primer _intento Segundo _intento Tercer _intento Descripción

Orden

Limpieza

Cuidado

Seguridad

7.3. Actividad 3: UTILIZACIÓN DEL DEBUGGER a. Equipos requeridos

- 1 Computador PC con sistema operativo Windows XP. - Software Microsoft Visual Studio.Net 2005 (Visual Basic)

(21)

Para desarrollar la siguiente actividad el alumno deberá agregar un nuevo control de tipo button y luego escribir el siguiente código en el evento click de este control:

Dim i, x As Integer

For i = 0 To 10 Step 1 i += 1

x = i + 10

2.- Situé el cursor delante de la palabra reservada For y luego presione la tecla F9. al realizar lo anterior aparece una franja de color rojo sobre el código y una esfera en lado izquierdo de la pantalla indicando que se ha activado el Debug. (ver figura 16)

Figura 22: Inicio del Debug

3.- Atención En este momento debe llamar al profesor para que corrobore su trabajo,

4.- Ahora vaya al menú Depurar (Debug) y seleccione Iniciar Depuración, (Star Debugging). Con esta operación la aplicación arranca quedando disponible al usuario

5.- Haga clic sobre el control Button1, y observe que la aplicación se detiene mostrando la parte del código donde se marcó con el Debug. Observe que ahora la franja de color rojo es cambiada por una franja de color amarillo. Ver figura 23

(22)

Figura 23: Debug detenido

6.- Ahora sitúe el cursor delante de la variable i, presione el botón derecho del ratón y seleccione la opción Agregar Inspección (AddWatch). Esta acción permite enviar la variable i a la venta de Inspección (Watch) tal como se muestra en la figura 24.

Figura 24: Ventana de Inspección

7.- Repita el paso 6 para la variable x

8.- Para avanzar paso a paso con el debug presione la tecla F10 repetidamente y observe el cambio que sufren las variables en sus valores en la ventana de inspección. Ver figura 25. esta acción también la puede realizar desde la barra de herramientas de depuración en el botón paso paso por instrucciones, , o también con la tecla F8.

(23)

9.- Para detener el proceso de depuración vaya al menú depurar y seleccione Detener Depuración (Stop Debugging).

10.- Para sacar el debug del código sitúe el cursor delante de la palabra reservada For o en cualquier parte de esta línea de código y presione F9. con esta acción desaparece la franja roja del código.

11.- Al terminar esta actividad pase a la actividad de evaluación

1.- ¿Cuántas formas y opciones tiene el entorno de desarrollo para acceder a la depuración del código? Nómbrelas

2.- anote los valores que toman las variables en la tabla 3

Variable Paso1 Paso2 Paso3 Paso4 Paso5 Paso6 Paso7 Paso8 Paso9 Paso10 i

(24)

g. pauta de evaluación de la actividad 3 (Guía 7)

Habilidades

U/ Programación. Programa correctamente un Algoritmo según la estructura del lenguaje Visual _Basic U/ Compilación. El programa logra compilar correctamente y sin errores.

U/ Ejecución. El programa se ejecuta en forma correcta y sin errores.

U/ Depuración Usa correctamente las herramientas de ayuda y de depuración del IDE de _{Visual Basic}

Primer _intento Segundo _intento Tercer _intento Descripción

Orden

Limpieza

Cuidado

Seguridad

(25)

8. Pauta de evaluación de la guía 7.

Rut Nota

Alumno

Asignatura Programación de Computadores Sigla PCS2201 Sección Nº Guía 7 Nombre Manejo del entorno de desarrollo integrado de Visual Basic.

Descripción Uso del entorno de desarrollo, de la herramienta de depuración y la creación de programas en lenguaje Visual Basic.

60% Habilidades 7 - Logrado % Descripción 1 - No Logrado P/ Programación 10%

Programa correctamente un Algoritmo y genera el código fuente siguiendo fielmente la estructura del lenguaje de programación Visual Basic , bajo el IDE de Visual Basic

P/ Compilación 20% Realiza correctamente la compilación del código fuente y logra _{interpretar los errores de compilación.} P/ Ejecución 15% Realiza correctamente la ejecución del programa y logra _{interpretar los errores de ejecución.} P/ Validación

P/ Depuración U/Ayuda

15%

Valida correctamente la entrada de datos al programa.

Usa las herramientas de Depuración y de Ayuda del IDE de Visual Basic

40% Configuración solicitada y/o actividad Primer intento: 7 Segundo intento: 4 Tercer intento: 1 Descripción Diseño 30%

Realiza y logra trasladar el Algoritmo a un código fuente bajo la estructura del lenguaje Visual Basic, solicitado por el profesor de forma satisfactoria.

Funcionamiento 10% Realiza la explicación del funcionamiento lógico del código _{fuente solicitado por el profesor de forma satisfactoria}

N1:

Actitudes : Descuento (si se aplica) en cada ítem  - Máximo 3,5 puntos menos de la nota  - No Logrado Descripción  - Logrado Orden 0.5

Mantiene su espacio de trabajo ordenado mientras realiza la experiencia y se comporta en forma ordena mientras realiza las actividades

Limpieza 0.5

Mantiene su espacio de trabajo limpio mientras realiza la experiencia y se preocupa de que quede limpio al finalizar la actividad

Cuidado 1.0 Realiza la experiencia cuidando no producir daños físicos a los _{componentes, compañeros y a sí mismo.} Seguridad 1.0 Observa las normas de seguridad al trabajar en un laboratorio de _{computación.} Autocontrol 0.5 Se mantiene controlado a pesar de los intentos fallidos y ante la _{presión del tiempo para realizar las actividades.}

Descuento

El alumno debe Repetir la experiencia Pasar a la experiencia

Habilidades y Actividad

Calificación por ítem repetido en 2 actividades Logra todas las actividades : 7,0

Logra 1 de 2 actividades : 3,0

Logra 0 de 2 actividades : 1,0

Descuento Actitudes:

Calificación por ítem repetido en 2 actividades Logra todas las actividades :  No logra en al menos una