ESCUELA DE LA CIUDAD DE MÉXICO Querétaro 168.

Clase Preparada

MATERIA Lenguaje de Programación 1

Tema: Pasos de Programación

PROFESOR Héctor Mauro Lozano Hernández Grupo: Q-61

Introducción. Para lograr la programación en visual se requiere seguir los siguientes pasos.

Objetivo. Para desarrollar la programación en visual Basic se requiere que: Aparecerá la pantalla de bienvenida a Visual Basic 6.0. Se trata de la interfaz de Visual Basic 06 , que también recibe el nombre de entorno de desarrollo integrado o IDE. En el menú Archivo, haga clic en Nuevo proyecto. Aparece el cuadro de diálogo Nuevo proyecto. Seleccione Aplicación de Windows Forms y haga clic en Aceptar. Desarrollo. Como hemos podido ver, en Visual Basic las acciones que debe realizar un programa se realizan al generarse un evento. Así podemos decir que nuestras líneas de código estarán dentro de cada uno de los eventos de cada elemento que forman parte de nuestra aplicación. Cuando pensamos en una aplicación para programarla en Visual Basic tenemos que pensar en cuáles serán los eventos que realizarán las acciones y que condiciones. Deben cumplir los elementos que forman parte de la aplicación, para que estos actúen correctamente. Ejemplo: Vamos a realizar una pequeña aplicación donde podremos empezar a utilizar todo lo que hemos visto hasta el momento. Si alguna de las cosas que explicamos no te queda del todo clara, no te preocupes, ya lo irás entendiendo a medida que avances en el curso. Lo importante de esta práctica es crear una primera aplicación donde veas el funcionamiento de

diferentes objetos y las propiedades de estos. Así que sin más demora, adelante y sin miedo. . Práctica 4 1. Inicia Visual Basic 6.0. 2. De la pantalla Nuevo proyecto escoge la opción EXE estándar y pulsa Aceptar. Después de unos segundos tendrás en pantalla un nuevo formulario, donde crearemos nuestra primera aplicación. Tamaño del formulario 3. Pulsa un clic sobre el formulario, observa como en el cuadro de las propiedades aparece el nombre del formulario, que por defecto es Form1. 4. Busca la propiedad Height (Las propiedades están ordenadas alfabéticamente). 5. Haz doble clic sobre esta propiedad y escribe 3100. Pulsa Intro. Observa como el ancho de nuestro formulario ha cambiado.Curso de Visual Basic 6.0 - Lección 1 Area Interactiva - www.areaint.com Pág. 9 WWW.AREAINT.COM 6. Busca la propiedad Width. 7. Haz doble clic sobre dicha propiedad y escribe 4300. Ahora podemos observar como la altura de nuestro formulario ha cambiado. Vamos ha empezar a colocar los elementos necesarios para que funcione nuestra aplicación. De tal forma que queden como en la siguiente imagen. (Sigue los pasos que te indicamos, no te avances) 8. Colócate con el puntero del ratón en el cuadro de herramientas sobre del control CommandButton. 9. Pulsa un doble clic sobre este control, verás como ha aparecido un botón en el centro de nuestro formulario. Cambio del tamaño del botón 10. Sitúate sobre la esquina inferior derecha de dicho elemento. 11. Mantén pulsado el ratón hasta que aparezca el siguiente recuadro: (Puede ser que los valores de tu recuadro no sean iguales que los que aparecen en esta imagen). Este recuadro nos informa del ancho y alto del objeto. 12. Muévete, arrastrando hasta que dentro del recuadro aparezca 1215 x 375. Cuando consigas estos valores suelta el botón del ratón. Fíjate en las siguientes propiedades y sus valores dentro del cuadro de propiedades Height = 375 y Width = 1215. Cambio de posición de un objeto. 13. Haz un clic sobre el botón que acabamos de crear. Después de unos instantes te aparecerá un recuadro con dos números separados con una coma. Este recuadro nos indica la posición que se encuentra el elemento con respectoCurso de Visual Basic 6.0 - Lección 1 Area Interactiva - www.areaint.com Pág. 10 WWW.AREAINT.COM a la esquina izquierda superior de nuestro formulario. 14. Mantén pulsado el botón del ratón y muévete hasta la posición 1560, 2040 aproximadamente. Ahora observa los valores de las propiedades Top = 2040 y Left = 1560. Es importante que recuerdes para que se utilizan las propiedades: Height, Width y Top, Left. Cambio del nombre del botón La propiedad (Nombre), nos servirá para referirnos a este objeto en el momento que estemos programando. 15. Selecciona el botón haciendo un clic sobre él. Pulsa F4. Este punto es solo necesario en caso de no tener el botón seleccionado. 16. Haz un doble clic en la propiedad (Nombre), (está situada en la primera posición). 17. Escribe Copiar. Pulsa Intro. A partir de este momento siempre que queramos hacer referencia al botón de nuestro formulario utilizaremos el nombre Copiar. Cambio del texto del botón. Ahora, para que el usuario de nuestra aplicación tenga un poco de idea que hace este botón vamos a cambiar su texto. 18. Vuelve a pulsar F4. 19. Haz un doble clic sobre Caption y escribe C&opia El signo & delante de la o nos marcará la combinación de teclas que podremos utilizar para que se active nuestro botón. En este caso sería Alt+o. Observa como dentro del botón aparece escrito Copia. Vamos a colocar los demás elementos que forman parte de nuestra aplicación. Creación de un TextBox 20. Pulsa doble clic sobre el TextBox. 21. Colócalo utilizando el método que quieras dentro del formulario en la posición 240, 240 con un tamaño de 1455 x 285. 22. Cambia la propiedad (Nombre) por Texto. 23. Sitúate sobre la propiedad Text y borra el contenido. De esta forma haremos que cuando iniciemos el programa no aparezca ningún texto en el interior de este objeto. Creación de un Label 24. Coloca un Label en la posición 2280, 240 con un tamaño de 1575 x 255. 25. Cambia su nombre por Etiqueta.Curso de Visual Basic 6.0 - Lección 1 Area Interactiva www.areaint.com Pág. 11 WWW.AREAINT.COM 26. Sitúate sobre la propiedad Caption y borra el contenido. De esta manera haremos que cuando ejecutemos la aplicación no exista ningún texto dentro de este objeto. Fíjate que para cambiar el contenido del objeto TextBox utilizamos la propiedad Text, mientras que en el objeto Label utilizamos Caption. 27. Sitúate sobre la propiedad BorderStyle del Label. Abre la lista desplegable de la misma propiedad y

escoge la opción 1-Fixed Single. Con esta opción lo que conseguimos es que el Label tenga un borde, con el que podemos ver el límite de este control. Creación de CheckBox Vamos a colocar dos CheckBox, con los que controlaremos si queremos el texto en Negrita, Cursiva o las dos cosas. Recuerda que los controles CheckBox pueden estar los dos activados, uno solo, o los dos desactivados. 28. Pulsa doble clic sobre el CheckBox del Cuadro de herramientas. 29. Sitúalo en la posición 600, 840 30. Coloca otro CheckBox en la posición 600, 1200 31. Cambia el nombre del primero por: Negrita y al segundo Cursiva. 32. Cambia el Caption del primero de ellos por Negrita y el segundo por Cursiva. Observa cual será en cada caso la tecla que activará este objeto. Fíjate en la imagen del principio de la práctica para ver como han de quedar los controles.

Creación de OptionButton Ahora colocaremos dos OptionButton, con estos nuevos controles podremos controlar si lo que queremos es que aparezca todo el texto en Mayúsculas o en minúsculas. Utilizamos este tipo de control ya que solo podemos hacer que el texto aparezca todo en mayúsculas o todo en minúsculas. 33. Pulsa doble clic sobre el OptionButton del Cuadro de herramientas. 34. Sitúa el primer OptionButton en la posición: 2280, 840 y el segundo en la posición: 2280, 1200 35. Cambia el nombre de los dos controles por Mayusculas, el primero y Minúsculas, el segundo. Observa que en el nombre no hemos puesto acentos. Podríamos ponerlos pero hay que pensar que muchos lenguajes de programación no los aceptan. 36. Cambia el Caption de ambos por Mayúsculas y Minúsculas. Fíjate en la imagen del principio de la práctica para ver como han de quedar los controles. El tamaño de estos controles no lo controlamos ya que los bordes de estos Curso de Visual Basic 6.0 - Lección 1 Área Interactiva - www.areaint.com Pág. 12 WWW.AREAINT.COM elementos no se ven en el modo de ejecución. Cambio del título e icono del formulario. 37. Selecciona el formulario. 38. Accede a la propiedad Caption y escribe: Primer programa. Veras que mientras lo escribes aparece en el título del formulario. 39. Ahora accede a la propiedad Icono y pulsa en este botón Te aparecerá una ventana típica de Windows para búsqueda de archivos. 40. Accede al directorio donde tienes instalado Visual Basic. Selecciona el archivo Trffc14.ico que se encuentra dentro del siguiente directorio Graphics\Icons\Traffic Acto seguido aparecerá un icono en el formulario. Perfecto, ya tenemos colocados todos los elementos que forman parte de nuestra primera aplicación. Ahora solo nos queda completar el código con el cual la aplicación realizará su cometido.

ESCUELA DE LA CIUDAD DE MÉXICO Querétaro 168.

Clase Preparada

MATERIA Lenguaje de Programación 1

Tema: Creación de la interfaz de Usuario

PROFESOR Héctor Mauro Lozano Hernández Grupo: Q61-A interfaz del Usuario es el elemento más importante para el desarrollo la programación en Visual Basic ya que nos mostrara la forma de interacción que existe entre el usuario del programa y la computadora para el manejo de la información. Objetivo. El alumno conocerá la interfaz gráfica de usuario, la cual es la parte de un programa y todos los objetos con los que un usuario puede interactuar con ellos utilizando imágenes en lugar de texto. Por ejemplo, Windows es GUI mientras que DOS está basado en texto. Visual Basic es un lenguaje de programación orientado a eventos y entorno de desarrollo integrado, desarrollado por Microsoft que hace un uso intensivo de componentes de código predefinidos. El entorno de diseño visual de Visual Basic permite a los desarrolladores construir rápidamente o mejorar la interfaz gráfica de usuario basados en programas y aplicaciones. La creación de un programa basado en GUI en Visual Basic es tan fácil como arrastrar y colocar controles en un objeto del formulario.

Introducción. La

Desarrollo. 1.-Después de abrir Visual Basic, haz clic en "Archivo" y selecciona "Estándar EXE" para crear un nuevo proyecto de Visual Basic. Un formulario de Visual Basic estándar se mostrará para que puedas empezar a construir tu programa GUI. 2.-Haz clic en la esquina del formulario y arrástralo para cambiar el tamaño. 3.-Añade componentes al formulario en el programa. Haz clic en la "caja de herramientas." Arrastra y agrega controles tales como botones, cuadros de texto, cuadros combinados, etiquetas y texto en el control del formulario de Visual Basic. Cambia el tamaño de ellos como mejor te parezca en el formulario de control principal y ajusta sus propiedades y atributos para que correspondan con tu programa. 4.-Haz doble clic en cada control y agrega código de programación Visual Basic para modificar el control de la interacción con el usuario. 5.-Cambia la configuración y las propiedades del formulario mediante el uso de la ventana de propiedades del mismo. 6.-Guarda tu proyecto. Haz clic en "Archivo" y luego en "Guardar como." Dale a tu programa de interfaz gráfica de usuario un nombre y guarda tu trabajo cuando hayas terminado. 7.-Presiona la tecla "F5" para ejecutar y probar el programa. 8.-Haz un programa GUI ejecutable. Haz clic en "Archivo" y "Crear [nombre del proyecto] EXE.exe". Busca el archivo ejecutable guardado en tu computador y haz doble clic en él. Observarás tu programa como una GUI en la pantalla de tu computadora.

ESCUELA DE LA CIUDAD DE MÉXICO

Querétaro 168.

Clase Preparada

MATERIA Lenguaje de Programación 1

Tema: Definición de las propiedades

PROFESOR Héctor Mauro Lozano Hernández Grupo: Q-61

Introducción. Las propiedades dentro del programa de Visual Basic 6.0 son importantes ya que se nombraran los elementos claves que harán la activación de un sin número de eventos que dependerá de cada programador al momento del desarrollo del sistema. Objetivo. Es que los alumnos conozcan la definición de las propiedades

Desarrollo. Cada uno de los controles que maneja Visual Basic tienen sus correspondientes propiedades estas se modifican con fines visuales y de función según la índole del mismo, en las propiedades se establecen aspectos como lo son el tipo de letra, el color de fondo, las dimensiones, la posición en el formulario, el tipo de borde etc.

ESCUELA DE LA CIUDAD DE MÉXICO Querétaro 168.

Clase Preparada

MATERIA Lenguaje de Programación 1

Tema: Fundamentos de Programación

PROFESOR Héctor Mauro Lozano Hernández Grupo: Q-61

Introducción. Los alumnos deben reconocer que el desarrollo de un sistema no es tarea fácil ya que requiere de hacer varias fases para el control de la información. Objetivo. Conocer las diferentes fases para el desarrollo de sistemas en la programación de visual básic. Desarrollo. 1) FASE ESPECIFICACION DE UN PROBLEMA Aquí se determina la verdadera naturaleza de un problema es decir el objetivo principal de un programa lo que permite definir los campos de acción que deben seguirse en las demás fase. Actividades 1. Establecer áreas críticas. 2. Revisar documentación. 3. Elaborar un documento que deje ver claramente las metas que se alcanzaron. 2) FASE ANALISIS Y DISEÑO DE SISTEMAS Permite diagnosticar el funcionamiento del sistema actual donde está fallando y la forma, en que se solucionará. Actividades 1. Definir grupo de trabajo que intervendrán en el desarrollo del sistema. 2. Establecer Herramientas de equipos existentes. 3. Encontrar las funciones y flujo de observación (datos que suministre el usuario). 4. Definir documentos con los resultados de análisis y diseño. 5. Entregar documentos con los resultados de análisis y diseño.

3) FASE

DESARROLLO Definir el aspecto que se le dará a la aplicación (interfaz gráfica de usuario) Actividades 1. Diseñar la interfaz gráfica del usuario teniendo en cuenta las solicitudes del cliente. 2. Desarrollo el código de programación que satisfaga el objetivo principal del sistema. 4) FASE IMPLEMENTACION Poner en práctica el sistema Actividades 1. Documentar cada uno de los procesos del programa. 2. Capacitar al usuario. 3. Evaluar y probar todos los procesos. 5) FASE MANTENIMIENTO El mantenimiento permite adaptar las nuevas etapas en el sistema y actualizar la información. Actividades 1. Atención del servicio posterior a la instalación. 2. Actualización de versiones.

ESCUELA DE LA CIUDAD DE MÉXICO Querétaro 168.

Clase Preparada

MATERIA Lenguaje de Programación 1

Tema: Variables y Operaciones

PROFESOR Héctor Mauro Lozano Hernández Grupo: Q-61

Introducción. Todos los lenguajes utilizan este sistema o metodología para la programación de aplicaciones, pero varían la forma en que se utilizan, su sintaxis etc... Cuando uno recién empieza a programar, parece muy complicado entender estos temas, pero con la práctica todo se va aclarando. Lo bueno de comprender los fundamentos de la programación, es que nos permite luego poder programar en casi cualquier lenguaje, porque la forma de programar en general no varía demasiado, lo que cambia en cada uno de ellos es su sintaxis y funciones y cosas propias del lenguaje. Aunque tampoco es tan así, ya que esto no significa que por que uno sea experto por ejemplo programando en lenguaje C, lo sea en Visual Basic y Viceversa. Objetivo. Las variables, como su nombre lo indica, se utilizan para almacenar valores que tienen la propiedad de variar el contenido. Cuando hablamos de contenido nos referimos a cualquier tipo de datos, por ejemplo un nombre, una fecha, un color, un número etc... . A las variables se les asigna un nombre para poder utilizarlas. Por ejemplo puedo crear una variable llamada fecha y esta almacenará una fecha. A los nombres de las variables se los denomina identificadores. Cuando creamos variables, tenemos que tratar de asignarles un nombre que se relacione con el tipo de dato que queremos almacenar. Por ejemplo no tendría mucho sentido crear una variable llamada m y allí guardar o almacenar un nombre o un apellido, porque cuando echemos vista al código resultaría más difícil deducir que tipo de dato estoy guardando. Por ejemplo en este último caso sería mucho más lógico crear una variable llamada “nombres” y allí guardar "Luciano", "Pedro", "Natalia" etc.. Los operadores nos permiten operar, validar, comparar, asignar, distinguir, etc.., los datos e instrucciones de código de nuestros programas. A continuación los operadores mas importantes. Operadores aritméticos Estos operadores nos permiten trabajar con cálculos matemáticos como la suma (+), resta (-), división (/) y multiplicación (*). Desarrollo.

En visual basic a las variables conviene declararlas, o sea, avisarle a vb que vamos a utilizar dichas variables. A estas se las declara en el comienzo del código y se les antepone la palabra reservada Dim, luego el nombre que nosotros queramos y seguido el tipo de dato que almacenará, por ejemplo si quiero almacenar en una variable llamada Numero Dim numero As Integer La palabra Integer le avisa a vsiaual basic que voy a guardar un número entero. Después de declararla le podemos asignar un valor con el operador "=", ejemplo: Dim numero As Integer numero = 1500 Pero hay que tener en cuenta que al declarar una variable, en este caso, de tipo integer, no podríamos almacenar en ella una cadena de caracteres como por ejemplo un nombre o cualquier otro tipo de datos que no sea un número entero. Si sucedería esto nuestro programa daría un error en tiempo de ejecución, mostrándonos un feo cartel diciéndoos que no coinciden los tipos de datos.. Operadores aritméticos Estos operadores nos permiten trabajar con cálculos matemáticos como la suma (+), resta (-), división (/) y multiplicación (*). Ejemplos: a=5 b = 15 c = a + b ' en este caso la variable c contendría el valor 20 ganancia = 500 perdida = 200 total = ganancia - perdida 'la variable total pasaría a valer 300 x = 100 y = 20 z = x / y ' La Variable z vale 5 x = 100 y = 20 z = x * y ' La Variable z vale 2000

Operadores lógicos Se utilizan en expresiones para devolver resultados del tipo True o False, es decir Verdadero o falso. Los mas comunes son el operador And y el operador Or Ejemplos: If (x = 10) And (nombre = "maría") Then 'solo se ejecutará el código dentro de este bloque IF si la variable 'x vale 10 y la variable nombre es igual a maría End If

If (m = 10) Or (nombre = "pedro") Then 'el código se ejecutará si por lo menos una variable es correcta 'es decir si por lo menos se cumple una condición End If Operadores de comparación Los operadores de comparación se utilizan para comparar expresiones de cualquier tipo. Los mas importantes son: El operador de igualdad (=), menor que (), distinto a() Ejemplos: If label1.Caption = "06/08/1978" Then 'si el control label1 en su caption contiene esa fecha 'se ejecutará el código que este aquí End If if x > 6 then 'si la variable x es mayor que 6 se ejecutará el código que este aquí end if If país "Estados unidos" Then 'si la variable país es distinta a "Estados unidos" se ejecutará el código End If While c