{"id":10045,"date":"2020-09-10T08:00:31","date_gmt":"2020-09-10T06:00:31","guid":{"rendered":"http:\/\/192.168.20.3\/?p=10045"},"modified":"2024-12-12T15:30:35","modified_gmt":"2024-12-12T14:30:35","slug":"sap-build-el-paso-antes-de-desarrollar-apps-fiori","status":"publish","type":"post","link":"https:\/\/orekait.com\/es\/sap-build-el-paso-antes-de-desarrollar-apps-fiori\/","title":{"rendered":"SAP Build<br><span class=\"font-300\">el paso antes de desarrollar apps Fiori<\/span>"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Imagen principal&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;https:\/\/orekait.com\/wp-content\/uploads\/2020\/09\/SAP-BUILD.png&#8221; alt=&#8221;cloud-public&#8221; title_text=&#8221;SAP-BUILD&#8221; admin_label=&#8221;Imagen principal&#8221; module_class=&#8221;post-img&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Cuerpo&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Texto&#8221; _builder_version=&#8221;4.25.2&#8243; header_2_font_size=&#8221;24px&#8221; header_3_font_size=&#8221;20px&#8221; header_4_font_size=&#8221;17px&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;%22630%22&#8243; height=&#8221;%22307%22&#8243; global_colors_info=&#8221;{}&#8221; content__hover_enabled=&#8221;off|hover&#8221;]<\/p>\n<p>En art\u00edculos anteriores en los que hemos hablado de\u00a0<strong><a href=\"https:\/\/orekait.com\/blog\/category\/sap\/user-experience-integracion-sap\/sap-fiori-ux\/\">SAP Fiori<\/a><\/strong>, de\u00a0<strong><a href=\"https:\/\/orekait.com\/blog\/category\/sap\/user-experience-integracion-sap\/sapui5-2\/\">aplicaciones SAPUI5<\/a><\/strong>\u00a0y de otros conceptos relacionados con\u00a0<strong>experiencia de usuario en SAP<\/strong>, nos hemos centrado principalmente en las cuestiones m\u00e1s t\u00e9cnicas tanto desde un punto de vista te\u00f3rico como pr\u00e1ctico para conseguir el resultado final que es la propia aplicaci\u00f3n de usuario\u00a0<strong>Fiori<\/strong>.<\/p>\n<p>En este caso, vamos a hablar de\u00a0<strong>SAP BUILD<\/strong> y con ello, vamos a poner el foco en una fase anterior a la de desarrollo, la de dise\u00f1o. Esa fase en la que<strong>\u00a0visualizamos mentalmente c\u00f3mo queremos que sea la aplicaci\u00f3n<\/strong>, proponemos ideas, las dibujamos y las compartimos con los usuarios finales de esta aplicaci\u00f3n para entre todos definir y acordar c\u00f3mo queremos que sea la aplicaci\u00f3n. \u00bfOs resulta familiar?<\/p>\n<p>Puede que la respuesta sea no, ya que muchas veces se le da poca importancia y se le dedica poco tiempo a esta fase del proyecto, pasando r\u00e1pidamente al\u00a0<strong>desarrollo SAPUI5<\/strong>\u00a0queriendo ver cosas funcionar cuanto antes. Pero realmente, hacer este trabajo de dise\u00f1o y prototipado\u00a0<strong>puede resultar muy beneficioso<\/strong>\u00a0para obtener un resultado final que satisfaga tanto al desarrollador como al usuario. Y para esto podemos utilizar\u00a0<strong>SAP BUILD<\/strong>.<\/p>\n<p><strong>SAP BUILD<\/strong>\u00a0es una herramienta o<a href=\"https:\/\/build.me\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u00a0conjunto de herramientas cloud\u00a0<\/a>que permite trabajar a fondo esta\u00a0<strong>fase de dise\u00f1o y prototipado<\/strong>. Esta aplicaci\u00f3n ofrece una serie de capacidades limitadas de manera gratuita a las que es posible acceder mediante un usuario de SAP y que se pueden complementar con funcionalidades m\u00e1s avanzadas que s\u00ed que requieren de una suscripci\u00f3n de pago.<\/p>\n<p>\u00bfQu\u00e9 podemos hacer con\u00a0<strong>SAP BUILD<\/strong>? Para saberlo, vamos a ver en acci\u00f3n un proyecto de prueba que hemos creado sobre una aplicaci\u00f3n muy simple para recibir informaci\u00f3n sobre el estado de salud de los empleados y dar recomendaciones en funci\u00f3n de esta.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10053 \" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2020\/09\/SAP-BUILD-PROYECTOS.png\" alt=\"\" width=\"240\" height=\"310\" srcset=\"https:\/\/orekait.com\/wp-content\/uploads\/2020\/09\/SAP-BUILD-PROYECTOS.png 433w, https:\/\/orekait.com\/wp-content\/uploads\/2020\/09\/SAP-BUILD-PROYECTOS-232x300.png 232w, https:\/\/orekait.com\/wp-content\/uploads\/2020\/09\/SAP-BUILD-PROYECTOS-400x516.png 400w\" sizes=\"auto, (max-width: 240px) 100vw, 240px\" \/><\/figure>\n<\/div>\n<p><strong>SAP BUILD<\/strong>\u00a0permite a partir de la creaci\u00f3n de un proyecto, llevar a cabo distintas tareas que favorezcan la definici\u00f3n de un prototipo de aplicaci\u00f3n acordado con distintas personas involucradas en el proyecto. Para ello, nos permite:<\/p>\n<ul>\n<li><strong>Crear prototipos<\/strong>\u00a0de pantallas para la aplicaci\u00f3n tanto a partir del m\u00e1s sencillo boceto que hayamos dibujado en una pizarra o en un papel, como usando plantillas de\u00a0<strong>aplicaciones Fiori<\/strong>, simulando controles Fiori, datos de prueba y navegaci\u00f3n entre pantallas, de manera que conseguimos una versi\u00f3n muy aproximada de lo que puede llegar a ser el resultado final.<\/li>\n<\/ul>\n<p>En el caso de nuestro proyecto prueba hemos creado un flujo entre dos pantallas (Inicio de sesi\u00f3n + Diagn\u00f3stico) y hemos definido m\u00ednimamente el comportamiento de los controles como botones, campos de texto etc. Puedes verlo en el siguiente video.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/wBwDjrxZ8yY?si=I0-zOP7gln_6dobm&#038;start=1\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>[\/et_pb_code][et_pb_text admin_label=&#8221;Texto&#8221; _builder_version=&#8221;4.25.2&#8243; header_2_font_size=&#8221;24px&#8221; header_3_font_size=&#8221;20px&#8221; header_4_font_size=&#8221;17px&#8221; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; width=&#8221;%22630%22&#8243; height=&#8221;%22307%22&#8243; global_colors_info=&#8221;{}&#8221; content__hover_enabled=&#8221;off|hover&#8221;]<\/p>\n<div class=\"wp-block-spacer\" aria-hidden=\"true\">\u00a0<\/div>\n<ul>\n<li><strong>Compartir y recibir feedback<\/strong>.\u00a0<strong>SAP Build<\/strong>\u00a0tambi\u00e9n permite compartir estos prototipos con grupos de personas, crear un estudio en base a un cuestionario y recibir feedback de ellos para incorporar ideas y afinar el dise\u00f1o de la aplicaci\u00f3n. Realizar estudios en base a cuestionarios o encuestas.<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10057 \" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2020\/09\/SAP-BUILD-2-1.png\" alt=\"\" width=\"769\" height=\"355\" \/><\/figure>\n<\/div>\n<p>Antes, durante o despu\u00e9s de montar el prototipo, podemos recoger opiniones de personas relevantes en el proyecto, creando un cuestionario sobre el que pueden responder, por ejemplo, sobre el bot\u00f3n de salida de nuestro prototipo de ejemplo.<\/p>\n<p>Los participantes en el estudio pueden aportar ideas y comentarios sobre puntos concretos de las im\u00e1genes, dar feedback positivo o negativo, etc. Este es el resultado de nuestro estudio, por el momento\u2026<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10061 \" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2020\/09\/SAP-BUILD-FEED-BACK-1.png\" alt=\"\" width=\"818\" height=\"277\" \/><\/figure>\n<\/div>\n<ul>\n<li>Exportar como plantilla de\u00a0<strong>aplicaci\u00f3n SAPUI5<\/strong>\u00a0el prototipo. Todo el trabajo realizado dise\u00f1ando el prototipo es aprovechable exportando este como un\u00a0<strong>proyecto SAPUI5<\/strong>\u00a0que posteriormente se puede importar en SAP Web IDE como punto de partida para empezar el desarrollo de la verdadera aplicaci\u00f3n funcional.<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10065 \" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2020\/09\/SAP-BUILD-PLANTILLA-APLICACION-1.png\" alt=\"\" width=\"826\" height=\"334\" \/><\/figure>\n<\/div>\n<ul>\n<li>Crear perfiles o \u201cPersonas\u201d respecto a las que se pueden definir interacciones con las pantallas o interfaces de la aplicaci\u00f3n.<\/li>\n<\/ul>\n<p>Lo cierto es que\u00a0<strong>SAP Build\u00a0<\/strong>tiene muchas funcionalidades que pueden resultar \u00fatiles para la fase de dise\u00f1o de una aplicaci\u00f3n tanto desde el punto de vista del consultor Fiori como desde el del cliente, que puede desde un principio hacerse una idea de lo que va a obtener como resultado.<\/p>\n<p>Si est\u00e1s interesad@ en desarrollar apps Fiori para tu sistema, ponte en contacto con nuestro equipo de User Experience &amp; Integraci\u00f3n. Recuerda que puedes dejarnos tus preguntas en comentarios.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;M\u00e1s informaci\u00f3n&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p class=\"morado\">M\u00e1s informaci\u00f3n:<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;https:\/\/orekait.com\/es\/area-personalizacion&#8221; url_new_window=&#8221;on&#8221; button_text=&#8221;M\u00e1s informaci\u00f3n&#8221; module_class=&#8221;entrada-btn&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#8156EA&#8221; button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; button_border_color=&#8221;#8156EA&#8221; button_border_radius=&#8221;30px&#8221; button_font=&#8221;Plus Jakarta Sans|600|||||||&#8221; button_icon=&#8221;&#x24;||divi||400&#8243; button_icon_color=&#8221;#8156EA&#8221; button_on_hover=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_text_color__hover_enabled=&#8221;on|desktop&#8221; button_text_color__hover=&#8221;#8156EA&#8221; button_bg_color__hover_enabled=&#8221;on|hover&#8221; button_bg_color__hover=&#8221;#8156EA&#8221; button_bg_enable_color__hover=&#8221;on&#8221; button_icon_color__hover_enabled=&#8221;on|hover&#8221; button_icon_color__hover=&#8221;#ffffff&#8221;][\/et_pb_button][et_pb_divider show_divider=&#8221;off&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||40px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row use_custom_gutter=&#8221;on&#8221; admin_label=&#8221;Noticias relacionadas titulo&#8221; module_id=&#8221;fondo-articulos&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#f7f7f7&#8243; width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_divider show_divider=&#8221;off&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;RGBA(255,255,255,0)&#8221; custom_margin=&#8221;||40px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][et_pb_heading title=&#8221;Quizas te pueda interesar&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; title_level=&#8221;h2&#8243; title_text_align=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][et_pb_divider show_divider=&#8221;off&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||30px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Noticias relacionadas&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; custom_margin=&#8221;-150px||||false|false&#8221; custom_margin_tablet=&#8221;0px||||false|false&#8221; custom_margin_phone=&#8221;0px||||false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_blog fullwidth=&#8221;off&#8221; posts_number=&#8221;3&#8243; include_categories=&#8221;current&#8221; show_author=&#8221;off&#8221; show_date=&#8221;off&#8221; show_pagination=&#8221;off&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_blog][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En art\u00edculos anteriores en los que hemos hablado de\u00a0SAP Fiori, de\u00a0aplicaciones SAPUI5\u00a0y de otros conceptos relacionados con\u00a0experiencia de usuario en SAP, nos hemos centrado principalmente en las cuestiones m\u00e1s t\u00e9cnicas tanto desde un punto de vista te\u00f3rico como pr\u00e1ctico para conseguir el resultado final que es la propia aplicaci\u00f3n de usuario\u00a0Fiori. En este caso, vamos [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":10047,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"Lorem ipsum dolor sit amet consectetur adipiscing elit congue montes, imperdiet taciti erat elementum fermentum sem ante ultrices ridiculus, sagittis sociis egestas quisque ac semper quis odio. Aenean hendrerit ac metus dis nascetur aliquet mollis integer, rutrum vel laoreet posuere proin sagittis luctus est, tempus duis nisl ultrices parturient tempor praesent. Dignissim curabitur nascetur pellentesque augue fringilla pulvinar eros, tempus fames vehicula maecenas cubilia id, rutrum euismod integer ut scelerisque mus.\r\n\r\nVivamus auctor odio aenean rhoncus natoque dictum purus, volutpat pellentesque laoreet ridiculus consequat nisi varius euismod, augue platea convallis curae magnis taciti. Imperdiet nibh curabitur quisque orci consequat aenean pellentesque, cubilia duis senectus felis sed posuere tortor, magnis enim diam a odio sociis. Enim tellus nisl nec molestie augue luctus tempor habitant, nunc dictumst phasellus volutpat sem facilisis taciti, habitasse laoreet at turpis vel fermentum vulputate.","_et_gb_content_width":"","footnotes":""},"categories":[51,53],"tags":[],"class_list":["post-10045","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience-integracion","category-sap-fiori-ux"],"_links":{"self":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/10045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/comments?post=10045"}],"version-history":[{"count":8,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/10045\/revisions"}],"predecessor-version":[{"id":22440,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/10045\/revisions\/22440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/media\/10047"}],"wp:attachment":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/media?parent=10045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/categories?post=10045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/tags?post=10045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}