Esto se va a poner un poco t\u00e9cnico, porque queremos echar un vistazo cr\u00edtico a la tecnolog\u00eda Fiori y compararla con la arquitectura de nuestro propio producto \"CIS mobile\".<\/p>\n
Para entenderlo, es \u00fatil que pruebes antes algunas aplicaciones Fiori y nuestro CIS m\u00f3vil. Aqu\u00ed tiene los enlaces:<\/p>\n
Cada aplicaci\u00f3n Fiori es una peque\u00f1a funci\u00f3n de aplicaci\u00f3n est\u00e1ndar aislada que se implementa como una aplicaci\u00f3n web con HTML5 como front-end. Puede ejecutarse en cualquier dispositivo habilitado para web (escritorio, tableta, smartphone).<\/p>\n
Todas las aplicaciones Fiori tienen la misma interfaz de usuario porque siguen normas estrictas, en particular la \"Fiori 1-1-3 UI\": un rol de usuario, un escenario, tres clics. Cada aplicaci\u00f3n Fiori se clasifica en una de las categor\u00edas \"Aplicaci\u00f3n transaccional\", \"Hoja de datos\" o \"Aplicaci\u00f3n anal\u00edtica\", y solo la \"Transaccional\" no requiere una base de datos Hana.<\/p>\n
Tecnol\u00f3gicamente, las aplicaciones Fiori utilizan varios marcos complejos: la aplicaci\u00f3n se ejecuta como c\u00f3digo JavaScript en el navegador. Genera la interfaz HTML5 din\u00e1micamente con SAP UI5, requiere el marco JQuery y se comunica con el FES (Fiori Frontend Server) a trav\u00e9s del protocolo OData, SAP Web Dispatcher y SAP Gateway.<\/p>\n
Por \u00faltimo, FES se pone en contacto con SAP Business Suite, que proporciona acceso a los datos y funciones de actualizaci\u00f3n como servicios sin estado en Abap. Para nuestro producto CIS mobile, una completa aplicaci\u00f3n web m\u00f3vil para empleados de ventas basada en SAP SD, Fiori no es suficiente tanto en lo que respecta a la interfaz de usuario 1-1-3 como a la infraestructura tecnol\u00f3gica.<\/p>\n
Esto se debe principalmente a las necesidades justificadas de los usuarios: un empleado de ventas quiere tener una visi\u00f3n integrada de todos los aspectos de los clientes de los que se ocupa, como ofertas, pedidos, entregas, programaci\u00f3n, informes de visitas, contratos, acuerdos de bonificaci\u00f3n y documentos del cliente.<\/p>\n
Espera diagramas y ratios y le gustar\u00eda reportar la informaci\u00f3n de los clientes al sistema central SAP de forma m\u00f3vil. Esto significa que se necesitan los tres tipos de aplicaci\u00f3n, \"transaccional\", \"hoja de datos\" y \"app anal\u00edtica\", y una transici\u00f3n fluida de todos los componentes.<\/p>\n
Los esfuerzos de venta pueden tener tanto m\u00e1s \u00e9xito cuanto mejor se conozca la situaci\u00f3n del cliente. Esto incluye no s\u00f3lo las ofertas y los pedidos, sino tambi\u00e9n las quejas de los clientes y las facturas pendientes, por ejemplo. Fiori se ver\u00eda desbordado por esta riqueza de informaci\u00f3n con su interfaz de usuario 1-1-3.<\/p>\n
Incluso si fuera posible exprimir la aplicaci\u00f3n en el esquema de Fiori, la operaci\u00f3n ser\u00eda muy inc\u00f3moda, ya que el esquema maestro-detalle utilizado en Fiori obliga a constantes cambios de contexto s\u00f3lo con vistas particulares.<\/p>\n
Por otra parte, la interfaz de usuario de CIS mobile suele estar dise\u00f1ada de forma que se pueda acceder sucesivamente a informaci\u00f3n detallada, que luego se inserta din\u00e1micamente en la p\u00e1gina mostrada. Por ejemplo, puede visualizar las posiciones de pedido de un pedido y, a continuaci\u00f3n, las condiciones de la posici\u00f3n.<\/p>\n
Ahora haga lo mismo con otro pedido. Ahora puede comparar los dos art\u00edculos en detalle simplemente desplaz\u00e1ndose por la p\u00e1gina, lo que resulta m\u00e1s c\u00f3modo y sencillo que navegar constantemente hacia delante\/atr\u00e1s y memorizar la informaci\u00f3n mostrada.<\/p>\n
Pero, \u00bfno podr\u00eda utilizarse tambi\u00e9n la tecnolog\u00eda Fiori para implementar patrones de interfaz de usuario completamente diferentes y m\u00e1s complejos? Al parecer, SAP tiene previsto hacerlo, ya que Fiori sustituir\u00e1 gradualmente a SAP GUI como front-end para S\/4 Hana.<\/p>\n
\u00bfFuncionar\u00e1? Si se observa con detenimiento la implementaci\u00f3n de las aplicaciones Fiori, se requiere una gran cantidad de JavaScript a pesar del peque\u00f1o tama\u00f1o de las aplicaciones. Si se realiza una funci\u00f3n de aplicaci\u00f3n comparable a la aplicaci\u00f3n Fiori de la forma cl\u00e1sica de Abap Dynpro, se necesitar\u00e1 mucha menos codificaci\u00f3n. Esto no es muy optimista en lo que respecta a futuras aplicaciones complejas.<\/p>\n
Existen algunas similitudes entre nuestra tecnolog\u00eda m\u00f3vil CIS y Fiori, pero hay diferencias significativas. Al igual que Fiori, utilizamos HTML5 como interfaz para todos los dispositivos web.<\/p>\n
Sin embargo, CIS mobile no ejecuta toda la aplicaci\u00f3n en el navegador, sino s\u00f3lo la parte de la interfaz de usuario en forma de m\u00e1scaras HTML5 predefinidas, adem\u00e1s de un uso muy moderado de JavaScript para funciones especiales de la interfaz de usuario.<\/p>\n
La ventaja del HTML est\u00e1tico es que se puede utilizar cualquier editor HTML normal para desarrollar y personalizar WYSIWYG la interfaz, lo que no ocurre con UI5.<\/p>\n
La propia aplicaci\u00f3n CIS-mobile se encuentra en un servidor central Windows con Microsoft IIS (Internet Information Services). Est\u00e1 implementada en VB.NET, que ofrece la ventaja de un entorno de desarrollo maduro y c\u00f3modo (Visual Studio) en el que, a diferencia de JavaScript, tenemos a nuestra disposici\u00f3n todas las opciones de Windows, por ejemplo el uso de archivos temporales o la creaci\u00f3n de diagramas con paquetes gr\u00e1ficos.<\/p>\n
CIS mobile se comunica con el sistema SAP a trav\u00e9s de interfaces de alto rendimiento en la LAN, que se basan en SAP RFC y SAP GUI. Tambi\u00e9n son posibles SAP Gateway y OData, pero no se utilizan en CIS mobile, ya que tambi\u00e9n damos soporte a sistemas ERP m\u00e1s antiguos y no Unicode.<\/p>\n
La recuperaci\u00f3n de datos se realiza en m\u00f3dulos de funci\u00f3n Abap, la actualizaci\u00f3n de datos SAP (p. ej. citas, personas de contacto, ofertas) a trav\u00e9s de transacciones SAP GUI (scripting), de modo que se garantizan todas las comprobaciones y actualizaciones est\u00e1ndar de SAP.<\/p>\n
Todos los componentes de la arquitectura CIS-mobile son tecnolog\u00edas est\u00e1ndar (HTML5, VB.NET, IIS, Abap, RFC y SAP GUI), cada una de las cuales ofrece ya una s\u00f3lida y rica funcionalidad.<\/p>\n
Estos componentes se combinan de forma relativamente sencilla y obvia para formar una arquitectura que permite el desarrollo de sofisticadas aplicaciones web en el entorno SAP.<\/p>\n
La aplicaci\u00f3n del lado del servidor ofrece muchas ventajas: En primer lugar, la seguridad, porque una aplicaci\u00f3n JavaScript en el navegador puede ser manipulada llamando a la depuraci\u00f3n de JavaScript.<\/p>\n
En segundo lugar, podemos mantener en el servidor datos de s\u00f3lo lectura de uso frecuente en una cach\u00e9 de aplicaci\u00f3n independiente, a la que puedan acceder todos los procesos de usuario y a la que la aplicaci\u00f3n pueda acceder en microsegundos.<\/p>\n
En tercer lugar, es m\u00e1s f\u00e1cil garantizar un desarrollo c\u00f3modo, la resoluci\u00f3n de problemas y un funcionamiento continuo estable en un servidor que con una arquitectura en la que grandes partes de la aplicaci\u00f3n se ejecutan en un gran n\u00famero de dispositivos y versiones de software. El env\u00edo a varios servidores est\u00e1 disponible para un gran n\u00famero de usuarios.<\/p>\n
La conexi\u00f3n entre HTML UI y VB.NET tiene lugar por acci\u00f3n del usuario en un \u00fanico viaje de ida y vuelta entre el frontend y el servidor. A continuaci\u00f3n, pueden producirse varias solicitudes entre el servidor y el sistema SAP.<\/p>\n
Como el tiempo de respuesta de una petici\u00f3n web es por t\u00e9rmino medio m\u00e1s de diez veces el tiempo de respuesta de la LAN, se trata de una estrategia sensata con la que conseguimos tiempos de respuesta muy buenos.<\/p>\n
En cambio, en una aplicaci\u00f3n basada en navegador, hay que procurar no desencadenar demasiados viajes de ida y vuelta al servidor por acci\u00f3n del usuario, lo que suele significar que la interfaz de datos de los servicios llamados se hace cada vez m\u00e1s extensa y tiene que adaptarse para cada dato adicional.<\/p>\n
La reutilizaci\u00f3n de servicios por parte de otras aplicaciones resulta dif\u00edcil, ya que, o bien se obtiene demasiada informaci\u00f3n y el sistema SAP se sobrecarga innecesariamente, o bien hay muchos servicios especializados, pero entonces se requieren m\u00e1s viajes de ida y vuelta.<\/p>\n
La conexi\u00f3n l\u00f3gica entre HTML UI y VB.NET consiste en asignar la jerarqu\u00eda HTML a la jerarqu\u00eda de objetos en VB.NET. En total, la aplicaci\u00f3n m\u00f3vil CIS se realiza en forma de unas 200 clases VB.NET, cuyos nombres y contenidos se basan en su mayor\u00eda en objetos empresariales de SAP, por ejemplo, art\u00edculos de venta VBAP o plantas T001W.<\/p>\n
Los atributos de las clases se abordan en la interfaz HTML a trav\u00e9s de sus nombres, que se recogen interpretando el DOM y se env\u00edan al servidor.<\/p>\n
La evaluaci\u00f3n de los atributos de clase y la navegaci\u00f3n dentro de la jerarqu\u00eda de objetos en el servidor tienen lugar entonces de forma din\u00e1mica. Cada clase VB.NET puede aportar sus propias partes de interfaz de usuario en forma de marcos HTML.<\/p>\n
Esto nos permite lograr cierta independencia de la interfaz de usuario con respecto a la aplicaci\u00f3n. Por ejemplo, si el centro de expedici\u00f3n se muestra como c\u00f3digo \"1000\" en el elemento del pedido (\"VSTEL\") y se requiere el texto correspondiente \"Centro de expedici\u00f3n de Z\u00farich\", basta con utilizar el atributo \"VSTEL.VTEXT\" en HTML.<\/p>\n
A continuaci\u00f3n, se accede autom\u00e1ticamente al texto en el servidor a trav\u00e9s de la tabla SAP TVSTT, lo que normalmente s\u00f3lo supone un acceso a la cach\u00e9 de unos pocos microsegundos.<\/p>\n
Aqu\u00ed no es necesaria ninguna codificaci\u00f3n adicional, ni en HTML\/JavaScript ni en VB.NET, ya que la conexi\u00f3n entre el c\u00f3digo del centro de env\u00edo y el texto se conoce a trav\u00e9s del modelo de datos. En cuanto volvamos a sustituir \"VSTEL.VTEXT\" por \"VSTEL\", ya no ser\u00e1 necesario acceder a la tabla de texto en el servidor.<\/p>\n
Hasta aqu\u00ed esta breve incursi\u00f3n en un detalle de la arquitectura, que demuestra que se puede ahorrar mucho c\u00f3digo de aplicaci\u00f3n modelando e interpretando el modelo en tiempo de ejecuci\u00f3n.<\/p>\n
La separaci\u00f3n de la interfaz de usuario (HTML), la codificaci\u00f3n de la aplicaci\u00f3n (VB.NET) y el acceso a SAP (Abap) facilita un proceso de desarrollo s\u00f3lido y bien estructurado. En Fiori, esta separaci\u00f3n solo puede lograrse mediante una disciplina adecuada, ya que la IU y la aplicaci\u00f3n se implementan juntas en JavaScript.<\/p>\n
Debido a su arquitectura, la fuerza de Fiori reside en aplicaciones m\u00e1s peque\u00f1as y aisladas. CIS mobile est\u00e1 optimizado para que los usuarios profesionales puedan acceder adecuadamente a SAP Business Suite en una interfaz web m\u00f3vil: r\u00e1pida, clara y completa.<\/p>","protected":false},"excerpt":{"rendered":"
Fiori 2.0 incluye cientos de aplicaciones web. Adem\u00e1s, muchos socios de SAP ofrecen soluciones basadas en Fiori, y cada cliente de SAP puede desarrollar sus propias aplicaciones Fiori. Pero, \u00bfla arquitectura de Fiori tambi\u00e9n es adecuada para interfaces extensas y usuarios profesionales, o se necesitan otros enfoques? <\/p>","protected":false},"author":1834,"featured_media":61274,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","footnotes":""},"categories":[4,1591],"tags":[453,1507,65,296,4192],"coauthors":[33788],"class_list":["post-61259","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-management","category-1591","tag-abap","tag-fiori","tag-hana","tag-html5","tag-sap-gui","pmpro-has-access"],"acf":[],"featured_image_urls_v2":{"full":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",1000,387,false],"thumbnail":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-150x150.jpg",150,150,true],"medium":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",400,155,false],"medium_large":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-768x297.jpg",768,297,true],"large":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",1000,387,false],"image-100":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-100x39.jpg",100,39,true],"image-480":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-480x186.jpg",480,186,true],"image-640":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-640x248.jpg",640,248,true],"image-720":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-720x279.jpg",720,279,true],"image-960":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-960x372.jpg",960,372,true],"image-1168":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",1000,387,false],"image-1440":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",1000,387,false],"image-1920":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",1000,387,false],"1536x1536":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",1000,387,false],"2048x2048":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",1000,387,false],"trp-custom-language-flag":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",18,7,false],"bricks_large_16x9":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",1000,387,false],"bricks_large":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",1000,387,false],"bricks_large_square":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",1000,387,false],"bricks_medium":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",600,232,false],"bricks_medium_square":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015.jpg",600,232,false],"profile_24":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-24x24.jpg",24,24,true],"profile_48":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-48x48.jpg",48,48,true],"profile_96":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-96x96.jpg",96,96,true],"profile_150":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-150x150.jpg",150,150,true],"profile_300":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2015-300x300.jpg",300,300,true]},"post_excerpt_stackable_v2":"
Fiori 2.0 umfasst Hunderte Web-Applikationen. Zus\u00e4tzlich bieten viele SAP-Partner L\u00f6sungen auf Fiori-Basis an, und jeder SAP-Kunde kann eigene Fiori-Apps entwickeln. Aber tr\u00e4gt die Fiori-Architektur auch f\u00fcr umfangreiche Oberfl\u00e4chen und professionelle Benutzer, oder braucht es hier andere Ans\u00e4tze? <\/p>\n","category_list_v2":"Business-Management<\/a>, MAG 15-12<\/a>","author_info_v2":{"name":"Gerhard Rod\u00e9, Sinactivo","url":"https:\/\/e3mag.com\/es\/author\/gerhard-rode\/"},"comments_num_v2":"0 comentarios","_links":{"self":[{"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/posts\/61259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/users\/1834"}],"replies":[{"embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/comments?post=61259"}],"version-history":[{"count":0,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/posts\/61259\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/media\/61274"}],"wp:attachment":[{"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/media?parent=61259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/categories?post=61259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/tags?post=61259"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/coauthors?post=61259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}