SAP tard\u00f3 mucho tiempo en lanzar tecnolog\u00edas de interfaz de usuario modernas. Sobre todo, la adaptabilidad a las necesidades individuales y la usabilidad menos intuitiva resultan dif\u00edciles.<\/p>\n
Como parte de una fase de evaluaci\u00f3n de las tecnolog\u00edas de interfaz de usuario HTML5, surgi\u00f3 la idea de escribir un art\u00edculo sobre tecnolog\u00edas de interfaz. Especialmente sobre las que se utilizan habitualmente en el entorno SAP.<\/p>\n
El marco WebDynpro ya ha sido probado y ofrece tambi\u00e9n interesantes opciones para desarrollos propios. Por ejemplo, puede utilizar plantillas predefinidas para interfaces de usuario y un c\u00f3modo entorno de desarrollo con un editor WYSIWYG.<\/p>\n
Como en todos los marcos cerrados, SAP, como fabricante, es el proveedor del marco y, por tanto, define estrictamente los l\u00edmites. Esto significa que todo el control de la comunicaci\u00f3n con el sistema backend se define en el servidor.<\/p>\n
No hay opci\u00f3n de codificaci\u00f3n personalizada en el lado del cliente, como ser\u00eda necesario, por ejemplo, para la integraci\u00f3n de determinados contenidos multimedia (por ejemplo, v\u00eddeo).<\/p>\n
Por otro lado, estas limitaciones tambi\u00e9n ofrecen ventajas, especialmente en lo que respecta a cuestiones como la planificaci\u00f3n de versiones, el soporte, la seguridad de los datos y la estabilidad. Debido a las limitaciones descritas anteriormente, SAP est\u00e1 abriendo nuevos caminos y proporciona un marco de interfaz de usuario relativamente nuevo: SAPUI5.<\/p>\n
Hasta ahora, SAPUI5 es conocido principalmente por las aplicaciones Fiori, pero este es un concepto m\u00e1s abierto con m\u00e1s opciones de intervenci\u00f3n en comparaci\u00f3n con WebDynpro.<\/p>\n
SAPUI5 tambi\u00e9n es un marco y ofrece una colecci\u00f3n de elementos de dise\u00f1o y control basados en HTML5. Con SAPUI5, SAP tambi\u00e9n proporciona un concepto para la vinculaci\u00f3n de datos que ya es familiar en una forma similar de WebDynpro.<\/p>\n
Esto garantiza el intercambio de datos entre la interfaz de usuario y los sistemas backend (los sistemas que no son SAP tambi\u00e9n pueden conectarse con SAPUI5). Para ello, el marco SAPUI5 proporciona una forma de Controlador Modelo Vista (MVC), que regula c\u00f3mo se transfieren los datos desde la interfaz de usuario a la l\u00f3gica empresarial o desde la l\u00f3gica empresarial a la interfaz de usuario.<\/p>\n
Con la ayuda de este principio, se pueden producir interfaces de forma r\u00e1pida y sencilla para realizar proyectos iniciales y transmitir impresiones de la soluci\u00f3n. Sin embargo, el marco no solo se compone de bibliotecas propias de SAP, sino que tambi\u00e9n utiliza otras bibliotecas de c\u00f3digo abierto como jQuery, Bootstrap y Cordova\/Phonegap.<\/p>\n
Actualmente existen dos versiones (tambi\u00e9n conocidas como versiones combinadas): una para aplicaciones m\u00f3viles y otra para el \u00e1rea de escritorio.<\/p>\n
Una diferencia entre las dos versiones es que la versi\u00f3n m\u00f3vil incluye una biblioteca m\u00e1s peque\u00f1a optimizada para aplicaciones m\u00f3viles por razones de rendimiento.<\/p>\n
La diferencia entre estas variaciones es insignificante gracias a los potentes dispositivos m\u00f3viles, la cobertura de red cada vez mejor y las mayores velocidades de datos m\u00f3viles. Solo la adaptaci\u00f3n a distintos tama\u00f1os de pantalla con ayuda del dise\u00f1o responsivo es realmente relevante.<\/p>\n
Como ya se ha mencionado, SAPUI5 es un marco. Por lo tanto, discutiremos brevemente las ventajas y desventajas de este tipo de marcos.<\/p>\n
Cuando se desarrolla internamente, siempre se plantea la cuesti\u00f3n de si utilizar los marcos existentes o desarrollarlo todo uno mismo. Como desarrollador, a menudo escuchas la afirmaci\u00f3n:<\/p>\n
\"\u00bfPor qu\u00e9 no utilizar un marco existente y no reinventar siempre la rueda?\".<\/em><\/p>\n En nuestra opini\u00f3n, hay dos indicadores que pueden aportar informaci\u00f3n sobre la utilizaci\u00f3n de un marco: en primer lugar, el periodo de utilizaci\u00f3n de la soluci\u00f3n y, en segundo lugar, la flexibilidad en cuanto a la adaptabilidad a nuevos requisitos.<\/p>\n Si quieres crear algo presentable r\u00e1pidamente, los frameworks pueden ser sin duda el m\u00e9todo elegido. Si se quiere utilizar la soluci\u00f3n a largo plazo o incluso mantenerla permanentemente abierta a cambios, es necesario tomar m\u00e1s medidas al utilizar frameworks para minimizar sus desventajas.<\/p>\n En principio, los marcos o componentes utilizados deben integrarse siempre de forma que no formen parte elemental de la soluci\u00f3n para evitar dependencias funcionales.<\/p>\n Esto puede lograrse mediante una arquitectura de software que abstraiga todo lo posible los componentes de terceros para que sigan siendo intercambiables. Por ejemplo, las opciones de entrada proporcionadas por la interfaz gr\u00e1fica de usuario no deben desempe\u00f1ar ning\u00fan papel en la l\u00f3gica de flujo.<\/p>\n Todo esto nos lleva a la decisi\u00f3n de que nos gustar\u00eda ver c\u00f3mo funciona un marco para adoptar de \u00e9l conceptos individuales en caso necesario. Por supuesto, este planteamiento lleva mucho tiempo a primera vista, pero entonces tambi\u00e9n se conocen las opciones correspondientes a los requisitos de ampliaci\u00f3n y los ajustes pueden hacerse de forma mucho m\u00e1s controlada y, por tanto, m\u00e1s segura.<\/p>\n Los marcos, como su nombre indica, proporcionan un marco para crear soluciones. Estas restricciones pueden ayudar a obtener resultados r\u00e1pidos, ya que un marco nos libera de muchas decisiones (consciente o inconscientemente).<\/p>\n Pero, \u00bfqui\u00e9n decide en \u00faltima instancia a favor o en contra de un marco? \u00bfEl jefe de proyecto? \u00bfLos desarrolladores? La soluci\u00f3n \u00f3ptima ser\u00eda: ambos juntos. Sin embargo, aqu\u00ed suele haber opiniones e intereses muy diferentes:<\/p>\n Minimizaci\u00f3n del riesgo frente a flexibilidad, resultados a corto plazo frente a variedad de opciones a largo plazo.<\/p>\n S\u00f3lo si todos son conscientes de ello con la suficiente profundidad podr\u00e1 tomarse una decisi\u00f3n consciente y correcta tambi\u00e9n en este caso.<\/p>\n A diferencia de los frameworks (WebDynpro, SAPUI5), HTML5 no es m\u00e1s que un lenguaje de marcado y representa la versi\u00f3n actual (seg\u00fan la especificaci\u00f3n del W3C) de HTML (Hypertext Markup Language).<\/p>\n HTML se utiliza para describir y enlazar\/conectar contenidos web (por ejemplo, texto, im\u00e1genes, v\u00eddeos) en forma de documento electr\u00f3nico. Esto incluye sitios web y otras soluciones basadas en web con una interfaz gr\u00e1fica que se visualizan mediante navegadores web u otros motores de navegaci\u00f3n.<\/p>\n Cuando se desarrolla una soluci\u00f3n HTML, se suele utilizar CSS (Cascading Style Sheets) para el dise\u00f1o de los documentos HTML. Esto ya ocurr\u00eda en versiones anteriores de HTML y se mantiene con la versi\u00f3n actual.<\/p>\n Sin embargo, HTML y CSS por s\u00ed solos no bastan para trazar el alcance del rendimiento de las soluciones HTML5 din\u00e1micas y m\u00e1s complejas. Para ello es necesario el componente adicional JS (JavaScript).<\/p>\n JavaScript es un lenguaje de scripting que se utiliza para realizar din\u00e1micas en documentos HTML. Como los objetivos clave de una soluci\u00f3n se derivan de los requisitos t\u00e9cnicos, HTML5 es especialmente adecuado para interfaces con un alto grado de flexibilidad y personalizaci\u00f3n.<\/p>\n Los escenarios de aplicaci\u00f3n t\u00edpicos de Pikon prev\u00e9n el intercambio de datos con un sistema backend (por ejemplo, SAP ERP). En SAP, se puede implementar una soluci\u00f3n HTML5 utilizando una p\u00e1gina de servidor empresarial (BSP) o en combinaci\u00f3n con una aplicaci\u00f3n WebDynpro.<\/p>\n Una aplicaci\u00f3n de este tipo no se ejecuta exclusivamente en el servidor SAP, sino principalmente en un cliente m\u00f3vil, y hay que encontrar la forma de comunicarse con SAP.<\/p>\n El Internet Communication Framework (ICF) de SAP NetWeaver es la forma cl\u00e1sica de hacerlo en el entorno web. Un cliente puede enviar datos al servidor SAP utilizando un servicio ICF, por ejemplo, y el servidor SAP devuelve los datos correspondientes. SAPUI5 con SAP NetWeaver Gateway y oData Services nos ahorra este proceso.<\/p>\n En resumen, puede decirse que el desarrollo en HTML5 puro con una mezcla de componentes de creaci\u00f3n propia y de terceros utilizados deliberadamente es el m\u00e9todo que elegimos, aunque su aplicaci\u00f3n requiera muchos conocimientos, disciplina y esfuerzo.<\/p>\n Pero especialmente cuando todo un equipo de desarrolladores est\u00e1 trabajando en algo, tiene sentido trabajar en la estructura y la comprensibilidad de una soluci\u00f3n, y el esfuerzo merece m\u00e1s la pena con cada solicitud de cambio que sigue y se implementa m\u00e1s tarde.<\/p>\n As\u00ed que si no puedes vivir con las limitaciones de un framework, HTML5 tambi\u00e9n es una opci\u00f3n viable en el entorno SAP.<\/p>\n En general, la decisi\u00f3n sobre si se debe utilizar un marco y cu\u00e1l, s\u00f3lo puede tomarse teniendo en cuenta los requisitos espec\u00edficos, especialmente en lo que respecta a la individualidad y adaptabilidad del software.<\/p>","protected":false},"excerpt":{"rendered":" Las interfaces de aspecto antiguo y dominadas por el color azul siguen dominando el mundo SAP est\u00e1ndar. Est\u00e1n menos orientadas a las prestaciones individuales y m\u00e1s a la representaci\u00f3n de procesos de validez general. Pero: SAP Dynpro est\u00e1 muriendo - la tendencia es hacia WebDynpro y SAPUI5\/HTML5.<\/p>","protected":false},"author":1817,"featured_media":60767,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","footnotes":""},"categories":[5,1596],"tags":[296,10435,506,5177],"coauthors":[33353,33354],"class_list":["post-61099","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-it-management","category-1596","tag-html5","tag-javascript","tag-open-source","tag-sapui5","pmpro-has-access"],"acf":[],"featured_image_urls_v2":{"full":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"thumbnail":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-150x150.jpg",150,150,true],"medium":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",400,155,false],"medium_large":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-768x297.jpg",768,297,true],"large":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"image-100":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-100x39.jpg",100,39,true],"image-480":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-480x186.jpg",480,186,true],"image-640":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-640x248.jpg",640,248,true],"image-720":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-720x279.jpg",720,279,true],"image-960":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-960x372.jpg",960,372,true],"image-1168":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"image-1440":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"image-1920":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"1536x1536":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"2048x2048":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"trp-custom-language-flag":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",18,7,false],"bricks_large_16x9":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"bricks_large":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"bricks_large_square":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",1000,387,false],"bricks_medium":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",600,232,false],"bricks_medium_square":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016.jpg",600,232,false],"profile_24":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-24x24.jpg",24,24,true],"profile_48":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-48x48.jpg",48,48,true],"profile_96":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-96x96.jpg",96,96,true],"profile_150":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-150x150.jpg",150,150,true],"profile_300":["https:\/\/e3mag.com\/wp-content\/uploads\/2019\/07\/2016-300x300.jpg",300,300,true]},"post_excerpt_stackable_v2":" Nach wie vor beherrschen alt wirkende, blau dominierte Oberfl\u00e4chen die Standard-SAP-Welt. Sie orientieren sich weniger am individuellen Nutzen als vielmehr an der Abbildung von allgemeing\u00fcltigen Prozessen. Aber: SAP Dynpro stirbt \u2013 der Trend geht zu WebDynpro und SAPUI5\/HTML5.<\/p>\n","category_list_v2":"IT-Management<\/a>, MAG 16-02<\/a>","author_info_v2":{"name":"Dirk Hirschmann, Pikon","url":"https:\/\/e3mag.com\/es\/author\/dirk-hirschmann\/"},"comments_num_v2":"0 comentarios","_links":{"self":[{"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/posts\/61099","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\/1817"}],"replies":[{"embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/comments?post=61099"}],"version-history":[{"count":0,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/posts\/61099\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/media\/60767"}],"wp:attachment":[{"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/media?parent=61099"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/categories?post=61099"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/tags?post=61099"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/e3mag.com\/es\/wp-json\/wp\/v2\/coauthors?post=61099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}HTML5<\/h3>\n
Escenarios de aplicaci\u00f3n<\/h3>\n
Conclusi\u00f3n:\u2009<\/h3>\n