{"id":17500,"date":"2017-02-16T08:00:31","date_gmt":"2017-02-16T07:00:31","guid":{"rendered":"http:\/\/192.168.20.3\/?p=17500"},"modified":"2024-12-12T15:47:48","modified_gmt":"2024-12-12T14:47:48","slug":"sap-design-studio-arquitectura-design-studio","status":"publish","type":"post","link":"https:\/\/orekait.com\/es\/sap-design-studio-arquitectura-design-studio\/","title":{"rendered":"SAP Design Studio:<br><span class=\"font-300\">Arquitectura Design Studio<\/span>"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.25.2&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;Imagen principal&#8221; _builder_version=&#8221;4.25.2&#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 alt=&#8221;cloud-public&#8221; title_text=&#8221;Reclamacio\u0301n-de-facturas-vencidas-en-SAP-FI-1&#8243; 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 content_last_edited=&#8221;off|desktop&#8221; 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;%22671%22&#8243; height=&#8221;%22251%22&#8243; global_colors_info=&#8221;{}&#8221; content__hover_enabled=&#8221;off|hover&#8221;]<\/p>\n<p>Siguiendo la estela de los art\u00edculos \u201c<a href=\"https:\/\/orekait.com\/blog\/sap-design-studio-roadmap\/\">SAP Design Studio: Roadmap<\/a>\u201d y \u00ab<a href=\"https:\/\/orekait.com\/blog\/sap-design-studio-cuadros-de-mando\/\">SAP Design Studio: Cuadros de mando<\/a>\u00ab, vamos a continuar hablando de\u00a0<strong>SAP Design Studio<\/strong>, pero esta vez vamos a centrarnos en la\u00a0<strong>arquitectura Design Studio<\/strong>. Adem\u00e1s, veremos de qu\u00e9 forma se recogen y utilizan los datos en los gr\u00e1ficos, tablas y dem\u00e1s componentes de Design Studio.<\/p>\n<p>&nbsp;<\/p>\n<h2><strong>Arquitectura Design Studio<\/strong><\/h2>\n<p>La arquitectura de Design Studio podr\u00eda resumirse en la siguiente imagen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17509 size-full\" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-1.png\" alt=\"\" width=\"1080\" height=\"549\" srcset=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-1.png 1080w, https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-1-980x498.png 980w, https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-1-480x244.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1080px, 100vw\" \/><\/p>\n<p>Siguiendo este esquema de abajo a arriba identificamos tres capas:<\/p>\n<ul>\n<li>En el nivel m\u00e1s bajo est\u00e1 el\u00a0<strong>nivel de datos<\/strong>\u00a0(SAP BW, SAP HANA, UNIX, fichero, etc).<\/li>\n<li>En el nivel medio est\u00e1 el\u00a0<strong>servidor Java<\/strong>\u00a0con la plataforma BI o BW (Design Studio puede deployarse tanto en SAP Netweaver BW o SAP BO BI).<\/li>\n<li>En el m\u00e1s alto est\u00e1 el\u00a0<strong>browser\/cliente (<\/strong>Dise\u00f1ador o usuario de la aplicaci\u00f3n).<\/li>\n<\/ul>\n<h2><strong>Datasources<\/strong><\/h2>\n<h3>\u00bfC\u00f3mo accedemos desde Design Studio a los datos que tenemos almacenados en BW o HANA?<\/h3>\n<p>Lo m\u00e1s habitual es crearse una query que ataca el infositio donde est\u00e9n guardados, y llamar a \u00e9sta en Design Studio. Para ello, se han de crear lo que en la herramienta se conocen como\u00a0<strong>Datasources<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17513 size-full\" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-2.png\" alt=\"\" width=\"197\" height=\"142\" \/><\/p>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17521 size-full\" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-3.png\" alt=\"\" width=\"436\" height=\"373\" srcset=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-3.png 436w, https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-3-300x257.png 300w\" sizes=\"auto, (max-width: 436px) 100vw, 436px\" \/><\/h3>\n<h3>\u00bfQu\u00e9 es un Datasource?<\/h3>\n<p>La asignaci\u00f3n de una query, infositio, caracter\u00edstica, vista\u2026 del entorno al que estemos conectados y el cual va a ser usado por cada uno de los componentes para ser visualizado. Va a ser lo que se pinte en los gr\u00e1ficos o tablas.<\/p>\n<p>Nota: pueden crearse\u00a0<strong>Datasources sin referencias<\/strong>\u00a0a nada, y crear esta vinculaci\u00f3n en tiempo de ejecuci\u00f3n, pero por ahora no entraremos en esta casu\u00edstica.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17525 size-full\" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-4.png\" alt=\"\" width=\"421\" height=\"231\" srcset=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-4.png 421w, https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-4-300x165.png 300w\" sizes=\"auto, (max-width: 421px) 100vw, 421px\" \/><\/p>\n<p>El alias es el nombre a partir del cual va a ser conocido este conjunto de datos en la aplicaci\u00f3n.<\/p>\n<h3>Personalizaci\u00f3n del Datasource<\/h3>\n<p>Nada m\u00e1s ser asignada, la\u00a0<strong>Datasource<\/strong>\u00a0tiene el mismo contenido que se recoger\u00eda al ser ejecutada la query a la que representa, pero es algo m\u00e1s: Cada Datasource puede ser personalizada mediante filtros, supresi\u00f3n de caracter\u00edsticas, ratios, visualizaci\u00f3n de jerarqu\u00edas, movimiento de infoobjetos de filas a columnas y viceversa, etc, en lo que se denomina como\u00a0<strong>\u201cVista inicial\u201d<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17533 size-full\" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-5.png\" alt=\"\" width=\"300\" height=\"186\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17537 size-full\" src=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-6.png\" alt=\"\" width=\"886\" height=\"593\" srcset=\"https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-6.png 886w, https:\/\/orekait.com\/wp-content\/uploads\/2017\/02\/design-studio-arquitectura-6-480x321.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 886px, 100vw\" \/><\/p>\n<p>La vista inicial se divide en dos mitades: La mitad izquierda, en la cual se pueden\u00a0<strong>personalizar la visualizaci\u00f3n de los datos<\/strong>, y la mitad derecha, en la cual aparece el resultado de estas modificaciones.<\/p>\n<p>De una forma muy intuitiva\u00a0<strong>(drag &amp; drop<\/strong>) pueden seleccionarse las caracter\u00edsticas y ratios que queremos y en tiempo real podemos ir viendo qu\u00e9 aspecto va teniendo el resultado de la Datasource en la parte derecha.<\/p>\n<p>Una vez estemos de acuerdo con el aspecto que tenemos, podemos pulsar Ok para dejarla lista para ser utilizada por el componente que queramos (gr\u00e1ficos, tablas, etc), o podemos pulsar sobre \u201cOK + Create Crosstab\u201d para crearla y asign\u00e1rsela directamente a un\u00a0<strong>componente Crosstab<\/strong>\u00a0(Tabla).<\/p>\n<p>Es importante decir que,\u00a0<strong>un mismo Datasource puede ser asignado a varios componentes<\/strong>. Y, si a un Datasource asignado a un Crosstab o un Chart, u otro componente de visualizaci\u00f3n, posteriormente se le aplica un filtro, este nuevo resultado se mostrar\u00e1 en todos los gr\u00e1ficos, tablas, etc, que tengan asignado este Datasource.<\/p>\n<p>La creaci\u00f3n de\u00a0<strong>Datasources<\/strong>\u00a0es uno de los pasos m\u00e1s importantes de una aplicaci\u00f3n de\u00a0<strong>SAP Design Studio<\/strong>, ya que, como comprobaremos en pr\u00f3ximos art\u00edculos, la inmensa mayor\u00eda de sus componentes dependen de ellas.<\/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-analitica-negocio&#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; hover_enabled=&#8221;0&#8243; 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; url_new_window=&#8221;on&#8221; sticky_enabled=&#8221;0&#8243;][\/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; collapsed=&#8221;off&#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>Siguiendo la estela de los art\u00edculos \u201cSAP Design Studio: Roadmap\u201d y \u00abSAP Design Studio: Cuadros de mando\u00ab, vamos a continuar hablando de\u00a0SAP Design Studio, pero esta vez vamos a centrarnos en la\u00a0arquitectura Design Studio. Adem\u00e1s, veremos de qu\u00e9 forma se recogen y utilizan los datos en los gr\u00e1ficos, tablas y dem\u00e1s componentes de Design Studio. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"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":[43],"tags":[],"class_list":["post-17500","post","type-post","status-publish","format-standard","hentry","category-analytics"],"_links":{"self":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/17500","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=17500"}],"version-history":[{"count":4,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/17500\/revisions"}],"predecessor-version":[{"id":22483,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/posts\/17500\/revisions\/22483"}],"wp:attachment":[{"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/media?parent=17500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/categories?post=17500"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orekait.com\/es\/wp-json\/wp\/v2\/tags?post=17500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}