Iniciando Proyecto en Power Builder - Calculadora Parte Final

Primero antes de programar tenemos que definir la interfaz o el diseño de nuestra ventana, sin codificar nuestros objetos.

Si imitamos la calculadora de Windows funciona con puro botones.



El power builder en esta versión 10.5 carece de que los botones se puedan cambiar su color. 

Editando nuestro diseño de la calculadora en Pb. seria de esta manera:

Utilizando una ventana(1), botones(18), caja de texto(1)

Se ha modificado las propiedades de height, width de los siguientes objetos para llegar a nuestro objetivo.

Definiendo el ancho y alto de nuestra ventana.



Antes de irnos a la programación dedemos tener en cuenta esto :

* Siempre empieza en la caja de texto empieza con  '0.' o tambien cuando resetamos lo calculado.
* Cuando doy click en el boton 0 no inserta ningun numero en el visor.
* Si doy click en el boton 0 no puede seguir ingresando caracteres al sle_visor.
*El boton . no se puede agregar mas de una vez en el sle_visor.

Diseñando las cajas de texto, Botones de comando acuerdo a nuestra manera de programación.

Lo hemos agrupado y pintado en tres cuerpos por que su comportamiento lo tienen casi parecido en este caso:

Pintado rojo .-

Las Caja de Texto estan solo para mostrar resultado en caracteres y no es editable.

Pintado verde .-

Este grupo de botones que son los numeros es para llenar las caja de texto de caractes aumentando por la derecha.

Se debe de repetir para los botones 9,8,7,6,5,4,3,2,1,0,.

Agregando codigo repetido a los botones 9,8,7,6,5,4,3,2,1,0 y ademas cambiar is_caracter = '0' si es el boton 0, is_caracter = '1' si es el boton 1, ..., is_caracter = '9' si es el boton 9 como la figura:

Pintado azul .-

Este grupo de botones es el que nos hace el calculo +, -, *, / y los tipos funciones que queremos .

Como se dan cuenta tienen igual las mismas propiedades botones que funcionan  como operadores dentro de la programacion.

/, * , - , +

Agregando codigo repetido a los botones / , *, - , + y ademas cambiar is_operador = '/' si es el boton /, is_operador = '*' si es el boton *, ..., is_operador = '+' si es el boton + como la figura:

Hemos utilizado Dos la funciones de ventana para poder minimizar nuestro codígo

wf_convertir_numero(string ls_numero) returns String

* Permite convertir el numero que esta en caracter a su formato decimal.

wf_operador(string ls_factor_uno, string ls_factor_dos, string ls_operador) returns String

* Permite convertir los numero que esta en caracteres y trabajarlo con su respectivo operador.

por ejemplo : wf_operador('45', '15', '/') = '3'
wf_operador('250', '40', '*') = '210'
wf_operador('300', '45', '-') = '265'
wf_operador('100', '50', '+') = '50'



Programando el boton =
*Aqui Utilizamos las dos funciones creadas.

Programando el boton .

Programando el boton C

*Reiniciamos las variables declaradas en Instancia Variable asi poder resetear los valores iniciales y sle_visor = '.0'

Probando la Calculadora 'FABRISOFT' una vez funcionando correctamente procedemos a guardar nuestra libreria mas adelante hacer un buen uso.





Iniciando Proyecto en Power Builder - Calculadora Parte I

FABRISOFT
(Sistema de Gestión Comercial)

Vamos a comenzar a crear nuestra primera ventana de ejemplo.

En Power Builder se crean 3 tipos de archivos: el Espacio de trabajo, la aplicacion, y la libreria.

Todo proyecto necesita estar dentro de un Espacio de trabajo (WorkSpace) para poder funcionar, asi que nos vamos a File / New  o control + N. Nos saldra una ventana asi:

Nos saldra una ventana donde nos pedira el nombre de la aplicaccion, tenemos que ponerle: fabrisoft, en nuestro caso lo pondre: App_demo. Esto se generará dos archivos, uno que es la aplicación y otra es la libreria. En la libreria estarán todos los Objetos PB (Ventanas, Menu, Estructuras, Funciones, Clases, etc).

Escogemos WorkSpace, y le damos Ok. Luego nos saldra donde lo queremos guardar. Y lo guardamos en el lugar donde ud. quiera.

En mi caso lo guardare en un Directorio Especifico, creare una carpeta llamada PB_10.5 y ahi lo guardare como: Fabrisoft.

Una vez creado el Espacio de trabajo, tenemos que crear la aplicacion, en nuestro caso usaremos la primera opcion, aunque existen muchas aplicaciones que se pueden crear (Web, Componente, .Net) pero como queremos una aplicacion Escritorio nos situamos en la primera opcion: Nos vamos de nuevo a File / New y nos situamos en la pestaña: Target. Nos ponemos en Application y luego Ok.

Al realizar todo esto, nuestro arbol quedaria de esta manera:

 

Al llegar hasta este punto, tenemos ya el espacio para diseñar nuestro sistema, ahora por ultimo nos vamos a File / New o Control + N, y nos vamos a la pestaña: PB Object. y escogemos Window y le damos click en OK.

Luego nos saldra la ventana para diseñar. Ahora tenemos que grabar esa ventana, para que se coloque en la vista del arbol de la parte izquierda. Ahora tienes que ir a File / Save As... y ponemos: w_calculadora, siempre sé coloca un W por ser ventana, S de structura, Wsk de WorkSpace, App de Aplicacion, de esa forma se coloca en Power Builder ya que es una estandarización.

Dando click en guardar :

Una vez echo esto, recien en nuestro View Tree saldra el objeto creado, en este caso la ventana:

Ahora nos pondremos a diseñar y programar nuestra ventana llamada: w_calculadora.

Una vez diseñada, para poder ejecutar el proyecto, tienes que presionar: control + R, pero para esto tienes que ir a donde dice: fabrisoft y dar click derecho, otro click en edit.

En el evento Open debes colocar el siguiente codigo:

Y con este código abriremos la ventana creada.

Con este Ejemplo enseño como debemos manejar la herramienta y entender sus eventos propios del objeto.
Como es una interfaz tan solo nos va a salir una ventana sin nada.

Aplicaciones en Power Builder

El desarrollo de una aplicación en PowerBuilder es un proceso visual en el que el diseño de las interfaces gráficas de usuario es similar  al armado de un rompecabezas en base a piezas prefabricadas llamadas objetos. Lo que el desarrollador debe definir mediante la programación es cómo estos objetos responderán a las interacciones del usuario (programación dirigida por eventos). PowerBuilder es un entorno de desarrollo de aplicaciones  para interfaces gráficas bajo una arquitectura CLIENTE/SERVIDOR.

Las aplicaciones son implementadas a través de objetos Application, los que presentan propiedades, evento y funciones (métodos) que serán revisados. Una aplicación es un objeto no visual, desde el que se invocan a las interfaces (ventanas)  que serán parte de una aplicación además de poder declarar variables globales, usar objetos de usuario, etc.

Mi Espacio de Trabajo

PowerBuilder es una herramienta de desarrollo de clase empresarial desarrollada por la empresa Sybase. PowerBuilder es orientada a objetos y permite el desarrollo de diferentes tipos de aplicaciones y componentes para arquitecturas cliente/servidor, distribuidas y Web.

Básicamente tiene el aspecto de diseño de visual basic, se debe empezar creando un área de trabajo, luego debemos crear una aplicación que será donde albergarán los componentes como ser ventanas, menus, etc. Cuando hayamos creado una aplicación debemos crear inicialmente una ventana con la que podremos agregar ciertos componentes propios de una ventana como ser: textos, botones, cajas de texto, menus desplegables, menus de opción, etc.

Familiarizarse con el Work Espace :