Institución Educativa Distrital ELJAZMIN Informática
PROGRAMACIÒN
GRADO 11º GUIA DE LABORATORIO 1 PROF. FÉLIX E. MORALES P.
PROGRAMACIÓN EN VISUAL BASIC 6.0 Indicador de Logro: Identifica los componentes fundamentales del entorno integrado de desarrollo de Visual Basic 6.0. Añade controles a un formulario y establece sus propiedades. INFORMACIÓN Qué es un programa? Un programa es una lista de instrucciones que el computador ejecuta de manera lógica y ordenada para proporcionar respuestas de interactividad con el usuario. En un programa se definen tres componentes: los datos –información suministrada por el usuario-, los procesos –transformación de los datos- y los datos de salida –resultados de la aplicación-. Qué es un programador? Es la persona encargada de escribir el código de instrucciones, en cierto lenguaje de programación, que satisface a través de un aplicación las necesidades del usuario. Entre sus funciones están: Crear una interfaz gráfica, maximizar el rendimiento del sistema, adaptar la aplicación a diferentes plataformas operativas, definir el lenguaje de programación más apropiado para el desarrollo de la aplicación, crear un manual de uso de la aplicación, verificar la correcta ejecución de la aplicación, solucionar errores y velar por el mantenimiento y actualización de la aplicación. Qué es un lenguaje de programación? Un lenguaje de programación es una técnica estándar de comunicación que permite expresar las instrucciones que han de ser ejecutadas en una computadora. Es decir, los lenguajes de programación son herramientas que nos permiten crear programas y software. Algunos lenguajes de programación son: Cobol, Fortran, Pascal, Prolog, C++, Visual FoxPro, Lisp, Delphi, Java, JavaScript, Visual Basic. Los lenguajes de programación representan en forma simbólica y en forma de texto los códigos que podrán ser leídos por una persona y son independientes del computador a utilizar. QUÉ ES VISUAL BASIC? Visual Basic es un ambiente gráfico de desarrollo de aplicaciones para el sistema operativo Microsoft Windows. Las aplicaciones creadas con Visual Basic están basadas en objetos y son manejadas por eventos. Qué es un objeto? Cada formulario (ventana), menú o control que se crea con Visual Basic es un módulo autocontenido llamado objeto. Cada objeto tiene un conjunto de características y un comportamiento definido (propiedades, métodos y eventos) que lo diferencian de otros tipos de objeto. Propiedades Es el conjunto de datos que describen las características y hasta el comportamiento de un objeto. Para un formulario, tenemos por ejemplo, las propiedades BackColor (color de fondo), Height (altura),etc. Métodos Son un conjunto de procedimientos que permiten que un objeto ejecute una acción o tarea sobre sí mismo. Por ejemplo, para un formulario tenemos el método Hide que hará que el formulario se oculte; o el método Show que hará que el formulario se vuelva a mostrar. Eventos Es una acción que es reconocida por el objeto. Un evento ocurre (se dispara) como resultado de la interacción del usuario con el objeto. También puede dispararse debido a la ejecución de código (sentencias) o como resultado de la interacción de otro objeto con el objeto poseedor del evento. Para un formulario tenemos por ejemplo; el evento Load que se dispara cuando se carga el formulario; o el evento Click para un botón de comando, se dispara cuando se hace clic sobre él. ¿Qué papel cumplen las propiedades, métodos y eventos? Toda aplicación necesita una interfaz de usuario, la parte visual a través de la cual el usuario interactúa con la aplicación. Los bloques básicos de construcción de una interfaz de usuario son los formularios y los controles. Visual Basic utiliza técnicas de programación visual para diseñar las aplicaciones. EL ENTORNO INTEGRADO DE DESARROLLO (IDE) Cuando se inicia Visual Basic, se crea un proyecto nuevo con un formulario. El IDE de Visual Basic consta de los siguientes elementos: 1. Barra de Menús Presenta los comandos que se usan para trabajar con Visual Basic. Además de los menús estándar Archivo, Edición, Ver, Ventana y Ayuda, contiene otros menús para tener acceso a funciones específicas de programación, como Proyecto, Formato o Depuración. 2. Barra de Herramientas Permite un acceso directo (solo un clic) a muchas de las operaciones más frecuentes utilizadas durante el desarrollo de aplicaciones. 3. Cuadro de Herramientas Contiene todos los objetos y controles que se pueden añadir a los formularios para crear aplicaciones. 4. Diseñador de Formularios Funciona como una ventana en la que se puede personalizar el diseño de la interfaz de usuario (ventana) de una aplicación.
1 2
4 5
7
6
3
5. Explorador de Proyectos Lista de los archivos (formularios, módulos, etc.) del proyecto actual. Un Proyecto es una colección de archivos que utiliza para construir una aplicación. 6. Ventana de Propiedades Lista los valores de las propiedades del formulario o control seleccionado que pueden ser modificados durante el diseño del formulario o control. 7. Ventana de Código Funciona como un editor para escribir el código (sentencias) de la aplicación. ¿Qué es un proyecto? Cuando se desarrolla una aplicación, Visual Basic crea un archivo especial llamado Archivo de Proyecto para administrar todos los demás archivos de la aplicación.
El Archivo de Proyecto es simplemente una lista de todos los archivos y objetos asociados con el proyecto, así como información sobre las opciones del entorno. Esta información se actualiza cada vez que se guarda el proyecto. Todos los archivos y objetos también se pueden compartir con otros proyectos. Un proyecto está compuesto por los siguientes archivos: Tipo de archivo Proyecto Formulario
Extensión vbp frm y frx
Descripción
Realiza el seguimiento de todos los componentes de la aplicación. Incluye el formulario, los objetos sobre el formulario y el código que se ejecuta cuando ocurre un evento en el formulario. Módulo estándar bas Contiene procedimientos Sub y Function que pueden ser invocados por cualquier formulario u objeto sobre el formulario. (opcional) Controles ocx Controles adicionales a los controles estándar proporcionados por Personalizados Microsoft u otras empresas. (opcional) Módulo de clase cls Contiene la definición de clase, métodos y propiedades de un nuevo tipo de objeto. (opcional) Recursos res Contiene información binaria usada por la aplicación. Son usados cuando se crean programas para múltiples lenguajes. (opcional) Cuando se completan todos los archivos del proyecto, se puede convertir en un archivo ejecutable (.exe). CREAR UNA APLICACIÓN EN VISUAL BASIC Los pasos fundamentales para crear una aplicación en Visual Basic son: a. Crear la interfaz El formulario es el principal medio de comunicación entre el usuario y la aplicación. Los usuarios interactúan con los controles sobre el formulario para ingresarle datos y obtener resultados. Los controles son la representación gráfica de objetos tales como botones, cuadros de lista, cuadros de edición, etc., con los que el usuario interactúa para proporcionar información a la aplicación. Añadir controles a un formulario Para añadir controles a un formulario existen dos métodos: Teniendo el cuadro de Herramientas o un Formulario visible, haga doble clic en el control que desea añadir en el Cuadro de Herramientas, los controles se ubican en el centro del formulario, luego hay que moverlos a la posición deseada dentro del formulario ó Haga clic sobre el control en el Cuadro de Herramientas. Ubique el puntero del Mouse (una cruz) sobre el formulario en la esquina superior izquierda donde desea colocar el control, realice un clic sostenido
mientras arrastra el puntero a la esquina inferior derecha para determinar el tamaño del control y suelte el botón del Mouse. b. Establecer propiedades Al diseñar la interfase de usuario de una aplicación Visual Basic, se deben establecer la propiedades para los controles (objetos) creados. En Tiempo de Diseño Algunas propiedades pueden ser establecidas en tiempo de diseño, es decir, cuando se construye la aplicación, por medio de la ventana de propiedades. Para acceder a la ventana de propiedades, oprima en botón secundario del ratón sobre un objeto, y luego haga clic en Propiedades. También se puede obtener el mismo resultado seleccionado el objeto y luego presionando F4. Si selecciona varios objetos a la vez, sólo se mostrarán las propiedades que son comunes para los controles seleccionados. Cualquier cambio que se haga a una propiedad será aplicada a todos los controles. En Tiempo de Ejecución En tiempo de ejecución -momento en el cual ejecutamos la aplicación como lo haría el usuario-, se puede escribir código para establecer u obtener el valor de una propiedad. Desde el código, las propiedades se pueden acceder, escribiendo el nombre del objeto o control seguido de un punto y escribiendo o seleccionando la propiedad deseada de la lista desplegable. c. Escribir el código Código es un término general para todas las sentencias Visual Basic que usted escribe en una aplicación: procedimientos de evento y procedimientos generales. El código en Visual Basic se escribe, se muestra y se edita en la ventana de Código. Para abrirla, haga doble clic en el objeto para el que se desea escribir el código ó en la ventana del explorador de proyectos, seleccione el nombre de un formulario o módulo y haga clic en el botón Ver Código ó seleccione el control u objeto y en el menú Ver elija la opción Ver Código. En la ventana de código encontramos:
2 1
3
4
1. El cuadro Objeto Muestra el nombre del objeto seleccionado. Haga clic en la flecha a la derecha del cuadro Objeto para mostrar una lista de todos los objetos asociados con el formulario. 2. El cuadro Procedimiento Muestra todos los eventos reconocidos para el formulario o control mostrado en el cuadro Objeto. Cuando seleccionamos un evento, en la ventana de código se muestra el procedimiento de evento asociado con ese evento. 3. El Botón Ver Procedimiento Establece que en la ventana de código se edite un procedimiento a la vez. 4. El Botón Ver Módulo Completo Establece que en la ventana de código se tenga acceso a todos los procedimientos, separados por una línea separadora uno de otro. Sangría Es aconsejable, usar la sangría para diferenciar partes del código, tales como estructuras repetitivas y condicionales. Para aplicar sangría a una sección de sentencias de un código se usa la tecla Tab. Carácter de Continuación de Línea El carácter subrayado _ es el carácter de continuación de línea y se usa para dividir una sentencia en múltiples líneas. TRABAJO EN BINAS A. Ingresar a Visual Basic (Inicio/Programas/Microsoft Visual Studio/Microsoft Visual Basic 6.0/Nuevo Proyecto/EXE Estándar/Abrir) a. Ubicados en el Form1, cambiar el nombre al formulario por Prueba (Ventana de Propiedades/Nombre) b. Cambiar el texto de la barra de título del formulario por Inicio (Ventana de Propiedades/Caption) c. Definir un color cualquiera de fondo para el formulario (Ventana de Propiedades/BackColor)
d. Definir la fuente, estilo y tamaño del texto que se va a escribir en el formulario: fuente Arial, negrita cursiva, tamaño 18 (Ventana de Propiedades/Font), y el color de fuente -diferente al del fondo del formulario- (Ventana de Propiedades/ForeColor) e. Definir un alto para el formulario de 8000 twips (Ventana de Propiedades/Height) f. Definir un ancho para el formulario de 10000 twips (Ventana de Propiedades/Width) g. Establecer el centro de la pantalla como posición inicial para el formulario (Ventana de Propiedades/StartUpPosition/2 - CenterScreen) h. Cambiar el icono que aparece en la barra de título del formulario (Ventana de Propiedades/Icon/…) Buscarlo en la siguiente ruta: Archivos de programa\Microsoft Visual Studio\Common\Graphics\Icons/Misc y escoger el que se quiera. i. Definir si se puede o no mover el formulario (Ventana de Propiedades/Moveable/False o en caso contrario True) j. Establecer un estilo de borde del formulario fijo (Ventana de Propiedades/BorderStyle/1 – Fixed Single) B. En el cuadro de herramientas seleccionar el objeto llamado CommandButton. a. Ubicar sobre el formulario – al lado derecho - tres controles CommandButton, sin usar Ctrl.-C ni Ctrl.-V (estos aparecerán numerados consecutivamente Command1, Command2, Command3) b. Cambiar el nombre a estos tres botones (uno por uno) por: Imprimir, Borrar, Salir (Ventana de Propiedades/Caption) c. Establecer un icono para el mouse (Ventana de Propiedades/MouseIcon/…) Buscar el icono en la siguiente ruta: Archivos de programa\Microsoft Visual Studio\Common\Graphics\Cursors\H_POINT Realizar el mismo procedimiento para cada uno de los botones de comando. d. Definir el tipo de puntero del Mouse mostrado al pasar por encima del botón (Ventana de Propiedades/MousePointer/99 - Custom). Realizar el mismo procedimiento para cada uno de los botones de comando. C. Hacer doble clic sobre el botón Imprimir y en la ventana de código digitar el siguiente código (escribir sólo lo que está en negrita): Private Sub Command1_Click( ) Print “I.E.D. El Jazmín” End Sub D. Pulsar las teclas Shit-F7 para visualizar el formulario (Ver Objeto) y hacer clic sobre el botón Borrar y en la ventana de código digitar el siguiente código (sólo lo que está en negrita): Private Sub Command2_Click( ) Cls End Sub E. Visualizar nuevamente el formulario (Menú Ver/Objeto) y hacer clic sobre el botón Salir y en la ventana de código digitar el siguiente código (sólo lo que está en negrita): Private Sub Command3_Click( ) Beep End End Sub F. Ejecutar el programa: pulsar la tecla F5 ó en el menú Ejecutar seleccionar la opción Inicio ó en la barra de Herramientas hacer clic en el botón Iniciar, hacer clic sobre cada botón de comando y revisar si hay errores para corregirlos. La ejecución se puede detener en cualquier momento pulsando las teclas Ctrl-F4 ó haciendo clic en el botón Terminar de la barra de herramientas ó seleccionando la opción Terminar del menú Ejecutar. G., Agregar otro proyecto (Menú Archivo/Agregar Proyecto/EXE estándar/Abrir) y siguiendo el mismo procedimiento – cada uno de los puntos anteriores con los ajustes necesarios-, simular la portada de un trabajo: el título, los integrantes, el nombre de la Asignatura, el nombre del Colegio, el año y la ciudad; empleando botones que muestren cada uno de dichos datos, un botón para borrarlos y finalmente otro para salir del programa. H. Antes de ejecutar el programa, en la ventana del Explorador de Proyectos, hacer clic con el botón derecho del Mouse sobre el nombre Proyecto2 (Proyecto2) y seleccionar la opción Establecer como inicial.