• Inicio
  • Novedades
  • Academia SAP
  • FAQ
  • Blog
  • Contacto
S4PCADEMY_Logo
  • Inicio
  • Novedades
  • Academia SAP
  • FAQ
  • Blog
  • Contacto
Twitter Linkedin Instagram

S4PCADEMY_Logo
  • Inicio
  • Novedades
  • Academia SAP
  • FAQ
  • Blog
  • Contacto
Twitter Linkedin Instagram
Technical Articles

SAP APPGYVER: cómo usar el componente de mapas integrados en sap appgyver (plataforma sin código de código bajo)

By s4pcademy 


Introducción a SAP Appgyver:
Sap Appgyver es la opción de código bajo y sin código más confiable para crear aplicaciones gratuitas para IOS y Android. Aquí puede definir la estructura y la lógica de navegación de su aplicación. Puede crear interfaces de usuario perfectas en muy poco tiempo sin ningún código, solo con la funcionalidad de arrastrar y soltar.
Aquí, en este blog, le mostraré los pasos de cómo crear la aplicación simple y señalar los marcadores en función de su ubicación y cómo solicitar su búsqueda de ubicación en Google Maps.
Cómo utilizar el creador de aplicaciones:
• Cuando inicia sesión, tiene la opción de crear una nueva aplicación.
• Haga clic en Crear nuevo.

• Proporcione el nombre de la aplicación y haga clic en crear.

• La aplicación se creó con éxito, este es el editor donde puede comenzar a crear la aplicación.
• Cuando haga clic en el menú desplegable en Página vacía, se le indicará un área donde puede crear varias páginas para su aplicación.

• Aquí también se puede cambiar el nombre de la página, internamente tiene una opción para navegar entre estas páginas, le mostrará cómo continuar.
• Si ve la página que ha creado en el lado izquierdo, hay muchos componentes Imagen, Formularios, Vista de desplazamiento y Lista. Estos son componentes centrales que se pueden usar para la interfaz de usuario arrastrando y soltando en el área central.
• También dispone de un mercado desde el que puede instalar las funciones de caudal y los componentes necesarios. Estos instalados se pueden ver en la tercera pestaña.

• En la página de instalación puede ver los componentes que haya instalado.
Ahora pasemos a los pasos de cómo crear la interfaz de usuario:
Paso 1: necesitamos crear una interfaz de usuario simple con dos campos de entrada y un botón.

Paso 2: arrastre el componente Título del lado izquierdo y colóquelo en el editor de la interfaz de usuario. Proporcione los valores de los campos en su panel del lado derecho. Si tiene algún servicio, puede vincularlo haciendo clic en el icono ABC.


Paso 3: A continuación, arrastre el componente de la barra de búsqueda y vincule el valor utilizando la variable de datos. A continuación, le mostraré cómo mantener las variables de datos.

Paso 4: De manera similar, agregue un título más y un componente de barra de búsqueda.
Paso 5: arrastre el componente del botón y mantenga el texto.

Para todos y cada uno de los componentes, tendrá la opción de agregar lógica.

Ahora, desde la lógica de eventos de este botón, vamos a la página siguiente para mostrar el mapa con los valores que vinculamos.
Crear otra página con el componente de vista incrustado:
Paso 1: Cree otra página para mostrar la vista del mapa.

Paso 2: Arrastre el Componente de Vista de Mapa Embebido, cuando haga clic en él podrá ver los eventos respectivos para Prensa.

Paso 3: en el lado derecho, tiene marcadores para representar donde puede vincular la lista de valores de latitud y longitud.
Paso 4: haga clic en el ícono Marcadores para renderizar matriz; obtendrá una página para dar detalles.

Paso 5: seleccione Lista de valores para obtener la lista de datos del mapa.

Paso 6: puede seleccionar la región del mapa inicial, es decir, cada vez que se cargue este mapa, marcará las coordenadas iniciales.

Cómo crear variables de datos:
Puede ver en la parte superior derecha que muestra un cambio de vista y variables.

Seleccione las variables y podrá ver la pantalla donde puede crear las variables.

Variable de la aplicación: esta variable es algo que se puede usar en cualquier parte de la aplicación.
Variable de página: esta variable es algo que solo se puede usar para una página específica.
Parámetros de página: estos son parámetros que se pueden pasar como argumentos al navegar a otra página.
Variables de datos: estas variables se utilizan para una página específica.
Agregue dos variables de aplicación como número para Latitud y Longitud. Estas variables se utilizan para vincular los campos de texto en la primera página.

Dentro del mapa habrá un marcador, se agrega un mensaje de brindis para mostrar los valores de latitud y longitud cuando se presiona el marcador en el mapa.

Cuando hace clic en el botón Mostrar en el mapa para ese evento de prensa, puede agregar el componente de navegación y dar el nombre de la página que tiene que abrir.
Aquí, la página que tiene un componente de mapa incrustado se agrega al hacer clic en el botón y navegará a esa página.

En lugar de los marcadores del mapa, también puede escribir algo de javascript dentro del evento de clic usando un componente JS y publicar el resultado.
Si desea utilizar Google Maps directamente desde su dispositivo móvil, al hacer clic en el botón, hay un componente de URL abierta que abrirá Google Maps desde su dispositivo móvil.
.

Agregue la URL de Google Maps directamente aquí, para que se redirija a ella. Guarde todos sus cambios antes de ejecutarlo.
Cómo ejecutar la aplicación:
Paso 1: Haga clic en la opción de inicio en la parte superior.


Paso 2: descargue la aplicación Sap Appgyver en su dispositivo Android e inicie sesión con sus credenciales. Te mostrará todas las aplicaciones en las que estás trabajando.
Paso 3: haga clic en el nombre de la aplicación y pruebe haciendo clic en el botón que proporciona los datos.
Paso 4: Asignará sus coordenadas en el mapa, y cuando se presione el marcador, le mostrará las coordenadas.
Esta es la creación básica de la aplicación en sap appgyver, ¡puedes hacer un recorrido rápido y jugar! Lo encontrarás interesante.

¡¡Feliz aprendizaje!!
Automatización de procesos de negocio de Sap: blog próximamente… Estén atentos 😊



Source link


AppGyverbajocódigocomocomponenteintegradosmapasplataformaSAPsinusar

Artículos relacionados


Product Information
Ampliación del contenido de ayuda en la aplicación de SAP Marketing Cloud con SAP Enable Now
Event Information  ·  international SAP conference for utilities  ·  SAP Utilities Core
Las empresas de servicios públicos se trasladan a la nube con SAP Utilities Core Solution
#aif  ·  #authorization  ·  #integrationmonitoring  ·  #monitoring  ·  global rollout  ·  sap  ·  Technical Articles
SAP AIF: autorizaciones personalizadas para implementaciones EDI globales

Deja tu comentario Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

Unificación de historia y aplicación analítica con la nueva experiencia de historia optimizada en SAP Analytics Cloud
Previo
Aprobación del grupo de talentos de planificación de sucesión
Siguiente

Madrid

Calle Eloy Gonzalo, 27
Madrid, Madrid.
Código Postal 28010

México

Paseo de la Reforma 26
Colonia Juárez,  Cuauhtémoc
Ciudad de México 06600

Costa Rica

Real Cariari
Autopista General Cañas, 
San José, SJ 40104

Perú

Av. Jorge Basadre 349
San Isidro
Lima, LIM 15073

Twitter Linkedin Instagram
Copyright 2022 | All Right Reserved.
Cookies Para que este sitio funcione adecuadamente, a veces instalamos en los dispositivos de los usuarios pequeños ficheros de datos, conocidos como cookies. La mayoría de los grandes sitios web también lo hacen.
Aceptar
Cambiar ajustes
Configuración de Cookie Box
Configuración de Cookie Box

Ajustes de privacidad

Decida qué cookies quiere permitir. Puede cambiar estos ajustes en cualquier momento. Sin embargo, esto puede hacer que algunas funciones dejen de estar disponibles. Para obtener información sobre eliminar las cookies, por favor consulte la función de ayuda de su navegador. Aprenda más sobre las cookies que usamos.

Con el deslizador, puede habilitar o deshabilitar los diferentes tipos de cookies:

  • Bloquear todas
  • Essentials
  • Funcionalidad
  • Análisis
  • Publicidad

Este sitio web hará:

Este sitio web no:

  • Esencial: recuerde su configuración de permiso de cookie
  • Esencial: Permitir cookies de sesión
  • Esencial: Reúna la información que ingresa en un formulario de contacto, boletín informativo y otros formularios en todas las páginas
  • Esencial: haga un seguimiento de lo que ingresa en un carrito de compras
  • Esencial: autentica que has iniciado sesión en tu cuenta de usuario
  • Esencial: recuerda la versión de idioma que seleccionaste
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions
  • Advertising: Tailor information and advertising to your interests based on e.g. the content you have visited before. (Currently we do not use targeting or targeting cookies.
  • Advertising: Gather personally identifiable information such as name and location
  • Recuerde sus detalles de inicio de sesión
  • Esencial: recuerde su configuración de permiso de cookie
  • Esencial: Permitir cookies de sesión
  • Esencial: Reúna la información que ingresa en un formulario de contacto, boletín informativo y otros formularios en todas las páginas
  • Esencial: haga un seguimiento de lo que ingresa en un carrito de compras
  • Esencial: autentica que has iniciado sesión en tu cuenta de usuario
  • Esencial: recuerda la versión de idioma que seleccionaste
  • Functionality: Remember social media settings
  • Functionality: Remember selected region and country
  • Analytics: Keep track of your visited pages and interaction taken
  • Analytics: Keep track about your location and region based on your IP number
  • Analytics: Keep track of the time spent on each page
  • Analytics: Increase the data quality of the statistics functions
  • Advertising: Tailor information and advertising to your interests based on e.g. the content you have visited before. (Currently we do not use targeting or targeting cookies.
  • Advertising: Gather personally identifiable information such as name and location
Guardar y cerrar