Sistemas expertos eInteligencia Artificial, Guía 1

Facultad : Ingeniería
Escuela : Computación
Asignatura: Sistemas expertos e
Inteligencia Artificial

Tema: “INTRODUCCIÓN AL IDE C#”.

Objetivo

 Identificar los principales componentes del entorno gráfico de desarrol o de Visual

C#.
 Crear aplicaciones utilizando el Windows Form de Microsoft.
 Utilizar controles en formularios de Windows Forms, como: Etiquetas, Cuadros de
textos y Botones.
 Cambiar propiedades de formularios y controles de Windows Forms en tiempo de
diseño y a través de un programa en tiempo de ejecución.

Introducción

INTRODUCCIÓN A WINDOWS FORMS

En la presente guía de laboratorio se mostrará cómo construir aplicaciones básicas

de Windows Forms usando muchos de los componentes más comunes que son
una característica de la mayoría de las aplicaciones GUI. Se verá como establecer
las propiedades de los formularios y de los componentes de Windows Forms usando
Visual Designer y la ventana de propiedades. También aprenderá a cambiar o a
examinar los valores de estas propiedades dinámicamente usando el código de C#.

Finalmente, aprenderá a interceptar y a manejar muchos de los eventos más

comunes que tienen los componentes y los formularios de Windows Form.

HERRAMIENTAS DE VISUAL C#.

A continuación se detal an las herramientas y ventanas más importantes de Visual

C#. Las ventanas de la mayoría de estas herramientas se pueden abrir desde el
menú Ver.
Sistemas expertos e Inteligencia Artificial, Guía 1 2

1. El Editor de código, para escribir código fuente.

2. El compilador de C#, para convertir el código fuente de C# en un programa ejecutable.
3. El depurador de Visual Studio, para probar el programa.
4. El Cuadro de herramientas y el Diseñador, para desarrol ar rápidamente interfaces de
usuario con el mouse.
5. El Explorador de soluciones, para ver y administrar archivos de proyecto y
configuraciones.
6. El Diseñador de proyectos, para configurar opciones del compilador, rutas de
implementación, recursos, etc.
7. La Vistade clases, para desplazarse por el código fuente según los tipos, no los
archivos.
8. La Ventana Propiedades, para configurar propiedades y eventos en los controles
de la interfaz de usuario.
9. El Examinador de objetos, para ver los métodos y clases disponibles en las bibliotecas
de vínculos dinámicos, incluidos los ensamblados de .NET Framework y los objetos
COM.
10. Document Explorer, para explorar y buscar la documentación del producto en su
equipo local y en Internet.

CÓMO EXPONE LAS HERRAMIENTAS EL IDE

Puede interactuar con las herramientas a través de ventanas, menús, páginas de

propiedades y asistentes en el IDE. El IDE básico tiene un aspecto similar al
siguiente:

Puede tener acceso rápidamente a las ventanas de herramientas o archivos

abiertos presionando CTRL + TAB.
 Sistemas expetos e Inteligencia Artificial. Guía 1 3

EXPLORADOR DE SOLUCIONES Y DISEÑADOR DE PROYECTOS

La ventana de la parte superior derecha es el Explorador de soluciones, que

muestra todos los archivos del proyecto en una vista de árbol jerárquica. Cuando se utiliza
el menú Proyecto para agregar nuevos archivos al proyecto, se verán reflejados en el
Explorador de soluciones. Además de los archivos, el Explorador de soluciones
también muestra la configuración del proyecto y las referencias a las bibliotecas externas
que necesita la aplicación.

Para obtener acceso a las páginas de propiedades del Diseñador de proyectos, haga clic
con el botón secundario del mouse en el nodo Propiedades del Explorador de
soluciones y, a continuación, haga clic en Abrir.

Utilice estas páginas para modificar opciones de generación, requisitos de seguridad,

detal es de implementación y muchas otras propiedades del proyecto.

La ventana de la parte superior derecha es el Explorador de soluciones, que

muestra todos los archivos del proyecto en una vista de árbol jerárquica. Cuando se utiliza
el menú Proyecto para agregar nuevos archivos al proyecto, se verán reflejados en el
Explorador de soluciones. Además de los archivos, el Explorador de soluciones
también muestra la configuración del proyecto y las referencias a las bibliotecas externas
que necesita la aplicación.

Para obtener acceso a las páginas de propiedades del Diseñador de proyectos, haga clic
con el botón secundario del mouse en el nodo Propiedades del Explorador de
soluciones y, a continuación, haga clic en Abrir. Utilice estas páginas para modificar
opciones de generación, requisitos de seguridad, detal es de implementación y muchas
otras propiedades del proyecto.

Materiales y equipo

 Guía de Laboratorio Nº 1.
 Computadora con programa:
o Visual Studio .NET
 Dispositivo de Almacenamiento (USB).

Procedimiento
I) Ejemplo(s) de práctica.

Creación de un nuevo proyecto.

Para la creación del Proyecto, por favor siga las indicaciones que se de tallan a
continuación. La versión de Visual Studio en la que se elaboró la guía es la 2005.
Sistemas expertos e Inteligencia Artificial, Guía 1 4

1. Inicie Visual Studio.NET

2. En el menú archivo, seleccione Nuevo y, después pulse el botón proyecto.

En el panel Tipos de proyecto, seleccione proyectos de Visual C# y en el panel de

plantil as, seleccione Aplicación para Windows y en el cuadro de texto Nombre,
escriba Ejemplo1. Por último haga clic en Aceptar.

Establecer las propiedades del formulario

1. En la ventana Propiedades(si no ve la ventana presione F4), haga clic en la

propiedad (Name), y después escriba Ejemplo1 en el cuadro de texto (Name) para
 Sistemas expertos e Inteligencia Artificial. Guía 1 5

cambiar el nombre del control del formulario (Esto se hace así, porque con este
nombre se hará referencia cuando se esté programando).

2. En la misma Ventana Propiedades, seleccione la propiedad Text y, después,

escriba Este es un ejemplo, para cambiar la barra de título del formulario.

3. Seleccione la propiedad Font y haga clic en el botón Puntos suspensivos que

aparece al seleccionar la propiedad. Cuando se hace clic en el botón
puntos
suspensivos, se abre el cuadro de diálogo Font y se puede seleccionar la fuente y
los efectos que se desean.

Añadir controles a los formularios

Hasta ahora se ha creado un formulario, se han establecido algunas de sus

propiedades. Para que el formulario sea útil, se necesita agregar los controles y
escribir algo de código propio.
Sistemas expertos e Inteligencia Artificial, Guía 1 6

Agregar controles de Windows Forms

En la siguiente figura esta el cuadro de herramientas, donde podemos arrastrar los

controles que necesitamos, para nuestra aplicación (si no aparece la ventana presionar
Ctrl+w+x).

Arrastre los controles necesarios, para l egar al formulario de la figura de abajo

Configuración de las propiedades de los controles

Ahora es necesario configurar las propiedades de los controles que acaba de

agregar al formulario. Para cambiar el valor de la propiedad de un control, haga clic en el
control para seleccionarlo y, luego, introduzca el valor correcto en la ventana de
Propiedades. En la tabla siguiente se listan las propiedades y valores que hay que asignar
a cada uno de los controles.
 Sistemas expertos e Inteligencia Artificial.

CONTROL PROPIEDAD VALOR

Label1 Text Numero 1
TextBox1 Name txtnum1
Text Dejar en blanco
Label2 Text Numero 2
TextBox2 Name Txtnum2
Text Dejar en blanco
ComboBox1 Name cmbop
DropDrowStyle DropDrowStyle (Esta
configuración fuerza a los
usuarios a elegir uno de
los elementos de la lista;
los usuarios no pueden
escribir un valor nuevo)
ListBox1 Name listadvance
RadioButton1 Name rbtn1
Text Basicas
RadioButton2 Name Rbtn2
Text Avanzadas
Button1 Btncalcular
Name Calcular

Cambio de las propiedades de forma dinámica.

Hasta ahora se ha usado la vista de diseño para fijar las propiedades

estáticamente. Cuando se ejecuta el formulario, sería útil restablecer el valor de cada
control a un valor inicial predeterminado. Para hacerlo hay que escribir algo de código.

• Dar doble clic en cualquier parte del formulario(que no sea sobre un control),
para entrar al evento Load, si lo hizo bien el cursor deberá aparecer, dentro de las
l aves del siguiente texto.

private void Ejemplo1_Load(object sender, EventArgs e)

{

• Dentro de esas l aves justo donde aparece el circulo digitamos lo siguiente:

Sistemas expertos e Inteligencia Artificial, Guía 1 8

//agrega item a el combo

cmbop.Items.Clear();
cmbop.Items.Add("sumar");
cmbop.Items.Add("Restar");

//agrega item a la lista

listadvance.Items.Clear();
listadvance.Items.Add("Multiplicacion");
listadvance.Items.Add("Division");
listadvance.TabIndex = 0;

//inhabilita el combo y la lista

cmbop.Enabled = false;
listadvance.Enabled = false;

• Presione la tecla F5 para que vea lo que le sucede al formulario, este debera
aparecer con el combo y la lista desactivada

• Ahora vuelva al formulario(modo de diseño), y de doble clic sobre el control radiobutton

que tiene de texto BASICAS.

private void rbtn1_CheckedChanged(object sender, EventArgs e)

{

• El nombre de ese método aparece como CheckedChanged, que indica que cuando el
radio button cambie, se realizara lo que está dentro de este método, ahora
digitamos lo siguiente:

if (rbtn1.Checked == true)
{
cmbop.Enabled = true;
listadvance.Enabled = false;
}

• Al final ese método se verá así

 Sistemas expertos e Inteligencia Artificial. Guía 1 9

private void rbtn1_CheckedChanged(object sender, EventArgs e)

{
if (rbtn1.Checked == true)
{
cmbop.Enabled = true;
listadvance.Enabled = false;
}
}

• Regresar al modo de diseño y dar doble clic al segundo radiobutton con el texto de
avanzadas, y digitar lo siguiente

cmbop.Enabled = false;
listadvance.Enabled = true;
//me permite seleccioar el primer elemento de la lista
listadvance.SelectedIndex = 0;

• Regresamos nuevamente al modo de diseño, y damos doble clic al botón, para

que nos aparezca el evento de ese botón de la siguiente manera:

private void btncalcular_Click(object sender, EventArgs e)

{

• Dentro de esas l aves, digitar el texto siguiente:

double n1, n2,r;

n1 = Convert.ToDouble(txtnum1.Text);
n2 = Convert.ToDouble(txtnum2.Text);
if (cmbop.Enabled == true)
{
if (cmbop.SelectedItem.ToString() == "sumar")
r = n1 + n2;
else
r = n1 - n2;
MessageBox.Show("El Resultado es "+ r.ToString(),"Respuesta");
}

if (listadvance.Enabled == true )
{

if (listadvance.SelectedItem.ToString() == "Multiplicacion")
r = n1 * n2;
Sistemas expertos e Inteligencia Artificial, Guía 2 10

else
r = n1 / n2;
MessageBox.Show("El Resultado es " + r.ToString(), "Respuesta");
}

Presione F5 para ejecutar la aplicación

Control de errores Try catch

En ocasiones es imprescindible manejar el comportamiento de nuestra aplicación

cuando surge un error.
Try
{
código que puede producir la excepción.
}
Catch
{
Impresión y tipo de error o excepcion
}

Modifiquemos una parte de el código de nuestro programa, busquemos el código que

ingresamos en el botón, o solamente demos doble clic sobre el botón para llegar al
código que era el siguiente:

private void btncalcular_Click(object sender, EventArgs e)

{
double n1, n2,r;
n1 = Convert.ToDouble(txtnum1.Text);
n2 = Convert.ToDouble(txtnum2.Text);
if (cmbop.Enabled == true)
{
if (cmbop.SelectedItem.ToString() == "sumar")
r = n1 + n2;
else
r = n1 - n2;
MessageBox.Show("El Resultado es "+ r.ToString(),"Respuesta");
}

.
.
. // lo demas del codigo ya lo sabemos
 Sistemas expertos e Inteligencia Artificial. Guía 1 11

En este codigo busque la linea double n1, n2,r; cortela y peguela fuera del
metodo( teniendo cuidado de no pegarlo dentro de otra y reescribalo de la
siguiente manera

public double n1, n2,r;

deberia de quedar asi:

public double n1, n2, r;

private void btncalcular_Click(object sender, EventArgs e)
{
//codigo del boton…

Ahora sustituya las lineas

n1 = Convert.ToDouble(txtnum1.Text);
n2 = Convert.ToDouble(txtnum2.Text);
por lo siguiente
try
{
n1 = Convert.ToDouble(txtnum1.Text);
}
catch
{
MessageBox.Show("Ha ocurrido un error con el valor ingresado");
}
try
{
n2 = Convert.ToDouble(txtnum2.Text);
}
catch
{
MessageBox.Show("Ha ocurrido un error con el valor ingresado");
}

Y el código abajo no lo modifique, presione F5 y pruebe la aplicación ingresando letras en

lugar de números.

Nota: la utilización del try catch en este ejemplo, no es una manera optima de
utilizarlo, se implemento así para mayor comprensión.
Sistemas expertos e Inteligencia Artificial, Guía 1 12

II) Ejercicio(s) de práctica.

Agregar a la calculadora las en operaciones avanzadas, la potencia y raíz

cuadrada.
Num 1 elevado al num 2 ( Num1^num2 ) y Raiz cuadrada de Num2 (√(num2))

Investigación complementaria.
Para la siguiente semana:

1. Investigar ¿Cuál es la Estructura de los Sistemas Basados en Conocimiento?

2. Hacer un programa que me captura números y me haga la conversión en letras, por lo
menos hasta 100.

Ejemplo. el usuario escribe: 45, debe haber un mensaje que mande el texto:
cuarenta y cinco.

Bibliografía.

 DALE,NELL/WEEMS, CHIP, PROGRAMACIÓN Y RESOLUCIÓN DE

PROBLEMAS CON C# EDITORIAL MCGRAW HILL, MEXICO 2007.

 http://msdn.microsoft.com/es-es/vcsharp/default.aspx

 http://msdn.microsoft.com/es-es/beginner/bb308754.aspx