Está en la página 1de 100

COLEGIO DE BACHILLERES DEL ESTADO DE SONORA

Director General Mtro. Julio Alfonso Martnez Romero Director Acadmico Ing. Arturo Sandoval Mariscal Director de Administracin y Finanzas C.P. Jess Urbano Limn Tapia Director de Planeacin Ing. Ral Leonel Durazo Amaya

APLICACIONES EN UN AMBIENTE GRFICO Mdulo de Aprendizaje. Copyright , 2011 por Colegio de Bachilleres del Estado de Sonora todos los derechos reservados. Primera edicin 2011. Impreso en Mxico. DIRECCIN ACADMICA Departamento de Desarrollo Curricular Blvd. Agustn de Vildsola, Sector Sur Hermosillo, Sonora. Mxico. C.P. 83280

COMISIN ELABORADORA: Elaborador: Ricardo Revilla Reyes Revisin Disciplinaria: Mara Enedina Duarte Camacho Correccin de Estilo: Flora Ins Cabrera Fregoso Apoyo Metodolgico: Mara Enedina Duarte Camacho Supervisin Acadmica: Luz Mara Grijalva Daz Diseo: Mara Jess Jimnez Duarte Edicin: Francisco Peralta Varela Coordinacin Tcnica: Claudia Yolanda Lugo Peuri Diana Irene Valenzuela Lpez Coordinacin General: Ing. Arturo Sandoval Mariscal

Esta publicacin se termin de imprimir durante el mes de diciembre de 2011. Diseada en Direccin Acadmica del Colegio de Bachilleres del Estado de Sonora Blvd. Agustn de Vildsola; Sector Sur. Hermosillo, Sonora, Mxico La edicin consta de 1,342 ejemplares.

PRELIMINARES

DATOS DEL ALUMNO


Nombre: _______________________________________________________________ Plantel: __________________________________________________________________ Grupo: _________________ Turno: _____________ Telfono:___________________ E-mail: _________________________________________________________________ Domicilio: ______________________________________________________________ _______________________________________________________________________

Ubicacin Curricular
COMPONENTE:

FORMACIN PARA EL TRABAJO


CAPACITACIN PARA EL TRABAJO: INFORMTICA

HORAS SEMANALES:

03

CRDITOS:

06

PRELIMINARES

PRELIMINARES

ndice
Presentacin ......................................................................................................................................................... 7 Mapa de asignatura .............................................................................................................................................. 8 BLOQUE 1: APLICACIONES CON VISUAL BASIC ................................................................................9 Secuencia Didctica 1: Introduccin a Visual Basic ..........................................................................................10 Qu es el Visual Basic? ..............................................................................................................................11 Conceptos bsicos de Visual Basic ............................................................................................................11 Formularios y controles ................................................................................................................................12 Qu es un objeto? ......................................................................................................................................12 Nombre de objetos ......................................................................................................................................13 Qu son las propiedades? .........................................................................................................................13 Mtodos .......................................................................................................................................................13 Proyectos y ficheros .....................................................................................................................................13 Archivo de proyecto .....................................................................................................................................15 Cmo se guarda un proyecto en el disco? ...............................................................................................16 Secuencia Didctica 2: Entorno de Visual Basic ...............................................................................................18 El entorno integrado de desarrollo ..............................................................................................................19 Barra de mens ............................................................................................................................................19 Barra de herramientas .................................................................................................................................20 Cuadro de herramientas ..............................................................................................................................20 Diseador de formularios .............................................................................................................................20 Explorador de proyectos ..............................................................................................................................21 Ventana de propiedades..............................................................................................................................21 Ventana de cdigo .......................................................................................................................................21 Obtencin de ayuda del sistema .................................................................................................................23 Ayuda en lnea ..............................................................................................................................................23 Secuencia Didctica 3: Formularios ...................................................................................................................26 Introduccin a los formularios .....................................................................................................................27 Mdulo de formulario ...................................................................................................................................27 Mdulo estndar ..........................................................................................................................................27 Elementos de un formulario .........................................................................................................................28 Controles bsicos ........................................................................................................................................29 Control cuadro de texto (Textbox) ...............................................................................................................29 Control botn de comando (Commandbutton) ..........................................................................................30 Estableciendo propiedades .........................................................................................................................33 Procedimientos de Eventos .........................................................................................................................35 Orden de tabulaciones de los controles .....................................................................................................35 Cmo se aaden controles al formulario? .................................................................................................36 BLOQUE 2: ENTORNO DE PROGRAMACIN EN VISUAL BASIC ..................................................... 39 Secuencia Didctica 1: Crear la interfaz de usuario de un nuevo programa ....................................................40 Primer programa en Visual Basic: Siete de la suerte ..................................................................................41 Pasos para la programacin .......................................................................................................................41 Interfaz de usuario ........................................................................................................................................42 Utiliza el cuadro de herramientas para crear la interfaz de usuario............................................................43 Implementa textos ........................................................................................................................................47 Agregar imagen............................................................................................................................................51

PRELIMINARES

ndice (continuacin)
Secuencia Didctica 2: Cdigo: Siete de la suerte ....................................................................................... 56 Lectura de la tabla de Propiedades ............................................................................................................ 58 Utiliza el editor de cdigo............................................................................................................................ 60 Analiza el cdigo del botn tirar ................................................................................................................. 62 Ejecuta aplicaciones de Visual Basic ......................................................................................................... 64 Crea un archivo ejecutable ......................................................................................................................... 64 BLOQUE 3: PROGRAMACIN EN VISUAL BASIC ............................................................................. 69 Secuencia Didctica 1: Controles del cuadro de herramientas ....................................................................... 70 Uso bsico de los controles ....................................................................................................................... 71 Utiliza el control DateTimePicker ................................................................................................................ 75 Crea un programa de cumpleaos ............................................................................................................. 75 Controles para obtener datos de usuarios ................................................................................................. 79 Contorl CheckBox ....................................................................................................................................... 79 Secuencia Didctica 2: Variables y frmulas de Visual Basic .......................................................................... 85 Variables y constantes: declaracin, tipos, mbito y duracin .................................................................. 86 mbito de las variables en Visual Basic ..................................................................................................... 87 Niveles de declaracin ................................................................................................................................ 87 Declaracin de tipos de datos .................................................................................................................... 88 Tipos definidos por el usuario ..................................................................................................................... 88 Operadores de Visual Basic ....................................................................................................................... 92 Aritmtica bsica ......................................................................................................................................... 92 Expresiones condicionales ......................................................................................................................... 96 Estructura de decisin IF Then ............................................................................................................... 96 Prueba de distintas condiciones en una estructura de decisin If Then ............................................... 96 Utiliza bucles ............................................................................................................................................... 98 Bibliografa........................................................................................................................................................ 100

PRELIMINARES

Presentacin
Una competencia es la integracin de habilidades, conocimientos y actitudes en un contexto especfico. El enfoque en competencias considera que los conocimientos por s mismos no son lo ms importante, sino el uso que se hace de ellos en situaciones especficas de la vida personal, social y profesional. De este modo, las competencias requieren una base slida de conocimientos y ciertas habilidades, los cuales se integran para un mismo propsito en un determinado contexto. El presente Mdulo de Aprendizaje de la asignatura Aplicaciones en un Ambiente Grfico, es una herramienta de suma importancia, que propiciar tu desarrollo como persona visionaria, competente e innovadora, caractersticas que se establecen en los objetivos de la Reforma Integral de Educacin Media Superior que actualmente se est implementando a nivel nacional. El Mdulo de Aprendizaje, es uno de los apoyos didcticos que el Colegio de Bachilleres te ofrece con la intencin de estar acorde a los nuevos tiempos, a las nuevas polticas educativas, adems de lo que demandan los escenarios local, nacional e internacional; el mdulo se encuentra organizado a travs de bloques de aprendizaje y secuencias didcticas. Una secuencia didctica es un conjunto de actividades, organizadas en tres momentos: Inicio, desarrollo y cierre. En el inicio desarrollars actividades que te permitirn identificar y recuperar las experiencias, los saberes, las preconcepciones y los conocimientos que ya has adquirido a travs de tu formacin, mismos que te ayudarn a abordar con facilidad el tema que se presenta en el desarrollo, donde realizars actividades que introducen nuevos conocimientos dndote la oportunidad de contextualizarlos en situaciones de la vida cotidiana, con la finalidad de que tu aprendizaje sea significativo. Posteriormente se encuentra el momento de cierre de la secuencia didctica, donde integrars todos los saberes que realizaste en las actividades de inicio y desarrollo. En todas las actividades de los tres momentos se consideran los saberes conceptuales, procedimentales y actitudinales. De acuerdo a las caractersticas y del propsito de las actividades, stas se desarrollan de forma individual, binas o equipos. Para el desarrollo del trabajo debers utilizar diversos recursos, desde material bibliogrfico, videos, investigacin de campo, etc. La retroalimentacin de tus conocimientos es de suma importancia, de ah que se te invita a participar de forma activa, de esta forma aclarars dudas o bien fortalecers lo aprendido; adems en este momento, el docente podr tener una visin general del logro de los aprendizajes del grupo. Recuerda que la evaluacin en el enfoque en competencias es un proceso continuo, que permite recabar evidencias a travs de tu trabajo, donde se tomarn en cuenta los tres saberes: el conceptual, procedimental y actitudinal con el propsito de que apoyado por tu maestro mejores el aprendizaje. Es necesario que realices la autoevaluacin, este ejercicio permite que valores tu actuacin y reconozcas tus posibilidades, limitaciones y cambios necesarios para mejorar tu aprendizaje. As tambin, es recomendable la coevaluacin, proceso donde de manera conjunta valoran su actuacin, con la finalidad de fomentar la participacin, reflexin y crtica ante situaciones de sus aprendizajes, promoviendo las actitudes de responsabilidad e integracin del grupo. Nuestra sociedad necesita individuos a nivel medio superior con conocimientos, habilidades, actitudes y valores, que les permitan integrarse y desarrollarse de manera satisfactoria en el mundo social, profesional y laboral. Para que contribuyas en ello, es indispensable que asumas una nueva visin y actitud en cuanto a tu rol, es decir, de ser receptor de contenidos, ahora construirs tu propio conocimiento a travs de la problematizacin y contextualizacin de los mismos, situacin que te permitir: Aprender a conocer, aprender a hacer, aprender a ser y aprender a vivir juntos.

PRELIMINARES

BLOQUE 1
Aplicaciones con Visual Basic

Aplicaciones en Ambientes Grficos

BLOQUE 3
Programacin en Visual Basic

BLOQUE 2
Entorno de programacin en Visual Basic

PRELIMINARES

Aplicaciones con Visual Basic.

Competencias profesionales:
1. 2. 3. 4.

Desarrolla documentos electrnicos, de acuerdo con los requerimientos establecidos (software). Localiza, obtiene informacin y se comunica utilizando las tecnologas de la informacin y de comunicacin (software). Instala y configura hardware, software y sistemas de seguridad informtica, conforme a los manuales del fabricante, reglas de seguridad e higiene y polticas de uso (hardware). Resuelve problemas de procesamiento de informacin utilizando lenguajes, manejadores de bases de datos y metodologas, de acuerdo con los requerimientos del usuario (software).

Unidad de competencia:

Identifica los conceptos bsicos de la Interfaz de Visual Studio y los aplica en el manejo de Visual Basic, mostrando inters en esta herramienta de desarrollo de programas.

Atributos a desarrollar en el bloque:


1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.

Enfrenta las dificultades que se le presentan y es consciente de sus valores, fortalezas y debilidades. Administra los recursos disponibles teniendo en cuenta las restricciones para el logro de sus metas. Elige alternativas y cursos de accin con base en criterios sustentados y en el marco de un proyecto de vida. Aplica distintas estrategias comunicativas segn quienes sean sus interlocutores, el contexto en el que se encuentra y los objetivos que persigue. Maneja las tecnologas de la informacin y la comunicacin para obtener informacin y expresar ideas. Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Ordena informacin de acuerdo a categoras, jerarquas y relaciones. Utiliza las tecnologas de la informacin y comunicacin para procesar e interpretar informacin. Elige las fuentes de informacin ms relevantes para un propsito especfico y discrimina entre ellas de acuerdo a su relevancia y confiabilidad. Estructura ideas y argumentos de manera clara, coherente y sinttica. Define metas y da seguimiento a sus procesos de construccin de conocimiento. Identifica las actividades que le resultan de menor y mayor inters y dificultad, reconociendo y controlando sus reacciones frente a retos y obstculos. Articula saberes de diversos campos y establece relaciones entre ellos y su vida cotidiana. Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de accin con pasos especficos. Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo.

Tiempo asignado: 16 horas

Secuencia didctica 1. Introduccin a Visual Basic. Inicio


Actividad: 1
Contesta las siguientes cuestiones, posteriormente participa en un debate grupal. 1) Escribe el concepto de Lenguaje. __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ 2) Que es un algoritmo? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ 3) Qu es un diagrama de flujo? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ 4) Escribe cinco lenguajes de programacin y menciona su funcin principal. a) _________________________________________________________________. b) _________________________________________________________________. c) _________________________________________________________________. d) _________________________________________________________________. e) _________________________________________________________________.

Actividad: 1 Conceptual Reconoce los conceptos fundamentales para el desarrollo de la programacin. Autoevaluacin

Evaluacin Producto: Cuestionario. Saberes Procedimental Ilustra la funcin de los lenguajes de programacin. C MC NC

Puntaje: Actitudinal Muestra inters al contestar el cuestionario.

Calificacin otorgada por el docente

10

APLICACIONES CON VISUAL BASIC

Desarrollo
Qu es el Visual Basic?
Visual Basic es un ambiente grfico de desarrollo de aplicaciones para el sistema operativo Microsoft Windows. Las aplicaciones creadas con Visual Basic estn basadas en objetos y son manejadas por eventos. Visual Basic se deriva del lenguaje Basic, el cual es un lenguaje de programacin estructurado. Sin embargo, Visual Basic emplea un modelo de programacin manejada por eventos.

Conceptos bsicos de visual Basic.


Aplicaciones procedurales Es la aplicacin quien controla que porciones de cdigo se ejecuta, y la secuencia en que este se ejecuta. La ejecucin de la aplicacin se inicia con la primera lnea de cdigo, y sigue una ruta predefinida a travs de la aplicacin, llamando procedimientos segn sea necesario. Aplicaciones manejadas por eventos Son eventos tpicos el clicar sobre un botn, el hacer doble clic sobre el nombre de un fichero para abrirlo, el arrastrar un icono, el pulsar una tecla o combinacin de teclas, el elegir una opcin de un men, el escribir en una caja de texto, o simplemente mover el ratn. Una parte esencial de la programacin manejada por eventos es el escribir cdigo que responda a los posibles eventos que pueden ocurrir en una aplicacin. Visual Basic facilita la implementacin del modelo de programacin manejada por eventos.

BLOQUE 1

11

Formularios y controles.
Cada uno de los elementos grficos que pueden formar parte de una aplicacin tpica de Windows 95/98/NT es un tipo de control: los botones, las cajas de dilogo y de texto, las cajas de seleccin desplegables, los botones de opcin y de seleccin, las barras de desplazamiento horizontales y verticales, los grficos, los mens, y muchos otros tipos de elementos son controles para Visual Basic 6.0. Cada control debe tener un nombre a travs del cual se puede hacer referencia a l en el programa. Visual Basic 6.0 proporciona nombres por defecto que el usuario puede modificar. En la terminologa de Visual Basic 6.0 se llama formulario (form) a una ventana. Un formulario puede ser considerado como una especie de contenedor para los controles. Una aplicacin puede tener varios formularios, pero un nico formulario puede ser suficiente para las aplicaciones ms sencillas. Los formularios deben tambin tener un nombre, que puede crearse siguiendo las mismas reglas que para los controles.

Qu es un objeto?
Cada formulario (ventana), men o control que se crea con Visual Basic es un mdulo auto contenido llamado objeto. Los bloques bsicos de construccin de una aplicacin con Visual Basic son los objetos. Cada objeto tiene un conjunto de caractersticas y un comportamiento definido (propiedades, mtodos y eventos) que lo diferencian de otros tipos de objeto. En otras palabras, un objeto formulario ha sido diseado para cumplir determinada funcin en una aplicacin, y no es lo mismo que un objeto men.

12

APLICACIONES CON VISUAL BASIC

Nombre de objetos.
Existe una convencin ampliamente aceptada que es la siguiente: se utilizan siempre tres letras minsculas que indican el tipo de control, seguidas por otras letras (la primera mayscula, a modo de separacin) libremente escogidas por el usuario, que tienen que hacer referencia al uso que se va a dar a ese control. En la tabla se muestran las abreviaturas de los controles ms usuales, junto con la nomenclatura inglesa de la que derivan. Abreviatura chk cmd drv frm hsb lbl lst opt shp tmr Control check box command button drive list box form horizontal scroll bar label list option button shape timer Abreviatura cbo dir fil fra img lin mnu pct txt vsb Control combo y drop-list box dir list box file list box frame image line menu pictureBox text edit box vertical scroll bar

Qu son las propiedades?


El conjunto de datos que describen las caractersticas de un objeto se le conoce como sus propiedades. Para un formulario tenemos por ejemplo, las propiedades BackColor (color de fondo), Height (altura). Algunas propiedades no solo determinan el aspecto que tiene el objeto, sino que adems pueden determinar su comportamiento; por ejemplo, la propiedad MaxButton establece si el formulario tendr o no el botn Maximizar. La presencia o ausencia de este botn determinar si el formulario se puede o no maximizar.

Mtodos.
Los mtodos son funciones que tambin son llamadas desde programa, pero a diferencia de los procedimientos no son programadas por el usuario, sino que vienen ya pre-programadas con el lenguaje. Los mtodos realizan tareas tpicas, previsibles y comunes para todas las aplicaciones. De ah que vengan con el lenguaje y que se libere al usuario de la tarea de programarlos. Cada tipo de objeto o de control tiene sus propios mtodos. Por ejemplo, los controles grficos tienen un mtodo llamado Line que se encarga de dibujar lneas rectas. De la misma forma existe un mtodo llamado Circle que dibuja circunferencias y arcos de circunferencia Es obvio que el dibujar lneas rectas o circunferencias es una tarea comn para todos los programadores y que Visual Basic 6.0 da ya resuelta.

BLOQUE 1

13

Actividad: 2
Elabora un cuadro sinptico con los conceptos vistos en la lectura anterior, posteriormente participa en un debate grupal.

Actividad: 2 Conceptual Reconoce los conceptos bsicos Visual Basic. Autoevaluacin

Evaluacin Producto: Mapa mental. Puntaje: Saberes Procedimental Actitudinal Analiza los conceptos necesarios Muestra una actitud positiva y para desarrollar proyectos en Visual participativa durante el trabajo en Basic. equipo. C MC NC Calificacin otorgada por el docente

14

APLICACIONES CON VISUAL BASIC

Proyectos y ficheros
Cada aplicacin que se empieza a desarrollar en Visual Basic 6.0 es un nuevo proyecto. Un proyecto esta forma por formularios (que son las ventanas de la interface de usuario de la nueva aplicacin) y los mdulos (que son conjuntos de funciones y procedimientos sin interface grfica de usuario).

Archivo de proyecto.
Es una lista de todos los archivos y objetos asociados con el proyecto, as como informacin sobre las opciones del entorno. Esta informacin se actualiza cada vez que se guarda el proyecto. Todos los archivos y objetos tambin se pueden compartir con otros proyectos. Un proyecto est compuesto por los siguientes archivos: Tipo de archivo Proyecto Formulario Mdulo estndar Extensin .vbp .frm .frx .bas Descripcin Realiza el seguimiento de todos los componentes de la aplicacin. Incluye el formulario, los objetos sobre el formulario y el cdigo que se ejecuta cuando ocurre un evento en el formulario. Contiene procedimientos Sub y Function que pueden ser invocados por cualquier formulario u objeto sobre el formulario. (opcional)

Tipo de archivo
Controles Personalizados Mdulo de clase

Extensin

Descripcin

.ocx .cls

Controles adicionales a los controles estndar proporcionados por Microsoft u otras empresas. (Opcional) Contiene la definicin de clase, mtodos y propiedades de un nuevo tipo de objeto. (Opcional) Contiene informacin binaria usada por la aplicacin. Son usados generalmente cuando se crean programas para mltiples lenguajes. (Opcional)

Recursos

.res

Cuando ha completado todos los archivos del proyecto puede convertir el proyecto en un archivo ejecutable (.exe).

Nota Con las ediciones Profesional y empresarial de Visual Basic tambin se puede crear otro tipo de archivos ejecutables, como archivos .ocx y .dll

BLOQUE 1

15

Cmo se guarda un proyecto en el disco?


Un proyecto se compone siempre de varios ficheros (al menos de dos) y hay que preocuparse de guardar cada uno de ellos en el directorio adecuado y con el nombre adecuado. Existe siempre un fichero con extensin *.vbp (Visual Basic Project) que se crea con el comando File/Save Project As. El fichero del proyecto contiene toda la informacin de conjunto. Adems hay que crear un fichero por cada formulario y por cada mdulo que tenga el proyecto. Los ficheros de los formularios se crean con File/Save Filename As teniendo como extensin *.frm. Los ficheros de cdigo o mdulos se guardan tambin con el comando File/Save Filename As y tienen como extensin *.bas si se trata de un mdulo estndar o *.cls si se trata de un mdulo de clase (class module). Dando clic en el botn Save en la barra de herramientas se actualizan todos los ficheros del proyecto. Si no se haban guardado todava en el disco, Visual Basic 6.0 abre cajas de dilogo Save As por cada uno de los ficheros que hay que guardar.

16

APLICACIONES CON VISUAL BASIC

Cierre
Actividad: 3
En equipo mixto de tres integrantes, asiste al centro de cmputo y guarda un proyecto, posteriormente escribe en este espacio tus observaciones y participa en un debate grupal.

Actividad: 3 Conceptual Reconoce los pasos necesarios para guardar un proyecto en Visual Basic. Coevaluacin

Evaluacin Producto: Ejercicio. Puntaje: Saberes Procedimental Actitudinal Practica los pasos necesarios para Cumple con las normas guardar un proyecto en Visual establecidas en el centro de Basic. cmputo. C MC NC Calificacin otorgada por el docente

BLOQUE 1

17

Secuencia didctica 2. Entorno de Visual Basic. Inicio


Actividad: 1
Escribe el nombre del elemento en el nmero que corresponde.

1)____________________________________________ 2) ____________________________________________ 3) ____________________________________________ 4) ____________________________________________

5) ____________________________________________ 6) ____________________________________________ 7) ____________________________________________ 8) ____________________________________________

Actividad: 1 Conceptual Reconoce los elementos del entorno de Visual Basic. Autoevaluacin

Evaluacin Producto: Diagrama. Puntaje: Saberes Procedimental Actitudinal Identifica los elementos del entorno Muestra inters al realizar la de desarrollo de Visual Basic. actividad. C MC NC Calificacin otorgada por el docente

18

APLICACIONES CON VISUAL BASIC

Desarrollo
El Entorno Integrado de Desarrollo. Cuando se inicia Visual Basic, se crea un proyecto nuevo con un formulario. El IDE de Visual Basic consta de los siguientes elementos:

Barra de mens.
Presenta los comandos que se usan para trabajar con Visual Basic. Adems de los mens estndar Archivo, Edicin, Ver, Ventana y Ayuda, contiene otros mens para tener acceso a funciones especficas de programacin, como Proyecto, Formato o Depuracin.

BLOQUE 1

19

Barra de herramientas.
Permite un acceso directo (solo un clic) a muchas de las operaciones ms frecuentes utilizadas durante el desarrollo de aplicaciones.

Cuadro de herramientas.
Contiene todos los objetos y controles que se pueden aadir a los formularios para crear aplicaciones.

Diseador de formularios.
Funciona como una ventana en la que se puede personalizar el diseo de la interfaz de usuario (ventana) de una aplicacin.

20

APLICACIONES CON VISUAL BASIC

Explorador de proyectos.
Lista de los archivos (formularios, mdulos, etc.) del proyecto actual. Un Proyecto es una coleccin de archivos que utiliza para construir una aplicacin.

Ventana de propiedades.
Lista los valores de las propiedades del formulario o control seleccionado que pueden ser modificados durante el diseo del formulario o control.

Ventana de cdigo.
La ventana o editor de cdigo de Visual Basic proporciona de manera automtica informacin relevante a medida que se ingresa cdigo. Por ejemplo, si se escribe el nombre de un control, seguido de un punto, las propiedades y mtodos para ese control sern mostrados automticamente en un cuadro de lista. Luego se puede escoger la propiedad o mtodo deseado para completar la sentencia. Cuando se ingresa el nombre de una funcin en la ventana de cdigo, Visual Basic automticamente proporciona el formato o sintaxis de la funcin.

BLOQUE 1

21

Cdigo es un trmino general para todas las sentencias Visual Basic que usted escribe en una aplicacin: procedimientos de evento y procedimientos generales. El cdigo en Visual Basic se escribe en la ventana de Cdigo. El editor de texto es solo un editor ASCII con colores para diferenciar las palabras claves en el cdigo que escribe. La Ventana de Cdigo se usa para escribir, mostrar y editar el cdigo de su aplicacin. Puede abrir una ventana de cdigo por cada mdulo de su aplicacin, de modo que puede fcilmente copiar y pegar entre ellos.

La Ventana de Cdigo contiene: El Cuadro Lista de Objetos. 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. El Cuadro Lista de Eventos. Muestra todos los eventos reconocidos para el formulario o control mostrado en el cuadro Objeto. Cuando seleccionamos un evento, en la ventana de cdigo se muestra el procedimiento de evento asociado con ese evento. La Barra de Divisin. Desde el men Ventana puede ejecutar el comando Dividir para dividir la ventana de cdigo en dos partes, cada una de las cuales se desplaza separadamente. Puede entonces ver diferentes partes de su cdigo al mismo tiempo. La informacin que aparece en el cuadro Objeto y Procedimiento se refiere al cdigo en la parte que tiene el enfoque. El mismo comando utilizado para dividir la ventana puede utilizarlo para cerrar una de sus partes o tambin lo puede hacer arrastrando la barra de divisin hacia la parte superior o inferior de la ventana. El Botn Ver Procedimiento. Establece que en la ventana de cdigo se edite un procedimiento a la vez. El Botn Ver Mdulo Completo. Establece que en la ventana de cdigo se tenga acceso a todos los procedimientos, separados por una lnea separadora uno de otro.

22

APLICACIONES CON VISUAL BASIC

Obtencin de ayuda del sistema.


Visual Basic proporciona una variedad de recursos para ayudarle a encontrar la informacin que necesite cuando se encuentre trabajando dentro del entorno de desarrollo.

Ayuda en lnea.
Visual Basic proporciona una amplia ayuda en lnea. El archivo de Ayuda contiene mucho cdigo de ejemplo que se puede copiar directamente a una aplicacin. La ayuda de Visual Basic es sensible al contexto. Para emplear la ayuda sensible al contexto en la ventana de cdigo, escriba la palabra para la cual desea informacin, y luego presione F1. Por ejemplo, si desea informacin acerca de la sentencia Open, escriba Open y presione F1.

Actividad: 2
En equipos mixtos de tres integrantes, elabora un mapa mental sobre la ventana de Cdigo, posteriormente participa en un debate grupal.

BLOQUE 1

23

Actividad: 2 (continuacin)

Actividad: 2 Conceptual Reconoce los elementos principales de la ventana de cdigo. Coevaluacin

Evaluacin Producto: Mapa mental. Saberes Procedimental Identifica la funcin de los elementos de la ventana de cdigo. C MC NC

Puntaje: Actitudinal Es participativo y respetuoso con sus compaeros durante el trabajo en equipo.

Calificacin otorgada por el docente

24

APLICACIONES CON VISUAL BASIC

Cierre
Actividad: 3
En equipos mixtos de cinco integrantes, elabora un diagrama, donde plasmes la funcin principal de los elementos del entorno integrado de desarrollo de Visual Basic.

Actividad: 3 Conceptual Reconoce los elementos principales del entorno de Visual Basic. Coevaluacin

Evaluacin Producto: Mapa mental. Puntaje: Saberes Procedimental Actitudinal Identifica la funcin de los Es responsable durante el elementos del entorno de Visual desarrollo de la actividad. Basic. C MC NC Calificacin otorgada por el docente

BLOQUE 1

25

Secuencia didctica 3. Formularios. Inicio


Actividad: 1
Contesta las siguientes cuestiones, posteriormente participa en un debate grupal.

1. Cul es la funcin principal de un formulario? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ 2. Qu es un proyecto en Visual Basic? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ 3. Qu ventajas tiene el uso de formularios? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ 4. Qu relacin existe entre un formulario y un proyecto? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________

Actividad: 1 Conceptual Reconoce la utilidad de los formularios en un proyecto. Autoevaluacin

Evaluacin Producto: Cuestionario. Saberes Procedimental Analiza la relacin existente entre un formulario y un proyecto. C MC NC

Puntaje: Actitudinal Muestra una actitud positiva y responsable durante el desarrollo de la prctica.

Calificacin otorgada por el docente

26

APLICACIONES CON VISUAL BASIC

Desarrollo
Introduccin a los formularios.
El formulario es el principal medio de comunicacin entre el usuario y la aplicacin. Los usuarios interactan con los controles sobre el formulario para ingresarle datos y obtener resultados.

Modulos de formulario.
Cada formulario en su aplicacin tiene un mdulo de formulario asociado, estos son guardados con una extensin de archivo FRM y contienen: Los valores de las propiedades para el formulario y sus controles. Declaracin de variables en el mbito del formulario. Procedimientos de evento y procedimientos generales en el mbito del formulario. Nota Las descripciones graficas de un formulario y los controles sobre el mismo son almacenados en formato binario en un archivo con extensin FRX.

Modulos estndar.
Los mdulos estndar pueden contener cdigo que es comn a varios formularios en su aplicacin. Este cdigo es por omisin pblico, lo cual significa que fcilmente compartido con otros mdulos de cdigo, tales como un mdulo de formulario. Estos mdulos contienen declaraciones de procedimientos, tipos y variables. No pueden almacenar procedimientos de evento por que no contienen objetos.

BLOQUE 1

27

Elementos de un formulario.
Propiedades. BackColor BorderStyle Caption ControlBox Enabled Icon Left y Top MaxButton MinButton Name Color de fondo del formulario. Estilo del borde del formulario. Texto en la barra de ttulo del formulario. True/False. Determina si tiene o no el cuadro de control. True/False. Determina si est habilitado para responder a las acciones del usuario. Icono que se muestra cuando el formulario est minimizado. Ubicacin del formulario. True/False. Determina si tiene o no el botn Maximizar. True/False. Determina si tiene o no el botn Minimizar. Nombre del formulario.

WindowState Estado inicial del formulario (normal, maximizado o minimizado). Eventos. Activate Click Deactivate Load Unload Mtodos. Hide Refresh SetFocus Show Oculta el formulario. Actualiza el contenido del formulario. Le entrega el enfoque al formulario. Hace visible el formulario. Ocurre cuando el formulario se convierte en la ventana activa. Ocurre cuando hace clic sobre el formulario. Ocurre cuando el formulario deja de ser la ventana activa. Ocurre cuando se carga un formulario. Ocurre cuando un formulario est a punto de descargarse.

28

APLICACIONES CON VISUAL BASIC

Controles bsicos.
Con los controles, los usuarios pueden operar y obtener los resultados de una aplicacin. Puede aadir controles a un formulario seleccionando la herramienta adecuada del Cuadro de Herramientas. Entre los controles ms comunes a utilizar en una aplicacin tenemos: Etiqueta (Label), Cuadro de Texto (TextBox) y Botn de Comando (CommandButton).

Control Etiqueta (Label).

Se utiliza para mostrar texto que el usuario no puede modificar. Generalmente para identificar otros controles en el formulario o para mostrar instrucciones al usuario. Propiedades: Alignment AutoSize Caption Name Font Alineacin del texto dentro del control. True/False. Determina si el tamao del control se ajusta automticamente al texto que contiene. Texto que muestra el control. Nombre del control. Establece la fuente, estilo y tamao para el texto del control.

Control cuadro de texto (Textbox).


Se utiliza para que el usuario le proporcione datos a la aplicacin o para que la aplicacin le devuelva la informacin al usuario. El texto que se muestra en el control puede ser cambiado por el usuario.

Propiedades: Enabled True/False. Establece un valor que determina si el control puede responder a eventos generados por el usuario. Font Establece la fuentes, estilo y tamao para el texto del control. Locked True/False. Determina si es posible modificar el texto en el control. MaxLength Establece la longitud mxima permitida para el texto en el control. MultiLine Establece si el control puede aceptar mltiples lneas de texto. Name Nombre del control. PasswordChar Carcter utilizado para ocultar el texto que realmente contiene el control. Text Texto que realmente contiene y muestra el control. Visible Establece si el control ser visible para el usuario.

BLOQUE 1

29

Eventos: Change GotFocus KeyDown LostFocus Ocurre cuando cambia el texto que contiene el control. Ocurre cuando el control recibe el enfoque. Ocurre cuando el usuario presiona una tecla mientras el control tiene el enfoque. Ocurre cuando el control pierde el enfoque.

Mtodos: Refresh SetFocus

Actualiza el texto del control. Mueve el enfoque al control.

Actividad: 2
Asiste al centro de cmputo y aade a un formulario control de etiqueta y control de cuadro texto, anota tus observaciones.

30

APLICACIONES CON VISUAL BASIC

Actividad: 2 (continuacin)

Actividad: 2 Conceptual Reconoce pasos necesarios para implementar los controles de etiqueta y de texto a un formulario. Autoevaluacin

Evaluacin Producto: Ejercicio. Saberes Procedimental Emplea los pasos necesarios para implementar los controles de etiqueta y de texto a un formulario. C MC NC

Puntaje: Actitudinal Muestra inters durante el desarrollo de la prctica.

Calificacin otorgada por el docente

BLOQUE 1

31

Control botn de comando (Commandbutton).


Permite que la aplicacin inicie, interrumpa o termine un proceso. Propiedades: Cancel Caption Default Font Name Visible Eventos: Click Mtodos: SetFocus Mueve el enfoque al botn. Ocurre cuando se hace clic sobre el botn. True/False. Establece si el botn se comportar como el botn cancelar en el formulario y se invocar su evento Click cada vez que se presione la tecla ESC. Establece el texto que muestra el botn. True/False. Establece si el botn se comportar como el botn predeterminado en el formulario. Establece la fuente, estilo y tamao para el texto del control. Nombre del botn. True/False. Establece si el botn ser visible para el usuario.

32

APLICACIONES CON VISUAL BASIC

Estableciendo propiedades.
Al disear la interface de usuario de una aplicacin Visual Basic, se deben establecer la propiedades para los controles (objetos) creados. Estableciendo Propiedades en Tiempo de Diseo. Algunas propiedades pueden ser establecidas en tiempo de diseo. Para establecer estas se emplea la ventana de propiedades. Para acceder a la ventana de propiedades, oprima en botn secundario del ratn sobre un objeto, y luego haga clic en Propiedades. Tambin se puede obtener el mismo resultado seleccionado el objeto y luego presionando F4. Si selecciona varios objetos a la vez y accede a la ventana de propiedades, slo se mostrarn las propiedades que son comunes para todos los controles seleccionados. Cualquier cambio que se haga a una propiedad ser aplicada a todos los controles. Estableciendo Propiedades en Tiempo de Ejecucin. En tiempo de ejecucin, se puede escribir cdigo para establecer u obtener el valor de una propiedad. La siguiente lnea de cdigo establece a negrita la fuente de un cuadro de texto llamado txtData. txtData.Font.Bold = True ' Establece el texto a negrita Este cdigo establece la propiedad Text del cuadro de texto txtData txtData.Text = "Hola mundo" 'Establece el valor del texto Si se omite el nombre de la propiedad, se establece la propiedad predeterminada del control. La propiedad predeterminada de un cuadro de texto es la propiedad Text. La propiedad predeterminada de una etiqueta es la propiedad Caption. Las siguientes lneas de cdigo establecen las propiedades predeterminadas text y caption de un cuadro de texto y de una etiqueta. txtData = "Se establece la propiedad Text del cuadro de texto" lblData = "Se establece la propiedad Caption de la etiqueta"

Propiedades

BLOQUE 1

33

Obteniendo Propiedades en Tiempo de Ejecucin. Puede emplear el siguiente cdigo para obtener el valor de una propiedad en tiempo de ejecucin. Dim sNombre as String sNombre = txtName.Text

Estableciendo Propiedades en Tiempo de Ejecucin. En tiempo de ejecucin, se puede escribir cdigo para establecer u obtener el valor de una propiedad. La siguiente lnea de cdigo establece a negrita la fuente de un cuadro de texto llamado txtData. txtData.Font.Bold = True ' Establece el texto a negrita Este cdigo establece la propiedad Text del cuadro de texto txtData txtData.Text = "Hola mundo" 'Establece el valor del texto Si se omite el nombre de la propiedad, se establece la propiedad predeterminada del control. La propiedad predeterminada de un cuadro de texto es la propiedad Text. La propiedad predeterminada de una etiqueta es la propiedad Caption. Las siguientes lneas de cdigo establecen las propiedades predeterminadas text y caption de un cuadro de texto y de una etiqueta. txtData = "Se establece la propiedad Text del cuadro de texto" lblData = "Se establece la propiedad Caption de la etiqueta"

Obteniendo Propiedades en Tiempo de Ejecucin. Puede emplear el siguiente cdigo para obtener el valor de una propiedad en tiempo de ejecucin. Dim sNombre as String sNombre = txtName.Text

34

APLICACIONES CON VISUAL BASIC

Procedimientos de eventos.
Visual Basic invoca automticamente procedimientos de evento en respuesta a acciones del teclado, del ratn o del sistema. Por ejemplo, los botones de comando tienen un procedimiento de evento Click. El cdigo que se escriba en el procedimiento de evento Click es ejecutado cuando el usuario haga clic en un botn de comando. Para abrir la ventana de cdigo, haga doble clic en el control o formulario, haga clic en la orden Cdigo del men Ver. Cada control tiene un conjunto fijo de procedimientos de evento. Los procedimientos de evento para cada control son mostrados en un cuadro de lista despegable en la ventana de cdigo. El siguiente cdigo muestra el procedimiento de evento Click para un botn de comando llamado cmdOK. Private Sub cmdOK_Click() MsgBox "Hola" End Sub

Eventos

Orden de tabulaciones de los controles.


El orden de tabulacin es el orden en que un usuario se mueve de un control a otro pulsando la tecla Tab. Por omisin, el orden de tabulacin es igual al orden en que se han colocado los controles en el formulario. Para cambiar el orden de tabulacin de los controles de un formulario, establezca el valor de la propiedad TabIndex de cada control. El valor de esta propiedad va desde 0 hasta n-1, siendo n el nmero de controles que tiene el formulario. Quitar un control del orden de tabulacin Normalmente, presionando la tecla Tab en tiempo de ejecucin pasamos de un control a otro en el orden de tabulacin establecido. Podemos quitar un control del orden de tabulacin si establecemos su propiedad TabStop en False. Un control cuya propiedad TabStop se ha establecido en False sigue manteniendo su posicin en el orden de tabulacin actual, aunque el control es saltado al ir de un control a otro con la tecla Tab.

Nota Los controles que no pueden obtener enfoque, al igual que los controles desactivados o invisibles, no tienen la propiedad Tablndex y no estn incluidos en el orden de tabulacin. Cuando el usuario presiona Tab, estos controles son ignorados.

BLOQUE 1

35

Cmo se aaden controles al formulario?


Para aadir controles a un formulario tenemos dos mtodos: Mtodo 1 Teniendo el cuadro de Herramientas o un Formulario visible, se da doble clic en el control que desea aadir en el Cuadro de Herramientas, los controles se ubican en el centro del formulario, uno encima de otro, luego hay que moverlos a la posicin deseada dentro del formulario.

Doble Clic

36

APLICACIONES CON VISUAL BASIC

Mtodo 2 1. Dar clic sobre el control en el Cuadro de Herramientas.

2. Ubicar el puntero del Mouse (una cruz) sobre el formulario en la esquina superior izquierda donde desea colocar el control. 3. Realizar un clic sostenido mientras se arrastra el puntero a la esquina superior derecha donde colocar el control. 4. Soltar el botn del Mouse. Estos cuatro pasos se repiten con cada control que desea aadir al formulario.

Ubicacin del control

BLOQUE 1

37

Cierre
Actividad: 3
Asiste al centro de cmputo y aade controles a un formulario utilizando los dos mtodos mencionados en la lectura anterior, anota tus observaciones.

Actividad: 3 Conceptual Reconoce los dos mtodos para implementar controles a un formulario. Autoevaluacin

Evaluacin Producto: Ejercicio. Puntaje: Saberes Procedimental Actitudinal Evala los dos mtodos para Muestra inters en el desarrollo implementar controles a un de la prctica. formulario. C MC NC Calificacin otorgada por el docente

38

APLICACIONES CON VISUAL BASIC

Entorno de programacin en Visual Basic.

Competencias profesionales:
1. 2. 3. 4.

Desarrolla documentos electrnicos, de acuerdo con los requerimientos establecidos (software). Localiza, obtiene informacin y se comunica utilizando las tecnologas de la informacin y de comunicacin (software). Instala y configura hardware, software y sistemas de seguridad informtica, conforme a los manuales del fabricante, reglas de seguridad e higiene y polticas de uso (hardware). Resuelve problemas de procesamiento de informacin utilizando lenguajes, manejadores de bases de datos y metodologas, de acuerdo con los requerimientos del usuario (software).

Unidad de competencia:

Utiliza Visual Basic para desarrollar aplicaciones de programacin utilizando formularios, aplicando las lneas de programacin de los objetos que lo integran, aplicados al desarrollo de programas interactivos.

Atributos a desarrollar en el bloque:


1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.

Enfrenta las dificultades que se le presentan y es consciente de sus valores, fortalezas y debilidades. Administra los recursos disponibles teniendo en cuenta las restricciones para el logro de sus metas. Elige alternativas y cursos de accin con base en criterios sustentados y en el marco de un proyecto de vida. Aplica distintas estrategias comunicativas segn quienes sean sus interlocutores, el contexto en el que se encuentra y los objetivos que persigue. Maneja las tecnologas de la informacin y la comunicacin para obtener informacin y expresar ideas. Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Ordena informacin de acuerdo a categoras, jerarquas y relaciones. Utiliza las tecnologas de la informacin y comunicacin para procesar e interpretar informacin. Elige las fuentes de informacin ms relevantes para un propsito especfico y discrimina entre ellas de acuerdo a su relevancia y confiabilidad. Estructura ideas y argumentos de manera clara, coherente y sinttica. Define metas y da seguimiento a sus procesos de construccin de conocimiento. Identifica las actividades que le resultan de menor y mayor inters y dificultad, reconociendo y controlando sus reacciones frente a retos y obstculos. Articula saberes de diversos campos y establece relaciones entre ellos y su vida cotidiana. Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de accin con pasos especficos. Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo.

Tiempo asignado: 16 horas

Secuencia didctica 1. Crear la interfaz de usuario de un nuevo programa. Inicio


Actividad: 1
Contesta las siguientes cuestiones, posteriormente participa en un debate grupal. 1) Qu es una interfaz? _____________________________________________________________________________________________ _____________________________________________________________________________________________ _____________________________________________________________________________________________ 2) Cul es la funcin principal de Visual Basic? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 3) Se le denomina Objeto dentro de un formulario? ______________________________________________________________________________________________ ______________________________________________________________________________________________ ______________________________________________________________________________________________ 4) Menciona tres ejemplos de Objetos. a. c. a. c. e. ________________________. ________________________. ________________________. ________________________. ________________________. b. ________________________. 5) Menciona cinco herramientas del cuadro de Herramientas del Visual Studio. b. ________________________. d. ________________________.

Actividad: 1 Conceptual Reconoce los conceptos necesarios para crear un formulario. Autoevaluacin

Evaluacin Producto: Cuestionario. Saberes Procedimental Analiza los conceptos necesarios para crear un formulario. C MC NC

Puntaje: Actitudinal Muestra inters durante el debate grupal.

Calificacin otorgada por el docente

40

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Desarrollo
El entorno de desarrollo integrado de Microsoft Visual Studio 2005 contiene distintas y poderosas herramientas que ayudan a ejecutar y controlar sus programas. Incluye todo los que se necesita para crear desde cero sus propias aplicaciones para Microsoft Windows y Web. Para crear una interfaz de usuario simple pero atractiva, utilizando los controles del cuadro de herramientas de Visual Studio. Adems vamos a personalizar la operacin de estos controles a travs de la configuracin de sus propiedades. Posteriormente se observa cmo se identifica lo que debe hacer su programa por medio de la escritura de cdigo de programacin. Por ltimo, en este bloque vamos a guardar y ejecutar un programa y como compilarlo a manera de archivo ejecutable.

Primer programa en Visual Basic: Siete de la suerte.


La aplicacin basada en Windows que vamos a desarrollar se llama Siete de la Suerte, y se trata de un programa de juego que simula una maquina tragamonedas de nmeros de la suerte. El siete de la surte tiene una interfaz de usuario sencilla, y puede crearse y compilarse en minutos utilizando Visual Basic.

Pasos para la programacin.


La interfaz de Siete de la Suerte contiene dos botones, tres cuadros para nmeros de la suerte, una foto que representa sus aciertos, y la etiqueta Siete de la suerte . Estos elementos se produjeron mediante la creacin de siete objetos dentro del formulario Siete de la suerte, y la modificacin posterior de distintas propiedades de cada objeto. Despus de disear la interfaz se aadi el cdigo de programacin de los botos Tirar y Terminar para procesar los clics del usuario en ellos y producir los nmeros aleatorios. Para crear el programa siete de la suerte se deben seguir tres pasos de programacin esenciales en Visual Basic:

BLOQUE 2

41

1. 2. 3.

Crear la interfaz del usuario. Establecer las propiedades. Escribir el cdigo de programacin.

Interfaz de usuario.
Para crear el programa: 1. Consiste en el desarrollo de un proyecto nuevo, para luego utilizar los controles del Cuadro de Herramientas para construir la interfaz de usuario. 1. 2. Dar clic en proyecto Seleccionar Basic. Nuevo Visual

3.

Seleccionar aplicacin de Windows Form y dar clic en el botn aceptar.

4.

Realizados los pasos anteriores, la ventana se divide en: Cuadro de herramientas, From1.vd[Diseo], Lista de errores, explorador de soluciones y propiedades.

42

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Utiliza el cuadro de herramientas para crear la interfaz de usuario.


Para crear la interfaz de usuario del Siete de la Suerte. 1) Modifica el tamao de la ventana de formulario (Form1).

2) Utilizando el cuadro de herramientas agregar los botones. Primeramente se selecciona en el cuadro de herramientas Button1 (Botn).

BLOQUE 2

43

Posteriormente se arrastra hacia la ventana de formulario.

3) Se asigna el nombre al Button1 (Botn). Clic en la ventana de propiedades. A continuacin, se desplaza la barra de desplazamiento vertical hasta ubicar TEXT, propiedad que permite cambiarle de nombre al Button1, dar clic en la flecha hacia abajo para desplegar el men contextual o selecciona y escribir el nuevo nombre, en este caso es Tirar.

La siguiente propiedad hacia abajo es TextAlign, la cual permite alinear el texto.

Alinear a la izquierda

Alinear a la derecha

Para cambiar el estilo de Fuente y el color de imagen utilizar: Font (Fuente) y Fore Color (Color de fuente) respectivamente.

44

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

4) Cambiar el tamao del Buttom Tirar.

5) Para cambiar el tipo y tamao de fuente.

BLOQUE 2

45

Actividad: 2
Asiste al centro de cmputo, crea un formulario con los botones de Tirar y Terminar, posteriormente presntalos a tu profesor y anota tus observaciones.

Actividad: 2 Conceptual Identifica los pasos necesarios para crear los objetos Buttom. Autoevaluacin

Evaluacin Producto: Practica. Puntaje: Saberes Procedimental Actitudinal Practica la creacin de objetos en Muestra inters durante la Visual Studio utilizando el cuadro prctica. de herramientas. C MC NC Calificacin otorgada por el docente

46

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Implementa textos.
Para insertar la etiqueta Siete de la Suerte!!!, se utiliza la herramienta Label (Etiqueta).

1)

Ubicar Label (Etiqueta) en el cuadro de herramientas.

2) Seleccionar la herramienta y arrastrar a la ventana de Formulario (Form1).

3) En la ventana de propiedades TEXT.

Selecciona para escribir la etiqueta. Siete de la Suerte !!!

BLOQUE 2

47

4) Elegir la fuente, el estilo de fuente y el tamao.

5) Despus de llevados a cabo los pasos anteriores se obtiene la siguiente etiqueta.

48

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

6) Cambiar el color de la fuente de la etiqueta.

Para agregar los nmeros de Siete de la Suerte, es necesario utilizar tres etiquetas para ello se deben seguir los pasos anteriores, es importante mencionar que cuando se arrastran las etiquetas a la ventana de Form1 se deben alinear cada una de ellas, para ello Visual Basic proporciona una herramienta que permite su exacta ubicacin.

BLOQUE 2

49

Actividad: 3
Asiste al centro de cmputo, crea las etiquetas y los botones que se muestran en el siguiente formulario, presntalo a tu profesor y anota tus observaciones.

Actividad: 3 Conceptual Reconoce la utilidad de las etiquetas en un formulario. Coevaluacin

Evaluacin Producto: Prctica. Puntaje: Saberes Procedimental Actitudinal Aplica los pasos necesarios para Muestra inters durante el insertar etiquetas y botones en un desarrollo de la prctica. formulario. C MC NC Calificacin otorgada por el docente

50

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Agregar imagen.
Para agregar una imagen es necesario utilizar la herramienta de PictureBox, la cual se encuentra en el cuadro de herramientas. Esta herramienta permite insertar una imagen en la ventana de Form1 (formulario), por supuesto que es necesario que la imagen se encuentre en nuestro ordenador para poder acceder a ella, se recomienda que este almacenada en la carpeta de Picture. Despus de seleccionar PictureBox, sigue los siguientes pasos para insertar tu imagen. 1) Arrastrar PictureBox a la ventana de Form1 (formulario) y adems alinear su ubicacin.

PictureBox

2) Es necesario cambiar el tamao de PictureBox, para que se ajuste a nuestra imagen, para ello identifica los cuadritos que se encuentran en el permetro de cuadro de PictureBox.

BLOQUE 2

51

Nuevo tamao

Adems utiliza en la propiedad SizeMode de la ventana de Propiedades, y dentro de la lista de categora de comportamiento, haz clic en la fecha de la derecha y despus en StretchImage.

Para que Visual Studio ajuste el tamao de la misma a las dimensiones exactas del cuadro de imagen, normalmente esta propiedad se establece antes que la propiedad Imagen.

3) Dar clic en la propiedad Imagen de la ventana Propiedades y luego en el botn de puntos suspensivos de la segunda columna.

52

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

4) Hacer clic en recurso local, posteriormente en el botn importar.

5) En el cuadro de dialogo Abrir navegue hasta la carpeta en la cual se encuentra la imagen deseada, una vez ubicada la imagen se selecciona y se pulsa el botn Open (Abrir).

BLOQUE 2

53

6) En el cuadro de dialogo Seleccionar recurso aparecer la imagen, posteriormente pulsamos el botn Aceptar.

Despus de los pasos obtendr la imagen.

anteriores

se

Si es necesario cambiar el tamao del objeto cuadro de imagen para corregir cualquier problema de distorsin que se podra apreciar en la imagen. En la ventana de propiedades se identifica Size, modificar el tamao, posteriormente en la propiedad visible damos False.

54

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Cierre
Actividad: 3
En el centro de cmputo crea un formulario similar al que se muestra a continuacin, la imagen debe ser distinta, posteriormente lo presenta al profesor. Anota tus observaciones.

Actividad: 3 Conceptual Reconoce el uso de la herramienta PictureBox. Autoevaluacin

Evaluacin Producto: Prctica. Puntaje: Saberes Procedimental Actitudinal Practica el uso del objeto Muestra inters durante el PictureBox en el formulario. desarrollo de la prctica. C MC NC Calificacin otorgada por el docente

BLOQUE 2

55

Secuencia didctica 2. Cdigo: Siete de la suerte. Inicio


Actividad: 1
Contesta las siguientes cuestiones, posteriormente participa en un debate grupal.

1)

Qu es un Cdigo?

__________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ 2) Cul es la funcin de un Compilador? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ 3) Cul es la caracterstica principal de un archivo ejecutable? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________ 4) A qu se le denomina sintaxis y semntica en programacin? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________

Actividad: 1 Conceptual Reconoce los conceptos principales para la programacin. Autoevaluacin

Evaluacin Producto: Cuestionario. Puntaje: Saberes Procedimental Actitudinal Analiza los conceptos necesarios Muestra inters durante la para iniciar a desarrollar un realizacin de la prctica. programa. C MC NC Calificacin otorgada por el docente

56

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Desarrollo
La inherente funcionalidad de los objetos es una de las grandes ventajas de Visual Studio y Visual Basic, despus de que los objetos se colocan en la ventana Form1 (formulario)y se establecen sus propiedades, estn listos para ejecutarse sin necesidad de programacin adicional alguna. Sin embargo, el programa todava le falta el corazn del juego Siete de la Suerte, el cdigo que en realidad calcula los nmeros aleatorios, los despliega en los cuadros (Etiquetas de nmeros) y detecta un acierto. Esta lgica de computacin se puede integrar en la aplicacin nicamente a travs del uso de instrucciones de programa (cdigo que describe con claridad lo que el programa debe hacer en cada paso del proceso). Debido a que los botones de Tirar y Terminar controlan el programa, ser a estos botones a quienes se les escribir el cdigo del juego. Para escribir y editar las instrucciones de programa de Visual Basic en el editor de cdigo. Acceder a la ventana de cdigo y dar doble clic en el objeto o los objetos en los cuales se va a escribir el cdigo. Posteriormente editar el cdigo con solo dar clic sobre Private Sub.

BLOQUE 2

57

Lectura de la tabla de propiedades.


A continuacin se muestran, en un formato de tabla, las propiedades que se establecieron hasta el momento en el programa Siete de la Suerte. Los parmetros que es preciso escribir se muestran entre comillas; por supuesto, al introducir el parmetro no se deben incluir las comillas. Objeto Button1 Button2 Text Text AutoSize BorderStyle Label1, Label2, Label3 Font Text TextAlign Text Label4 Font ForeColor Imagen PictureBox SizeMode Visible Propiedad Tirar Terminar False Fixed Single Time New Roman, Negrita, 24 puntos 0 MiddleCenter Siete de la Suerte !!! Arial, Negrita, 18 puntos Morado c:\librerias\picture\imagen_777.jpg StrechImagen False Configuracin

Actividad: 2
En equipo de mixto de cinco integrantes, desarrolla un formulario donde incluyas los siguientes objetos tres botones, tres etiquetas y una imagen, posteriormente dales formato, y a continuacin realiza la tabla de propiedades con la configuracin de cada uno de los objetos. Participa en un debate grupal.

58

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Actividad: 2 (continuacin)

Actividad: 2 Conceptual Identifica las propiedades de cada uno de los objetos de un formulario. Coevaluacin

Evaluacin Producto: Prctica. Puntaje: Saberes Procedimental Actitudinal Analiza las propiedades de los Participa activamente duarte la objetos mediante la tabla de realizacin de la prctica y el propiedades. debate grupal. C MC NC Calificacin otorgada por el docente

BLOQUE 2

59

Utiliza el editor cdigo.


En el centro IDE de Visual Studio aparecer entonces el editor de cdigo como una ventana de documentos organizada por fichas.

Fichas

Dentro del editor de cdigo se encuentran instrucciones del programa asociadas con el formulario actual. Por lo general, estas instrucciones de programa las cuales en conjunto realizan alguna accin, se agrupan en una construccin de programacin llamada Procedimiento.

Procedimiento

Un tipo comn de procedimiento es Sub, conocido tambin como subrutina, Los procedimientos Sub incluyen la palabra clave Sub en la primera lnea y termina con End Sub. Casi siempre los procedimientos se ejecutan cuando ocurren ciertos eventos por ejemplo, cuando se hace clic sobre algn botn. Cuando un procedimiento se asocia con un objeto y evento en particular, se conoce como un manejador de evento o un procedimiento de evento. Al dar doble clic en el botn Terminar (buttom2), Visual Studio aadir automticamente la primera y ltima de las lneas del procedimiento de eventos Button2_Click.

El cuerpo del procedimiento se ajusta a estas lneas y se ejecuta siempre que un usuario activa el elemento asociado con el procedimiento en la interfaz. En este caso el evento es un clic del ratn, aunque, podra ser un tipo de evento distinto.

60

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Al escribir la instruccin End, las letras se vuelven azules y se les aplica una sangra, indicando que el software reconoce que End es una de varios cientos de palabras reservadas, o palabra clave, del lenguaje Visual Basic. Se emplea la palabra clave End para detener el programa y cerrarlo. Esta palabra clave es una instruccin de programa completa, es decir, una instruccin auto contenida que ejecuta el compilador Visual Basic, la parte de Visual Studio que procesa o analiza cada lnea del cdigo fuente de Visual Basic, combinando el resultado con otros recursos para crear un archivo ejecutable. Las instrucciones de programa son parecidas a las oraciones completas del lenguaje humano (las instrucciones pueden tener distintas longitudes, pero casi todas ellas siguen las reglas gramaticales del compilador. En Visual Studio las instrucciones de programa pueden estar compuestas de palabras clave, propiedades, nombres de objetos, variables, nmeros, smbolos especiales y otros valores.

Escribe el cdigo del botn tirar.

Dar clic en la pestaa Form1.vb [diseo] o en su defecto en el botn Ver diseador en la ventana Explorador de soluciones para volver a desplegar el formulario.

Ver diseador

BLOQUE 2

61

A continuacin se da doble clic sobre el botn Tirar, para desplegar la ventana de cdigo, posteriormente escribir las lneas de programacin.

Analiza el cdigo del botn tirar.


El procedimiento Buttom1_Click se ejecuta cuando el usuario hace clic sobre el botn Tirar del Formulario.. Analizar el contenido de estos procedimiento las dar una idea del tipo de cdigo de programacin que crear ms adelante. El procedimiento Buttom1_Click lleva a cabo cuatro tareas: Oculta la fotografa digital. Crea tres nmeros aleatorios para las etiquetas de nmeros. Despliega la fotografa cuando aparece el nmero 7. Produce un sonido cuando aparece el nmero 7.

A continuacin se analizar las cuatro tareas de manera individual. La accin de ocultar la foto se lleva a cabo a travs de la lnea siguiente: PictureBox1.Visible = False Esta instruccin establece el valor de Falso (uno de los dos parmetros posible) para la propiedad visible del objeto cuadro de imagen (PictureBox). Se configur esta propiedad en False anteriormente, a travs de la ventana de Propiedades. Bien ahora se hace de nuevo pero dentro del cdigo de programacin, ya que la primera tarea es tirar y el programa debe ocultar la foto que podra haberse desplegado en un juego anterior. Debido a que la propiedad se modificara en tiempo de ejecucin y no durante el diseo, debe establecer la propiedad utilizando el cdigo de programacin. Las tres lneas siguientes controlan los clculos de los nmeros aleatorios. Este concepto puede sonar extrao, en realidad se puede hacer que Visual Basic genere nmeros impredecibles dentro de lineamientos bsicos especficos; en otras palabras puede crear nmeros aleatorios para concursos de lotera, juegos de dados u otros patrones estadsticos. La funcin Rnd de cada lnea crea un nmero aleatorio entre 0 y 1 (un nmero con varios decimales), y la funcin Int regresa la parte entera del resultado de multiplicar el nmero aleatorio por 10. Este clculo crea nmeros aleatorios entre 0 y 9 para el programa.

62

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Luego, su cdigo tendr que superar un pequeo obstculo. Es necesario copiar estos nmeros aleatorios en los tres cuadros de etiqueta del formulario, pero primero los nmeros deben ser convertidos a texto con la funcin CStr (convertir a cadena). Observamos que CStr, Int y Rnd estn conectados en la instruccin del programa es decir, trabajan en conjunto para producir un resultado, de forma parecida a una frmula matemtica. Despus del clculo y la conversin se asignan los valores a las propiedades Text de las primeras tres etiquetas del formulario, lo cual ocasiona que los nmeros se desplieguen en el formato de fuente que hallas elegido (ejemplo, Times New Roman de 24 puntos en las etiquetas). La manera en que Visual Basic evala una lnea de cdigo paso a paso para generar el nmero 7 aleatorio y copiarlo en un objeto etiqueta, es similar a lo que hara un matemtico que resuelve una frmula matemtica. Ejemplo: L a b el 1 .T ex t = CS t r (I nt (R nd ( ) * 10 ) ) Cdigo R nd ( ) R nd ( ) * 1 0 In t (R nd ( ) * 1 0 ) C S t r (In t ( Rn d ( ) * 10 )) L a b el 1 .T x t = C S t r (In t (R nd ( ) * 1 0 ) ) Resultado 0.7554575 7.055475 7 7 7

El ltimo grupo de instrucciones del programa comprueba si alguno de los nmeros aleatorios es 7. En caso de que uno o ms de ellos lo sean, el programa despliega la ilustracin de pago con la imagen seleccionada (en nuestro caso los tres 7), y un sonido anuncia que el jugador ha ganado. si a lg n n m e r o es 7 e n t onc es des p li eg a l a im a g en y p r o d uce u n so n i do I f ( L ab el 1 .T ex t = 7 ) O r ( L ab e l2 . Te x t= 7 ) O r (L a b el . Te x t = 7 ) Th en Pi c tu r e Bo x 1. Vi si bl e= T r ue Be e p( ) E n d If

Cada vez que el usuario haga clic en el botn Tirar, se ejecutara (o se llamara) el procedimiento Button1_Click, y las instrucciones de programa para este procedimiento se volvern a ejecutar.

BLOQUE 2

63

Ejecuta aplicaciones de Visual Basic.


El programa siete de la Suerte ya est listo para ser ejecutado. Para ejecutar un programa de Visual Basic desde el entorno de desarrollo se siguen los siguientes pasos. Dar clic en el comando iniciar depuracin del men Depurar.

Adems de lo anterior se puede utilizar la tecla de funcin F5, o en su defecto

Crea un archivo ejecutable.


Las aplicaciones de Windows que se crean con Visual Studio tienen la extensin de nombre archivo .exe y pueden ser ejecutadas en cualquier sistema que cuente con Microsoft Windows y los archivos de soporte necesarios, Visual Basic instala estos archivos de soporte automticamente, incluyendo los archivos del entorno .NET Framework. Es necesario saber que Visual Studio puede crear dos tipos de archivos ejecutables de su proyecto: uno de depuracin y uno para publicacin. Visual Studio crea los archivos de depuracin automticamente cuando el usuario desarrolla y prueba su programa. Estos archivos se almacenan en la carpeta llamada bin\debug dentro de su carpeta de proyecto. El archivo ejecutable de depuracin contiene por lo general la informacin de depuracin, lo cual hace que el programa se ejecute ligeramente ms lento. La creacin de archivos para publicacin produce archivos ejecutables optimizados que se almacenan en la carpeta bin\release dentro de su proyecto. Para personalizar los parmetros de su archivo de publicacin:

64

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Clic en el men Proyecto.

Dar clic en el comando Propiedades de [nombredelproyecto] del men Proyecto.

Clic en la ficha compilar, en donde vera una lista de opciones de compilacin.

BLOQUE 2

65

Crear un archivo de publicacin llamado Mi7delasuerte.exe, para ello sigue los siguientes pasos. En el men Generar, dar clic en el comando Generar 7delasuerte.

El comando Generar creara una carpeta bin\release en la cual se almacena el proyecto y se compila el cdigo fuente del mismo. El resultado es un archivo ejecutable llamado 7delasuerte. En la barra de tareas de Windows, haga clic en el botn de Inicio y despus en Ejecutar o en buscar programas.

Posteriormente dar clic en 7delasuerte.

66

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Cierre
Actividad: 3
Asiste al centro de cmputo, crea el cdigo del botones Terminar y Tirar del Siete de la Suerte e implementa su archivo ejecutable, posteriormente lo presenta al profesor.

BLOQUE 2

67

Actividad: 3 (continuacin)

Actividad: 3 Conceptual Identifica los pasos necesarios para hacer ejecutable un programa. Autoevaluacin

Evaluacin Producto: Prctica. Saberes Procedimental Valora la utilidad de un programa ejecutable. C MC NC

Puntaje: Actitudinal Muestra inters durante la prctica.

Calificacin otorgada por el docente

68

ENTORNO DE PROGRAMACIN EN VISUAL BASIC

Programacin en Visual Basic.

Competencias profesionales:
1. 2. 3. 4.

Desarrolla documentos electrnicos, de acuerdo con los requerimientos establecidos (software). Localiza, obtiene informacin y se comunica utilizando las tecnologas de la informacin y de comunicacin (software). Instala y configura hardware, software y sistemas de seguridad informtica, conforme a los manuales del fabricante, reglas de seguridad e higiene y polticas de uso (hardware). Resuelve problemas de procesamiento de informacin utilizando lenguajes, manejadores de bases de datos y metodologas, de acuerdo con los requerimientos del usuario (software).

Unidad de competencia:

Utiliza Visual Basic para desarrollar aplicaciones de programacin utilizando objetos, aplicando las estructuras de decisin y Bucles aplicados al desarrollo de programas interactivos.

Atributos a desarrollar en el bloque:


1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.

Enfrenta las dificultades que se le presentan y es consciente de sus valores, fortalezas y debilidades. Administra los recursos disponibles teniendo en cuenta las restricciones para el logro de sus metas. Elige alternativas y cursos de accin con base en criterios sustentados y en el marco de un proyecto de vida. Aplica distintas estrategias comunicativas segn quienes sean sus interlocutores, el contexto en el que se encuentra y los objetivos que persigue. Maneja las tecnologas de la informacin y la comunicacin para obtener informacin y expresar ideas. Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Ordena informacin de acuerdo a categoras, jerarquas y relaciones. Utiliza las tecnologas de la informacin y comunicacin para procesar e interpretar informacin. Elige las fuentes de informacin ms relevantes para un propsito especfico y discrimina entre ellas de acuerdo a su relevancia y confiabilidad. Estructura ideas y argumentos de manera clara, coherente y sinttica. Define metas y da seguimiento a sus procesos de construccin de conocimiento. Identifica las actividades que le resultan de menor y mayor inters y dificultad, reconociendo y controlando sus reacciones frente a retos y obstculos. Articula saberes de diversos campos y establece relaciones entre ellos y su vida cotidiana. Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de accin con pasos especficos. Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo.

Tiempo asignado: 16 horas

Secuencia didctica 1. Controles del cuadro de herramientas. Inicio


Actividad: 1
Contesta las siguientes cuestiones, posteriormente participa en un debate grupal.

1)

Qu es una interfaz? __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________

2) Qu entiendes por interfaz grfica? __________________________________________________________________________________________ __________________________________________________________________________________________ __________________________________________________________________________________________ 3) Menciona tres elementos comunes de una interfaz grfica. a. c. a. c. e. ________________________ ________________________ ________________________ ________________________ ________________________ b. ________________________ 4) Escribe cinco ventajas del uso de una interfaz grfica. b. ________________________ d. ________________________

Actividad: 1 Conceptual Identifica los componentes de una interfaz grfica. Autoevaluacin

Evaluacin Producto: Cuestionario. Puntaje: Saberes Procedimental Actitudinal Analiza los componentes de la Responde de manera interfaz grfica de Visual Basic. responsable el cuestionario. C MC NC Calificacin otorgada por el docente

70

PROGRAMACIN EN VISUAL BASIC

Desarrollo
Uso bsico de los controles.
En Visual Studio es posible construir una interfaz de usuario completa con solo crear dos objetos, establecer dos propiedades e introducir una lnea de cdigo, a continuacin crearemos el programa Hola mundo. 1) En caso de que no est abierto, iniciar Visual Studio. 2) Hacer clic en nuevo proyecto.

3) Asegurarse de que el tipo de proyecto seleccionado sea Windows en la categora Visual Basic y hacer clic en la plantilla de aplicacin para Windows.

4) En el cuadro de texto Nombre sustituir el nombre predeterminado del proyecto (Windows-Application1) por MiHola.

BLOQUE 3

71

5) Dar clic en aceptar para comenzar su nuevo proyecto.

6) Dar clic en TextBox, que est en la ficha Controles comunes del Cuadro de herramientas.

7) Arrastrar el cuadro de texto a la ubicacin en el formulario.

8) Hacer clic en el control Button del Cuadro de herramientas.

72

PROGRAMACIN EN VISUAL BASIC

9) Arrastrar el botn debajo del cuadro de texto que se coloc en el formulario.

10) Establecer la siguiente propiedad para el objeto de botn usando la ventana de propiedades.

11) Hacer doble clic en el botn aceptar y escribir en el Editor de cdigo la siguiente instruccin de programa de la siguiente forma.

12) Dar clic en Iniciar depuracin de la barra de Herramientas estndar.

13) Y se ejecuta el programa, dar clic en el botn Aceptar, para salir en Cerrar.

Cerrar

BLOQUE 3

73

Actividad: 2
Asiste al centro de cmputo y en Visual Studio elabora un formulario donde insertes los siguientes objetos:

Actividad: 2 Conceptual Identifica los tipos de objetos que se pueden aadir a un formulario. Autoevaluacin

Evaluacin Producto: Ejercicio prctico. Saberes Procedimental Analiza la funcin de los objetos del cuadro de Herramientas. C MC NC

Puntaje: Actitudinal Muestra inters durante el desarrollo de la prctica.

Calificacin otorgada por el docente

74

PROGRAMACIN EN VISUAL BASIC

Utiliza el control DateTimePicker.


Algunos controles de Visual Basic despliegan informacin; otros renen los datos que da el usuario o los procesan en segundo plano. En el control DateTimePicker, el cual solicita al usuario que escriba una fecha o una hora, usando un calendario grfico con flechas de desplazamiento. Aunque solo se utilizar el control de manera rudimentaria en este momento, al experimentar con DateTime Packer se tendr una idea de lo que pueden hacer los controles de Visual Basic de manera automtica, y acerca de cmo puede procesar la informacin que ellos generan.

Crear un programa de cumpleaos.


1) Crear un nuevo proyecto de Visual Basic con plantilla aplicacin para Windows. Nmbrelo MiCumpleaos. 2) Dar clic en el control DateTimePacker el cuadro de herramientas. 3) Dibujar un objeto para introducir la fecha y la hora en medio del formulario, como se muestra en la siguiente figura.

El objeto selector de fecha y hora despliega la fecha actual de manera predeterminada, pero se puede ajustar modificando la propiedad value del objeto. La presentacin de la fecha es una buena gua para el diseo, ya que permite cambiar de tamao del objeto para introducir la fecha y la hora de manera apropiada cuando lo est creando.

BLOQUE 3

75

4) Dar clic en el control Botton del Cuadro herramientas y agregar un objeto de botn debajo del selector de fecha y hora.

Clic en depurar para verificar que el selector de fecha y hora funciona de manera apropiada para ello damos clic en la flecha hacia abajo.

5) En la ventana de propiedades, cambiar la propiedad Text del objeto del botn a Mostrar mi fecha de cumple aos.

76

PROGRAMACIN EN VISUAL BASIC

6) Para agregar el cdigo se pulsa doble clic en el objeto botn en el formulario para desplegar su procedimiento de evento predeterminado; escribir las instrucciones del programa entre Private sub y End Sub, en el procedimiento del evento Buttom1_Click.

Estas instrucciones de programa despliegan dos cuadros de mensaje (cuadros de dilogo) con la informacin proporcionada por el objeto selector de fecha y hora. La primera lnea usa la propiedad Text del objeto selector de fecha y hora para desplegar la informacin de fecha de nacimiento que el usuario selecciona al utilizar el objeto en tiempo de ejecucin. La funcin MsgBox despliega el valor de cadena Su fecha de nacimiento es adems del valor de texto que se encuentra en la propiedad Text del selector de fecha y hora. Estas dos piezas de informacin estn unidas por el operador de concatenacin de cadena (&). La instruccin DateTimePicker1.Value.DayOfYear.ToString() usa el selector de fecha y hora para calcular la fecha en que naci el usuario, contando a partir del 1 de Enero. Para ello su utiliza la propiedad DayOfYear y al mtodo ToString, el cual convierte el resultado numrico del clculo de la fecha a un valor de texto que se despliega con ms facilidad por medio de la funcin MsgBox.

BLOQUE 3

77

78

PROGRAMACIN EN VISUAL BASIC

Controles para obtener datos del usuario.


Visual Basic ofrece varios mecanismos para obtener datos del usuario a travs de un programa. Los cuadros de texto aceptan datos escritos con el teclado, los mens presentan comandos sobre los que se puede hacer clic o que se pueden seleccionar con el teclado, y los cuadros de dialogo ofrecen una amplia variedad de elementos que es posible seleccionar de manera individual o en grupo. Estos elementos son: RadioButton, checkBox, ListBox y ComboBox.

Control CheckBox.
En este ejercicio se utilizarn casillas de verificacin para desplegar y ocultar imgenes de una calculadora y de una copiadora. La propiedad Text del objeto casilla de verificacin determina el contenido de la etiqueta de dicho objeto en la interfaz de usuario. Con la propiedad Checked es posible establecer un valor predeterminado para la casilla de verificacin. 1. Crear un nuevo proyecto con la plantilla de Aplicacin para Windows, nmbralo MiCasilladeVerificacin.

2.

Dar clic en el control CheckBox del cuadro de herramientas.

BLOQUE 3

79

3.

Dibujar dos objetos casilla de verificacin en el formulario, uno arriba del otro.

Las casillas de verificacin aparecen en el formulario como cualquier otro objeto. 4. Dibujar con el control PictureBox dos objetos debajo de las casillas de verificacin.

80

PROGRAMACIN EN VISUAL BASIC

5.

Configurar las siguientes propiedades para los objetos casilla de verificacin y cuadro de imagen. Objeto CheckBox1 CheckBox2 PictureBox1 PictureBox2 Checked Text Text Imagen SizeMode SizeMode Propiedad Configuracin Cierta Calculadora Maquina copiadora C:\Documentos\Picture StretchImage TrechtImage

6.

De acuerdo con la configuracin insertar en los controles PictureBox las imgenes.

7.

Dar clic sobre el primer objeto casilla de verificacin para abrir el procedimiento de evento CheckBox1_CheckedChanged en el editor de cdigo; introducir el cdigo de programa:

BLOQUE 3

81

El procedimiento de evento CheckBox1_CheckedChanged solo se ejecuta si el usuario hace clic en el primer objeto casilla de verificacin. Los procedimientos de evento usan una estructura de decisin If..Then para confirmar el estado actual, o state, de la primera casilla de verificacin, y despliega la imagen de una calculadora desde la carpeta donde se encuentra la imagen si se coloca una marca de verificacin en la casilla. La propiedad CheckSatate mantiene un valor de 1 en caso de que exista una marca de verificacin en la casilla, y de 0 si no la hay. La propiedad Visible se utiliza para desplegar la imagen si la casilla est marcada o para ocultarla si esta desmarcada. 8. Escribir el cdigo en la segunda casilla de verificacin.

9.

Cambiar los nombres de los CheckBox, por el de Calculadora y Copiadora respectivamente.

82

PROGRAMACIN EN VISUAL BASIC

10. Dar clic en Guardar todo de la barra de herramientas estndar.

11. Depurar y ejecutar el programa.

BLOQUE 3

83

Cierre
Actividad: 3
Asiste al centro de cmputo, crea las etiquetas y los botones que se muestran en el siguiente formulario, presntalo a tu profesor y anota tus observaciones.

Actividad: 3 Conceptual Identifica diversos objetos del cuadro de herramientas. Coevaluacin

Evaluacin Producto: Ejercicio Prctico. Puntaje: Saberes Procedimental Actitudinal Utiliza etiquetas, botones y otros Muesta inters en el desarrollo de objetos del cuadro de la prctica. herramientas. C MC NC Calificacin otorgada por el docente

84

PROGRAMACIN EN VISUAL BASIC

Secuencia didctica 2. Variables y frmulas de Visual Basic. Inicio


Actividad: 1
Identifica los siguientes objetos:

Actividad: 1 Conceptual Identifica los objetos de un formulario. Autoevaluacin

Evaluacin Producto: Diagrama. Puntaje: Saberes Procedimental Actitudinal Analiza la utilizacin de los objetos Muestra inters en la realizacin del formulario. de la prctica. C MC NC Calificacin otorgada por el docente

BLOQUE 3

85

Desarrollo
Variables y constantes: declaracin, tipos, mbito y duracin.
Las variables en Visual Basic no necesitan ser declaradas, en el momento en que son necesitadas pueden aparecer en el cdigo. Sin embargo, puede ser til el exigir la declaracin de todas las variables que aparezcan en el cdigo. Para ello, se utilizar la instruccin: Option Explicit La cual se escribe en la seccin de declaraciones del formulario. Una vez procesada esta instruccin, no se permitirn variables no declaradas. Para declarar una variable la instruccin adecuada es: Dim Nombre_Variable [As Tipo] donde Tipo puede ser:

Tipo String Integer Long Single Double Currency Byte Boolean Date Object Variant

Descripcin Caracter Entero Entero largo Real simple Real doble Moneda Byte * Booleano * Fecha * Objeto * Variante

Tamao ocupado 1 Byte por caracter 2 Bytes 4 Bytes 4 Bytes 8 Bytes 8 Bytes 1 Byte 2 Bytes 8 Bytes 4 Bytes Cualquiera de los anteriores

Identificador $ % & ! # @ (ninguno) (ninguno) (ninguno) (ninguno)

86

PROGRAMACIN EN VISUAL BASIC

Para declarar una constante se necesita la instruccin: Const Nombre_Constante = Expresin Hay dos tipos de constantes: Intrnsecas o definidas por el sistema, proporcionadas por Visual Basic o cualquier otra aplicacin que provee una librera de objetos. Para ver una lista de estas constantes, se acceder a Ver/Examinador de Objetos. En la lista desplegable superior, se seleccionar VB-Objects and Procedures. De la lista de la izquierda se har doble clic en cualquier opcin acabada en Constants. Simblicas o definidas por el usuario. Es una buena idea el declarar las constantes simblicas con el prefijo con, p.e. Const conPi = 3.141592

mbito de las variables en Visual Basic.


Se entiende por mbito de una variable el espacio de la aplicacin donde la variable es visible y por tanto se puede utilizar. Los distintos alcances que puede tener una variable declarada en Visual Basic son: 1. 2. Las variables declaradas con Dim o utilizadas directamente en un procedimiento, son variables locales, es decir, accesibles solamente desde el procedimiento que las declara. Si las variables se declaran en la seccin de declaraciones del formulario o del mdulo, son variables a nivel de formulario o de mdulo. Una variable declarada a nivel de formulario es accesible desde cualquier procedimiento del formulario y lo mismo para las variables a nivel de mdulo: una variable declarada a nivel de mdulo es accesible desde cualquier procedimiento de ese mdulo, pero no desde otros mdulos. Estas variables se declaran con Dim o Private. Las variables pblicas son declaradas en la seccin de declaraciones de un mdulo con la sentencia Public y, podrn ser accesibles desde cualquier mdulo.

3.

Niveles de declaracin. Valor local y variables.


Una variable local es aquella que se declara dentro de un procedimiento. Una variable miembro es un miembro de un tipo de Visual Basic; se declara en el nivel de mdulo, dentro de una clase, estructura o mdulo, pero no dentro de ningn procedimiento interno de esa clase, estructura o mdulo. Variables compartidas y de instancias La categora de una variable miembro, en una clase o estructura, depende de que la variable est o no compartida. Si una variable se declara con la palabra clave Shared, es una variable compartida, y existe en una nica copia compartida por todas las instancias de la clase o estructura. De lo contrario, es una variable de instancia, y se crea una copia independiente de ella para cada instancia de la clase o estructura. Una copia determinada de una variable de instancia slo est disponible en la instancia para la cual se cre. Es independiente de una copia en cualquier otra instancia.

BLOQUE 3

87

Declaracin de tipos de datos.


La clusula As de la instruccin de declaracin permite definir el tipo de datos o de objetos de la variable que se est declarando. Se puede especificar cualquiera de los siguientes tipos para una variable: Un tipo de datos bsico, como Boolean, Long o Decimal. Un tipo de datos compuesto, como una matriz o una estructura. Un tipo de objeto o clase, definido en su aplicacin o en otra aplicacin. Una clase de .NET Framework, como Label o TextBox. Un tipo de interfaz, como IComparable o IDisposable.

Se pueden declarar varias declarar distintas variables en la misma instruccin sin necesidad de repetir el tipo de datos. En las instrucciones siguientes, las variables i, j y k se declaran como tipo Integer, l y m como Long; y, x e y como Single:

Dim i, j, k As Integer Estas tres variables son declaradas como Enteras. Dim l, m As Long, x, y As Single En esta primera parte las variables, l y m son declaradas como Long, x y y are Single.

Tipos definidos por el usuario.


Se pueden definir tipos por parte del usuario para crear registros (structs en C, Record en Pascal). Un registro puede definirse como una coleccin de datos de diferentes tipos relacionados entre s. Para crear un registro se necesita la sentencia Type ... End Type. Esta sentencia solo puede aparecer en la seccin de declaraciones de un mdulo estndar y pueden ser declarados como Private o Public. P.e: Type Ficha Nombre As String Direccin As String * 40 Telfono As Long DNI As Long End Type Una vez definido un tipo de datos, se pueden declarar variables del mismo tipo. P.e: Dim Alum As Ficha Para referirse a un determinado campo del registro, se utiliza la notacin variable.campo P.e: Alumno.Nombre. Un tipo definido por el usuario no puede contener un array dinmico, pero s esttico.

88

PROGRAMACIN EN VISUAL BASIC

Control Label

Label Text Box Option Button Option Button

Timer

Propiedad Caption Name BorderStyle Caption Text Name Caption Name Caption Name Value Interval Name

Valor (ninguno) lblPantalla 1-Fixed Single Alarma (ninguno) txtAlarma Alarma On optAlarmaOn Alarma Off optAlarmaOff True 1000 tmrReloj

Ejemplo.

BLOQUE 3

89

Ejemplo.

90

PROGRAMACIN EN VISUAL BASIC

Actividad: 2
En binas, crea un botn y entra al cdigo del mismo y declara las variables de Nombre, A_PellidoPaterno, Direccin, F_Nacimiento y Edad, imprime la prctica, presntala a tu profesor. Posteriormente anota tus observaciones.

Actividad: 2 Conceptual Identifica las variables de Visual Basic. Coevaluacin

Evaluacin Producto: Ejercicio. Saberes Procedimental Utiliza las formas de declaracin de variables en Visual Basic. C MC NC

Puntaje: Actitudinal Participa activamente duarte la realizacin de la prctica y el debate grupal.

Calificacin otorgada por el docente

BLOQUE 3

91

Operadores de Visual Basic.


Las formulas son instrucciones que combinan nmeros, variables, operadores y palabras clave para crear un nuevo valor. El lenguaje Visual Basic contiene varios elementos diseados para su uso en formulas. Visual Basic incluye los siguientes operadores: Operador + * / \ Mod ^ & Descripcin Suma Resta Multiplicacin Divisin Divisin de enteros Divisin con residuos Exponenciacin Concatenacin de cadenas.

Aritmtica bsica.
Los operadores para suma, resta, multiplicacin y divisin son muy directos y pueden utilizarse en cualquier frmula donde se utilicen nmeros o variables numricas. Para crear una calculadora. 1. Crear dos cuadros de texto.

2.

Insertar una etiqueta arriba de cada cuadro, Variable 1 y Variable 2 respectivamente.

92

PROGRAMACIN EN VISUAL BASIC

3.

Crear un GrupBox, se etiqueta como Operador.

4.

Utilizar el control RadioButton, y asignar los nombres de los operadores.

BLOQUE 3

93

5.

Asignar los objetos restantes.

6.

Dar doble clic en el botn Calcular, declarar las variables PrimerNm y SegundoNm.

7.

Escribir el cdigo para las operaciones.

94

PROGRAMACIN EN VISUAL BASIC

Actividad: 3
En Visual Basic con base en el ejercicio anterior realiza una calculadora, presenta el cdigo y el resultado al tu profesor, posteriormente comenta tus observaciones.

Actividad: 3 Conceptual Identifica las variables y objetos necesarios para realizar el programa de una calculadora. Autoevaluacin

Evaluacin Producto: Ejercicio prctico. Saberes Procedimental Utiliza los objetos y variables para crear el programa. C MC NC

Puntaje: Actitudinal Participa activamente duarte la realizacin de la prctica y el debate grupal.

Calificacin otorgada por el docente

BLOQUE 3

95

Expresiones condicionales.
Una de las herramientas ms tiles para procesar informacin en un procedimiento de evento es una expresin condicional. Estas expresiones son parte de una instruccin de programa completa que formula una pregunta de tipo cierto/falso (True/False) acerca de una propiedad, una variable o alguna otra pieza en el cdigo de programa. Por ejemplo, la expresin condicional. Precio<100 Se evala como True si la variable Precio contiene un valor inferior a 100 y como False si Precio contiene un valor superior o igual a 100. Las expresiones condicionales admiten los siguientes operadores de comparacin. Operador de comparacin = <> > < >= <= Igual a Distinto de Mayor que Menor que Mayor o igual que Menor o igual que Significado

Estructura de decisin IfThen.


Cuando se usa una expresin condicional en un bloque especial de declaraciones llamado estructura de decisin, esta controla la ejecucin de las dems instrucciones del programa y el orden en que se llevan a cabo. La estructura IfThen se utiliza para evaluar una condicin y hacer que el programa realice una accin con base en el resultado. En su forma ms sencilla, las estructuras de decisin, se escriben en una sola lnea. If condicin Then declaracin En donde condicin es una expresin condicional y declaracin es una instruccin de programa valida. If score >=20 Then Label.Text=Tu Ganas

Prueba de distintas condiciones en una estructura de decision If Then.


Visual Basic tambin soporta una estructura de decisin de If Then que se puede usar para incluir muchas expresiones condicionales. If condicin 1 Then Declaraciones ejecutadas si condicin 1 es True ElseIf Then Declaraciones ejecutadas si condicin 2 es True Else Declaraciones ejecutadas si ninguna de las declaraciones es True EndIf

96

PROGRAMACIN EN VISUAL BASIC

Actividad: 4
Elabora un programa el cual solicite el nombre de usuario y contrasea, de ser correctos mostrar un mensaje de bienvenido.

Actividad: 4 Conceptual Identifica las operaciones de bifurcacin. Coevaluacin

Evaluacin Producto: Ejercicio prctico. Puntaje: Saberes Procedimental Actitudinal Utiliza la instruccin If Then, en la Es responsable en la realizacin elaboracin de un programa. de la prctica. C MC NC Calificacin otorgada por el docente

BLOQUE 3

97

Utiliza bucles.
Con los bucles For Next puede ejecutar un grupo especfico de instrucciones de programa cierta cantidad de veces dentro de un procedimiento de evento o un mdulo de cdigo. Este enfoque puede ser til se necesita realizar distintos clculos relacionados, trabajar con elementos en la pantalla, o procesar distintas partes de la informacin introducida por el usuario. Los bucles For Next en realidad constituyen solo una manera abreviada de escribir una lista larga de instrucciones de programacin. Debido a que cada grupo de instrucciones en este tipo de lista realiza en esencia las mismas tareas, puede definir solo un grupo de ellas y solicitar que se ejecute tantas veces como quiera. La sintaxis de los bucles For Next es la siguiente For variable=inicio To final Instrucciones que se repetirn Next [variable]

El siguiente bucle hace que suene cuatro bips en rpida sucesin a travs de la bocina de la computadora. Dim i As Integer For i=1 To 4 Beep() Next i

Cierre
Actividad: 5
Desarrollo el cdigo de un programa para que imprima en pantalla los nmeros pares del 2 al 2000.

98

PROGRAMACIN EN VISUAL BASIC

Actividad: 5 (continuacin)

Actividad: 5 Conceptual Identifica la estructura de los bucles. Autoevaluacin

Evaluacin Producto: Ejercicio. Saberes Procedimental Utiliza la estructura For Next. C MC NC

Puntaje: Actitudinal Muestra inters en el desarrollo de la prctica.

Calificacin otorgada por el docente

BLOQUE 3

99

Bibliografa
Libros: Aprenda Visual Basic 2005, Michael Halvorson Manual de Visual Basic 6.0, Microsoft Mundo Visual: Visual Basic Gua de laboratorio: Visual Basic, Carlos Castillo Peralta Aprende Visual Basic Curso Visual Basic 5.0

Direcciones electrnicas: http://www.canalvisualbasic.net/manual/manual-visual-basic/ http://msdn.microsoft.com/es-es/library/ke6sh835%28v=vs.80%29.aspx www.tecnun.es/asignaturas/Informat1/.../VisualBasic6/vbasic60.pdf www.programatium.com/vb/ www.lawebdelprogramador.com www.manualesdevisualbasic.com/ www.tutorial-enlace.net/top-tutorial-Visual%20basic.html www.mailxmail.com Cursos de Informtica Diseo

100

PROGRAMACIN EN VISUAL BASIC