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. Esta herramienta de programación permite crear aplicaciones propias (programas) para Windows XP y Windows 2000. Se puede crear una simple calculadora hasta una hoja de cálculo de la talla de 1
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. 2
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 formularios: una barra de título, un cuadro de control y los botones Minimizar, Maximizar y Cerrar. 3
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 Organiza proyectos, elementos de proyectos y elementos de Visual studio 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. 4
.vb.vbproj Proyecto Visual Basic Proyectos 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. 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. El Editor de código Figura 6: Ventana de propiedades 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. 5
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. El Depurador (Debugger) Figura 7: Editor de código 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. Sistema de Ayuda en línea Figura 8: Utilización del Debugger 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 6
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 Plantillas, haga clic en Aplicación para Windows. (Ver figura 1.0) 7
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. Figura 11: Diseñador de un formulario de Windows 8
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 formulario y haga clic en el botón Ver Diseñador de la barra de herramientas 9
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 ventana Propiedades. de la 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. 10
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. 22.- 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 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. 30.- Al dar aceptar verifique que el entorno de desarrollo luzca como la figura 16. 11
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. 33.- 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 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 36.- Finalice la aplicación desde el botón detener depuración 12
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) : 13
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 Load Paint Resize Shown Click Enter Función 14
g. Pauta de evaluación de la actividad 1 (Guía 7) Habilidades U/ Herramientas U/ Instrumentos U/ Barras de menú y de Botones de acceso rápido. U/ Información Logrado No Logrado Descripción Usa correctamente el entorno de desarrollo de Visual Basic para crear programas de tipo consola y tipo Windows. Usa correctamente las herramientas de ayuda asociada al IDE de Visual Basic. 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 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 Logrado No Logrado Descripción Orden Limpieza Cuidado Seguridad Autocontrol Mantiene su espacio de trabajo ordenado, mientras realiza la experiencia y se comporta en forma ordena mientras realiza las actividades. Mantiene su espacio de trabajo limpio mientras realiza la experiencia y se preocupa de que quede limpio al finalizar la actividad. 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. Observa las normas de seguridad al trabajar en un laboratorio de computación. Se mantiene controlado a pesar de los intentos fallidos y ante la presión del tiempo para realizar las actividades. 15
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) 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 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. Figura 18: Editor de código 16
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. verifique que después de escribir el punto se muestre una ventana emergente con funciones y propiedades para auto completar el código. (Ver figura 21) 17
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, NO DEBE CONTINUAR CON EL PRÓXIMO PASO HASTA QUE EL PROFESOR LO AUTORICE 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 f. Guía de auto evaluación para el alumno 1.- Cuántas formas tiene el entorno de desarrollo para acceder al editor de código? Nómbrelas 18
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") Button3 Close Me.Close() 19
g. Pauta de evaluación de la actividad 2 (Guía 7) Habilidades Logrado No Logrado Descripción 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. 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 Logrado No Logrado Descripción Orden Limpieza Cuidado Seguridad Autocontrol Mantiene su espacio de trabajo ordenado, mientras realiza la experiencia y se comporta en forma ordena mientras realiza las actividades. Mantiene su espacio de trabajo limpio mientras realiza la experiencia y se preocupa de que quede limpio al finalizar la actividad. 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. Observa las normas de seguridad al trabajar en un laboratorio de computación. Se mantiene controlado a pesar de los intentos fallidos y ante la presión del tiempo para realizar las actividades. 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) 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 20
e. Descripción y procedimiento 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 Next 1.- Para ir al evento click del control Button1 haga doble clic sobre este control. Luego escriba el código dado anteriormente o también puede hacerlo desde las ventanas de clase y métodos. 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, NO DEBE CONTINUAR CON EL PRÓXIMO PASO HASTA QUE EL PROFESOR LO AUTORICE 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 21
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 tecla F8. en el botón paso paso por instrucciones,, o también con la Figura 25: Debug paso a paso 22
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 f. Guía de auto evaluación para el alumno 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 i x Paso10 23
g. pauta de evaluación de la actividad 3 (Guía 7) Habilidades U/ Programación. Logrado No Logrado Descripció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 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 Logrado No Logrado Descripción Orden Limpieza Cuidado Seguridad Autocontrol Mantiene su espacio de trabajo ordenado, mientras realiza la experiencia y se comporta en forma ordena mientras realiza las actividades. Mantiene su espacio de trabajo limpio mientras realiza la experiencia y se preocupa de que quede limpio al finalizar la actividad. 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. Observa las normas de seguridad al trabajar en un laboratorio de computación. Se mantiene controlado a pesar de los intentos fallidos y ante la presión del tiempo para realizar las actividades. 24
8. Pauta de evaluación de la guía 7. Rut Alumno Nota Asignatura Programación de Computadores Sigla PCS2201 Sección Nº Guía 7 Nombre Descripción P/ Programación Manejo del entorno de desarrollo integrado de Visual Basic. Uso del entorno de desarrollo, de la herramienta de depuración y la creación de programas en lenguaje Visual Basic. 7 - Logrado 1 - No Logrado 60% Habilidades % Descripción 10% P/ Compilación 20% P/ Ejecución 15% P/ Validación P/ Depuración U/Ayuda Primer intento: 7 Segundo intento: 4 15% Diseño 30% Funcionamiento 10% 40% Configuración solicitada y/o actividad N1: Tercer intento: 1 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 Realiza correctamente la compilación del código fuente y logra interpretar los errores de compilación. Realiza correctamente la ejecución del programa y logra interpretar los errores de ejecución. Valida correctamente la entrada de datos al programa. Usa las herramientas de Depuración y de Ayuda del IDE de Visual Basic Descripción 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. Realiza la explicación del funcionamiento lógico del código fuente solicitado por el profesor de forma satisfactoria Actitudes : Descuento (si se aplica) en cada ítem - Máximo 3,5 puntos menos de la nota - Logrado - No Logrado Orden 0.5 Limpieza 0.5 Cuidado 1.0 Seguridad 1.0 Autocontrol 0.5 El alumno debe Firma Alumno Descuento Repetir la experiencia Descripción Mantiene su espacio de trabajo ordenado mientras realiza la experiencia y se comporta en forma ordena mientras realiza las actividades Mantiene su espacio de trabajo limpio mientras realiza la experiencia y se preocupa de que quede limpio al finalizar la actividad Realiza la experiencia cuidando no producir daños físicos a los componentes, compañeros y a sí mismo. Observa las normas de seguridad al trabajar en un laboratorio de computación. Se mantiene controlado a pesar de los intentos fallidos y ante la presión del tiempo para realizar las actividades. Pasar a la experiencia siguiente Nota: N1 N2. 25
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 actividad. : 26