Visual Basic .Net y ASP .

NET

Manual Lenguaje de programacion avanzado I y II

Bucaramanga 2014

Contenido
PRLOGO................................................................................................................................ 5
INTRODUCCIN ...................................................................................................................... 7
1. INICIANDO VISUAL STUDIO .NET ..................................................................................... 11
1.1 Pgina de Inicio Visual Studio .NET ......................................................................... 12
1.2 Crear o abrir proyectos Windows Forms................................................................... 12
1.3 Plantillas de aplicaciones .......................................................................................... 13
1.4 Elegir una plantilla..................................................................................................... 14
1.5 Ventana de propiedades ........................................................................................... 16
1.6 Explorador de soluciones .......................................................................................... 17
1.7 Diseador formulario Windows (Windows Forms) ..................................................... 19
2. UN PRIMER PROYECTO VISUAL BASIC .NET.................................................................. 21
2.1 Iniciar un nuevo proyecto Visual Basic .NET ............................................................. 21
2.2 Ejemplo prctico ....................................................................................................... 21
2.3 Crear la interfaz de usuario ....................................................................................... 22
2.4 Establecer las propiedades de los objetos de la interfaz de usuario........................... 22
2.5 Escribir cdigo .......................................................................................................... 24
2.6 Guardar la aplicacin ................................................................................................ 25
2.7 Ejecutar el proyecto .................................................................................................. 25
2.8 Generar un archivo ejecutable para el proyecto......................................................... 26
2.10 Abrir y ejecutar una aplicacin existente en Visual Basic .NET ................................ 27
3. FUNDAMENTOS DE VISUAL BASIC .NET ......................................................................... 28
3.1 Variables .................................................................................................................. 28
3.2 Constantes ............................................................................................................... 29
3.3 Tipos de datos .......................................................................................................... 29
3.4 Ejemplo prctico tipos de datos................................................................................. 29
3.5 Operadores y Expresiones ........................................................................................ 33
3.5.1 Operadores aritmticos .......................................................................................... 33
3.5.2 Operadores relacionales ........................................................................................ 34
3.5.3 Operadores lgicos ................................................................................................ 34
3.6 Ejemplo prctico operadores aritmticos ................................................................... 35
3.7 Palabras clave .......................................................................................................... 37
4. ESTRUCTURAS DE CONTROL ......................................................................................... 39
4.1 Toma de decisiones .................................................................................................. 39
4.1.1 Sentencia If (Si) .................................................................................................... 39
4.1.2 Sentencia If- Else (Si - Sino) ................................................................................. 40
4.1.3 Select case (Seleccionar caso).......................................................................... 40
4.1.4 Ejemplo prctico toma de decisiones ..................................................................... 41
4.2 Ciclos (estructuras repetitivas) .................................................................................. 44
4.2.1 While ..................................................................................................................... 44
4.2.3 For ......................................................................................................................... 44
4.3 Ejemplo prctico ciclos.............................................................................................. 44
5. MDULOS Y PROCEDIMIENTOS ...................................................................................... 49
5.1 Mdulos .................................................................................................................... 49
5.2 Procedimientos ......................................................................................................... 50
5.2.1 Ejemplo prctico mdulo y procedimientos Sub y Function ..................................... 51
5.3 Funciones predeterminadas ...................................................................................... 58
5.3.1 Funciones Matemticas ......................................................................................... 58
[Link] Ejemplo prctico funciones matemticas ............................................................. 58
5.3.2 Funciones de cadenas de caracteres ..................................................................... 61
[Link] Ejemplo prctico funciones de cadena de caracteres .......................................... 62
5.4 Ejercicios de procedimientos ..................................................................................... 66

6. MATRICES ......................................................................................................................... 67
6.1 Matrices de una dimensin o unidimensionales ......................................................... 67
6.1.1 Ejemplo prctico matrices unidimensionales .......................................................... 67
6.2 Matrices de dos dimensiones (Bidimensionales) o ms. ............................................ 71
6.2.1 Ejemplo prctico matrices bidimensionales ............................................................ 71
6.3 Ejercicios matrices .................................................................................................... 75
7. INTERFAZ DE USUARIO AVANZADA ................................................................................ 76
7.1 Control LinkLabel ...................................................................................................... 76
7.1.1 Ejemplo prctico control LinkLabel ......................................................................... 76
7.2 Controles ListBox y ComboBox ................................................................................. 79
7.2.1 Ejemplo prctico controles ListBox y ComboBox .................................................... 79
7.3 Controles VScrollBar, HScrollBar, TrackBar .............................................................. 84
7.3.1 Ejemplo prctico controles VScrollBar y TrackBar .................................................. 85
7.4 Controles CheckBox y RadioButton .......................................................................... 88
7.4.1 Ejemplo prctico controles CheckBox y RadioButton .............................................. 88
8. FORMULARIOS DE INTERFAZ SENCILLA (SDI) Y MLTIPLE (MDI) ................................ 93
8.1 Creacin de Mens con Interfaz de documento sencillo ............................................ 93
8.1.1 Ejemplo prctico mens con interfaz de documento sencillo................................... 93
8.2 Creacin de Mens con interfaz mltiple ................................................................... 98
8.2.1 Ejemplo prctico formularios MDI ........................................................................... 98
8.3 Desactivar las opciones del men en formularios MDI ............................................. 111
8.4 Manipulacin del men Ventana. ............................................................................ 112
8.5 Creacin de una barra de herramientas en un formulario MDI ................................ 114
9. GRFICOS Y ANIMACIN ............................................................................................... 117
9.1 Grficos utilizando el espacio de nombres [Link] .................................... 117
9.1.1 Ejemplo prctico grficos con [Link]...................................... 118
9.2 Movimiento de un control ........................................................................................ 123
9.2.1 Ejemplo prctico movimiento de un control........................................................... 123
9.3 Expandir y contraer un control................................................................................. 126
9.3.1 Ejemplo prctico expandir y contraer un control ................................................... 126
9.4 Ejemplos prcticos de animacin ............................................................................ 129
9.5 Ejercicios de graficas y animacin........................................................................... 136
10. LA PROGRAMACIN ORIENTADA A OBJETOS CON .NET .......................................... 137
10.1 Modificadores de control de acceso ...................................................................... 139
10.2 Constructores ....................................................................................................... 139
10.2.1 Constructores sin parmetros............................................................................. 139
10.2.2 Constructores con parmetros ........................................................................... 140
10.3 Sobrecarga de constructores ................................................................................ 140
10.4 Herencia y polimorfismo ........................................................................................ 141
10.5 Ejemplo prctico creacin de clases propias ......................................................... 141
10.6 Heredar una clase base ........................................................................................ 145
11. ACCESO A BASES DE DATOS CON .NET..................................................................... 148
11.1 Que es una base de datos .................................................................................... 148
11.2 Tipos de bases de datos ....................................................................................... 148
11.2.1 Relacionales ...................................................................................................... 148
11.2.2 Enfoque orientado a objetos ............................................................................... 148
11.3 Lenguaje de consulta estructurado ........................................................................ 148
11.3.1 Comandos ......................................................................................................... 149
11.3.2 Clusulas ........................................................................................................... 149
11.3.3 Operadores lgicos ............................................................................................ 150
11.3.4 Operadores de comparacin .............................................................................. 150
11.3.5 Funciones de agregado...................................................................................... 150
11.4 Sentencias SQL bsicas ....................................................................................... 151
11.4.1 Sentencia SELECT ............................................................................................ 151
11.4.2 Sentencia INSERT ............................................................................................. 153

11.4.3 Sentencia DELETE ............................................................................................ 153

11.4.4 Sentencia ALTER .............................................................................................. 153
11.4.5 Sentencia UPDATE............................................................................................ 154
11.5 [Link] ............................................................................................................... 154
11.5.1 DataSet, DataTable y RecordSet........................................................................ 155
11.6 Ejemplo prctico bases de datos ........................................................................... 156
12. [Link] ........................................................................................................................ 196
12.1 Primera aplicacin [Link]................................................................................. 197
12.2 Interfaz de usuario avanzada con Web [Link].................................................. 203
12.2.1 Control CheckBox .............................................................................................. 203
[Link] Ejemplo prctico control CheckBox ................................................................. 203
12.2.2 Control RadioButton ........................................................................................... 209
[Link] Ejemplo prctico control RadioButton .............................................................. 209
12.2.3 Control DropDownList ........................................................................................ 212
[Link] Ejemplo prctico control DropDownList ........................................................... 212
12.3 Controles de Validacin ........................................................................................ 216
12.3.1 Ejemplo prctico controles de validacin ............................................................ 216
13. ACCESO A BASES DE DATOS CON [Link].............................................................. 221
13.1 Controles de origen de datos ................................................................................ 221
13.1.1 Ejemplo prctico bases de datos con [Link].................................................. 221
13.2 Controles de navegacin en [Link] .................................................................. 234
13.3 Acceder a una base de datos mediante el asistente de formularios ....................... 239
13.4 Acceder a una base de datos con un control DataGrid .......................................... 247
13.5 Consultar dos o ms tablas de una base de datos................................................. 253
14. SERVICIOS WEB ........................................................................................................... 259
14.1 Creacin de servicio web con Visual Basic .NET ................................................... 259
14.2 Acceder a un servicio Web desde [Link] ......................................................... 263
NDICE ................................................................................................................................. 271
BIBLIOGRAFA ..................................................................................................................... 273
INFOGRAFA ........................................................................................................................ 273

PRLOGO
Visual Basic y ASP .NET a su alcance proporciona los elementos necesarios para
conocer el entorno del lenguaje de Programacin Visual Basic. Este libro ha sido
pensado para todos aquellos que estn interesados en conocer este lenguaje de
Programacin desde sus aspectos bsicos, el manejo de bases de datos y [Link].
Todo el material didctico del libro se basa en el aprendizaje guiado por la
conceptualizacin de cada tema, la realizacin de ejemplos prcticos explicados y con
grficos que visualizn el objetivo de los ejercicios.
Debido al enfoque practico, basado en ejercicios y al esfuerzo de sntesis resulta
posible utilizarlo para adquirir con facilidad y rapidez un conocimiento para el
desarrollo de aplicaciones en Visual [Link].
Todos los ejemplos del libro han sido compilados y ejecutados con el programa
Microsoft Visual Studio 2003 (la mayora de los ejemplos tambin los puede compilar y
ejecutar con las versiones Express Edition Visual Basic 2005 y Visual Web Developer
2005); cada ejemplo es explicado lnea por lnea, solamente se exceptan aquellas
instrucciones que se han explicado con anterioridad.
Captulos del Libro
Visual Basic y ASP .NET a su alcance contiene 14 captulos distribuidos de la siguiente
forma:
Captulo 1, Iniciando Visual Studio .NET: Habla sobre el entorno de
desarrollo de Visual Studio .NET: pgina de inicio, plantillas de
aplicaciones, men principal, barra de herramientas, cuadro de herramientas,
explorador de soluciones, diseador de formularios Windows Form y editor
de cdigo.
Captulo 2, Un Primer Proyecto Visual Basic .NET: Habla de cmo se
crea un primer proyecto, creacin de la interfaz de usuario, establecimiento
de las propiedades en un objeto, programacin, generacin de archivo un
ejecutable y ejecucin del proyecto.
Captulo 3, Fundamentos de Visual Basic .NET: Maneja los conceptos
bsicos del lenguaje de programacin Visual Basic .NET: variables,
constantes, tipos de datos, operadores, expresiones y palabras reservadas,
adems encontrar ejemplos explicativos.
Captulo 4, Estructuras de control: Maneja los conceptos propios de las
estructuras de decisin if, else, select- case y las estructuras repetitivas while,
for, do- loop while, as como una serie de ejemplos que permiten reforzar los
conceptos. Al final del captulo encontrar ejercicios para resolver.
Captulo 5, Mdulos y Procedimientos: Aqu se habla sobre creacin de
mdulos y procedimientos Sub y Function. Adems se conceptualiza sobre
algunas funciones predeterminadas matemticas y de manipulacin de
caracteres; complementado con ejemplos prcticos.
Captulo 6, Matrices: Se habla sobre la estructuracin de datos en matrices
unidimensionales y bidimensionales con elementos de un mismo tipo;
tambin se presentan ejemplos aplicados al tema; as como ejercicios para
practicar.
5

Captulo 7, Interfaz de Usuario Avanzada: Se habla sobre algunos

controles que permiten mejorar la interfaz grfica de usuario en un
programa, y con cada control se realiza un ejemplo prctico.
Captulo 8, Formularios de Interfaz Sencilla (SDI) y Mltiple (MDI): En
este captulo encontrar la forma de crear aplicaciones con interfaz de
documento sencillo, mltiple, as como la creacin de barras de
herramientas; explicado a travs de ejemplos.
Captulo 9, Grficos y animacin: Habla sobre los objetos grficos
comunes: nea, curva, rectngulo, arco, elipse y polgono. Adems se
trabajan las propiedades top, left, width, height, utlizadas para el
movimiento, contraccin y expansin de un control
Captulo 10, La Programacin orientada a Objetos con .NET: Se
manejan los conceptos de programacin orientada a abjetos utilizando el
lenguaje de programacin Visual Basic .NET en lo referente a:
constructores, sobrecarga de mtodos, herencia, polimorfismo: Todo
explicado a travs de ejemplos.
Captulo 11, Acceso a Bases de Datos con .NET: Se conceptualiza sobre
bases de datos, lenguaje de consulta estructurado (SQL), acceso a una base
de datos. Complementada con ejemplos.
Captulo 12, [Link]: En este captulo se habla de cmo crear, ejecutar
una aplicacin Web [Link]. Adems se explica por medio de ejemplos la
utilizacin de varios controles en aplicaciones Web [Link]: Label,
TextBox,
Button,
CheckBox,
Radiobutton,
DropDownList,
RequiredFieldValidator,
RangeValidator,
CompareValidator,
CustomValidator, RegularExpressionValidator.
Captulo 13, Acceso a Bases de Datos con [Link]: Aplicando los
conceptos de bases de datos vistos en el captulo 11, se realiza una conexin
a una base de datos para manipular informacin utilizando aplicaciones
Web, apoyado con ejemplos.
Captulo 14, Servicios Web: En este captulo se conceptualiza sobre los
servicios Web, crendose ejemplos con aplicaciones Windows Forms y
Web.

INTRODUCCIN
Visual Basic .NET ([Link]) es una versin de Visual Basic enfocada al desarrollo de
aplicaciones .NET. El lenguaje de programacin es Visual Basic que apareci en el ao
1991 como una evolucin del QuickBasic que fabricaba Microsoft. Dicho lenguaje de
programacin es orientado a objetos, donde es posible la creacin de clases que pueden
derivarse de otras mediante herencia, sobrecarga de mtodos, control estructurado de
excepciones o creacin de aplicaciones con mltiples hilos de ejecucin, adems de
contar con la extensa librera de .NET, la que permite desarrollar tanto aplicaciones
Windows Forms y formularios Web, as como el manejo de diversos proveedores de
bases de datos, el envo de datos mediante documentos XML 1 y la generacin de
informes mediante Crystal Reports a partir de archivos de texto, bases de datos, etc.
Que es Microsoft .NET
Microsoft .NET es un entorno integrado de ejecucin, compilacin, depuracin, y
desarrollo de aplicaciones. Los diferentes lenguajes de programacin de la plataforma,
comparten el mismo entorno, normas, reglas y libreras de Microsoft .NET Framework.
La plataforma .NET proporciona software que permite conectar sistemas,
informacin, dispositivos y usuarios distintos de un modo ms unificado y
personalizado. Incorpora servicios Web XML como medio para permitir la
interoperabilidad entre tecnologas diferentes. Tambin proporciona a los
desarrolladores de software herramientas, tecnologa para crear rpida y eficazmente
soluciones de negocio que abarcan mltiples aplicaciones y mltiples dispositivos
cliente entre diversas organizaciones, adems permite a los usuarios controlar qu
informacin, cmo y cundo se les entrega.
.NET incluye una completa familia de productos creados para trabajar con los
estndares de XML e Internet. Estos productos incluyen los siguientes componentes que
trabajan con soluciones basadas en XML:
Herramientas para desarrollar soluciones
Servidores para gestionar, crear e implantar soluciones
Servicios para integrar, conectar y reutilizar soluciones
Que es .NET Framework
El .NET Framework es un conjunto de servicios de programacin diseados para
simplificar el desarrollo de aplicaciones sobre el entorno distribuido de Internet. El
diseo de .NET Framework est enfocado a cumplir los objetivos siguientes:
Proporcionar un entorno coherente de programacin orientada a objetos, en el
que el cdigo de los objetos se pueda almacenar y ejecutar de forma local,
ejecutar de forma local pero distribuida en Internet o ejecutar de forma remota.
Proporcionar un entorno de ejecucin de cdigo que reduzca lo mximo posible
la implementacin de software y los conflictos de versiones.

XML, es el estndar de Extensible Markup Language. XML no es ms que un conjunto de reglas para
definir etiquetas semnticas que nos organizan un documento en diferentes partes. XML es un
metalenguaje que define la sintaxis utilizada para definir otros lenguajes de etiquetas estructurados.

Ofrecer un entorno de ejecucin de cdigo que fomente la ejecucin segura del

mismo, incluso del creado por terceras personas desconocidas o que no son de
plena confianza.
Proporcionar un entorno de ejecucin de cdigo que elimine los problemas de
rendimiento de los entornos en los que se utilizan secuencias de comandos o
intrpretes de comandos.
Ofrecer al programador una experiencia coherente entre tipos de aplicaciones
muy diferentes, como las basadas en Windows o en el Web.
.NET Framework contiene dos componentes principales: Common Language
Runtime y la biblioteca de clases de .NET Framework. Common Language Runtime es
el fundamento de .NET Framework. El motor en tiempo de ejecucin se puede
considerar como un agente que administra el cdigo en tiempo de ejecucin y
proporciona servicios centrales, como la administracin de memoria, la administracin
de subprocesos y la interaccin remota, al tiempo que aplica una seguridad estricta a los
tipos y otras formas de especificacin del cdigo que fomentan su seguridad y solidez.
De hecho, el concepto de administracin de cdigo es un principio bsico del motor en
tiempo de ejecucin. El cdigo destinado al motor en tiempo de ejecucin se denomina
cdigo administrado, a diferencia del resto de cdigo, que se conoce como cdigo no
administrado. La biblioteca de clases, el otro componente principal de .NET
Framework, es una completa coleccin orientada a objetos de tipos reutilizables que se
pueden emplear para desarrollar aplicaciones que abarcan desde las tradicionales
herramientas de interfaz grfica de usuario (GUI) o de lnea de comandos hasta las
aplicaciones basadas en las innovaciones ms recientes proporcionadas por [Link],
como los formularios Web Forms y los servicios Web XML.
En la ilustracin siguiente se muestra la relacin de Common Language Runtime
y la biblioteca de clases con las aplicaciones y el sistema en su conjunto.

.NET Framework en contexto.

Cuando se crea una nueva aplicacin Windows en Visual Basic .NET, se genera
un cdigo inicial que incluye el espacio de nombres [Link] y la clase
Form. Con esta clase, se pueden crear fcilmente ventanas, botones, mens, barras de
herramientas y otros elementos de pantalla.
Al compilar la aplicacin, el cdigo se traduce al lenguaje comn del entorno de
ejecucin, Microsoft Intermediate Language (MSIL). Una vez la aplicacin se ha
compilado, el entorno de ejecucin gestiona su construccin.
El entorno de ejecucin incluye una caracterstica denominada compilacin justin-time (JIT), que traduce cdigo MSIL al lenguaje mquina del sistema en el que la
aplicacin se ejecutar. Cuando un dispositivo cliente con la plataforma .NET ejecuta la
aplicacin en Visual Basic .NET, se ejecuta en el lenguaje mquina del sistema cliente y
puede integrarse totalmente e interactuar con otras aplicaciones y servicios basados en
.NET independientemente del lenguaje en el que hayan sido desarrollados. Para
entender cmo funciona el .NET Framework, es necesario conocer la siguiente
terminologa:
Clase: es una entidad de programacin con nombre que consta de un conjunto
comn de mtodos, propiedades y atributos. Por ejemplo, Form es una de las
clases del espacio de nombres [Link] que se utiliza para crear
formularios Windows Forms.
Espacio de nombres: identifica una coleccin de clases relacionadas y/u otros
espacios de nombres del .NET Framework. Algunos ejemplos de espacios de
nombres incluyen:
System
[Link]
Biblioteca de clases: es una coleccin completa orientada a objetos de clases
reutilizables y organizadas en espacios de nombres jerrquicos con base a su
funcionalidad. Esto ocasiona que los tipos de .NET Framework sean sencillos de
utilizar y reduce el tiempo asociado con el aprendizaje de las nuevas
caractersticas de .NET Framework. Adems, los componentes de terceros se
pueden integrar sin dificultades con las clases de .NET Framework. Por ejemplo,
las clases de coleccin de .NET Framework implementan un conjunto de
interfaces que puede usar para desarrollar sus propias clases de coleccin. stas
se combinarn fcilmente con las clases de .NET Framework. Como en
cualquier biblioteca de clases orientada a objetos, los tipos de .NET Framework
permiten realizar diversas tareas de programacin comunes, como son la
administracin de cadenas, recoleccin de datos, conectividad de bases de datos
y acceso a archivos. Adems, de estas tareas habituales, la biblioteca de clases
incluye tipos adecuados para diversos escenarios de desarrollo especializados.
Por ejemplo, puede utilizar .NET Framework para desarrollar los siguientes
tipos de aplicaciones y servicios:
Aplicaciones de consola.
Aplicaciones GUI de Windows (Windows Forms.
Aplicaciones de Windows Presentation Foundation (WPF).
Aplicaciones de [Link].
Servicios Web...

Servicios de Windows.
Aplicaciones orientadas a servicios utilizando Windows Communication
Foundation (WCF).
Aplicaciones habilitadas para el flujo de trabajo utilizando Windows
Workflow Foundation (WF).
Common Language Runtime: es la base del .NET Framework. Common
Language Runtime administra la memoria, ejecucin de subprocesos, ejecucin
de cdigo, comprobacin de la seguridad del cdigo, compilacin y dems
servicios del sistema. Estas caractersticas son intrnsecas del cdigo
administrado que se ejecuta en Common Language Runtime. Con respecto a la
seguridad, los componentes administrados reciben grados de confianza
diferentes, en funcin de una serie de factores entre los que se incluye su origen
(como Internet, red empresarial o equipo local). Esto significa que un
componente administrado puede ser capaz o no de realizar operaciones de
acceso a archivos, operaciones de acceso al Registro y otras funciones delicadas,
incluso si se est utilizando en la misma aplicacin activa. El motor en tiempo
de ejecucin impone seguridad en el acceso al cdigo. Por ejemplo, los usuarios
pueden confiar en que un archivo ejecutable incrustado en una pgina Web
puede reproducir una animacin en la pantalla o entonar una cancin, pero no
puede tener acceso a sus datos personales, sistema de archivos o red. Por ello,
las caractersticas de seguridad del motor en tiempo de ejecucin permiten que el
software legtimo implementado en Internet sea excepcionalmente variado.

10

1. INICIANDO VISUAL STUDIO .NET

Visual Studio .NET es un entorno de desarrollo integrado (IDE) que ayuda a disear,
desarrollar, depurar e implantar con rapidez soluciones basadas en .NET Framework.
Se puede acceder a un conjunto comn de herramientas, diseadores y editores desde
cualquiera de los lenguajes de programacin de Visual Studio .NET. Tambin se
pueden crear aplicaciones Windows Forms y Web Forms que integren datos y lgica de
negocio.
En este captulo las plantillas que se referencian son del entorno grafico del
Visual Studio 2003. Si trabaja con el Visual Basic Express 2005, el entorno grafico es
exactamente igual pero ahorra pasos para iniciar un nuevo proyecto.
Visual Studio .NET incluye las caractersticas de programacin que se describen
en la siguiente tabla:
Tabla 1.1 Caracteristicas de programacin en Visual Basic .NET.
Caracterstica

Descripcin

Diseador
de
Windows Forms

Una superficie de diseo grfico que permite crear

rpidamente la interfaz de usuario de una
aplicacin. Se puede arrastrar o dibujar controles
sobre esta superficie.

Herramientas
para
Windows
Forms

Se proporciona un Diseador de Windows Forms,

una plantilla Aplicacin Windows, referencias de
proyectos bsicos y cdigo de inicio como ayuda
para crear aplicaciones Windows Forms
estndares.

Herramientas
para Web Forms

Se proporciona un Diseador de Web Forms, una

plantilla Aplicacin Web [Link], referencias de
proyectos bsicos y cdigo de inicio como ayuda
para crear aplicaciones Web Forms en las que la
interfaz de usuario principal es un navegador.

Herramientas
para
servicios
Web XML

Se proporciona una plantilla Servicios Web

[Link]. Esta plantilla construye la estructura de
un proyecto de aplicacin Web en un servidor
Web de desarrollo.

Soporte
mltiples
lenguajes

Todos los lenguajes de programacin de la

plataforma .NET, incluyendo Visual Basic .NET y
Visual C#, estn integrados en el entorno de
desarrollo.

de

Componentes para crear aplicaciones que

comparten datos, herramientas de bases de datos
visuales para acceder a los datos y un robusto
conjunto de clases de Microsoft [Link].

Acceso a datos

Gestin
errores

Asistentes

de

Las herramientas de depuracin con soporte

multilenguaje ayudan a encontrar y solucionar
errores de cdigo, y podemos utilizar clases de
excepciones estructuradas para incluir la gestin
de errores en nuestra aplicacin.
Los asistentes ayudan a completar rpidamente
tareas comunes. Cada pgina de un asistente
ayuda a establecer opciones, configurar y
personalizar proyectos.

11

Aunque el lenguaje de programacin que se utilizar es Visual Basic .NET, el

entorno de desarrollo que se usar para escribir programas recibe el nombre de entorno
de desarrollo de Microsoft Visual Studio .NET, el cual contiene todas las herramientas
necesarias para construir programas en el entorno Windows.
1.1 Pgina de Inicio Visual Studio .NET
Desde la pgina de inicio de Visual Studio .NET se puede: abrir proyectos, crear
perfiles y establecer las preferencias del usuario. La figura 1.1, muestra la pgina de
inicio:
Figura 1.1 Pgina de Inicio de Visual Studio .NET.

1.2 Crear o abrir proyectos Windows Forms

Para iniciar un nuevo proyecto o abrir un proyecto existente desde la pgina de inicio, se
requiere unos pasos muy sencillos como son:
Para crear un nuevo proyecto
o

Dar clic en la opcin Nuevo Proyecto.

-Oo Dar clic en la opcin Archivo del men, seleccionar Nuevo, luego la opcin
Proyecto.

12

Abrir un proyecto existente

o Haga clic en la opcin Abrir Proyecto.
-Oo Haga clic en la opcin Archivo del men, seleccionar Abrir, luego la opcin
Proyecto.

1.3 Plantillas de aplicaciones

Visual Studio .NET ofrece varias plantillas de aplicaciones para soportar el desarrollo
de diferentes tipos de aplicaciones y componentes. Antes de iniciar un nuevo proyecto,
se debe escoger el tipo de plantilla que se va a utilizar.
Una plantilla de aplicacin proporciona archivos de inicio y una estructura de
proyecto, adems contiene los objetos bsicos del proyecto y la configuracin del
entorno que se necesita para crear el tipo de aplicacin que se desea.
Las plantillas que ms se utilizan son: Aplicacin para Windows y Aplicacin
Web [Link]. La plantilla Aplicacin para Windows proporciona herramientas,
estructuras y cdigo de inicio para crear una aplicacin estndar basada en Windows,
aadiendo automticamente las referencias bsicas del proyecto y los archivos a utilizar
como punto de partida para la aplicacin. La plantilla Aplicacin Web [Link] se
utiliza para crear una aplicacin Web [Link] en un equipo que tenga instalado
Internet Information Services (IIS) 2 versin 5.0 o posterior. Para iniciar el diseo de la
aplicacin, la plantilla crea los archivos bsicos necesarios en el servidor.
Figura 1.2 Plantilla de aplicaciones.

Este servicio convierte a un computador en un servidor de Internet o Intranet es decir

que en los computadores que tienen este servicio instalado se pueden publicar pginas
Web tanto local como remotamente (servidor Web).

13

1.4 Elegir una plantilla

Cuando se inicia un nuevo proyecto en Visual Studio .NET uno de los primeros pasos
es escoger una plantilla de aplicaciones. Para este caso se utilizar la plantilla
Aplicacin para Windows. Los pasos necesarios para crear un nuevo proyecto en
Visual Basic .NET son los siguientes:
1. Abrir Visual Studio .NET.
2. En la ventana de Inicio, hacer clic en Nuevo Proyecto.

O
En el men Archivo, seleccionar Nuevo y a continuacin hacer clic en Proyecto.
1. En la ventana Tipos de proyecto, dar clic en Proyectos de Visual Basic. En el panel
Plantillas, hacer clic en Aplicacin para Windows.
2. En el campo Nombre, escribir un nombre de proyecto exclusivo que indique el objetivo
de la aplicacin.
3. En el campo Ubicacin, indicar la carpeta en la que desea guardar el proyecto, o haga
clic en el botn Examinar para navegar hasta la carpeta destino.
4. Dar clic en el botn Aceptar.

Figura 1.3 Eleccin de una plantilla.

Tipo de
Proyecto
Nombre del
Proyecto
Ubicacin del Proyecto

Al elegir la plantilla, se abrir el diseador de Windows Forms, visualizndose el

formulario Form1 del proyecto que se ha creado, la pantalla se representa en la figura
1.4:

14

Figura 1.4 Pantalla inicial de un nuevo proyecto.

Men
Principal
Barra de
Herramientas
Formulario
Windows (Form
1)
Ventana de
Propiedades
Cuadro de
Herramientas

Depurador de
errores

Cuando se selecciona una plantilla de aplicaciones aparece el entorno de

desarrollo visual, donde encontrar:
Men principal y la barra de herramientas estndar: Proporcionan acceso a
la mayora de comandos que controlan el entorno de programacin de Visual
Studio .NET. Los comandos del men principal funcionan igual que todas las
aplicaciones basadas en Windows. La barra de herramientas proporciona los
iconos que sirven como acceso a la mayora de comandos estndar de Windows.
Tambin contiene iconos que permiten abrir el explorador de soluciones, la
ventana de propiedades, el cuadro de herramientas y otros elementos
importantes del entorno de desarrollo.
Figura 1.5 Menu principal y barra de herramientas estndar.
Men Principal

Barra de Herramientas

Cuadro de Herramientas: El cuadro de herramientas contiene diversos

controles que se pueden utilizar para aadir ilustraciones, etiquetas, botones,
cuadros de lista, barras de desplazamiento, mens y formas geomtricas a una
interfaz de usuario. Cada control que se aade a un formulario se convierte en un
objeto de la interfaz de usuario programable en la aplicacin. Estos objetos son
visibles para los usuarios cuando la aplicacin se ejecuta y funcionan como los
objetos estndares de cualquier aplicacin basada en Windows.
15

Figura 1.6 Cuadro de Herramientas.

Para cerrar y abrir el cuadro de herramientas, se deben realizar los siguientes pasos:
o

Para cerrar el cuadro de herramientas, haga clic en el botn Cerrar (x) de la

esquina superior derecha del cuadro de herramientas.

Para abrir el cuadro de herramientas, en el men Ver haga clic en Cuadro de

herramientas.

Para ocultar o visualizar el cuadro de herramientas:

o

Para ocultar el cuadro de herramientas, haga clic en el pin

ttulos del cuadro de herramientas.

Para visualizar el cuadro de herramientas cuando este oculto, en el men Ver

haga clic en cuadro de herramientas.

de la barra de

Para cambiar de lugar el cuadro de herramientas:

o

Haga clic con el botn derecho en la barra de ttulos del cuadro de

herramientas y, a continuacin, haga clic en Flotante.

Arrastre el cuadro de herramientas a la posicin deseada.

1.5 Ventana de propiedades

La ventana de propiedades muestra una lista de las propiedades de los controles lo que
facilita la configuracin de valores o propiedades del control seleccionado; las cuales se
pueden modificar mientras se crea o se edita una aplicacin. Una propiedad describe las
caractersticas de un objeto, como tamao, ttulo, color, etc.
Para visualizar la ventana de propiedades se puede realizar una de las siguientes
operaciones:
o

Hacer clic en Ventana Propiedades en el men Ver o pulse la tecla F4.

16

Hacer clic en el objeto para seleccionarlo, pulsar el botn secundario del mouse y
seleccionar propiedades.

Figura 1.7 Cuadro de propiedades.

Algunos controles, documentos y formularios muestran un gran nmero de

propiedades en la ventana Propiedades., Esto puede dificultar la localizacin de la
propiedad que se desea establecer. La ventana Propiedades permite seleccionar las
propiedades de un formulario o control en una vista ordenada por categoras en lugar de
una vista alfabtica, segn sea el caso se puede realizar lo siguiente:
o

Para visualizar las propiedades por categoras: Haga clic en el botn Por
categoras
de la ventana Propiedades. Las propiedades para el formulario o
control seleccionado se dividirn en categoras definidas por el control.

Para visualizar las propiedades de una categora: se expande el nodo

de la
propiedad El signo ms (+) permite expandir la propiedad y el signo menos (-)
contraer la propiedad.

Para visualizar las propiedades alfabticamente, haga clic en el botn Alfabtico

de la ventana de propiedades.

1.6 Explorador de soluciones

El explorador de soluciones
permite visualizar archivos, realizar tareas de
administracin de archivos en una solucin o en un proyecto. Una nica solucin
basada en Visual Basic .NET y sus proyectos aparecen en una lista jerrquica que
proporciona informacin actualizada sobre el estado de la solucin, los proyectos y los
archivos. Una solucin es un contenedor para proyectos y elementos de solucin que
pueden incluirse en una aplicacin. Normalmente, una solucin contiene uno o ms
proyectos relacionados. Un proyecto es un contenedor dentro de una solucin que se
utiliza para administrar, generar y depurar lgicamente los elementos del (os) proyecto
(s) que constituyen la aplicacin.

17

Para abrir el explorador de soluciones, en el men Ver haga clic en explorador

de soluciones. Aparecer una ventana en la esquina superior derecha del rea de
desarrollo. Se puede mover y cambiar el tamao de esta ventana mediante la
funcionalidad estndar de arrastrar y soltar.
Figura 1.8 Ventana Explorador de soluciones.

Para mostrar todos los archivos, en la barra de herramientas del explorador de

soluciones haga clic en Mostrar todos los archivos.
archivos creados manualmente o durante la compilacin.

, esta opcin permite ver los

Visual Studio .NET soporta numerosos tipos de archivos y sus extensiones de

archivo asociadas. La siguiente tabla describe algunos tipos de archivos habituales
especficos para las soluciones basadas en Visual Basic .NET.
Tabla 1.2 Tipos de Archivos en Visual Basic .NET.
Extensin

Nombre

Descripcin

.sln

Solucin
Visual Studio

Organiza proyectos, elementos de proyectos y

elementos de soluciones en una solucin
proporcionando al entorno referencias a sus
ubicaciones en disco.

.suo

Solution
options

Registra todas las opciones que se pueden

asociar a una solucin de forma que cada vez
que
abra
la
solucin
incluya
las
personalizaciones que se hallan realizado.

.vb

Proyecto
Visual Basic

user

Representa los archivos de formularios,

controles de usuario, clases y mdulos que
pertenecen a la solucin de un solo proyecto.
Los archivos que no estn basados en un
lenguaje de programacin tienen su propia
extensin. Por ejemplo, un archivo Crystal
Report tiene la extensin .rpt y un archivo de

18

texto tiene la extensin .txt.

.vbproj

Proyectos
Visual Basic

Representa los archivos de formularios,

controles de usuario, clases y mdulos que
pertenecen a la solucin con mltiples
proyectos. Esta extensin permite diferenciar
entre archivos escritos en Visual Basic .NET y
otros lenguajes compatibles con .NET. (Visual
C# utiliza .csproj.)

.aspx .asmx
.asax

Elementos de
proyecto Web

Los elementos de proyectos Web incluyen

archivos Web especficos como: .aspx para
Web Forms, .asmx para servicios Web XML y
.asax para clases globales de aplicaciones.
Los proyectos Web tambin utilizan la
extensin .vb para clases y mdulos.

1.7 Diseador formulario Windows (Windows Forms)

Cuando se inicia un proyecto en Visual Basic .NET el diseador de formulario de
Windows (Windows Forms) se abre en vista diseo (un formulario tiene vista diseo
cundo se inicia el proyecto y modo de ejecucin cuando se ejecuta la aplicacin),
mostrndose el formulario Form1 del proyecto. En dicho formulario se pueden ubicar
los controles u objetos necesarios para la aplicacin arrastrndolos desde el cuadro de
herramientas para crear la interfaz de usuario. El formulario predeterminado contiene
los elementos mnimos utilizados por la mayora de formularios: barra de ttulo, cuadro
de control y los botones minimizar, maximizar y cerrar.
Figura 1.9 Formulario Windows.

Para visualizar un formulario en vista diseo se puede realizar siguiente:

o

En el explorador de soluciones

, hacer doble clic en el formulario.

En el Explorador de soluciones
en el botn Ver Diseador

, seleccionar el formulario, hacer clic

de la barra de herramientas.

19

Visual Studio .NET proporciona un editor de cdigo que permite escribir y

modificar el cdigo del proyecto. Se puede asociar cdigo directamente al formulario o
a los controles del proyecto; tambin se puede ubicar el cdigo en un mdulo. Para
visualizar el editor de cdigo se puede realizar lo siguiente:
Seleccionar el control, hacer clic con el botn derecho y seleccionar Ver cdigo.
Dar doble clic sobre el control seleccionado

Si por ejemplo lo que se selecciona es un formulario se puede realizar lo siguiente:

1. En el explorador de soluciones haga clic en el formulario del que desea visualizar
el cdigo.
2. En la barra de herramientas del explorador de soluciones haga clic en el botn
Ver cdigo

O
1. Seleccione el formulario y en el men Ver, haga clic en Cdigo.
2. Seleccione el formulario y pulse la tecla F7.

Figura 1.10 Editor de cdigo.

El editor de cdigo contiene dos listas desplegables en la parte superior de la

ventana: Nombre de clase a la izquierda y Nombre de mtodo a la derecha. La lista
Nombre de clase muestra todos los controles asociados al formulario. Si se d clic en el
nombre de un control, en la lista Nombre de mtodo se muestra todos los eventos de
dicho control (los eventos son acciones que se realizan sobre el control y que la
aplicacin puede interpretar). Utilizando las listas Nombre de clase y Nombre de
mtodo conjuntamente se puede localizar y editar rpidamente el cdigo de la
aplicacin.

20

2. UN PRIMER PROYECTO VISUAL BASIC .NET

Crear una aplicacin en Visual Basic .NET requiere de unos pasos muy sencillos como
son: iniciar un nuevo proyecto Visual Basic .NET, crear la interfaz del usuario,
establecer las propiedades de los objetos, escribir el cdigo, guardar la aplicacin y
ejecutar el proyecto.
2.1 Iniciar un nuevo proyecto Visual Basic .NET
En la ventana inicial Visual Basic .NET proporciona herramientas para desarrollar una
solucin a un problema especfico. Lo primero que se debe tener claro son las
necesidades del usuario y el conjunto de caractersticas que se requieren en la aplicacin
(referirse al captulo 1).
2.2 Ejemplo prctico
Como primer ejemplo se dar solucin a una necesidad de un usuario. Este requiere un
programa donde pueda capturar un nombre, la edad y que estos datos los pueda
visualizar en una ventana de mensajes. Para esto se deben realizar los siguientes
pasos:
1. Abrir Visual Studio .NET.
2. En el men Archivo seleccionar Nuevo, a continuacin hacer clic en Proyecto.
3. En el panel Tipos de proyecto hacer clic en Proyectos de Visual Basic. En el panel
Plantillas hacer clic en Aplicacin para Windows.
4. En el cuadro Nombre escriba PrimerPrograma.
5. Dar clic en Examinar, buscar la carpeta en donde se quiere crear el nuevo proyecto y a
continuacin haga clic en Abrir, luego d clic en el botn Aceptar.

A continuacin se visualizar la siguiente figura:

Figura 2.1 Pantalla proyecto PrimerPrograma.

21

2.3 Crear la interfaz de usuario

Para crear la interfaz de usuario de la aplicacin en primer lugar se deben ubicar los
controles necesarios en un formulario desde el cuadro de herramientas. Para este caso se
disear la interfaz de usuario utilizando los siguientes controles: 2 Label (permite
colocar texto descriptivo no editable), 2 TextBox (permite mostrar o aceptar como
entrada una sola lnea de texto) y 1 Button (representa un control botn de Windows).
Para aadir controles a un formulario se pueden seguir los siguientes pasos:
1. Si el cuadro de herramientas no est abierto, en el men Ver haga clic en Cuadro de
herramientas.
2. En el cuadro de herramientas haga clic en el control que desea aadir al formulario y
arrstrelo a la ubicacin deseada en el formulario.

Los siguientes pasos permiten:

1. Cambiar la posicin de un control: Hacer clic en el mismo para seleccionarlo y
arrastrarlo a la posicin deseada en el formulario.
2. Cambiar el tamao de un control: Hacer clic en el control para seleccionarlo,
mantenerlo pulsado y arrastrar uno de los extremos de ajuste del tamao hasta que el
control tenga el tamao deseado y soltar el botn del mouse.

Cuando existen varios controles del mismo tipo estos se enumeran en el mismo
orden en que son colocados (nombre del control ms numero del consecutivo). La
interfaz de usuario del ejemplo se muestra en la siguiente figura:
Figura 2.2 Prepantalla de la interfaz de usuario.

2.4 Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos a un formulario, se puede establecer sus
propiedades en la ventana Propiedades o en el Editor de cdigo.
Para modificar las propiedades se selecciona el control en el formulario y se

22

cambia su configuracin en la ventana Propiedades, para lo cual se pueden realizar los

siguientes pasos:
1. Si la ventana Propiedades no est abierta, en el men Ver haga clic en Ventana de
propiedades.
2. Haga clic en el control para el que desea establecer una propiedad.
3. En la ventana Propiedades seleccione la propiedad y establezca el valor deseado.

Para el caso del ejemplo establezca las siguientes modificaciones en la propiedad

correspondiente a cada uno de los siguientes controles:
Tabla 2.1 Propiedades de los controles de la aplicacin PrimerPrograma.
Control
Label1

Label2

Textbox1
Textbox2
Button1
Form1

Propiedad
Name
Text
BorderStyle
Font
ForeColor
Name
Text
BorderStyle
Font
ForeColor
Name
Text
Name
Text
Name
Text
Name
Text
BackColor

Valor
txtnombre
Nombre :
Fixedsimple
Negrita
red (rojo)
txtedad
Edad:
Fixedsimple
Negrita
red (rojo)
camponombre
En blanco
campoedad
En blanco
boton
Visualizar
formulario
Mi primer programa
Amarrillo

La interfaz de usuario con las modificaciones respectivas en las propiedades de

cada control queda como se muestra en la siguiente figura:
Figura 2.3 Pantalla final de la interfaz de usuario.

23

2.5 Escribir cdigo

Una vez se hayan establecido las propiedades iniciales del formulario y sus objetos, se
puede agregar el cdigo que se ejecutar en respuesta a un evento especfico de cada
control. Los eventos ocurren cuando se realizan diferentes acciones sobre un control u
objeto. Por ejemplo, el evento Clic de un botn tiene lugar cuando un usuario hace clic
sobre l con el mouse. Por lo general en las aplicaciones es necesario escribir cdigo
para lograr el objetivo de dar solucin al problema planteado por el usuario.
Para escribir cdigo que se ejecute en un evento determinado de un control se
debe realizar los siguientes pasos:
1. Seleccionar el control en el que se desea escribir cdigo.
2. En el men Ver haga clic en la opcin Cdigo para abrir el Editor de cdigo o doble
clic sobre el control.
3. En la lista Nombre de mtodo haga clic en el evento deseado para abrir su gestor de
eventos en el Editor de cdigo. El Editor de cdigo muestra las sentencias de
programacin que marcan el inicio (Sub) y el final (End Sub) del procedimiento del
evento en particular.
4. Escriba el cdigo entre los puntos inicial y final del cuerpo del procedimiento.

Para el caso del ejemplo seleccione el objeto Button llamado boton y abra el
editor de cdigo, la figura muestra el editor de cdigo del control
Figura 2.4 Editor de cdigo del objeto boton.
Public Class Form1
Private Sub boton_Click(ByVal sender As [Link], ByVal e As
[Link]) Handles [Link] { inicio del procedimiento
..
.
,,,,,,,,,,,,,,,,,,
End Sub } final del procedimiento
End Class

Ahora escriba el siguiente cdigo:

Msgbox(Hola & [Link] & T tienes: & [Link] & aos de edad)

El editor de cdigo quedara de la siguiente forma:

Figura 2.5 Cdigo Visual Basic escrito en el editor de cdigo del objeto boton.
Private Sub boton_Click(ByVal sender As [Link], ByVal e As [Link])
Handles [Link]
Msgbox (Hola & [Link] & T tienes: & [Link] & aos de edad)
End Sub

En el anterior cdigo se utiliza la funcin predeterminada MsgBox que permite

visualizar un cuadro de mensajes. La funcin muestra la etiqueta Hola, el contenido
de la propiedad Text del objeto camponombre unido por el operador de concatenacin
24

de cadenas (&), adems se muestra la etiqueta T tienes: y el valor de la propiedad

Text del control campoedad concatenado con la etiqueta aos de edad.
2.6 Guardar la aplicacin
Una vez finalizada la creacin de la aplicacin, se debe guarda la aplicacin dentro del
entorno de desarrollo para asegurar que todos los cambios realizados se almacenen, esto
se puede realizar de la siguiente forma:
En el men Archivo, haga clic en Guardar todo.
O d clic en el icono

de la barra de herramientas

2.7 Ejecutar el proyecto

Para ejecutar el proyecto en el entorno de desarrollo de Visual [Link], se debe
realizar lo siguiente:
1. Haga clic en el botn Iniciar
de la barra de herramientas estndar. Tambin puede
presionar F5 para ejecutar el proyecto. Si la aplicacin se ejecuta sin errores,
aparecer una versin ejecutable del formulario.
2. Cuando termine de ejecutar la aplicacin se debe cerrar el formulario para regresar al
entorno de programacin.

Al ejecutarse y digitar los textos respectivos y pulsar el boton Visualizar, se

mostrar la siguiente figura:
Figura 2.6 Ejecucin de la aplicacin PrimerPrograma.

25

2.8 Generar un archivo ejecutable para el proyecto

Cuando se ejecuta un proyecto o solucin, automticamente se crea un archivo
ejecutable (.exe) en la carpeta nombre_carpeta_proyecto\bin (en el caso del ejercicio
el nombre de la carpeta es PrimerPrograma\bin). En el men Generar en la opcin
Configuracin de la solucin, existen dos opciones de configurar las soluciones
activas: Si se selecciona en la lista Debug, se crear un segundo archivo .exe en la
carpeta nombre_carpeta_proyecto\obj\Debug; Si se selecciona Release, el segundo
archivo .exe se crear en la carpeta nombre_carpeta_proyecto\obj\Release. Otra
forma de generar un archivo ejecutable es seleccionar en el men Generar la opcin
Generar solucin.
Para ejecutar la aplicacin PrimerPrograma desde el sistema operativo
Windows, existen dos formas de hacerlo: la primera es utilizando el comando Ejecutar
del men Inicio y buscar el archivo [Link] que se encuentra en la
carpeta PrimerPrograma\bin. La segunda forma es realizar la bsqueda de la carpeta
PrimerPrograma\bin utilizando el explorador de Windows y dar doble clic en el
nombre del archivo [Link] para ejecutarlo.
2.9 Guardar, cerrar el proyecto PrimerPrograma y salir de Visual Studio .NET
Para guardar y cerrar el proyecto PrimerPrograma o cualquier otro proyecto y a la vez
salir de Visual Studio. NET se pueden realizar los siguientes pasos:
1. En el men Archivo, hacer clic en la opcin Salir.
2. Si al realizar el primer paso se muestra la figura 2.7 se debe dar clic en S para guardar
todos los cambios que se hayan realizado en la aplicacin. Si por el contrario no desea
guardar los cambios que se realizaron en la aplicacin d clic en No.

Figura 2.7 Guardar y cerrar la aplicacin PrimerPrograma.

26

2.10 Abrir y ejecutar una aplicacin existente en Visual Basic .NET

Para volver a abrir la aplicacin PrimerPrograma o cualquier otra aplicacin existente
se deben realizar los siguientes pasos:
1. Abrir Visual Studio .NET. Si Visual [Link] ya est abierto, en el men Archivo
haga clic en Cerrar solucin para cerrar todas las soluciones abiertas.
2. Si en la pantalla inicial de Visual Studio .NET se visualiza el nombre del proyecto que
se desea abrir haga doble clic para abrir la aplicacin. Si por el contrario no se visualiza
la aplicacin en el men Archivo, seleccione Abrir y a continuacin haga clic en
Proyecto.
3. Busque la carpeta PrimerPrograma y seleccione el archivo [Link] y
pulse la opcin Abrir, para abrir la aplicacin en el entorno de desarrollo de Visual
Basic .NET.

27

3. FUNDAMENTOS DE VISUAL BASIC .NET

3.1 Variables
Una variable es un espacio de memoria para almacenar un valor de un determinado
tipo de dato dentro de un programa. El valor de la variable puede ser modificado
durante la ejecucin del programa. El nombre de la variable puede contener letras,
nmeros, etc., los nombres de las variables deben aportar informacin que permita
identificar el tipo de informacin que se va a almacenar. Para declarar una variable se
utiliza la sentencia Dim. El formato de la declaracin de variables es:
Dim nombre_variable As tipo_de_dato

Despus de declarar el tipo de variable, se le puede asignar un valor inicial de la

siguiente forma:
nombre_variable= valor_inicial

Tambin es posible declarar una variable en el siguiente formato:

Dim nombre_variable As tipo_de_dato = valor_inicial

Las variables pueden ser locales o globales. Las variables locales son aquellas que se
crean dentro de un bloque especfico de programacin y se destruirn al finalizarse el
bloque de programacin.
Ejemplo
Private Sub funcion ()
Dim var_local As Integer (variable local)
var_local=10

End Sub

Las variables globales son aquellas que pueden ser modificadas desde cualquier punto
de un programa.
Ejemplo variable global
Public Class variables
Public var_global As Integer (variable global)
Private Sub funcion1 ()
Dim var_local As Integer
var_global=10 (valor modificado en la funcion1 ())

End Sub
Private Sub funcion2 ()
Dim var_local As Integer
var_global=20 (valor modificado en la funcion2 ())

.
End Sub
:::::::::

End Class

28

3.2 Constantes
Son variables que permanecen constantes durante el desarrollo del programa. Existen
constantes numricas, de carcter, lgicas, etc. El formato de la declaracin de una
variable constante es:
Const nombre_variable= valor_constante

3.3 Tipos de datos

Un tipo de dato define todo el posible rango de valores que una variable puede tomar al
momento de ejecucin del programa y a lo largo de toda la vida til del propio
programa. Para seleccionar un tipo de dato en un programa se debe tener en cuenta el
que mejor se adapte a los datos. Por ejemplo, si un programa necesita almacenar valores
entre -20000 y 30000 los tipos de datos que se podran utilizar serian short, long,
Integer. Si utiliza el tipo de dato short la aplicacin utilizara menos memoria para
almacenar el valor de la variable. A continuacin se presenta la tabla con los tipos de
datos que soporta Visual Basic .NET y su respectivo tamao.
Tabla 3.1 Tipos de datos de Visual Basic .NET.
Tipo
Boolean
Byte
Char
DateTime
Decimal
Double
Integer
Long
Short
String

Valores
Representa un valor verdadero (true) o
falso (false)
Representa un valor de 8 bits en un rango
entre 0 y 255
Representa un carcter de 16 bits
Representa un valor de fecha y hora
Representa un valor de 28 dgitos
significativos
Representa un valor en coma flotante de
64 bits
Representa un valor entre un rango de +2,147,483,698
Representa un valor entre un rango de +[Link].854.775.807
Representa un valor entre un rango de +32.677
Cadena de caracteres

Tamao
2 bytes
1 byte
2 bytes
8 bytes
12 bytes
8 bytes
4 Bytes
8 Bytes
2 Bytes
0 a 2 billones de caracteres

3.4 Ejemplo prctico tipos de datos

Realizar una aplicacin que permita a un usuario visualizar en cajas de texto los
diferentes tipos de datos cuando se pulse un botn llamado Tipos de Datos. Adems
poder salir de la aplicacin utilizando un botn Salir.
Iniciar un nuevo proyecto Visual Basic .NET
1. En el men Archivo, seleccione Nuevo y a continuacin haga clic en Proyecto.
2. En el panel Tipos de proyecto, haga clic en Proyectos de Visual Basic. En el panel
Plantillas haga clic en Aplicacin para Windows.

29

3. En el cuadro Nombre, escriba TiposdeDatos.

4. Haga clic en Examinar, busque la carpeta donde quiera crear el nuevo proyecto y a
continuacin haga clic en Abrir, luego haga clic en el botn Aceptar.

Crear la interfaz de usuario.

Utilizando el cuadro de herramientas haga clic en el control especfico y ubique los
siguientes controles en el formulario en la posicin deseada: 10 Label, 10 TextBox, 2
Button. La figura 3.1., muestra la interfaz de usuario para la aplicacin TiposdeDatos.
Figura 3.1 Interfaz de usuario (tipos de datos).

Establecer las propiedades de los objetos del interfaz de usuario

Despus de colocar los controles u objetos a un formulario, se puede establecer o
modificar sus propiedades en la ventana Propiedades o en el Editor de cdigo.
Para modificar las propiedades se selecciona el control en el formulario y se
cambia su configuracin en la ventana Propiedades. Para el caso del ejemplo,
establezca las modificaciones a los controles que se muestran en la tabla 3.2.:
Tabla 3.2 Propiedades de los controles de la aplicacin TiposdeDatos.
Control
Label1
Label2
Label3
Label4

Propiedad
Name
Text
Name
Text
Name
Text
Name

Valor
lblboolean
Boolean:
Byte:
lblchar
Char:
lblfechora

30

Label5
Label6
Label7
Label8
Label9
Label10
TextBox1TextBox10
Button1
Button2
Form1

Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text

Fecha/Hora:
lbldecimal
Decimal:
lbldouble
Double:
lblinteger
Integer:
lbllong
Long:
lblshort
Short:
lblstring
String:
Txtcampo1txtcampo10
En blanco
boton
Tipos de Datos
botonsalir
Salir
formulario
Tipos de datos en Visual
Basic .NET

Escribir cdigo
Una vez se hayan establecido las propiedades iniciales del formulario y sus objetos, se
puede agregar el cdigo que se ejecutar en respuesta a eventos.
Para escribir cdigo que se ejecute en un evento determinado de un control, realice lo
siguiente:
1. En el explorador de soluciones, seleccione el control para el que desea escribir
cdigo.
2. Escriba el cdigo entre los puntos inicial y final del cuerpo del procedimiento.

Para el ejemplo, seleccione el objeto boton y abra el editor de cdigo, la figura 3.4
muestra el editor de cdigo del control.
Figura 3.2 Editor de cdigo del control Button 1 de la aplicacin TiposdeDatos.
Public Class formulario
Private Sub boton_Click(ByVal sender As [Link], ByVal e As [Link])
Handles [Link]
.
.
,,,,,,,,,,,,,,,,,,
End Sub
End Class

Entre Sub y End Sub escriba el siguiente cdigo:

Dim boleana As Boolean = False
Dim bytes As Byte = 101
Dim caracter As Char = "a"

31

Dim fechas_hora As Date

Dim con_decimal As Decimal = 10.23
Dim entera As Integer = 32000
Dim doble As Double = 63528457
Dim larga As Long = 100258479
Dim corta As Short = 27000
Dim cadena As String = "hola mi gente"
[Link] = boleana
[Link] = bytes
[Link] = caracter
[Link] = fechas_hora
[Link] = con_decimal
[Link] = doble
[Link] = entera
[Link] = larga
[Link] = corta
[Link] = cadena

En el anterior cdigo se definen las diferentes variables determinando el tipo de

dato que almacenarn respectivamente. Adems se inicializan las variables con los
valores apropiados para cada tipo de dato. La variable fechas_hora es la nica que no
es inicializada, en dicha variable se almacenar los valores predeterminados de tipo
Date del sistema operativo. Por ltimo se le asigna a la propiedad Text de cada control
txtcampo110 la respectiva variable. Cuando el usuario pulse el botn Tipo de Datos
en tiempo de ejecucin se mostrar en cada cuadro de texto el valor respectivo de la
variable que ha sido asignada.
Despus seleccione el objeto Salir, abra el editor de cdigo y escriba el siguiente
cdigo:
End

En el anterior cdigo se utiliza la instruccin End que permite detener la

ejecucin de una aplicacin. Visual Basic .NET dispone de varias palabras reservadas
que no pueden ser utilizadas como variables, este tema que ser tratado ms adelante.
Guardar la aplicacin
Una vez finalizada la creacin de la aplicacin, se guarda dentro del entorno de
desarrollo para asegurarnos de se almacenen los cambios realizados en los diferentes
objetos que contiene la aplicacin, esto lo puede realizar de la siguiente forma:
En el men Archivo, d clic en Guardar todo.
O haga clic en el icono

de la barra de herramientas

Ejecutar el proyecto
Para ejecutar el proyecto en el entorno de desarrollo de Visual [Link] se debe
realizar lo siguiente:
Haga clic en el botn Iniciar de la barra de herramientas estndar. Tambin
puede presionar F5 para ejecutar el proyecto. Si la aplicacin se ejecuta sin
errores aparecer una versin ejecutable de la aplicacin. Al pulsar el botn
Tipos de Datos se visualizar la siguiente figura:
32

Figura 3.3 Ejecucin aplicacin TiposdeDatos.

Si desea salir de la aplicacin pulse el botn Salir para regresar al entorno de

programacin.
3.5 Operadores y Expresiones
Los operadores son smbolos que indican cmo se operan los datos. Se clasifican en:
aritmticos, relacionales, lgicos y de asignacin. Las expresiones son combinaciones
de constantes, variables, smbolos de operaciones, parntesis.
3.5.1 Operadores aritmticos
Se utilizan para crear expresiones aritmticas, estas pueden resultar de la unin de
variables o constantes con operadores.
Tabla 3.3 Operadores aritmticos.

Operadores de Visual
Basic .NET
Suma
Resta
Multiplicacin
Divisin
Divisin entera
Residuo
Exponenciacin

Operador

Expresin

+
*
/
\
mod
^

numero1 +numero2
numero1 numero2
Numero1 * numero2
Numero1 / numero2
Numero1 \ numero2
numero1 mod numero2
Numero1 ^ numero2

33

3.5.2 Operadores relacionales

Se utilizan para la toma de decisiones que se deban realizar en un programa.
Tabla 3.5 Operadores relacionales.

Operadores
Relacionales
Mayor que
Mayor o igual que
Menor que
Menor o igual que
Diferente
Igual a

Operador

Expresin

>
>=
<
<=
<>
=

variable1>variable2
variable1>=variable2
variable1<variable2
variable1<=variable2
variable1<>variable2
variable1=variable2

3.5.3 Operadores lgicos

Al igual que los operadores de relacin se utilizan para la toma de decisiones.
Tabla 3.6 Operadores lgicos.
Operadores
lgicos

Operador

And

Tambin Y

AndAlso

Or

Tambin O

OrAlso

Negacin

Not

Xor

Expresin
Es verdadero, si al evaluar
cada uno de los operandos el
resultado es verdadero, si uno
de los operandos es falso el
resultado ser falso.
Es falso, si al evaluar el
primer operando el resultado
es falso, el segundo operando
no es evaluado.
Es falso, si al evaluar cada
uno de los operandos el
resultado es falso, si uno de
los operandos es verdadero el
resultado ser verdadero.
Es verdadero, si al evaluar el
primer operando el resultado
es verdadero, el segundo
operando no es evaluado.
El resultado de aplicar este
operando es falso si al
evaluar su operando el
resultado es verdadero, y
verdadero en caso contrario.
Da como resultado verdadero,
si al evaluar cada uno de los
operando uno de ellos es
verdadero y el otro falso, caso
contrario es falso.

34

3.6 Ejemplo prctico operadores aritmticos

Realizar una aplicacin que permita a un usuario visualizar en cajas de texto las
operaciones aritmticas bsicas cuando se pulse un botn llamado Operadores
Aritmticos.
Iniciar un nuevo proyecto Visual Basic .NET
1. En el men Archivo, seleccione Nuevo y a continuacin haga clic en Proyecto.
2. En el panel Tipos de proyecto, haga clic en Proyectos de Visual Basic. En el panel
Plantillas, haga clic en Aplicacin para Windows.
3. En el cuadro Nombre, escriba OperadoresAritmeticos
4. Haga clic en Examinar, busque la carpeta donde quiera crear el nuevo proyecto y a
continuacin haga clic en Abrir, luego haga clic en Aceptar.

Crear la interfaz de usuario

Utilizando el cuadro de herramientas haga clic en el control especfico y ubique los
siguientes controles en el formulario en la posicin deseada: 7 Label, 7 TextBox, 2
Button.
Establecer las propiedades de los objetos de la interfaz de usuario
Despus de colocar los controles u objetos en el formulario, se establecen las
propiedades en la ventana Propiedades o en el Editor de cdigo.
Para el caso del ejemplo establezca las siguientes modificaciones a los controles:
Tabla 3.4 Propiedades de los controles del proyecto Operadores Aritmticos.
Control
Label1
Label2
Label3
Label4
Label5
Label6
Label7
TextBox1TextBox7
Button1
Button2
Form1

Propiedad
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text

Valor
lblsuma
Suma
lblresta
Resta:
lblmultiplicacion
Multiplicacin
lbldivision
Divisin
lbldiventera
Divisin Entera
lblresiduo
Residuo
lblexponeniacion
Exponenciacin
txtcampo1txtcampo7
En blanco
boton
Operadores Aritmticos
Botonsalir
Salir
formulario
Operadores Aritmticos
en Visual Basic .NET

35

La interfaz de usuario queda como se muestra en la siguiente figura:

Figura 3.4 Interfaz de usuario (operadores aritmticos).

Escribir cdigo
Una vez se hayan establecido las propiedades iniciales del formulario y sus objetos, se
puede agregar cdigo que se ejecute en respuesta a eventos.
Para escribir cdigo que se ejecute en un evento determinado de un control, realice
lo siguiente:
1. En el explorador de soluciones, seleccione el control para el que desea escribir
cdigo.
2. Escriba el cdigo entre los puntos inicial y final del cuerpo del procedimiento.

Seleccione el objeto botn, abra el editor de cdigo y escriba el siguiente cdigo:

Dim valor_uno, valor_dos As Integer
valor_uno=8
valor_dos=5
[Link] = valor_uno + valor_dos
[Link] = valor_uno - valor_dos
[Link] = valor_uno * valor_dos
[Link] = valor_uno / valor_dos
[Link] = valor_uno \ valor_dos
[Link] = valor_uno mod valor_dos
[Link] = valor_uno ^ valor_dos

En el anterior cdigo se definen las variables valor_uno y valor_dos de tipo

Integer. Luego en dichas variables se almacenan los valores 8 y 5 respectivamente.
Tambin se le asigna una operacin aritmtica en la propiedad Text de cada caja de
texto. Cuando el usuario pulse el botn en tiempo de ejecucin mostrar en cada cuadro
de texto el valor respectivo de la operacin que le fue asignada.
36

Ejecutar el proyecto
Para ejecutar el proyecto en el entorno de desarrollo de Visual [Link] se debe
realizar lo siguiente:
Haga clic en el botn Iniciar
de la barra de herramientas estndar. Tambin puede
presionar F5 para ejecutar el proyecto. Si la aplicacin se ejecuta sin errores,
aparecer una versin ejecutable del formulario y al pulsar el botn Operadores
Aritmticos se visualizar la siguiente figura:

Figura 3.5 Ejecucin aplicacin Operadores Aritmticos.

3.7 Palabras clave

Las palabras clave son identificadores predefinidos que tiene significado especial para
el compilador de Visual Basic .NET. Por lo tanto, una variable o constante definida por
el usuario no puede tener el mismo nombre de una palabra clave. Las palabras clave de
Visual Basic .NET se muestran en la siguiente tabla:
Tabla 3.7 Palabras Clave.
AddHandler
Ansi
ByRef
Match
CDec
CLng
CStr
Default
Double
Enum
False
Get
Implements
Interface

AddressOf
As
Byte
CBool
CDbl
CObj
CType
Delegate
Each
Erase
Finally
GetType
Imports
Is

Palabras Clave
ndAlso
Assembly
Byval
CByte
Char
Const
Date
Dim
Else
Error
For
GoTo
In
Lib

Alias
Auto
Call
CChar
CInt
CShort
Decimal
DirectCast
ElseIf
Event
Friend
Handles
Inherits
Like

And
Boolean
Case
Cdate
Class
CSng
Declare
Do
End
Exit
Function
If
Integer
Long

37

Loop
MustOverride
Next
Object
OrElse
RaiseEvent
Resume
Shared
Stop
Then
Typeof
UIT

Me
MyBase
Not
On
Private
ReadOnly
Return
String
Short
Throw
Unicote
WithEvents

Mod
MyClass
Nothing
Option
Property
ReDim
Select
Structure
Single
To
Until
WriteOnly

Module
Namespace
NotInhertable
Optional
Protected
Rem
Set
Static
Sub
True
When
Xor

MustInherit
New
NotOverridable
Or
Public
RemoveHandler
Shadows
Step
SyncLock
Try
While

38

4. ESTRUCTURAS DE CONTROL
Los programas vistos anteriormente son sencillos y lineales, donde se ejecutan las
instrucciones una tras otra. Sin embargo, en los programas generalmente se necesita
hacer cosas distintas dependiendo del estado de las variables o realizar un mismo
proceso muchas veces sin escribir la misma lnea de cdigo una y otra vez.
Para realizar programas ms complejos se utilizan las estructuras de control,
como son la de toma de decisiones y los ciclos repetitivos.
4.1 Toma de decisiones
Al tener programas ms complejos es necesario que se evalen algunos resultados para
determinar qu proceso u operacin se debe ejecutar. Existen palabras clave de Visual
Basic .NET que permiten tomar estas decisiones como son: if (si), if-else (si-sino),
select - case (seleccionar un caso).
4.1.1 Sentencia If (Si)
Representa una toma de decisin sencilla, es decir si la condicin que se evala es
verdadera se realizan las instrucciones que pertenezcan al If y continuar con el resto
del programa. Si la condicin es falsa no entrar al If y por consiguiente todas las
instrucciones que estn en el If no se ejecutarn. Cada vez que se utilice un If se debe
finalizar con EndIf. Su formato es:
1) If (condicin) Then
Instruccin(es) a ejecutarse si la condicin es verdadera
Endif
Resto del programa

Si la condicin del If es verdadera se realiza la instruccin y contina con el

resto del programa.
2) If (condicin) Then
Resto del programa

Instruccin a ejecutarse si la condicin es verdadera

Si la condicin del If es verdadera y se requiere realizar solo una instruccin no

es necesaria la finalizacin del If.
.

3) If (condicin) Then
Instruccin(es) a ejecutarse si la condicin es verdadera
If (condicin) Then
Instruccin(es) a ejecutarse si la condicin es verdadera
Endif
Endif
Resto del programa

Se pueden anidar varios If, es decir, uno entre otro. Para ingresar cada vez al If
ms interno es necesario que la condicin sea verdadera.

39

Tambin se pueden utilizar los operadores lgicos (and, andalso, or, oralso, xor,
not) para concatenar varias condiciones. Si se utiliza el operador lgico And, cada una
de las condiciones debe ser verdadera para que ingrese al If y se ejecuten las
instrucciones. En el caso del operador Or, si una de las condiciones es verdadera
ingresar al If y ejecutar las instrucciones.
4) If (condicin1 and condicion2) Then
Instruccin(es) a ejecutarse si las condiciones son verdaderas
Endif
Resto del programa

If (condicin1 or condicion2) Then

Instruccin(es) a ejecutarse si las condiciones son verdaderas
Endif
Resto del programa

Adems de utilizar los operadores lgicos, tambin se pueden utilizar los

operadores relaciones (<, >, >=, <=, <>), con el fin de evaluar una o ms variables para
determinar su valor verdadero para que ingrese al If y se ejecuten las instrucciones
correspondientes.
5) If (condicin1 > condicion2) Then
Instruccin(es) a ejecutarse si las condiciones son verdaderas
Endif
Resto del programa

If (condicin1 > condicion2 and condicion1 > condicion3) Then

Instruccin(es) a ejecutarse si las condiciones son verdaderas
Endif
Resto del programa

4.1.2 Sentencia If- Else (Si - Sino)

Es una estructura compuesta que evala una condicin. Si esta es verdadera realizar las
instrucciones contenidas en el If, en caso contrario ingresar por el Else. El programa
solo tomar una de las dos alternativas y continuar con el resto del programa. Su
formato es el siguiente:
If (condicin) Then
Instruccin(es) a ejecutarse si la condicin es verdadera
Else
Instruccin(es) a ejecutarse si la condicin es falsa
Endif
Resto del programa

Como en el caso de la toma de decisin simple tambin se puede utilizar los

operadores lgicos y relaciones, adems se pueden anidar varios If Else.
4.1.3 Select case (Seleccionar caso)
Es una toma de decisin con varias opciones, esto es, segn sea el valor (entero o
caracter) de una variable escoger un caso entre varias alternativas. Su formato es:

40

Select (variable)
Case expresion1
instrucciones1
Case expresion2
instrucciones2
...
...
Case Else:
instruccionesN
EndSelect

Cuando se ejecuta Select, se evala la variable y se busca el primer Case que

incluya el valor evaluado. Si no existe un valor igual a la variable se ejecut la (s)
instruccin (es) a continuacin del Case Else, si se ha especificado.
La expresin1, expresion2expresinN representan una lista de expresiones
que pueden tener cada Case y se puede expresar de las siguientes formas:
Case
Case
Case
Case
Case
Case
Case

Is <y
variable < y
3
variable =3
y to 10 variable = y, y+1,..,10
3, x
variable = 3, x
-5, w To 5
variable = -1, w, w+1.,5
dato, DATO variable =dato, DATO
Is >=200
variable >=200

4.1.4 Ejemplo prctico toma de decisiones

Realizar una aplicacin que permita a un usuario capturar tres valores enteros en cajas
de texto y visualizar en dos etiquetas el valor mayor y el valor menor digitado por
teclado.
NOTA: a partir de este captulo se omitirn pasos que se supone que el lector ya maneja
como son: iniciar un nuevo proyecto, escoger los controles y los pasos para ejecutar el
proyecto.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control especfico y ubique los
siguientes controles en el formulario en la posicin deseada: 5 Label, 3 TextBox, 1
Button.
Establecer las propiedades de los objetos de la interfaz de usuario
Para el caso del ejemplo establezca las siguientes modificaciones a los controles:
Tabla 4.1 Propiedades de los controles del proyecto TomadeDecisiones.
Nombre del proyecto: TomadeDecisiones
Control
Propiedad
Label1
Name
lblprimer
Text
Primer valor

Valor

41

Label2

Name
Text
Label3
Name
Text
Label4
Name
Text
Label5
Name
Text
Label6.Label7
Name
Text
TextAlign
Font
TextBox1TextBox3 Name
Text
TextAlign
Button1
Name
Text
Form1
Name
Text

lblsegundo
Segundo valor
lbltercero
Tercer valor
lblmayor
Menor valor
lblmenor
Mayor valor
txtvalor1txtvalor2
En blanco
MiddleCenter
Sans Serif, 10pt, Negrilla
txtcampo1.txtcampo3
En blanco
Center
boton
Toma de decisiones
formulario
Toma de decisiones (If-Else) en
Visual Basic .NET

La interfaz de usuario queda como se muestra en la siguiente figura:

Figura 4.1 Interfaz de usuario (toma de decisiones).

Escribir cdigo
Seleccione el objeto botn, abra el editor de cdigo y escriba el siguiente cdigo:
Dim valor_uno, valor_dos, valor_tres, mayor, menor As Integer
valor_uno = [Link]
valor_dos = [Link]
valor_tres = [Link]
If (valor_uno > valor_dos And valor_uno > valor_tres) Then
mayor = valor_uno

42

If (valor_dos < valor_tres) Then

menor = valor_dos
Else
menor = valor_tres
End If
End If
If (valor_dos > valor_uno And valor_dos > valor_tres) Then
mayor = valor_dos
If (valor_uno < valor_tres) Then
menor = valor_uno
Else
menor = valor_tres
End If
End If
If (valor_tres > valor_uno And valor_tres > valor_dos) Then
mayor = valor_tres
If (valor_uno < valor_dos) Then
menor = valor_uno
Else
menor = valor_dos
End If
End If
[Link] = mayor
[Link] = menor

En el anterior cdigo se definen las variables valor_uno, valor_dos, valor_tres,

mayor, menor de tipo Integer. Luego en dichas variables se almacenan los valores de
txtcampo1, txtcampo2, txtcampo3 respectivamente. Utilizando la sentencia de control
If se obtiene el mayor valor y se le asigna a la variable mayor. Con otra sentencia de
control If se obtiene el menor valor entre las dos variables resultantes despus de hallar
el valor mayor y se le asigna a la variable menor. Por ltimo a las etiquetas txtvalor1 y
txtvalor2 en su propiedad Text se le asigna el valor de las variables mayor y menor
respectivamente. Cuando el usuario pulse el botn en tiempo de ejecucin mostrar en
cada etiqueta el valor respectivo que le fue asignado.
Ejecutar el proyecto
Al ejecutarse el proyecto en el entorno de desarrollo de visual [Link], se visualizar
la siguiente pantalla:
Figura 4.2 Ejecucin aplicacin Toma de Decisiones.

43

4.2 Ciclos (estructuras repetitivas)

Los ciclos permiten repetir varias veces una o ms instrucciones, en Visual Basic .NET
se usan las estructuras: While, DoLoop While y For.
4.2.1 While
Sirve para repetir una secuencia de instrucciones siempre que la condicin evaluada sea
verdadera. Si al evaluarse la condicin es falsa no ingresar al ciclo y continuara con el
resto del programa. Su formato es:
While (condicin)
Instruccion(es)
End While
Resto del programa

4.2.2 DoLoop While

Existen muchas situaciones en las que se desea que un ciclo se ejecute al menos una vez
antes de comprobar la condicin de repeticin. En la estructura While si el valor de la
expresin booleana es inicialmente falso, las instrucciones del ciclo no se ejecutarn;
por ello, se necesitan otros tipos de estructuras repetitivas como Do Loop While, que
se ejecuta por lo menos una vez. Su formato es:
Do
Instruccin(es)
Loop While (condicin)

4.2.3 For
Sirve para repetir una o varias instrucciones, usando una variable que por lo general es
llamada contador; esta estructura inicializa el contador y evala su valor por medio de
una condicin, si esta es verdadera se ejecutarn las instrucciones del ciclo y aumentar
o disminuir el contador automticamente, de lo contrario se finalizar el ciclo. Su
formato es:
For variable =expresion1 To expresin2 Step expresion3
Instruccion(es)
Next

El valor de variable es inicializado con el valor que contenga expresion1. Expresion2

representa el valor final que tomara la variable. La sentencia Step es opcional, por
defecto sino existe dicha sentencia el incremento ser de uno (1), si por el contrario se
utiliza la sentencia Step se pueden realizar incrementos o decrementos diferentes de uno
(1).
4.3 Ejemplo prctico ciclos
Hacer una aplicacin que permita a un usuario capturar 10 valores enteros en un cuadro
de dilogo y visualizar en dos etiquetas el mayor y el menor valor de los 10 valores
capturados utilizando los ciclos While, DoLoop While, For.
44

Crear la interfaz de usuario

Seleccione del cuadro de herramientas los siguientes controles: 4 Label, 3 Button.
Establecer las propiedades de los objetos de la interfaz de usuario
Para el caso del ejemplo establezca los siguientes valores a los controles:
Tabla 4.2 Propiedades de los controles del proyecto Ciclos.
Nombre del proyecto: Ciclos
Control
Propiedad
Label1
Name
Text
Label2
Name
Text
Label3Label4
Name
Text
TextAlign
Font
Button1
Name
Text
Button2
Name
Text
Button3
Name
Text
Form1
Name
Text

Valor
lblmayor
Mayor valor
lblmenor
Menor valor
[Link]
En blanco
MiddleCenter
Sans Serif, 10pt, Negrilla
botonwhile
While
botondoloop
Do..Loop While
botonfor
For
formulario
Ciclos (While) en Visual
Basic .NET

La interfaz de usuario queda como se muestra en la siguiente figura:

Figura 4.3 Interfaz de usuario (Ciclos).

45

Escribir cdigo
Seleccione el objeto botonwhile y abra el editor de cdigo y escriba el siguiente cdigo:
Dim mayor, menor, numero, contador As Integer
contador = 1
While (contador < 11)
numero = InputBox ("Digite numero:")
If (contador = 1) Then
mayor = numero
menor = numero
End If
If (mayor < numero) Then
mayor = numero
End If
If (menor > numero) Then
menor = numero
End If
contador += 1
End While
[Link] = mayor
[Link] = menor

En el anterior cdigo se definen las variables mayor, menor, numero, contador

de tipo Integer. Se inicializa la variable contador con un valor de uno (1), crea un ciclo
while que permitir ejecutar una serie de instrucciones mientras contador sea menor
que 11. Dentro del ciclo a la variable numero se le asigna el valor capturado en la
funcin predeterminada InputBox (cuadro de captura). Esta funcin permite capturar
un valor por teclado; en este caso solamente se utiliza un parmetro para establecer un
titulo al cuadro de captura. Cuando se captura el primer valor como la variable
contador tiene un valor de 1 se ingresa a la primera sentencia de control If donde se le
asigna a mayor y menor el valor de la variable numero. A dicha instruccin solo se
ingresar una vez pues ms adelante se incrementa la variable contador y por
consiguiente obtendra un valor mayor que 1. En las siguientes sentencias se evalan las
variables mayor y menor respectivamente con la variable numero para determinar si a
dichas variables se les asigna un nuevo valor. Por ltimo en el ciclo While se
incrementa la variable contador en 1 para que al digitar los 10 valores se termine el
ciclo y se le asigne a las etiquetas txtmayor y txtmenor en su propiedad Text los
valores de las variables mayor y menor.
Seleccione el objeto botondoloop y abra el editor de cdigo y escriba el siguiente
cdigo:
Dim mayor, menor, numero, contador As Integer
contador = 1
Do
numero = InputBox("Digite numero:")
If (contador = 1) Then
mayor = numero
menor = numero
End If
If (mayor < numero) Then
mayor = numero
End If
If (menor > numero) Then
menor = numero

46

End If
contador += 1
Loop While (contador < 11)
[Link] = mayor
[Link] = menor

En el anterior cdigo utiliza el ciclo Do Loop While, ntese que las

condicin va al final del ciclo, lo que permite capturar un valor, evaluarlo con cada una
de las sentencias If, y por ltimo se evala la condicin del ciclo, como la condicin es
verdadera el ciclo sigue ejecutndose.
Seleccione el objeto botonfor, abra el editor de cdigo y escriba el siguiente
cdigo:
Dim mayor, menor, numero, contador As Integer
For contador = 1 To 10
numero = InputBox("Digite numero:")
If (contador = 1) Then
mayor = numero
menor = numero
End If
If (mayor < numero) Then
mayor = numero
End If
If (menor > numero) Then
menor = numero
End If
Next
[Link] = mayor
[Link] = menor

El anterior cdigo utiliza el ciclo For, la variable contador se incrementa

automticamente y el ciclo solo se evala 10 veces.
Ejecutar el proyecto
Al ejecutarse el proyecto en el entorno de desarrollo de visual [Link], se visualizar
la siguiente pantalla:
Figura 4.4 Ejecucin aplicacin Ciclos.

47

Si digita 10, 22, 33, 96, 45, 78, 54, -5, -2, 52, y pulsa uno de los tres botones, se
debe visualizar la siguiente pantalla:
Figura 4.5 Resultados de la aplicacin Ciclos.

4.3 Ejercicios de estructuras de control

1. Escribir un programa que pida al usuario digitar dos nmeros, e imprima las
operaciones con los operadores aritmticos, los operadores relacionales y los
operadores lgicos.
2. Realizar un programa que pida al usuario digitar dos nmeros enteros e imprima
l numero mayor seguido del texto "Es mayor".
3. Disear un programa que capture tres nmeros enteros, e imprima l nmero
mayor, el del medio y el menor.
4. Hacer un programa que convierta una temperatura dada en grados Celsius a
grados Fahrenheit. La formula de conversin es F=9/5c +32.
5. Realizar un programa que pida al usuario digitar la hora, los minutos y los
segundos e imprima la hora, los minutos y los segundos un segundo despus.
6. Capturar 10 nmeros e imprimir el mayor y el menor.
7. Hacer un programa que permita sumar los nmeros enteros de 1 a 100 usando
las estructuras: for, while, do loop while.
8. Realizar un programa que imprima todos los nmeros primos entre 2 y 100
inclusive (nota: utilice la propiedad Multiline del control TextBox para imprimir
los resultados).
9. Una estacin climtica proporciona un par de temperaturas diarias (mxima,
mnima) (no es posible que alguna o ambas temperaturas sea 0 grados). La
pareja fin de temperaturas es 0,0. Se pide determinar el nmero de das, cuyas
temperaturas se proporcionaron, las medias mximas y mnima, el nmero de
errores temperaturas de 0 grados y el porcentaje que representan.
10. Los nmeros Astromg o cubos perfectos, son aquellos que sumados los cubos de
cada uno de sus dgitos nos dan el mismo nmero. Por ejemplo 153 es un cubo
perfecto, pues (1) elevado a 3 + (5) elevado a 3 + (3) elevado a 3 es igual a 153.
Escriba un programa que dado un nmero entero, diga si es o no es un cubo
perfecto.

48

5. MDULOS Y PROCEDIMIENTOS
5.1 Mdulos
A medida que se escriban programas ms complejos, se utilizarn variables y
procedimientos similares en varios formularios.
Para compartir variables y
procedimientos en varios formularios es necesario crear un mdulo, este es un
contenedor independiente que puede contener variables globales pblicas,
procedimientos sub y function. Los mdulos se visualizarn de forma independiente en
el explorador de soluciones y solamente podrn incluir cdigo y no tendrn interfaz de
usuario. Para crear un nuevo mdulo en una aplicacin, se selecciona agregar nuevo
elemento del men Proyecto, donde se visualizar un cuadro de dilogo que le
permitir seleccionar la plantilla de modulo y asignarle un nombre a ste. Por defecto
el primer mdulo de un programa tendr como nombre [Link]. Otra forma de
realizar el mismo proceso es utilizar el botn agregar nuevo elemento
de herramientas estndar.

de la barra

La figura que se visualizar al seleccionar cualquiera de los dos procesos es la

siguiente:
Figura 5.1 Agregar un modulo al programa.

Al hacer clic en el botn Abrir, Visual Basic .NET agregar al proyecto el

mdulo llamado [Link] apareciendo el Editor de Texto como se muestra a
continuacin:
Figura 5.2 Editor [Link].

49

Luego se podr observar en el explorador de soluciones

, lo siguiente:

Figura 5.3 Mdulo en el Explorador de soluciones.

Para declarar una variable pblica (aquellas que estn disponibles para todos los
procedimientos de la aplicacin) en un mdulo solo se necesita que al inicio del mdulo
se escriba la palabra clave public seguido por el nombre de la variable y el tipo de dato.
Una vez declarada esta variable podr ser utilizada para leerla, modificarla o
visualizarla por cualquier procedimiento del programa.
5.2 Procedimientos
En Visual Basic .NET existen dos tipos de procedimientos: Function y Sub. Los
procedimientos Function son invocados por su nombre desde otros procedimientos,
pueden recibir argumentos (son datos necesarios para que un procedimiento trabaje
correctamente y deben ir dentro de parntesis y separados por comas), y siempre
devuelven un valor con el nombre de la funcin. Los procedimientos Sub son invocados
por su nombre desde otros procedimientos, pueden recibir argumentos y devolver
valores no asociados con el nombre.
Los procedimientos Function y Sub se pueden definir en el cdigo de un
formulario, pero lo ms aconsejable es definirlos dentro de un mdulo para que todos
los elementos de un proyecto puedan utilizarlos. Con esto se ahorra tiempo y trabajo
disminuyendo las posibilidades de errores y harn que los programas sean ms cortos y
sencillos.
Un procedimiento Function es un grupo de cdigo localizado entre una
instruccin Function y EndFunction. Se podr llamar a un procedimiento Function
desde un programa utilizando el nombre asociado al procedimiento junto con los
argumentos necesarios. Su formato es:
50

Function nombre_funcion( argumentos) As tipo de dato

Instrucciones
nombre_function = valor a retornar
End Function

Function nombre_funcion( argumentos) As tipo de dato

Instrucciones
Return = valor a retornar
End Function

Para llamar al procedimiento Function desde otro procedimiento y suponiendo

que se tiene una etiqueta Label1, seria de la siguiente forma:
[Link] = nombre_funcion(argumentos)

Un procedimiento Sub es similar aun procedimiento Function solo que Sub no

retorna un valor asociado con su nombre pero pueden devolver uno o ms valores al
procedimiento que lo llamo. En la llamada al procedimiento el nmero y el tipo de
argumentos enviados deben ser igual al nmero y tipo de argumentos del
procedimiento. Su formato es:
Sub nombre_sub( argumentos)
Instrucciones
End Sub

Para llamar al procedimiento Sub desde otro procedimiento se debe especificar

el nombre del procedimiento y el nmero de argumentos. El ejemplo sera el siguiente:
Se enva:
miSub(12, hola)

Se recibe:
Mi Sub(Byval entero As Integer, Byval cadena As String)

5.2.1 Ejemplo prctico mdulo y procedimientos Sub y Function

Realizar una aplicacin que permita a un usuario capturar un nmero y verificar si dicho
nmero es PRIMO NO, utilizando procedimientos Sub y Function.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control especfico y ubique los
siguientes controles en el formulario en la posicin deseada: 1 TextBox, 2 Button.
Establecer las propiedades de los objetos del interfaz de usuario
Para el caso del ejemplo establezca las siguientes modificaciones a los controles:

51

Tabla 4.1 Propiedades de los controles de la aplicacin ModulosProcedimientos.

Nombre del proyecto : ModulosProcedimientos
Control
Propiedad
Valor
TextBox1
Name
txtvalor
Text
En blanco
Button1
Name
botonfunction
Text
Verificar
Numero
Primo
utilizando
Function
Button2
Name
botonsub
Text
Verificar
Numero
Primo utilizando Sub
Form1
Name
Text
mdulos
y
procedimientos

La interfaz de usuario queda como se muestra en la siguiente figura:

Figura 5.4 Interfaz de usuario (mdulos y procedimientos).

Agregar mdulo
Como se dijo anteriormente existen dos formas de agregar un modulo a la aplicacin:
una forma es seleccionar agregar nuevo elemento del men Proyecto, donde se

52

visualizar un cuadro de dilogo que le permitir seleccionar la plantilla de modulo y

asignarle un nombre al mdulo. Por defecto el primer mdulo de un programa tendr
como nombre [Link]. La segunda forma es utilizar el botn agregar nuevo
elemento
de la barra de herramientas estndar.
De cualquiera de las dos formas se obtendr la siguiente figura en el explorador
de soluciones
Figura 5.5 Mdulo [Link] en la aplicacin Mdulos procedimientos.

Si se desea cambiar el nombre del mdulo, se pueden seleccionar las

propiedades del mdulo dando clic sobre el nombre actual de ste. Como los mdulos
solo contienen cdigo, las propiedades son mnimas. Una de las propiedades ms
importantes es nombre de archivo, que permite cambiar el nombre del mdulo (tenga
en cuenta que la extensin debe seguir igual vb). Por ejemplo, si se cambia el nombre
actual por [Link] la ventana de propiedades quedara de la siguiente forma:
Figura 5.6 Mdulo con nuevo nombre.

53

Escribir cdigo en el mdulo

En el mdulo d doble clic sobre el nombre de ste y entre las instrucciones Module y
End Module escriba el siguiente cdigo:
Module Module1
Public incremento As Integer
Public auxiliar As Integer
Function primo_Function(ByVal numero As Integer) As String
auxiliar = 0
incremento = 2
If (numero > 2) Then
While (auxiliar = 0)
If ((numero Mod incremento) = 0) Then
primo_Function = "El numero: " & numero & " no es PRIMO"
auxiliar = 1
Else
incremento += 1
End If
If (numero = incremento) Then
primo_Function = "El numero: " & numero & " es PRIMO"
auxiliar = 1
End If
End While
Else
If (numero >= 1 And numero < 3) Then
primo_Function = "El numero: " & numero & " es PRIMO"
Else
primo_Function = "El numero: " & numero & " no es positivo"
End If
End If
End Function
Sub primo_Sub(ByVal numero As Integer)
auxiliar = 0
incremento = 2
If (numero > 2) Then
While (auxiliar = 0)
If ((numero Mod incremento) = 0) Then
MsgBox("El numero:" & numero & " no es PRIMO", [Link],
"Utilizando procedimientos Sub")
auxiliar = 1
Else
incremento += 1
End If
If (numero = incremento) Then
MsgBox("El numero: " & numero & " es PRIMO", [Link],
"Utilizando procedimientos Sub")
auxiliar = 1
End If
End While
Else
If (numero >= 1 And numero < 3) Then
MsgBox("El numero: " & numero & " es PRIMO", [Link],
"Utilizando procedimientos Sub")
Else
MsgBox("El numero: " & numero & " no es POSITIVO", [Link],
"Utilizando procedimientos Sub")
End If
End If

54

End Sub
End Module

En el mdulo se crean dos variables pblicas auxiliar e incremento, las cuales

pueden ser utilizadas por cualquier procedimiento que este dentro del mdulo. En este
caso dichas variables son utilizadas por los procedimientos primo_Funtion y
primo_Sub. Tanto en el procedimiento primo_Funtion como en el procedimiento
primo_Sub se reciben un nmero el cual es evaluado para determinar si es primo no.
En el procedimiento primo_Funtion se retorna un String al procedimiento que lo
llamo, mientras que en el procedimiento primo_Sub, el resultado se visualiza por
medio de la funcin predeterminada MsgBox (permite mostrar en un cuadro de dilogo
mensajes).
Escribir cdigo en los controles Button
Seleccione el objeto botonfunction y abra el editor de cdigo y escriba el siguiente
cdigo:
Dim valor As Integer
valor = InputBox("Digite un numero:")
[Link] = primo_Function(valor)

En el anterior cdigo se define la variable valor de tipo Integer. A dicha

variable se le asigna el valor capturado en la funcin predeterminada InputBox. Esta
funcin permite capturar un valor por teclado; en este caso solamente se utiliza un
parmetro para definirle un titulo. Por ltimo a la propiedad Text del control txtcampo
se le asigna el valor que retorne el procedimiento primo_Function. Como se puede
apreciar, a dicho procedimiento se le enva como argumento la variable valor que es
exactamente el nmero de argumentos que recibe primo_Function.
Seleccione el objeto botonsub y abra el editor de cdigo y escriba el siguiente cdigo:
Dim valor As Integer
valor = InputBox("Digite un numero:")
primo_sub(valor)

En este cdigo tambin se define la variable valor de tipo Integer. A dicha

variable se le asigna el valor capturado en la funcin predeterminada InputBox. Se
llama al procedimiento primo_Sub y se le enva como argumento la variable valor que
es el nmero de argumentos que recibe el procedimiento primo_Sub.

Ejecutar el proyecto
Al ejecutarse el proyecto en el entorno de desarrollo de Visual [Link] se visualizar
la siguiente pantalla:

55

Figura 5.7 Ejecucin aplicacin ModulosProcedimientos.

Al pulsar el botn Verificar Numero Primo utilizando Function o el botn

Verificar Numero Primo utilizando Sub, se podr apreciar en la siguiente figura
Figura 5.8 Opcin del nmero primo.

56

Si se digita el numero 45 y utiliza el botn Verificar Numero Primo utilizando

Function, se visualizar la siguiente figura:
Figura 5.9 Utilizando el botn Verificar Numero Primo utilizando Function.

Si digita el numero 45 y utiliza el botn Verificar Numero Primo utilizando

Sub, se visualizar la siguiente figura:
Figura 5.10 Utilizando el botn Verificar Numero Primo utilizando Sub.

57

5.3 Funciones predeterminadas

En Visual Basic .NET existen funciones predeterminadas o incorporadas que facilitan la
realizacin de tareas especficas, entre ellas se pueden encontrar funciones:
matemticas, graficas, para manipulacin de cadenas de caracteres, para tipos de letras,
etc.
5.3.1 Funciones Matemticas
La clase Math de Visual Basic .NET contiene una serie de funciones trigonomtricas,
logartmicas y otras funciones matemticas que sirven para realizar clculos aritmticos,
en la siguiente tabla se muestran las funciones ms comunes:
Tabla 5.1 Funciones matemticas de Visual Basic .NET.
Mtodo de Visual Basic .NET
[Link]

[Link]

[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]

Descripcin
Devuelve el nmero entero ms pequeo mayor o
igual que el nmero especificado.
[Link](1.6)=2
[Link](0.8)=1
Devuelve el nmero entero ms grande menor o
igual que el nmero especificado.
[Link](1.6)=1
[Link](0.8)=0
Devuelve la raz cuadrada de un nmero.
Devuelve un nmero especificado elevado a la
potencia especificada.
Devuelve el valor absoluto de un nmero
especificado.
Devuelve el seno del ngulo especificado.
Devuelve el coseno del ngulo especificado.
Devuelve la tangente del ngulo especificado.
Devuelve el mayor de dos nmeros.
Devuelve el menor de dos nmeros.
Calcula el producto de dos nmeros.
Devuelve el nmero ms prximo al valor
especificado.

[Link] Ejemplo prctico funciones matemticas

Realizar una aplicacin que permita a un usuario visualizar en cajas de texto las
funciones aritmticas bsicas cuando se pulse un botn llamado Verificar Funciones.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control especfico y ubique los
siguientes controles en el formulario en la posicin deseada: 11 Label, 11 TextBox, 1
Button.

58

Establecer las propiedades de los objetos de la interfaz de usuario

Para el caso del ejemplo establezca las siguientes modificaciones a los controles:
Tabla 5.2 Propiedades de los controles del proyecto Funciones_matematicas.
Nombre proyecto: Funciones_matematicas
Control
Propiedad
Valor
Label1
Name
lblround
Text
Funcion [Link](10.25)
Label2
Name
lblbigmul
Text
Funcin [Link] (10,12)
Label3
Name
lblpow
Text
Funcion [Link](8,2)
Label4
Name
lblmax
Text
Funcion [Link] (10,15)
Label5
Name
lblmin
Text
Funcion [Link](10,15)
Label6
Name
lblsin
Text
Funcion [Link](1)
Label7
Name
lblcos
Text
Funcion Math.cos81)
Label8
Name
lbltan
Text
Funcion [Link](2)
Label9
Name
lblsqrt
Text
Funcion [Link](3)
Label10
Name
lblfloor
Text
Funcion [Link](1.6)
Label11
Name
lblceiling
Text
Funcion [Link](1.6)
TextBox1TextBox11
Name
txtcampo1txtcampo7
Text
En blanco
Button1
Name
boton
Text
Verificar Funciones
Form1
Name
formulario
Text
Funciones matemticas en
Visual Basic .NET

La interfaz de usuario qued como se muestra en la siguiente figura:

Figura 5.11 Interfaz de usuario (Funciones_matematicas).

59

Escribir cdigo
Seleccione el objeto boton y abra el editor de cdigo y escriba el siguiente cdigo:
[Link] = [Link](10.25)
[Link] = [Link](10, 12)
[Link] = [Link](8, 2)
[Link] = [Link](10, 15)
[Link] = [Link](10, 15)
[Link] = [Link](1)
[Link] = [Link](1)
[Link] = [Link](2)
[Link] = [Link](3)
[Link] = [Link](1.6)
[Link] = [Link](1.6)

En el anterior cdigo se asigna una funcin matemtica a la propiedad Text de

cada caja de texto. Cuando el usuario pulse el botn en tiempo de ejecucin mostrar en
cada cuadro de texto el valor respectivo de la operacin que le fue asignada.
Ejecutar el proyecto
Al ejecutarse el proyecto en el entorno de desarrollo de visual [Link] se debe
visualizar:
Figura 5.12 Ejecucin aplicacin Funciones_matematicas.

60

5.3.2 Funciones de cadenas de caracteres

Visual Basic .NET contiene una serie de funciones para la manipulacin de cadenas de
caracteres que sirven para realizar diferentes operaciones entre caracteres, en la
siguiente tabla se muestran las funciones ms comunes:
Tabla 5.3 Funciones para manipulacin de cadenas de caracteres.
Mtodo de Visual Basic
Chars(n)

Length

Concat(texto1, texto,....,texton)

ToUpper

ToLower

Remove(posicin inicial, numero de

caracteres)

Insert (posicin inicial, cadena de

caracteres)

SubString((posicin inicial, numero de

caracteres)

Descripcin
Permite obtener un carcter especfico de
una cadena de caracteres.
Dim micadena As String = "ABCDE"
Dim micaracter As Char
micaracter = [Link](3)
micaracter = "D"
Permite obtener la longitud de de una
cadena de caracteres.
Dim micadena As String = "ABCDE"
Dim Entero As Integer
entero=[Link]
entero=5
Permite unir dos o ms cadenas de
caracteres.
Dim micadena As String = "hola"
Dim unircadena As String
unircadena= [Link](micadena, " ",
"pueblo")
unircadena= hola pueblo
Convierte una cadena de caracteres de
minscula a mayscula.
Dim micadena As String = "hola"
micadena= [Link]()
micadena= HOLA
Convierte una cadena de caracteres de
mayscula a minscula.
Dim micadena As String = "HOLA"
micadena= [Link]()
micadena= hola
Permite eliminar una cantidad determinada
de caracteres en una posicin especfica de
una cadena de caracteres.
Dim micadena As String = "campoalegre"
micadena= [Link](2,3)
micadena= caalegre
Permite insertar una cantidad determinada
de caracteres en una posicin especfica de
una cadena de caracteres.
Dim micadena As String = "campoalegre"
micadena= [Link](4, ms )
micadena= campo ms alegre
Permite obtener una subcadena de una
cadena de caracteres.

61

Replace(cadena de caracteres,
carcter original, nuevo carcter)

StrReverse(cadena de caracteres)

Mid (cadena de caracteres, posicin

inicial, numero de caracteres)
Mid (cadena de caracteres, posicin
inicial)

Dim micadena As String = "campoalegre"

Dim subcadena As String
subcadena= [Link](5,4)
subcadena=aleg
Permite
reemplazar
una
subcadena
determinada
por
otra
subcadena
especificada.
Dim micadena As String = "campoalegre"
Dim Nuevacadena As String
nuevacadena =replace(m i c ad en a, "e", "i")
n u e va c ad en a = c am p oa lig ri
Devuelve una cadena de caracteres
invertida segn el orden de los caracteres
de la cadena especificada.
Dim micadena As String = "campoalegre"
Dim Nuevacadena As String
nuevacadena =StrReverse(m ic ad en a )
n u e va c ad en a = e rg el a op m ac
Devuelve una subcadena que a su vez
contiene un nmero especificado de
caracteres de una cadena de caracteres.
Dim micadena As String = "campoalegre"
Dim Nuevacadena As String
nuevacadena =Mid(m ic ad en a, 1 , 5 )
n u e va c ad en a = c am p o
Dim micadena As String = "campoalegre"
Dim Nuevacadena As String
nuevacadena =Mid(m ic ad en a, 5 )
n u e va c ad en a = a l eg r e

Len (cadena de caracteres)

TocharArray

Devuelve un entero que contiene el nmero

de caracteres de una cadena
de
caracteres.
Dim micadena As String = "ABCDE"
Dim Entero As Integer
entero=len(micadena)
entero=5
Convierte una cadena de caracteres en un
arreglo de caracteres.
Dim micadena As String = "campeon"
Dim arreglo() As char
arreglo=mi [Link]()
arreglo={c,a,m,p,e,o,n}

[Link] Ejemplo prctico funciones de cadena de caracteres

Realizar una aplicacin que permita a un usuario visualizar en una caja de texto las
funciones de manipulacin de cadena de caracteres bsicas cuando se pulse un botn
especfico.

62

Crear la interfaz de usuario

Utilizando el cuadro de herramientas haga clic en el control especfico y ubique los
siguientes controles en el formulario en la posicin deseada: 2 Label, 2 TextBox, 12
Button.
Establecer las propiedades de los objetos de la interfaz de usuario
Para el caso del ejemplo establezca las siguientes modificaciones a los controles:
Tabla 5.4 Propiedades de los controles del proyecto cadena_caracteres.
Nombre proyecto: cadenas_caracteres
Control
Propiedad
Valor
Label1
Name
lblcadena
Text
Cadena digitada
Label2
Name
lblresultado
Text
Cadena resultante
Button1
Name
boton1
Text
Chars
Button2
Name
boton2
Text
Length
Button3
Name
boton3
Text
Concat
Button4
Name
boton4
Text
toupper
Button5
Name
boton5
Text
Remove
Button6
Name
boton6
Text
Insert
Button7
Name
boton7
Text
Substring
Button8
Name
boton8
Text
Replace
Button9
Name
boton9
Text
Mid
Button10
Name
boton10
Text
Len
Button11
Name
boton11
Text
Reverse
Button12
Name
boton12
Text
Tolower
TextBox1
Name
txtcadena
Text
Esternomascleoide
Textbox2
Name
txtresultante
Text
En blanco
Form1
Name
formulario
Text
Funciones de cadenas
caracteres.

de

La interfaz de usuario queda como se muestra en la siguiente figura:

63

Figura 5.13 Interfaz de usuario (cadenas_caracteres).

Escribir cdigo
Seleccione el objeto boton1 y abra el editor de cdigo y escriba el siguiente cdigo:
[Link] = [Link](2)

Seleccione el objeto boton2 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = [Link]

Seleccione el objeto boton3 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = [Link]([Link], " ", "que palabrita")

Seleccione el objeto boton4 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = [Link]()

Seleccione el objeto boton5 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = [Link](2, 5)

Seleccione el objeto boton6 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = [Link](2, "hola")

Seleccione el objeto boton7 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = [Link](2, 6)

64

Seleccione el objeto boton8 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = [Link]("e", "x")

Seleccione el objeto boton9 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = Mid([Link], 2, 8)

Seleccione el objeto boton10 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = Len([Link])

Seleccione el objeto boton11 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = StrReverse([Link])

Seleccione el objeto boton12 y abra el editor de cdigo y escriba el siguiente cdigo:

[Link] = [Link]()

En el anterior cdigo se le asigna una funcin de manipulacin de cadenas a la

propiedad Text de cada caja de texto. Cuando el usuario pulse un botn en tiempo de
ejecucin se mostrar en la caja de texto txtresultado el valor respectivo de la
operacin que le fue asignada.
Ejecutar el proyecto
Al ejecutarse el proyecto en el entorno de desarrollo de visual [Link], se debe
visualizar la siguiente figura:
Figura 5.14 Ejecucin aplicacin cadenas_caracteres.

65

5.4 Ejercicios de procedimientos

1. Crear un programa que contenga un mtodo llamado perfecto que reciba un
parmetro entero e imprima si este es o no perfecto. Se dice que un nmero
perfecto si la suma de sus factores, incluido el 1, da como resultado el nmero.
Por ejemplo, 6 es un nmero perfecto porque 6=1+2+3.
2. Realizar un programa que contenga un mtodo llamado Celsius que reciba un
valor representado en grados Celsius y retorne el valor representado en grados
Fahrenheit digitado desde el teclado.
3. Hacer un programa que contenga un mtodo que reciba un nmero entero y
retorne el nmero con sus dgitos invertidos. Ejemplo: dado el nmero 7631 el
mtodo deber retornar 1367.
4. Escribir un programa que ayude a un estudiante de primaria a aprender a
multiplicar. Utilice [Link] para producir dos enteros positivos de un solo
digito. El programa deber exhibir entonces una pregunta en un cuadro de texto
como:
Cunto es 6 por 7?
El estudiante teclear la respuesta en un campo de texto. El programa deber
verificar la respuesta e imprimir Muy Bien en una etiqueta si la respuesta es
correcta y si es equivocada deber imprimir No. Por favor intntalo de
nuevo, permitiendo que el estudiante conteste una y otra vez hasta que se d la
respuesta correcta. Se usar un mtodo para generar cada pregunta. Este mtodo
se debe invocar una vez s inicializa el programa y cada vez que el usuario
conteste la pregunta correctamente.
5. Realizar un programa con un mtodo que calcule las races de una ecuacin de
segundo [Link] discriminante es (b^2- 4*a*c). Se deben tener en cuenta todas
las posibles validaciones.
6. Disear un programa utilizando un mtodo que determine cuantas cifras posee
un nmero entero positivo introducido por teclado.
7. Leer una cadena de caracteres, digitar el carcter que se quiera eliminar e
imprimir la cadena resultante.
8. Crear un programa para imprimir la suma de los nmeros impares menores o
iguales que n.
9. Escribir un programa que reciba una cadena de caracteres e imprima cuantas
vocales tiene dicha cadena.
10. Hacer un programa utilizando mtodos que lea un nmero no mayor que 1000 e
imprima ese nmero en letras.

66

6. MATRICES
Una matriz es un grupo de posiciones de memoria contiguas que almacena el mismo
nombre y tipo de dato. Para referirse a un elemento de la matriz se debe especificar el
nombre de la matriz seguido de uno o ms subndices encerrados entre parntesis.
6.1 Matrices de una dimensin o unidimensionales
Una matriz de una dimensin se declara de la siguiente forma:
Dim <nombre matriz> (<numero de elementos>) As Tipo de dato;
Dim
mercanca
(12)
As Integer

Tambin se puede inicializar una matriz, de la siguiente manera:

Dim ventas () As Double = {100.0, 254.5, 478.5, 125.8, 458.66}
Dim vendedores () As String = {Julieta, Mara, Jenny, Sara, Lina}

Para almacenar valores en una matriz se debe utilizar el nombre de la matriz y

un subndice que indica en qu posicin se almacenar el valor especificado. En las
siguientes lneas se crear una matriz de 5 posiciones, (el primer valor se almacenar en
la posicin 0) y se le asignarn valores a la matriz. Por lo general para almacenar o
mostrar los valores de una matriz se utilizan los ciclos.
Dim ventas (5), i, z As Integer
For i= 0 To 4
Ventas (i)= i+3
Next

Para acceder a los valores de una matriz se debe utilizar un valor de ndice para
especificar la posicin a la que se desea acceder. Tambin se pueden utilizar ciclos para
recorrer toda la matriz y acceder a todos los valores.
z = ventas (2) a z se le asignar el valor de 5 de acuerdo al ejemplo anterior.

6.1.1 Ejemplo prctico matrices unidimensionales

Hacer una aplicacin que permita a un usuario capturar 10 nmeros enteros positivos o
negativos e imprima los valores en el orden que se capturan como tambin los valores
ordenados de menor a mayor.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control especfico y ubique los
siguientes controles en el formulario en la posicin deseada: 2 TextBox, 2 Label, 1
Button.
Establecer las propiedades de los objetos del interfaz de usuario
Despus de colocar los controles u objetos en el formulario, establezca las siguientes

67

propiedades a los controles:

Tabla 6.1 Propiedades de los controles de la aplicacin MatricesUnidimensionales.
Nombre proyecto: MatricesUnidimensionales
Control
Propiedad
TextBox1
Name
Text
TextAlign
Font
TextBox2

Label1

Name
Text
TextAlign
Font
Name
Text
TextAlign
Font

Label2

Name
Text
TextAlign
Font

Button1

Name
Text
Name
Text

Form1

Valor
txtoriginal
En blanco
Center
Microsoft Sans Serif,
12pt, style=Bold
txtordenado
En blanco
Center
Microsoft Sans Serif,
12pt, style=Bold
lbloriginal
Matriz Original
MiddleCenter
Microsoft Sans Serif,
12pt, style=Bold
lblordenado
Matriz Original
MiddleCenter
Microsoft Sans Serif,
12pt, style=Bold
boton
Capturar nmeros
formulario
Matrices
unidimensionales

La interfaz de usuario queda como se muestra en la siguiente figura:

Figura 6.1 Interfaz de usuario (Matrices Unidimensionales).

68

Escribir cdigo
Seleccione el objeto boton y abra el editor de cdigo y escriba el siguiente cdigo:
Dim datos (10) As Integer
Dim i, j, numero, temporal As Integer
[Link] = " "
[Link] = " "
For i = 0 To 9
numero = InputBox("Digite un Numero entero")
datos (i) = numero
[Link] = [Link] & datos (i) & " , "
Next
For i = 0 To 9
For j = i To 9
If (datos (i) > datos (j)) Then
temporal = datos (i)
datos (i) = datos (j)
datos (j) = temporal
End If
Next
Next
For i = 0 To 9
[Link] = [Link] & datos (i) & " , "
Next

En el anterior cdigo se define una matriz llamada datos la cual permitir

almacenar 10 valores enteros, como tambin se definen las variables i, j, numero de
tipo entero. Los controles txtoriginal y txtordenado se inicializan en su propiedad
Text en blanco. Se realiza la programacin utilizando cuatro ciclos For: el primero
permite la capturar de cada uno de los valores digitados por teclado y se le asigna a la
variable numero, luego dicho valor es almacenado en la posicin i de la matriz y por
ltimo al control txtoriginal en su propiedad Text se le asigna lo que contena
anteriormente ese control ms el valor que ha sido almacenado en datos (i) agregndole
una coma (,). El segundo y tercer ciclo se utilizan para comparar pares de elementos
adyacentes e intercambiarlos cuando se cumpla la condicin definida dentro del ciclo
ms interno; este mtodo de comparacin es conocido como el mtodo de brbuja. El
cuarto ciclo sirve para recorrer la matriz e ir imprimiendo cada uno de los elementos de
la matriz en el control txtordenado en su propiedad Text.
Ejecutar el proyecto
Al ejecutar el proyecto en el entorno de desarrollo de visual [Link] se debe
visualiza la siguiente pantalla:

69

Figura 6.2 Ejecucin aplicacin Matrices Unidimensionales.

Al pulsar el botn Capturar nmeros y digitar los nmeros

25,36,58,4,7,9,10,2,31,5, se visualizar los valores como previamente se capturarn y
los valores ordenados de menor a mayor. La figura es:
Figura 6.3 Matriz unidimensional al capturar 10 valores.

70

6.2 Matrices de dos dimensiones (Bidimensionales) o ms.

Una matriz puede ser definida de dos, tres o ms dimensiones, de cualquier tipo de dato.
Para crear una matriz bidimensional en los parntesis se separa cada dimensin por
medio de comas (,). El formato para declarar una matriz bidimensional es:
Dim nombre_matriz (filas, columnas) As Integer
Dim notas (2, 3) As Integer

Para almacenar valores en la matriz bidimensional se utilizan dos subndices, el

primero indica las filas y el segundo las columnas donde se localiza el valor. El primer
valor de las filas y de las columnas es cero (0). En las siguientes lneas se crear una
matriz bidimensional de 2 filas y 3 columnas y se le asignarn valores a la matriz. Para
almacenar los valores se utilizan dos ciclos.
Dim ventas (2, 3), i, j as Integer
For i= 0 to 1
For j=0 to 2
ventas (i,j)= i+3
Next
Next

Para acceder a los valores de una matriz bidimensionales, se debe utilizar los
dos subndices, como tambin se utilizan dos ciclos para recorrer toda la matriz y
acceder a todos los valores.
Dim ventas (2, 3), i, j, z as Integer
For i= 0 to 1
For j=0 to 2
z=ventas (i, j) A z se le asignar el valor de la posicin (i,j).
Next
Next

6.2.1 Ejemplo prctico matrices bidimensionales

En el siguiente ejercicio se realizar una aplicacin que permita a un usuario capturar 6
valores enteros positivos o negativos en una matriz de 2 filas por 3 columnas e imprimir
la suma de cada fila y de cada columna.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control especfico y ubique los
siguientes controles en el formulario en la posicin deseada: 6 Label, 1 Button.
Establecer las propiedades de los objetos del interfaz de usuario
Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:

71

Tabla 5.2 Propiedades de los controles de la aplicacin MatricesBidimensionales.

Control
Label1
Label2
Label3
Label4
Label5
Label6

Button1
Form1

Propiedad
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name

Valor
lblnumfila
En blanco
lblcolumnas
Suma Columnas
lblfilas
Suma Filas
lblnumcol
En Blanco
lblnumcol
En Blanco
lbltexto

Text

Matriz de 2 x 3

TextAlign

MiddleCenter

Font

Microsoft Sans Serif,

8pt, style=Bold
boton
Capturar nmeros
formulario
Matrices
Bidimensionales

Name
Text
Name
Text

La interfaz de usuario queda como se muestra en la siguiente figura:

Figura 6.4 Interfaz de usuario (Matrices Bidimensionales).

72

Escribir cdigo
Seleccione el objeto boton y abra el editor de cdigo y escriba el siguiente cdigo:
Dim i, j, numero, sfilas, scolumnas As Integer
[Link] = " "
Dim datos(2, 3) As Integer
For i = 0 To 1
For j = 0 To 2
datos(i, j) = InputBox("Digite numero")
[Link] = [Link] & Space(15) & datos(i, j)
sfilas = sfilas + datos(i, j)
Next
[Link] = [Link] & sfilas & vbCrLf & vbCrLf
sfilas = 0
[Link] = [Link] & vbCrLf & vbCrLf
Next
For i = 0 To 2
For j = 0 To 1
scolumnas = scolumnas + datos(j, i)
Next
[Link] = [Link] & Space(14) & scolumnas
scolumnas = 0
Next

En el anterior cdigo se define una matriz de 2 filas x 3 columnas llamada datos,

la cual permitir almacenar 6 valores enteros, tambin se definen las variables i, j,
numero, sfilas, scolumnas de tipo Integer. Se realiza la programacin utilizando
cuatro ciclos For: el primero y el segundo permiten la captura de los valores digitados
por teclado lo cual se realiza en el segundo For, el valor capturado es asignado a la
matriz datos, en su posicin i, j. Al objeto txtmatriz en su propiedad Text se le asigna
el texto que contiene dicho control agregndole 15 espacios en blanco ms el valor
asignado a la matriz datos en su posicin i, j. La variable sfilas se incrementa en cada
proceso que realiza el ciclo con el valor de datos(i,j). Al terminar de ejecutarse el
segundo For se retorna al primer ciclo donde al objeto txtnumfila en su propiedad Text
se le asigna el texto que contiene dicho control agregndole el valor de la variable sfilas
y se utiliza la funcin vbcrlf (salto de lnea) para que realice dos saltos de lnea. Por
ltimo se reinicia la variable sfilas en cero para volver a ingresar al segundo ciclo. Este
proceso se ejecutar hasta que la condicin sea verdadera en el primer ciclo.
El tercer y cuarto ciclo permite hacer la sumatoria por columnas utilizando la
variable scolumnas. Al terminar el cuarto ciclo regresa al tercer ciclo y al control
txtnumcol en su propiedad Text se le asigna el texto que contiene dicho control
agregndole 14 espacios en blanco ms el valor que contiene la variable scolumnas. Por
ltimo se reinicia la variable scolumnas en cero para volver a ingresar al cuarto For.
Este proceso se ejecut hasta que la condicin sea verdadera en el tercer ciclo.
Ejecutar el proyecto
Al ejecutar el proyecto en el entorno de desarrollo de visual [Link] se puede ver la
siguiente figura:

73

Figura 6.5 Ejecucin aplicacin Matrices Bidimensionales.

Al pulsar el botn Capturar nmeros y digitar los nmeros 14, 25, 36, 35, 58,
74, se visualizar los valores capturados, as como la respectiva suma por filas y
columnas. La figura es:
Figura 6.6 Matriz bidimensional al capturar 6 valores.

74

6.3 Ejercicios matrices

1. Escribir un programa que permita obtener el nmero de elementos positivos de
un vector de 10 elementos.
2. Calcular el nmero de elementos negativos, cero y positivos de un vector dado
de 20 elementos.
3. Calcular la suma de los elementos de sus diagonales en una matriz cuadrada. Se
debe capturar la dimensin de la matriz.
4. Se tiene las notas de 40 alumnos. Cada uno de ellos puede tener una o varias
notas. Escribir un programa que permita obtener la media de cada alumno y la
media de la clase a partir de la entrada de las notas desde el teclado.
5. Se dispone de una lista de 100 nmeros enteros. Calcular su valor mximo y el
orden que ocupan en el vector.
6. Hacer un programa que le permita insertar o eliminar elementos de un arreglo
(los elementos deben mostrarse como se ingresaron).
7. Leer una matriz cuadrada A. Calcular si la matriz es simtrica. Se considera una
matriz simtrica si A [i, j]=A [j, i] y esto se cumple para todos los elementos i, j
de la matriz.
8. Sean A[m,n] y B[n] una matriz y un arreglo respectivamente, hacer un programa
que asigne valores a A, a partir de B teniendo en cuenta los siguientes criterios:
A[i,j]=[i] si i<=J
A[i,j]=0 si i>j
9. Hacer un programa que intercambie las filas de una matriz. Los elementos de la
fila 0 deben intercambiarse con los de la fila N, la fila 1 con los de la fila N-1 y
as sucesivamente. Imprimir las dos matrices.
10. Se tiene un arreglo unidimensional C de N elementos, calcular:
El numero de datos repetidos en el arreglo
El numero de valores impares
El numero de valores pares
La cantidad de ceros.

75

7. INTERFAZ DE USUARIO AVANZADA

Hasta ahora se ha trabajo la interfaz de usuario con controles bsicos del cuadro de
herramientas como son los objetos Label, TextBox y Button. En este captulo se
abordara la programacin de algunos de los controles que ms comnmente se utilizan
en Visual [Link]. De forma transparente para el usuario Visual Basic .NET crea el
cdigo que interacta con cada control.
7.1 Control LinkLabel
El control LinkLabel
permite que un texto contenido en un formulario de Visual
Basic .NET se comporte como un vinculo de Internet o para ejecutar aplicaciones de
Windows.
7.1.1 Ejemplo prctico control LinkLabel
Realizar una aplicacin que permita a un usuario por medio de un control LinkLabel
conectarse a una pgina Web y con otro control LinkLabel pueda abrir una aplicacin
de Windows.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control LinkLabel y ubique 2
controles en el formulario en la posicin deseada. La figura 7.1 muestra la interfaz de
usuario utilizando el control LinkLabel
Establecer las propiedades de los objetos del interfaz de usuario
Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 7.1 Propiedades de los controles de la aplicacin ControlLinkLabel.
Nombre del proyecto: ControlLinkLabel
Control
Propiedad
Name
LinkLabel1
Text

LinkLabel2

Form1

TextAlign
Name
Text
TextAlign
Name
Text

Valor
paginaweb
Pgina
Universidad
Distrital J.F.C.
MiddleCenter
programwindows
Abrir Documento de
Microsoft Word
MiddleCenter
formulario
Programacin
Control
LinkLabel

76

Figura 7.1 Interfaz de usuario (ControlLinkLabel).

Escribir cdigo
Seleccione el objeto paginaweb, de doble clic para abrir el editor del procedimiento
Paginaweb _LinkClicked y escriba el siguiente cdigo:
[Link] = True
[Link]("[Link]

En la primera lnea de cdigo se asocia el valor true a la propiedad Linkvisited

lo que permite visualizar de color morado el texto del vnculo para indicar que ya se ha
visitado la pgina de ste vnculo. En la segunda lnea se utiliza el mtodo start de la
clase Process que administra la ejecucin de un programa utilizando el espacio de
nombres [Link]. Al incluir la direccin del sitio de Internet o la URL 3 a
continuacin del mtodo start se le est diciendo a Visual Basic .NET que se desea ver
el sitio Web especificado.
Seleccione el objeto programawindows, de doble clic para abrir el editor del
procedimiento programawindows_LinkClicked y escriba el siguiente cdigo:
[Link] = True
[Link]("[Link]",c:\Programas_vb.[Link]")

Una caracterstica del mtodo start de la clase Process es que se puede utilizar

URL significa Uniform Resource Locator, es decir, localizador uniforme de recurso.

Es una secuencia de caracteres, de acuerdo a un formato estndar, que se usa para
nombrar recursos, como documentos e imgenes en Internet, por su localizacin.

77

para ejecutar diferentes aplicaciones. El mtodo start recibe dos argumentos: el primer
argumento se utiliza para ejecutar una aplicacin especfica sin necesidad de configurar
la ubicacin de la aplicacin ya que Visual Basic. NET busca la ruta adecuada para
ejecutar el programa. En el segundo argumento se define el documento que se quiere
abrir con su respectiva ruta. En este caso se busca ejecutar el WinWord de Microsoft y
abrir un archivo que existe en la raz del disco de trabajo llamado
Programas_vb.[Link].
Ejecutar el proyecto
Al realizar la ejecucin del proyecto en el entorno de desarrollo de visual [Link], se
debe visualizar la siguiente pantalla:
Figura 7.2 Ejecucin aplicacin ControlLinkLabel.

Al pulsar el control con texto Pgina Universidad Distrital F.J.C. se

visualizar la siguiente figura:
Figura 7.3 Ejecucin Control LinkLabel (abrir pgina Web).

78

Al pulsar el control con texto Abrir Documento de Microsoft Word se

visualizar la siguiente figura:
Figura 7.4 Ejecucin Control LinkLabel (abrir aplicacin de Windows).

7.2
Co
ntr
ole
s
Lis
tBo
xy
Co
mb
oB
ox
Un
con
trol
Lis
tBo
x
muestra una lista de elementos de los cuales el usuario puede seleccionar uno o
ms. Si el nmero total de elementos supera el nmero que se puede mostrar dentro del
control se agregar automticamente una barra de desplazamiento al control.
Un control ComboBox
al igual que el control ListBox permite definir una lista de
elementos donde el usuario puede seleccionar un elemento o ms. Al momento de la
ejecucin del programa, toda la lista de elementos estarn a la vista del usuario para que
ste los seleccione. Para seleccionar un elemento deber pulsar la flecha que est al lado
derecho del encabezado.
7.2.1 Ejemplo prctico controles ListBox y ComboBox
Hacer una aplicacin que permita a un usuario por medio de un control ListBox
seleccionar un pas y ver su capital, y por medio de un control ComboBox seleccionar
una capital y visualizar el pas en un campo de texto.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control ListBox y ubique el control
en el formulario en la posicin deseada. Tambin seleccione un Combo Box y ubique en
el formulario. Adems agregue 3 Label y 1 TextBox. La figura 7.5, muestra la interfaz
de usuario utilizando los controles ListBox y ComboBox.
Figura 7.5 Interfaz de usuario (ListBox, ComboBox).

79

Establecer las propiedades de los objetos del interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 7.2 Propiedades de los controles de la aplicacin ListBoxComboBox.
Nombre del proyecto : ListboxComboBox
Control
Propiedad
Valor
TextBox
Name
respuesta
Text
En blanco
Label1
Name
txtpais
Text
Escoja el Pas y vea su Capital
Label2
Name
txtcapital
Text
Escoja la Capital y vea el Pas
Label3
Name
txtrespuesta
Text
Se muestra la respuesta deseada
ComboBox1
Name
listacapitales
Text
Captales
ListBox1
Name
listapaises
Form1
Name
formulario
Text
Controles ListBox y ComboBox

A los controles ListBox y ComboBox se les puede agregar elementos de dos

formas: la primera utilizando la propiedad tems y la segunda por medio de cdigo
desde el procedimiento Load del formulario. Para el ejemplo, se agregar elementos
utilizando las dos formas, la primera desde este tem y la segunda desde el tem
Escribir Cdigo.
Entonces se van a agregar 4 elementos a cada control, en este ejemplo, solo se
agregan al control ListBox ya que para el control ComboBox se hace de la misma
forma. Lo primero es seleccionar el control listapaises y hacer clic sobre la propiedad
tems la cual visualizar la siguiente figura:

80

Figura 7.6 Editor para agregar elementos a un ListBox o ComboBox.

En este caso se escribe el nombre de cuatro pases, uno por cada lnea:
Colombia
Per
Venezuela
Brasil
Por ltimo d clic en el botn Aceptar para que los elementos se adicionen al
control. Este mismo proceso se debe realizar para el control listaciudades para agregar
los siguientes elementos: Lima, Buenos Aires, Montevideo, Quito. Los elementos del
ListBox se muestran en la siguiente figura:
Figura 7.7 Editor con los elementos agregados al control ListBox.

Escribir

cdigo

Seleccione el objeto Formulario, d doble clic para abrir el editor de cdigo

Formulario_Load para escribir el cdigo necesario para agregar los dems elementos
en los controles ListBox y ComboBox.
81

[Link]("Argentina")
[Link]("Bolivia")
[Link]("Uruguay")
[Link]("Ecuador")
[Link]("Bogot")
[Link]("La Paz")
[Link]("Rio de Janeiro")
[Link]("Caracas")

Para adicionar ms elementos a los controles ListBox y ComboBox se utiliza el

mtodo Add de la propiedad tems y entre comillas dobles () se escribe el elemento
que se desea agregar.
Seleccione el objeto listapaises, d doble clic para abrir el editor de cdigo
listapaises_SelectedIndexChanged y escriba el siguiente cdigo:
[Link] = ""
Select Case [Link]
Case 0
[Link] = "Bogot"
Case 1
[Link] = "Lima"
Case 2
[Link] = "Caracas"
Case 3
[Link] = "Rio de Janeiro"
Case 4
[Link] = "Buenos Aires"
Case 5
[Link] = "La Paz"
Case 6
[Link] = "Montevideo"
Case 7
[Link] = "Quito"
End Select

Al adicionar elementos a un control ListBox ComboBox, el primer elemento

tendr como valor de ndice cero (0), el segundo el valor de ndice uno (1) y as
sucesivamente hasta el elemento n. En el anterior cdigo se inicializa la propiedad Text
del control respuesta en blanco, luego por medio de la propiedad SelectedIndex
(selecciona el ndice) del control listapaises se obtiene el valor del ndice que el
usuario ha seleccionado para luego buscar el caso especifico y asignarle el valor del
caso a la propiedad Text del control respuesta.
Luego se debe seleccionar el objeto listacapitales, dar doble clic para abrir el editor de
cdigo listacapitales_SelectedIndexChanged y escribir el siguiente cdigo:

[Link] = ""
Select Case [Link]
Case 0
[Link] = "Peru"
Case 1
[Link] = "Argentina"

82

Case 2
[Link]
Case 3
[Link]
Case 4
[Link]
Case 5
[Link]
Case 6
[Link]
Case 7
[Link]
End Select

= "Uruguay"
= "Ecuador"
= "Colombia"
= "Bolivia"
= "Brasil"
= "Venezuela"

En este procedimiento se realiza la misma programacin con el fin de retornar el

valor deseado que el usuario selecciono.
Ejecutar el proyecto
Cuando se ejecuta el proyecto se visualiza la siguiente figura:
Figura 7.8 Ejecucin aplicacin ListBoxComboBox.

Al dar clic en el ListBox en el pas Colombia, en el cuadro de texto se debe

mostrar
como su capital a
Bogot,
visualizndose la
siguiente
figura:

Figura 7.9
pas desde

Seleccin de un
el ListBox.

83

Al dar clic en el ComboBox y seleccionar la capital Quito, en el cuadro de

texto se debe mostrar como su pas a Ecuador, visualizndose la siguiente figura:
Figura 7.10 Seleccionar una capital desde el ComboBox.

7.3 Controles VScrollBar, HScrollBar, TrackBar

Un control VScrollBar
es una barra de desplazamiento que permite manipular
rangos de valores numricos por medio de su propiedad Value, los cuales son
establecidos por las propiedades maximum (mximo valor) y minimum (mnimo
valor). El control HScrollBar
realiza la misma funcin, slo se diferencia en su
forma de presentacin. Estos controles son utilizados para implementar el

84

desplazamiento en los contenedores que no proporcionan sus propias barras de

desplazamiento, como PictureBox.
El objeto TrackBar
es un control desplazable similar al control ScrollBar.
Para configurar los intervalos entre los que se desplaza el valor de la propiedad Value
de una barra de seguimiento, estableciendo la propiedad Minimum para especificar el
extremo inferior del intervalo y la propiedad Maximum para especificar el extremo
superior del intervalo.
7.3.1 Ejemplo prctico controles VScrollBar y TrackBar
Realizar una aplicacin que permita a un usuario por medio de controles VScrollBar y
TrackBar visualizar un color al realizar un desplazamiento en cualquiera de los
controles.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control VScrollBar y ubique 3
controles en el formulario en la posicin deseada, adems, seleccione el control
TrackBar y ubique 3 controles en el formulario. Tambin seleccione el control Label y
ubique 7 controles en el formulario. La figura 7.11., muestra la interfaz de usuario.
Establecer las propiedades de los objetos de la interfaz de usuario
Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 7.3 Propiedades de los controles de la aplicacin BarrasdeDesplazamiento.
Nombre del proyecto :
Control
VScrollBar1,
VScrollBar2,
VScrollBar3.
TrackBar1,
TrackBar2,
TrackBar3
Label1

Label2

Label3

Label4

Label5
Label6

Propiedad
Name
Maximum
Minimum
Name
Maximum
Minimum
Name
Text
BorderStyle
Name
Text
TextAlign
Font
Name
Text
TextAlign
Name
Text
TextAlign
Name
Text
Name

Valor
barra1, barra2, barra3
255
0
desplazamiento1,
desplazamiento2,
desplazamiento3
255
0
txtcolores
En blanco
FixedSingle
txttitulo
Colores Personalizados
MiddleCenter
Microsoft Sans Serif, 8pt, style=Bold
txttrackbar
Colores con TrackBar
MiddleCenter
txtvalores
Valores del color
MiddleCenter
color1
En blanco
color2

85

Label7
Form1

Text
Name
Text
Name
Text

En blanco
color3
En blanco
formulario
Controles VScrollBar y TrackBar

Figura 7.11 Interfaz de usuario (VScrollBar, TrackBar).

Escribir cdigo
Seleccione el objeto barra1, d doble clic para abrir el editor del procedimiento
barra1_Scroll y escriba el siguiente cdigo:

[Link] = [Link]([Link], [Link], [Link])

[Link] = "Azul=" & [Link]

Seleccione el objeto barra2, d doble clic para abrir el editor del procedimiento
barra2_Scroll y escriba el siguiente cdigo:
[Link] = [Link]([Link], [Link], [Link])
[Link] = "Verde=" & [Link]

Seleccione el objeto barra3, d doble clic para abrir el editor del procedimiento
barra3_Scroll y escriba el siguiente cdigo:

86

[Link] = [Link]([Link], [Link], [Link])

[Link] = "Rojo=" & [Link]

Para los controles TrackBar realice la misma programacin, solamente es

necesario cambiar el nombre del control es decir barra? por desplazamiento?.
En el anterior cdigo al control txtcolores se le modifica la propiedad
Backcolor asignndole el mtodo FromArgb de la clase Color el cual define un color
tomando como parmetros los valores para rojo, verde y azul y opcionalmente el nivel
de transparencia. Al desplazarse sobre cada control se obtiene un valor el cual se asigna
respectivamente a cada color. Despus por cada barra de desplazamiento se le asigna a
los objetos Label (color1, color2, color3) en su propiedad Text el nombre del color y el
valor que toma el control en su propiedad Value. Esta operacin se realiza tambin en el
control TrackBar.
Ejecutar el proyecto
Al ejecutar el proyecto en el entorno de desarrollo de visual [Link], se visualiza:
Figura 7.12 Ejecucin aplicacin Barras de Desplazamiento.

Al dar realizar el desplazamiento de la barra sobre cada uno de los controles

VScrollBar el fondo del Label deber ir cambiar de color. Al realizar esta operacin se
visualizar la siguiente figura:
Figura 7.13 Ejecucin aplicacin Barras de Desplazamiento.

87

Esto mismo se puede realizar cambiando de posicin la barra de seguimiento

(TrackBar) para obtener un color.
7.4 Controles CheckBox y RadioButton
Un control CheckBox
es una casilla de verificacin que permite obtener dos
estados: verdadero si esta activada o falso si esta desactivada. Para obtener el valor de
verdadero o falso se debe hacer a travs de la propiedad Checked.
Un control RadioButton
permite a un usuario escoger una alternativa entre
varias alternativas. Al igual que el CheckBox por medio de la propiedad Checked se
puede obtener sus dos estados: verdadero o falso.
La principal diferencia entre el CheckBox y el RadioButton es que si se tiene
un conjunto de controles CheckBox y un conjunto de RadioButton, en los CheckBox
se puede activar todos al mismo tiempo, mientras los RadioButton solo uno quedar
activado en un momento dado.
7.4.1 Ejemplo prctico controles CheckBox y RadioButton
Realizar una aplicacin que permita a un usuario por medio de controles CheckBox y
RadioButton cambiar el tipo de fuente, el color de fondo y el color del texto en un
objeto Label.

Crear la interfaz de usuario

88

Utilizando el cuadro de herramientas haga clic en el control CheckBox y ubique 4

controles en el formulario en la posicin deseada. Tambin seleccione el control
RadioButton y ubique 4 controles en el formulario, adems, seleccione dos veces el
control Label y ubquelos en el formulario. La figura 7.14 muestra la interfaz de usuario
Figura 7.14 Interfaz de usuario (CheckBox, RadioButton).

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 7.4 Propiedades de los controles de la aplicacin CheckBoxRadioButton.

Control
Label1

Label2

CheckBox1
CheckBox2

Propiedad
Name
Text
TextAlign
Font
Backcolor
Name
Text
TextAlign
Font
Backcolor
Name
Text
Name
Text

Valor
txtcheckbox
Texto de prueba Checkbox
MiddleCenter
Microsoft Sans Serif, 8,25pt, style=Italic
White
txtradiobutton
Texto de prueba RadioButtom
MiddleCenter
Microsoft Sans Serif, 8,25pt, style=Italic
White
chequeo1
Cambiar tipo de letra
chequeo2
Cambiar color de fondo

89

CheckBox3

Name
Text
RadioButton1 Name
Text
RadioButton2 Name
Text
RadioButton3 Name
Text
Form1
Name
Text

chequeo3
Cambiar color de texto
radio1
Cambiar tipo de letra
radio2
Cambiar Color de fondo
radio3
Cambiar color de texto
formulario
Controles CheckBox y RadioButton

Escribir cdigo
Seleccione el objeto Chequeo1, d doble clic para abrir el editor de cdigo
Chequeo1_CheckedChanged y escriba el siguiente cdigo:
If ([Link]) Then
[Link]=New Font ("Microsoft Sans Serif", 8.25!, [Link])
Else
[Link]=New Font ("Microsoft Sans Serif",8.25!,[Link])
End If

La instruccin [Link] en la condicin if se activar cuando la

casilla de verificacin del CheckBox este sealada. Por verdadero el tipo de fuente del
Label cambiar al mismo tipo de fuente, el mismo tamao y diferente estilo; en este
caso a negrilla. Por falso retornar los valores predefinidos en el control, es este caso el
tipo de fuente Microsoft Sans Serif, el tamao 8.25! y el estilo Itlico.
Seleccione el objeto Chequeo2, d doble clic para abrir el editor del procedimiento
Chequeo2_CheckedChanged y escriba el siguiente cdigo:
If ([Link]) Then
[Link] = [Link]
Else
[Link] = [Link]
End If

Por verdadero el Label cambiara de color de fondo utilizando el espacio de

nombres [Link] al cual se le asigna el color deseado. Por falso se
retornara a los valores predefinidos en el control, es este caso el color de fondo blanco.
Seleccione el objeto Chequeo3, d doble clic para abrir el editor del procedimiento
Chequeo3_CheckedChanged y escriba el siguiente cdigo:
If ([Link]) Then
[Link] = [Link]
Else
[Link] = [Link]
End If

90

Por verdadero el texto del Label cambiar de color utilizando tambin el espacio
de nombres [Link] al cual se le asigna el color deseado. Por falso se
retornar los valores predefinidos en el control, es este caso el color del texto volver a
ser negro.
Seleccione el objeto radio1, d doble clic para abrir el editor del procedimiento
radio1_CheckedChanged y escriba el siguiente cdigo:
If ([Link]) Then
[Link]= New Font("Microsoft Sans Serif", 8.25!,[Link])
Else
[Link]=New Font("Microsoft Sans Serif",8.25!,[Link])
End If

Seleccione el objeto radio2, d doble clic para abrir el editor del procedimiento
radio2_CheckedChanged y escriba el siguiente cdigo:
If ([Link]) Then
[Link] = [Link]
Else
[Link] = [Link]
End If

Seleccione el objeto radio3, d doble clic para abrir el editor del procedimiento
radio3_CheckedChanged y escriba el siguiente cdigo:
If ([Link]) Then
[Link] = [Link]
Else
[Link] = [Link]
End If

Como se puede apreciar, la programacin de los controles RadioButton es exactamente

igual a la de los controles CheckBox.
Ejecutar el proyecto
Al ejecutar el proyecto en el entorno de desarrollo de visual [Link], se visualizar la
siguiente figura:
Figura 7.15 Ejecucin aplicacin CheckBoxRadioButton.

91

Al dar clic en cada control Checkbox se cambiar el texto o el fondo del control
txtcheckbox. Cada vez que se escoja un nuevo CheckBox si la opcin escogida
anteriormente sigue activada los cambios se mantendrn. Al escogerse todos los
Checkbox se visualizar la siguiente figura:
Figura 7.16 Ejecucin de la aplicacin con los controles CheckBox.

Como se puede apreciar, se realizaron todos los cambios que estaban

especificados.
Al dar clic sobre un control RadioButton los dems controles RadioButton
quedan desactivados; cuando existen varios controles RadioButton solo quedar
activado aquel que el usuario haya especificado. Si se escoge la opcin Cambiar Color
de Fondo, los dems controles quedan desactivados como se puede apreciar, en la
siguiente figura:
Figura 7.17 Ejecucin aplicacin con los controles RadioButton.

92

8. FORMULARIOS DE INTERFAZ SENCILLA (SDI) Y MLTIPLE (MDI)

Hasta ahora los ejemplos trabajados se han realizado en proyectos diferentes, es decir,
por cada aplicacin se ha creado un nuevo proyecto. Este tipo de aplicaciones son
llamadas SDI (Interfaz de documento sencillo). Algunos programas que manejan este
estilo de interfaz son: Wordpad, Bloc de notas, la calculadora de Microsoft Windows.
Una aplicacin de Interfaz de documentos mltiples es aquella que permite visualizar
varios documentos en una ventana, los ejemplos clsicos son el procesador de texto
Word o la hoja de clculo Excel de Microsoft. Las aplicaciones MDI (Interfaz de
documentos mltiple) se reconocen por incluir mens con submens para cambiar entre
las distintas ventanas o documentos.
8.1 Creacin de Mens con Interfaz de documento sencillo
Los mens y barras de herramientas proporcionan una forma estructurada y accesible
para que los usuarios aprovechen los comandos y las herramientas contenidas en sus
aplicaciones. La preparacin y el diseo apropiados de mens y barras de herramientas
garantizarn la funcionalidad en la aplicacin.
A menudo, los usuarios examinan los mens antes de buscar informacin sobre
la aplicacin en cualquier otro lugar. Si los mens estn bien diseados los usuarios
podrn comprender la aplicacin y desarrollar un modelo mental basado nicamente en
la organizacin de los mens y su contenido.
La creacin de un sistema de mens implica varios pasos. Independientemente del
tamao de la aplicacin y la complejidad de los mens que pretenda usar, deben:
Preparar y disear el sistema: Decida los mens que necesita, dnde deben
aparecer en la interfaz, cules requieren submens, etc.
Crear los mens y submens: Defina los ttulos, elementos de men y
submens mediante el Diseador de mens.
Asignar las tareas que desee al sistema: Especifique las tareas que los mens
deben realizar, como mostrar formularios y cuadros de dilogo.
Generar el programa de men: Ejecutar el programa para probar el sistema
de mens.
8.1.1 Ejemplo prctico mens con interfaz de documento sencillo
Disear una aplicacin que contenga un formulario con mens y submens, donde el
usuario puede abrir y guardar un archivo de texto, salir de la aplicacin, adems, puede
cambiar el color del texto y el tipo de fuente.
Crear la interfaz de usuario.
Para crear la interfaz de documento sencillo se debe seleccionar el control MainMenu
del cuadro de herramientas y ubicarlo en el formulario, adems deber agregar un
(1) TextBox, cambindole el valor de la propiedad Dock a Fill y el valor de la
propiedad Multiline a True, como tambin los controles ColorDialog, FontDialog,
OpenFileDialog y SaveFileDialog. La figura que se debe visualizar es la siguiente:

93

Figura 8.1 Interfaz de usuario inicial de la aplicacin MenuSencillo.

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 8.1 Propiedades de los controles de la aplicacin MenuSencillo.
Control

Propiedad
Name
Texbox1
Text
Multiline
dock
Colordialog1
Name
FontDialog1
Name
OpenFileDialog1 Name
SaveFileDialog1 Name
Mainmenu1
Name
Form1
Name
Menu
Text

Valor
cuadro
En blanco
true
fill
cuadrodecolores
cuadrodefuentes
cuadroabrir
cuadroguardar
menuprincipal
formulario
menuprincipal
Menu Sencillo

94

Figura 8.2 Interfaz de usuario con las propiedades modificadas.

Pulse sobre el control menuprincipal para que aparezca sobre el formulario el

texto Escriba aqu; all escriba el nombre del men Archivo y a continuacin aada
los siguientes elementos:
o Abrir
o Guardar
o Color
o Fuente
o Salir
La figura seria:
Figura 8.3 Menu de la aplicacin MenuSencillo.

95

Tambin es posible definir teclas de acceso o teclas de mtodo abreviado a los

diferentes mens utilizando el teclado. Por ejemplo si se quisiera acceder ms
rpidamente al men Archivo solamente debe pulsar la tecla Alt y a continuacin la
letra A. una vez abierto la opcin y si dentro de esta hubiese un submen llamado
Guardar con solo pulsar la tecla G se puede ejecutar el comando. Para asociar un
mtodo abreviado a las opciones del men se debe anteponer a la letra que se quiere
utilizar como tecla de acceso abreviado el carcter ampersand (&). Entonces siguiendo
con el ejemplo anterior aada las teclas de acceso a las siguientes opciones: Archivo
(letra A), Abrir (letra b), Guardar (letra G), Color (letra C), Fuente (letra F), Salir (letra
S). La figura quedara de la siguiente manera:
Figura 8.4 Menu con teclas de acceso abreviado.

Despus de realizada esta tarea se debe seleccionar la opcin a la cual se le va

insertar el respectivo cdigo y dr doble clic para visualizar el procedimiento. En el
ejemplo, seleccione la opcin Color y haga doble clic para visualizar el siguiente
procedimiento:
Private Sub MenuItem4_Click(ByVal sender As [Link], ByVal e As [Link])
[Link]()
[Link] = [Link]
End Sub

En la primera lnea se utiliza el mtodo ShowDialog() que permite abrir el

control cuadrodecolores en tiempo de ejecucin. En la segunda lnea se utiliza el
mtodo Color que permite obtener el color seleccionado por el usuario mediante el
cuadro de dilogo cuadrodecolores para aplicarlo al texto mediante la propiedad
Forecolor del control txtcuadro.
Ahora seleccione la opcin Fuente y haga doble clic para visualizar el procedimiento y
escriba el siguiente cdigo:
[Link]()
[Link] = [Link]

En la primera lnea se utiliza el mtodo ShowDialog() que permite abrir el

control cuadrodefuentes en tiempo de ejecucin. En la segunda lnea se utiliza el
96

mtodo Font que permite obtener la fuente seleccionada por el usuario mediante el
cuadro de dilogo cuadrodefuentes para aplicarlo a la fuente del texto mediante la
propiedad Font del control txtcuadro.
Despus seleccione la opcin Abrir y haga doble clic para visualizar el
procedimiento y escriba el siguiente cdigo:
[Link]=
[Link] = "Seleccione el archivo a abrir..."
[Link] = "C:\"
[Link] = "Archivo de Texto(*.txt)|*.txt"
[Link]()
If [Link] > 1 Then
Dim verarchivo As New [Link]([Link])
[Link] = [Link]
Else
MsgBox("Archivo no contiene informacin")
End If

En el anterior cdigo lo primero que se hace es utilizar el mtodo Title del

control cuadroabrir el cual permite colocarle un titulo al cuadro de dilogo, luego por
medio del mtodo InitialDirectory se seleccion la carpeta inicial que se visualizar en
el cuadro de dilogo. El mtodo Filter permite visualizar solamente los archivo que
contenga la extensin .txt; luego se utiliza el mtodo ShowDialog() que abre el control
cuadroabrir en tiempo de ejecucin. Por medio de la propiedad Length se determina si
el archivo contiene informacin o no. Si contiene informacin, se crea una variable
llamada verarchivo de tipo [Link] (clase que se utiliza para leer lneas de
informacin desde un archivo de texto estndar) que guarda el nombre del archivo
seleccionado y es asignado a la propiedad Text utilizando el mtodo ReadtoEnd que
lee el archivo hasta el final. Si por el contrario no contiene informacin se mostrar un
mensaje informando que el archivo esta vaci.
Ahora seleccione la opcin Guardar y haga doble clic para visualizar el procedimiento
y escriba el siguiente cdigo:
[Link] = "Cuadro de Dilogo para guardar un archivo"
[Link] = "C:\"
[Link] = "Archivo de Texto(*.txt)|*.txt"
[Link] = True
[Link]()
Dim guardarrchivo As [Link]
guardarrchivo = New [Link]([Link])
[Link]([Link])
[Link]()

En el anterior cdigo se utiliza el mtodo Title del control cuadroguardar el

cual permite colocarle un titulo al cuadro de dilogo, luego por medio del mtodo
InitialDirectory se selecciona la carpeta inicial que se visualizar en el cuadro de
dilogo. El mtodo Filter permite visualizar solamente los archivo que contenga la
extensin .txt; luego se utiliza el mtodo ValidateName con valor True para validar
que el nombre del archivo no contenga caracteres especiales, adems se utiliza el
mtodo ShowDialog() para abrir el cuadro de dilogo del control cuadroguardar en
tiempo de ejecucin. Se crea una variable guardarrchivo de tipo StreamWriter

97

(clase que se utiliza para escribir informacin a un archivo de texto estndar) que guarda
el nombre del archivo de texto y utilizando el mtodo Write se guarda el contenido de
txtcuadro. Por ltimo se cierra el archivo por intermedio del mtodo close ().
Ahora seleccione la opcin Salir y haga doble clic para visualizar el procedimiento y
escriba el siguiente cdigo:
End

La instruccin end permitir salir de la aplicacin.

Ejecutar el formulario
Cuando se ejecuta el proyecto en el entorno de desarrollo de visual [Link], se
presenta la siguiente figura:
Figura 8.5 Ejecucin aplicacin MenuSencillo.

Ahora puede escribir un texto y realizar los cambios que considere desde la
opcin del men Archivo: cambiar de color el texto, cambiar el tipo de fuente, guardar
el archivo y abrir el archivo.
8.2 Creacin de Mens con interfaz mltiple
Una aplicacin de interfaz mltiple se compone de un formulario principal denominado
formulario MDI, que actuar como contenedor de otros formularios abiertos en el
transcurso del programa denominado formularios hijos o secundarios MDI.
8.2.1 Ejemplo prctico formularios MDI
Disear una aplicacin que contenga un formulario MDI con mens y submens, donde
se permita abrir tres formularios en ventanas independientes.
98

Crear la interfaz de usuario

Para crear la interfaz de usuario se utilizarn cuatro formularios: el primero ser el
formulario principal y los dems formularios realizarn una labor especfica cada uno.
Creacin del primer Formulario
En el primer formulario seleccione los siguientes controles: dos Label y un
DateTimePicker (representa un control de Windows que permite al usuario seleccionar
una fecha y una hora, y mostrarlas con un formato especificado) y sitelos en el
formulario de acuerdo a la siguiente figura:
Figura 8.6 Interfaz de usuario del primer formulario.

Establecer las propiedades de los objetos de la interfaz de usuario

Tabla 8.2 Propiedades de los controles del primer formulario FormularioMDI.

Control

Propiedad
Name
Label1
Text
TextAlign
Font
Name
Label2
Text
TextAlign
Font
DateTimePicket Name
Form1
Name
Text

Valor
lblfecha
En blanco
MiddleCenter
Microsoft Sans Serif, 8,25pt, style=Italia
lbltitulo
Esta es la nueva fecha escogida
MiddleCenter
Microsoft Sans Serif, 8,25pt, style=Bold
controlfecha
formulariofecha
Control DateTimePicker

99

Escribir cdigo
Seleccione el objeto controlfecha, d doble clic para abrir el editor del procedimiento
contrlfecha_ValueChanged y escriba el siguiente cdigo:
[Link] = [Link]

El cdigo anterior permite visualizar en la propiedad Text del control txtfecha

la fecha escogida por el usuario al dar clic en el control controlfecha.
Ejecutar el formulario
Al ejecutarse el formulario se visualizar la siguiente pantalla:
Figura 8.7 Ejecucin primer formulario.

Seleccione del control controlfecha la fecha Jueves, 28 de Septiembre de 2006

para visualizar la figura anterior.
Creacin del segundo Formulario
Para crear el segundo formulario y que quede dentro de la aplicacin FormularioMDI,
se deben realizar los siguientes pasos:
1. En el men Proyecto, seleccione Agregar Windows Forms
2. En el cuadro Nombre, cambie el nombre del formulario por formulariofiguras y a
continuacin haga clic en Abrir para visualizar el segundo formulario

100

Figura 8.8 Agregar un nuevo formulario a la aplicacin.

En este momento el explorador de soluciones tendra el siguiente aspecto:

Figura 8.9 Explorador de soluciones con dos formularios.

En este formulario seleccione los siguientes controles: 4 PictureBox (control

que permite desplegar archivos grficos de tipo, gif, bitmap, icon, jpeg.), 1 GroupBox
(control de Windows que muestra un marco alrededor de un grupo de controles con un
ttulo opcional.) y 3 RadioButton (control que permite a un usuario escoger una
alternativa entre varias opciones), la interfaz quedara como se muestra en la figura:

101

Figura 8.10 Interfaz de usuario segundo formulario.

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 8.3 Propiedades de los controles del segundo formulario.
Control
Picturebox1,
PictureBox2,
PictureBox3.
Picture4
GroupBox1
RadioButton1
RadioButton2
RadioButton3
Form1

Propiedad
Name
SizeMode
Visible
Image
Name
SizeMode
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text

Valor
imagen1.imagen3
StretchImage
False
La imagen que seleccione el usuario
imagenprincipal
StretchImage
cuadro
Figuras
rbportatil
Portatil
rbsatelite
Satlite
rbfotocopiadora
Fotocopiadora
formulariofiguras
Formulario figuras

102

Escribir cdigo
Seleccione el objeto rbportatil, d doble clic para abrir el editor del procedimiento
rbportatil_CheckedChanged y escriba el siguiente cdigo:
If ([Link]) Then
[Link] = [Link]
End If

Seleccione el objeto rbsatelite, d doble clic para abrir el editor del procedimiento
rbsatelite_CheckedChanged y escriba el siguiente cdigo:
If ([Link]) Then
[Link] = [Link]
End If

Seleccione el objeto rbfotocopiadora, d doble clic para abrir el editor del

procedimiento rbfotocopiadora_CheckedChanged y escriba el siguiente cdigo:
If ([Link]) Then
[Link] = [Link]
End If

En los cdigos anteriores al seleccionar cualquiera de los controles

RadioButton se asignar a la propiedad Image del control imagenprincipal la imagen
que contenga el PictureBox que ha sido seleccionado.
Ejecutar el formulario
Al ejecutarse el proyecto se visualizar la siguiente figura:
Figura 8.11 Ejecucin segundo formulario.

103

Creacin del tercer Formulario

Para crear el tercer formulario y que quede dentro de la aplicacin FormularioMDI se
deben realizar los mismos pasos que se realizaron para agregar el formulario dos:
Figura 8.12 Interfaz de Usuario tercer Formulario.

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 8.4 Propiedades de los controles del tercer formulario.
Control
HScrollBar1
Label1

Label2

Label3

Form1

Propiedad
Name
Maximum
Minimum
Name
Text
TextAlign
Font
Name
Text
TextAlign
Font
Name
Text
TextAlign
Font
Name
Text

Valor
barra
255
1
lbltitulo
Cdigo ASCII
MiddleCenter
Microsoft Sans Serif, 8,25pt, style=Italia
lblsimbolo
En blanco
MiddleCenter
Microsoft Sans Serif, 26pt, style=Negrita
lblnumero
En blanco
MiddleCenter
Microsoft Sans Serif, 8.25pt, style=Negrita
formularioascii
Cdigo ASCII

104

Escribir cdigo
Seleccione el objeto barra, de doble clic para abrir el editor del procedimiento
barra_Scroll y escriba el siguiente cdigo:
Private Sub Barra_Scroll(ByVal sender As [Link], ByVal e As
[Link]) Handles [Link]
[Link] = Chr([Link])
[Link] = "valor ascii :" & [Link]
End Sub

En el cdigo anterior al seleccionar la barra de desplazamiento del control

HScrollBar se le asignar al objeto lblsimbolo por intermedio del mtodo Text la
representacin grafica del cdigo ASCII obtenido por el mtodo Value de la barra de
desplazamiento y convertido a texto por la funcin CHR. Tambin al objeto lblnumero
por intermedio del mtodo Text se le asigna el texto valor ascii: ms el valor de la
barra de desplazamiento con el mtodo Value.
Ejecutar el formulario
Al ejecutar el proyecto se visualizar la siguiente figura:
Figura 8.13 Ejecucin tercer formulario.

Creacin Formulario Principal (MDI)

Para crear el formulario principal de la aplicacin FormularioMDI, el cual contendr el
men para ejecutar a los dems formularios como tambin otras opciones que se irn
explicando, se deben hacer los mismos pasos que se realizaron para agregar el
formulario dos y tres:

105

Figura 8.14 Formulario principal de FormularioMDI.

En ste formulario seleccione la propiedad IsMdicontainer y coloque el valor

de True para que el formulario tenga un comportamiento de un contenedor MDI. Al
cambiar el valor de la propiedad el color de fondo ser de un gris ms oscuro, como
muestra la siguiente figura:
Figura 8.15 Formulario principal con comportamiento como contenedor.

El siguiente paso para crear el men es seleccionar el control MainMenu

del cuadro de herramientas (MenuStrip en Visual Basic 2005) y ubicarlo en el
formulario. Cambie el valor de la propiedad Name del formulario por principal y en la
misma propiedad del objeto mainmenu1 por menuprincipal. Ahora cambie el valor de
la propiedad men del formulario por el objeto menuprincipal y el valor de la
propiedad Text por Formulario Principal. Tambin cambie el valor de la propiedad
Windows del formulario por Maximized la cual al ejecutar el formulario principal se
visualizar en pantalla completa.

106

Figura 8.16 formulario principal con el control MainMenu.

Ahora pulse el objeto menuprincipal para visualizar el texto Escriba aqu. All
escriba el nombre del men Archivo y vaya aadiendo los elementos que muestra la
siguiente figura:
Figura 8.17 Formulario principal con el diseo del men.

Modifique las opciones principales del men de la siguiente forma:

En la opcin del men Edicin agrguele los siguientes submens:
o Copiar
o Pegar
o Cortar

107

Figura 8.18 Formulario principal y la opcin Edicin.

En la opcin del men Mis formularios agrguele los siguientes submens:

o Fecha
o Imgenes
o Colores

Figura 8.19 Formulario principal y la opcin Mis formularios.

En la opcin del men Ventana agrguele los siguientes submens:

o Cascada
o Mosaico horizontal
o Mosaico Vertical
o Organizar Iconos
Figura 8.20 Formulario principal y la opcin Ventana.

Tambin es posible definir teclas de acceso o teclas de mtodo abreviado a los

diferentes mens utilizando el teclado. Por ejemplo, si se quisiera acceder ms
rpidamente al men Edicin solamente debe pulsar la tecla Alt y a continuacin la
letra E. Una vez abierto la opcin y si dentro de esta hubiese un submen llamado
Deshacer con solo pulsar la tecla D se puede ejecutar el comando. Para asociar un
108

mtodo abreviado a las opciones del men se debe anteponer a la letra que se quiere
utilizar como tecla de acceso abreviado el carcter ampersand (&). Entonces con el
ejemplo anterior aada la tecla de acceso a las siguientes opciones: Archivo, Edicin,
Mis formularios, Ventana. La figura quedara de la siguiente manera:
Figura 8.21 Formulario principal y el men con teclas de acceso abreviado.

Bien, ahora se debe realizar la programacin para poder abrir los formularios
desde las diferentes opciones del men. Lo primero que se debe realizar es seleccionar
la opcin deseada y dar doble clic para visualizar el procedimiento. En el ejemplo,
seleccione la opcin Mis formularios y all seleccione la opcin Fecha.
Figura 8.22 Submen Fecha del formulario principal.

Haga doble clic sobre la opcin Fecha para visualizar el procedimiento

MenuItem20_Click (el numero del menuItem puede cambiar de acuerdo a las opciones
que haya creado en el men principal). Digite el siguiente cdigo:
Dim formulario1 As New formulariofecha
[Link] = Me
[Link]()

En la primera lnea se crea un objeto llamado formulario1 de tipo

formulariofecha, en la segunda lnea se asigna a la propiedad MdiParent la instancia
actual del formulario en ejecucin, es este caso Me contiene el formulario actual y por
ltimo, por medio del mtodo show se muestra el formulario.
Haga doble clic sobre la opcin Imgenes para visualizar el procedimiento. En este
procedimiento digite el siguiente cdigo:
Dim formulario2 As New formulariofiguras
[Link] = Me
[Link]()

Haga doble clic sobre la opcin Cdigo Ascii para visualizar el procedimiento. En este
procedimiento digite el siguiente cdigo:
109

Dim formulario3 As New formularioascii

[Link] = Me
[Link]()

Ejecutar el formulario
Al ejecutar el proyecto en el entorno de desarrollo de Visual [Link], se visualizar:
Figura 8.23 Ejecucin aplicacin FormulariosMDI.

Al seleccionar cada una de las opciones del men Mis formularios, se

visualizarn cada uno de los formularios que se han diseado. Podr hacer clic en
cualquier opcin las veces que se quiera y se ir visualizndo el formulario escogido n
veces.
Figura 8.24 Ejecucin de formularios en el MDI.

110

8.3 Desactivar las opciones del men en formularios MDI

En la aplicacin que se ha trabajado se puede abrir tantas copias de los formularios
como se necesiten. Para conseguir que de un determinado formulario se pueda abrir una
sola instancia, en primer lugar se debe deshabilitar la opcin del men que abre dicho
formulario, asignndole False a la propiedad Enabled. Entonces seleccione la opcin
Fecha haga doble clic y adicione el siguiente cdigo:
[Link] = False

En segundo lugar, cada vez que se cierra un formulario se activa el evento

Closed, por consiguiente se debe modificar dicho evento con el siguiente cdigo:
CType(MdiParent, Principal).[Link] = True

En el cdigo anterior se utiliz la funcin CType que devuelve el resultado de

convertir explcitamente una expresin a un tipo de datos, objeto, estructura, clase o
interfaz. La expresin es la instancia actual del formulario en ejecucin y el formulario
es el tipo de dato, para as poder acceder a la opcin Fecha del formulario Principal y
volverla a habilitar.
Al ejecutar nuevamente el formulario Principal y seleccionar la opcin Fecha,
se podr apreciar que esta queda deshabilitada. Se volver a Habilitar al cerrar el
formulario.
Figura 8.25 Inhabilitacin de opciones del men.

111

8.4 Manipulacin del men Ventana.

En el ejemplo que se ha venido trabajando, se cre una opcin de men llamada
Ventana. Para dar un aspecto ms profesional se aadi unas opciones que permiten la
organizacin de los formularios en: cascada, mosaico horizontal y mosaico vertical. En
este caso para organizar los archivos abiertos se debe ejecutar el mtodo LayoutMdi ()
pasndole como argumento la opcin deseada. Adems se puede permitir visualizar los
nombres de los formularios abiertos permitiendo cambiar de formulario activo al
seleccionar una de esas opciones. Para esto en la opcin Ventana se debe asignar a la
propiedad MdiList el valor de True.
Ahora seleccione la opcin Cascada, de doble clic y escriba el siguiente cdigo:
[Link] ([Link])

Para la opcin mosaico horizontal:

[Link] ([Link])

Y para la opcin mosaico vertical:

[Link] ([Link])

Al ejecutar nuevamente la aplicacin y seleccionando cada una de las opciones

del men Mis formularios y luego seleccionar la opcin Cascada se visualizar la
siguiente figura:
Figura 8.26 Formularios en Cascada.

Como se puede apreciar, los formularios abiertos se organizan en cascada y

112

tambin se visualiza el nombre de los diferentes archivos abiertos y por medio de un

cuadro de verificacin se muestra el formulario activo.
Si se selecciona la opcin Mosaico Horizontal, se visualizar la siguiente
figura:
Figura 8.27 Formularios en horizontal.

Al seleccionar la opcin Mosaico Vertical, se visualizar la siguiente figura:

Figura 8.28 Formularios en Vertical.

113

8.5 Creacin de una barra de herramientas en un formulario MDI

Siguiendo con el ejemplo que se ha venido trabajando, tambin es posible aadirle una
barra o ms barras de herramientas como se maneja en el entorno Windows, con el fin
de realizar de forma ms rpida algunas tareas, como por ejemplo: copiar, pegar, cortar,
guardar, etc. Para aadir una barra de herramientas se utiliza el control ToolBar
(ToolStrip en Visual Basic 2005). Entonces agregue un control ToolBar al ejemplo,
para visualizar la siguiente figura:
Figura 8.29 Formulario con barra de herramientas.

Ahora seleccione el control ToolBar cambie el valor de la propiedad Name por

barradeherramientas y luego escoja la propiedad Buttons para agregarle botones a
esta que permitir realizar diversas tareas; en este caso agregue cuatro (4) botones. Al
seleccionar la propiedad se muestra una ventana de dilogo llamada Editor de la
coleccin ToolBarButton y con el botn Agregar se podrn agregar los botones que se
desean. La figura visualiza la adicin de los botones al ejemplo.
Figura 8.30 Editor de la coleccin ToolbarButton.

114

Ahora si se desea agregar imgenes a cada botn con el fin de hacerlo ms

grafico, entonces seleccione el control ImageList del cuadro de herramientas y
agrguelo al formulario Principal, cambie el valor de la propiedad Name por
listaimagenes y luego seleccione la propiedad Images del control ImageList para
visualizar el Editor de la coleccin Image y con el botn Agregar seleccione las
imgenes deseadas para incluirlas en los botones, la siguiente figura ilustra la seleccin
de imgenes.
Figura 8.31 Editor de la coleccin Image.

El siguiente paso es adicionar cada imagen al respectivo botn. Lo primero que

se debe hacer es seleccionar el control barradeherramientas y elegir la propiedad
ImageList y agregarle el control listaimagenes. Ahora escoja la propiedad Button y
seleccionando el botn respectivo modifique la propiedad ImageIndex y seleccione la
imagen correspondiente. Modificando la propiedad ToolTipText puede adicionar un
texto que indique la operacin que realiza cada botn, esta informacin se visualizar
cuando el usuario se acerque con el mouse al botn escogido. Se visualizara la
siguiente figura:
Figura 8.32 Formulario con barra de herramientas e imgenes.

115

Si se desea programar cada uno de los controles de la barra de herramientas,

haga doble clic sobre el control barradeherramientas y en el procedimiento escriba el
cdigo correspondiente por cada control existente. En este caso se escribir cdigo para
que se ejecute cuando se pulse el ToolbarButton1 de la siguiente manera:
If [Link] Is ToolBarButton1 Then
MsgBox ("Tarea a realizar el control especificado")
End If

En el anterior cdigo se pregunta que si el evento que se ha realizado es de tipo

Button y si el objeto es el ToolBarButton1 (corresponde al primer boton de la barra de
herramientas) entonces se muestra el mensaje correspondiente. Al hacer clic sobre el
control se visualiza la siguiente figura:
Figura 8.33 Ejecucin de un botn de la barra de herramientas.

116

9. GRFICOS Y ANIMACIN
En Microsoft Visual Basic .NET crear efectos especiales de animacin es una tarea
sencilla. En este captulo aprender a mover los controles en forma horizontal, vertical o
diagonal utilizando las propiedades Left y Top, expandir o contraer los controles
manipulando las propiedades Height y Width, como tambin crear efectos de
animacin sencillos utilizando los controles PictureBox, Timer, ImageList.
9.1 Grficos utilizando el espacio de nombres [Link]
El espacio de nombres [Link] contiene numerosas clases con las que se
pueden crear dibujos en un programa. Especficamente con la clase
[Link] la cual contiene mtodos y propiedades para dibujar figuras
en un formulario. El punto de partida del sistema de coordenadas de un formulario es la
esquina superior izquierda con coordenada (0,0). El sistema de coordenadas est
compuesto por filas y columnas que representan los puntos de una imagen llamados
pxeles. Las figuras se pueden crear vacas (prefijo draw) o con relleno de color (prefijo
fill).
Para utilizar un mtodo grafico es necesario crear un objeto
[Link] y un objeto Pen (argumento cuando no se rellena con
ningn color) o Brush (cuando se quiere tener un color de relleno).En la siguiente tabla
se muestran algunas de las figuras geomtricas de Visual Basic .NET:
Tabla 9.1 Figuras geomtricas de .NET.
Figura
Punto (estructura)

Mtodo
Point

Descripcin
Representa un par ordenado de coordenadas x e
y de enteros que define un punto en un plano
bidimensional.

Rectangulo
(estructura)

Rectangle

Recta

DrawLine

Rectangulo

DrawRectangle,
FillRectangle
DrawEllipse,
FillEllipse

Almacena un conjunto de cuatro enteros que

representan la posicin y tamao de un
rectngulo.
Dibuja una lnea que conecta los dos puntos
especificados por los pares de coordenadas
Dibuja un rectngulo especificado por un par de
coordenadas, un valor de ancho y un valor de alto.
Dibuja una elipse definida por un rectngulo
delimitador especificado por un par de
coordenadas, un valor de alto y un valor de ancho.
Dibuja una curva a travs de una matriz
especificada por la estructura Point.
Dibuja un arco especificado por un par de
coordenadas, un valor de ancho y un valor de alto.
Dibuja un polgono definido por una matriz
especificada por la estructura Point.
Dibuja una forma circular definida por una elipse
determinada por un par de coordenadas, unos
valores de ancho y alto y dos lneas radiales.

Circulo / Elipse

Curva

DrawCurve

Arco

DrawArc

Poligono

DrawPolygon,
FillPolygon
DrawPie, FillPie

Pie

117

9.1.1 Ejemplo prctico grficos con [Link]

Disear una aplicacin que permita a un usuario graficar: una lnea, un rectngulo sin
relleno, un rectngulo con relleno, una curva, una elipse sin relleno, una elipse con
relleno, un arco , un polgono y una grafica de torta.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control Button y adicione nueve
(9) al formulario. La figura muestra la interfaz de usuario:
Figura 9.1 Interfaz de usuario DibujosenFormularios.

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 9.2. Propiedades de los controles de la aplicacin DibujosenFormularios
Control
Button1
Button2
Button3
Button4
Button5

Propiedad
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text

Valor
lnea
lnea
curva
Curva
rectangulosr
Rectangulo sin Relleno
rectangulocr
Rectangulo con Relleno
elipsesr
Elipse sin Relleno

118

Button6
Button7
Button8
Button9
Form1

Name
Text
Name
Text
Name
Text
Name
Text
Name
Text

elipsecr
Elipse con Relleno
arco
Arco
polgono
Poligon
pie
Torta
Formulario
Grficos Visual Basic .NET

Escribir cdigo
Seleccione el objeto lnea, d doble clic para abrir el editor del procedimiento
linea_Clicked y escriba el siguiente cdigo:
Dim graficar As [Link]
Dim color As New [Link] ([Link])
graficar = [Link]
[Link] (color, 10, 20, 60, 80)

En el anterior cdigo se define una variable graficar de tipo

[Link] a dicha variable se le asigna el mtodo CreateGraphics
para crear graficas, tambin se crea un objeto color de tipo [Link] para
seleccionar el color de la lnea. El mtodo DrawLine permite dibujar una lnea, dicho
mtodo contiene cinco parmetros: el primero es el color de la lnea, el segundo es la
coordenada x inicial, el tercero es la coordenada y inicial, el cuarto es la coordenada x
final y el quinto es la coordenada y final.
Seleccione el objeto curva, d doble clic para abrir el editor del procedimiento
curva_Clicked y escriba el siguiente cdigo:
Dim graficar As [Link]
Dim color As New [Link]([Link])
graficar = [Link]
Dim punto1 As New Point(80, 20)
Dim punto2 As New Point(100, 30)
Dim punto3 As New Point(110, 40)
Dim punto4 As New Point(70, 50)
Dim curva As Point () = {punto1, punto2, punto3, punto4}
[Link] (color, curva)

Se define una variable graficar de tipo [Link] a dicha

variable se le asigna el mtodo CreateGraphics para crear graficas, tambin se crea un
objeto color de tipo [Link] para seleccionar el color de la curva. Se
definen por medio de la estructura Point, ocho puntos los cuales son almacenados es
una variable curva de tipo Point (). El mtodo DrawCurve permite dibujar una curva,
dicho mtodo contiene dos parmetros: el primero es el color de la curva y el segundo
es un arreglo con los puntos definidos.
Seleccione el objeto rectasr, d doble clic para abrir el editor del procedimiento
rectasr_Clicked y escriba el siguiente cdigo:

119

Dim graficar As [Link]

Dim color As New [Link]([Link])
graficar = [Link]
[Link] (color, 150, 10, 200, 100)

Se define una variable graficar de tipo [Link] a dicha

variable se le asigna el mtodo CreateGraphics para crear graficas, tambin se crea un
objeto color de tipo [Link] para seleccionar el color del rectngulo. El
mtodo DrawRectangle permite dibujar un rectngulo sin relleno, dicho mtodo
contiene cinco parmetros: el primero es el color del rectngulo, el segundo es la
coordenada x, el tercero es la coordenada y, el cuarto es el ancho y el quinto es el alto.
Seleccione el objeto arco, d doble clic para abrir el editor del procedimiento
arco_Clicked y escriba el siguiente cdigo:
Dim graficar As [Link]
Dim color As New [Link]([Link])
graficar = [Link]
[Link] (color, 140, 120, 200, 100, 100, -180)

Se define una variable graficar de tipo [Link] a dicha

variable se le asigna el mtodo CreateGraphics para crear graficas, tambin se crea un
objeto color de tipo [Link] para seleccionar el color del arco. El mtodo
DrawArc permite dibujar un arco, dicho mtodo contiene siete parmetros: el primero
es el color del arco, el segundo es la coordenada x, el tercero es la coordenada y, el
cuarto es el ancho, el quinto es el alto, el sexto es el ngulo inicial y el sptimo es el
ngulo final.
Seleccione el objeto elipsesr, d doble clic para abrir el editor del procedimiento
elipsesr_Clicked y escriba el siguiente cdigo:
Dim graficar As [Link]
Dim color As New [Link]([Link])
graficar = [Link]
[Link] (color, 10, 140, 100, 60)

Se define una variable graficar de tipo [Link] a dicha

variable se le asigna el mtodo CreateGraphics para crear graficas, tambin se crea un
objeto color de tipo [Link] para seleccionar el color de la elipse. El
mtodo DrawEllipse permite dibujar una elipse sin relleno, dicho mtodo contiene
cinco parmetros: el primero es el color de la elipse, el segundo es la coordenada x, el
tercero es la coordenada y, el cuarto es el ancho y el quinto es el alto.
Seleccione el objeto rectacr, d doble clic para abrir el editor del procedimiento
rectacr_Clicked y escriba el siguiente cdigo:
Dim graficar As [Link]
Dim relleno As New SolidBrush([Link])
graficar = [Link]
[Link] (relleno, 400, 10, 430, 100)

Se define una variable graficar de tipo [Link] a dicha

variable se le asigna el mtodo CreateGraphics para crear graficas, tambin se crea un
objeto relleno de tipo SolidBrush para seleccionar el color de relleno del rectngulo. El

120

mtodo FillRectangle permite dibujar un rectngulo con color de relleno, dicho mtodo
contiene cinco parmetros: el primero es el color de relleno, el segundo es la
coordenada x, el tercero es la coordenada y, el cuarto es el ancho y el quinto es el alto.
Seleccione el objeto elipsecr, d doble clic para abrir el editor del procedimiento
elipsecr_Clicked y escriba el siguiente cdigo:
Dim graficar As [Link]
Dim relleno As New SolidBrush([Link])
graficar = [Link]
[Link] (relleno, 140, 120, 80, 80)

Se define una variable graficar de tipo [Link] a dicha

variable se le asigna el mtodo CreateGraphics para crear graficas, tambin se crea un
objeto relleno de tipo SolidBrush para seleccionar el color de relleno de la elipse. El
mtodo FillEllipse permite dibujar una elipse con relleno, dicho mtodo contiene cinco
parmetros: el primero es el color de relleno de la elipse, el segundo es la coordenada x,
el tercero es la coordenada y, el cuarto es el ancho y el quinto es el alto.
Seleccione el objeto polgono, d doble clic para abrir el editor del procedimiento
poligono_Clicked y escriba el siguiente cdigo:
Dim graficar As [Link]
Dim relleno As New SolidBrush([Link])
graficar = [Link]
Dim punto1 As New Point(500, 140)
Dim punto2 As New Point(460, 180)
Dim punto3 As New Point(460, 220)
Dim punto4 As New Point(500, 260)
Dim punto5 As New Point(540, 260)
Dim punto6 As New Point(580, 220)
Dim punto7 As New Point(580, 180)
Dim punto8 As New Point(540, 140)
Dim curva As Point () = {punto1, punto2, punto3, punto4,
punto5, punto6, punto7, punto8}
[Link] (relleno, curva, [Link])

Se define una variable graficar de tipo [Link] a dicha

variable se le asigna el mtodo CreateGraphics para crear graficas, tambin se crea un
objeto relleno de tipo SolidBrush para seleccionar el color de relleno de un polgono.
Se especifica por medio de la estructura Point, ocho puntos los cuales son almacenados
es una variable curva de tipo Point. El mtodo FillPolygon permite dibujar un
polgono, dicho mtodo contiene tres parmetros: el primero es el color de relleno, el
segundo es el arreglo de puntos y el tercero es el tipo de relleno.
Seleccione el objeto pie, d doble clic para abrir el editor del procedimiento
pie_Clicked y escriba el siguiente cdigo:
Dim graficar As [Link]
Dim color As New [Link]([Link])
graficar = [Link]
[Link](color, New Rectangle(New Point(380, 240),
New Size (150, 85)), 0, 270)

121

Se define una variable graficar de tipo [Link] a dicha

variable se le asigna el mtodo CreateGraphics para crear graficas, tambin se crea un
objeto color de tipo [Link] para seleccionar el color del grafico. Se
especifican por medio de la estructura Rectangle, dos puntos los cuales son
almacenados es una variable curva de tipo Point. El mtodo DrawPie permite dibujar
una torta, dicho mtodo contiene tres parmetros: el primero es una estructura
Rectangle donde se especifican dos puntos, el segundo es el ancho y alto definido por
la estructura Size, el tercero es el ngulo inicial y el cuarto es el ngulo final.
Ejecutar el proyecto
Al ejecutar el proyecto en el entorno de desarrollo de visual [Link], se visualiza la
siguiente figura:
Figura 9.2 Ejecucin aplicacin DibujosenFormularios.

Al pulsar cada uno de los botones de obtendr la siguiente figura:

Figura 9.3 Formulario con figuras geomtricas.

122

9.2 Movimiento de un control

Para que un control se mueva en forma horizontal, vertical o diagonal es necesario
modificar las propiedades del control Top y Left. La propiedad Left permite mover un
control de izquierda a derecha y viceversa. La propiedad Top permite mover un objeto
de arriba abajo y viceversa. La combinacin de Left y Top permite el movimiento de un
control en forma diagonal. Existen dos formas de realizar esta operacin: manualmente
y automticamente. De la forma manual se puede realizar haciendo un clic sobre un
botn cada vez que el usuario desea mover la figura. Dicho control contendr el cdigo
que permitir realizar un movimiento especfico. La forma automtica se realiza por
medio de un control Timer que permite manejar intervalos de tiempo y el cual se puede
programar para que realice unas tareas especificas en un determinado intervalo de
tiempo.
9.2.1 Ejemplo prctico movimiento de un control
Realizar una aplicacin que permita a un usuario por medio de botones mover una
imagen en forma horizontal y vertical en forma manual y automtica.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en los controles PictureBox y Timer y
adicinelos al formulario. Tambin adicione cuatro Button al formulario. La figura
muestra la interfaz de usuario:
Figura 9.4. Interfaz de usuario

123

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 9.3 Propiedades de los controles de la aplicacin MovimientoImagen.
Control
PictureBox1

Button1
Button2
Button3
Button4

Form1

Propiedad
Name
SizeMode
Image
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Interval

Timer1

Valor
imagen
StretchImage
Seleccione la imagen deseada
Abajo
Mover a Abajo
Derecho
Mover a la Derecha
AutoAbajo
Mover Automticamente a Abajo
Autoderecho
Mover Automticamente a la
Derecha
Formulario
Movimiento de una Imagen
reloj
500

Escribir cdigo
Seleccione el objeto abajo, d doble clic para abrir el editor del procedimiento
abajo_Clicked y escriba el siguiente cdigo:
[Link] = [Link] + 10

En este cdigo se modifica el valor de la propiedad Top del objeto imagen en 10

pxeles, lo que hace que cuando el usuario de clic sobre el botn la imagen se desplazar
10 pxeles hacia abajo. Si se desea que el control imagen se devuelva los mismos 10
pxeles hacia arriba modifique la propiedad Top en -10.
Seleccione el objeto derecha, d doble clic para abrir el editor del procedimiento y
escriba el siguiente cdigo:
[Link] = [Link] + 10

En este cdigo se modifica el valor de la propiedad Left del objeto imagen en

10 pxeles, lo que hace que cuando el usuario de clic sobre el botn la imagen se
desplazar hacia la derecha 10 pxeles. Si se desea que el control imagen se devuelva
los mismos 10 pxeles hacia la izquierda modifique la propiedad Left en -10.
Seleccione el objeto autoabajo, de doble clic para abrir el editor del procedimiento y
escriba el siguiente cdigo:
[Link]=true

124

En este cdigo se modifica el valor de la propiedad Enabled del control reloj

para que se active el reloj en el intervalo especificado. Adems de realizar esta
operacin tambin se debe seleccionar el Timer y escribir el siguiente cdigo:
[Link] = [Link] + 10

Esto permitir que cuando se haga clic sobre el botn Mover automticamente
hacia abajo, la imagen se desplazar 10 pxeles indefinidamente hacia abajo. Si lo que
se desea es hacer clic sobre el botn Mover automticamente a la derecha en el
procedimiento del objeto autoderecho escriba el siguiente cdigo:
[Link]=true

Y en el procedimiento del Timer escriba el cdigo:

[Link] = [Link] + 10

Ahora si se quiere que la imagen se desplace diagonalmente hacia la derecha,

escriba el siguiente cdigo en el Timer:
[Link] = [Link] + 10
[Link]= [Link] + 10

Si lo que se desea es un desplazamiento diagonalmente hacia la izquierda a las

propiedades Top y Left rstele 10 pxeles. Tambin se podra agregar otro botn que le
permitiera detener el reloj, escribindole el siguiente cdigo:
[Link]=false

Ejecutar el proyecto
Al ejecutar el proyecto en el entorno de desarrollo de visual [Link], se debe
representa la siguiente figura:
Figura 9.5. Ejecucin aplicacin MovimientoImagen

125

Ahora haga clic sobre el botn deseado y visualice el movimiento de la imagen.

9.3 Expandir y contraer un control
Para que un control se pueda expandir o contraer es necesario modificar las propiedades
del control Width y Height. La propiedad Width permite modificar el ancho del
control y la propiedad Height permite modificar la altura de un objeto. Tambin se
puede realizar esta operacin en forma manual y automtica.
9.3.1 Ejemplo prctico expandir y contraer un control
Realizar una aplicacin que permita a un usuario por medio de botones expandir y
contraer una imagen en forma manual y automtica.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control PictureBox y adicinelo al
formulario. Tambin seleccione dos Timer y cuatro Button al formulario. La figura
muestra la interfaz de usuario:
Figura 9.6 Interfaz de usuario ExpandirContraerImagen.

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:

126

Tabla 9.4 Propiedades de los controles de la aplicacin ExpandirContraerImagen.

Control
PictureBox1

Button1
Button2
Button3
Button4
Form1
Timer1
Timer2

Propiedad
Name
SizeMode
Image
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Interval
Name
Interval

Valor
imagen
StretchImage
Seleccione la imagen deseada
expandir
Expandir Imagen Manualmente
Contraer
contraer Imagen Manualmente
expandirAuto
Expandir Imagen Automticamente
ContraerAuto
contraer Imagen Automticamente
Formulario
Expandir y contraer una imagen
Reloj1
500
Reloj2
500

Escribir cdigo
Seleccione el objeto expandir, d doble clic para abrir el editor del procedimiento y
escriba el siguiente cdigo:
[Link] = [Link] + 10
[Link] = [Link] + 10

En este cdigo se modifica el valor de las propiedades Width y Height en 10

pxeles, lo que hace que cuando el usuario de clic sobre el botn la imagen se vuelva 10
pxeles ms ancha y alta.
Seleccione el objeto contraer, d doble clic para abrir el editor del procedimiento y
escriba el siguiente cdigo:
[Link] = [Link] - 10
[Link] = [Link] - 10

En este cdigo se modifica el valor de las propiedades Width y Height en -10

pxeles, lo que hace que cuando el usuario de clic sobre el botn la imagen se vuelva 10
pxeles menos ancha y alta.
Seleccione el objeto expandirAuto, de doble clic para abrir el editor del procedimiento
y escriba el siguiente cdigo:
[Link] = True
[Link] = False

En este cdigo se modifica el valor de la propiedad Enabled de los controles

Timer, lo que permite que el usuario cuando haga clic sobre el botn se active el
control reloj1 y se desactive el control reloj2.

127

Seleccione el objeto reloj2, de doble clic para abrir el editor del procedimiento y escriba
el siguiente cdigo:
[Link] = [Link] - 10
[Link] = [Link] - 10

En este cdigo se modifica el valor de las propiedades Width y Height en -10

pxeles, lo que hace que cuando el usuario de clic sobre el botn la imagen se vuelva 10
pxeles menos ancha y alta en forma automtica.
Seleccione el objeto reloj1, de doble clic para abrir el editor del procedimiento y escriba
el siguiente cdigo:
[Link] = [Link] + 10
[Link] = [Link] + 10

En este cdigo se modifica el valor de las propiedades Width y Height en 10

pxeles, lo que hace que cuando el usuario de clic sobre el botn la imagen se vuelva 10
pxeles ms ancha y alta en forma automtica.
Seleccione el objeto contraerAuto, de doble clic para abrir el editor del procedimiento
y escriba el siguiente cdigo:
[Link] = False
[Link] = True

En este cdigo se modifica el valor de la propiedad Enabled de los controles

Timer, lo que permite que el usuario cuando haga clic sobre el botn se active el
control reloj2 y se desactive el control reloj1.
Ejecutar el proyecto
Al ejecutarse el proyecto en el entorno de desarrollo de visual [Link], se visualiza
la figura 9.7:
Figura 9.7 Ejecucin aplicacin ExpandirContraerImagen.

128

Ahora haga clic sobre el botn deseado y visualice la expansin o contraccin de

la imagen.
9.4 Ejemplos prcticos de animacin
Ejemplo 1. Caritas
a) Realizar una aplicacin donde realice la simulacin de animacin de varias
imgenes de caritas.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control PictureBox y adicione seis
controles y un control Timer al formulario. Adems adicione 2 Button al formulario.
La figura muestra la interfaz de usuario:
Figura 9.8 Interfaz de usuario Caritas.

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:

129

Tabla 9.5 Propiedades de los controles de la aplicacin Caritas.

Control
PictureBox1

PictureBox2

PictureBox3

PictureBox4

PictureBox5

PictureBox6

Button1
Button2
Form1
Timer1

Propiedad
Name
SizeMode
Image
Visible
Name
SizeMode
Image
Visible
Name
SizeMode
Image
Visible
Name
SizeMode
Image
Visible
Name
SizeMode
Image
Visible
Name
SizeMode
Visible
Name
Text
Name
Text
Name
Text
Name
Interval

Valor
carita1
StretchImage
Seleccione la imagen deseada ([Link])
False
carita2
StretchImage
Seleccione la imagen deseada ([Link])
False
Carita3
StretchImage
Seleccione la imagen deseada ([Link])
False
Carita4
StretchImage
Seleccione la imagen deseada ([Link])
False
Carita5
StretchImage
Seleccione la imagen deseada ([Link])
False
animacion
StretchImage
True
inicia
Iniciar
Para
Parar
Formulario
Efectos de Animacin
reloj
500

El formulario se visualizara como muestra la siguiente figura:

Figura 9.9 Formulario con controles modificados de la aplicacin Caritas.

130

Escribir cdigo
Cree una variable global llamada mover. Dicha variable se crea pulsando doble clic
sobre el formulario y en el inicio del editor buscar la clase Formulario:
Public Class Formulario
Inherits [Link]
Dim mover As Integer

Seleccione el objeto formulario, d doble clic para abrir el editor del procedimiento
Formulario_Load y escriba el siguiente cdigo:
mover=0

Seleccione el objeto inicia, d doble clic para abrir el editor del procedimiento
inicia_Clicked y escriba el siguiente cdigo:
[Link] = True

En este cdigo se modifica el valor lgico de la propiedad Enabled del control

reloj para activar el control Timer.
Seleccione el objeto para, d doble clic para abrir el editor del procedimiento
para_Clicked y escriba el siguiente cdigo:
[Link] = False

En este cdigo se modifica el valor lgico de la propiedad Enabled del control

reloj para desactivar el control Timer.
Seleccione el objeto reloj, de doble clic para abrir el editor del procedimiento y escriba
el siguiente cdigo:
If mover > 5 Then
mover = 0
End If
Select Case mover
Case 0
[Link]
Case 1
[Link]
Case 2
[Link]
Case 3
[Link]
Case 4
[Link]
End Select
mover = mover + 1

= [Link]
= [Link]
= [Link]
= [Link]
= [Link]

En este cdigo se evala el valor de la variable mover. Si el valor es mayor que

cinco, la variable se inicializa en cero. Tambin se evala dicho valor para asignarle al
control animacin la imagen correspondiente y por ltimo se va incrementando el valor
de la variable mover.
131

Ejecutar el proyecto
Cuando se ejecuta el proyecto en el entorno de desarrollo de visual [Link] se
visualiza la siguiente pantalla:
Figura 9.10 Ejecucin aplicacin caritas.

Al hacer clic sobre el botn Iniciar se inicia el efecto de animacin. Si se desea

detener el efecto de animacin se debe pulsar el botn Parar.
Ejemplo 2. Semaforo
b) Realizar una aplicacin que simule la operacin de un semforo.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control PictureBox y adicione seis
controles y dos controles Timer al formulario. Adems, seleccione un control Button y
adicinelo al formulario. La figura muestra la interfaz de usuario:
Figura 9.11 Interfaz de usuario Semaforo.

132

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 9.6 Propiedades de los controles de la aplicacin MovimientoImagen.
Control
PictureBox1

PictureBox2

PictureBox3

PictureBox4

PictureBox5

PictureBox6

Button1
Form1
Timer1

Timer2

Propiedad
Name
SizeMode
Image
Visible
Name
SizeMode
Image
Visible
Name
SizeMode
Image
Visible
Name
SizeMode
Image
Visible
Name
SizeMode
Visible
Name
SizeMode
Visible
Name
Text
Name
Text
Name
Interval
Enabled
Name
Interval
Enabled

Valor
Semaforo1
StretchImage
Seleccione la imagen deseada ([Link])
False
semaforo2
StretchImage
Seleccione la imagen deseada ([Link])
False
Semaforo3
StretchImage
Seleccione
la
imagen
deseada
([Link])
False
Semafor4
StretchImage
Seleccione la imagen deseada ([Link])
False
Animacin
StretchImage
True
Carro
StretchImage
True
botn
Iniciar
Formulario
Simulacin Semforo
Reloj1
500
False
Reloj2
500
False

El formulario se visualizara como muestra la siguiente figura:

133

Figura 9.12 Formulario con controles modificados de la aplicacin Semaforo.

Escribir cdigo
Cree una variable global llamada mover. Dicha variable se crea pulsando doble clic
sobre el formulario y en el inicio del editor buscar la clase Formulario:
Public Class Formulario
Inherits [Link]
Dim mover As Integer

Seleccione el objeto formulario, d doble clic para abrir el editor del procedimiento
Formulario_Load y escriba el siguiente cdigo:
mover=0

Seleccione el objeto botn, d doble clic para abrir el editor del procedimiento
inicia_Clicked y escriba el siguiente cdigo:
[Link] = True

En este cdigo se modifica el valor lgico de la propiedad Enabled del control

reloj1 para activar el control Timer.
Seleccione el objeto reloj2, d doble clic para abrir el editor del procedimiento y escriba
el siguiente cdigo:
[Link]=[Link]+10

En este cdigo se modifica el valor de la propiedad Left del objeto carro en 10

pxeles.
134

Seleccione el objeto reloj1, d doble clic para abrir el editor del procedimiento y escriba
el siguiente cdigo:
If mover = 4 Then
mover = 1
Else
mover = mover + 1
End If
Select Case mover
Case 1
[Link] = 800
[Link] = True
[Link] = [Link]
Case 2
[Link] = 800
[Link] = False
[Link] = [Link]
Case 3
[Link] = 2000
[Link] = False
[Link] = [Link]
Case 4
[Link] = 800
[Link] = False
[Link] = [Link]
End Select

En este cdigo se evala el valor de la variable mover. Si el valor es igual a

cuatro, la variable se inicializa en uno. Tambin se evala dicho valor para asignarle al
control animacin la imagen correspondiente y modificar las propiedades Interval y
Enabled de los controles reloj1 y reloj2 respectivamente.
Ejecutar el proyecto
Al ejecutar el proyecto en el entorno de desarrollo de visual [Link], se visualiza la
siguiente figura:
Figura 9.13 Ejecucin aplicacin semforo.

Al hacer clic sobre el botn Iniciar se inicia el efecto de animacin.

135

9.5 Ejercicios de graficas y animacin

1. Escribir un programa que dibuje diez crculos concntricos. Los crculos deben
estar separados por 5 pxeles utilizando DrawEllipse.
2. Realizar un programa que dibuje lneas de longitud y color aleatorio.
3. Hacer un programa que dibuje un espiral utilizando DrawArc.
4. Disear un programa que dibuje 10 palabras con fuente aleatoria de diferente
tamao.
5. Crear un programa que capture una palabra e imprima dicha palabra en forma
aleatoria y de diferente color.
6. Escribir un programa que dibuje un tablero de ajedrez
7. Realizar un programa que dibuje un cubo
8. Hacer un programa que capture el nmero de tringulos que deben dibujarse.
Dicho tringulos deben ser de diferente color.
9. Disear un programa que lea un par de coordenadas, el radio y dibuje el crculo,
adems imprimir el dimetro, la circunferencia y el rea del crculo.
10. Crear un programa que simule un protector de pantalla. El programa deber
dibujar 50 lneas al azar y despus limpiar la pantalla y viceversa.

136

10. LA PROGRAMACIN ORIENTADA A OBJETOS CON .NET

La Programacin orientada a objetos (P.O.O) encapsula datos (atributos) y mtodos
(comportamientos) en objetos y trata de encontrar solucin de problemas. En la P.O.O.
se utilizan los siguientes conceptos:
Objetos: Entidades provistas de datos (propiedades, atributos) y
comportamientos (funcionalidad, programas, mtodos). Corresponden a los
objetos reales del mundo que nos rodea. Un objeto de una determinada clase se
invoca utilizando el operador New para dicha clase. Por ejemplo, en la siguiente
lnea se crea un objeto de la clase ClaseCuenta y se asigna a la variable
MiNuevaClase una instancia de la misma.
Dim miNuevaInstancia As ClaseCuenta=New ClaseCuenta ()

Clases: Conjuntos de objetos que comparten propiedades y comportamientos.

Abstraccin: Cada objeto en el sistema sirve como modelo de un "agente"
abstracto que puede realizar trabajo, informar y cambiar su estado, y
"comunicarse" con otros objetos en el sistema sin revelar cmo se implementan
estas caractersticas.
Encapsulacin: Tambin llamada ocultacin de la informacin, esto asegura
que los objetos no pueden cambiar el estado interno de otros objetos de manera
inesperada; solamente los propios mtodos internos del objeto pueden acceder a
su estado. Cada tipo de objeto expone una interfaz a otros objetos que especifica
cmo otros objetos pueden interactuar con l.
Polimorfismo: Programas diferentes, asociados a objetos distintos, pueden
compartir el mismo nombre, aunque el significado del programa vare segn el
objeto al que se aplica.
Herencia: Organiza y facilita el polimorfismo y la encapsulacin permitiendo a
los objetos ser definidos y creados como tipos especializados de objetos
preexistentes. Estos pueden compartir (y extender) su comportamiento sin tener
que volver a implementar su comportamiento.
Mtodo: Es un programa asociado a un objeto (o a una clase de objetos), cuya
ejecucin se desencadena mediante un "mensaje".
Mensaje: Una comunicacin dirigida a un objeto, que le ordena que ejecute uno
de sus mtodos con ciertos parmetros.
Propiedad, atributo o variable: Datos asociados a un objeto o a una clase de
objetos.
La P.O.O. expresa un programa como un conjunto de objetos, que se comunican
entre ellos para realizar tareas; siendo un objeto una unidad que contiene datos y
mtodos que operan sobre esos datos. Los objetos tienen la propiedad de ocultamiento
de la informacin, esto significa que los objetos saben comunicarse entre s a travs de
interfaces (normalmente no se permite que un objeto sepa cmo estn implementados
otros objetos).
Los objetos pueden ser activados mediante la recepcin de mensajes. Un
mensaje es simplemente una peticin para que un objeto se comporte de una
determinada manera ejecutando un mtodo. La tcnica de enviar mensajes se conoce
como paso de mensajes.
Ejemplo: Se tiene un objeto Alumno con los siguientes datos: nombre_alumno,
apeellido_alumno y un objeto curso con los mtodos: leer_datos e imprimir_datos.
137

Si el objeto Alumno recibe el mensaje imprimir_datos, esto se expresa:

Alumno.imprimir_datos ()

La sentencia anterior se lee enviar mensaje imprimir_datos al objeto Alumno.

El objeto Alumno reacciona al mensaje ejecutando el mtodo que ha sido llamado.
Una clase es un tipo definido por el usuario que determina las estructuras de
datos y las operaciones asociadas con ese tipo. Cada vez que se construye un objeto de
una clase, se crea una instancia de esa clase. En general, los trminos objetos e
instancias de una clase se pueden utilizar indiferentemente. Una clase es una coleccin
de objetos similares y un objeto es una instancia de una definicin de una clase. La
comunicacin con el objeto se realiza a travs del paso de mensajes. El envo a una
instancia de una clase produce la ejecucin de un mtodo. Para declarar una clase se
utiliza la palabra reservada Class seguida del nombre de la clase y el cuerpo de la
misma, terminndose con End Class. El cuerpo de la clase incluye los atributos y los
mtodos.
Class Alumno
Cuerpo de clase (Atributos y mtodos)
End Class

Toda clase debe contener una definicin de variables o mtodos precedida por
un modificador de acceso a los miembros; los modificadores de acceso a miembros
pueden aparecer varias veces y en cualquier orden en una definicin de una clase.
Los datos o variables definidos en una clase se llaman variables de instancias. El
cdigo est contenido en los mtodos. Los mtodos y las variables de instancias
definidas en una clase son los miembros de la clase.
Class Alumno
Private nombre_alumno As String
Private asignatura As String
Private curso As integer
Public Function obtenerNombre(nombre As String) As String
return nombre
End Function
Public Function obtenerCurso(curso As Integer) As Integer
return curso
End Function
..
End Class

Un programa orientado a objetos es una coleccin de clases. Se necesita un

mtodo principal que cree objetos y comience la ejecucin mediante la invocacin de
sus mtodos. En realidad, cuando se ejecuta un programa orientado a objetos ocurren
tres acciones:
1. Se crean los objetos cuando se necesitan
2. Los mensajes se envan desde unos objetos y se reciben en otros
3. Se borran los objetos cuando ya no son necesarios y se recupera la memoria ocupada
por ellos.

138

10.1 Modificadores de control de acceso

La encapsulacin de datos proporciona el atributo de control de acceso. A travs de la
encapsulacin se puede controlar que partes de un programa pueden acceder a los
miembros de una clase para prevenir cambios no deseables en los datos. El acceso a un
miembro de una clase se determina con el especificador de acceso que modifica su
declaracin. Los modificadores de acceso de Visual [Link] son: public (pblico),
private (privado) y protected (protegido).
Cuando un miembro de una clase tiene el especificador public, ese miembro
puede ser accedido por cualquier parte del programa. Cuando un miembro es protected,
ese miembro puede ser utilizado para realizar la herencia. Cuando un miembro es
private, ese miembro slo puede ser accedido por otros miembros de esa clase.
Cuando no se utiliza ningn especificador de acceso, por defecto los miembros
de una clase son pblicos dentro de su propio paquete. Un especificador precede al resto
de la especificacin de tipo del miembro de la clase, es decir, debe iniciar una sentencia
de declaracin de un miembro.
Public numero As Integer
Private cuenta As double
Public Sub mifuncion(x As integer, y As String)
Private function mifuncion() As Integer

10.2 Constructores
Se llama constructor a un mtodo que tiene el mismo nombre de la clase, el cual se
inicializa automticamente cuando se crea un objeto de la clase. Los constructores
pueden recibir argumentos pero no pueden devolver valores.
10.2.1 Constructores sin parmetros
En algunos casos es necesario crear varios objetos que se inicialicen siempre con
valores predeterminados, es decir, cada vez que se cree un nuevo objeto este se
inicializara con los mismos valores.
Class Alumno
Private nombre_alumno As String
Private asignatura As String
Private curso As Integer
Public Sub Alumno ()
Nombre_alumno=
asignatura=
curso=0
End Sub
Public Function obtenerNombre(nombre As String) As String
return nombre
End Function
Public Function obtenerCurso(curso As Integer) As Integer
return curso
End Function
End Class

139

10.2.2 Constructores con parmetros

Existen casos en que es necesario crear varios objetos que se inicialicen con diferentes
valores, como se puede apreciar, en el ejemplo anterior cada vez que se crea un nuevo
objeto este se inicializara con los mismos valores, la solucin es crear un constructor
que tenga parmetros.
Class Alumno
Private nombre_alumno As String
Private asignatura As String
Private curso As integer
Public Sub Alumno(nombre As String, asig As String, numero As Integer)
nombre_alumno=alumno
asignatura=asig
curso=numero
End Sub
Public Function obtenerNombre(nombre As String) As String
return nombre
End Function
Public Function obtenerCurso(curso As Integer) As Integer
return curso
End Function
..
End Class

10.3 Sobrecarga de constructores

La sobrecarga de constructores se refiere a la creacin de mtodos constructores con el
mismo nombre pero con diferente lista de parmetros en la misma clase. Cuando invoca
un constructor sobrecargado, .NET utiliza como apoyo el nmero de parmetros como
gua para determinar la versin del constructor sobrecargado que realmente debe llamar.
Adems, de la sobrecarga de constructores, tambin es posible realizar la sobrecarga
con otros mtodos. De hecho las clases que se implementan en la realidad, la sobrecarga
de constructores es la norma y no la excepcin.
Class Alumno
Private nombre_alumno As String
Private asignatura As String
Private curso As integer
Public Sub Alumno(nombre As String, asig As String, numero As Integer)
nombre_alumno=alumno
asignatura=asig
curso=numero
End Sub
Public Sub Alumno(nombre As String, asig As String)
nombre_alumno=alumno
asignatura=asig
curso=0
End Sub
Public Function obtenerNombre(nombre As String) As String
return nombre
End Function
Public Function obtenerCurso(curso As Integer) As Integer
return curso
End Function
..
End Class

140

10.4 Herencia y polimorfismo

La herencia es la posibilidad de crear una nueva clase a partir de una clase existente, la
clase nueva hereda todos los atributos y comportamientos de una clase existente. En la
nueva clase se pueden agregar atributos y comportamientos o supeditar los
comportamientos de la superclase a fin de adaptar la clase a las nuevas necesidades.
El polimorfismo permite escribir programas para manejar una amplia variedad
de clases interrelacionadas existentes y por especificar.
Al crear una nueva clase (clase derivada), en lugar de escribir variables y
mtodos totalmente nuevos, el programador puede indicar que la nueva clase puede
heredar las variables y los mtodos de una superclase (clase base) previamente definida.
Para poder acceder a las variables de la superclase estas previamente deben estar
con el modificador de acceso protected o public:
Estudiante

Estgraduado

//clase base

Estlicenciado //clases derivadas

En Visual Basic .NET la palabra reservada Inherits permite realizar la herencia de una
clase.
Class Notas
Inherits Alumno
Cuerpo..
End class

En el anterior cdigo se define la subclase Notas que hereda (Inherits) las

propiedades y atributos de la clase Alumno.
10.5 Ejemplo prctico creacin de clases propias
Realizar una aplicacin que permita a un usuario capturar sus nombres y apellidos e
imprimir en una caja de mensaje lo capturado.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas agregue al formulario: un control Button, dos
TextBox y un Label. La figura muestra la interfaz de usuario:
Figura 10.1 Interfaz de usuario ClasesPropias.

141

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 10.1 Propiedades de los controles de la aplicacin ClasePropias.
Control
Button1
Label1

TextBox1
Textbox2
Form1

Propiedad
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text

Valor
botn
Mostrar Datos
Texto
Escriba su nombre y su
apellido
txtnombre
En Blanco
txtapellido
En Blanco
formulario
Creacin
de
clases
propias

El formulario se visualizara como muestra la siguiente figura:

Figura 10.2 Formulario con controles modificados de la aplicacin ClasesPropias.

Agregar nueva Clase

Para crear una nueva clase utilice el comando Agregar clase del men Proyecto, para
visualizar la siguiente figura:

142

Figura 10.3 Ventana para agregar una clase.

En el cuadro de texto Nombre cambie el nombre a la clase por base, luego pulse
el botn Abrir para visualizar un nuevo modulo de clase en el editor de cdigo y en la
lista del explorador de soluciones aparece un nuevo archivo con el nombre de la clase.
Escribir cdigo
Entre las instrucciones Public Class base y End Class, escriba el siguiente cdigo:
Private nombre As String
Private apellido As String

Se declaran dos variables (nombre y apellido) para guardar los nombres y los
apellidos digitados por el usuario respectivamente. Adems se declaran como privadas
para que no puedan ser utilizadas fuera de la clase.
Public Property nombres() As String
Get
Return nombre
End Get
Set(ByVal Valor As String)
nombre = Valor
End Set
End Property

Se define una funcin Property que retornar valores de tipo Strings llamada
nombres, cuando se pulse Enter se generar automticamente el bloque Get y Set. En
el bloque Get se retorna por intermedio de la palabra reservada Return la informacin
que contenga la variable nombre. En el bloque Set se recibe como parmetro la

143

variable valor de tipo String, la cual recibe la informacin del objeto txtnombre que es
enviada por el usuario y dicha informacin es asignada a la variable nombre.
Public Property apellidos() As String
Get
Return apellido
End Get
Set(ByVal Valor As String)
apellido = Valor
End Set
End Property

Se define una funcin Property que retornar valores de tipo Strings llamada
apellidos, cuando se pulse Enter se generar automticamente el bloque Get y Set. En
el bloque Get se retorna por intermedio de la palabra reservada Return la informacin
que contenga la variable apellido. En el bloque Set se recibe como parmetro la
variable valor de tipo String la cual recibe la informacin del objeto txtapellido que es
enviada por el usuario y dicha informacin es asignada a la variable apellido.
Seleccione el objeto botn, d doble clic para abrir el editor del procedimiento
boton_Clicked y escriba el siguiente cdigo:
Dim persona As new base
[Link] = [Link]
[Link] = [Link]
MsgBox ("Sus nombres son: " & [Link] & "
y sus apellidos son:" & [Link])

En este cdigo primero se crea una instancia de tipo base llamada persona.
Luego se le asigna a las propiedades nombres y apellidos los valores correspondientes
de los objetos txtnombre y txtapellido. Por ltimo se muestra en una caja de mensajes
los nombres y los apellidos que fueron digitados.
Ejecutar el proyecto
Al ejecutar el proyecto en el entorno de desarrollo de visual [Link] se visualiza:
Figura 10.4 Ejecucin aplicacin ClasesPropias.

144

Al digitar la informacin requerida en los campos de texto y hacer clic en el

botn Mostrar Datos, se visualizar la siguiente figura:
Figura 10.5 Ventana de resultados de la aplicacin ClasesPropias.

10.6 Heredar una clase base

Para heredar una clase base (padre) como se dijo anteriormente es necesario utilizar la
instruccin Inherits para incluir la clase definida previamente en una nueva clase.
Tambin se pueden agregar mtodos y propiedades adicionales a la clase heredada.
Continuando con el mismo ejercicio, agrguele una segunda clase definida
dentro del modulo de la clase base. Esta nueva clase se llamar datos y heredar las
propiedades nombres y apellidos de la clase base. En esta clase se le agregarn dos
propiedades: edad para obtener la edad y nacimiento para obtener la ciudad de
nacimiento de la persona.
Haga clic en la clase base en el explorador de soluciones, sitese debajo de la
instruccin End Class y escriba el siguiente cdigo:
Public Class base
.

End Class
Public Class datos
Inherits base
Private edad As Integer
Private nacimiento As String
Public Property edades() As Integer
Get
Return edad
End Get
Set(ByVal Valor As Integer)
edad = Valor
End Set
End Property
Public Property nacimientos() As String
Get
Return nacimiento
End Get
Set(ByVal Valor As Integer)
nacimiento = Valor
End Set
End Property
End Class

145

La palabra clave Inherits enlaza la clase base a esta nueva clase, incorporado
todas sus variables, propiedades y mtodos. La clase datos tiene dos propiedades:
edades que permitir capturar la edad de una persona y nacimientos que permitir
capturar la fecha de nacimiento de una persona.
Adicione un nuevo objeto Button al formulario actual, en la propiedad Text
coloque el texto datos heredados y en la propiedad Name botonheredado. Seleccione
dicho objeto, de doble clic para abrir el editor del procedimiento
botonheredado_Clicked y escriba el siguiente el cdigo:
Dim persona As New datos
[Link] = [Link]
[Link] = [Link]
[Link] = InputBox ("Digite su edad")
[Link] = InputBox ("Digite su fecha de nacimiento:")
MsgBox ("Sus nombres son: " & [Link] &
" y sus apellidos son:" & [Link] &
" Su edad es:" & [Link] & " aos" &
" y su fecha de nacimiento es: " & [Link])

La interfaz quedara como se muestra en la siguiente figura:

Figura 10.6 Formulario de la aplicacin ClasesPropias con nuevos controles.

A continuacin ejecute el proyecto y escriba en los campos de texto un nombre y un

apellido respectivamente y pulse el botn datos heredados y capture los datos que se
solicitan. Se visualizarn las siguientes figuras:

146

Figura 10.7 Ejecucin aplicacin ClasesPropias (captura edad).

Figura 10.8 Ejecucin aplicacin ClasesPropias (captura fecha).

Figura 10.9 Ejecucin aplicacin ClasesPropias (mostrar resultados).

147

11. ACCESO A BASES DE DATOS CON .NET

11.1 Que es una base de datos
Una base de datos es un sistema formado por un conjunto de datos almacenados en
discos que permiten el acceso directo a ellos y un conjunto de programas que manipulen
ese conjunto de datos (S.G.B.D. Sistema de Gestin de Bases de Datos). Cada base de
datos se compone de una o ms tablas que guarda un conjunto de datos. Cada tabla tiene
una o ms columnas y filas. Las columnas guardan una parte de la informacin sobre
cada elemento que se quiere guardar en la tabla, cada fila de la tabla conforma un
registro. Entre las principales caractersticas se pueden mencionar:
Independencia lgica y fsica de los datos.
Redundancia mnima.
Acceso concurrente por parte de mltiples usuarios.
Integridad de los datos.
Consultas complejas optimizadas.
Seguridad de acceso y auditoria.
Respaldo y recuperacin.
Acceso a travs de lenguajes de programacin estndar.
11.2 Tipos de bases de datos
11.2.1 Relacionales
Son las que ms se utilizan. Las bases de datos relacionales son un conjunto de tablas
relacionadas entre s, cada tabla est definida por una serie de campos. Los campos
forman las columnas de las tablas; definen el tipo y la variedad de sus datos. Las filas de
datos se denominan registros (tuplas), cada tipo definido en un registro se le denomina
atributo. Las tablas pertenecientes a una base de datos pueden relacionarse entre s
utilizando campos clave comunes entre las tablas.
11.2.2 Enfoque orientado a objetos
El esquema de una base de datos por objetos est representado por un conjunto de clases
que definen las caractersticas y el comportamiento de los objetos que poblarn la base
de datos. Con una base de datos orientada a objetos, los objetos memorizados en la base
de datos contienen tanto los datos como las operaciones posibles con tales datos. En
cierto sentido, se podr pensar en los objetos como en datos a los que se les ha puesto
una inyeccin de inteligencia que les permite saber cmo comportarse, sin tener que
apoyarse en aplicaciones externas.
11.3 Lenguaje de consulta estructurado
Es un lenguaje de base de datos normalizado, utilizado por los diferentes manejadores
de bases de datos para realizar determinadas operaciones sobre los datos o sobre la
estructura de los mismos.
El lenguaje SQL (Structure Query Languaje) est compuesto por comandos,
clusulas, operadores y funciones de agregado. Estos elementos se combinan en las
instrucciones para crear, actualizar y manipular las bases de datos.
148

11.3.1 Comandos
Existen dos tipos de comandos SQL:
o
o

DLL que permiten crear y definir nuevas bases de datos, campos e ndices.
DML que permiten generar consultas para ordenar, filtrar y extraer datos de la
base de datos.

Tabla 11.1 Comandos DLL y DML de SQL.

Comandos DLL
Comando

Descripcin

CREATE

Utilizado para crear nuevas tablas, campos e ndices

DROP

Empleado para eliminar tablas e ndices.

ALTER

Utilizado para modificar las tablas agregando campos o cambiando la

definicin de los campos.
Comandos DML

Comando

Descripcin

SELECT

Utilizado para consultar registros de la base de datos que satisfagan un

criterio determinado.

INSERT

Utilizado para cargar lotes de datos en la base de datos en una nica

operacin.

UPDATE

Utilizado para modificar los valores de los campos y registros especificados.

DELETE

Utilizado para eliminar registros de una tabla de una base de datos.

11.3.2 Clusulas
Las clusulas son condiciones de modificacin utilizadas para definir los datos que
desea seleccionar o manipular.
Tabla 11.2 Clausulas SQL.
Clusula

Descripcin

FROM

Utilizada para especificar la tabla de la cual se van a seleccionar los

registros.

WHERE

Utilizada para especificar las condiciones que deben reunir los

registros que se van a seleccionar.

GROUP BY

Utilizada para separar los registros seleccionados en grupos

especficos.

HAVING

Utilizada para expresar la condicin que debe satisfacer cada grupo.

ORDER BY

Utilizada para ordenar los registros seleccionados de acuerdo con

un orden especfico.

149

11.3.3 Operadores lgicos

Los operadores lgicos comprueban la veracidad de alguna condicin. stos, como los
operadores de comparacin, devuelven el tipo de datos Boolean con el valor TRUE o
FALSE
Tabla 11.3 Operadores lgicos SQL.
Operador

Uso

AND

Es el "y" lgico. Evala dos condiciones y devuelve un valor de

verdad slo si ambas son ciertas.

OR

Es el "o" lgico. Evala dos condiciones y devuelve un valor de

verdad si alguna de las dos es cierta.

NOT

Negacin lgica. Devuelve el valor contrario de la expresin.

BETWEEN

Utilizado para especificar un intervalo de valores.

LIKE

Utilizado en la comparacin de un patrn.

IN

Utilizado para especificar registros de una base de datos.

ALL

Devuelve True si el conjunto de comparaciones en verdad.

11.3.4 Operadores de comparacin

Los operadores de comparacin comprueban si dos expresiones son iguales. Se pueden
utilizar en todas las expresiones excepto en las de los tipos de datos text, ntext o image.
Tabla 11.4 Operadores de comparacin SQL.
Operador

Uso

<

Menor que

>

Mayor que

<>

Distinto de

<=

Menor o igual que

>=

Mayor o igual que

Igual que

11.3.5 Funciones de agregado

Las funciones de agregado realizan un clculo sobre un conjunto de valores y devuelven
un solo valor. Si exceptuamos la funcin COUNT, todas las funciones de agregado
ignoran los valores NULL. Las funciones de agregado se suelen utilizar con la clusula
GROUP BY de la instruccin SELECT.

150

Tabla 11.5 Funciones de agregado SQL.

Funcin

Descripcin

AVG

Utilizada para calcular el promedio de los valores de un campo

determinado.

COUNT

Utilizada para devolver el nmero de registros de la seleccin.

SUM

Utilizada para devolver la suma de todos los valores de un campo

determinado.

MAX

Utilizada para devolver el valor ms alto de un campo especificado.

MIN

Utilizada para devolver el valor ms bajo de un campo especificado.

11.4 Sentencias SQL bsicas

Se describir muy brevemente algunas de las sentencias SQL para la manipulacin de
los datos de una tabla llamada usuarios. Para ello utilizaremos la siguiente estructura:
Tabla 11.6 Estructura de los campos de la tabla usuarios.
Campo
identificacion
Nombres
apellidos
direccin
Telfono
Ciudad_nac
Fecha_nac

Tipo de Dato
Texto
Texto
Texto
Texto
Texto
Texto
dateTime

Longitud
15
20
20
25
20
20

Y que contiene la siguiente informacin:

Tabla 11.7 Informacin de la tabla usuarios.
Identificacin
100
101
112
114
116
118
130
150
170

Nombres
Carlos
Mara
Jos
Cristian
Rosa
Andrs
Anglica
Johana
Mario

Apellidos
Romero
Castro
Pelez
Vanegas
Cetina
Vanegas
Morales
Duarte
Vargas

Direccin
Cra 7 # 20-10
Calle 25 # 25-10
Av. 35 # 32-45
Cra 7 # 29-58
Calle 17 # 21-14
Tranvs 48 # 22-10
Cra 68 # 21-11
Cra 2 # 45-38
Calle 1 # 99-18

Telfono
4152584
3692581
1234567
9874561
3571596
8527419
6549518
9637534
6598743

Ciudad_nac
Bogota
Cali
Medelln
Manizales
Buga
Bogota
Medelln
Bogota
Medelln

Fecha_nac
01/02/1980
15/03/1984
20/05/1960
31/08/1974
15/12/1985
10/04/1978
20/06/1981
12/06/1988
28/08/1980

11.4.1 Sentencia SELECT

La sentencia SQL que ms se utiliza es la instruccin de seleccin SELECT. Como su
nombre lo indica es una instruccin que permite seleccionar informacin de una tabla.
Su formato es:
SELECT campos_tabla FROM nombre_tabla

151

A continuacin se realizarn algunos ejemplos:

a) Para visualizar toda la informacin que contiene la tabla usuarios se puede

incluir con la instruccin SELECT el carcter * o cada uno de los campos
de la tabla.
SELECT * FROM usuarios
O
SELECT identificacin, nombres,.. FROM usuarios

b) Para visualizar solamente la identificacin del usuario

SELECT identificacion FROM usuarios

c) Si se desea obtener los registros cuya identificacin sea menor o igual que
116, se debe utilizar la clusula WHERE que especifica las condiciones que
deben reunir los registros que se van a seleccionar.
SELECT * FROM usuarios WHERE identificacin<=116

d) Si se desea obtener los registros cuyos nombres sean Andrs o Cristian, se

debe utilizar el operador IN que especifica registros de una tabla.
SELECT nombres FROM usuarios WHERE nombres IN (Andres,Cristian)
O se puede utilizar el operador OR
SELECT * FROM usuarios WHERE nombres=Andrs OR nombres=Cristian

e) Si se desea obtener los registros cuya identificacin sea menor de 130 y la

ciudad sea Bogota, se debe utilizar el operador AND.
SELECT * FROM usuarios WHERE identificacin<=130 AND ciudad=Bogota

f) Si se desea obtener los registros cuyos nombres empiecen por la letra C, se

debe utilizar el operador LIKE que utiliza los patrones % (todos) y _
(carcter).
SELECT * FROM usuarios WHERE nombres LIKE C%

g) Si se desea obtener los registros cuyos nombres contenga la letra i.

SELECT * FROM usuarios WHERE nombres LIKE %i%

h) Si se desea obtener los registros donde la segunda letra del nombre sea una
o.
SELECT * FROM usuarios WHERE nombres LIKE _o%

i) Si se desea obtener los registros cuya identificacin este entre el intervalo 116
y 140, se debe utilizar la clusula BETWEEN, que sirve para especificar un
intervalo de valores.

152

SELECT * FROM usuarios WHERE identificacin BETWEEN 116 AND 140

11.4.2 Sentencia INSERT

La sentencia SQL de insercin de datos INSERT permite insertar informacin en una
tabla. Su formato es:
INSERT INTO nombre_tabla (campo1, campo2,.) VALUES (valor1, valor2,.)

Para insertar un nuevo registro a la tabla usuarios se debera realizar la siguiente

sentencia:
INSERT INTO usuarios (identificacin, nombres, apellidos, direccin, telfono,
ciudad_nac,fecha_nac)
VALUES (160,Carmen,Bolivar,Calle 100 # 115-55,2014201,Barranquilla,18/11/1692)

11.4.3 Sentencia DELETE

La sentencia SQL de eliminacin de datos DELETE permite borrar todos o un grupo
especifico de registros de una tabla. Su formato es:
DELETE FROM nombre_tabla

A continuacin se realizarn algunos ejemplos:

a) Para eliminar todos los registros de la tabla usuarios.
DELETE FROM usuarios

b) Para eliminar solamente los registros cuya identificacin sea mayor que
150.
DELETE FROM usuarios WHERE identificacin >150

c) Para eliminar los registros diferentes del nombre Cristian

DELETE FROM usuarios WHERE nombres NOT IN (Cristian)

11.4.4 Sentencia ALTER

La sentencia SQL ALTER permite insertar un nuevo campo en una tabla. Su formato
es:
ALTER TABLE nombre_tabla ADD nombre_campo tipo_de_dato()

Para insertar un nuevo campo a la tabla usuarios llamado de tipo numrico se

debera realizar la siguiente sentencia:
ALTER TABLE usuarios ADD creditonumeric(18,0)

153

11.4.5 Sentencia UPDATE

La sentencia SQL de actualizacin UPDATE permite actualizar un campo de una tabla.
Su formato es:
UPDATE nombre_tabla SET nombre_campo=criterio

A continuacin realizaremos algunos ejemplos:

1. Para actualizar el campo crdito con un valor de 100000 en la tabla usuarios.
UPDATE usuarios SET credito=100000

2. Para actualizar el campo credito en 200000 para los registros cuyo nombre
empiecen por A.
UPDATE usuarios SET credito=credito +200000 WHERE nombres LIKE A%

3. Para actualizar el campo credito en 50000 para los registros cuya ciudad sea
igual a Bogota.
UPDATE usuarios SET credito=credito+50000 WHERE ciudad=Bogota

11.5 [Link]
El acceso a los orgenes de datos en [Link] se rige a travs de proveedores
administrados. Respecto a las funciones, un proveedor administrado es muy parecido a
un proveedor OLE DB, aunque con dos diferencias importantes. Primero, funcionan en
el entorno .NET y recuperan y exponen datos a travs de clases .NET, como
DataReader y DataTable. Segundo, la arquitectura resulta ms sencilla, puesto que se ha
optimizado para .NET.
Se deben utilizar clases SQL para obtener acceso a las tablas de SQL Server, ya
que se dirigen directamente a la API interna del servidor de base de datos, omitiendo el
nivel intermedio representado por el proveedor OLE DB. Las clases de ADO
constituyen una interfaz .NET adems, de los proveedores OLE DB se utilizan el puente
COM Interop para realizar esta tarea.
[Link] ofrece dos objetos para manipular los datos extrados de un origen de
datos. Se trata de los objetos DataSet y DataReader. El primero es una memoria cach
de los registros que se pueden visitar en cualquier direccin y modificar como se desee.
El segundo es un objeto optimizado para desplazarse por registros de slo lectura y slo
hacia adelante. Observe que el aspecto de DataSet es similar a un cursor esttico,
mientras que el objeto DataReader es el equivalente en .NET al cursor de slo lectura
de ADO.
Tenga en cuenta que [Link] unifica la interfaz de programacin para las
clases contenedoras de datos. Independientemente del tipo de aplicacin que desee
desarrollar (para formularios de Windows, Web o Servicios Web), maneje los datos a
travs del mismo juego de clases. Tanto si el origen de datos en el servidor es una base

154

de datos SQL Server, un proveedor OLE DB, un archivo XML o una matriz, desplcese
por el contenido y contrlelo a travs de los mismos mtodos y propiedades.
Si desea utilizar ADO en .NET, tendr que enfrentarse a algunos efectos
secundarios, como el cdigo adicional que necesitar para utilizar los RecordSets a
partir de controles enlazados a datos.
11.5.1 DataSet, DataTable y RecordSet
En [Link], toda la funcionalidad del RecordSet de ADO se ha dividido en objetos
ms simples: uno de ellos es DataReader. El objeto DataReader imita el
comportamiento de un cursor rpido, de slo lectura y que avanza.
El objeto DataTable es un objeto simple que representa un origen de datos. Se
puede crear un DataTable de forma manual, o bien, se puede rellenar automticamente
con comandos DataSet. DataTable desconoce el origen de los datos que contiene.
Permite la manipulacin de los datos en la memoria y realiza operaciones como la
exploracin, ordenacin, edicin, aplicacin de filtros, creacin de vistas, etc.
El objeto DataSet no tiene un equivalente en ADO. Se trata de una clase
contenedora de datos y es el objeto clave para realizar la abstraccin de datos de
[Link]. DataSet agrupa uno o varios objetos DataTable. DataTable expone el
contenido a travs de recopilaciones genricas, como filas y columnas. Al intentar la
lectura desde una tabla de datos, puede pasar por dos capas distintas de objetos:
DataTableMapping y DataView.
El objeto DataTableMapping contiene la descripcin de una asignacin entre
columnas de datos en un origen de datos y un objeto DataTable. El objeto
DataSetCommand utiliza esta clase al rellenar un DataSet. Mantiene el vnculo entre
columnas abstractas en el conjunto de datos y las fsicas en el origen de datos.
Una vista de la tabla se procesa a travs del objeto DataView. Representa una
vista personalizada de DataTable y se puede enlazar a controles especializados, como
el DataGrid en los formularios de Windows y de Web. Este objeto es el equivalente en
memoria a la instruccin SQL CREATE VIEW.
Todas las tablas en un objeto DataSet se pueden relacionar a travs de un campo
comn. Un objeto DataRelation puede controlar esta relacin. El modelo de
exploracin en [Link] permite el desplazamiento sencillo desde la fila maestra de
una tabla a todas las secundarias.
El objeto DataRelation representa el equivalente en memoria a la instruccin
JOIN y resulta til para implementar relaciones primaria/secundaria con columnas que
incluyen el mismo tipo de datos. Una vez establecida la relacin, no se permite ningn
cambio que la interrumpa y se origina una excepcin de tiempo de ejecucin. Las vistas
y las relaciones constituyen dos mtodos para implementar los esquemas
maestro/detalle. Recuerde que una vista es simplemente una mscara en los registros,
mientras que una relacin es un vnculo dinmico establecido entre una o varias
columnas de dos tablas y que con las relaciones no existe forma de cambiar las
condiciones de orden o conjunto.

155

11.6 Ejemplo prctico bases de datos

Hacer una aplicacin que permita realizar la conexin a una base de datos realizada en
Access.
Para implementar la aplicacin se deben realizar los siguientes pasos:

1. Crear una base de datos en Access llamada visualnet y gurdela dentro de la carpeta
que desee. Dentro de la base de datos crear una tabla llamada Clientes con la siguiente
estructura:
Tabla 11.8 Estructura tabla Clientes.
Nombre del campo

Tipo de dato

longitud

Identificacin

Texto

13

Nombres

Texto

25

Apellidos

Texto

25

Direccin

Texto

25

Telfono

Texto

15

Ciudad

Texto

20

Crdito

numrico

La tabla con 6 registros quedara de la siguiente forma:

Figura 11.1 Registros de la tabla clientes.

2. Hacer la conexin a la base de datos

Para realizar una conexin a una base de datos existente seleccione explorador de
servidores del men Ver, donde se visualizar el siguiente cuadro de dilogo:

156

Figura 11.2 Ventana explorador de soluciones.

Seleccione el icono conectar con bases de datos

para iniciar la conexin a
la base de datos y visualizar el cuadro de dilogo Propiedades de vnculos de datos,
como se muestra en la siguiente figura:
Figura 11.3 Ventana propiedades de vnculos de datos.

Pulse sobre la pestaa llamada Proveedor para seleccionar el proveedor de la

base de datos. Para este caso escoja Microsoft jet 4.0 OLE DB Provider y pulse el
botn Siguiente >>. Se visualizar la figura 11.4:

157

Figura 11.4 Ventana propiedades de vnculos de datos (proveedor).

Al pulsar el botn Siguiente>>, se visualizar la pestaa Conexin del cuadro

de dilogo propiedades de vnculo de datos, all en el paso 1, seleccione la base de
datos que previamente se haba creado, como se muestra en la siguiente figura:
Figura 11.5 Ventana propiedades de vnculos de datos (conexin).

Si desea crear una contrasea a la base de datos desactive el cuadro de

verificacin contrasea en blanco y automticamente el campo contrasea se

158

habilitar para que el usuario digite la contrasea que desee. El paso 2 es opcional.
En este momento se puede verificar la conexin pulsando el botn Probar
conexin. Si la conexin ha sido exitosa se mostrar la siguiente figura:
Figura 11.6 Ventana prueba de conexin.

En caso de que la conexin no fuese exitosa, se debe iniciar nuevamente con

cada uno de los pasos realizados hasta el momento para resolver el problema. Uno de
las posibles fallas en la conexin es que la base de datos este abierta en el momento de
la conexin proceda a cerrarla y realice nuevamente la conexin.
Para continuar pulse el botn Aceptar de la prueba de conexin, luego pulse el
botn Aceptar del cuadro de dilogo Propiedades de vnculo de datos para terminar la
conexin.
En este momento se puede pulsar el signo (+) a la izquierda de la leyenda
conexiones de datos del cuadro de dilogo Explorador de servidores para visualizar
la conexin a la base de datos visualnet. Cada vez que pulse el signo (+) se podr
apreciar la estructura de la base de datos, como se muestra en la siguiente figura:
Figura 11.7 Ventana explorador de servidores.

159

3. Seleccionar registros de un origen de datos

Para consultar los datos que se quieren mostrar de una bases de datos, se debe buscar la
pestaa Datos del cuadro de herramientas y seleccionar el objeto OleDbDataAdapter
que sirve para manipular datos de una base de datos de Access. . Es de aclarar que de
acuerdo a las base de datos se debe escoger el adaptador, como por ejemplo, si se est
trabajando con SqlServer el adaptador que se debera escoger seria SqlDataAdapter.
D doble clic sobre el objeto OleDbDataAdapter para visualizar el Asistente
para la configuracin del adaptador de datos.
Figura 11.8 Asistente para la configuracin del adaptador de datos.

Este asistente servir para especificar los comandos de conexin y la base de

datos que el adaptador utilizar para seleccionar los registros y controlar los cambios en
la base de datos. Haga clic en el botn Siguiente> para visualizar la ventana que sirve
para elegir la conexin de datos, como se puede apreciar, en la figura 11.9.
Figura 11.9 Asistente para elegir conexin de datos.

160

En este cuadro de dilogo del asistente se seleccionara la conexin de datos para

cargar y actualizar los datos. Para continuar con el ejemplo seleccione la nica conexin
que hasta el momento se ha realizado como lo es la conexin: ACCESS.
C:\prgvbnet\[Link].
Haga nuevamente clic sobre el botn Siguiente>, para elegir un tipo de consulta
SQL. Se visualizar la siguiente figura:
Figura 11.10 Asistente para elegir tipo de consulta.

En este cuadro de dilogo del asistente se utiliza la nica opcin activa como lo
es Usar instrucciones SQL, que permitir especificar la instruccin Select para cargar
los datos.
Nuevamente d clic sobre el botn Siguiente>, lo cual permitir visualizar el
cuadro de dilogo del asistente para generar las instrucciones SQL. Se visualizar la
siguiente figura:
Figura 11.11 Asistente para generar las instrucciones SQL.

161

Este cuadro de dilogo permite generar las instrucciones SQL para mostrar los
datos deseados. Existen dos formas de realizar las instrucciones SQL: la primera es
escribir cada sentencia SQL en el cuadro de texto que aparece en el asistente; la segunda
es escoger el botn Generador de Consultas. Escoja la segunda opcin, donde se
visualizar la siguiente figura:
Figura 11.12 Asistente para agregar tabla.

Aqu se pueden agregar las diferentes tablas o vistas que contiene los datos que
se desean cargar. Se debe resaltar la tabla que se desea utilizar y dr clic sobre el botn
Agregar para incluirla en la instruccin SQL. Al finalizar se debe dr clic sobre el
botn Cerrar. Para el ejemplo, seleccione la tabla clientes, agrguela y cierre el cuadro
de dilogo Agregar Tabla. Se visualizar la siguiente figura:
Figura 11.13 Generador de consultas.

162

En la tabla puede seleccionar cada uno de los campos que se quieren cargar. A
medida que incluya campos se ir generando la instruccin SQL. Al terminar de escoger
los campos d clic sobre el botn Aceptar para volver al generador de consultas SQL,
como se muestra en la siguiente figura:
Figura 11.14 Generacin de instrucciones SQL.

En este cuadro de dilogo se aprecia la instruccin SQL que se ha generado.

Nuevamente d clic sobre el botn Siguiente>, para visualizar los resultados que se
han generado con el asistente, como se muestra en la siguiente figura:
Figura 11.15 Resultado generados por el asistente.

163

Aqu se visualizan todas las tareas que se han realizado con el asistente. Se debe
hacer clic en el botn Finalizar para terminar el asistente y se visualizar la siguiente
figura:
Figura 11.16 Ventana para contrasea en la cadena de conexin.

En este cuadro de dilogo el asistente pregunta si se desea incluir una contrasea

o no. Pulse el botn No incluir contrasea. A la aplicacin se le agregar debajo del
formulario los objetos: OleDbDataAdapter y OleDbConnection. La figura que se
visualizar ser la siguiente:
Figura 11.17 Formulario con los objetos OleDbconecction1 y Oledbdataadapter1.

4. Seleccionar el conjunto de datos

El siguiente paso es crear un objeto que represente los datos que se quieren utilizar en la
aplicacin. Este objeto es llamado DataSet que representa los datos proporcionados por
la conexin de datos y que sern extrados por el objeto adaptador de datos. Haga clic
164

sobre el formulario para asegurarse de que este que de activo, seleccione la opcin
Generar conjunto de datos del men Datos. Se visualizar la siguiente figura:
Figura 11.18 Generador de conjunto de datos.

D clic sobre el botn Aceptar para agregarlo a la aplicacin como se muestra

en la siguiente figura:
Figura 11.19 Formulario con el control Dataset1 (conjunto de datos).

Adems de los tres objetos que se han creado, tambin se agrega un archivo
llamado DataSet!.xsd al explorador de soluciones, que representa el esquema de la base
de datos. Este esquema es un archivo XML que describe las tablas, campos, tipos de

165

datos del conjunto de datos. La figura 11.20, muestra como quedara el explorador de
soluciones de la aplicacin:
Figura 11.20 Explorador de soluciones y el objeto Dataset1 (conjunto de datos).

Despus de realizar cada uno de los pasos anteriores, se est para visualizar la
informacin de la base de datos. Se puede mostrar a los usuarios los registros que se
desean ver, adems se puede crear mecanismos para navegar entre los registros de una o
ms tablas. Para mostrar la informacin de una base de datos se pueden utilizar algunos
de estos controles: TextBox, ComboBox, ListBox, RadioButton, DataGrid.
Para ver la informacin de la tabla clientes se utilizar el control TextBox. Al
formulario se le debe agregar 7 Label y 7 TextBox que son el nmero de campos que
contiene la tabla clientes. El formulario quedara como se muestra en la siguiente
figura:
Figura 11.21 Interfaz de usuario para conexin a una base de datos.

166

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 11.9 Propiedades de los controles de la aplicacin BasesdeDatosBasicas.
Control
Label1

Label2
Label3
Label4
Label5
Label6
Label7
TextField1
TextField2
TextField3
TextField4
TextField5
TextField6
TextField7
Form1

Propiedad
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name
Text
Name

Valor
lblid
Identificacin:
lblnombre
Nombres:
lblapellido
Apellidos:
lbldireccion
Direccin:
lbltelefono
Telefono:
lblciudad
Ciudad
lblCredito
Credito
txtid
En blanco
txtnombres
En blanco
txtapellidos
En blanco
txtdireccion
En blanco
txttelefono
En blanco
txtciudad
En blanco
Txtcredito
En blanco
formulario

Text

Bases de Datos

El formulario se visualizara como muestra la siguiente figura:

Figura 11.22 Interfaz de usuario final.

167

Escribir cdigo
Seleccione el objeto TextBox llamado id y abra la ventana de propiedades. Busque la
categora DataBindings haga clic sobre la propiedad Text y luego d clic en la flecha
para desplegar la fuente de datos que se va a enlazar con el cuadro de texto, haga clic en
los signos (+) para expandir el conjunto de datos Dataset1 hasta encontrar los campos
de la tabla clientes y d clic sobre el campo identificacin para que en los parmetros
de la propiedad Text aparezcan los nombres de los campos, la tabla y el conjunto de
datos. La figura 11.23, muestra la ventana de propiedades del TextBox.
Figura 11.23 Ventana propiedades TextBox (txtid).

Realice la misma operacin para cada uno de los TextBox; en cada propiedad
Text quedar el campo especfico de acuerdo al formulario.
Seleccione el objeto formulario, d doble clic para abrir el editor del procedimiento
Form1_Load y escriba el siguiente cdigo:
[Link]()
[Link](DataSet11)

En la primera lnea se utiliza el mtodo Clear para limpiar el conjunto de datos

cuando se ejecuta la aplicacin. En la segunda lnea se utiliza el mtodo Fill del objeto
OleDbDataAdapter para rellenar el conjunto de datos llamado Dataset11.
Ejecutar el proyecto
Al ejecutar el proyecto en el entorno de desarrollo de Visual [Link] se visualiza:

168

Figura 11.24 Ejecucin aplicacin BasesdeDatosBasicas.

11.7 Controles de navegacin

Como se puede apreciar, en la figura 11.24, se visualiza la informacin solamente del
primer registro de la tabla Clientes. Para poder moverse por cada uno de los registros en
necesario crear una serie de botones que permitan moverse entre los diferentes registros.
Para esto se crearn los siguientes botones en el formulario: Primero, Siguiente,
Anterior, ltimo. Al formulario adicinele 4 botones y configure las siguientes
propiedades de acuerdo a la siguiente tabla:
Tabla 11.10 Propiedades de los controles para navegacin entre registros.
Control
Button1

Button2
Button3
Button4

Propiedad
Name
Text
Name
Text
Name
Text
Name
Text

Valor
botonprimero
Primero
botonsiguiente
Siguiente
botonanterior
Anterior
botonltimo
ltimo

El formulario quedara como se visualiza en la siguiente figura:

169

Figura 11.25 Interfaz de usuario con controles de navegacin.

Seleccione el objeto botonprimero, d doble clic para abrir el editor del procedimiento
botonprimero_Click y escriba el siguiente cdigo:
[Link](DataSet11, "clientes").Position = 0

Se utiliza el objeto BindingContext el cual mantiene la posicin actual para

cada coleccin de datos. Recibe como argumento el conjunto de datos DataSet11 y la
tabla que contiene la informacin y se coloca en la posicin cero (0) con el mtodo
Position, esto con el fin de que al dar clic sobre el botn Primero, se situ en el primer
registro de la tabla clientes.
Seleccione el objeto botonsiguiente, d doble clic para abrir el editor del procedimiento
botonsiguiente_Click y escriba el siguiente cdigo:
[Link](DataSet11, "clientes").Position += 1

Cada vez que se d clic sobre el botn Siguiente, se desplazar en un registro

sobre la tabla que se est consultando.
Seleccione el objeto botonanterior, d doble clic para abrir el editor del procedimiento
botonanterior_Click y escriba el siguiente cdigo:
[Link](DataSet11, "clientes").Position -= 1

Cada vez que se d clic sobre el botn Anterior, retroceder un registro sobre la
tabla que se est consultando.

170

Seleccione el objeto botonltimo, d doble clic para abrir el editor del procedimiento
botonltimo_Click y escriba el siguiente cdigo:
[Link](DataSet11, "clientes").Position =
[Link](DataSet11, "clientes").Count - 1

Cada vez que se d clic sobre el botn ltimo, se contaran el total de registros
utilizando el mtodo count y se retroceder una posicin para quedar en el ltimo
registro de la tabla que se est consultando.
Al ejecutarse nuevamente la aplicacin se visualizar la siguiente figura:
Figura 11.26 Aplicacin BasesdeDatosBasicas con controles de navegacin.

Al dar clic sobre cada uno de los botones se podr desplazar por cada uno de los
registros que se tiene en la tabla que se est consultando.
11.8 Acceder a una Base de Datos mediante el asistente de formularios
Hasta el momento la conexin de la base de datos y la manipulacin de los controles se
ha realizado con cdigo casi en todos los pasos que se realizaron, pero Visual Basic
.NET tiene una serie de asistentes que permiten en forma ms sencilla acceder a una
base de datos especifica: Para esto se utiliza el asistente de formulario de datos el cual
se encuentra en la opcin agregar nuevo elemento del men proyecto.

171

11.8.1 Ejemplos de acceso a bases de datos

a) Acceder a una base de datos con el asistente de formularios (registro nico)
En este caso se realizar el mismo ejemplo que se trabajo anteriormente, por lo cual se
asume que ya existe la base de datos [Link] y esta cuenta con la tabla clientes y
contiene registros. Cree un nuevo proyecto llamado BasesdeDatosConAsistente
1. Hacer la conexin a la base de datos
Para realizar una conexin a una base de datos existente seleccione el explorador de
servidores del men Ver, donde se visualizar el siguiente cuadro de dilogo:
Figura 11.27 Ventana explorador de soluciones.

Seleccione el icono conectar con bases de datos

para iniciar la conexin a
la base de datos y visualizar el cuadro de dilogo Propiedades de vnculos de datos,
como se muestra en la siguiente figura:

172

Figura 11.28 Ventana propiedades de vnculos de datos .

Pulse sobre la pestaa llamada Proveedor para seleccionar el proveedor de la

base de datos. Escoja Microsoft jet 4.0 OLE DB Provider y pulse el botn Siguiente
>>. Se visualizar la figura 11.29:
Figura 11.29 Ventana propiedades de vnculos de datos (proveedor).

Al pulsar el botn Siguiente>> se visualizar la pestaa Conexin del cuadro de

dilogo propiedades de vnculo de datos, all en el paso 1, seleccione la base de datos

173

que previamente se haba creado, como se muestra en la siguiente figura:

Figura 11.30 Ventana propiedades de vnculos de datos (conexin)

Si desea crear una contrasea a la base de datos desactive el cuadro de

verificacin contrasea en blanco y automticamente el campo contrasea se
habilitara para que el usuario digite la contrasea que desee. El paso 2 es opcional.
En este momento se puede verificar la conexin pulsando el botn Probar
conexin. Si la conexin ha sido exitosa se mostrar la siguiente figura:
Figura 11.31 Ventana prueba de conexin.

174

En caso de que la conexin no fuese exitosa, se debe iniciar nuevamente con

cada uno de los pasos realizados hasta el momento para resolver el problema. Uno de
las posibles fallas en la conexin es que la base de datos este abierta en el momento de
la conexin proceda a cerrarla y realice nuevamente la conexin.
Para continuar pulse el botn Aceptar de la prueba de conexin, luego pulse el
botn Aceptar del cuadro de dilogo Propiedades de vnculo de datos para terminar la
conexin.
En este momento se puede pulsar el signo (+) a la izquierda de la leyenda
conexiones de datos del cuadro de dilogo explorador de servidores para visualizar la
conexin a la base de datos [Link]. Cada vez que pulse el signo (+) se podr
apreciar la estructura de la base de datos, como se muestra en la siguiente figura:

Figura 11.32 Ventana explorador de servidores.

2. Utilizar el asistente para formularios de datos para mostrar registro nico

Ahora seleccione la opcin agregar nuevo elemento del men Proyecto y seleccione el
icono Asistente para formularios de datos, como se muestra en la siguiente figura:

175

Figura 11.33 Ventana Agregar nuevo elemento.

En esta ventana, en la opcin Nombre se podr cambiar el nombre del

formulario
de
datos.
Cambie
el
nombre
del
formulario
por
[Link]. Al pulsar el botn Abrir se visualizar la siguiente
ventana:
Figura 11.34 Asistente para formulario de datos.

176

Esta pantalla es el inicio del asistente para formularios de datos, pulse el botn
Siguiente> para visualizar la siguiente figura:
Figura 11.35 Elegir el conjunto de datos a utilizar.

En esta ventana se selecciona el conjunto de datos que contiene las tablas y las
columnas con las que va a trabajar el formulario. En la opcin crear un nuevo
conjunto de datos escriba datos y pulse el botn Siguiente para visualizar la siguiente
ventana:
Figura 11.36 Asistente para elegir una conexin de datos.

177

En esta ventana elija la conexin especfica y seleccione la conexin que se

realizo anteriormente y pulse el botn Siguiente > para visualizar la siguiente figura:
Figura 11.37 Asistente para elegir tablas o vistas.

En esta ventana seleccione la tabla clientes y pulse el botn > para colocarla
en la ventana Elementos seleccionados. Pulse el botn Siguiente> para visualizar la
siguiente figura:
Figura 11.38 Asistente para elegir tablas y columnas.

En esta ventana se debe seleccionar los campos que se quieren mostrar en el

formulario. Al terminar de escoger los campos deseados pulse el botn Siguiente > para
ver la siguiente figura:
178

Figura 11.39 Asistente para elegir el estilo de presentacin de los datos.

En esta ventana se podr escoger el estilo de presentacin de los datos. Existen

dos formas de mostrar los datos: la primera es mostrar todos los registros en una
cuadricula y la segunda es mostrar un nico registro con controles individuales en el
formulario. Escoja la opcin Registro nico en controles individuales. Adems se
puede seleccionar los controles que se quieren mostrar en el formulario. Por ltimo
pulse el botn Finalizar para visualizar la siguiente ventana:
Figura 11.40 Ventana para contrasea en la cadena de conexin.

En este cuadro de dilogo el asistente pregunta si se desea incluir una contrasea

o no. Pulse el botn No incluir contrasea. A la aplicacin se agregara debajo del
formulario los objetos: OleDbDataAdapter, OleDbConnection y objdatos. La figura
que se visualizar ser la siguiente:

179

Figura 11.41 Ventana final con el asistente de formulario (registro nico).

Ejecutar la aplicacin
En el men Proyecto, seleccione propiedades de BasesdeDatosConAsistente, en la
opcin Objeto inicial seleccione el formulario formularioDatosConAsistente y pulse
el botn Aceptar. Se visualizar la siguiente figura:
Figura 11.42 Pginas de propiedades de BasesdeDatosConAsistente.

Haga clic en el botn Iniciar de la barra de herramientas estndar o presione

F5 para ejecutar el proyecto. Para visualizar la siguiente figura:
180

Figura 11.43 Ejecucin aplicacin BasesdeDatosConAsistente.

Al pulsar el botn Cargar se visualizar el primer registro de la tabla

seleccionada, como se puede apreciar, en la figura 11.44.
Figura 11.44 Ejecucin BasesdeDatosConAsistente al pulsar el botn Cargar.

b) Utilizar el asistente para visualizar un formulario con una cuadricula de datos

En el mismo proyecto seleccione nuevamente la opcin agregar nuevo elemento del
men Proyecto y seleccione el icono Asistente para formularios de datos. En esta
ventana en la opcin Nombre se podr cambiar el nombre del formulario de datos. El
nombre del formulario ser [Link]. Al pulsar el botn Abrir se
visualizar la siguiente ventana:

181

Figura 11.45 Asistente para formulario de datos para la cuadricula.

Esta pantalla es el inicio del asistente para formularios de datos, pulse el botn
Siguiente para visualizar la siguiente figura:
Figura 11.46 Asistente para elegir un conjunto de datos (cuadricula).

En esta ventana se selecciona el conjunto de datos que contiene las tablas y las
columnas con las que va a trabajar el formulario. En la opcin crear un nuevo
conjunto de datos escriba datos2 y pulse el botn Siguiente > para visualizar la
siguiente ventana:

182

Figura 11.47 Asistente para elegir tablas o vistas.

En esta ventana seleccione la tabla clientes y pulse el botn > para colocarla
en la ventana Elementos seleccionados. Pulse el botn Siguiente > para visualizar la
siguiente figura:
Figura 11.48 Elegir tablas y columnas para mostrar en el formulario (cuadricula).

En esta ventana se debe seleccionar los campos que se quieren mostrar en el

formulario. Al escoger cada uno de los campos pulse el botn Siguiente > para ver la
siguiente figura:

183

Figura 11.49 Elegir estilo de presentacin para mostrar datos.

Escoja la opcin de Todos los registros de la cuadricula. Por ltimo pulse el

botn Finalizar para visualizar la siguiente ventana:
Figura 11.50 Ventana para contrasea en la cadena de conexin.

En este cuadro de dilogo el asistente pregunta si se desea incluir una contrasea

o no. Pulse el botn No incluir contrasea. A la aplicacin se le agregar debajo del
formulario los objetos: OleDbDataAdapter y OleDbConnection y objdatos2. La
figura que se visualizar ser la siguiente:

184

Figura 11.51 Formulario con una cuadricula de datos.

Ejecutar la aplicacin
Para ejecutar el proyecto en el entorno de desarrollo de visual [Link], se debe
realizar lo siguiente:
En el men Proyecto, seleccione propiedades de BasesdeDatosConAsistente,
en la opcin Objeto inicial seleccione el formulario formulariocuadricula y
pulse Aceptar.
Se visualizar la siguiente figura:
Figura 11.52 Pginas de propiedades de BasesdeDatosConAsistente.

185

Haga clic en el botn Iniciar de la barra de herramientas estndar o presione

F5 para ejecutar el proyecto. Al visualizar el formulario pulse el botn Cargar para ver
la siguiente figura:
Figura 11.53 Aplicacin BasesdeDatosConAsistente (formulariocuadricula).

c) Utilizar el asistente para visualizar un formulario con una cuadricula de datos

para dos tablas (cuadricula).
1. Crear una tabla llamada Facturas en la base de datos [Link] con la
siguiente estructura:
Tabla 11.11 Campos de la tabla Facturas.
Nombre del campo

Tipo de dato

longitud

numero

numrico

nit

Texto

13

comentario

Texto

25

observacion

Texto

25

La tabla con 4 registros quedara de la siguiente forma:

Figura 11.54 Registros de la tabla Facturas.

186

Nuevamente seleccione la opcin agregar nuevo elemento del men Proyecto

y seleccione el icono Asistente para formularios de datos. En esta ventana, en la
opcin Nombre, cambie el nombre del formulario de datos por
[Link]. Al pulsar el botn Abrir se visualizar la
siguiente ventana:
Figura 11.55 Asistente para formulario de datos con relacin.

Esta pantalla es el inicio del asistente para formularios de datos, pulse el botn
Siguiente para visualizar la siguiente figura:
Figura 11.56 Asistente para elegir el conjunto de datos a utilizar.

187

En esta ventana se selecciona el conjunto de datos que contiene las tablas y las
columnas con las que va a trabajar el formulario. En la opcin crear un nuevo
conjunto de datos escriba datos3 y pulse el botn Siguiente > hasta visualizar la
siguiente ventana:
Figura 11.57 Asistente para elegir las tablas de clientes y fracturas.

En esta ventana seleccione las tablas clientes y facturas, pulse el botn > para
colocarlas en la ventana Elementos seleccionados. Pulse el botn Siguiente > para
visualizar la siguiente figura:
Figura 11.58 Asistente para crear una relacin entre las tablas.

188

En esta ventana en el campo Nombre escriba mirelacion. Como tabla primaria

seleccione la tabla clientes y como tabla secundaria la tabla facturas, en la opcin de
claves seleccione los campos identificacin de clientes y nit de facturas, pulse el botn
> para colocar la relacin en la ventana relaciones. Por ltimo pulse el botn
Siguiente > para visualizar la siguiente figura:
Figura 11.59 Elegir campos para mostrar en el formulario.

En esta ventana se debe seleccionar los campos que se quieren mostrar en el

formulario. Al escoger cada uno de los campos pulse el botn Siguiente > para ver la
siguiente figura:
Figura 11.60 Asistente para elegir el estilo de presentacin.

189

Escoja la opcin de Todos los registros de la cuadricula. Por ltimo pulse el

botn Finalizar para visualizar la siguiente ventana:
Figura 11.61 Ventana para contrasea en la cadena de conexin.

En este cuadro de dilogo el asistente pregunta si se desea incluir una contrasea

o no. Pulse el botn No incluir contrasea. A la aplicacin se agregara debajo del
formulario los objetos: OleDbDataAdapter y OleDbConnection y objdatos3. La
figura que se visualizar ser la siguiente:
Figura 11.62. Formulario con una cuadricula de datos para dos tablas

Ejecutar la aplicacin
Para ejecutar el proyecto en el entorno de desarrollo de visual [Link], se debe
realizar lo siguiente:
En el men Proyecto, seleccione propiedades de BasesdeDatosConAsistente,
en
la
opcin
Objeto
inicial
seleccione
el
formulario
formularioRelacionCuadricula y pulse el botn Aceptar.
Se visualizar la siguiente figura:

190

Figura 11.63 Pginas de propiedades de BasesdeDatosConAsistente.

D clic en el botn Iniciar de la barra de herramientas estndar o presione F5

para ejecutar el proyecto. Al visualizar el formulario pulsar el botn Cargar para ver la
siguiente figura:
Figura 11.64 Ejecucin aplicacin BasesdeDatosConAsistente.

4) Utilizar el asistente para visualizar un formulario con una cuadricula de datos

para dos tablas (registro nico).
Realizando las operaciones anteriores seleccione nuevamente la opcin agregar nuevo
elemento del men Proyecto y seleccione el icono Asistente para formularios de
datos. En esta ventana, en la opcin Nombre cambie el nombre del formulario de datos

191

por [Link]. Al pulsar el botn Abrir y despus

Siguiente> se visualizar la siguiente ventana:
Figura 11.65 Asistente para elegir el conjunto de datos a utilizar (registro nico).

En esta ventana se selecciona el conjunto de datos que contiene las tablas y las
columnas con las que va a trabajar el formulario. En la opcin crear un nuevo
conjunto de datos escriba datos4 y pulse el botn Siguiente > hasta visualizar la
siguiente ventana:
Figura 11.66 Asistente para elegir las tablas de clientes y fracturas.

En esta ventana seleccione las tablas clientes y facturas, pulse el botn > para
colocarlas en la ventana Elementos seleccionados. Pulse el botn Siguiente > para
visualizar la siguiente figura:
192

Figura 11.67 Crear una relacin entre las tablas clientes y facturas.

En esta ventana en el campo Nombre escriba mirelacion. Como tabla primaria

seleccione la tabla clientes y como tabla secundaria la tabla facturas, en la opcin de
claves seleccione los campos identificacin de clientes y nit de facturas, pulse el botn
> para colocar la relacin en la ventana relaciones. Por ltimo pulse el botn
Siguiente > para visualizar la siguiente figura:
Figura 11.68 Asistente para elegir el estilo de presentacin.

Escoja la opcin de Registro nico con controles individuales. Por ltimo pulse el
botn Finalizar hasta visualizar la siguiente ventana:

193

Figura 11.69 Formulario tablas relacionadas con registro nico.

Ejecutar la aplicacin
Para ejecutar el proyecto en el entorno de desarrollo de visual [Link], se debe
realizar lo siguiente:
En el men Proyecto, seleccione propiedades de BasesdeDatosConAsistente,
en
la
opcin
Objeto
inicial
seleccione
el
formulario
formularioRelacionregistroUnico y pulse Aceptar.
Se visualizar la siguiente figura:
Figura 11.70 Pginas de propiedades de BasesdeDatosConAsistente.

Haga clic en el botn Iniciar

de la barra de herramientas estndar o presione F5 para

194

ejecutar el proyecto. Al visualizar el formulario pulse el botn Cargar para ver la

siguiente figura:
Figura 11.71 Ejecucin BasesdeDatosConAsistente formulariorleacion nico.

195

12. [Link]
[Link] es un marco de trabajo de programacin generado en Common Language
Runtime que puede utilizarse en un servidor para generar eficaces aplicaciones Web.
[Link] ofrece varias ventajas importantes acerca de los modelos de programacin
Web anteriores:
Mejor rendimiento. [Link] es un cdigo de Common Language Runtime
compilado que se ejecuta en el servidor. A diferencia de sus predecesores,
[Link] puede aprovechar las ventajas del enlace anticipado, la compilacin
just-in-time, la optimizacin nativa y los servicios de cach desde el primer
momento. Esto supone un incremento espectacular del rendimiento antes de
siquiera escribir una lnea de cdigo.
Compatibilidad con herramientas de primer nivel. El marco de trabajo de
[Link] se complementa con un diseador y una caja de herramientas muy
completos en el entorno integrado de programacin (Integrated Development
Environment, IDE) de Visual Studio. La edicin WYSIWYG, los controles de
servidor de arrastrar y colocar y la implementacin automtica son slo algunas
de las caractersticas que proporciona esta eficaz herramienta.
Eficacia y flexibilidad. Debido a que [Link] se basa en Common Language
Runtime, la eficacia y la flexibilidad de toda esa plataforma se encuentra
disponible para los programadores de aplicaciones Web. La biblioteca de clases
de .NET Framework, la Mensajera y las soluciones de Acceso a datos se
encuentran accesibles desde el Web de manera uniforme. [Link] es tambin
independiente del lenguaje, por lo que puede elegir el lenguaje que mejor se
adapte a la aplicacin o dividir la aplicacin en varios lenguajes. Adems, la
interoperabilidad de Common Language Runtime garantiza que la inversin
existente en programacin basada en COM se conserva al migrar a [Link].
Simplicidad. [Link] facilita la realizacin de tareas comunes, desde el
sencillo envo de formularios y la autenticacin del cliente hasta la
implementacin y la configuracin de sitios. Por ejemplo, el marco de trabajo de
pgina de [Link] permite generar interfaces de usuario, que separan
claramente la lgica de aplicacin del cdigo de presentacin, y controlar
eventos en un sencillo modelo de procesamiento de formularios de tipo Visual
Basic. Adems, Common Language Runtime simplifica la programacin, con
servicios de cdigo administrado como el recuento de referencia automtico y el
recolector de elementos no utilizados.
Facilidad de uso. [Link] emplea un sistema de configuracin jerrquico,
basado en texto, que simplifica la aplicacin de la configuracin al entorno de
servidor y las aplicaciones Web. Debido a que la informacin de configuracin
se almacena como texto sin formato, se puede aplicar la nueva configuracin sin
la ayuda de herramientas de administracin local. Esta filosofa de
"administracin local cero" se extiende asimismo a la implementacin de las
aplicaciones [Link] Framework. Una aplicacin [Link] Framework se
implementa en un servidor sencillamente mediante la copia de los archivos
necesarios al servidor. No se requiere el reinicio del servidor, ni siquiera para
implementar o reemplazar el cdigo compilado en ejecucin.
196

Escalabilidad y disponibilidad. [Link] se ha diseado teniendo en cuenta la

escalabilidad, con caractersticas diseadas especficamente a medida, con el fin
de mejorar el rendimiento en entornos agrupados y de mltiples procesadores.
Adems, el motor de tiempo de ejecucin de [Link] controla y administra los
procesos de cerca, por lo que si uno no se comporta adecuadamente (filtraciones,
bloqueos), se puede crear un proceso nuevo en su lugar, lo que ayuda a mantener
la aplicacin disponible constantemente para controlar solicitudes.
Posibilidad de personalizacin y extensibilidad. [Link] presenta una
arquitectura bien diseada que permite a los programadores insertar su cdigo en
el nivel adecuado. De hecho, es posible extender o reemplazar cualquier
subcomponente del motor de tiempo de ejecucin de [Link] con su propio
componente escrito personalizado. La implementacin de la autenticacin
personalizada o de los servicios de estado nunca ha sido ms fcil.
Seguridad. Con la autenticacin de Windows integrada y la configuracin por
aplicacin, se puede tener la completa seguridad de que las aplicaciones estn a
salvo.
12.1 Primera aplicacin [Link]
Realizar una aplicacin Web [Link] que permita a un usuario digitar dos nmeros y
que se imprima la multiplicacin de estos.
Para crear una aplicacin [Link] se siguen los mismos pasos que se realizaron
para una Aplicacin para Windows, la diferencia se genera en el tipo de plantilla que
se escoge, para este caso se utiliza la plantilla Aplicacin Web [Link]. Entonces
para crear un proyecto [Link] en Visual Basic .NET es necesario realizar los
siguientes pasos:
1. Abrir Visual Studio .NET.
2. En el men Archivo seleccionar Nuevo a continuacin hacer clic en
Proyecto.
3. En el panel Tipos de proyecto hacer clic en Proyectos de Visual Basic. En
el panel Plantillas hacer clic en Aplicacin Web [Link].
4. En el campo Ubicacin se indica el nombre del servidor; en este caso
localhost y como nombre de la aplicacin escriba PrimeraWeb
(http:/localhost/PrimeraWeb). La aplicacin se guarda en la carpeta
Inetpub\wwwroot que se crea cuando se instala VisualStudio .NET. todas las
aplicaciones Web se guardarn en dicha carpeta.

197

Figura 12.1 Ventana Nuevo proyecto Web ([Link]).

Al hacer clic en el botn Aceptar se visualizar la siguiente figura:.

Figura 12.2 Ventana aplicacin Web ([Link]).

198

En esta ventana se tiene la mayora de elementos que se visualizaron en las

aplicaciones para Windows. Como se puede observar se encuentra el cuadro de
herramientas, la ventana de propiedades de los objetos y el explorador de soluciones,
adems la barra de herramientas y las opciones del men principal. Una diferencia en
que ya no existe un formulario Form1 sino una pgina WebForm1 con una apariencia
distinta. La pgina WebForm1 contiene dos etiquetas: Diseo y HTML. El diseo es la
presentacin normal de la pgina y HTML es el lenguaje con el que se definen las
pginas Web. Bsicamente se trata de un conjunto de etiquetas que sirven para definir la
forma en la que se presenta el texto y otros elementos de la pgina. Al pulsar la etiqueta
HTML se puede observar el siguiente cdigo:
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="[Link]"
Inherits="PrimeraWeb.WebForm1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>WebForm1</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name=vs_defaultClientScript content="JavaScript">
<meta name=vs_targetSchema content="[Link]
</head>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
</form>
</body>
</html>

Cada vez que se le adiciona un objeto del cuadro de herramientas a la pgina se

genera el cdigo HTML necesario para representar dicho control. Por ejemplo si le
adiciona un objeto Label a la pgina se genera el cdigo HTML resaltado:
<%@ Page Language="vb" AutoEventWireup="false" Codebehind="[Link]"
Inherits="PrimeraWeb.WebForm1"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema"
content="[Link]
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<asp:Label id="Label1" style="Z-INDEX: 101; LEFT: 64px; POSITION: absolute; TOP:
56px" runat="server"
Width="128px">Label</asp:Label>
</form>
</body>
</HTML>

199

Como se puede apreciar, este cdigo que se genera es transparente para el

usuario, por lo que no se ampliara ms explicacin, ya que no es la intencin del libro
hablar sobre HTML (consulte en Internet sobre este tema).
El cuadro de herramientas de la aplicacin tiene dos nuevas fichas llamadas
Web Forms y HTML que contiene elementos para trabajar con paginas [Link]. La
ficha Web Forms contiene la mayora de los elementos que contiene la ficha Forms de
las aplicaciones Windows, La ficha HTML contiene elementos para trabajar con
paginas HTML.
Figura 12.3 Cuadro de Herramientas de las aplicaciones Web [Link].

Crear la interfaz de usuario

Utilizando el cuadro de herramientas agregue al formulario: 1 Button, 3 TextBox y 4
Label. La figura muestra la interfaz de usuario:
Figura 12.4 Interfaz de usuario aplicacin PrimeraWeb.

200

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 12.1 Propiedades de los controles de la aplicacin PrimeraWeb.
Control
Label1

Label2
Label3
Label4
TextField1
TextField2
TextField3
Button1
Document
WebForm1

Propiedad
Id
Text

Valor
lbltitulo
Programa
de
multiplicacin
True
Large
lblmultiplicando
Valor Multiplicando
lblmultiplicador
Valor Multiplicador
lblmultiplicacion
Multiplicacion
txtmultiplicando
En blanco
txtmultiplicador
En blanco
txtresultado
En blanco
botn
Obtener Multiplicacion
Primera Web

Font/Bold
Font/size
Id
Text
Id
Text
Id
Text
Id
Text
Id
Text
Id
Text
Id
Text
Title
Nombre
archivo

del

pagina

El formulario se visualizara como muestra la siguiente figura:

Figura 12.5 Interfaz de usuario con controles modificados (PrimeraWeb).

201

Escribir cdigo
Seleccione el objeto botn, d doble clic para abrir el editor del procedimiento
boton_Click y escriba el siguiente cdigo:
Dim vrmultiplicacion As Integer
vrmultiplicacion = [Link]([Link], [Link])
[Link] = vrmultiplicacion

Se declara una variable vrmultiplicacion de tipo Integer, a esta se le asigna el

resultado que produce la funcin [Link] la cual retorna el producto de dos
variables de tipo numrico. Por ltimo se asigna el valor de vrmultiplicacion al objeto
txtresultado por intermedio del mtodo Text.
Ejecutar la aplicacin
Al ejecutarse el proyecto en el entorno de desarrollo de Visual [Link] se muestra la
siguiente figura:
Figura 12.6 Ejecucin de la aplicacin PrimeraWeb.

Al digitarse los valores 10 y 12 y pulsar el botn Obtener Multiplicacion, se

visualizar la siguiente figura:

202

Figura 12.7 Ejecucin de la aplicacin PrimeraWeb.

12.2 Interfaz de usuario avanzada con Web [Link]

Hasta ahora se ha trabajo la interfaz de usuario con controles bsicos del cuadro de
herramientas como han sido los objetos Label, TextBox y Button. La mayora de los
controles del cuadro de herramientas se trabajaron en las aplicaciones Windows, en el
captulo 7. Nos centraremos en trabajar con los controles CheckBox, RadiButton,
HyperLink, DropDownList para mirar algunas diferencias de programacin.
12.2.1 Control CheckBox
Un control CheckBox
es una casilla de verificacin que permite obtener dos
estados: verdadero si esta activada o falso si esta desactivada. Para obtener el valor de
verdadero o falso se hace a travs de la propiedad checked.
[Link] Ejemplo prctico control CheckBox
Realizar una aplicacin que permita a un usuario realizar un pedido de comidas rpidas.
El programa deber permitir seleccionar los productos e ir visualizando el valor de los
productos, el impuesto por ventas y neto a pagar.

203

Crear la interfaz de usuario

Utilizando el cuadro de herramientas haga clic en el control CheckBox y ubique siete
controles en el formulario en la posicin deseada. Tambin seleccione cinco Label y tres
TextBox y ubquelos en el formulario. La figura 12.8 muestra la interfaz de usuario
Figura 12.8 Interfaz de usuario aplicacin PedidoWeb.

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:
Tabla 12.2 Propiedades de los controles de la aplicacin PedidoWeb.
Control
Label1

Label2

Label3
Label4

Propiedad
Id
Text
Backcolor
Font
Size
Id
Text
Backcolor
Font
Size
Id
Text
Id
Text

Valor
lbltitulo
Comidas rpidas El Gloton
Gris
Bold
X- Large
lblpedido
Valor del pedido
Gris
Bold
X- Large
lblsubtotal
Subtotal
lbliva
16 % I.V.A.

204

Label5

Id
Text
AutoPostBack
Id
Text
AutoPostBack
Id
Text
AutoPostBack
Id
Text
AutoPostBack
Id
Text
AutoPostBack
Id
Text
AutoPostBack

lbltotal
Total a Pagar
True
validacionh
Hamburguesa
True
validacionp
Perro Caliente
True
validacionpi
Pizza
True
validacions
Salchipapa
True
validaciong
Gaseosa 350 cc
True

Id

validacionj

Text

Jugo Natural

AutoPostBack

True

Id

Limonada Natural

Text

validacionl

Id

txtsubtotal

Text

En blanco

Id

txtiva

Text

En blanco

Id

txttotal

Text

En blanco

Document

Text

WebFrom1

Nombre del archivo

Comidas rpidas El gloton

Mi pedido Web
pagina

Checkbox1

Checkbox2

Checkbox3

Checkbox4

Checkbox5

Checkbox6

Checkbox7

Textbox1
Textbox2
Textbox3

Es necesario que a todos los controles que van a sufrir modificaciones en tiempo
de ejecucin cambiarle el valor de la propiedad AutoPostBack a True para que
devuelva datos automticamente al servidor cuando se hace clic en el control. Como
cada CheckBox puede estar seleccionado o no en tiempo de ejecucin se le cambia el
valor a dicha propiedad.
El formulario se visualizara como muestra la siguiente figura:

205

Figura 12.9 Interfaz de usuario con los controles modificados (PedidoWeb).

Escribir cdigo
Declarar una variable global
public shared total as double =0.0

Se declara una variable pblica global y compartida (shared) llamada total de

tipo Double, la cual permitir realizar operaciones cuando se seleccione o no un
CheckBox. La variable es compartida porque se est trabajando en entorno Web y
continuamente se est llamando al servidor.
Seleccione el objeto validacionh, d doble clic para abrir el editor del procedimiento
validacionh_CheckedChanged y escriba el siguiente cdigo:
If ([Link]) Then
total = total + 7000
Else
total = total - 7000
End If
[Link] = total
[Link] = total * 0.16
[Link] = Format(Val([Link]) + Val([Link]), "$#,#.00")

Al objeto validacionh se le valida si esta activado o no por intermedio de la

estructura de decisin if. Si es verdad a la variable total se le asigna el valor que
contiene ms el nuevo valor; en este caso 7000, por el contrario (Else) se le asigna valor
que contiene total menos el nuevo valor; en este caso -7000. A los objetos TextBox se
206

le asigna respectivamente: al objeto txtsubtotal el valor de la variable total, al objeto

txtiva el valor de multiplicar la variable total por 0.16 y al objeto txttotal el valor de
los objetos txtsubtotal ms txtiva. Se utiliza la funcin Val () que convierte un texto en
un valor numrico, como tambin se utiliza la funcin Format para darle el formato de
pesos al valor asignado.
A cada objeto CheckBox se le asignarn las mismas operaciones anteriores,
cambindole el nombre del objeto CheckBox y los valores como se puede apreciar, a
continuacin:
Objeto validacionp
If ([Link]) Then
total = total + 5000
Else
total = total - 5000
End If
[Link] = total
[Link] = total * 0.16
[Link] = Format(Val([Link]) + Val([Link]), "$#,#.00")
Objeto validacionpi
If ([Link]) Then
total = total + 3000
Else
total = total - 3000
End If
[Link] = total
[Link] = total * 0.16
[Link] = Format(Val([Link]) + Val([Link]), "$#,#.00")
Objeto validacions
If ([Link]) Then
total = total + 2500
Else
total = total - 2500
End If
[Link] = total
[Link] = total * 0.16
[Link] = Format(Val([Link]) + Val([Link]), "$#,#.00")
Objeto validaciong
If ([Link]) Then
total = total + 1200
Else
total = total - 1200
End If
[Link] = total
[Link] = total * 0.16
[Link] = Format(Val([Link]) + Val([Link]), "$#,#.00")
Objeto validacionj
If ([Link]) Then
total = total + 2000
Else
total = total - 200

207

End If
[Link] = total
[Link] = total * 0.16
[Link] = Format(Val([Link]) + Val([Link]), "$#,#.00")
Objeto validacionl
If ([Link]) Then
total = total + 1500
Else
total = total - 1500
End If
[Link] = total
[Link] = total * 0.16
[Link] = Format(Val([Link]) + Val([Link]), "$#,#.00")

Ejecutar la aplicacin
Al ejecutarse el proyecto en el entorno de desarrollo de Visual [Link] y seleccionar
las opciones Hamburguesa, Pizza y Limonada natural, se visualiza:
Figura 12.10 Ejecucin de la aplicacin PedidoWeb.

208

12.2.2 Control RadioButton

Un control RadioButton
permite a un usuario escoger una alternativa entre varias
alternativas. Al igual que el CheckBox por medio de la propiedad Checked se puede
obtener dos estados: verdadero (true) o falso (false).
[Link] Ejemplo prctico control RadioButton
Realizar una aplicacin que permita a un usuario seleccionar y abrir una pgina Web
utilizando objetos RadioButton y HyperLink.
Crear la interfaz de usuario.
Utilizando el cuadro de herramientas haga clic en el control RadioButton y ubique
cuatro controles en el formulario en la posicin deseada. Tambin seleccione un control
Label y un control HyperLink. La figura 12.11 muestra la interfaz de usuario
Figura 12.11 Interfaz de usuario aplicacin SeleccionadorPaginaWeb.

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario, establezca las siguientes
propiedades a los controles:

209

Tabla 12.3 Propiedades de los controles de la aplicacin SeleccionadorpaginasWeb.

Control
Label1

HyperLink1
RadioButton1

RadioButton2

RadioButton3

RadioButton4

WebForm1
Document

Propiedad
ID
Text
Backcolor
Font
Size
ID
Text
ID
Text
AutopostBack
GroupName
ID
Text
AutopostBack
GroupName
ID
Text
AutopostBack
GroupName
ID
Text
AutopostBack
GroupName
Nombre
del
archivo
Title

Valor
txttitulo
Seleccionador Pgina Web
Gris
Bold
X- Large
vinculo
Mi pagina
opcionVB
P.O.O. en Visual Basic
True
alias
opcionMSDN
MSDN en Espaol
True
alias
opcionASP
Web [Link]
True
alias
opcionADO
[Link]
True
alias
pagina
Seleccionador Paginas Web

Es necesario que a todos los controles que van a sufrir modificaciones en tiempo
de ejecucin cambiar el valor de la propiedad AutoPostBack a True para que devuelva
datos automticamente al servidor cuando se hace clic en el control. Como cada
RabioButton puede estar seleccionado o no en tiempo de ejecucin se le cambia el
valor a dicha propiedad. Tambin es necesario modificar la propiedad GroupName de
los RadioButton por el valor de alias para que solamente una sola opcin quede activa
en un momento dato.
El formulario se visualizara como muestra la siguiente figura:
Figura 12.12 Interfaz con controles modificados ( SeleccionadorPaginaWeb).

210

Escribir cdigo
Seleccione el objeto opcionVB, d doble clic para abrir el editor del procedimiento
opcionVB_CheckedChanged y escriba el siguiente cdigo:
[Link] = "[Link]
[Link] = [Link]

Al mtodo NavigateUrl del objeto HyperLink (vinculo) se le asigna la

direccin IP de la pagina Web que se quiere abrir. Al mtodo Text del objeto vinculo se
le asigna tambin la direccin de la pagina Web.
A cada objeto RadioButton se le asignarn las mismas operaciones anteriores,
cambindole el nombre de la pgina Web que se quiere abrir, como se puede apreciar, a
continuacin:
Objeto opcionMSDN
[Link] = "[Link]
[Link] = [Link]
Objeto opcionASP
[Link] = "[Link]
[Link] = [Link]
Objeto opcionADO
[Link] = "[Link]
[Link] = [Link]

Ejecutar la aplicacin
Al ejecutarse el proyecto en el entorno de desarrollo de Visual [Link] y seleccionar
las opciones Web [Link], se visualiza:
Figura 12.13 Ejecucin de la aplicacin SeleccionadorPaginaWeb.

211

Al pulsar la opcin Web [Link] se visualizar la figura 12.14:

Figura 12.14 Ejecucin opcin Web [Link].

12.2.3 Control DropDownList

Un control DropDownList
permite definir una lista de elementos donde el usuario
puede seleccionar un elemento o ms. Al momento de la ejecucin del programa, toda la
lista de elementos estarn a la vista del usuario para que este los seleccione. Para
seleccionar un elemento deber pulsar la flecha que est al lado izquierdo del
encabezado.
[Link] Ejemplo prctico control DropDownList
Realizar una aplicacin que permita a un usuario seleccionar un medio de transporte de
un objeto DropDownList, se deber mostrar en un objeto ButtonLink el nombre del
objeto seleccionado y al pulsar el botn se visualice la figura correspondiente.
Crear la interfaz de usuario.
Utilizando el cuadro de herramientas haga clic en el control DropDownList y ubquelo
en el formulario en la posicin deseada. Tambin seleccione un control Label, un
ButtonLink y un Image. La figura 12.14, muestra la interfaz de usuario:

212

Figura 12.15 Interfaz de usuario aplicacin SeleccionarImagen.

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en el formulario establezca las siguientes
propiedades a los controles:
Tabla 12.4 Propiedades de los controles de la aplicacin SeleccionarImagen.
Control
Label1

LinkButton1
Dropdownlist1

Image1
Document
WebForm1

Propiedad
ID
Text
Backcolor
Font
Size
ID
Text
ID
tems
AutoPostback
ID
Title
Nombre
archivo

del

Valor
titulo
Medios de Transporte
Gris
Bold
Large
vinculo
botn de Vinculo
lista
Carro, Avion, Cohete,
Bicicleta
true
imagen
Seleccionador
de
imgenes
pagina

Al control DropDownList puede agregrsele elementos de dos formas: la

primera utilizando la propiedad tems y la segunda por medio de cdigo desde el
procedimiento Load del formulario. Se utilizara la segunda forma; seleccione el control
DropDownList y haga clic sobre la propiedad tems, en la ventana pulse el botn

213

Agregar y escriba el nombre de cuatro medios de transporte, uno por cada lnea:
Carro
Avion
Bicicleta
Cohete
Y por ltimo d clic en el botn Aceptar para que los elementos queden
agregados al control. Se visualizar la siguiente figura:
Figura 12.16 Editor con los elementos agregados en un DropDownList.

El formulario se visualizara como muestra la siguiente figura:

Figura 12.17 Interfaz con controles modificados (SeleccionarImagen).

214

Escribir cdigo
Seleccione el objeto lista, d doble clic para abrir el editor del procedimiento
lista_CheckedChanged y escriba el siguiente cdigo:
[Link] = [Link]

Al mtodo Text del objeto ButtonLink (vinculo) se le asigna el texto

seleccionado del objeto lista por intermedio de la propiedad [Link].
Seleccione el objeto vnculo, d doble clic para abrir el editor del procedimiento
vinculo_Click y escriba el siguiente cdigo:
If [Link] = "Carro" Then
[Link] = "[Link] de programa\Microsoft Visual Studio
.NET 2003\Common7\Graphics\icons\Industry\[Link]"
End If
If [Link] = "Avion" Then
[Link] = "[Link] de programa\Microsoft Visual Studio
.NET 2003\Common7\Graphics\icons\Industry\[Link]"
End If
If [Link] = "Bicicleta" Then
[Link] = "[Link] de programa\Microsoft Visual Studio
.NET 2003\Common7\Graphics\icons\Industry\[Link]"
End If
If [Link] = "Cohete" Then
[Link] = "[Link] de programa\Microsoft Visual Studio .NET
2003\Common7\Graphics\icons\Industry\[Link]"
End If

Al objeto lista se le valida que texto fue seleccionado por intermedio de la

estructura de decisin If. Utilizando el mtodo ImageUrl se le asigna la ruta donde est
la imagen correspondiente.
Ejecutar la aplicacin
Al ejecutarse el proyecto en el entorno de desarrollo de Visual [Link] y seleccionar
la opcin Bicicleta y pulsar el objeto ButtonLink, se visualiza:
Figura 12.18 Ejecucin de la aplicacin SeleccionarImagen.

215

12.3 Controles de Validacin

Los controles de validacin son aquellos que sirven para validar la informacin escrita
por un usuario, es decir, que este en el formato correcto o que no dejen un control vaco.
Los tipos de controles de validacin son:
RequiredFieldValidator: se utiliza para validar que un campo de texto
contenga informacin no puede ser un vaco.
RangeValidator: se utiliza para comparar que lo escrito por un usuario este en
un valor validado por un operador de comparacin (<,<,=,etc.).
CompareValidator: se utiliza para comparar que el valor de un campo de texto
con un valor o constante predefinida.
RegularExpressionValidator : se utiliza para validar que lo escrito por un
usuario sea un valor definido por una expresin regular (direcciones de correo,
nmeros de telfonos, etc.).
CustomValidator: se utiliza para validar que lo escrito por un usuario sea un
valor que previamente se ha definido por el usuario.
ValidationSummary: se utiliza para mostrar mensajes de errores enviados por
los controles de validacin.
12.3.1 Ejemplo prctico controles de validacin
Realizar una aplicacin que permita capturar la siguiente informacin: nombres y
apellidos del usuario (se debe validar que en estos campo contengan informacin), la
edad (validar la edad entre 1 y 100), su nivel de ingles (), su estado civil () y un correo
electrnico.
Crear la interfaz de usuario
Utilizando el cuadro de herramientas haga clic en el control Label, seleccione siete
controles. Tambin seleccione seis controles TextBox, un Button, adems seleccione los
controles de validacin de acuerdo a la figura 14.18:
Figura 12.19 Interfaz de usuario aplicacin ControlesdeValidacion.

Modifique las propiedades de los controles segn la siguiente tabla:

216

Tabla 12.5 Propiedades de los controles de la aplicacin ControlesdeValidacion.

Control
Label1

Label2
Label3
Label4
Label5
Label6

Label7
TextBox1
TextBox2
TextBox3
TextBox4
TextBox5
TextBox6
WebForm1
Document
Button1

Propiedad
ID
Text
Backcolor
Font
Size
ID
Text
ID
Text
ID
Text
ID
Text
ID
Text
ID
Text
ID
Text
ID
Text
ID
Text
ID
Text
ID
Text
ID
Text
Nombre de archivo
Title
ID
Text

Valor
titulo
Encuesta Personal
Gris
Bold
X- Large
lblnombres
Nombres:
lblapellidos
Apellidos:
lbledad
Edad:
lblingles
Lee ingles (1-10)
lblestado
Estado civil (U=union libre; C casado; S
soltero; V viudo)
lblcorreo
Correo electrnico :
txtnombres
En blanco
txtapellidos
En blanco
txtedad
En blanco
txtingles
En blanco
txtestado
En blanco
txtcorreo
En blanco
pagina
Controles de validacin
botn
Enviar

El formulario se visualizara como muestra la siguiente figura:

Figura 12.20 Interfaz con controles modificados (ControlesdeValidacion).

217

Escribir cdigo
D doble clic sobre la pgina Web para abrir el editor del procedimiento page_load y
escriba el siguiente cdigo:
If (Not [Link]) Then
[Link] = "txtnombres"
[Link] = "Debe digitar sus nombres"
[Link] = "txtapellidos"
[Link] = "Debe digitar sus apellidos"
[Link] = [Link]
[Link] = 1
[Link] = 100
[Link] = ("Digite una edad entre 1 y 100")
[Link] = "txtedad"
[Link] = [Link]
[Link] = 0
[Link] = "txtingles"
[Link] = [Link]
[Link] = ("Digite un nmero mayor que 1")
[Link] = "txtestado"
[Link] = "Digite U,C,S o V"
[Link] = "txtcorreo"
[Link] = "\w+([-+.]\w+)*@\w+([.]\w+)*\.\w+([-.]\w+)*"
[Link] = "El formato del correo
Electronico es: nombre@[Link]
End If

Utilizando la sentencia de toma de decisiones If se valida cuando se enva los

datos al servidor para realizar las validaciones correspondientes en cada control. Los
mtodos que se utilizan son:
ControlValidate: es el objeto que se va a validar
ErrorMessage: El mensaje que se imprimir al ocurrir el error.
ValidationType: es el tipo de dato a validar
MinimumValue: es el valor mnimo del control de validacin
MaximumValue: es el valor mximo del control de validacin
ValueToCompare: es el valor mnimo que se puede escribir
Operator: es el valor de comparacin a validar
ValidationExpression: es la expresin regular que se valida.
Seleccione el objeto botn, d doble clic para abrir el editor del procedimiento
boton_Click y escriba el siguiente cdigo:
[Link]()
[Link]()
[Link]()
[Link]()
[Link]()
[Link]()

Al seleccionar el objeto botn se valida cada objeto de validacin referente a la

informacin que se ha escrito en cada uno de los campos de texto con el mtodo
Validate().

218

Seleccione el objeto CustomValidator1, d doble clic para abrir el editor del

procedimiento CustomValidator1_ServerValidate y escriba el siguiente cdigo:
If ([Link] = "U") Then
[Link] = True
ElseIf ([Link] = "C") Then
[Link] = True
ElseIf ([Link] = "S") Then
[Link] = True
ElseIf ([Link] = "V") Then
[Link] = True
Else
[Link] = False
End If

Al digitar un valor en el campo de texto txtestado, este es validado con la

estructura de decisin If para determinar que su contenido sea un valor especificado por
el control de validacin CustomValidator.
Ejecutar la aplicacin
Al ejecutarse el proyecto en el entorno de desarrollo de Visual [Link], se visualiza
la figura 12.20:
Figura 12.21 Ejecucin de la aplicacin ControlesdeValidacion.

Si se digita la siguiente informacin en los campos correspondientes: Cristian

Alberto, , 150, -1, u, [Link], se visualizar la figura 12.21:

219

Figura 12.22 Ejecucin con informacin de la aplicacin ControlesdeValidacion.

220

13. ACCESO A BASES DE DATOS CON [Link]

En las aplicaciones Web a veces es necesario mostrar informacin de una base de datos.
En el captulo 11 se realizo la conexin, consulta y la operacin de registros con una
base de datos utilizando Windows Forms. El acceso a una base de datos desde un
formulario Web es algo similar y tambin se pueden realizan las mismas operaciones.
Se puede escribir cdigo para el acceso a la base de datos utilizando clases del espacio
de nombres [Link] (normalmente denominado [Link]).
13.1 Controles de origen de datos
Los controles de origen de datos son controles [Link] que administran las tareas de
conexin a una base de datos. Estos no representan ningna interfaz de usuario, sino
que actan como intermediarios entre los datos y los dems controles de la pgina Web
[Link]. Dichos controles habilitan un amplio conjunto de funciones para recuperar y
modificar datos, entre las que se incluyen la consulta, la actualizacin, la eliminacin y
la insercin. [Link] incluye los siguientes:
Tabla 13.1 Controles de datos de [Link].
Control

descripcin

OleDbDataAdapter

Adaptador de datos para una base de datos Access.

SqlDbDataAdapter

Adaptador de datos para una base de datos SQL.

OracleDbDataAdapter

Adaptador de datos para una base de datos Oracle.

DataSet

Conjunto de datos.

DataView

Vista de datos.

13.1.1 Ejemplo prctico bases de datos con [Link]

Hacer una aplicacin Web que permita realizar la conexin a una base de datos
realizada en Access para visualizar los registros de una tabla.
Para implementar la aplicacin se deben realizar los siguientes pasos:
1. Crear una Base de Datos en Access llamada visualnet y gurdela dentro de la carpeta
que desee. Dentro de la base de datos crear una tabla llamada Clientes, con la siguiente
estructura:
Tabla 13.2 Estructura de la tabla Clientes.
Nombre del campo
Identificacin

Tipo de Dato
Texto

Longitud
13

Nombres
Apellidos
Direccin
Telfono
Ciudad
Crdito

Texto
Texto
Texto
Texto
Texto
numrico

25
25
25
15
20

221

La tabla con 5 registros quedar de la siguiente forma:

Figura 13.1 Tabla clientes con registros.

2. Hacer la conexin a la base de datos

Para realizar una conexin a una base de datos existente seleccione el explorador de
servidores del men Ver, donde se visualizar el cuadro de dilogo explorador de
servidores, como se aprecia en la siguiente figura:
Figura 13.2 Explorador de Servidores aplicacin BasesdeDatosWeb.

Seleccione el icono conectar con bases de datos

para iniciar la conexin a
la base de datos y visualizar el cuadro de dilogo Propiedades de vnculos de datos,
como se muestra en la siguiente figura:
Figura 13.3 Propiedades de vnculo de datos.

222

Pulse sobre la pestaa llamada Proveedor para seleccionar el proveedor de la

base de datos. En este caso escoja Microsoft jet 4.0 OLE DB Provider y pulse el
botn Siguiente >>. Se visualizar la figura 13.4:
Figura 13.4 Propiedades de vnculo de datos (pestaa conexin).

Se visualizar la pestaa Conexin del cuadro de dilogo Propiedades de

vnculo de datos, all en el paso 1, seleccione la base de datos que previamente se haba
creado, como se muestra en la siguiente figura:
Figura 13.5 Seleccin de la base de datos

223

Si desea crear una contrasea desactive el cuadro de verificacin contrasea en

blanco y automticamente el campo contrasea se habilitara para que el usuario digite
la contrasea que desee. El paso 2 es opcional.
Ahora tambin se puede verificar la conexin pulsando el botn Probar
conexin. Si la conexin ha sido exitosa se mostrar la siguiente figura:
Figura 13.6 Prueba de conexin.

En caso de que la conexin no fuese exitosa, se debe iniciar nuevamente con

cada uno de los pasos realizados hasta el momento para resolver el problema. Uno de
las posibles fallas en la conexin es que la base de datos est abierta en el momento de
la conexin, proceda a cerrarla y realice nuevamente la conexin.
Para continuar pulse el botn Aceptar de la prueba de conexin y luego
nuevamente pulse el botn Aceptar del cuadro de dilogo Propiedades de vnculo de
datos para terminar la conexin.
En este momento se puede pulsar el signo (+) a la izquierda de la leyenda
conexiones de datos del cuadro de dilogo Explorador de servidorespara visualizar la
conexin a la base de datos visualnet. Cada vez que pulse el signo (+) se podr apreciar
la estructura de la base de datos, como se muestra en la siguiente figura:
Figura 13.7 Exploracin de la base de datos.

224

3. Seleccionar registros de un origen de datos

Para consultar los datos que se quieren mostrar de una base de datos se debe buscar la
ficha Datos del cuadro de herramientas y seleccionar el objeto OleDbDataAdapter que
sirve para manipular datos de una base de datos de Access. Es de aclarar, que de
acuerdo a las base de datos se debe escoger el adaptador, como por ejemplo, si se est
trabajando con SqlServer el adaptador que se debera escoger seria
SqlDbDataAdapter.
D doble clic sobre el objeto OleDbDataAdapter para visualizar el Asistente para la
configuracin del adaptador de datos.
Figura 13.8 Asistente para configuracin de datos.

Este asistente servir para especificar los comandos de conexin y la base de

datos que el adaptador utilizar para seleccionar los registros y controlar los cambios en
la base de datos. Haga clic en el botn Siguiente> para visualizar la ventana que sirve
para elegir la conexin de datos, como se puede apreciar, en la figura 13.9:
Figura 13.9 Elegir conexin de datos.

225

En este cuadro de dilogo del asistente se seleccionara la conexin de datos para

cargar y actualizar los datos. Para continuar con el ejemplo seleccione la conexin que
hasta el momento se ha trabajado: ACCESS. C:\prgvbnet\[Link].
Haga nuevamente clic sobre el botn Siguiente>, para elegir el tipo de consulta
que se realizar usando las instrucciones SQL. Se visualizar la siguiente figura:
Figura 13.10 Eleccin del tipo de consulta.

En este cuadro de dilogo del asistente se utiliza la nica opcin activa Usar
instrucciones SQL que permitir especificar la instruccin Select para cargar los datos.
Nuevamente de clic sobre el botn Siguiente> lo cual permitir visualizar el
cuadro de dilogo del asistente para generar las instrucciones SQL.
Figura 13.11 Generar las instrucciones SQL.

226

Este cuadro de dilogo permite generar las instrucciones SQL para mostrar los
datos deseados. Existen dos formas de realizar las instrucciones SQL: la primera es
escribir cada sentencia SQL, en el cuadro de texto que aparece en el asistente; la
segunda es escoger el botn Generador de Consultas Escoja la segunda opcin,
donde se visualizar la siguiente figura:
Figura 13.12 Generador de consultas.

Aqu se puede agregar las diferentes tablas o vistas que contiene la base de
datos. Se debe resaltar la tabla que se desea utilizar y dar clic en el botn Agregar para
incluirla en la instruccin SQL. Al finalizar se debe dar clic sobre el botn Cerrar. Para
el ejemplo que se ha venido trabajando seleccione la tabla clientes, agrguela y cierre el
cuadro de dilogo Agregar Tabla. Se visualizar la siguiente figura:
Figura 13.13 Ventana de generacin de consultas con la tabla clientes.
.

227

De la tabla puede seleccionar cada uno de los campos que se quieren cargar. A
medida que incluya campos se ir generando la instruccin SQL. Al terminar de
escoger los campos de clic sobre el botn Aceptar para volver al generador de consultas
SQL, como se muestra en la siguiente figura:
Figura 13.14 Ventana con la instruccin SQL.

En este cuadro de dilogo se aprecia la instruccin SQL que se ha generado.

Nuevamente de clic sobre el botn Siguiente> para visualizar los resultados que se han
generado con el asistente como se muestra en la siguiente figura:
Figura 13.15 Resultados del Asistente.

228

Aqu se visualizan todas las tareas que se han realizado con el asistente. Se debe
hacer clic en el botn Finalizar para terminar el asistente y visualizar la siguiente
figura:
Figura 13.16 Ventana de solicitud de contrasea.

En este cuadro de dilogo el asistente pregunta si se desea incluir una contrasea

o no. Pulse el botn No incluir contrasea. A la aplicacin se le agregar debajo de la
pagina los objetos: OleDbDataAdapter y OleDbConnection. La figura que se
visualizar ser la siguiente:
Figura 13.17 Pgina con los objetos OleDbDataAdapter y OleDbConnection.

4. Seleccionar el conjunto de datos

El siguiente paso es crear un objeto que represente los datos que se quieren utilizar en la
aplicacin. Este objeto es llamado DataSet que representa los datos proporcionados por
la conexin de datos y que sern extrados por el objeto adaptador de datos. Haga clic
sobre el formulario para asegurarse de que este quede activo, seleccione la opcin
Generar conjunto de datos del men Datos. Se visualizar la siguiente figura:

229

Figura 13.18 Ventana generar conjunto de datos.

D clic sobre el botn Aceptar para agregarlo a la aplicacin como se muestra

en la siguiente figura:
Figura 13.19 Pgina con el objeto DataSet.

Adems de los tres objetos que se han creado, tambin se agrega un archivo

230

llamado DataSet!.xsd al explorador de soluciones, que representa el esquema de la base

de datos. Este esquema es un archivo XML que escribe las tablas, campos, tipos de
datos del conjunto de datos. La figura 13.20 muestra como quedara el explorador de
soluciones de la aplicacin:
Figura 13.20 Explorador de Soluciones con el objeto DataSet!.xsd.

Despus de realizar cada uno de los pasos anteriores, se est listo para visualizar
la informacin de la base de datos. Se puede mostrar a los usuarios los registros que
interesan, adems se puede crean mecanismos para navegar entre los registros de una o
ms tablas. Para mostrar la informacin de una base de datos se pueden utilizar algunos
de los siguientes controles: TextBox, ComboBox, ListBox, RadioButton, DataGrid.
Para ver la informacin de la tabla clientes se utilizara el control TextBox. A la
pgina se le debe agregar ocho (8) Label y siete (7) TextBox, que son el nmero de
campos que contiene la tabla clientes. La pgina quedara como se muestra en la
siguiente figura:
Figura 13.21 Pgina con los objetos Label y TextBox.

Establecer las propiedades de los objetos de la interfaz de usuario

Despus de colocar los controles u objetos en la pgina, establezca las siguientes
propiedades a los controles:
231

Tabla 13.3 Propiedades de los controles de la aplicacin BasesdeDatosWeb.

Control
Label1

Document

Propiedad
(ID)
Text
Backcolor
Font
Size
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
Title

Valor
lbltitulo
Datos Clientes
Gris
Bold
Large
lblid
Identificacin:
lblnombre
Nombres:
lblapellido
Apellidos:
lbldireccion
Direccin:
lbltelefono
Telefono:
lblciudad
Ciudad
lblcredito
Credito
txtid
En blanco
txtnombres
En blanco
txtapellidos
En blanco
txtdireccion
En blanco
txttelefono
En blanco
txtciudad
En blanco
Txtcredito
En blanco
Conexin a una base de datos

WebForm1

Nombre de archivo

pagina

Label2

Label3
Label4
Label5
Label6
Label7
Label8
TextField1
TextField2
TextField3
TextField4
TextField5
TextField6
TextField7

La pgina se visualizara como muestra la siguiente figura:

Figura 13.22. Pagina con los controles modificados (BasesdeDatosWeb)

232

Escribir cdigo
Seleccione el objeto TextBox llamado txtid y abra la ventana de propiedades. Busque la
categora DataBindings, d clic en los tres puntos (), luego haga clic en la flecha para
desplegar la fuente de datos que se va a enlazar con el cuadro de texto, haga clic en los
signos (+) para expandir el conjunto de datos Dataset11 hasta encontrar los campos de
la tabla clientes y d clic sobre el campo identificacin. Esto permitir enlazar el objeto
txtid con el campo identificacin.
Figura 13.23 Propiedad DataBindings del objeto txtid.

Realice la misma operacin para cada uno de los objetos TextBox, con el fin de
incluir los dems campos de la tabla clientes.
Seleccione el objeto pagina, d doble clic para abrir el editor del procedimiento
page_Load y escriba el siguiente cdigo:
[Link]()
[Link](DataSet11)
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()

En la primera lnea se utiliza el mtodo Clear para limpiar el conjunto de datos

cuando se ejecuta la aplicacin. En la segunda lnea se utiliza el mtodo Fill para
rellenar el objeto OleDbDataAdatper1 con el conjunto de datos llamado Dataset11.

233

Por ltimo se utiliza el mtodo DataBind () del objeto TextBox para poder visualizar
los registros de la tabla seleccionada.
Ejecutar el proyecto
Para ejecutar el proyecto en el entorno de desarrollo de visual [Link], se debe
realizar lo siguiente:
Haga clic en el botn Iniciar de la barra de herramientas estndar. Tambin
puede presionar F5 para ejecutar el proyecto. Si la aplicacin se ejecuta sin
errores, aparecer una versin ejecutable del formulario, visualizndose la
siguiente figura:
Figura 13.24 Ejecucin aplicacin BasesdeDatosWeb.

13.2 Controles de navegacin en [Link]

Como se puede apreciar, en la figura 13.24 se visualiza la informacin solamente del
primer registro de la tabla clientes. Para moverse por cada uno de los registros que
contiene la tabla es necesario realizar las siguientes tareas:
a) Agregue cuatro botones y configure las propiedades de acuerdo a la siguiente tabla:
Tabla 13.4 Propiedades de los nuevos controles de la aplicacin.
Control
Button1

Button2
Button3
Button4

Propiedad
Id
Text
Id
Text
Id
Text
Id
Text

Valor
botonprimero
Primero
botonsiguiente
Siguiente
botonanterior
Anterior
botonltimo
ltimo

234

b) Seleccione de cuadro de herramientas el objeto DataView y arrstrelo a la pgina.

Modifique la propiedad Table del DataView y ascielo con el [Link],
el control DataView quedara de la siguiente manera:
Figura 13.25 Propiedad Table del DataView.

Al finalizar se visualizar la siguiente figura:

Figura 13.26 Pgina con los nuevos controles.

235

c) Modifique la propiedad DataBindings del objeto txtid, seleccione el control

DataView y escoja el campo identificacin de la tabla clientes. Realice este mismo
procedimiento para cada uno de los campos.
Figura 13.27 Propiedad DataBindings del objeto txtId.

d) Codificacin de los controles Button

Objeto botonsiguiente
Dim abc As Single
Dim index As Integer
index = [Link]("index")
index += 1
If index > [Link](0).[Link] - 1 Then
index = [Link](0).[Link] - 1
index = 0
End If
[Link]("index") = index
abc = [Link](0).Rows(index).Item("identificacin")
[Link] = " identificacin ='" & abc & "'"
[Link]()
[Link]()
[Link]()
[Link] ()
[Link] ()
[Link] ()
[Link] ()

Se definen las variables abc de tipo Single e index de tipo Integer. A la variable
index se le asigna la posicin del registro actual por intermedio del mtodo ViewState
(), y se incrementa la variable index en 1. Con la estructura de decisin If se pregunta
si la variable index es mayor que la posicin del ltimo registro. Si es verdadero se
asigna a la variable index el valor del ltimo registro de la tabla. Si no ingresa a la
estructura If al mtodo ViewState se le asigna el valor que contiene la variable index. A

236

la variable abc se le asigna el valor del campo identificacin la cual se obtiene por
medio del mtodo Rows encontrado con el valor que contiene la variable index. Por
intermedio del mtodo RowFilter del objeto DataView se filtra la tabla para obtener el
registro deseado. Por ltimo se utiliza el mtodo DataBind () del objeto TextBox para
poder visualizar el registro seleccionado.
Objeto botonanterior
Dim abc As Single
Dim index As Integer
index = [Link]("index")
index -= 1
[Link]("index") = index
abc = [Link](0).Rows(index).Item("identificacin")
[Link] = " identificacin='" & abc & "'"
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()

Se definen las variables abc de tipo single e index de tipo Integer. A la variable
index se le asigna la posicin del registro actual por intermedio del mtodo ViewState
(), y se decrementa la variable index en 1. Al mtodo ViewState se le asigna el valor
que contiene la variable index. A la variable abc se le asigna el valor del campo
identificacin, la cual se obtiene por medio del mtodo Rows encontrado con el valor
que contiene la variable index. Por intermedio del mtodo RowFilter del objeto
DataView se filtra la tabla para obtener el registro deseado. Por ltimo se utiliza el
mtodo DataBind () del objeto TextBox para poder visualizar el registro seleccionado.
Objeto botonprimero
Dim abc As Single
Dim index As Integer = 0
[Link]("index") = index
abc = [Link](0).Rows(index).Item("identificacin")
[Link] = " identificacin='" & abc & " '"
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()

Se definen las variables abc de tipo single e index de tipo Integer inicializada
en 0. Al mtodo ViewState se le asigna el valor que contiene la variable index. A la
variable abc se le asigna el valor del campo identificacin, la cual se obtiene por medio
del mtodo Rows encontrado con el valor que contiene la variable index. Por
intermedio del mtodo RowFilter del objeto DataView se filtra la tabla para obtener el
registro deseado. Por ltimo se utiliza el mtodo DataBind () del objeto TextBox para
poder visualizar el registro seleccionado.

237

Objeto botonultimo
Dim abc As Single
Dim index As Integer
index = [Link](0).[Link] - 1
[Link]("index") = index
abc = [Link](0).Rows(index).Item("identificacin")
[Link] = " identificacin='" & abc & "'"
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()
[Link] ()

Se definen las variables abc de tipo single e index de tipo Integer. A la variable
index se le asigna el valor del ltimo registro de la tabla utilizando el mtodo count el
cual permite contar el total de filas de la tabla. Al mtodo ViewState se le asigna el
valor que contiene la variable index y a la variable abc se le asigna el valor del campo
identificacin la cual se obtiene por medio del mtodo Rows encontrado con el valor
que contiene la variable index. Por intermedio del mtodo RowFilter del objeto
DataView se filtra la tabla para obtener el registro deseado. Por ltimo se utiliza el
mtodo DataBind () del objeto TextBox para poder visualizar el registro seleccionado.
Ejecutar el proyecto
Al ejecutarse nuevamente la aplicacin se visualizar la siguiente figura:
Figura 13.28 Ejecucin de la aplicacin BasesdeDatosWeb con controles.

Al dar clic sobre cada uno de los botones se podr desplazar por cada uno de los
registros que se tiene en la tabla que se est consultando.

238

13.3 Acceder a una base de datos mediante el asistente de formularios

Existe una forma ms sencilla de acceder a una base de datos especifica, y es utilizando
el asistente de formulario de datos, el cual se encuentra en la opcin agregar nuevo
elemento del men proyecto. Para esto se seguir trabajando en la misma aplicacin
BasesdeDatosWeb y se debe realizar los siguientes pasos:
1. Hacer la conexin a la base de datos
Para realizar una conexin a una base de datos existente seleccione Explorador de
servidores del men Ver, donde se visualizar el cuadro de dilogo Explorador de
servidores, como se aprecia en la siguiente figura:
Figura 13.29 Ventana Explorador de servidores.

Seleccione el icono Conectar con bases de datos

para iniciar la conexin a
la base de datos y visualizar el cuadro de dilogo Propiedades de vnculos de datos,
como se muestra en la siguiente figura:
Figura 13.30 Propiedades de vnculos de datos

Pulse sobre la pestaa llamada Proveedor para seleccionar el proveedor de la

239

base de datos. Escoja Microsoft jet 4.0 OLE DB Provide, y pulse el botn Siguiente
>.
Figura 13.31 Propiedades de vnculos de datos (proveedor).

Se visualizar la pestaa Conexin del cuadro de dilogo propiedades de

vnculo de datos, all en el paso 1, seleccione la base de datos que previamente se haba
creado, como se muestra en la siguiente figura:
Figura 13.32 Propiedades de vnculos de datos (conexin).

Si desea crear una contrasea a la base de datos desactive el cuadro de

verificacin contrasea en blanco y automticamente el campo contrasea se
habilitara para que el usuario digite la contrasea que desee. El paso 2 es opcional.
240

Ahora tambin se puede verificar la conexin pulsando el botn Probar

conexin. Si la conexin ha sido exitosa se mostrar la siguiente figura:
Figura 13.33 Mensaje con una conexin exitosa.

En caso de que la conexin no fuese exitosa, se debe iniciar nuevamente con

cada uno de los pasos realizados hasta el momento para resolver el problema. Uno de
las posibles fallas en la conexin es que la base de datos est abierta en el momento de
la conexin proceda a cerrarla y realice nuevamente la conexin.
Para continuar pulse el botn Aceptar de la prueba y conexin y luego pulse el
botn Aceptar del cuadro de dilogo Propiedades de vnculo de datos para terminar la
conexin.
En este momento se puede pulsar el signo (+) a la izquierda de la leyenda
conexiones de datos del cuadro de dilogo Explorador de servidores para visualizar
la conexin a la base de datos visualnet. Cada vez que pulse el signo (+) se podr
apreciar la estructura de la base de datos, como se muestra en la siguiente figura:
Figura 13.34 Ventana explorador de servidores con una conexin.

241

2. Utilizar el asistente para formularios de datos

Ahora seleccione la opcin agregar nuevo elemento del men Proyecto y seleccione el
icono Asistente para formularios de datos, como se muestra en la siguiente figura:
Figura 13.35 Agregar nuevo elemento.

En esta ventana, en la opcin Nombre se podr cambiar el nombre de la pgina.

Para este ejemplo el nombre de la pgina ser [Link]. Al pulsar el botn Abrir,
se visualizar la siguiente ventana:
Figura 13.36 Asistente para formulario de Datos.

242

Esta pantalla es el inicio del asistente para formularios de datos, pulse el botn
Siguiente> para visualizar la siguiente figura:
Figura 13.37 Elegir el conjunto de datos.

En esta ventana se selecciona el conjunto de datos que contiene las tablas y las
columnas con las que va a trabajar la pgina. En la opcin crear un nuevo conjunto de
datos escriba datos y pulse el botn Siguiente> para visualizar la siguiente ventana:
Figura 13.38 Elegir conexin de datos.

En esta ventana se elige la conexin especfica, seleccione la conexin que se

realizo anteriormente y pulse el botn Siguiente> para visualizar la figura:

243

Figura 13.39 Elegir tablas o vistas.

En esta ventana seleccione la tabla clientes y pulse el botn > para colocarla
en la ventana Elementos seleccionados. Luego pulse el botn Siguiente> para
visualizar la figura:
Figura 13.40 Elegir tablas y columnas para mostrar en el formulario.

En esta ventana se debe seleccionar los campos que se quieren mostrar en la

pgina. Al escoger cada uno de los campos, pulse el botn Finalizar para ver la

244

siguiente figura:
Figura 13.41 Ventana para la contrasea.

En este cuadro de dilogo el asistente pregunta si se desea incluir una contrasea

o no. Pulse el botn No incluir contrasea. A la aplicacin se le agregar debajo de la
pgina los objetos: OleDbDataAdapter1, OleDbConnection1 y objdatos. La figura
que se visualizar ser la siguiente:
Figura 13.42 Pgina final realizada con el asistente de formularios.

Ejecutar la aplicacin
Para ejecutar el proyecto en el entorno de desarrollo de visual [Link], se debe
realizar lo siguiente:
En el men Proyecto, seleccione propiedades de BasesdeDatosWeb, en la
opcin Propiedades de configuracin seleccione la pgina [Link] y
pulse Aceptar.

245

Figura 13.43 Propiedades de BasesdedatosWeb.

Haga clic en el botn Iniciar de la barra de herramientas estndar o presione

F5 para ejecutar el proyecto. Se visualizar la siguiente figura:
Figura 13.44 Ejecucin de la aplicacin BasededatosWeb.

Pulsar el botn Cargar para visualizar los registros de la tabla clientes.

246

13.4 Acceder a una base de datos con un control DataGrid

Como se dijo anteriormente para acceder a los datos de una base de datos es posible
utilizar varios controles de [Link]. En este caso se realizar un ejercicio donde se
utilizar el control DataGrid para visualizar datos de una tabla de una base de datos.
Continuando con la aplicacin BasesdeDatosWeb, seleccione la opcin agregar nuevo
elemento del men Proyecto y seleccione el icono WebForms. En esta ventana, en la
opcin Nombre cambie el nombre de la pgina por [Link]. Al pulsar
el botn Abrir, y al arrastrar el control DataGrid del cuadro de herramientas hacia la
pgina se visualizar la siguiente ventana:
Figura 13.45 Pgina con un control DataGrid

Seleccione la ficha Datos del cuadro de herramientas y escoja el objeto

OleDbDataAdapter que sirve para seleccionar datos de una base de datos de Access.
D doble clic sobre el objeto OleDbDataAdapter para visualizar el Asistente para la
configuracin del adaptador de datos, pulse el botn Siguiente> para visualizar la
ventana para elegir la conexin de datos.
Figura 13.46 Asistente para configuracin de datos (DataGrid).

247

Para continuar con el ejemplo seleccione la nica conexin que hasta el

momento se ha realizado como lo es la conexin de ACCESS:
C:\prgvbnet\[Link].
D nuevamente clic sobre el botn Siguiente>, para elegir el tipo de consulta
que se realizar usando las instrucciones SQL. Se visualizar la siguiente figura:
Figura 13.47 Elegir tipo de consulta (DataGrid).

En este cuadro de dilogo del asistente se utiliza la nica opcin activa Usar
instrucciones SQL que permitir especificar la instruccin Select para cargar los datos.
Nuevamente de clic sobre el botn Siguiente>, lo cual permitir visualizar el
cuadro de dilogo del asistente para generar las instrucciones SQL.
Figura 13.48 Generar las instrucciones SQL (DataGrid).

248

Este cuadro de dilogo permite generar las instrucciones SQL para mostrar los
datos deseados. Pulse el botn Generador de Consultas Para visualizar la siguiente
figura:
Figura 13.49 Generar de consultas (DataGrid).

Para el ejemplo que se ha venido trabajando seleccione la tabla clientes,

agrguela y cierre el cuadro de dilogo Agregar Tabla. Se visualizar la siguiente
figura:
Figura 13.50 Generar de consultas con tabla seleccionada (DataGrid).

249

Pulse el botn Siguiente> hasta visualizar la siguiente figura:

Figura 13.51 Ventana de contraseas (DataGrid).

En este cuadro de dilogo el asistente pregunta si se desea incluir una contrasea

o no. Pulse el botn No incluir contrasea. A la aplicacin se le agregar debajo de la
pagina los objetos: OleDbDataAdapter y OleDbConnection.
El siguiente paso es crear un objeto que represente los datos que se quieren
utilizar en la aplicacin. Seleccione la opcin Generar conjunto de datos del men
Datos, escoja la opcin Nuevo y escriba como nombre del conjunto de datos DataSet2,
pulse el botn Aceptar.

Figura 13.52 Generar conjunto de datos (DataGrid).

Ahora seleccione el objeto DataGrid y busque la propiedad DataSource y

asgnele el objeto Dataset21, como lo indica la figura:

250

Figura 13.53 Propiedad DataSource del control DataGrid.

El DataGrid se rellenar con los campos de la tabla clientes, como se puede

apreciar, en la siguiente figura:
Figura 13.54 DataGrid con los campos de la tabla

Ejecutar la aplicacin
En el men Proyecto, seleccione propiedades de BasesdeDatosWeb, en la opcin
Propiedades de configuracin seleccione la pgina [Link] y pulse
Aceptar.

251

Figura 13.55 Propiedades de la [Link].

Haga clic en el botn Iniciar de la barra de herramientas estndar o presione

F5 para ejecutar el proyecto. Se visualizar la siguiente figura:
Figura 13.56. Ejecucin de la [Link].

252

13.5 Consultar dos o ms tablas de una base de datos

Hasta ahora se ha trabajado con una sola tabla de una base de datos. En el ejercicio que
se realizar a continuacin y siguiendo con la misma aplicacin seleccionaremos dos
tablas de la base de datos para consultarlas utilizando el asistente para formularios. Si
no ha creado la tabla llamada facturas en la base de datos que se est trabajando cree la
siguiente estructura de la nueva tabla:
Tabla 13.5 Estructura de la tabla Facturas.
Nombre del campo
Numero (llave principal)
nit
comentario
observacion

Tipo de Dato
numrico
Texto
Texto
Texto

Longitud
13
25
25

La tabla con 4 registros quedar de la siguiente forma:

Figura 13.57 Tabla Facturas con registros.

Hacer la conexin a la base de datos

Seleccione la opcin agregar nuevo elemento del men Proyecto y seleccione el icono
Asistente para formularios de datos. En esta ventana, en la opcin Nombre, cambie
el nombre de la pgina por [Link]. Al pulsar el botn Abrir, se
visualizar la siguiente ventana:

253

Figura 13.58 Asistente para formulario de datos (TablasRelacionadas).

Esta pantalla es el inicio del asistente para formularios de datos, pulse el botn
Siguiente> para visualizar la siguiente figura:
Figura 13.59 Elegir el conjunto de datos (tablasRelacionadas).

En esta ventana se selecciona el conjunto de datos que contiene las tablas y las
columnas con las que va a trabajar la pgina. En la opcin crear un nuevo conjunto de
datos escriba datos2 y pulse el botn Siguiente> para visualizar la siguiente ventana:

254

Figura 13.60 Elegir conexin de datos (TablasRelacionadas).

En esta ventana se elige la conexin especfica, para el ejemplo seleccione la

conexin que se realizo anteriormente y pulse el botn Siguiente> para visualizar la
figura:
Figura 13.61 Elegir tablas o vistas (tablasRelacionadas).

En esta ventana seleccione las tablas clientes, facturas y pulse el botn > por
cada tabla seleccionada para colocarla en la ventana Elementos seleccionados. Luego
pulse el botn Siguiente> para visualizar la figura:

255

Figura 13.62 Crear una relacin entre las tablas (TablasRelacionadas).

En esta ventana en el campo Nombre escriba mirelacion. Como tabla primaria

seleccione la tabla clientes y como tabla secundaria la tabla facturas, despus
seleccione el campo identificacin de la tabla clientes como clave de la tabla primaria y
nit de la tabla facturas como clave de la tabla secundaria. Por ltimo pulse el botn >
para colocarla la relacin de las tablas en la ventana Relaciones. Luego pulse el botn
Siguiente> para visualizar la figura:
Figura 13.63. Eleccin de tablas y columnas (TablasRelacionadas)

En esta ventana se debe seleccionar los campos que se quieren mostrar en la

pgina. Al escoger cada uno de los campos pulse el botn Finalizar para ver la
siguiente figura:

256

Figura 13.64 Ventana de contraseas (TablasRelacionadas).

En este cuadro de dilogo el asistente pregunta si se desea incluir una contrasea

o no. En este caso pulse el botn No incluir contrasea. A la aplicacin se agregara
debajo del formulario los objetos: OleDbDataAdapter2 y objdatos2. La figura que se
visualizar ser la siguiente:
Figura 13.65 Pagina final con tablas relacionadas.

Ejecutar la aplicacin
Para ejecutar el proyecto en el entorno de desarrollo de visual [Link] se debe
realizar lo siguiente:
En el men Proyecto, seleccione propiedades de BasesdeDatosWeb, en la
opcin
Propiedades
de
configuracin
seleccione
la
pgina
[Link] y pulse Aceptar.

257

Figura 13.66 Propiedades de BasesdeDatosWeb (TablasRelacionadas).

Haga clic en el botn Iniciar de la barra de herramientas estndar o presione

F5 para ejecutar el proyecto. Se visualizar la siguiente figura:
Figura 13.67 Ejecucin de la BasesdeDatosWeb (pagina TablasRelacionadas).

Al pulsar el botn Cargar se visualizarn los datos de la tabla clientes. Si se

quiere mostrar los datos relacionados se debe pulsar en Mostrar detalle y si existen
registros relacionados se visualizar la informacin de la tabla facturas.

258

14. SERVICIOS WEB

Un servicio Web es un servicio, con un interfaz definida y conocida al que se puede
acceder a travs de Internet. Igual que una pgina Web est definida por un URL
(Uniform Resource Locator), un servicio Web est definido por un URI (Uniform
Resource Identification) y por su interfaz a travs del cual se puede acceder a l.
Los servicios Web se dividen en servicios de transporte (los protocolos del
nivel ms bajo que codifican la informacin independientemente de su formato y que
pueden ser comunes a otros servicios), mensajera, descripcin y descubrimiento. En la
parte ms baja se encuentran los servicios de transporte, que establecen la conexin y el
puerto usado. Generalmente se usa HTTP (protocolo de la WWW), pero se puede usar
tambin SMTP (protocolo del correo electrnico), FTP (File Transfer Protocol).
El protocolo ms usado en esta capa es el SOAP. Este protocolo puede usar
cualquiera de los transportes anteriores, se pueden escribir clientes y servidores en
cualquier lenguaje y usa XML como lenguaje para especificar los mensajes.
Los beneficios de los servicios Web son:
Comunicacin entre diferentes aplicaciones
Reutilizacin del servicio
Rpido desarrollo
La distribucin de la informacin en varios clientes
14.1 Creacin de servicio web con Visual Basic .NET
La creacin de servicios Web desde el entorno de Visual [Link] es similar a la
creacin de un proyecto Windows Forms o Web Forms. Entonces seleccione crear un
nuevo proyecto y elija el icono Servicio Web [Link].
Figura 14.1 Ventana para la creacin de un servicio Web desde Visual [Link].

En el

campoEn el En
259

En el campo Ubicacin cambie el nombre Webservice1

MiPrimerServicioWeb y pulse el botn Aceptar para visualizar la figura 14.2.

por

Figura 14.2 Pgina del servicio Web MiPrimerServicioWeb.

En el explorador de soluciones se visualizar el archivo [Link] el cual

define la clase que permitir las operaciones que ofrecer el servicio a sus clientes. D
clic sobre el hipervnculo haga clic para cambiar a la vista de cdigo. Se observar la
siguiente figura:
Figura 14.3 Cdigo del servicio Web MiPrimerServicioWeb.

260

El
archivo
[Link]
importa
el
espacio
de
nombres
[Link], como tambin crea un espacio de nombres NamesSpace donde
se define la direccin HTTP. Adems se crear la clase Service1 que hereda de
[Link] y dentro de est se definen cada una de las funciones
que contendr el servicio Web. Por omisin siempre se crea la funcin HelloWord ().
Las funciones de un servicio que estructuran de la siguiente manera:
<WebMethod ()>: Entre los parntesis se puede hacer un comentario del servicio Web,
Como por ejemplo:
<WebMethod (Description:=Servicio Web para consultar una base de datos)>

La definicin normal de una funcin es:

Modificador de acceso: public, prvate
Function: palabra reservada para declarar una funcin
Nombre_de la funcion: HelloWord
Lista de parmetros: ()
Tipo de retorno: String
Cuerpo de la funcin: Helloworld =Hello World
Fin de la funcin : end Function

Ahora puede borrar la funcin HelloWord y crear una nueva funcin llamada
saludos que contiene lo siguiente:
<WebMethod (Description:="un simple saludo")>
Public Function saludos () As String
saludos = "Hola bienvenido a los Servicios Web de .NET"
End Function

El servicio quedara como se muestra en la figura 14.4.

Figura 14.4 Servicio Web con la funcin saludos ().

261

Ejecutar el Servicio Web

Haga clic en el botn Iniciar de la barra de herramientas estndar o presione F5 para
ejecutar el proyecto. Se visualizar la siguiente figura:
Figura 14.5 Ejecucin del Servicio Web MiPrimerServicioWeb.

Haga clic sobre el hipervnculo saludos, para visualizar la siguiente figura:

Figura 14.6 Ejecucin del hipervnculo saludos.

262

En esta ventana se debe hacer clic en el botn Invocar para probar la

operacin que realiza la funcin Saludos.
Figura 14.7 Resultado de la operacin realizada por el servicio Web saludos.

El resultado arrojado por el servicio Web es el mensaje Hola bienvenido a

los Servicios Web de .NET.
14.2 Acceder a un servicio Web desde [Link]
Como se pudo apreciar crear un servicio Web es muy sencillo, ahora se crear un nuevo
proyecto Web y desde dicho proyecto se consumir un servicio Web que previamente
debemos crear.
La aplicacin deber capturar dos nmeros en cajas de texto y en una tercera
caja de texto al pulsar un botn deber visualizar el producto de los dos nmeros. Dicha
operacin la debe realizar el servicio Web.
1) Crear el servicio Web
En el servicio que se creo anteriormente agregue una nueva funcin llamada producto,
su estructura es:
<WebMethod ()> Public Function producto (ByVal x As Integer, ByVal y As Integer) As
Integer
producto = [Link](x, y)
End Function

263

En el cdigo anterior se crea la funcin llamada producto que recibe como

parmetros las variables x y y de tipo Integer y que retorna un valor de tipo Integer. Se
utiliza para retornar el producto de los dos nmeros el mtodo BigMul () de la clase
Math que permite realizar el producto de dos nmeros.
El servicio Web quedara como se muestra en la siguiente figura:
Figura 14.8 Servicio Web con la funcin producto.

Al ejecutarse nuevamente el servicio Web se visualizarn las dos funciones

como se aprecia en la figura 14.9.
Figura 14.9 Servicio Web con las funciones saludos y producto.

264

Al pulsar el hipervnculo producto se visualiza la siguiente figura:

Figura 14.10 Ejecucin de la funcion producto.

Si se digitan los nmeros 10 y 15 respectivamente, al invocar el servicio se

aprecia la siguiente figura:
Figura 14.11 Resultados del servicio Web (funcin producto).

265

Ahora cree un nuevo proyecto Web y seleccione un Aplicacin Web [Link].

En esta ventana, en la opcin Ubicacin, cambie el nombre de la pgina por
PaginaWebConServicioWeb.
Figura 14.12 Proyecto Web PaginaWebConServicioWeb.

Al pulsar el botn Aceptar y al arrastrar 4 Label, 3 TextBox y un Button del

cuadro de herramientas hacia la pgina se visualizar la siguiente ventana:
Figura 14.13 Pagina Web con controles (PaginaWebConServicioWeb).

266

Establezca las siguientes modificaciones en la propiedad correspondiente a cada

uno de los siguientes controles:
Tabla 14.1 Propiedades de los controles (PaginaWebConServicioWeb).
Control
Label1

Label2

Label3
Label4
TextField1
TextField2
TextField3
Button1
Document

Propiedad
(ID)
Text
Backcolor
Font
Size
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
(ID)
Text
Title

Valor
lbltitulo
Programa
para
Multiplicar
Gris
Bold
Large
lblmultiplicando
Multiplicando:
lblmultiplicadro
Multiplicador:
lblproducto
Producto:
txtmultiplicando
En blanco
txtmultiplicador
En blanco
txtproducto
En blanco
botn
Enviar
Programa con Servicio
Web

Al realizarse los cambios en las propiedades de los controles, se muestra la

siguiente figura:
Figura 14.14 Pagina Web con los controles modificados.

267

Ahora se debe agregar el servicio Web. Para esto en el men Proyecto

seleccione la opcin Referencia Web para ver la siguiente figura:
Figura 14.15 Ventana para agregar un servicio Web.

Haga clic sobre Servicios Web del equipo local, se visualiza una ventana
similar a la siguiente figura (depende de los servicios que tenga el equipo local):
Figura 14.16 Ventana para seleccionar un servicio Web.

268

Seleccione el servicio llamado MiPrimerServicioWeb, se visualizar la

siguiente figura:
Figura 14.17 Funciones del servicio Web MiPrimerServicioweb.

En esta ventana se muestran todas las funciones que tiene el servicio Web
MiPrimerServicioWeb. En el campo Nombre de referencia Web aparece por omisin
el texto localhost (cmbielo si desea), pulse el botn Agregar referencia para volver a
la pgina Web. En el explorador de soluciones se podr visualizar el servicio Web
integrado al proyecto
Figura 14.18 Servicio Web integrado al proyecto.

269

Ahora se deber digitar el siguiente cdigo en la ventana de cdigo del botn

Enviar
Dim servicio As New localhost.Service1
[Link] = [Link]([Link], [Link])

Al ejecutarse el proyecto y digitar 12 y 15 en la respectiva caja de texto y pulsar

el botn Enviar se llamara al servicio Web y se visualizar en la tercera caja de texto el
producto de los dos nmeros capturados.
Figura 14.19 Ejecucin de la aplicacin PaginaWebconServicioWeb.

270

NDICE

Abs, 58
Acceder a un Servicio Web, 263
[Link], 154
ALL, 150
ALTER, 149, 153
AND, 150
[Link], 196
AVG, 151
Base de Datos, 148
BETWEEN, 150
Biblioteca de clases, 9
BigMul, 58
Ceiling, 58
Chars, 61
CheckBox, 88
Ciclos (estructuras repetitivas), 44
Clase, 9
Clases, 137
columnas, 148
Comandos, 149
ComboBox, 79
Common Language Runtime, 10
comparacin, 150
CompareValidator, 216
Concat, 61
Constantes, 29
Constructores, 139
Controles de navegacin, 169
ControlValidate, 218
cos, 58
COUNT, 151
Creacin de Mens, 93
Creacin de una barra de herramientas,
114
CREATE, 149
Cuadro de Herramientas, 15
CustomValidator, 216
DataRelation, 155
DataSet, 155
DataTable, 155
DateTimePicker, 99
DELETE, 149, 153
Diseador formulario Windows, 19
DLL, 149
DML, 149
DoLoop While, 44
DrawArc, 117
DrawCurve, 117
DrawEllipse, 117
DrawLine, 117
DrawPie, 117
DrawPolygon, 117
DrawRectangle, 117
DROP, 149
DropdownList, 212
Editor de cdigo, 20

Ejecutar el proyecto, 25
El explorador de soluciones, 17
Elegir una plantilla, 14
Encapsulacin, 137
ErrorMessage, 218
Espacio de nombres, 9
Estructuras de Control, 39
filas, 148
FillEllipse, 117
FillPie, 117
FillPolygon, 117
FillRectangle, 117
Floor, 58
For, 44
Framework, 7
FROM, 149
funciones de agregado, 150
Funciones de cadenas de caracteres, 61
Funciones Matemticas, 58
Function, 50
Generar un archivo ejecutable, 26
Get, 143
GROUP, 149
Guardar la aplicacin, 25
HAVING, 149
Height, 126
Herencia, 137, 141
IN, 150
Inherits, 146
Insert, 61
INSERT, 149, 153
Left, 123
Len, 62
Length, 61
lenguaje SQL, 148
LIKE, 150
LinkLabel, 76
ListBox, 79
Lgicos, 150
Matrices, 67
Max, 58
MAX, 151
MaximumValue, 218
MDI, 93
Mensaje, 137
Men principal, 15
men Ventana, 112
Mtodo, 137
Mid, 62
min, 58
MIN, 151
MinimumValue, 218
Mdulos, 49
NET, 7
NOT, 150
Objetos, 137

271

OleDbDataAdapter, 160
Operadores Lgicos, 34
Operadores Relacionales, 34
Operator, 218
OR, 150
ORDER, 149
origen de datos, 221
Palabras clave, 37
Plantillas de aplicaciones, 13
Point, 117
Polimorfismo, 137
pow, 58
private, 139
Procedimientos, 50
Programacin Orientada a Objetos, 137
Propiedad, 137
protected, 139
public, 139
Punto, 117
RadioButton, 88
RangeValidator, 216
Recordset, 155
Recta, 117
Rectangle, 117
Rectangulo, 117
RegularExpressionValidator, 216
Relacionales, 148
Remove, 61
Replace, 62
RequiredFieldValidator, 216
round, 58
SDI, 93
SELECT, 149, 151
Select case (Seleccionar caso), 40
Sentencia If (Si), 39

Sentencia If- Else (Si - Sino), 40

servicio web, 259
Set, 143
sin, 58
Sobrecarga, 140
sqrt, 58
StreamWriter, 97
StrReverse, 62
Sub, 51
SubString, 61
SUM, 151
[Link], 117
tan, 58
Timer, 123
Tipos de datos, 29
TocharArray, 62
ToLower, 61
Toma de desiciones, 39
Top, 123
ToUpper, 61
TrackBar, 85
UPDATE, 149, 154
ValidationExpression, 218
ValidationSummary, 216
ValidationType, 218
ValueToCompare, 218
variable, 28
Ventana de propiedades, 16
Visual [Link], 7
Visual Studio .NET, 11
VScrollBar, 84
WHERE, 149
While, 44
Width, 126

272

BIBLIOGRAFA
CEBALLOS, Javier. Microsoft Visual Basic .NET Lenguaje y aplicaciones.
Mxico, Editorial Alfaomega Ra-Ma. 2da edicin, 2007.
CHARTE, Francisco. Programacin con Visual Basic .NET. Mxico, Editorial
Anaya, 2003.
HARWRYSZKIEWYCZ, I T. Anlisis y diseo de base de datos. Editorial
Megabyte. Noriega Editores. Mxico. 1994.
JAMSA, Kris. Superutilidades para Visual Basic .NET. Editorial Mc Graw Hill,
1ra. Edicin. Espaa. 2003.

INFOGRAFA
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
[Link]
_menu.htm

273