Your SlideShare is downloading. ×
Lenguajes Visuales
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Lenguajes Visuales

92

Published on

Que es Borland Delphi. Que es la programación orientada a Objetos.

Que es Borland Delphi. Que es la programación orientada a Objetos.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
92
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Introducción a la Ingeniería Telemática - UTFSM – 2008 << >> Programación Visual (GUI) Nicolás Álvarez S. nalvarezs@vtr.net Juan Monsalve Z. jmonsalve@elo.utfsm.cl
  • 2. >> Programación Visual (GUI) Tópicos a tratar • ¿Por qué programación visual?. • GUIs & IDEs. • Delphi. • Ejemplos. Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 3. >> Programación Visual (GUI) ¿Por qué programación visual? • El usuario “normal” no desea trabajar/ver resultados por una consola de comandos. • La mayoría de las aplicaciones comerciales utilizan ventanas, botones, íconos, etc. • Es posible separar un código que realiza operaciones muy complejas con su interfaz hacia el usuario. • Permite integrar elementos propios del sistema operativo. Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 4. >> Programación Visual (GUI) GUI: Graphical User Interface (Interfaz Gráfica de Usuario) • Permite la interacción del usuario con la máquina/aplicación en cuestión. • Utiliza una serie de herramientas y tecnologías para mejorar los procesos de entrega y generación de información. • Responsable en gran medida de la masificación de los computadores personales. 8010 Star Information System, desarrollado para la plataforma Star Workstation de Xerox en 1981 Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 5. >> Programación Visual (GUI) GUI: Graphical User Interface (ejemplos) Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 6. >> Programación Visual (GUI) Programando con GUI’s • Existen IDEs (Integrated Development Enviroment ó Ambientes de Desarrollo Integrados) que permiten programar aplicaciones con ventanas, botones, y una serie de elementos visuales de manera sencilla y en paralelo con la programación de la lógica de la aplicación propiamente tal. • Dependiendo del lenguaje de programación que uno desee utilizar, existen distintos IDEs que utilizan uno u otro lenguaje. Java => Eclipse, NetBeans (Sun) C++, C#, Visual Basic => Microsoft Visual Studio (MS) Pascal => Delphi, Kylix (Borland) Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 7. >> Programación Visual (GUI) Borland Delphi 7 • En nuestro caso, utilizaremos la IDE “Delphi 7”, de Borland. Por su sencillez de uso y tamaño reducido. • Identificaremos una serie de elementos esenciales para el trabajo con las GUI’s Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 8. >> Programación Visual (GUI) Borland Delphi 7 Barra de Herramientas Aquí están los elementos para armar la GUI (botones, textbox, etc) Editor de Código Fuente Aquí se arma la lógica del programa Forms (si, igual que en J2ME). La ventana de la aplicación donde irán los elementos de la GUI Editor de Propiedades Aquí se cambian parámetros de los elementos visuales (color, texto, posición, alineación, etc.) Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 9. >> Programación Visual (GUI) Borland Delphi 7 • ¿Cómo agregamos elementos visuales al Form? R.- Click en la barra de herramientas, en el elemento que se desea agregar. Click en el lugar de la Form donde se desea posicionar. • Ok, mi Form tiene ahora un botón y un cuadro de texto (Edit). ¿Qué debo hacer para que cuando corra mi programa y haga click sobre el botón ocurra algo? R.- En la Form, doble click sobre el botón agregado. Aparecerá la ventana de edición de código fuente y el focus se dirigirá al procedimiento (función) que controla la acción de hacer click sobre el botón. Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 10. >> Programación Visual (GUI) Primer programa • Situarse en un Form • Seleccionar la pestaña “Standard” • Seleccionar un button (OK) Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 11. >> Programación Visual (GUI) Primer programa Para que suceda algo: • Selecciona Events en el Object Inspector • Nos interesa el evento OnClick • Realicemos doble Click en el espacio en Blanco de OnClick Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 12. >> Programación Visual (GUI) Primer programa • ShowMessage muestra el mensaje entre comillas • Presionemos F9 (compilación) • “ Listo ” Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 13. >> Programación Visual (GUI) Borland Delphi 7 • Hello World! (al hacer click en el botón, que muestre “Hello World!” en el cuadro de texto). procedure TForm1.Button1Click(Sender: TObject); begin Edit1.Text := 'Hello World!' end; Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 14. >> Programación Visual (GUI) Borland Delphi 7 • Como se mencionó anteriormente, el lenguaje de programación usado por Delphi es Pascal. Hay unas leves variaciones respecto a C. Definición de variables procedure TForm1.Button1Click(Sender: TObject); var i: Integer; begin … Asignación de Valores i:=34; Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 15. >> Programación Visual (GUI) Borland Delphi 7 • Sentencia IF • Ciclo FOR if (algo) then begin … end else begin … end; For var:=inicio To tope Do Begin … End; • Ciclo While While condicion Do Begin … End; Introducción a la Ingeniería Telemática - UTFSM – 2008 <<
  • 16. >> Programación Visual (GUI) Ejemplos NO HAY! (Ud. Los hará). Problema Desarrolle una calculadora simple (4 operaciones básicas), donde el usuario ingrese dos valores (dos casillas) y reciba el resultado en una tercera. Introducción a la Ingeniería Telemática - UTFSM – 2008 <<

×