Descripción general:

Este blog está escrito por 3 diseñadores en Digital Labs, Innovation Office APJ, Rena Yu Ning Wang, Stella Ang y Sujit Adichikat. En este blog, estaremos compartiendo nuestra experiencia trabajando en la herramienta de SAP Build Apps (anteriormente llamada AppGyver).

Introducción:

La herramienta SAP Build Apps es una plataforma de desarrollo profesional sin código, fue adquirida por SAP en febrero de 2021 y ha estado ayudando a SAP a brindar un mejor soporte a los clientes y socios adaptándose a sus sistemas de TI de manera eficiente a sus necesidades específicas.

SAP Build Apps puede permitir al usuario desarrollar rápidamente aplicaciones con capacidades de arrastrar y soltar. El desarrollador de negocios puede crear fácilmente aplicaciones de nivel empresarial sin la necesidad de escribir una sola línea de código, lo que hace que el proceso de desarrollo de software sea más rápido y productivo. Por lo general, los usuarios objetivo de SAP Build Apps (o cualquier otra herramienta de desarrollo sin código) son usuarios no técnicos en funciones comerciales, así como desarrolladores que buscan construir todo más rápido, para visualizar y comprender el panorama general.

Desde la adquisición, SAP Build Apps ha recibido mucha atención dentro y fuera de SAP. Escuchamos a muchas personas hablar sobre cómo las herramientas de código bajo/sin código pueden ahorrar a los usuarios horas de codificación y mantenimiento, ayudando a las empresas no solo a satisfacer la creciente demanda de creación de productos digitales, sino también a adaptarse a las necesidades de la audiencia.

Nosotros, como diseñadores, estamos muy intrigados por los muchos beneficios que trae. Por lo tanto, para ayudarnos a comprender mejor SAP Build Apps y conocer las posibles oportunidades y posibilidades que podemos lograr al usar esta genial tecnología de SAP, tuvimos una sesión de capacitación práctica con nuestro equipo.

Descubrimos algunas características sorprendentes que pueden:

1. Lógicas de negocios preconstruidas

En SAP Build Apps, hay más de cientos de plantillas y componentes lógicos de negocios prediseñados para que los usuarios comiencen a trabajar en los proyectos de aplicaciones.

Una característica sorprendente es que SAP Build Apps nos permite agregar este componente llamado Logic Flow. Los flujos lógicos se utilizan para capturar eventos en una aplicación, como la carga de una página o el toque de un botón por parte del usuario, y para ejecutar acciones.

Tener lógica integrada en la herramienta de diseño no sorprende a un diseñador, es similar a agregar una flecha interactiva a un prototipo en cualquier software de diseño. Sin embargo, lo que superó nuestras expectativas es cómo SAP Build Apps brinda a los usuarios componentes lógicos personalizables y nos permite adaptarlos a nuestras necesidades.

En este ejemplo, estamos creando una página de entregas de hoy. Como estamos agregando una conexión lógica al botón de elemento de escaneo, podemos ver que hay 3 salidas para esta acción, y podemos insertar enlaces aún más dinámicos. Tal vinculación dinámica nos permite decirle a la aplicación qué información proporcionar, que en nuestro caso es el código de barras que se escanea.

Podemos configurar el enlace a lo siguiente:

• Seleccionar nodo lógico: escanear QR/código de barras
• Seleccionar salida de nodo: escanear QR/código de barras/contenido de código de barras QR

Esta característica de diseño lógico es muy fácil de aprender y usar, lo que nos ayudará a ahorrar mucho tiempo para el diseño, el desarrollador y todo el equipo.

2. Obtenga una vista previa de su aplicación

Otra característica interesante que tienen las aplicaciones SAP Build es que podemos obtener fácilmente una vista previa de nuestra aplicación en dispositivos móviles. Esto es útil cuando se trata de probar aplicaciones móviles porque podemos ver el producto real e interactuar con él. Para los diseñadores como nosotros, brinda una experiencia más realista que verlos en navegadores o simuladores: no solo experimentamos lo que experimentan nuestros usuarios finales, sino que también nos ayuda a evaluar cómo interactúan los usuarios con él, lo que nos permite mejorar. decisiones de diseño. ¡Además, este prototipo móvil sirve como una herramienta perfecta para las pruebas de usabilidad para los diseñadores! Podemos evaluar el desempeño de los usuarios y su estado mental mientras intentan completar tareas con la aplicación móvil, identificar los problemas que enfrentan y encontrar soluciones.

Para iniciar la vista previa en su dispositivo móvil, siga estos pocos pasos:

1. Descargue la aplicación SAP AppGyver de la tienda de aplicaciones en su dispositivo
2. Haga clic en la pestaña «Iniciar» en la barra de navegación superior
3. Haga clic en «Revelar código QR»
4. Una vez que se haya generado el código QR, vaya a la aplicación SAP AppGyver, toque «Escanear código QR»

Y ahí lo tienes. La página principal de la aplicación SAP AppGyver le proporciona una lista de las aplicaciones que ha creado. Desde allí, seleccione el que desea iniciar la vista previa.

¡Lo que más nos gusta de esta función es que la vista previa es en tiempo real! A medida que hacemos ediciones en el espacio de desarrollo y guardamos el progreso, la vista previa en nuestro dispositivo móvil se actualiza automáticamente y muestra los últimos cambios que tenemos. Hace que las pruebas sean aún más fluidas y eficientes. ¿No es increíble?

3. Configurar recurso de datos

Las aplicaciones SAP Build nos permiten configurar los recursos de datos mediante la creación de entidades de datos desde la API REST, OData y Google Firebase/Cloud Firestore. También proporciona un mercado para API de muestra instalables, preconfiguradas con datos de API REST externas. Esta sencilla integración nos permite mostrar contenido fácilmente en la interfaz de nuestra aplicación mediante el uso de estos datos como «Variables de datos». Tras la creación de variables de datos, la lógica se agrega automáticamente para crear un bucle para verificar constantemente las actualizaciones de datos. Luego podemos vincular los datos a los componentes que hemos creado en Composer. Por ejemplo, podemos vincular los contenidos en un encabezado de título a la variable de datos que hemos configurado, y cuando los datos se actualizan, el contenido de nuestro componente se actualiza instantáneamente.

Esto es extremadamente útil para los diseñadores, ya que nos ahorra mucho tiempo en el trabajo manual durante la creación de prototipos. Tomemos, por ejemplo, los valores en una tabla con mucho texto, como parte de la creación de prototipos, los diseñadores deben ingresar manualmente los valores para los encabezados de la tabla, así como los valores para muchas filas y columnas. Con esta integración de datos, no solo podemos mostrar la información sin problemas, sino que también podemos editar los valores sin tener que pasar por todas las pantallas del prototipo. ¡Además, no se requiere una sola codificación de nuestra parte! ¡Definitivamente una ventaja para los diseñadores!

Conclusión

SAP Build es una herramienta fantástica para crear y aumentar aplicaciones empresariales en dispositivos móviles, automatizar procesos tediosos y diseñar plataformas de lanzamiento y páginas web comerciales atractivas. Es un salto más allá de los prototipos HTML de alta fidelidad para crear e implementar soluciones de nivel empresarial sin conocimientos de codificación.

Uno de los mayores desafíos para los diseñadores de aplicaciones empresariales es garantizar que la solución desarrollada esté alineada con las pautas, los planos de planta y las mejores prácticas de Fiori. La compilación de SAP resuelve este problema aplicando automáticamente las pautas de Fiori y alineando los controles de SAP UI.5 a los diseños y planos de planta sin esfuerzo adicional.

Cuando nosotros (los 3 diseñadores) estábamos probando SAP Build Apps, una cosa que verificamos es cómo puede ahorrar tiempo, para el diseñador, el desarrollador y todo el equipo. Con el enorme ahorro de tiempo, entendemos y para algunos proyectos, es razonable justificar el aprendizaje, la implementación y el despliegue de esta nueva herramienta.

La curva de aprendizaje de la herramienta es súper rápida. Es intuitivo para cualquier persona sin conocimientos de codificación o diseño de aplicaciones. Con toneladas de procesos comerciales estándar de la industria incorporados de SAP Signavio, incluso si no es un experto en procesos comerciales, puede personalizar y editar fácilmente el proceso comercial según sus requisitos utilizando la herramienta.

Y si necesita conocimientos sobre funciones avanzadas, hay toneladas de tutoriales disponibles para acelerarlo. ¡Pruébelo y siga adelante y pruebe la herramienta hoy y háganos saber lo que piensa y cómo se puede mejorar aún más!

En el próximo blog de la serie, escribiremos sobre cómo también puede crear un sitio comercial con múltiples puntos de entrada a sus aplicaciones comerciales utilizando SAP Build Work Zone. ¡Manténganse al tanto!

Recursos útiles:

https://www.sap.com/products/technology-platform/no-code-app-builder.html