{"id":10588,"date":"2022-08-31T15:53:09","date_gmt":"2022-08-31T15:53:09","guid":{"rendered":"https:\/\/bissoluciones.com\/blog\/?p=10588"},"modified":"2022-09-07T02:11:27","modified_gmt":"2022-09-07T02:11:27","slug":"como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix","status":"publish","type":"post","link":"https:\/\/bissoluciones.com\/blog\/en\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/","title":{"rendered":"How I can design rich user interfaces in Mendix?"},"content":{"rendered":"<p>Las interfaces de usuario se crean mediante la combinaci\u00f3n de una interfaz de arrastrar y soltar con un editor de p\u00e1ginas WYSIWYG.&nbsp;Nuestros entornos Mendix Studio y Mendix Studio Pro se pueden usar con el marco Atlas UI, que es un lenguaje de dise\u00f1o extensible,&nbsp;<a href=\"https:\/\/github.com\/mendix\/atlas-framework\" target=\"_blank\" rel=\"noreferrer noopener\">de c\u00f3digo abierto y<\/a>&nbsp;totalmente receptivo que facilita un enfoque de pensamiento de dise\u00f1o para crear interfaces de usuario.<\/p>\n\n\n\n<p>Los patrones de p\u00e1gina comunes, como listas de b\u00fasqueda, vistas de datos, tableros y asistentes, est\u00e1n disponibles como plantillas de inicio que ayudan a acelerar el desarrollo y garantizan una interfaz de usuario uniforme y est\u00e1ndar en varios dispositivos.<\/p>\n\n\n\n<p style=\"font-size:25px\"><strong>Dise\u00f1os de Navegaci\u00f3n <\/strong><\/p>\n\n\n\n<p>Al crear una aplicaci\u00f3n de Mendix, lo primero que debe hacer es elegir un dise\u00f1o de navegaci\u00f3n.&nbsp;Estos dise\u00f1os son el marco dentro del cual se alojan sus p\u00e1ginas din\u00e1micas y brindan una estructura consistente en toda su aplicaci\u00f3n.<\/p>\n\n\n\n<p>Los dise\u00f1os de navegaci\u00f3n se crean utilizando el editor de dise\u00f1o de la plataforma, que le permite crear los patrones de dise\u00f1o necesarios para sus p\u00e1ginas.<\/p>\n\n\n\n<p>Los dise\u00f1os utilizan controles espec\u00edficos, como cuadr\u00edculas de dise\u00f1o, marcadores de posici\u00f3n de contenido, contenedores de desplazamiento, barras de men\u00fas deslizantes y fragmentos, para definir de forma centralizada los patrones de dise\u00f1o de p\u00e1gina necesarios que se utilizar\u00e1n al crear la interfaz de usuario de su aplicaci\u00f3n.<\/p>\n\n\n\n<p>Este video muestra lo f\u00e1cil que es seleccionar un dise\u00f1o de navegaci\u00f3n reutilizable para su proyecto de aplicaci\u00f3n en Mendix Studio:<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"748\" style=\"aspect-ratio: 1380 \/ 748;\" width=\"1380\" controls src=\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/OE_ReusableNavigationLayouts.mp4\"><\/video><figcaption>Dise\u00f1os de navegaci\u00f3n en Mendix<\/figcaption><\/figure>\n\n\n\n<p style=\"font-size:25px\"><strong>Plantillas de p\u00e1gina<\/strong><\/p>\n\n\n\n<p>Las plantillas de p\u00e1gina son colecciones predise\u00f1adas de componentes b\u00e1sicos que se pueden usar tal cual o mejorarse con componentes b\u00e1sicos y widgets personalizados.<\/p>\n\n\n\n<p>Este video demuestra c\u00f3mo puede encontrar la mejor plantilla de p\u00e1gina para su proyecto de aplicaci\u00f3n:<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"796\" style=\"aspect-ratio: 1380 \/ 796;\" width=\"1380\" controls src=\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/OE_ReusablePageTemplates-1.mp4\"><\/video><figcaption>Plantillas de p\u00e1gina en Mendix<\/figcaption><\/figure>\n\n\n\n<p style=\"font-size:25px\"><strong>Bloques de construcci\u00f3n <\/strong><\/p>\n\n\n\n<p>Los bloques de construcci\u00f3n son elementos de interfaz de usuario de un solo prop\u00f3sito compuestos por m\u00faltiples widgets y estilos.&nbsp;Los bloques de construcci\u00f3n m\u00faltiples generalmente se usan juntos en una p\u00e1gina.&nbsp;Puede arrastrar un bloque de creaci\u00f3n a cualquiera de las respectivas p\u00e1ginas m\u00f3viles, tabletas o receptivas para implementar patrones de interfaz de usuario comunes, lo que acelera sustancialmente el desarrollo de p\u00e1ginas personalizadas.<\/p>\n\n\n\n<p>Este video presenta c\u00f3mo usar bloques de construcci\u00f3n con el dise\u00f1o de su aplicaci\u00f3n:<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"890\" style=\"aspect-ratio: 1348 \/ 890;\" width=\"1348\" controls src=\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/building-blocks.mp4\"><\/video><figcaption>Bloques de construcci\u00f3n en Mendix<\/figcaption><\/figure>\n\n\n\n<p style=\"font-size:25px\"><strong>Widgets<\/strong><\/p>\n\n\n\n<p>Los widgets son peque\u00f1os elementos de la interfaz de usuario (por ejemplo, alertas, botones, gr\u00e1ficos) que se utilizan para mejorar los componentes b\u00e1sicos existentes.<\/p>\n\n\n\n<p>Mendix proporciona muchos widgets listos para usar, y hay cientos de widgets de c\u00f3digo abierto disponibles en Mendix Marketplace<\/p>\n\n\n\n<p style=\"font-size:25px\"><strong>Propiedades de dise\u00f1o<\/strong><\/p>\n\n\n\n<p>Puede personalizar a\u00fan m\u00e1s los widgets cambiando sus propiedades de dise\u00f1o.&nbsp;Los colores, el texto y muchas otras variables se pueden modificar para personalizar los widgets caso por caso si el estilo o la ubicaci\u00f3n no son del todo correctos.&nbsp;Los desarrolladores de temas pueden implementar sus propias propiedades de dise\u00f1o (de la empresa) para que otros usuarios puedan cambiar f\u00e1cilmente la apariencia de los widgets para que coincidan con la marca de la empresa.<\/p>\n\n\n\n<p>Aqu\u00ed hay un ejemplo de lo f\u00e1cil que es cambiar las propiedades de dise\u00f1o de un bot\u00f3n en Mendix Studio:<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1024\" style=\"aspect-ratio: 1476 \/ 1024;\" width=\"1476\" controls src=\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/DesignProperties.mp4\"><\/video><figcaption>Propiedades de dise\u00f1o en Mendix<\/figcaption><\/figure>\n\n\n\n<p>Escr\u00edbenos para mayor informaci\u00f3n de Mendix.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-contact-form-7-contact-form-selector\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f10780-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"10780\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/blog\/en\/wp-json\/wp\/v2\/posts\/10588#wpcf7-f10780-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/blog\/en\/wp-json\/wp\/v2\/posts\/10588#wpcf7-f10780-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"10780\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f10780-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Full name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Corporate email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label>Job selection<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"menu-836\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"Puesto\" aria-required=\"true\" aria-invalid=\"false\" name=\"menu-836\"><option value=\"\">&#8212;Por favor, elige una opci\u00f3n&#8212;<\/option><option value=\"Director\">Director<\/option><option value=\"Subdirector\">Deputy director<\/option><option value=\"Gerente\">Manager<\/option><option value=\"Otros\">Other<\/option><\/select><\/span> <\/label>\n<\/p>\n<p><label>Area selection<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"menu-87\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"Area\" aria-required=\"true\" aria-invalid=\"false\" name=\"menu-87\"><option value=\"\">&#8212;Por favor, elige una opci\u00f3n&#8212;<\/option><option value=\"Direcci\u00f3n General\">Directorate-General<\/option><option value=\"Sistemas\">Systems<\/option><option value=\"Innovaci\u00f3n\">Innovation<\/option><option value=\"Transformaci\u00f3n Digital\">Digital Transformation<\/option><option value=\"Desarrollo de Software\">Software development<\/option><option value=\"Marketing\">Marketing<\/option><option value=\"Finanzas\">Finance<\/option><option value=\"Recursos Humanos\">Human Resources<\/option><option value=\"Innovaci\u00f3n\">Innovation<\/option><option value=\"Operaciones\">Operations<\/option><option value=\"Log\u00edstica\">Logistics<\/option><option value=\"Otros\">Other<\/option><\/select><\/span> <\/label>\n<\/p>\n<p><label> Company<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"text-591\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"text-591\" \/><\/span><\/label>\n<\/p>\n<p><label> Phone<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-496\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"tel-496\" \/><\/span><\/label>\n<\/p>\n<p><label> Comments<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"textarea-894\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"textarea-894\"><\/textarea><\/span><br \/>\n<button class=\"wpcf7-form-control wpcf7-submit qodef-button qodef-size--normal qodef-layout--outlined qodef-m\" type=\"submit\"><span class=\"qodef-m-text\">Send<\/span><\/button><\/label>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Las interfaces de usuario se crean mediante la combinaci\u00f3n de una interfaz de arrastrar y soltar con un editor de p\u00e1ginas WYSIWYG.\u00a0Nuestros entornos Mendix Studio y Mendix Studio Pro se pueden usar con el marco Atlas UI, que es un lenguaje de dise\u00f1o extensible,\u00a0de c\u00f3digo abierto y\u00a0totalmente receptivo que facilita un enfoque de pensamiento de dise\u00f1o para crear interfaces de usuario.<\/p>","protected":false},"author":1,"featured_media":10610,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[126,99,85,124,125],"tags":[127,130,133,132,106,131,129,128],"class_list":["post-10588","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-atlas-ui","category-low-code","category-mendix","category-mendix-studio","category-mendix-studio-pro","tag-atlas-ui","tag-datos","tag-disenos-de-navegacion","tag-interfaz","tag-mendix","tag-plantillas","tag-studio-pro","tag-wysiwyg"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas en Mendix? - BIS SOLUCIONES BLOG<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bissoluciones.com\/blog\/en\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas en Mendix? - BIS SOLUCIONES BLOG\" \/>\n<meta property=\"og:description\" content=\"Las interfaces de usuario se crean mediante la combinaci\u00f3n de una interfaz de arrastrar y soltar con un editor de p\u00e1ginas WYSIWYG.\u00a0Nuestros entornos Mendix Studio y Mendix Studio Pro se pueden usar con el marco Atlas UI, que es un lenguaje de dise\u00f1o extensible,\u00a0de c\u00f3digo abierto y\u00a0totalmente receptivo que facilita un enfoque de pensamiento de dise\u00f1o para crear interfaces de usuario.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bissoluciones.com\/blog\/en\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/\" \/>\n<meta property=\"og:site_name\" content=\"BIS SOLUCIONES BLOG\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-31T15:53:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-07T02:11:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/businessmen-are-discussing-while-working-with-laptop-in-the-office-focused-business-people-cooperating-in-modern-workspace-two-young-businessmen-are-sitting-together-compress-1-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/bissoluciones.com\/blog\/en\/#\/schema\/person\/1b4490a1f8c658698183a0d808368ac4\"},\"headline\":\"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas en Mendix?\",\"datePublished\":\"2022-08-31T15:53:09+00:00\",\"dateModified\":\"2022-09-07T02:11:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/\"},\"wordCount\":639,\"publisher\":{\"@id\":\"https:\/\/bissoluciones.com\/blog\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/businessmen-are-discussing-while-working-with-laptop-in-the-office-focused-business-people-cooperating-in-modern-workspace-two-young-businessmen-are-sitting-together-compress-1-scaled.jpg\",\"keywords\":[\"atlas UI\",\"Datos\",\"dise\u00f1os de navegaci\u00f3n\",\"Interfaz\",\"mendix\",\"Plantillas\",\"Studio pro\",\"WYSIWYG\"],\"articleSection\":[\"Atlas UI\",\"Low Code\",\"Mendix\",\"Mendix Studio\",\"Mendix Studio Pro\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/\",\"url\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/\",\"name\":\"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas en Mendix? - BIS SOLUCIONES BLOG\",\"isPartOf\":{\"@id\":\"https:\/\/bissoluciones.com\/blog\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/businessmen-are-discussing-while-working-with-laptop-in-the-office-focused-business-people-cooperating-in-modern-workspace-two-young-businessmen-are-sitting-together-compress-1-scaled.jpg\",\"datePublished\":\"2022-08-31T15:53:09+00:00\",\"dateModified\":\"2022-09-07T02:11:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#primaryimage\",\"url\":\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/businessmen-are-discussing-while-working-with-laptop-in-the-office-focused-business-people-cooperating-in-modern-workspace-two-young-businessmen-are-sitting-together-compress-1-scaled.jpg\",\"contentUrl\":\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/businessmen-are-discussing-while-working-with-laptop-in-the-office-focused-business-people-cooperating-in-modern-workspace-two-young-businessmen-are-sitting-together-compress-1-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas con Mendix?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/bissoluciones.com\/blog\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas en Mendix?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bissoluciones.com\/blog\/en\/#website\",\"url\":\"https:\/\/bissoluciones.com\/blog\/en\/\",\"name\":\"BIS SOLUCIONES BLOG\",\"description\":\"Blog de Tecnolog\u00eda\",\"publisher\":{\"@id\":\"https:\/\/bissoluciones.com\/blog\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bissoluciones.com\/blog\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/bissoluciones.com\/blog\/en\/#organization\",\"name\":\"BIS SOLUCIONES BLOG\",\"url\":\"https:\/\/bissoluciones.com\/blog\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/bissoluciones.com\/blog\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/03\/cropped-b1.png\",\"contentUrl\":\"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/03\/cropped-b1.png\",\"width\":126,\"height\":42,\"caption\":\"BIS SOLUCIONES BLOG\"},\"image\":{\"@id\":\"https:\/\/bissoluciones.com\/blog\/en\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/bissoluciones.com\/blog\/en\/#\/schema\/person\/1b4490a1f8c658698183a0d808368ac4\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/7268cb1ce11868b3875eb342228c3a5c8c9239ac6a9257d8c5b0de13304de95e?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7268cb1ce11868b3875eb342228c3a5c8c9239ac6a9257d8c5b0de13304de95e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7268cb1ce11868b3875eb342228c3a5c8c9239ac6a9257d8c5b0de13304de95e?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/bissoluciones.com\/blog\"],\"url\":\"https:\/\/bissoluciones.com\/blog\/en\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas en Mendix? - BIS SOLUCIONES BLOG","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bissoluciones.com\/blog\/en\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/","og_locale":"en_US","og_type":"article","og_title":"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas en Mendix? - BIS SOLUCIONES BLOG","og_description":"Las interfaces de usuario se crean mediante la combinaci\u00f3n de una interfaz de arrastrar y soltar con un editor de p\u00e1ginas WYSIWYG.\u00a0Nuestros entornos Mendix Studio y Mendix Studio Pro se pueden usar con el marco Atlas UI, que es un lenguaje de dise\u00f1o extensible,\u00a0de c\u00f3digo abierto y\u00a0totalmente receptivo que facilita un enfoque de pensamiento de dise\u00f1o para crear interfaces de usuario.","og_url":"https:\/\/bissoluciones.com\/blog\/en\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/","og_site_name":"BIS SOLUCIONES BLOG","article_published_time":"2022-08-31T15:53:09+00:00","article_modified_time":"2022-09-07T02:11:27+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/businessmen-are-discussing-while-working-with-laptop-in-the-office-focused-business-people-cooperating-in-modern-workspace-two-young-businessmen-are-sitting-together-compress-1-scaled.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#article","isPartOf":{"@id":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/"},"author":{"name":"admin","@id":"https:\/\/bissoluciones.com\/blog\/en\/#\/schema\/person\/1b4490a1f8c658698183a0d808368ac4"},"headline":"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas en Mendix?","datePublished":"2022-08-31T15:53:09+00:00","dateModified":"2022-09-07T02:11:27+00:00","mainEntityOfPage":{"@id":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/"},"wordCount":639,"publisher":{"@id":"https:\/\/bissoluciones.com\/blog\/en\/#organization"},"image":{"@id":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#primaryimage"},"thumbnailUrl":"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/businessmen-are-discussing-while-working-with-laptop-in-the-office-focused-business-people-cooperating-in-modern-workspace-two-young-businessmen-are-sitting-together-compress-1-scaled.jpg","keywords":["atlas UI","Datos","dise\u00f1os de navegaci\u00f3n","Interfaz","mendix","Plantillas","Studio pro","WYSIWYG"],"articleSection":["Atlas UI","Low Code","Mendix","Mendix Studio","Mendix Studio Pro"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/","url":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/","name":"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas en Mendix? - BIS SOLUCIONES BLOG","isPartOf":{"@id":"https:\/\/bissoluciones.com\/blog\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#primaryimage"},"image":{"@id":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#primaryimage"},"thumbnailUrl":"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/businessmen-are-discussing-while-working-with-laptop-in-the-office-focused-business-people-cooperating-in-modern-workspace-two-young-businessmen-are-sitting-together-compress-1-scaled.jpg","datePublished":"2022-08-31T15:53:09+00:00","dateModified":"2022-09-07T02:11:27+00:00","breadcrumb":{"@id":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#primaryimage","url":"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/businessmen-are-discussing-while-working-with-laptop-in-the-office-focused-business-people-cooperating-in-modern-workspace-two-young-businessmen-are-sitting-together-compress-1-scaled.jpg","contentUrl":"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/08\/businessmen-are-discussing-while-working-with-laptop-in-the-office-focused-business-people-cooperating-in-modern-workspace-two-young-businessmen-are-sitting-together-compress-1-scaled.jpg","width":2560,"height":1707,"caption":"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas con Mendix?"},{"@type":"BreadcrumbList","@id":"https:\/\/bissoluciones.com\/blog\/como-puedo-disenar-interfaces-de-usuario-enriquecidas-en-mendix\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/bissoluciones.com\/blog\/en\/"},{"@type":"ListItem","position":2,"name":"\u00bfC\u00f3mo puedo dise\u00f1ar interfaces de usuario enriquecidas en Mendix?"}]},{"@type":"WebSite","@id":"https:\/\/bissoluciones.com\/blog\/en\/#website","url":"https:\/\/bissoluciones.com\/blog\/en\/","name":"BIS SOLUCIONES BLOG","description":"Blog de Tecnolog\u00eda","publisher":{"@id":"https:\/\/bissoluciones.com\/blog\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bissoluciones.com\/blog\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bissoluciones.com\/blog\/en\/#organization","name":"BIS SOLUCIONES BLOG","url":"https:\/\/bissoluciones.com\/blog\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bissoluciones.com\/blog\/en\/#\/schema\/logo\/image\/","url":"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/03\/cropped-b1.png","contentUrl":"https:\/\/bissoluciones.com\/blog\/wp-content\/uploads\/2022\/03\/cropped-b1.png","width":126,"height":42,"caption":"BIS SOLUCIONES BLOG"},"image":{"@id":"https:\/\/bissoluciones.com\/blog\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bissoluciones.com\/blog\/en\/#\/schema\/person\/1b4490a1f8c658698183a0d808368ac4","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/7268cb1ce11868b3875eb342228c3a5c8c9239ac6a9257d8c5b0de13304de95e?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/7268cb1ce11868b3875eb342228c3a5c8c9239ac6a9257d8c5b0de13304de95e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7268cb1ce11868b3875eb342228c3a5c8c9239ac6a9257d8c5b0de13304de95e?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/bissoluciones.com\/blog"],"url":"https:\/\/bissoluciones.com\/blog\/en\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/posts\/10588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/comments?post=10588"}],"version-history":[{"count":16,"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/posts\/10588\/revisions"}],"predecessor-version":[{"id":10916,"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/posts\/10588\/revisions\/10916"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/media\/10610"}],"wp:attachment":[{"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/media?parent=10588"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/categories?post=10588"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bissoluciones.com\/blog\/en\/wp-json\/wp\/v2\/tags?post=10588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}