MANUAL

DEL PROGRAMADOR
Versión 1.0

ELABORADO POR:
JUAN DAVID CASTILLO CARRASCO
KAREN YOHANI DIAZ TUCTO
EDUAR KEVIN SARANGO PEÑA
LUIS BARDALES TAPIA
MANUAL DEL PROGRAMADOR

INTRODUCCION................................................................................................
DESCRIPCION DEL SOFTWARE....................................................................
OBJETIVO DEL MANUAL.................................................................................
1.-CONEXIÓN CON BD Y POWER BUILDER....................................................
1.1.-CONEXIÓN ODBC.....................................................................................
1.3.-CREACION DE LIBRERIAS POWER BUILDER.....................................
1.4.-CONEXIÓN POWER BUILDER...............................................................
2.-CREACION DEL FORMULARIO ACCESO AL SISTEMA (LOGIN)..............
2.1.-INGRESANDO A POWER BUILDER.......................................................
2.2.-PROGRAMANDO EN POWER BUILDER...............................................
2.3.-SOLUCIONAR ERROR IMAGEN............................................................
2.4.-BOTONES Y ACCESO A POWER BUILDER..........................................
3.-CREACION DE MENU DE SISTEMA...........................................................
3.1.-SOLUCIONAR ERROR...........................................................................
3.2.-IMÁGENES SUBMENU...........................................................................
4.- MANTENIMIENTO DE USUARIO................................................................
4.1.-BOTONES CRUD....................................................................................
4.2.-DATAGRID TABLA_USUARIO................................................................
4.3.-BOTONES DE DESPLAZAMIENTO........................................................
5.-GLOSARIO...................................................................................................
6.-APENDICE....................................................................................................
7.-SOPORTE TECNICO...................................................................................
INTRODUCCION

Este manual guiará al programador en el desarrollo del sistema

“PLANETA_MOVIL”, a través de la “CONEXIÓN CON BD Y POWER
BUILDER”, en la cual el sistema de gestión de bases de datos relacional
permite a los usuarios realizar diversas operaciones. PowerBuilder es una
herramienta de desarrollo de aplicaciones que permite a las aplicaciones
conectarse a sistemas de bases de datos utilizando un conjunto común de
funciones API (Aplicación Programming Interface), independientemente del
sistema de gestión de base de datos (SGBD) subyacente. Esto facilita la
portabilidad de las aplicaciones entre diferentes bases de datos.

DESCRIPCION DEL SOFTWARE.

SQL Server es un sistema de gestión de bases de datos relacional
desarrollado por Microsoft, diseñado para almacenar, recuperar y gestionar
datos de manera eficiente, permitiendo a los usuarios ejecutar consultas,
actualizaciones y eliminaciones. Este sistema se destaca por sus
características de seguridad robustas, que protegen la información
sensible, y por su capacidad para manejar transacciones, lo que garantiza
la integridad de los datos. Además, SQL Server es escalable, lo que
significa que puede adaptarse tanto a pequeñas aplicaciones como a
grandes sistemas empresariales.
PowerBuilder se utiliza para desarrollar aplicaciones empresariales,
principalmente enfocadas en la gestión de datos. Permite crear
aplicaciones de escritorio y basadas en la web de manera rápida y
eficiente, facilitando el diseño de interfaces de usuario y la lógica de
negocio. Su capacidad para conectarse a diversas bases de datos lo hace
ideal para aplicaciones que requieren manipulación y visualización de
datos. Es especialmente valorado en entornos empresariales por su
rapidez en el desarrollo y su integración con sistemas de datos existentes.

OBJETIVO DEL MANUAL

Este manual tiene como objetivo guiar a todo programador de la creación
de BASE de Datos en SQL SERVER, creación de tablas, atributos, etc. Del
mismo modo permitirá conocer cómo será el proceso que se llevará a cabo
para la correcta conexión de SQL SERVER a POWER BUILDER.
1.-CONEXIÓN CON BD Y POWER BUILDER

1.-Crear primero la carpeta con el nombre de nuestro sistema

“SISTEMA_PLANETA_MOVIL” en el “Disco C”.

2.-Luego de ellos crear las subcarpetas que tendrán como nombre

“APLICACIÓN, BFD, EJECUTABLE, IMÁGENES Y MANUALES”.
3.-Creamos la BD en SQL server, que tendrá como nombre
“PLANETA_MOVIL”, en la ruta donde se creó la Base de Datos.

4.-Creamos dentro de la Base de datos, la tabla “TABLA_USUARIO”,

donde pondremos los atributos y sus tipos de datos correspondientes.
1.1.-CONEXIÓN ODBC

1.-Ingresamos a panel de control y buscamos “HERRAMIENTAS DE

WINDOWS”. Seleccionamos el “ODBC de 64 bits” dependiendo de
nuestra máquina.

2.-Ingresamos el controlador “SQL Server” y pulsar “Finalizar”.

3.-Ingresamos el nombre que tendrá nuestro “ODBC”
“SISTEMA_PLANETA_MOVIL”, también el nombre de nuestro servidor
SQL SERVER “DESKTOP-I5S790Q” y pulse “Siguiente”.

4.-Establecemos y seleccionamos el idioma “spanish” y pulse “Finalizar”.

5.-Seleccionamos la Base de Datos que se creó en el SQL SERVER
“PLANETA_MOVIL”.

6.-Luego de ello, hacemos “click” en probar orígenes de datos, para

verificar que se realice una conexión exitosa con el SQL server.

7.- Finalmente la Base de Batos ODBC tiene que estar correctamente

ejecutado la conexión establecida “Pruebas completadas
correctamente”.
8.- Ingresamos a “Power Builder 12.5” para hacer conexión con el “SQL
Server”, Ingresamos a la opción “new” y seleccionamos a la opción
“Workspace”.

9.-Ingresamos el nombre que tendrá nuestra aplicación

“sistema_venta_productos”, y lo guardamos en la ruta donde esta
creada la carpeta de nuestra base de datos, carpeta “APLICACION”.
10.-Verificamos que se haya creado correctamente nuestro espacio de
trabajo, en nuestra carpeta de la Base de Datos.

1.3.-CREACION DE LIBRERIAS POWER BUILDER

1.- Realizaremos también para la tarjeta de aplicaciones en “Power
Builder”, de cómo estará conformado nuestro sistema.

2.-Crearemos “ventanas”, en la misma ruta donde se creó el espacio de

trabajo.

3.-Crearemos la tarjeta “Menús”.

4.-Creamos la tarjeta “datos”.

5.-Creamos la tarjeta “consultas”.

6.-Creamos por último la tarjeta “reportes”.

7.-

Verificamos en la carpeta de nuestra base de datos, verificando que se

hayan creado correctamente todas las tarjetas (ventanas, Menús, datos,
consultas y reportes).
1.4.-CONEXIÓN POWER BUILDER

1.-Ingresamos a “Power Builder” y seleccionamos el icono

de“DATABASE”, para conectarse con la base de datos de “SQL
SERVER”.

2.-Seleccionamos nuestra Base de Datos del SQL SERVER,

“PLANETA_MOVIL”, se puede observar que no aparece nuestra BD,
hacemos click derecho en “ODB ODBC” e ingresamos a “new profile”.

3.-

Ingresamos datos de nuestro SQL SERVER, en “Profile name”

ingresamos el nombre que tendrá el sistema o BD “PLANETA_MOVIL”, en
la opción “Data Source”, seleccionar la BD de nuestro sistema en SQL
SERVER, si tenemos “USER
ID” y “PASSWPOR”,
ingresamos los datos que
nos permite acceder al SQL.
4.-Ingresamos a “PREVIEW”, para que se realice una conexión exitosa.

5.-Verificamos que se realizó correctamente la conexión, aparecerá nuestra

BD en “Power Builder”.
 6.- Hacemos click derecho en la tabla cliente, ingresamos “ADD TOL
LAYAULT”, para visualizar los campos de nuestra BD.

2.-CREACION DEL FORMULARIO ACCESO AL SISTEMA (LOGIN)

1.-Creamos una carpeta “USUARIO” en el disco C, donde se creó la

carpeta para nuestra BASE DE DATOS “SISTEMA PLANETA MOVIL”.
2.-Dentro de la carpeta “USUARIO”, agregamos imágenes de los usuarios,
se recomienda tener las imágenes con extensión “JPG”.

3.-Creamos una tabla “TABLA_USUARIO” en nuestra BD del SQL, tener

en cuenta el campo “foto_usuario”, en esta se colocará la ruta donde se
ubica cada imagen de los usuarios.

4.-En el
campo “foto_usuario”, la ruta la conseguimos copiando en donde están
ubicadas las imágenes o fotos de los usuarios de la carpeta “USUARIO”, al
final de la ruta agregamos (\NOMBRE DE LA IMAGEN) y “.JPG”.
2.1.-INGRESANDO A POWER BUILDER

1.-Ingresamos a POWER BUILDER, ubicado en la carpeta de

“APLICACION” e ingresamos al ejecutable para ingresar directamente.
2.-Abrir “SISTEMA_VENTA_PRODUTOS”.

3.-Verificamos que nuestra BD de “POWER BUILDER” esté conectado a

nuestro SQL.

4.- Crear una nueva Librería, pulsar en dice “File” o “New” del
“PowerBuilder”.

5.- En la venta de dialogo “New”, seleccione la ficha de “Target” y dentro

de esta seleccionar “Appication”, luego pulsar el botón “OK”.
6.-Colocamos el nombre de nuestro sistema, tener en cuenta que la ruta
aparecerá automáticamente. Luego pulsar el botón “Finish”.

7.-Luego de ello removemos todas las aplicaciones que creamos ubicadas

en el lado izquierdo, excepto la que creamos ahora “planeta_movil”.
8.-Hacemos click derecho en la aplicación o tarjeta “planeta_movil” e
ingresamos a “library list”.

9.-Se puede observar que solo se encuentra el nombre de nuestro sistema,

ingresamos a la opción “browse”.

10.-Seleccionamos en orden las tarjetas o aplicaciones (“ventanas, datos,

menús, consultas, reportes”) y pulse “Ok”.
 NOMBRES EN ORDEN

11.- La imagen muestra una estructura de archivos en “PowerBuilder”,

con diferentes bibliotecas (Librerias) que forman parte de un sistema
llamado "SISTEMA_VENTA_PRODUTOS". Dentro de este proyecto,
aparece las bibliotecas y estas contienen diferentes componentes como
“Ventanas”, “Datos”, “Menús”, “Consultas” e “Reportes”.

12.- En la parte superior se muestra una

ventana con el nombre “Data base”

damos “clik”
13.- Seguidamente nos
mostrara esta ventana, el nombre del
proyecto “Planeta_Movil” nos mostrara esta imagen significa que la
conexión esta correcta.

14.- En “Planeta_Movil”, click derecho y “Properties”, nos mostrará esta

ventana de la BD, Haz click en el botón "Test Connection" para verificar si
la configuración es correcta y si puedes establecer una conexión con la
base de datos, luego de ello copiamos el código.

2.2.-PROGRAMANDO EN POWER BUILDER

1.- Seguidamente ingresamos a “Planeta_Movil” y desplegamos, viendo
esta imagen , hacemos doble click en ello. Seguidamente nos muestra la
pantalla donde vamos a Asignar la cadena de conexión que copiamos de
“text connection” 6.14. Añadimos también "Connect" para intentar
establecer la conexión a la base de datos con los parámetros configurados.

2.-Estando dentro de ello, asignar la cadena de conexión “connect”, del

evento “open”.

3.- Crear una nueva

ventana (Formulario),
pulsar sobre el icono
“FILE” y “New”. En la ventana de dialogo New. Seleccionar la ficha “PB
Object” y dentro de esta seleccionar “Window”, luego pulsar el botón
“OK”. Luego se activará la siguiente formulario de diseño.

4.- Para grabar la ventana, pulse sobre el icono de “Save” luego, tener
en cuenta que debe estar seleccionado la Liberia “ventanas” .

5.-En Windows escribimos “w_login” y seleccionamos la librería

“ventanas”, verificamos que se haya creado correctamente w_login.
 6.- Luego vamos donde asignamos la
conexión, desplegamos “planeta_movil”
y hacemos doble click, escribiremos
“open(w_login)”, esto para abrir nuestro
formulario.

7.-Nos dirigimos en propiedad de “w_login” y cambiamos el nombre del

título por “ACCESO AL SISTEMA”.

8.-

Seguidamente pulse sobre el icono Ejecutamos el icono para ver el

resultado.
9.-Empezamos a dar más diseño a nuestro formulario, nos dirigimos a
“BackColor” y seleccionamos el color de preferencia.

10.-Luego seleccionamos el logo del formulario que tendrá, nos dirigimos a

“Icon” y click en los 3 puntos.

11.-Seleccionamos el logo adecuado, estas imágenes se encontrarán en la

carpeta “IMÁGENES” de nuestra BD en disco C.
12.-Luego nos dirigimos a “commandButton”, y seleccionamos “Static
Text”.

13.-Escribimos el nombre de nuestro sistema.

14.- Creamos un “Data Grid”, para mostrar datos de nuestra BD Sql,
Pulsar sobre el icono “FILE” y “New”. En la ventana de dialogo New.
Seleccionar la ficha “DataWindow” y dentro de esta seleccionar “Grid”,
luego pulsar el botón “OK”.

15.-Elegimos el motor de Base de Datos “SQL Select”, pues nuestros

datos estarán en ello.

16.- Seguidamente nos muestra una tabla, seleccionamos la tabla en la

que agregamos datos en Sql “Tabla_Usuario” y seleccione “Open”.
17.- Seguidamente nos mostrara la tabla creada “Tabla_Usuario”,aquí
seleccionamos los campos que queremos que se puedan visualizar al
ejecutar “nombre_apellidos y foto_usuario” Pulse sobre el icono
“Return” Ejecutamos para ver el resultado.

18.- Luego vamos a seleccionar los colores y los borde, así como se
muestra la imagen y selecciones “Nex”. Luego “Finish”.

2.3.-SOLUCIONAR ERROR IMAGEN

1.-Para solucionar este error, pues se visualiza que nos muestra solo la
ruta de donde se ubican las imágenes de la “TABLA_USUARIO”, pero
queremos que nos muestre imágenes.
2.-Seleccionamos el cuadro “foto_usuario”, de la segunda fila, si nos
aparece enmarcada, entonces ya está seleccionada y nos dirigimos a sus
propiedades y seleccionamos la opción “Display As Picture”, esto para
que nos muestra las imágenes, para ello nuestras imágenes deben tener la
extensión en formato “JPG”.

SELECCIONAR

3.-Verficamos que nuestras imágenes de la carpeta “USUARIO”, tenga el

formato o extensión JPG.
4.-Realizado lo anterior, aparecerán las imágenes de la
“TABLA_USUARIO”.

5.- Para guardar, pulse sobre el icono de “Save” luego ingrese el

nombre del formulario “dw_login”,tener en cuenta que este seleccionado
la librería “datos” y seleccione “OK”.
6.-Luego de ello hacer doble click en “w_login”, hasta que aparezca su
formulario respectivo que se encuentra en la librería “ventanas”, luego
arrastramos el “dw_login” de la librería “datos”, al formulario de
“w_login”.

Arrastramos a “w_login”

Resultado

7.-Ahora vamos a sus

propiedades de nuestro “datagrid”, nos ubicamos en “name”, y
escribimos “dw_acceso”, pues este tiene que ser igual a la variable del
código .
8.- Luego ingresamos a “w_login”, en el “evento open”, para ingresar
volvemos hacer lo mismo, doble click en nuestro formulario y introducimos
el código.

9.- Realizado lo anterior, tal y como esta, al ejecutar nuestro programa se

verá el siguiente resultado.
2.4.-BOTONES Y ACCESO A POWER BUILDER

1.-En Power builder ingresamos en la opción “CommandButton” y

seleccionamos “PictureButton”.

2.-Luego de ello en las opciones de lado derecho, nos ubicamos en “text”,

para eliminar “none”.
3.-Nos ubicamos en “PictureName” ingresando en , para así
seleccionar la imagen “btnAceptar”, ubicada en nuestra carpeta
“IMAGENES” de nuestro “Disco C” y pulsar “abrir”.

4.-Seguidamente realizamos el mismo procedimiento, colocando

“PictureButton”, pero seleccionando la imagen “btnCerrar” y pulsar
“abrir”.
5.-Ubicandonos el “CommandButton”, seleccionamos “HProgressBar”,
esto para que muestre el progresó de acceso.

6.-De la misma forma también seleccionamos un “Static Text control”.

Esto para mostrar la cantidad numérica de carga en el progreso de acceso,
limpiando su texto “none”.
7.-Despues de haber realizado lo anterior, debe de quedarnos nuestro
formulario “login” de la siguiente manera.

Resultado

8.-Ingresamos en el evento “Timer”, ubicada en la parte inferior de nuestro

formulario, para poder pasar código, caso contrario si no se logra visualizar
hacemos doble “click” en el formulario y nos ubicamos en la opción
desplegable a la derecha, seleccionando “open” elegimos el evento
“timer”
9.-Nos dirigimos a las opciones de evento y seleccionamos “Declare
Instance Variables”, para declarar nuestra variable segunda.
10.-Luego de ello, nos dirigimos a nuestro formulario y seleccionamos
“HProgressBar”, nos dirigimos a sus propiedades “name”, escribimos
(“vpb_1”).

CONTROL DE BARRA
11.-Del mismo modo realizamos para el contador, que ira contando la
cantidad de cómo va el progreso de acceso, para ello recibirá como
“name” (“st_2”).

Texto Estatico

12.-En el evento “open” de “w_login”, desactivamos o descartamos el

comentario //timer(1 ), para ingresar debemos hacer doble “click” en el
formulario e ingresar a la opción “open”.
 13.-Luego de ello, ejecutaremos para verificar que este en un buen
progreso.

RESULTADO

14.-Nos percataremos que nuestro “ProgressBar”, tardara bastante en

avanzar, para ello nos dirigimos en sus propiedades y nos ubicamos en
“MaxPosition”, ingresando un valor de “30”, eso para que la barra tenga
un límite de 30.

BARRA
15.-Seleccionamos el botón “Cerrar”, ingresando el siguiente código.

16.-Ahora ingresamos el siguiente código, para el botón aceptar, esto si el

usuario seleccionado ingresa su contraseña correcta, podrá acceder de
manera correcta, debemos tener en cuenta que algunas variables deber de
coincidir con el SQL SERVER BD.
17.-Agregamos un “SingleLineEdit”, para poder ingresar la contraseña de
cada usuario, también “StaticText”.

18.-En las propiedades de “SingleLineEdit”, dentro de la opción “name”

ingresamos (“sle_clave”).
19.-Declaramos una instancia de variable, ubicada en el evento “Declare
Variable Instance” (int contador).

9.21.-Seleccionamos “Password” y nos dirigimos a sus propiedades y

activamos o marcamos “Password”, para censurar u ocultar la
contraseña.

20.-Al ejecutar nuestro proyecto se puede ver que al ingresar la contraseña

de cada usuario se filtra, por ello nos dirigimos a sus propiedades de
“SingleLineEdit” y seleccionamos la opción “Password”.
 Ocultar la
contraseña

21.-Hacer doble click en el datagrid de “w_login”, nos dirigimos en el

evento “rowfocuschanged”, ingresando el siguiente código.

22.-Por ultimo ejecutamos nuestro proyecto y al seleccionar un usuario y

ingresar su respectiva contraseña, nos permitira acceder.

3.-CREACION DE MENU DE SISTEMA

1.- Crear una nueva ventana (Formulario), pulsar sobre el icono “FILE” y
“New”. En la ventana de dialogo New. Seleccionar la ficha “PB Object” y
dentro de esta seleccionar “Window”, luego pulsar el botón “OK”. Luego
se activará la siguiente ventana de diseño.

2.- Ajustamos el tamaño y cambiamos el nombre del título (“LOGO”), luego

pulsamos sobre el icono de “Save”, ingresamos el nombre nuestro
formulario (“w_menu_logo”), verificando que se seleccione en la librería
“ventanas” y seleccione “OK”.

3.- En Power builder ingresamos en la opción “CommandButton” y

seleccionamos “Create Picture Control”,arrastramos al formulario, nos
dirigimos sus propiedades en “PictureName”, ingresamos la imagen
correspondiente a nuestro sistema, para el fondo.

4.-Seguidamente vamos a ser “Doble Click” en el formulario y vamos a

seleccionar el evento ”Resize” y ingresamos el siguiente codigo.
5.-Seguidamente nos diriguimos al formulario, ingresando a “Layout” y
nos dirigimos a las propiedades del formulario, a seleccionar donde esta
“General” buscamos la opción “WindowsType”, ¡seleccionando “Child!”,
también a “WindowState”, ¡seleccionamos “Maximized!”.
6.- Crear una nueva ventana (Formulario), pulsar sobre el icono “FILE” y
“New”. En la ventana de dialogo New. Seleccionar la ficha “PB Object” y
dentro de esta seleccionar “Window”, luego pulsar el botón “OK”.

7.-Luego de ajustar sus medidas, guardamos y el nombre de la ventana en

el windows con el nombre (“w_menu”), percatándose de que la librería de
aplicación “ventanas”, este seleccionada y pulsar“OK”.
8.-Seguidamente nos diriguimos al formulario y vamos a seleccionar donde
esta “General” buscamos la opción “WindowsType”, seleccionamos
“mdihelp!” también en “WindowState”, seleccionamos “Maximized!”.

9.-Luego hacemos “Doble Click” en el formulario, buscaremos el evento

“Closequery” escribiremos el codigo.
10.- Seguidamente en el mismo menu buscaremos tambien el
evento“Open” y escribiremos todo el codigo como esta la imagen para que
no tenga ningun problema al ejecutar.

11.- Crear una nueva ventana (Menú), pulsar sobre el icono “FILE” y
“New”. En la ventana de dialogo New. Seleccionar la ficha “PB Object” y
dentro de esta seleccionar “Menu”, luego pulsar el botón “OK”.
12.- Seguidamente nos dirigimos a lado derecho del menu que creamos y
nos muestra las propiedades o configuraciones, nos ubicamos en
“Appearance” y buscamos “Menu Style”, seleccionando la opcion
“Contemporarymenu!”.

13.- Guardamos y ponemos el nombre del menu (“m_menu”),

verificamos que este también seleccionada la librería “menus” y
seleccione “OK”.

VERIFICANDO EN LIBRERÍA (menus.pbl)

14.-Seguidamente nos mostrara en la pantalla el nombre (“m_menu”),

hacemos “Click Derecho” y vamos a insertar donde dice “Insert
Submenu Item”.
15.-Añadimos sucesivamente el mismo procedimiento para cada submenu.
16.-Ahora procedemos agregando otros submenus, dentro de
(Mantenimiento de tablas), hacer “Click Derecho” y seleccionamos
“Insert Submenu Item”, para agregar (“Usuarios, Cliente, Proovedor,
Servicios, Salir”).

17.-Realizamos esto para cada submenu, teniendo como resultado lo

siguiente.
18.- Nos dirigimos a la librería “Ventanas”, ubicada en lado derecho del
Power Builder, en esta ventana ingresamos en (“w_menu”), nos ubicamos
en “General”, pulse sobre el icono , luego nos mostrara una pantalla
llamada “Select Object”, seleccionamos la librería “Menu” y seleccione
“OK”.
3.1.-SOLUCIONAR ERROR

1.-Al guardar , podemos visualizar que hay una serie de errores, para
ello ingresamos a (“w_login”), ubicada en la librería “ventanas”

En el formulario (“w_login”), ingresamos en el boton “aceptar”, y

podremos visualizar codigo, nos fijamos en //open(menus),
eliminamos “//”y verificamos que sea open(w_menu).

Eliminamos “//”.
2.-Ahora pasamos a modificar el codigo de (“w_menu”), en el evento
“open”.

Esto para llamar mi formulario w_menu_logo

De la variable global “string usu” en el “w_login” del evento “Global

Variables”
3.- Seguidamente copiamos el codigo “String usu” del boton aceptar y nos
desplazamos a declararlo como una variable global.Nos ubicamos en en
“Dadare Instance Variables”, desplegamos sus eventos y seleccionamos
la opcion “Global Variables”,pegar el codigo.

4.- Ubicándonos en (“w_menu_logo”), nos dirigimos a

“CommandButton”, seleccionamos “Create Static Text Control”,
Escribiremos el nombre de nuestro sistema “Planeta Movil”
5.- Luego de ello, ejecutaremos para verificar que este en un buen
progreso.

6.- Ingresamos a (“m_menus”), de la librería menus y seleccionamos la

opcion salir y en la parte inferior escribimos “close(w_menu)”
3.2.-IMÁGENES SUBMENU

1.-Pasamos ahora seleccionar imágenes para cada submenu, elegimos

“Usuarios”, nos ubicamos en “General”, buscamos “MenuImage” y
ingresamos en .

2.-Realizamos el mismo procedimiento para el submenú “Cliente”.

3.-Imagen para el submenú “Salir”.

4.-Ahora nos dirigimos a “Usuarios”, ubicándonos en las propiedades

“ToolBar”, nos ubicamos en “ToolBarItemText”, escribimos “Usuario” y
ingresamos en los de “ToolBarItemName”
5.-Nos dirigimos al submenu “Herramientas” y dentro de ello agregamos
submenús (Excel, Explore y Calculadora).

6.-Hacemos “Doble Click” en el submenú “Excel”, luego de ello, en la

parte inferior ingresamos un código que permita llamar al SW, realizamos el
mismo procedimiento para el submenú “Explore y Calculadora”.
7.-Ejecutamos nuestro proyecto de Power Builder, para ver los resultados del llamado de los Software (“Excel, Calculadora y
Explore”) .
8.-Seleccionamos el submenú “Excel”, nos dirigimos a sus propiedades en
“General” y nos ubicamos en “MenuImage” , ingresamos en,
haremos lo mismo para los demás submenús (Explore y Calculadora), esto
para que nos aparezca un icono.
9.-Nos dirigimos al menú “Ventanas”, y agregamos más submenús
(Horizontal, Vertical y Normal).

10.-Ahora hacemos “Doble click” en el submenú “Horizontal”, para pasar

un código. Realizamos el mismo procedimiento para el submenú “Vertical
y Normal”, con diferente código.
4.- MANTENIMIENTO DE USUARIO

1.-Ingresamos en SQL Server, e ingresamos a la tabla

“TABLA_USUARIO”, para agregar atributos (nivel, estado_usu,
fecha_usu).

2.-Agregamos datos en los campos, en el campo nivel (GERENTE,

VENDEDOR, ADMINISTRADOR, CAJERO.)
3.-Nos dirigimos a la opción File, arrastramos y click en New, ingresamos a
“DataWindows” y asi seleccionar “FreeForm”.

4.-En la siguiente interfaz, seleccionar la opción “SQL Select”.

5.-Seleccionamos la tabla “tabla_usuario”, que pertenece a nuestra Base
Datos SQL.

6.-Podemos verificar que los campos agregados en el SQL, se visualizan

en Power Builder, ahora seleccionemos todos los campos y hacer click en
“Return”.
7.-Podemos dar estilo y color a nuestro “FreeForm”, damos click en
siguiente.

8.-En el “FreeForm” Seleccionamos todos los campos y hacer click en la

opción “Left”, esto para alinear a la izquierda, tener en cuenta que
“Desing” es el diseño y “Preview” es el resultado.
9.-Realizamos el mismo procedimiento, para los de la derecha, ya
seleccionado, nos dirigimos a sus propiedades “General” y en la opción
“Border”, desplegamos y elegimos “Box(2)”.

10.-Empezamos a ordenar, conforme a nuestro estilo, seleccionado

“foto_usu”, nos dirigimos a sus propiedades “General”, y hacer click
“Display As Picture”, esto para que nos muestre las imágenes de la BD.
11.-Verificamos que nuestros campos este modificado, dirigiste a sus
propiedades “General”, “Alignment”, seleccionado a “Left(0)”, esto para
que el campo al escribir , el cursor del mouse empiece de lado izquierdo.

12.-Seleccionamos “nivel”, nos dirigimos a sus propiedades “Edit”, y nos

ubicamos en “Style Type” y elegimos “DropDownListBox”, también
seleccionamos la casilla “Always Show Arrow”.
13.-Nos ubicamos en la parte inferior “Code Table”, en la columna
“Display Value”, será la manera en cómo se mostrará en el “ListBox” y
“DateValue”, como se guardará en SQL SERVER.

14.-Seleccionamos “estado”, dirigirse a sus propiedades “Edit”, nos

ubicamos en “Style Type”, desplegamos e elegimos la opción
“DropDownListBox”. Del mismo modo nos ubicamos en la parte inferior y
seleccionamos la casilla “Always Show Arrow”.
15.-Nos ubicamos en “Code Table”, en la columna “Display Value”, será
la manera en cómo se mostrará en el “ListBox” y “DateValue”, como se
guardará en SQL SERVER.
Activo (A) Char(1)
Inactivo (I) Char(1)

16.-Seleccionamos “fecha_usu”, nos dirigimos a sus propiedades “Edit”,

ubicamos “Style Type”, desplegamos y elegimos “EditMask”
17.-Se visualiza que la fecha, nos aparece con tiempo, nos dirigimos en
sus propiedades “Edit” y nos ubicamos en “Mask”,escribimos
“dd/mm/yyyy”, esto para que nos muestre día, mes y año.

18.-Guardamos el “FreeForm”, hacemos click en “Save”, en

“DataWindows” colocamos el nombre “dw_mantenimiento_usuarios”,
seleccionando la librería “datos”.
19.-Ahora creamos un formulario, dirigirse a “File”, seleccionar “New”, nos
ubicamos en “PB Object”, seleccionar “Windows”.

20.-Colocamos el nombre que tendrá el formulario “Mantenimiento de

Usuarios”, dirigirse a sus propiedades en “Title”.
21.-Nuestro “Free Form”, guardado en la librería “datos”, arrastramos a
nuestro nuevo formulario.

22.-Guardamos el formulario, colocamos en “Windows”, el nombre

“w_usuari”, y seleccionamos la librería “ventanas”.
23.- Nos dirigimos a “m_menu”, de la librería “menus”, hacemos Doble
Click en Usuarios y escribimos el código siguiente.

24.-Hacer Doble Click en nuestro formulario “w_usuari”, ubicada en la

librería “ventanas”, nos ubicamos en el evento “open”, para pasar un
código que permita extraer la información.
4.1.-BOTONES CRUD

1.-Pasamos a hacer los botones (Nuevo, Grabar, Eliminar, Cerrar), para

ello nos dirigimos a “PictureButton”.

2.-Pasamos a agregar código para cada botón, empezamos con el botón

“NUEVO”, del evento “clicked”.
3.-Pasamos a agregar código para el botón “GRABAR”, del evento
“clicked”.
4.-Pasamos a agregar código para el botón “ELIMINAR”, del evento
“clicked”.

5.-Pasamos a agregar código para el botón “CERRAR”, del evento

“clicked”.
6.-Ahora creamos “PictureButton”, para que pueda cargar la imagen de
cada usuario, dirigirse en sus propiedades, eliminar el texto “Text”,
“PictureName” y click .
4.2.-DATAGRID TABLA_USUARIO

1.-Ahora creamos un nuevo “DataGrid”, dirigirnos a “File”, seleccionar

“New” y ubicarnos en “DataWindows”, luego de ello seleccionar “SQL
Select” y seleccionamos la tabla “tabla_usuario”.
2.-Seleccionamos todos los campos, luego presionar “Return”, dar todo
siguiente.
3.-Seleccionamos “contraseña”, dirigirse a sus propiedades “Edit” y en la
parte inferior seleccionar la casilla “Password”.

4.-Seleccionamos la “foto_usuario”, y modificamos sus medidas, luego de

ello, ir a sus propiedades “General” y activamos “Display As Picture”.
5.-Seleccionamos “Fecha_usu”, dirigirse a sus propiedades “Edit”, nos
ubicamos en “Style Type”, deplegamos y seleccionamos “EditMask”.Del
mismo modo nos ubicamos en “Mask” y escribimos “dd/mm/yyyy”.

6.-Pasamos a modificar la foto del usuario, para que así al ejecutar y dar
click no nos aparezca su ruta esta columna y todas, seleccionamos la
opción “Tab Order” y digitamos “0” en todas las columnas de la parte
inferior.
7.-Ahora guardamos “Save”, en “DataWindows”, nombramos
“dw_grid_usuarios”, tener en cuenta que este seleccionado la librería
“datos”.

8.-Ingresamos a “w_usuari”, ubicada en la librería “ventanas”,

seleccionamos “dw_grid_usuarios” para luego arrastrarlo a ello.
9.-Nos ubicamos en las propiedades del datagrid y seleccionamos las
casillas que se encuentran en la parte inferior “HScrollBar y VScrollBar”.

RESULTADO AL EJECUTARLO
10.-Hacemos doble click en “w_usuari”, en el evento “open”, copiamos el
código para poder llamar el datadrid de usuarios.

11.-Agregamos un “Static Text Control” y una caja de texto

“SingleLindeEdit”
4.3.-BOTONES DE DESPLAZAMIENTO

1.-Ahora agregamos botones “PictureButton” dentro “w_usuari”, en las

propiedades del botón nos dirigimos en “PictureName” y seleccionamos la
imagen correspondiente. Realizamos el mismo procedimiento para los
demás botones.
2.-Hacer doble click en el botón donde se cargará las imágenes, y nos
ubicamos en el evento “Clicked”, para poder pasar el siguiente código.

Variable “foto_usuario”, ingresamos a “dw_mantenimiento_usuarios”, de la

librería “datos”, seleccionamos el cuadro foto_usuario, y verificamos su
name.
3.-Pasamos a ingresar código para los botones de desplazamiento, para
cada uno de ellos nos ubicamos en el evento “clicked” esto permitirá
desplazarme también en el datagrid.

4.-Nos ubicamos en la caja de texto donde ingresaremos el nombre de

cada usuario, hacer doble click , fijarse en el evento “Modified”.

5.-Agregar un nuevo botón “Actualizar”, esto para actualizar el datagrid, al

momento de eliminar o guardar nuevos usuarios, seleccionamos la imagen
adecuada y hacemos doble click en el evento “Clicked”, para ingresar el
siguiente código.
5.-GLOSARIO
 Instancia predeterminada: En SQL Server, la instancia
predeterminada es la instalación principal del servidor que no
requiere un nombre adicional para ser accedida.
 Reglas de instalación: Conjunto de configuraciones y chequeos
previos que el asistente de instalación de SQL Server realiza para
asegurar que el sistema cumpla con los requisitos antes de
proceder.
 Base de datos relacional: Tipo de base de datos que organiza los
datos en tablas con columnas y filas, utilizando relaciones entre las
tablas para organizar y gestionar los datos de forma eficiente.
 Requisitos previos: Condiciones o especificaciones que deben
cumplirse antes de realizar una acción o proceso, como la
instalación de software.
 On-premise: Se refiere a la instalación y uso de software o
infraestructura en las instalaciones físicas de una empresa, en lugar
de utilizar servicios en la nube o remotos.
 Cloud: Hace referencia a servicios, almacenamiento o aplicaciones
alojadas y accesibles a través de internet, en lugar de estar
físicamente en el equipo local.
 Transact-SQL (T-SQL): Lenguaje de programación utilizado en la
gestión y manipulación de datos dentro de Microsoft SQL Server. Es
una extensión del SQL estándar.
 Motor de base de datos: Es la parte central de un sistema de
gestión de bases de datos, encargada de almacenar, procesar y
proteger los datos.
 Firewall: Es un sistema de seguridad que controla y filtra el tráfico
de red entre dos redes, protegiendo los sistemas de acceso no
autorizado o ataques externos.
 LIBRARY : las librerías son colecciones de funciones,
procedimientos y otros objetos que pueden ser reutilizados en
diferentes aplicaciones. Estas librerías ayudan a organizar y
modularizar el código, facilitando el mantenimiento y la reutilización.

 Data Grid: Es una herramienta utilizada en el desarrollo de

aplicaciones para mostrar y gestionar grandes volúmenes de datos
en una interfaz organizada.
 WORKSPACE: (espacio de trabajo) es el entorno donde se
desarrollan y gestionan las aplicaciones. Un workspace permite
organizar proyectos y sus componentes de manera eficiente.
 TEST CONECTION : se utiliza para verificar si un sistema, servicio o
base de datos puede ser accedido correctamente desde un cliente o
aplicación
 HProgressBar: una barra de progreso (progress bar) se utiliza para
indicar visualmente el progreso de una operación que puede tardar
tiempo, como la carga de datos o la ejecución de una consulta.
  PASSWORD: manejar contraseñas de manera segura es
importante, especialmente cuando se trata de autenticación y
acceso a bases de datos.
 SQL SELECT: se utiliza principalmente en las DataWindows para
recuperar datos de una base de datos.
 MENUS Y SUBMENUS: los menús son elementos de la interfaz de
usuario que permiten a los usuarios acceder a diversas funciones y
opciones de la aplicación.
 WINDOWS: "ventana" (window) es un objeto fundamental que actúa
como un contenedor para otros controles y elementos de la interfaz
de usuario.
 PB OBJECT: (objeto de PowerBuilder) se refiere a los componentes
básicos que se utilizan para desarrollar aplicaciones. Estos objetos
representan diferentes elementos de la interfaz de usuario y la lógica
de la aplicación.

6.-APENDICE
Se proporcionará links de ayuda para guiarse de cómo realizar la
conexión exitosa con SQL SERVER y POWE BUILDER.
https://es.scribd.com/document/236534849/Conexion-Access-Power-
Builder
https://www.youtube.com/watch?app=desktop&v=TYv5nIdD1EE

7.-SOPORTE TECNICO
CONTACTO

 935 245 431 – JUAN DAVID CASTILLO CARRASCO

 900 953 805 – KAREN DIAZ YOHANI TUCTO

 958 639 745 – LUIS BARDALES TAPIA

 986 119 044 - EDUAR KEVIN SARANGO