{"id":3722,"date":"2025-02-20T08:00:00","date_gmt":"2025-02-20T08:00:00","guid":{"rendered":"https:\/\/elasvi.com\/?p=3722"},"modified":"2025-01-24T00:10:24","modified_gmt":"2025-01-24T00:10:24","slug":"transforma-tu-escritorio-en-una-pizarra-interactiva-con-gromit-mpx-en-linux","status":"publish","type":"post","link":"https:\/\/elasvi.com\/index.php\/2025\/02\/20\/transforma-tu-escritorio-en-una-pizarra-interactiva-con-gromit-mpx-en-linux\/","title":{"rendered":"Transforma tu escritorio en una pizarra interactiva con Gromit-MPX en Linux"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00cdndice &#8211; Instalaci\u00f3n de WordPress en Debian<\/title>\n    <style>\n        \/* Estilos para el \u00edndice *\/\n        .indice {\n            background-color: #f4f4f4;\n            border: 1px solid #ddd;\n            border-radius: 10px;\n            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);\n            padding: 20px;\n            margin-bottom: 20px;\n        }\n\n        .indice h2 {\n            font-size: 1.8em;\n            color: #333;\n            margin-bottom: 10px;\n        }\n\n        .indice ul {\n            list-style-type: none;\n            padding: 0;\n        }\n\n        .indice li {\n            margin: 6px 0;\n            padding-left: 10px;\n            border-left: 4px solid transparent;\n            transition: transform 0.2s;\n        }\n\n        .indice a {\n            text-decoration: none;\n            color: #0073e6;\n            font-weight: bold;\n            transition: color 0.3s;\n        }\n\n        .indice a:hover {\n            color: #0052a5;\n        }\n\n        .indice li:hover {\n            transform: scale(1.05);\n        }\n\n        .indice .nivel-1 {\n            margin-left: 5px;\n            border-left-color: #0073e6;\n        }\n\n        .indice .nivel-2 {\n            margin-left: 20px;\n            border-left-color: #0052a5;\n        }\n\n        .indice .nivel-3 {\n            margin-left: 35px;\n            border-left-color: #003b73;\n        }\n\n        .code-container {\n            position: relative;\n            border: 1px solid #ddd;\n            border-radius: 4px;\n            background: #f8f8f8;\n            margin: 8px 0;\n            padding: 15px;\n            font-family: monospace;\n            overflow: auto;\n        }\n\n        .copy-button {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            background: #0078D7;\n            color: white;\n            border: none;\n            border-radius: 3px;\n            padding: 6px 10px;\n            font-size: 12px;\n            cursor: pointer;\n        }\n\n        .copy-button:hover {\n            background: #005A9E;\n        }\n\n        .custom-pre {\n            margin: 0;\n            padding: 10px;\n            overflow-x: auto;\n        }\n\n        .custom-p {\n            margin: 6px 0;\n            line-height: 1.6;\n        }\n\n        .custom-ul {\n            margin: 6px 0;\n        }\n\n        .custom-h3,\n        .custom-h4,\n        .custom-h5 {\n            margin: 15px 0 8px;\n        }\n\n        .custom-h3 {\n            font-size: 1.8em;\n            color: #2c3e50;\n            font-weight: bold;\n            margin-top: 20px;\n            margin-bottom: 10px;\n            border-bottom: 2px solid #3498db;\n            padding-bottom: 5px;\n        }\n\n        .custom-h4 {\n            font-size: 1.4em;\n            color: #34495e;\n            font-weight: bold;\n            margin-top: 15px;\n            margin-bottom: 8px;\n            padding-left: 10px;\n            border-left: 4px solid #3498db;\n        }\n\n        .custom-h5 {\n            font-size: 1.2em;\n            color: #4a5568;\n            \/* Un color m\u00e1s suave para marcar la jerarqu\u00eda *\/\n            font-weight: bold;\n            margin-top: 12px;\n            margin-bottom: 6px;\n            padding-left: 8px;\n            border-left: 3px solid #3498db;\n            \/* Un borde similar al h4 pero m\u00e1s delgado *\/\n        }\n\n        .custom-code {\n            background-color: #f4f4f4;\n            padding: 2px 4px;\n            border-radius: 4px;\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n    <p class=\"custom-p\">El <strong>Gromit MPX<\/strong> es una herramienta de software que permite a los usuarios\n        realizar anotaciones\n        sobre la pantalla en tiempo real. Es especialmente \u00fatil para presentaciones, clases, o grabaciones en las que se\n        necesita resaltar, dibujar o escribir directamente en lo que se muestra en la pantalla.\n        Contin\u00faa leyendo o, si prefieres, haz <a href=\"https:\/\/youtu.be\/TEZJ-WDQFf4\" target=\"_blank\"\n            rel=\"noopener noreferrer\">CLICK AQU\u00cd<\/a> para ver un tutorial paso a paso en YouTube <img decoding=\"async\"\n            src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/YouTube_icon.png\" alt=\"YouTube\"\n            style=\"width: 20px; vertical-align: middle;\">.<\/p>\n\n    <div class=\"indice\">\n        <h2>Contenido:<\/h2>\n        <ul class=\"custom-ul\">\n            <li class=\"nivel-1\"><a href=\"#seccion1\">1. Caracter\u00edsticas principales.<\/a><\/li>\n            <li class=\"nivel-1\"><a href=\"#seccion2\">2. \u00bfPara qu\u00e9 sirve?<\/a><\/li>\n            <li class=\"nivel-1\"><a href=\"#seccion3\">3. Instalaci\u00f3n (si no lo tienes instalado)<\/a><\/li>\n            <li class=\"nivel-1\"><a href=\"#seccion4\">4. Inicia Gromit-MPX<\/a><\/li>\n            <li class=\"nivel-1\"><a href=\"#seccion5\">5. Atajos b\u00e1sicos para usarlo<\/a><\/li>\n            <li class=\"nivel-1\"><a href=\"#seccion6\">6. Dibuja en la pantalla<\/a><\/li>\n            <li class=\"nivel-1\"><a href=\"#seccion7\">7. Salir de Gromit-MPX<\/a><\/li>\n\n        <\/ul>\n    <\/div>\n\n    <h3 id=\"seccion1\" class=\"custom-h3\">1. Caracter\u00edsticas principales.<\/h3>\n    <ul class=\"custom-ul\">\n        <li><strong>Anotaciones en cualquier ventana:<\/strong> Puedes escribir, dibujar o resaltar en cualquier\n            aplicaci\u00f3n o sobre el escritorio.<\/li>\n        <li><strong>Compatibilidad con Linux:<\/strong> Es ampliamente utilizado en distribuciones de Linux, donde se\n            integra bien con entornos gr\u00e1ficos como X11 o Wayland.<\/li>\n        <li><strong>Soporte para dispositivos de entrada:<\/strong> Funciona con el mouse, l\u00e1pices digitales o pantallas\n            t\u00e1ctiles.<\/li>\n        <li><strong>Atajos de teclado configurables:<\/strong> Puedes personalizar las combinaciones de teclas para\n            iniciar, pausar o borrar las anotaciones.<\/li>\n    <\/ul>\n\n    <h3 id=\"seccion2\" class=\"custom-h3\">2. \u00bfPara qu\u00e9 sirve?<\/h3>\n    <p class=\"custom-p\">El Gromit MPX es ideal para:<\/p>\n    <ul class=\"custom-ul\">\n        <li><strong>Educaci\u00f3n:<\/strong> Anotar en presentaciones o durante clases en l\u00ednea.<\/li>\n        <li><strong>Presentaciones profesionales:<\/strong> Resaltar puntos clave en tiempo real.<\/li>\n        <li><strong>Creaci\u00f3n de contenido:<\/strong> Dibujar sobre la pantalla para tutoriales o demostraciones.<\/li>\n    <\/ul>\n\n    <h3 id=\"seccion3\" class=\"custom-h3\">3. Instalaci\u00f3n (si no lo tienes instalado)<\/h3>\n    <p class=\"custom-p\">Si a\u00fan no lo has instalado, puedes hacerlo dependiendo de tu distribuci\u00f3n de Linux:<\/p>\n    <ul class=\"custom-ul\">\n        <li>En Debian, Ubuntu o derivadas:<\/li>\n        <div class=\"code-container\">\n            <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n            <pre class=\"custom-pre\"><code>sudo apt install gromit-mpx<\/code><\/pre>\n        <\/div>\n        <li>En Fedora:<\/li>\n        <div class=\"code-container\">\n            <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n            <pre class=\"custom-pre\"><code>sudo dnf install gromit-mpx<\/code><\/pre>\n        <\/div>\n        <li>En Arch Linux:<\/li>\n        <div class=\"code-container\">\n            <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n            <pre class=\"custom-pre\"><code>sudo pacman -S gromit-mpx<\/code><\/pre>\n        <\/div>\n    <\/ul>\n    <div style=\"text-align: center; margin-bottom: 20px;\">\n        <img decoding=\"async\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/01-4.jpg\" alt=\"Inkscape en Windows\"\n            style=\"max-width: 100%; height: auto; border-radius: 5px; border: 2px solid #ccc;\">\n    <\/div>\n\n    <h3 id=\"seccion4\" class=\"custom-h3\">4. Inicia Gromit-MPX<\/h3>\n    <p class=\"custom-p\">Ejecuta el siguiente comando en la terminal para iniciar el programa:<\/p>\n    <div class=\"code-container\">\n        <button class=\"copy-button\" onclick=\"copyCode(this)\">Copiar<\/button>\n        <pre class=\"custom-pre\"><code>gromit-mpx<\/code><\/pre>\n    <\/div>\n    <div style=\"text-align: center; margin-bottom: 20px;\">\n        <img decoding=\"async\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/03-4.jpg\" alt=\"Inkscape en Windows\"\n            style=\"max-width: 100%; height: auto; border-radius: 5px; border: 2px solid #ccc;\">\n    <\/div>\n    <p class=\"custom-p\">Al iniciarlo, aparecer\u00e1 un \u00edcono en la bandeja del sistema (normalmente en la esquina superior o\n        inferior, dependiendo de tu entorno gr\u00e1fico).<\/p>\n    <div style=\"text-align: center; margin-bottom: 20px;\">\n        <img decoding=\"async\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/02-4.jpg\" alt=\"Inkscape en Windows\"\n            style=\"max-width: 100%; height: auto; border-radius: 5px; border: 2px solid #ccc;\">\n    <\/div>\n\n    <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2225321393472807\"\n        crossorigin=\"anonymous\"><\/script>\n    <ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\"\n        data-ad-format=\"fluid\" data-ad-client=\"ca-pub-2225321393472807\" data-ad-slot=\"4755021313\"><\/ins>\n    <script>\n        (adsbygoogle = window.adsbygoogle || []).push({});\n    <\/script>\n\n    <h3 id=\"seccion5\" class=\"custom-h3\">5. Atajos b\u00e1sicos para usarlo<\/h3>\n    <p class=\"custom-p\">Una vez que est\u00e1 en ejecuci\u00f3n, puedes usar los siguientes atajos predeterminados (pueden variar\n        dependiendo de la configuraci\u00f3n):<\/p>\n    <ul>\n        <li>Activar\/desactivar el modo de anotaci\u00f3n:<\/li>\n        <p class=\"custom-p\">Presiona la tecla <strong>F9<\/strong>.<\/p>\n        <li>Pausar\/retomar la interacci\u00f3n con la pantalla:<\/li>\n        <p class=\"custom-p\">Presiona Ctrl + <strong>F9<\/strong>.<\/p>\n        <li>Borrar todas las anotaciones:<\/li>\n        <p class=\"custom-p\">Presiona Shift + <strong>F9<\/strong>.<\/p>\n        <li>Cambiar el color del l\u00e1piz:<\/li>\n        <p class=\"custom-p\">No hay atajos predeterminados, pero puedes configurar colores espec\u00edficos desde las\n            opciones.<\/p>\n    <\/ul>\n    <div style=\"text-align: center; margin-bottom: 20px;\">\n        <img decoding=\"async\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/05-3.jpg\" alt=\"Inkscape en Windows\"\n            style=\"max-width: 100%; height: auto; border-radius: 5px; border: 2px solid #ccc;\">\n    <\/div>\n\n    <h3 id=\"seccion6\" class=\"custom-h3\">6. Dibuja en la pantalla<\/h3>\n    <p class=\"custom-p\">Una vez que est\u00e1 en ejecuci\u00f3n, puedes usar los siguientes atajos predeterminados (pueden variar\n        dependiendo de la configuraci\u00f3n):<\/p>\n    <ul>\n        <li>Presiona la tecla <strong>F9<\/strong> para <strong>Activar el modo de anotaci\u00f3n<\/strong>. Mant\u00e9n presionado\n            el <strong>clic izquierdo del mouse<\/strong> para dibujar en la pantalla y mant\u00e9n presionado el <strong>clic\n                derecho<\/strong> para borrar una\n            secci\u00f3n espec\u00edfica de las anotaciones. (como si usaras una &#8216;goma de borrar&#8217;).<\/li>\n        <div style=\"display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;\">\n            <div style=\"text-align: center;\">\n                <img decoding=\"async\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/07-3.jpg\" alt=\"Inkscape en Windows\"\n                    style=\"max-width: 100%; height: auto; border-radius: 5px; border: 2px solid #ccc;\">\n            <\/div>\n            <div style=\"text-align: center;\">\n                <img decoding=\"async\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/08-3.jpg\" alt=\"Inkscape en Windows\"\n                    style=\"max-width: 100%; height: auto; border-radius: 5px; border: 2px solid #ccc;\">\n            <\/div>\n        <\/div>\n        <li>Presiona <strong>Ctrl + F9<\/strong> para detener la interacci\u00f3n con la pantalla si necesitas cambiar de\n            ventana o escribir, y luego vuelve a presionar <strong>Ctrl + F9<\/strong> para retomar la interacci\u00f3n.<\/li>\n        <li>Presiona <strong>Shift + F9<\/strong> para borrar todas las anotaciones.<\/li>\n        <li>Presiona la tecla <strong>F9<\/strong> nuevamente para desactivar el modo de anotaci\u00f3n.<\/li>\n    <\/ul>\n\n    <h3 id=\"seccion7\" class=\"custom-h3\">7. Salir de Gromit-MPX<\/h3>\n    <p class=\"custom-p\">Cuando ya no necesites usarlo, puedes salir desde el \u00edcono en la bandeja del sistema o\n        presionando <strong>Ctrl + C<\/strong> en la terminal donde lo iniciaste.<\/p>\n    <div style=\"display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 20px;\">\n        <div style=\"text-align: center;\">\n            <img decoding=\"async\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/09-2.jpg\" alt=\"Inkscape en Windows\"\n                style=\"max-width: 100%; height: auto; border-radius: 5px; border: 2px solid #ccc;\">\n        <\/div>\n        <div style=\"text-align: center;\">\n            <img decoding=\"async\" src=\"https:\/\/elasvi.com\/wp-content\/uploads\/2025\/01\/10-2.jpg\" alt=\"Inkscape en Windows\"\n                style=\"max-width: 100%; height: auto; border-radius: 5px; border: 2px solid #ccc;\">\n        <\/div>\n    <\/div>\n\n    <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-2225321393472807\"\n        crossorigin=\"anonymous\"><\/script>\n    <ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\"\n        data-ad-format=\"fluid\" data-ad-client=\"ca-pub-2225321393472807\" data-ad-slot=\"4755021313\"><\/ins>\n    <script>\n        (adsbygoogle = window.adsbygoogle || []).push({});\n    <\/script>\n\n    <script>\n        function copyCode(button) {\n            navigator.clipboard.writeText(button.nextElementSibling.innerText);\n            button.textContent = '\u00a1Copiado!';\n            setTimeout(() => button.textContent = 'Copiar', 2000);\n        }\n    <\/script>\n\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>El Gromit MPX es una herramienta de software que permite a los usuarios realizar anotaciones sobre la pantalla en tiempo real. Es especialmente \u00fatil para presentaciones, clases, o grabaciones en las que se necesita resaltar, dibujar o escribir directamente en lo que se muestra en la pantalla.<\/p>\n","protected":false},"author":1,"featured_media":3975,"comment_status":"open","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[168,14],"tags":[169,7],"class_list":["post-3722","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gromit","category-linux","tag-gromit","tag-linux"],"_links":{"self":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/3722","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/comments?post=3722"}],"version-history":[{"count":6,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/3722\/revisions"}],"predecessor-version":[{"id":3974,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/posts\/3722\/revisions\/3974"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/media\/3975"}],"wp:attachment":[{"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/media?parent=3722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/categories?post=3722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elasvi.com\/index.php\/wp-json\/wp\/v2\/tags?post=3722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}