Documentos de Académico
Documentos de Profesional
Documentos de Cultura
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
Ubicacin Curricular
COMPONENTE:
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
BLOQUE 3
Programacin en Visual Basic
BLOQUE 2
Entorno de programacin en Visual Basic
PRELIMINARES
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.
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.
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
10
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.
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
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
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.
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
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
16
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
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
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
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
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)
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.
24
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
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? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________
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.
26
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
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).
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.
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.
Actividad: 2
Asiste al centro de cmputo y aade a un formulario control de etiqueta y control de cuadro texto, anota tus observaciones.
30
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
BLOQUE 1
31
32
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
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
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
Doble Clic
36
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.
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
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.
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.
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
40
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.
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.
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
2) Utilizando el cuadro de herramientas agregar los botones. Primeramente se selecciona en el cuadro de herramientas Button1 (Botn).
BLOQUE 2
43
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.
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
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
Implementa textos.
Para insertar la etiqueta Siete de la Suerte!!!, se utiliza la herramienta Label (Etiqueta).
1)
BLOQUE 2
47
48
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.
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
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
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.
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
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.
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
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? __________________________________________________________________________________________________ __________________________________________________________________________________________________ __________________________________________________________________________________________________
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
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
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
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
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
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 gramat icales 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.
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.
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
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
64
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.
66
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
68
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.
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.
1)
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. ________________________
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
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
6) Dar clic en TextBox, que est en la ficha Controles comunes del Cuadro de herramientas.
72
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.
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
74
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
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
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.
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
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.
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.
82
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.
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
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
86
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
3.
BLOQUE 3
87
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.
88
Control Label
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
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.
Evaluacin Producto: Ejercicio. Saberes Procedimental Utiliza las formas de declaracin de variables en Visual Basic. C MC NC
BLOQUE 3
91
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.
92
3.
4.
BLOQUE 3
93
5.
6.
Dar doble clic en el botn Calcular, declarar las variables PrimerNm y SegundoNm.
7.
94
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
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
96
Actividad: 4
Elabora un programa el cual solicite el nombre de usuario y contrasea, de ser correctos mostrar un mensaje de bienvenido.
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
Actividad: 5 (continuacin)
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