{"id":379,"date":"2026-09-04T18:59:51","date_gmt":"2026-09-04T23:59:51","guid":{"rendered":"https:\/\/academia.utp.edu.co\/huellas-digitales\/?page_id=379"},"modified":"2026-11-06T10:34:49","modified_gmt":"2026-11-06T15:34:49","slug":"trabajos-de-grado","status":"publish","type":"page","link":"https:\/\/academia.utp.edu.co\/huellas-digitales\/trabajos-de-grado\/","title":{"rendered":"Trabajos de Grado"},"content":{"rendered":"\n<!-- CONTENEDOR PRINCIPAL AJUSTADO A LA PLANTILLA EST\u00c1NDAR (MAX-WIDTH: 1180PX) -->\n<div class=\"utp-page-canvas-structure\" style=\"width: 100%;max-width: 1180px;margin: 0 auto;font-family: -apple-system, BlinkMacSystemFont, &apos;Segoe UI&apos;, Roboto, Helvetica, Arial, sans-serif;color: #1e293b;padding: 0 10px\">\n\n  <!-- ==========================================\n       1. HERO BANNER EDITORIAL (TRABAJOS DE GRADO)\n       ========================================== -->\n  <section class=\"banner-trabajos-grado\" style=\"position: relative;width: 100%;margin: 0 auto 32px auto;border-radius: 18px;background: radial-gradient(circle at 88% 85%, rgba(184, 60, 20, 0.45) 0%, transparent 45%), radial-gradient(circle at 75% 20%, rgba(20, 90, 50, 0.45) 0%, transparent 45%), linear-gradient(135deg, #001b33 0%, #00223f 45%, #001626 100%);color: #ffffff;padding: 60px 42px;overflow: hidden\">\n\n    <!-- ENGRANAJE EN CSS PURO -->\n    <div style=\"position: absolute;right: -40px;top: 50%;transform: translateY(-50%);width: 360px;height: 360px;pointer-events: none;opacity: 0.16;z-index: 1\">\n      <div style=\"position: absolute;width: 44px;height: 360px;left: 158px;top: 0;background: #eed600;border-radius: 8px\"><\/div>\n      <div style=\"position: absolute;width: 44px;height: 360px;left: 158px;top: 0;background: #eed600;border-radius: 8px;transform: rotate(30deg)\"><\/div>\n      <div style=\"position: absolute;width: 44px;height: 360px;left: 158px;top: 0;background: #eed600;border-radius: 8px;transform: rotate(60deg)\"><\/div>\n      <div style=\"position: absolute;width: 44px;height: 360px;left: 158px;top: 0;background: #eed600;border-radius: 8px;transform: rotate(90deg)\"><\/div>\n      <div style=\"position: absolute;width: 44px;height: 360px;left: 158px;top: 0;background: #eed600;border-radius: 8px;transform: rotate(120deg)\"><\/div>\n      <div style=\"position: absolute;width: 44px;height: 360px;left: 158px;top: 0;background: #eed600;border-radius: 8px;transform: rotate(150deg)\"><\/div>\n      <div style=\"position: absolute;width: 300px;height: 300px;left: 30px;top: 30px;background: #eed600;border-radius: 50%\"><\/div>\n      <div style=\"position: absolute;width: 170px;height: 170px;left: 95px;top: 95px;background: #001f38;border-radius: 50%\"><\/div>\n      <div style=\"position: absolute;width: 14px;height: 170px;left: 173px;top: 95px;background: #eed600\"><\/div>\n      <div style=\"position: absolute;width: 170px;height: 14px;left: 95px;top: 173px;background: #eed600\"><\/div>\n      <div style=\"position: absolute;width: 56px;height: 56px;left: 152px;top: 152px;background: #eed600;border-radius: 50%\"><\/div>\n    <\/div>\n\n    <!-- CONTENIDO PRINCIPAL DEL BANNER -->\n    <div style=\"position: relative;z-index: 2;max-width: 780px\">\n\n      <!-- Puntos de color y Pret\u00edtulo -->\n      <div style=\"display: flex;align-items: center;gap: 8px;margin-bottom: 16px\">\n        <span style=\"display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1.5px solid #ffffff\"><\/span>\n        <span style=\"display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #c7181d\"><\/span>\n        <span style=\"display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #359a1e\"><\/span>\n        <span style=\"display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: #eed600\"><\/span>\n        <span style=\"font-size: 0.74rem;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #eed600;margin-left: 6px\">\n          REPOSITORIO FORMATIVO\n        <\/span>\n      <\/div>\n\n      <!-- T\u00edtulo principal -->\n      <h1 style=\"font-family: &apos;Playfair Display&apos;, Georgia, Cambria, serif;font-size: 2.6rem;line-height: 1.15;font-weight: 700;color: #ffffff;margin: 0 0 16px 0;letter-spacing: -0.5px\">\n        Trabajos de Grado\n      <\/h1>\n\n      <!-- Bloque de texto con franja lateral -->\n      <div style=\"position: relative;padding-left: 18px;margin-bottom: 28px\">\n        <div style=\"position: absolute;left: 0;top: 2px;bottom: 2px;width: 3.5px;border-radius: 2px;background: linear-gradient(180deg, #c7181d 0%, #359a1e 50%, #eed600 100%)\"><\/div>\n        <p style=\"font-size: 1.05rem;line-height: 1.7;color: #cbd5e1;margin: 0;font-weight: 400\">\n          En este espacio mostramos las investigaciones desarrolladas por nuestros integrantes como requisito de grado. Estos trabajos articulan la teor\u00eda acad\u00e9mica con aplicaciones pr\u00e1cticas en rob\u00f3tica, automatizaci\u00f3n y desarrollo tecnol\u00f3gico.\n        <\/p>\n      <\/div>\n\n      <!-- P\u00edldoras inferiores -->\n      <div style=\"display: flex;flex-wrap: wrap;gap: 12px;align-items: center\">\n        <div style=\"display: inline-flex;align-items: center;gap: 8px;border: 1.5px solid #c7181d;padding: 8px 18px;border-radius: 30px;font-size: 0.82rem;font-weight: 700;color: #ffffff\">\n          <span>\ud83e\udd16<\/span> Rob\u00f3tica\n        <\/div>\n\n        <div style=\"display: inline-flex;align-items: center;gap: 8px;border: 1.5px solid #eed600;padding: 8px 18px;border-radius: 30px;font-size: 0.82rem;font-weight: 700;color: #ffffff\">\n          <span>\u2699\ufe0f<\/span> Automatizaci\u00f3n\n        <\/div>\n\n        <div style=\"display: inline-flex;align-items: center;gap: 8px;border: 1.5px solid #359a1e;padding: 8px 18px;border-radius: 30px;font-size: 0.82rem;font-weight: 700;color: #ffffff\">\n          <span>\ud83d\udca1<\/span> Desarrollo Tecnol\u00f3gico\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n  <!-- ========================================================\n       2. GALER\u00cdA \/ DIRECTORIO DE TESIS\n       ======================================================== -->\n  <section style=\"margin-bottom: 35px;width: 100%\">\n    \n    <!-- Encabezado de la Secci\u00f3n -->\n    <div style=\"display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 20px;margin-bottom: 30px;padding-bottom: 16px;border-bottom: 1px solid #e2e8f0;position: relative\">\n      \n      <div>\n        <div style=\"display: inline-flex;align-items: center;gap: 8px;margin-bottom: 6px\">\n          <span style=\"width: 8px;height: 8px;border-radius: 50%;background: #083562\"><\/span>\n          <span style=\"font-size: 0.74rem;font-weight: 700;letter-spacing: 2px;text-transform: uppercase;color: #083562\">\n            CAT\u00c1LOGO OFICIAL DE INVESTIGACIONES\n          <\/span>\n        <\/div>\n        <h2 style=\"font-family: &apos;Playfair Display&apos;, Georgia, serif;font-size: 1.95rem;color: #0f172a;margin: 0;font-weight: 700;letter-spacing: -0.5px\">\n          Trabajos de Grado Realizados\n        <\/h2>\n      <\/div>\n\n      <!-- Badge de Estado -->\n      <div style=\"display: inline-flex;align-items: center;gap: 10px;background: #ffffff;padding: 8px 20px;border-radius: 30px;border: 1px solid #e2e8f0\">\n        <div style=\"display: flex;gap: 5px;align-items: center\">\n          <span style=\"width: 8px;height: 8px;border-radius: 50%;background: #083562\"><\/span>\n          <span style=\"width: 8px;height: 8px;border-radius: 50%;background: #c7181d\"><\/span>\n          <span style=\"width: 8px;height: 8px;border-radius: 50%;background: #359a1e\"><\/span>\n          <span style=\"width: 8px;height: 8px;border-radius: 50%;background: #eed600\"><\/span>\n        <\/div>\n        <span style=\"font-size: 0.78rem;font-weight: 700;color: #083562;letter-spacing: 0.5px;text-transform: uppercase\">\n          1 Publicaci\u00f3n Activa\n        <\/span>\n      <\/div>\n\n    <\/div>\n\n    <!-- CONTENEDOR DE TARJETAS DE PROYECTO -->\n    <div style=\"display: flex;flex-direction: column;gap: 28px\">\n\n      <!-- TARJETA DE PROYECTO 1 -->\n      <article style=\"position: relative;border-radius: 18px;background: #ffffff;border: 1px solid #e2e8f0;overflow: hidden;display: flex;flex-wrap: wrap\">\n        \n        <!-- Borde vertical crom\u00e1tico -->\n        <div style=\"flex: 0 0 8px;background: linear-gradient(180deg, #083562 0%, #c7181d 34%, #359a1e 68%, #eed600 100%)\"><\/div>\n\n        <!-- Columna Izquierda: Retrato del Autor -->\n        <div style=\"flex: 0 0 280px;background: linear-gradient(145deg, #051329 0%, #083562 100%);color: #ffffff;padding: 36px 24px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;overflow: hidden\">\n          \n          <div style=\"position: relative;width: 125px;height: 125px;margin-bottom: 16px;z-index: 2\">\n            <div style=\"width: 100%;height: 100%;border-radius: 50%;overflow: hidden;border: 3px solid #ffffff;background: #ffffff\">\n              <img decoding=\"async\" src=\"https:\/\/academia.utp.edu.co\/huellas-digitales\/files\/2026\/07\/WhatsApp-Image-2026-06-03-at-9.07.24-AM-5.jpeg\" alt=\"Elias Escobar Pereira\" style=\"width: 100%;height: 100%;object-fit: cover;object-position: center top;display: block\">\n            <\/div>\n            <span style=\"position: absolute;bottom: 0;right: 4px;width: 32px;height: 32px;border-radius: 50%;background: #eed600;color: #083562;border: 2px solid #ffffff;display: flex;align-items: center;justify-content: center;font-size: 0.9rem;font-weight: 800\">\n              \ud83c\udf93\n            <\/span>\n          <\/div>\n\n          <span style=\"font-size: 0.72rem;font-weight: 700;letter-spacing: 1.8px;text-transform: uppercase;color: #eed600;display: block;margin-bottom: 4px;z-index: 2\">\n            AUTOR PRINCIPAL\n          <\/span>\n          <h4 style=\"font-family: Georgia, serif;font-size: 1.2rem;font-weight: 700;color: #ffffff;margin: 0 0 4px 0;z-index: 2\">\n            Elias Escobar Pereira\n          <\/h4>\n          <span style=\"font-size: 0.82rem;color: #cbd5e1;z-index: 2\">\n            Ingenier\u00eda El\u00e9ctrica\n          <\/span>\n\n        <\/div>\n\n        <!-- Columna Derecha: T\u00edtulo, Metadatos y Acci\u00f3n -->\n        <div style=\"flex: 1 1 500px;padding: 36px 32px;display: flex;flex-direction: column;justify-content: space-between;gap: 20px\">\n          \n          <div>\n            <div style=\"display: flex;gap: 8px;align-items: center;flex-wrap: wrap;margin-bottom: 12px\">\n              <span style=\"font-size: 0.72rem;font-weight: 700;letter-spacing: 1.2px;text-transform: uppercase;color: #083562;padding: 4px 12px;border-radius: 20px;background: #f1f5f9\">\n                Ingenier\u00eda El\u00e9ctrica\n              <\/span>\n              <span style=\"font-size: 0.72rem;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;color: #1e293b;padding: 4px 12px;border-radius: 20px;border: 1px solid #eed600\">\n                Grupo GIGSEEA \u2022 UTP\n              <\/span>\n              <span style=\"font-size: 0.72rem;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;color: #15803d;padding: 4px 12px;border-radius: 20px;background: #f0fdf4\">\n                Rob\u00f3tica &amp; Simulaci\u00f3n\n              <\/span>\n            <\/div>\n\n            <h3 style=\"font-family: &apos;Playfair Display&apos;, Georgia, serif;font-size: 1.35rem;line-height: 1.35;font-weight: 700;color: #0f172a;margin: 0 0 16px 0\">\n              Metodolog\u00eda para el etiquetado de base de datos de un manipulador serial de seis grados de libertad mediante PyBullet\n            <\/h3>\n\n            <div style=\"display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 12px;background: #f8fafc;border-radius: 14px;padding: 16px 20px;border: 1px solid #e2e8f0\">\n              <div>\n                <span style=\"display: block;font-size: 0.68rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;color: #64748b\">DIRECTOR DE TESIS<\/span>\n                <span style=\"font-size: 0.92rem;font-weight: 700;color: #0f172a\">MsC. Kevin David Ortega<\/span>\n              <\/div>\n              <div>\n                <span style=\"display: block;font-size: 0.68rem;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;color: #64748b\">PLATAFORMA &amp; GEMELO<\/span>\n                <span style=\"font-size: 0.92rem;font-weight: 700;color: #083562\">PAROL6 \u2022 PyBullet 3D<\/span>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <div style=\"display: flex;align-items: center;justify-content: flex-end;padding-top: 14px;border-top: 1px solid #f1f5f9\">\n            <a href=\"\/huellas-digitales\/trabajos-de-grado\/elias-escobar\/\" style=\"display: inline-flex;align-items: center;gap: 10px;background: linear-gradient(135deg, #083562 0%, #051329 100%);color: #ffffff;font-size: 0.82rem;font-weight: 700;letter-spacing: 0.8px;text-transform: uppercase;text-decoration: none;padding: 14px 28px;border-radius: 30px;white-space: nowrap\">\n              <span>Ver Ficha T\u00e9cnica y Proyecto<\/span>\n              <span style=\"width: 24px;height: 24px;border-radius: 50%;background: #eed600;color: #083562;display: flex;align-items: center;justify-content: center;font-size: 0.85rem;font-weight: 800\">\n                \u2794\n              <\/span>\n            <\/a>\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n      <!-- M\u00d3DULO CONCEPTUAL PR\u00d3XIMOS TRABAJOS -->\n      <div style=\"position: relative;border-radius: 18px;border: 2px dashed #cbd5e1;background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);padding: 38px 32px;text-align: center;overflow: hidden\">\n        \n        <div style=\"width: 56px;height: 56px;border-radius: 16px;background: #ffffff;border: 1px solid #e2e8f0;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;margin: 0 auto 14px auto\">\n          \ud83d\udd2c\n        <\/div>\n\n        <span style=\"display: inline-block;font-size: 0.72rem;font-weight: 700;letter-spacing: 1.8px;text-transform: uppercase;color: #083562;padding: 4px 16px;border-radius: 20px;margin-bottom: 8px\">\n          PIPELINE DE INVESTIGACI\u00d3N \u2022 EN CURSO\n        <\/span>\n\n        <h4 style=\"font-family: &apos;Playfair Display&apos;, Georgia, serif;font-size: 1.3rem;color: #0f172a;margin: 0 0 12px 0;font-weight: 700\">\n          Pr\u00f3ximos Trabajos de Grado\n        <\/h4>\n\n        <div style=\"display: inline-flex;gap: 14px;flex-wrap: wrap;justify-content: center;font-size: 0.82rem;font-weight: 600;color: #475569\">\n          <span style=\"display: inline-flex;align-items: center;gap: 6px\">\u2726 Formulaci\u00f3n<\/span>\n          <span style=\"display: inline-flex;align-items: center;gap: 6px\">\u2726 Modelado<\/span>\n          <span style=\"display: inline-flex;align-items: center;gap: 6px\">\u2726 Sustentaci\u00f3n<\/span>\n          <span style=\"display: inline-flex;align-items: center;gap: 6px\">\u2726 Publicaci\u00f3n UTP<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>REPOSITORIO FORMATIVO Trabajos de Grado En este espacio mostramos las investigaciones desarrolladas por nuestros integrantes como requisito de grado. Estos [&hellip;]<\/p>\n","protected":false},"author":1983,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","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":"","ast-disable-related-posts":"","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":"default","ast-page-background-enabled":"default","ast-page-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-379","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/academia.utp.edu.co\/huellas-digitales\/wp-json\/wp\/v2\/pages\/379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/academia.utp.edu.co\/huellas-digitales\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/academia.utp.edu.co\/huellas-digitales\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/academia.utp.edu.co\/huellas-digitales\/wp-json\/wp\/v2\/users\/1983"}],"replies":[{"embeddable":true,"href":"https:\/\/academia.utp.edu.co\/huellas-digitales\/wp-json\/wp\/v2\/comments?post=379"}],"version-history":[{"count":22,"href":"https:\/\/academia.utp.edu.co\/huellas-digitales\/wp-json\/wp\/v2\/pages\/379\/revisions"}],"predecessor-version":[{"id":688,"href":"https:\/\/academia.utp.edu.co\/huellas-digitales\/wp-json\/wp\/v2\/pages\/379\/revisions\/688"}],"wp:attachment":[{"href":"https:\/\/academia.utp.edu.co\/huellas-digitales\/wp-json\/wp\/v2\/media?parent=379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}