✒️ABAP / El diseño de las pantallas Por Juan Ayala Chira

Selector Alummnos / Empresas

ABAP El diseño de las pantallas

ABAP El diseño de las pantallas

Para crear una pantalla se deben seguir los siguientes pasos:

· Definir las características básicas de una pantalla (atributos de pantalla)
· Diseñar el formato de pantalla (en el editor fullscreen)
· Definir los atributos de campos (lista de campos)
· Escribir el flujo de pantalla (lógica de flujo)
Los componentes más importantes del programa ABAP/4 se encuentran en los siguientes objetos:
· Datos globales o estructuras de Diccionario en el programa "Top Include" (declaraciones de datos)
· Módulo PBO (Proceso antes de presentar pantalla)
· Módulo PAI (Proceso después de entrada de datos)
· Subrutinas (solo sí son requeridas).
Module Pool
El flujo lógico de pantalla está dividido en dos eventos para cada pantalla:
· El evento "Process Before Output" (PBO) es ejecutado antes de que la pantalla sea desplegada
· El evento Process After Input (PAI) es ejecutado después de que el usuario ha presionado la tecla Enter.
El sistema procesa los módulos de un evento en forma secuencial.
Para crear un programa (ABAP/4 module pool) se usa el ABAP/4 Development Workbench. Un programa de diálogo del cliente debe tener el formato SAPMZxxx ó SAPMYxxx.
Inicialmente, el programa incluido TOP contiene solo la instrucción PROGRAM. Se puede entonces agregar todas las declaraciones de datos e instrucciones de tablas (datos globales) necesarias.
Si se usan programas incluidos, el sistema propone los nombres de acuerdo a la siguiente regla:
Los primeros 5 caracteres son los últimos 5 caracteres del nombre del programa. El sexto caracter identifica el contenido del incluido-por ejem. O para módulos PBO, F para rutinas FORM (subrutinas) -, mientras que el séptimo y el octavo caracter son iguales a 01, excepto el programa Top Include. Ejemplos: El programa Top Include para el module pool SAPMTALA sería MTALATOP; El programa incluido para los módulos PAI del mismo programa debería ser MTALAI01, y para los módulos PBO sería MTALAO01:
Diseño de Pantallas
Generalmente se definen los campos de una pantalla utilizando los atributos de campos que ya existen en el Diccionario de ABAP/4. Así mismo tambien puedes utilizar los atributos de campos que ya fuerón definidos en el module pool.
Existen dos modos de funcionamiento de editor de pantallas: el modo gráfico y el modo alfanumérico, dependiendo de la interfase gráfico sobre el que funcione SAP.
En este capítulo se describe el uso del Screen Painter en modo gráfico (versión 3.0), ya que se le considera como el más cómodo y avanzado, siendo además soportado por los interfaces gráficos mas extendidos (MS WINDOWS y X11/MOTIF UNIX). De cualquier modo la funcionalidad de ambos modos del editor es la misma.
Para activar odesactivar el modo gráfico de pantallas se deben seguir la siguiente ruta:
Settings -> Graphical Fullscreen
El Screen Painter gráfico contiene funciones fácil-de-usar para definir los elementos de las pantallas (por ejem. Campos de entrada/salida, textos de campo, cajas, etc.). Se elige cada elemento de pantalla y se posiciona en pantalla utilizando el mouse.
Para borrar elementos de pantalla, se selecciona el elemento con el mouse y entonces se elige el botón Delete.
Para mover elementos de pantalla, se usa el mouse arrastrando el elemento a la posición requerida.
En el editor de pantallas podemos observar tres áreas diferenciadas.
  • La cabecera: con datos sobre la pantalla y el campo que se esta manteniendo en ese preciso instánte.
  • La barra de objetos (columna izquierda): Lista de los objetos que se pueden crear en la pantalla: textos, entrada de datos, ‘checkboxes’, ‘frames’, ‘subscreens’…
  • El área de dibujo: Es el área donde se dibuja la pantalla que estamos diseñando

Creando objetos en la pantalla.

Para dibujar un objeto en la pantalla tendremos que colocarlo en el área de trabajo y posteriormente definir sus características (atributos). Para ello tendremos que pulsar el botón correspondiente en la barra de objetos y marcar el área donde vamos a situar el objeto. Si queremos cancelar la creación de un objeto pulsaremos el botón Reset de la misma barra de objetos.

Objetos disponibles:

· Textos: Textos,literales,…que son fijos en pantalla y no pueden ser manipulados por el usuario. Para considerar varias palabras como un mismo texto, tendremos que colocar un símbolo ‘_’ entre ellas, ya que de otro modo las considerará como objetos de texto completamente distintos.

· Objetos de entrada/salida (‘Templates’): Son campos para introducir o visualizar datos. Pueden hacerse opcionales u obligatorios. Los caracteres de entrada especifican con el símbolo ‘_’, pudiendo utilizar otros caracteres para dar formato a la salida. Por ejemplo una hora podemos definirla como: _:_:_.

Radio-buttons: Son pequeños botones redondos que permiten una entrada de dos valores sobre una variable (marcado o no marcado). Los podemos agrupar, de forma que la selección de uno implique que no se pueda seleccionar ningún otro.

· Check-boxes: Es como un Radio-button pero de apariencia cuadrada en vez de redonda. La diferencia respecto a los Radio-buttons deriva en su utilización en grupos, ya que se pueden seleccionar tantos Checks-boxes como se quiera dentro de un grupo.

· Pushbuttons: Es un botón de tipo pulsador. Se le asocia a una función de forma que en el momento que se pulsa el Pushbutton se ejecute la función.

· Frames (Cajas): Son las cajas que agrupan grupos de objetos dentro de una pantalla como por ejemplo un conjunto de Radio-buttons.

· Subscreens: Son áreas de la pantalla sin ningún campo que se reservan para la salida de otras pantallas (Subscreens) en tiempo de ejecución.

Para definir está área, nos colocaremos el punto de la pantalla donde queremos situar el ángulo superior izquierda de la subscreen, seleccionaremos Edit -> Subscreen, indicándole el nombre que le vamos a dar, y finalmente señalaremos con Doble-Click, el ángulo inferior derecho de la ventana.

Posteriormente será en los módulos PBO y PAI cuando le indicaremos con la instrucción CALL SUBSCREEN, que pantalla aparecerá en el área de subscreen que hemos definido. Una vez situados los objetos sobre el área de trabajo, podremos modificar su tamaño, moverlos o borrarlos.

Todos los textos, pushbuttons…pueden incorporar iconos en su salida por pantalla. Los iconos tienen una longitud de dos caracteres y están representados por símbolos estándares. El icono será un atributo más de los campos y por tanto se definiran junto al resto de atributos del objeto.

 

Escanear / Compartir

 

 

Sobre el autor

Publicación académica de Juan Carlos Ayala Chira, en su ámbito de estudios para el Curso SAP ABAP Avanzado.

SAP Master

Juan Carlos Ayala Chira

Profesión: Ingeniero de Sistemas E Informática - Peru - Legajo: KQ70J

✒️Autor de: 97 Publicaciones Académicas

🎓Egresado de los módulos:

Certificación Académica de Juan Ayala

✒️+Comunidad Académica CVOSOFT

Continúe aprendiendo sobre el tema "El diseño de las pantallas" de la mano de nuestros alumnos.

SAP Expert


1. Creación y Herramientas Para diseñar pantallas, utilizamos principalmente el Screen Painter (transacción SE51), aunque la mejor práctica actual es acceder directamente a través del Navegador de Objetos (transacción SE80) para gestionar todos los componentes de forma integrada. Al crear una dynpro, se le debe asignar un número único de cuatro dígitos. Como recomendación de arquitectura, es ideal asignar números ascendentes siguiendo el flujo lógico del programa (por ejemplo, 0100 para la pantalla inicial, 0200 para la siguiente, etc.). 2. Configuración General (Solapas de la Dynpro) Una dynpro se configura mediante tres solapas principales que definen...

Acceder a esta publicación

Creado y Compartido por: Gabriel José Luces González

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master


El diseño de las pantallas Dympro. Proceso de creación de dimpros o pantallas Para crear una dimpro (pantalla) en un programa de diálogo con Mindpool, se puede usar el Screen Painter mediante SE51 o SE80. La lección se enfocó en el uso de la transacción SE80 y el ejemplo del programa "prueba_diálogo". Se explicó cómo crear una nueva dimpro asignándole un número único de cuatro dígitos, recomendando usar números ascendentes según el orden lógico del programa. Se detalló la configuración de la dimpro, incluyendo atributos como descripción, tipo...

Acceder a esta publicación

Creado y Compartido por: Juan Ignacio Romero

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master

Introducción Las dynpros (pantallas) son componentes esenciales en programas de diálogo (Module Pool) de SAP ABAP. Permiten crear interfaces interactivas mediante elementos como campos, botones, tablas y más. Su diseño se realiza en la transacción SE80 usando el Screen Painter. Creación de una Dynpro Acceso a SE80: Ejecutar transacción SE80 → Seleccionar programa → Botón derecho → Crear / Dynpro. Número de dynpro: Asignar un número único de 4 dígitos (ej: 0100, 0200). Usar números ascendentes según el flujo del programa. ...

Acceder a esta publicación

Creado y Compartido por: Oscar Aravena Muller / Disponibilidad Laboral: FullTime

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Expert



El diseño de pantallas en SAP es un componente esencial de la experiencia de usuario (UX), ya que define cómo los usuarios interactúan con el sistema. SAP es un sistema empresarial complejo y modular, por lo que su interfaz debe ser clara, coherente y eficiente para garantizar que los usuarios puedan realizar sus tareas sin errores ni confusión. Las pantallas en SAP pueden diseñarse y personalizarse utilizando diferentes herramientas según el entorno técnico. En el entorno SAP GUI (Graphical User Interface), las pantallas tradicionales se crean con Dynpros (programas de diálogo), que son estructuras de ventanas que contienen elementos como campos de entrada, botones, listas desplegables,...

Acceder a esta publicación

Creado y Compartido por: David Ibarra / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

Esta lección “El diseño de las pantallas” se enfoca en enseñar cómo crear las dynpros o pantallas que forman parte de un Programa de Diálogo (también conocido como Module Pool) y todos los elementos u objetos que las componen. A continuación, se detallan los puntos clave de la lección: La creación de las dynpros o pantallas · Las dynpros se crean utilizando la herramienta Screen Painter, accesible desde las transacciones SE51 o SE80. · Cada dynpro se identifica por un número único de cuatro dígitos dentro del programa ABAP, siendo recomendable usar números ascendentes según el flujo del programa. ·...

Acceder a esta publicación

Creado y Compartido por: Roberto Fluder Ahumada

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Expert


Los radio buttons son pequeños botones redondos que permiten la entrada de dos valores sobre una variable es decir marcado o no marcado, en cambio los chekboxes son comun a un radio button pero de apariencia cuadrada en ves de redonda la diferencia con respecto a los radio buttons deriva en su utilizacion en grupos ya que se pueden seleccionar tanto chekboxis como se quiera dentro de un grupo lo que no sucede asi con los radios buttons. Al momento de crear campos en una pantalla o dimpro de un programa tenemos dos posibilidades una posibilidad es utilizar campos que estan guardados en diccionario de datos ABAP y la otra posibilidad es declarar los campos que vamos a utilizar en el programa de Dialogo, si definimos los campos que vamos...

Acceder a esta publicación

Creado y Compartido por: Jose Medina / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Senior

La creación de las dynpro o pantallas Para crear un dynpro o pantalla utilizar el Screen Painter mediante la transacción SE51 o directamente acceder a través de la transacción SE80 con el programa con el programa ZPRUEBA_DIALOGO, hacemos clic en el botón derecho del mouse y seleccionamos la opción Crear / Dynpro. A continuación, veremos la siguiente ventana ded diálogo donde ingresamos un número de dynpro y hacemos clic en el botón continuar. Luego veremos una pantalla con tres lolapas en donde configuramos la dynpro: En la solapa Atributos completamos los siguientes atributos referentes a la dynpro. Descripción breve: aqui igresamos una descripción acorde...

Acceder a esta publicación

Creado y Compartido por: Javier Miguel Angel Barcelo / Disponibilidad Laboral: PartTime

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Master

LA CREACION DE LAS DINPROS O PANTALLAS. Podemos utilizar el Screen Painter mediante la transacción estándar SE51 o directamente acceder a través de la transacción SE80. Accedemos a la transacción SE80 con el programa Z_PRUEBA_DIALOGO, hacemos clic derecho en el programa y seleccionamos la opción Crear/Dinpro. En la siguiente ventana asignamos un número a la Dynpro y continuar. Luego veremos una pantalla con tres solapas dónde configuraremos la dynpro. ATRIBUTOS Descripción breve: ingresamos una descripción breve acordé con la dynpro. Tipo de dynpro: declaramos el tipo de pantalla: • Una dynpro de tipo Normal ocupará toda la pantalla. • Una dynpro...

Acceder a esta publicación

Creado y Compartido por: Gerardo Jose Campos Tovar / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Expert


Creating Dynpros/Screens To create a screen in ABAP, we can use the Screen Painter via transaction SE51 or directly access it through transaction SE80, as we'll do from now on. Access transaction SE80 with the program ZPRUEBA_DIALOGO, right-click on it, and select the option Create/Screen. Enter a screen number and continue. A screen is identified by a unique four-digit number within an ABAP program. Configure the screen options on the Attributes tab: Brief description: Describe the purpose of the screen. Screen type: Specify whether it's a Normal screen (occupies the whole screen), a Subscreen (can be shown in an area of any screen within the Module Pool), or a Modal dialog window...

Acceder a esta publicación

Creado y Compartido por: Jaime Eduardo Gomez Arango / Disponibilidad Laboral: FullTime + Carta Presentación

*** CVOSOFT - Nuestros Alumnos - Nuestro Mayor Orgullo como Academia ***

SAP Expert


El diseño de las pantallas 1 - la creacion de dynpros. 2 maneras: - Screem Painter SE51 - SE80 Con SE80: . acceder al programa . click derecho crear/dynpro . ingresar nro de dynpro (Las dynpros se identifican por un numero unico formado por 4 digitos.) . se abre una ventana con tres solapas: - solapa Atributos: . descripcion breve. . tipo dynpro . dynpro siguiente. . posicion del cursor . grupos de dynpro - Solapa Lista de elementos: . elementos que componen la dympro. - solapa Logica de proceso: . logica de procesamiento de la dynpro. al igual que los programas, las dynpros deben activarse. 2 - Los elementos u objetos que son partes de las dynpros. Para crear elementos,...

Acceder a esta publicación

Creado y Compartido por: Pablo Adrian Oggero

 

 

👌Genial!, estos fueron los últimos artículos sobre más de 99.000 publicaciones académicas abiertas, libres y gratuitas compartidas con la comunidad, para acceder a ellas le dejamos el enlace a CVOPEN ACADEMY.

🔎Buscador de Publicaciones:

 

 

No sea Juan... Solo podrá llegar alto si realiza su formación con los mejores!