UNIVERSIDAD TCNICA DE AMBATO

FACULTAD DE INGENIERIA EN SISTEMAS,

ELECTRNICA E INDUSTRIAL

CARRERA DE INGENIERIA ELECTRNICA Y
COMUNICACIONES




AUTORES:
CRISTIAN ALMAGRO
DAVID GANAN
LUIS SNCHEZ
JAVIER TIBANQUIZA

TUTOR:
ING. CESAR GRANIZO

AMBATO ECUADOR
2014

TEMA
INTRODUCCIN A LA
PROGRAMACIN VISUAL

Volver
Introduccin

Los nuevos sistemas de informacin son costosos en tiempos y
recursos, la solucin moderna de sistemas de informacin
exigen nuevas herramientas y metodologas.

En programacin visual ( que tambin es heredera de OOP ),la
interface con el usuario(pantallas) son generadas por el propio
compilador y el ingeniero de software solo se concentra en
resolver el problema planteado.

Qu es Programacin Visual


La programacin visual brinda los conocimientos
necesarios para disear y desarrollar aplicaciones
con un entorno visual amigable y fcil de utilizar por
el usuario. Los lenguajes de programacin visual,
lo cual hace sencilla la tarea de los programadores.

Por qu programacin visual?

El usuario normal no desea trabajar/ver resultados por una
consola de comandos.

La mayora de las aplicaciones comerciales utilizan ventanas,
botones, conos, etc.

Es posible separar un cdigo que realiza operaciones muy
complejas con su interfaz hacia el usuario.

Permite integrar elementos propios del sistema operativo.

Interfaz Grfica de Usuario


Permite la interaccin del usuario con la mquina/aplicacin
en cuestin.

Utiliza una serie de herramientas y tecnologas para mejorar
los procesos con la informacin.

Responsable en gran medida de la
masificacin de los computadores personales.



Qu es un IDE de programacin?

Un IDE de programacin es un entorno de programacin que ha
sido creado por partes las cuales son:

Editor de cdigo
Un compilador.
Un depurador.
Y un constructor de interfaz grfica.

Estas han sido empaquetada en uno solo como un programa de
aplicaciones.

Volver
Estos IDE puede ser un programa de aplicacin por si
solos o pueden ser parte de aplicaciones ya existentes.

Por ejemplo en el lenguaje de programacin Visual
Basic puede ser usado dentro de las aplicaciones de
Microsoft Office por lo que es posible escribir
sentencias Visual Basic en forma macros para
Microsoft Office.


Los IDE ofrecen un amplio y amigable marco de trabajo
para la mayora de lenguajes de programacin tales
como:
Java.
C++.
C.
Visual Basic.
Delphi etc.

Es posible que un IDE creado por un lenguaje de programacin
pueda funcionar en varios lenguajes de programacin.

Un buen IDE debe tener las siguientes caractersticas.
Multiplataforma.

Soporte para varios lenguajes de programacin.
Integracin con Sistemas de Control de Versiones.
Reconocimiento de sintaxis.
Extensiones y componentes para el IDE.
Integracin con Framework populares.
Depurador.
Importar y Exportar proyectos.
Mltiples idiomas.
Manual de usuario y ayuda.
Componentes como:

Editor de texto.
Compilador.
Intrprete.
Herramientas de automatizacin.
Depurador.
Posibilidad de ofrecer un sistema de control de
versiones.
Factibilidad para ayuda en la construccin de
interfaces graficas de usuarios.
IDEs mas conocidos

Eclipse.

NetBeans.

Jcreator.

BlueJ.

JBuilder.


Eclipse

Entorno de desarrollo integrado de cdigo abierto
multiplataforma para desarrollar proyectos. Esta plataforma ha
sido usada para desarrollar entornos de desarrollo integrados,
como el IDE de Java llamado Java Development Toolkit (JDT)
y el compilador (ECJ) que se entrega como parte de Eclipse.

NetBeans



Programa que sirve como IDE que permite programar en
distintos lenguajes, es ideal para trabajar con el lenguaje de
desarrollo JAVA y todos sus derivados

Jcreator

Es un entorno de desarrollo para Java. Existen dos versiones
de este programa, una es comercial (JCreator PRO) y por la
misma razn contiene algunas utilidades adicionales en
comparacin a la versin gratuita (JCreator LE). El JCreator
acta como una mscara sobre el JDK y permite usarlo en
ambiente Windows.

BlueJ


Es un sencillo entorno de programacin exclusivamente
diseado para la enseanza y el aprendizaje de Java. Se trata
de un proyecto nacido en el seno de un grupo de investigacin
universitario integrado por miembros britnicos y australianos.
Por sus novedosas caractersticas, en poco tiempo BlueJ
alcanz una gran popularidad en entornos docentes.


JBuilder

Es un software creado en 1995 por Borland, muy utilizado hoy
en da ya que, por sus caractersticas, proporciona una serie de
ventajas al programador facilitando el proceso de desarrollo
software y permitiendo dotar de mayor calidad al producto final.
Entre sus caractersticas destaca el componente para la
construccin de la interfaz grfica. JBuilder ofrece un cmodo
diseador grfico en el que se puede insertar componentes
grficos y configurarlos visualmente. De este modo se puede
dibujar la aplicacin.


Qu IDE es ideal para la programacin visual?

Dentro de los IDEs presentados solamente tres de ellos estn
orientados a la programacin visual:
Eclipse.
NetBeans.
JBuilder.
Cada uno de ellos tiene sus similitudes como diferencias
teniendo en cuenta su grado de utilizacin en el medio

Eclipse y NetBeans

Son lenguajes de programacin IDE orientado a objetos.
La interfaz grafica usada es GUI Builder.
Para programacin grafica son bsicos tres pasos
Aadir
Modificar propiedades
Definir anclaje

Aadir
Solamente es necesario seleccionar el elemento que se
requiera y arrastrarlo al panel principal (seleccin de dos
panel).


Modificar propiedades
En primer lugar se debe redimensionar hasta estar conformes
con el resultado. En la zona de propiedades se puede cambiar
los diferentes atributos del elemento seleccionado (se aade
etiquetas y botones).







Anclaje:EL anclaje se refiere a la capacidad de un elemento de
adaptarse al tamao de la ventana o del objeto que la contiene.


JBuilder
JBuilder al ser un lenguaje de programacin basado en
Borland utiliza la interfaz grafica Swing.
El diseo de toda interfaz conlleva, a grandes rasgos, los
siguientes pasos:
-Decidir la estructura de la interfaz
Qu componentes grficos se van a utilizar, y cmo se van
a relacionar estos componentes)
-Decidir la disposicin (layout) de los componentes
Existen dos tipos de componentes: contenedores y
componentes atmicos
Los contenedores sirven para organizar los componentes
contenidos en los mismos. Esta organizacin se denomina
disposicin (o layout)
-Decidir el comportamiento de la interfaz: gestin de eventos
Algunos componentes son controles: permiten reaccionar
ante eventos del usuario. El comportamiento se especifica
programando las respuestas a dichos eventos.
Normalmente, dichas respuestas supondrn invocar
funcionalidades de la lgica de la aplicacin
Conviene mantener la interfaz y la lgica lo ms
independientes posibles (veremos patrones que permiten
lograr esto)




Estructura

Disposicin


Comportamiento


Volver