Programacion Modular Entornos Graficos
Programacion Modular Entornos Graficos
ENTORN S GRÁFICOS
competencias de Unidad:
, Definir la programación orientada a entornos gráficos.
, Aplicar los conceptos de la programación orientad a a eventos.
1 Crear aplicaciones insertando controles sobre una ventana.
Expectativas de Logro:
1 Establecen diferencias entre la programación en consola y progra m ación a
entornos gráficos.
, Identifican el tipo y uso de cada control.
1 Crean aplicaciones en Visual C# y Visual Basic.
Elementos de Competencia :
Contenidos:
1
Programación Orientada a Entornos Gráficos
' Crear ap licaciones a través de la Consola
1
Programación Con Ventanas (Formularios)
11111---- -
U,n1J,ut HI
a ( nt or no 4i Gráfic.o'\
Pr og ra mt 1c lón Ori€'ntadf1
ET)
n Orh:~ntac..l.1 a lv f'n to ~ Vl "u at C# y Vi\u,11 Basic .N
(P ro gr am ac ió
"''"'''Ml-.:t .. 1rt frrf a1 ,1,, l"Modr:, t't>W,c)l,t
,M, *'"'" """" lll\ \ f,tf .\fh º'
t
t1iflrr p tt .. l;.t P'" Ht f-lr,J;'fr 1(,r
ta ¡,u ""' '"" '( .tr u1r ,,,.. ,.., d,. r--1\r,ulo
-lm ;ul or flfM ,11111 .1 rt,• fo, m ;¡ 1tN 11~ rit1 -11 l.'1 ... ¡n, 11
(•I PW ,tt.
tt4!f'l"tt•' t"n f'l r,,,,<io (('l l\ll ld .H\ rr; r11., ~-- rf,r,-f!n,. _,
orr_t~n
110 (rn ut , tln . \t,r nf, f• lc.) , "" un rr, to, no V,f
ft'" "' '-'' -'"" '-'' H'I H'\ ron
t•I \J ~u.1 l-1 v.., nt ... n-1, o•r rM 14,
tcJ n rl pro ffr ,Hl lít Vtl qu ,• t•, tr pu ,,d o m,r um 11M
N iHl lrn rá
~'"·t(" .-n (tu f' el u,u Mt O inl .tin U .
am bo \ Pn tor nm , P\ d,-
~~ ;N• J.~' f IA n1.1I. oq~ .mí z;ir un pro gra ma p,i r a
tti
.,,.,.:
do s y
u,s e-ventos pu ed en ser va ria
.
11 Se ha pulsado el bo tón del ratón
i, Se cerró la ventana.
ferencia .
pu ed e de se nc ad en ar los eventos en el orden de su pre
rio
Como podemos observar, el usua
tiv o con en tor no
las ve nta na s y de sus eventos, el sistema op era
de
Pira realizar fa programac,on de funciones
se rie de fun cio ne s en un a librería. A este co nju nto
a
r.áhco (Wíndows) pro po rci on a un Interface), que en Wi nd ow s se
llama SDK
/ica tio n Pr og ram mi ng
na API (App
ltneralmente se les de no mi rán para gestionar ventana
s (crear,
qu e es te co nti en e se uti liza
cio ne s
(Software Development Kit), fas fun ad ro de diálogo, etc .t ob ten er ev
entos,
(no rm al, me nú , cu
dif ere nte s tip os
redirnensionar, cerrar, etc.) de
reaijzar acciones de dib ujo , etc
,
- 11 programación gráfica .
Programa c1on . la diferenci•a entre una orientad
uede visualizar aa
. uiente, se p .
En la imagen s1g . de consola.
rarnac1ón
event o y una prog
Est ilo de prog_r~ ma
. grarna e n modo g ra f1co
Estilo de pro . solA
en rnodo co n
sentencíaa
Inicialización
según evento
Sentencias
Cálrufo y E/S
Sentencias
ev Te1mína1·
Para facilitar el trabajo en entorno gráfico, muchos lenguajes de program ación (Visual
c#, Visual Basic,
Vi su al C++) proporcionan formas sencillas de acceder al API median te librerías de
clases que encapsula
la mayor parte de la complejidad y sólo deja como tarea al program ador la realizac
ión de las partes
específicas de su programa.
gráfica .
uaje s de prog ram ació n se pued en crea r aplicaciones de consola com o de inter faz
con ambos leng
las difer enci as en
nes en ambos programas para cono cer
De aquí en adel ante , crea rem os aplicacio
codificación para cada uno de ellos.
a
Cre ar aplicaciones a través de la Consol
de com ando s escritos.
ar órde nes al sistema oper ativo a trav és
La consola es la inte rfaz que perm ite envi
n.
desa rroll ados para este ento rno de ejec ució
Estos comandos no son más que prog ram as
s la func ione s
la cons ola de Win dow s se man ipula a travé s del obje to canso/e que inclu ye toda
Para .NET
ma oper ativo .
básicas para man ejar este elem ento del siste
Writeline
argu men to que se le
pant alla o a otro s disp ositi vos de salida el
Es una func ión que se enca rga de envi ar a
ibe el men saje , pasa
r num éric o. Una vez que Writ elin e escr
asigne ya sea una cade na de text o o un valo
el cursor a la sigu iente línea.
Por ejemplo:
2.
Dar click sobre el menú Archivo y a continuación en Nuevo proyecto.
/ ':E~L·:·=_:__-_ _ _ _ ______ _
Archivo L
AJirir ►
J,:u::il C#
And,o,d
~J Proyecto compartido
Visual(.:
Cloud .·
Q_I~.-;
[4tn ~1bil,1y
'11 9ib liottca de clase~ ([Link].) Visu1 I (s
iOS l!B!.'I
- Aplicación de consola (paqu,... Vi sual e~
t, Enllnu
Nombre
bu e r la ntill as en linea,
Sum11,0osnum , rosC harp
Ac,ptu 11 c , nc<lar l
UI IIU dU 111
Vis u 1 B::1-,1
,. Plantill,u LJ Ap l1 cac1ón d, Wind ows Fo rms Vi\ual Du 1c .., Tipo: Visua l Buic
• Vis...lS..íc
.. Otro s ltnguij~
r
•••j
VII
ApliC1ci6 n WP~ Visual 8'1\ic
Proytclo pa ra eren, una aphcac16n dt
líne a d t co m a nd os.
Ju~o ~
,....
P)•h o n - Aplicación dt consola Visual Basic
Visual F-.-
,...
,. Visual(# @_J Aplicaci ón wtb ASP .NET Visual Basic
l> \'\1indo~vs
W •b li!I_J Proyecto compa rtido Visual Basi c
An d roid
Cloud Bibliote-ca dt clas~ Visual Basic
Extensi bility
iOS Biblioteca dt clases (portabl,) Vis ual Basic
Nombre: [Link]
Aceptar \ \ Cancelar
4. Ejecutar el programa .
Visual C#
Código
l00~ • ¡
Como podemos observar en la imagen anterior, las líneas con flechas indican que realizará cada
2
una de las líneas de código. En la instrucción Co [Link] llne('la suma de {O} mas {l } es : { Y" ,
t
nl, 11 2,resu l); el texto {O} indica que aquí se va a imprimir el valor de la primer variable en nueS ro
ejemplo nl, el texto {l} indica que en esa posición se va a imprimir el valor de la variable nZ Y el
3
texto {2} indica que allí se imprimirá el texto de la tercer variable n .
Visual Basic
Código Re su lta do :
[Link] 1 ., X i] fdt .,'/,'C 'Usm. hli..::10 . ~ ~ @
~ Sumai~ umer osVB ]
e Modul~ Module l _ __ , ~ Esc rib a el prim er número :
~
1
1
Sub Main() 9
Esc riba el segundo número: i
1 Dim
Conso nl, n2, telin
l e .Wri resue(
l As
"Esc
nl = Cons ol e .Read Line ()
Int
~ g~erel
riba
resu l = nl + n2
...
Conso le.W ritel ine( " La suma
de {0} mas {l} es : {2} • , 1 2 sul)
Con s ale. Read () n , n , re
End Sub
End Modul e
~ 2.
3.
Estab lecer la difere ncia entre los tipos de datos
Inves tigar el conc epto de módu lo.
de Visual Basic, C# y C++.
Ejemplos:
using [Link];
using [Link];
using [Link];
using [Link];
. , 11 CC' McsVC" harp
níl nw "P"
int mesl;
string mensajel;
mesl = [Link]([Link]());
if (mesl == 1)
mensaje!= "Enero";
else if (mes1==2)
mensaje!= "Febrero";
else if (mesl == 3)
mensaje!= "Marzo";
else if (mesl == 4)
mensaje!= "Abrir· 1
else if (mesl == S)
mensaje!= "Mayo";
else if (mesl == 6)
mensajel = "Junio"·1
else if (mesl == l)
mensajel = "Julio"· 1
else if (mesl == B)
else if (mesl == 9 )
rnensa1·e1 - "S .
- eptiembre" • 1
Unidad 111
else if (mesl == 10)
else
mesl,
Conso [Link] eline(" EI númer o {O} corres ponde con el mes de {l}",
mensa jel);
Conso le .Read();
Resultado
eL~:5
[Link]'O s e • ~ c1111 el aes de llayo-
... n
Ir ¡,,
-.ero 38 ,_ -r- toa el ES , --,.-
- ~-;-,,¡¡
-..,
- V --
Sub Main()
mesl = [Link]()
lf mesl = 1 Then
End lf
" 1 mensaje!)
[Link]("EI núm ero {O}
[Link]() core spon de con el mes de {l} , mes '
End Sub
ión lf :
bos có digo s se util iz a la in stru cc
co mo pod em os obs erv ar en am
l CU, In condi ción se esc ribe ent
re paréntesi s, en Visua l Baslc la
\fil En la Inst rucció n lf de Visua
condició n va ent re lf y Then.
en Vi sual Basic va ent re
de ins trucci on es se encierr a ent re llav es {},
~ En Vis ual C#, el blo que
lf y End lf.
ivalentes en
n que per mit a con ver tir una lon gitu d dad a en metros a sus equ
2. cre ar una aplicació
das. Se debe consid erar:
centimetros, pies, pulgadas y yar
-@ 1 pie = 12 pulgadas
1
usi ng System;
usi ng [Link];
usi ng [Link];
sua lCh arp
nam esp ace Co nve rsio nM etro sVi
Do ubl e me tro s;
tida d en me tro s: ");
Co nso le.W rite ("ln tro duz ca la can
.Re adl ine ());
me tro s= Do ubl e.P ars e(C ons ole
cen tím etr os es: ");
Co nso le .Wr ite( "La can tida d en
Ediciones Fares
[Link](metros * 100);
console. Readline();
[Link]("La cantidad en pulgada es: ");
Console. Readline();
Resultado
Sub Main()
o·rm metros As Double
[Link]("I ntroduzca la cantid d
metros _ C ª en metros: ")
- [Link]
[Link]("La cantidad
. ,
Console W . en centimetros es: ")
. rrteline(metros * 100)
Consol e. ReadUne()
--- Console .Wrlte(" LóJ cnri tldncl on p11l,-,.:1cln w;: ")
End Sub
End Module
. Resultado
• 1 f1l,:/ //C:/Ll1cr,/ E,li c100, " f • 1e1/ 0 o<11 11 1t ... - C1 X
l nt rodu zcu 111 c nn t1dll d íln n,et r oil: J
L,l ca nt1 dod en ccnt1n1ct r os cll: 100
elva co mo
3. Crear una aplicació n que pida como datos de entrada el su eldo de ~n a perso na y devu
resultad o:
es
,t, IHSS: Si el sueldo es mayor de LPS. 7,000.00 debe pagar 7000 * 3 .5%, pero si el sueldo
menor de LPS. 7,000.00 , el seguro es igual a sueldo * 3.5%.
using [Link];
usi ng [Link];
using [Link] [Link];
namespace SueldoVisualCSharp
class Program
{
if (sueldo>= 7000) { ihss = 7000 * 3.5 / 100; } e/se { ihss =sueldo* 3.5 /
100; }
Resultado
Sub M ain()
Dim sueldo, fo sovi, ihss, dedu cc ion es, sueldon eto As Doubl e
'si sueldo>= 7000 entonces ihss = 7000 * 3.5/100 sino ihss =s ueldo * 3.5/100 1
lf sueldo>= 7000 Then ihss = 7000 * 3.5 / 100 Else ihss = sueldo * 3.5 / 100
Console.R eadline()
End Sub
End Module
•
.
Resultado
. .
1! ~ filt :/// C:/ Ums/ Edicí one s F.. .
0
- □ X
r
Los comenta rios en Visual C# se escriben igual como se rea 12 ª en
Visual C++ con "//" para un
. . ,
. . mpiezan con la comilla simple ( ).
comentario de una sola línea y en Visual Basic los comentario s e
programac ion 11
Estrategia de Aprendizaje # 2
.
1nstrucc io nes ·· Realizar ca
da un a de 1as a
ctividades que se le muestran a continuació .
n.
li
!
para los siguientes ejercicios:
Crear un a apli cac ión de co nso 1a .
l.
de velocidad de automóviles, el tiempo se mide en m·
En una competenc 1a . . inutos s
ª· . d undo y el espacio recorrido se mide en metros S . ' egundos
Y ce ntés im as e seg . . e Pide crear
. . determinar la velocidad en km/hr. una
apllcacI6 n para
Crear una aplicación que solicite como dato de entrada el número de varones y el n,
b. . d tro del salón de clases y devuelva como resultado el p umero
de muJeres en orcentai·e
d · que
representa la cantidad de varones y e muJeres.
Considere que:
e. En una olimpiada de tiro al blanco se llega a un acuerdo entre los participantes para que el
puntaje obtenido sea calculado en base al puntaje original (O al 10), alcanzado en el tiro,
multiplicado por un factor especificado en la siguiente tabla:
Program .,
acion Con Ventanas (Formularios)
Los lenguajes de programació d un nivel de
abstracción tan elevado I n que trabajan bajo una interfaz gráfica han desarrolla o ,., y no por
, que a mayoría de r el diseno
como actúa cada objeto . t programadores solamente se preocupan po
in ernamente.