PROGRAMACI( ORIENTADA A

ENTORN(U GRÁFICOS

Competencias de Unidad:
Definir la programación orientada a entornos gráficos.
Aplicar los conceptos de la programación orientada a eventos.
Crear aplicaciones insertando controles sobre una ventana.

Expectativas de Logro:
1Establecen diferencias entre la programación en consola y programación a
entornos gráficos.
Identifican el tipo y uso de cada control.
Crean aplicaciones en Visual C# y Visual Basic.

Elementos de Competencia:
El estudiante es competente cuando:
Identifica y utiliza los controles correctamente.
A
plica propiedades correctamente a los controles en Visual Basic y Visual
Elabora aplicaciones correctamente en Visual Basic y Visual C#.

Contenidos:
Programación Orientada a Entornos Gráficos
Crear aplicaciones a través de la Consola
Programación Con Ventanas (Formularios)
 Programación Orientada a Entornos Gráficos
(programación Orientada a Eventos Visual C" y Visual Basic NET)
la pata entornos diftrtt' Oti00tAtlA A ir"orfA/ do modo
en el modo el programador organito do forma iat do cate,uto iterac iones con el
usuario (cout, cin, scanf, etcO, en un entorno en que el u',uario
interactuará con el programa ya quo esto pug•do rrunjrnt'*t IA ventana, Ratón por la
cual, organizar un progratna para ambos entornos es distinta.

medo consola se intercalan las sentencias de cálculo y las de interacción con el u esuatiO en la
desea el programador; sin embargo, en el modo gráfico se ejocuta un buclo
pormanentem.nt., este por un evento del usuario o del sistema para ejecutar el código
perteneciente a tal evento.

tos eventos pueden ser variados y la manera en que se desencadenarán dependerá del usuario, por

epmp$o.•

Se ha pulsado el botón del ratón.

Se ha pulsado la tecla intro.
ó Se cambió el tamaño de la ventana.
ó Se cerró la ventana.

Como podemos observar, el usuario puede desencadenar los eventos en el orden de su preferencia.

Par
a realizar la programación de las ventanas y de sus eventos, el sistema operativo con entorno
C'á%o (Windows) proporciona una serie de funciones en una librería. A este conjunto de
funciones gnetalmente se les denomina API (Application Programming Interface), que en Windows
se llama SDK (software Development Kit), las funciones que este contiene se utilizarán para
gestionar ventanas (crear, redimensionar, cerrar, etc.) de diferentes tipos (normal, menú, cuadro
de diálogo, etc.), obtener eventos, realizar acciones de dibujo, etc.
 ll imalenl
En siguiente, se puede visualizar la diferencia entre una programación gráfica orientada evento y
Para facilitar el trabajo en entorno gráfico, muchos lenguajes de programación (Visual Visual Basic,
Visual C++) proporcionan formas sencillas de acceder al API mediante librerías de clases que encapsula
la mayor parte de la complejidad y sólo deja como tarea al programador la realización de las partes
específicas de su programa.

Los entornos de desarrollo también disponen de utilidades que permiten situar de forma gráfica IO
elementos de interfaz (cuadros de texto, etiquetas, botones, menús, etc.), e inc funciones de servicio
de sus eventos de una forma intuitiva y gráfica, permitien luso enlazarlos con tiempo al programador
dejando de escribir gran cantidad de códigos. do de esta forma ahorr,

es un lenguaje orientado a objetos y fue creado basándose en la estructura de C y C++, en espec

su sintaxis y potencia; también adoptó el estilo y metodología de la programación en Visual Basic'
resaltar, que no es el resultado de la evolución directa de ninguno de estos lenguajes, sino que ha
creado desde cero para programar sobre la plataforma .net.
 Unidad III

NET, es una librería de clases que contienen y encapsulan una gran cantidad de funciones que
trabajan sobre el sistema operativo con la característica fundamental que tienen una estructura común
para todos los lenguajes que trabajen sobre esta plataforma trayendo como consecuencia que una clase
que se programe en C# pueda ser heredada o utilizada en cualquier lenguaje de la plataforma como
Visual Basic. NET pone a disposición del programador un entorno de trabajo llamado .NET Framework
que le permite

acceder a una infraestructura dotada con lenguajes de programación como C#, Visual Basic .NET, Visual
etc. Visual Basic .NET, es un lenguaje de programación dirigido por eventos implementada sobre .NET
Framework.

Ambos lenguajes de programación VB.NETy Visual C# utilizan el entorno de desarrollo integrado

Microsoft Visual Studio donde la versión actual es Visual Studio .NET 2015, también se puede
utilizar como alternativa SharpDevelop que es una aplicación gratuita.

Con ambos lenguajes de programación se pueden crear aplicaciones de consola como de interfaz
gráfica. De aquí en adelante, crearemos aplicaciones en ambos programas para conocer las
diferencias en codificación para cada uno de ellos.

Crear aplicaciones a través de la Consola

La consola es la interfaz que permite enviar órdenes al sistema operativo a través de comandos escritos.
Estos comandos no son más que programas desarrollados para este entorno de ejecución.

Para .NET la consola de Windows se manipula a través del objeto console que incluye todas la funciones
básicas para manejar este elemento del sistema operativo.

WriteLine
Es un
a función que se encarga de enviar a pantalla o a otros dispositivos de salida el argumento que se
le asigne ya sea una cadena de texto o un valor numérico. Una vez que WriteLine escribe el mensaje,
pasa el cursor a la siguiente línea.

Por ejemplo:

a Nuestro Centro Educativo");

Como se puede observar el objeto Console está antecedido por el identificador System, a este se le
denomina espacio de nombres, que no es más que el nombre de un conjunto que agrupa a una serie
de clases. Por la tanto, podemos decir que la clase Console pertenece al conjunto o espacio de
nombres System

Ina
Es función con las mismas características que WriteLine con la diferencia que al enviar el
mensaje mantiene el cursor al final de la línea escrita.

Realiza una pausa Y permite el ingreso de datos a través de la consola.

Ejemplo:

Crear una aplicación de consola en Visual y Visual Basic que permita la suma de dos números,

Para crear la aplicación en cualquiera de las aplicaciones, realizar las siguientes instrucciones:

1, Ingresar a Visual Studio 2015.

2. Dar click sobre el menú Archivo y a continuación en Nuevo proyecto.

Archivo Eu
Abrir
Nuevo
Nuevo
Ctrl+N sitio web...Mayús,
Nuezo
+AIt+ N proyecto de equipo.„
3. Seleccionar el lenguaje de programación en que desea trabajar (Visual C# o Visual Basic),
seleccionar el .NET Framework, seleccionar la plantilla con la cual se trabajará (en
nuestro ejemplo seleccionaremos Aplicación de consola), escribir el nombre que se le
dará al programa Y a continuación dar click sobre el botón Aceptar.
 provecto ,NET Framework 4.6 • Ordenar por: Predeterminado Buscar en Pla'
t' Reciente
Aplicación de Windows Forms Tipo: Visual Basic
Instalado Visual
Proyecto para crear una aplicación de
Plantillas t' línea de comandos,
Visual Basic Aplicación WPF Visual Basic
Otros lenguages
Juego Aplicación de consola Visual Basic
Pydhon
Visual FC
Aplicactón web ASP.NET Visual Basic
Visual t'
Windows
Proyecto compartido Visual Basic
Web
Android
Biblioteca de clases Visual Basic
Cloud
Extensibility
i0S Biblioteca de clases (portable) Visual Basic

En línea
Haga clic aquí para buscar plantillas en línea.
Nombre
SumarDosnumerosVB

3. Escribir el código que se quiere.

4. Ejecutar el programa.

Visual C#
Código

Como podemos observar en la imagen anterior, las líneas con flechas suma indican de {0}
que mas realizará {1} es: cada{2}" una de las líneas de código. En la instrucción nl, n2,resul);
el texto {0} indica que aquí se va a imprimir el valor de la primer variable en nuestro
ejemplo nl, el texto {1} indica que en esa posición se va a imprimir el valor de la variable n2
y el texto {2} indica que allí se imprimirá el texto de la tercer variable n3.
Visual Basic Resultado:

El código entre Visual Basic y C# son parecidos, pero ambos poseen las siguientes diferencias:
ó En Visual C#, se coloca un punto y coma al final de cada sentencia, en Visual Basic no necesita
el punto y coma.

ó En Visual C#, se indica el inicio y cierre con {}, en Visual Basic con sub y End sub.
'6 En Visual C#, para declarar una variable se dice el tipodato + variable (int nl), en Visual
Basic se escribe Dim + variable + as + tipodato (Dim nl as integer).
 Estrategia de Aprendizaje # 1

Código Programa C#
using System; using
System.Collections.Generic;
using System.Linq; using
System.Text; using
System.Threading.Tasks;

Instrucciones: Realizar cada una de las actividades que se le muestran a continuación:

I. 2.

3. Investigar los tipos de datos utilizados en Visual Basic y C#.

Establecer la diferencia entre los tipos de datos de Visual Basic, C# y
C++. Investigar el concepto de módulo.

Ejemplos:
 1. Crear una aplicación que permita como entrada de dato un número entre (ly 12) y devuelva
comc resultado el mes al cual corresponde. Ejemplo: si se escribe un 1 debe devolver como
resultad( "Enero", si es 2 "Febrero" y así sucesivamente.
 Unidad

Resultado

Module Modulel

Sub Main()

Dim mesl As Integer

Dim mensajel As String Console.Write("lngrese
el número:
mesl = Console.ReadLine()
tf mesl = 1 Then mensajel
= "Enero"
"Septiembre"

"Octubre"

"Noviembre"

"Diciembre"

fuera de rango"
 Console.WriteLine('lEl número {O} coresponde con el mes de mesl' como
podemos observar en ambos códigos se utiliza la instrucción tf:
En la instrucción If de Visual Ctt, la condición se escribe entre paréntesis, en Visual Basic la
condición va entre If y Then.

En Visual C#, el bloque de instrucciones se encierra entre llaves O, en Visual Basic va entre Ify
End If.

2. Crear una aplicación que permita convertir una longitud dada en metros a sus equivalentes en
centímetros, pies, pulgadas y yardas. Se debe considerar:
1 metro = 100 centímetros 1
pulgada = 2.54 centímetros
1 pie = 12 pulgadas
1 yarda = 3 pies
en Visual
using System; using
System.Collections.Generic; using
System.Linq; using System.Text; using
System.Threading.Tasks; namespace
ConversionMetrosVisualCharp

class Program

static void Main(string[l args)

Double metros;

Console.Write("lntroduzca la cantidad en metros: ");

metros = Double.Parse(Console.ReadLine());
Console.Write("La cantidad en centímetros es: l');
Ediciones Fares
 Console.WriteLine(metros * 100);
Console.ReadLine();

Console.Write("La cantidad en pulgada es: ");

Console.WriteLine((metros * 100) / 2.54);
Console.ReadLine();

Console.Write("La cantidad en pie es: ");

Console.WriteLine((((metros * 100) / 2.54)) / 12);
Console.ReadLine();

Console.Write("La cantidad en yardas es: 'l);

Console.WriteLine(((((metros * 100) / 2.54)) / 12) / 3);

Console.ReadLine();

Module Modulel

Sub Main()
Dim metros As Double

Console.Write("lntroduzca la cantidad en metros: ")

metros = Console.ReadLine

Console.Write("La cantidad en centímetros es: ")

Console.WriteLine(metros * 100)

Console.ReadLine()
 rares/Docume„,
ntroduzca la cantidad en metros:
La cantidad en cent Imetros es:
100
La cantidad en pulgada es:
39.3700787401575
La cantidad en ple es:
3.28083989S01312 La cant idad en
yardas es: 1.09361329833771

3. Crear una aplicación que pida como datos de entrada el sueldo de una persona y devuelva
como resultado:

FOSOVI: Es igual al sueldo * 1.5%.

IHSS: Si el sueldo es mayor de LPS. 7,000.00 debe pagar 7000 * 3.5%, pero si el sueldo

es menor de LPS. 7,000.00, el seguro es igual a sueldo * 3.5%. Total deducciones: Es

igual a la suma de FOSOVI + IHSS. Sueldo neto: Es igual al sueldo total deducciones.
using Systetn; using
System.Collections.Generic; using
System,Linq; using System.Text;

deducciones, sueldoneto;
sueldo = Double.Parse( Console.

/ 100; }

es:

pagar es:
using System.Threading.Tasks;
namespace SueldoVisualCSharp

fosovi = sueldo * 1.5 / 100;

>= 7000 entonces ihss = 7000*3.5/100 sino ihss = sueldo

* else { ihss = sueldo *

3.5 /

Console.WriteLine(ihss); deducciones
= fosovi + ihss;
Console.WriteLine(deducciones); //lmprime el total deducciones en

sueldoneto = sueldo -

Console.WriteLine(sueldoneto); //lmprime el sueldo neto en pantalla

 Unidad III

Resultado

file

Ingrese el sueldo: 8000

t l tosovi es

t J total doduccionos es: tl

sueldo neto pagar 7635

Código del Programa en Visual Basic

Module Modulel
Sub Main()

Dim sueldo, fosovi, ihss, deducciones, sueldoneto As Double

Console.Write("lngrese el sueldo: : sueldo = Console.ReadLine
Console.Write("El Fosovi es • 't ) : fosovi = sueldo * 1.5 / 100
Console.WriteLine(fosovi)

'si sueldo 7000 entonces ihss = 7000*3.5/100 sino ihss = sueldo *

3,5/100 If sueldo 7000 Then ihss = 7000 * 3.5 / 100 Eise ihss =

sueldo * 3.5 / 100

Console.Write('l El Ihss es t
') : Console.WriteLine(ihss)
Console.Write("El total deducciones es: ") : deducciones = fosovi + ihss
Console.WriteLine(deducciones) 'Imprime el total deducciones en
pantalla
Console.Write("El sueldo neto a pagar es: ") : sueldoneto = sueldo
deducciones

Console.WriteLine(sueldoneto) 'Imprime el sueldo neto en pantalla

Console.ReadLine()
End Sub
End Module
 file:///C:/Users Ediciones x
Ingrese el sueldo: 7000
El Fosovi es 105
El Ihss es 245
El total deducciones es: 350
1 sueldo neto a pagar es: 6650
Los comentarios en Visual C# se escriben igual como se realiza en Visual C++ con 't//" para un
comentario de una sola línea y en Visual Basic los comentarios empiezan con la comilla simple (').
Programación ll

Estrategia de Aprendizaje # 2
Instrucciones: Realizar cada una de las actividades que se le muestran a continuación.

1. Crear una aplicación de consola para los siguientes ejercicios:

a. En de automóviles, el tiempo mide en minutos,
segundos
y centésimas de segundo y el espacio recorrido se mide en metros. se Pide crear
aplicación para determinar la velocidad en km/hr.

b. Crear una aplicación que solicite como dato de entrada el número de varones yel
número de mujeres dentro del salón de clases y devuelva como resultado el porcentaje
que representa la cantidad de varones y de mujeres.

c. Diseñar una aplicación que exprese la capacidad de un disco duro en MB, KB y bytes,
conociendo la capacidad del disco GB.

Considere que:

1 KB = 1024 bytes 1 MB = 1024 KB 1 GB = 1024 MB

d. El promedio de prácticas de un curso, se calcula en base a cuatro prácticas calificadas,

de las cuales se elimina la nota menor y se promedian las tres notas más altas.
Determinarla nota eliminada y el promedio de prácticas de un estudiante.

e. En una olimpiada de tiro al blanco se llega a un acuerdo entre los participantes para
queel puntaje obtenido sea calculado en base al puntaje original (O al IO), alcanzado en
el tiro, multiplicado por un factor especificado en la siguiente tabla:
Puntaje Original Factor
 0 Cero
1...5 Seis
6...8 Ocho
9,10
Diez
Determinar de un tiro realizado, su puntaje correspondiente.

Programación Con Ventanas (Formularios)

Los lenguajes de programación que trabajan bajo una interfaz gráfica han desarrollado un nivel de
abstracción tan elevado que la mayoría de programadores solamente se preocupan por el diseño
cómo actúa cada objeto internamente.