{"id":3644,"date":"2024-06-09T09:21:32","date_gmt":"2024-06-09T09:21:32","guid":{"rendered":"https:\/\/brandon-engineer.com\/?page_id=3644"},"modified":"2024-06-09T16:22:35","modified_gmt":"2024-06-09T16:22:35","slug":"zeus","status":"publish","type":"page","link":"https:\/\/brandon-engineer.com\/en\/zeus\/","title":{"rendered":"Zeus"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"3644\" class=\"elementor elementor-3644\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1aca622 e-flex e-con-boxed e-con e-parent\" data-id=\"1aca622\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d5448ca e-con-full e-flex e-con e-child\" data-id=\"d5448ca\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55c8e34 elementor-widget elementor-widget-image\" data-id=\"55c8e34\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 28-02-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"556\" height=\"556\" src=\"https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus.jpg\" class=\"attachment-full size-full wp-image-3660\" alt=\"\" srcset=\"https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus.jpg 556w, https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus-300x300.jpg 300w, https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus-150x150.jpg 150w, https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus-80x80.jpg 80w, https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus-140x140.jpg 140w, https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus-12x12.jpg 12w, https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus-100x100.jpg 100w, https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus-460x460.jpg 460w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7583163 elementor-widget elementor-widget-heading\" data-id=\"7583163\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 28-02-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Resumen del proyecto<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bb11d4 elementor-widget elementor-widget-text-editor\" data-id=\"1bb11d4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 28-02-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Se me propuso crear un software de acceso r\u00e1pido para la gesti\u00f3n documental de los proyectos para facilitar la visualizaci\u00f3n de los mismos<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb85b1e elementor-widget elementor-widget-text-editor\" data-id=\"bb85b1e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"project-inner-box\"><h3 class=\"box-title\">Objetivos a realizar<\/h3><p class=\"\">A continuaci\u00f3n se describir\u00e1 todos los objetivos obligatorios que propone el cliente sobre el proyecto<\/p><div class=\"checklist\"><ul><li><i class=\"fas fa-badge-check\"><\/i> B\u00fasqueda por numero de proyecto<\/li><li><i class=\"fas fa-badge-check\"><\/i>Agregar una b\u00fasqueda por nombre del cliente<\/li><li><i class=\"fas fa-badge-check\"><\/i> Al encontrar el proyecto hacer un hiperv\u00ednculo din\u00e1mico que lleve directamente a la carpeta del servidor interno<\/li><\/ul><p>\u00a0<\/p><\/div><h3 class=\"box-title\">Objetivos propuestos por mi<\/h3><p class=\"\">Se va a desarrollar todas las ideas para optimizar el uso del proyecto propuestas por mi<\/p><div class=\"checklist\"><ul><li><i class=\"fas fa-badge-check\"><\/i> Agregar filtros de busqueda; PLC, esquema electrico, SCADA,etc<\/li><\/ul><\/div><\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9f01b06 e-con-full e-flex e-con e-child\" data-id=\"9f01b06\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21ea9e8 elementor-widget elementor-widget-tragaprojectinfo\" data-id=\"21ea9e8\" data-element_type=\"widget\" data-widget_type=\"tragaprojectinfo.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"widget widget_info\"><h3 class=\"widget_title\">Informaci\u00f3n del proyecto<\/h3><div class=\"project-info-list\"><div class=\"contact-feature\"><div class=\"icon-btn\"><i class=\"fa-solid fa-user\"><\/i><\/div><div class=\"media-body\"><p class=\"contact-feature_label\">Cliente:<\/p><span class=\"contact-feature_link\">Sistein<\/span><\/div><\/div><div class=\"contact-feature\"><div class=\"icon-btn\"><i class=\"fa-solid fa-folder-open\"><\/i><\/div><div class=\"media-body\"><p class=\"contact-feature_label\">Categor\u00eda:<\/p><span class=\"contact-feature_link\">IT<\/span><\/div><\/div><div class=\"contact-feature\"><div class=\"icon-btn\"><i class=\"fa-solid fa-calendar-days\"><\/i><\/div><div class=\"media-body\"><p class=\"contact-feature_label\">Fecha:<\/p><span class=\"contact-feature_link\">Marzo de 2024<\/span><\/div><\/div><div class=\"contact-feature\"><div class=\"icon-btn\"><i class=\"fa-solid fa-location-dot\"><\/i><\/div><div class=\"media-body\"><p class=\"contact-feature_label\">Direcci\u00f3n:<\/p><span class=\"contact-feature_link\">Molina de segura<\/span><\/div><\/div><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ac4df9 e-flex e-con-boxed e-con e-child\" data-id=\"9ac4df9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34ed705 elementor-widget elementor-widget-text-editor\" data-id=\"34ed705\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"widget widget_download\">\n<h4 class=\"widget_title\">Recursos del proyecto<\/h4>\n<div class=\"download-widget-wrap\">\n\n<a class=\"th-btn\" href=\"https:\/\/brandon-engineer.com\/Proyectos\/zeus\/zeus.zip\"><i class=\"fa fa-code\" aria-hidden=\"true\"><\/i> Descargar c\u00f3digo<\/a>\n\n<\/div>\n<\/div>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71ca202 e-flex e-con-boxed e-con e-parent\" data-id=\"71ca202\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d058039 e-flex e-con-boxed e-con e-child\" data-id=\"d058039\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eea704 elementor-widget elementor-widget-heading\" data-id=\"4eea704\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Inicio del proyecto<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e88263c elementor-widget elementor-widget-text-editor\" data-id=\"e88263c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Nada mas empezar me reuni con el jefe del departamento de calidad ya que es el que esta encargado de la estandarizaci\u00f3n de la empresa y estipulamos los puntos que necesitamos.<\/p><p>Una vez listo contacte con el CTO Alejandro, el cual tendremos que estudiar como hacer la base de datos desde donde se acceder\u00e1.<\/p><p>Una vez reunidos y pactados las necesidades del proyecto proced\u00ed a ejecutar el proyecto<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a51d4b elementor-widget elementor-widget-text-editor\" data-id=\"5a51d4b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Para la ejecuci\u00f3n de la busqueda prepare una pagina web sencilla con HTML,CSS,JS y PHP<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05a0023 elementor-widget elementor-widget-heading\" data-id=\"05a0023\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">PHP<\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2e93b3 elementor-widget elementor-widget-heading\" data-id=\"b2e93b3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Conexi\u00f3n con la base de datos<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-570b17b elementor-widget elementor-widget-text-editor\" data-id=\"570b17b\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Para establecer la conexi\u00f3n con la base de datos se crea el archivo: &#8220;database.php&#8221;<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74dc7e9 e-flex e-con-boxed e-con e-child\" data-id=\"74dc7e9\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-856d372 elementor-widget elementor-widget-code-highlight\" data-id=\"856d372\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp><?php\r\n\r\n$server = \"localhost\";\r\n$username = \"testsistein\";\r\n$password = \"*********\";\r\n$database = \"sistein\";\r\n\r\n\/\/crear conexion\r\n\r\n$db = new mysqli($server,$username,$password,$database);\r\n\r\nif ($db ->connect_error){\r\n\r\n    die(\"Error al conectar con la base de datos: \" . $db->connect_error);\r\n\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e13c2a0 elementor-widget elementor-widget-text-editor\" data-id=\"e13c2a0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>La Base de datos de test la ejecutare en el VPS que tengo contratado para este blog y crear\u00e9 una base de datos solamente para estas pruebas<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c397e0c elementor-widget elementor-widget-heading\" data-id=\"c397e0c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\">Consulta en la base de datos<\/h4>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2d5334 elementor-widget elementor-widget-text-editor\" data-id=\"f2d5334\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Una vez ya establecido la conexi\u00f3n con la base de datos procedo a hacer la consulta y pasar los datos a JavaScript para el tratamiento de los datos extra\u00eddos. El c\u00f3digo usado en &#8220;search_data.php&#8221;:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-efd7e0d elementor-widget elementor-widget-code-highlight\" data-id=\"efd7e0d\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp><?php\r\n\r\nrequire_once('database.php');\r\n\r\n$search_criteria = $_POST['search_criteria'];\r\n\r\n\/\/consulta\r\n\r\n$query = \"SELECT id,descripcion FROM obras\r\nWHERE descripcion LIKE '%\".$search_criteria.\"%'\";\r\n\r\n$authors = [];\r\n$errors = ['data' => false];\r\n\r\n\r\n$getAuthors = $db->query($query);\r\n\r\nif($getAuthors->num_rows > 0){\r\n    while($data = $getAuthors->fetch_assoc()){\r\n\r\n        $authors[] = $data;\r\n\r\n    }\r\n    echo json_encode($authors);\r\n}else{\r\n    echo json_encode($errors);\r\n}\r\n\r\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23d1279 elementor-widget elementor-widget-heading\" data-id=\"23d1279\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">JavaScript<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4293994 elementor-widget elementor-widget-text-editor\" data-id=\"4293994\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Una vez todo listo empezamos a recoger los datos y para presentarlos en el HTML<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c00f414 elementor-widget elementor-widget-code-highlight\" data-id=\"c00f414\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\n\t\t\t\t\t<xmp>window.addEventListener('DOMContentLoaded',()=>{\r\n    const search = document.querySelector('#search')\r\n    const tableContainer = document.querySelector('#results tbody')\r\n    const resultContainer = document.querySelector('#resultsContainer')\r\n    const errorContainer = document.querySelector('.errors-container')\r\n    let search_criteria = '';\r\n        if(search){\r\n            search.addEventListener('input', event =>{\r\n                search_criteria = event.target.value.toUpperCase()\r\n                showResults()\r\n            })\r\n        }\r\n        const searchData = async() => {\r\n            let searchData = new FormData()\r\n            searchData.append('search_criteria', search_criteria)\r\n            try{\r\n                const response = await fetch('search_data.php',{\r\n                    method: 'POST',\r\n                    body: searchData\r\n                })\r\n                return response.json()\r\n            }catch(error){\r\n                alert(`${'Hubo un error y no podemos procesar la solicitud en este momento. Razones: '}${error.message}`)\r\n                console.log(error)\r\n            }\r\n        }\r\n        \/\/funcion para mostrar los datos\r\n        const showResults =() =>{\r\n            searchData()\r\n            .then(dataResults =>{\r\n                console.log(dataResults)\r\n                tableContainer.innerHTML = ''\r\n                if(typeof dataResults.data !== 'undefined' && !dataResults.data){\r\n                    errorContainer.style.display = 'block'\r\n                    errorContainer.querySelector('p').innerHTML = `\r\n                    No hay resultados: <span class=\"bold\">${search_criteria}<\/span>`\r\n                    resultContainer.style.display = 'none'\r\n                }else{\r\n                    resultContainer.style.display = 'block'\r\n                    errorContainer.style.display = 'none'\r\n                    for (const author of dataResults){\r\n                        const row = document.createElement('tr')\r\n                        row.innerHTML = `\r\n                        <td>${author.id}<\/td>\r\n                        <td>${author.descripcion.toUpperCase().replace(search_criteria, '<span class=\"bold\">$&<\/span>')}<\/td>\r\n                        `\r\n                        tableContainer.appendChild(row)\r\n                    }\r\n\r\n                }\r\n            })\r\n        }\r\n})<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1187eb7 elementor-widget elementor-widget-heading\" data-id=\"1187eb7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">HTML<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-10405a4 elementor-widget elementor-widget-text-editor\" data-id=\"10405a4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Este es el HTML para la busqueda en base de datos<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3155108 elementor-widget elementor-widget-code-highlight\" data-id=\"3155108\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\n\t\t\t\t\t<xmp><!DOCTYPE html>\r\n<html lang=\"es\">\r\n    <head>\r\n        <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n        <title>Busqueda en la base de datos de sistein<\/title>\r\n        <link rel=\"stylesheet\" href=\"style.css\">\r\n    <\/head>\r\n<body>\r\n    <main>\r\n        <h1>Busqueda en la base de datos del SAP<\/h1>\r\n        <div class=\"input-container\">\r\n            <input type=\"search\" id=\"search\" placeholder=\"Proyecto que buscas\" \/>\r\n        <\/div>\r\n        <div class=\"errors-container\" style=\"display: none;\">\r\n            <p><\/p>\r\n        <\/div>\r\n        <div class=\"results-container\" style=\"display: none;\" id=\"resultsContainer\">\r\n            <table id=\"results\">\r\n                <thead>\r\n                    <th>ID<\/th>\r\n                    <th>Descripcion<\/th>\r\n                <\/thead>\r\n                <tbody>\r\n                    \r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/main>\r\n\r\n\r\n    <script src=\"script.js\" defer><\/script>\r\n\r\n<\/body>\r\n<\/html><\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32ea330 elementor-widget elementor-widget-heading\" data-id=\"32ea330\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">CSS<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b6e6d2 elementor-widget elementor-widget-text-editor\" data-id=\"4b6e6d2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Para hacer que sea visualmente mas c\u00f3modo ajuste la hoja de estilos<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a8be33 elementor-widget elementor-widget-code-highlight\" data-id=\"5a8be33\" data-element_type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"prismjs-default copy-to-clipboard\">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-css line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-css\">\n\t\t\t\t\t<xmp>*, *::after, *::before{\r\nmargin: 0;\r\npadding: 0;\r\nbox-sizing: border-box;\r\n}\r\n\r\nbody{\r\n\r\n    font-family: Arial, Helvetica, sans-serif;\r\n    background-color: aliceblue;\r\n\r\n}\r\nmain{\r\n    width: 980px;\r\n    margin: 50px auto;\r\n}\r\n\r\ntable{\r\n    width: 100%;\r\n    border-collapse: collapse;\r\n}\r\n\r\ntable tr:nth-child(even){\r\n    background-color: bisque;\r\n}\r\n\r\ntable tr td{\r\n\r\n    padding: 8px 5px;\r\n    background-color: white;\r\n    padding: 25px;\r\n    border-radius: 8px;\r\n\r\n}\r\n.input-container{\r\n\r\n    margin: 25px 0;\r\n    background-color: white;\r\n    padding: 25px;\r\n    border-radius: 8px;\r\n\r\n}\r\n.input-container input[type=\"search\"]{\r\n\r\n    padding: 12px 20px;\r\n    border-radius: 5px;\r\n    border: none;\r\n    background-color: antiquewhite;\r\n    width: 40%;\r\n\r\n}\r\n\r\n.bold{\r\n\r\n    font-weight: bold;\r\n    color: red;\r\n}\r\n\r\n.results-container{\r\n\r\n    background-color: white;\r\n    padding: 25px;\r\n    border-radius: 8px;\r\n}<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b526371 e-flex e-con-boxed e-con e-parent\" data-id=\"b526371\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-400154d e-flex e-con-boxed e-con e-child\" data-id=\"400154d\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b61dcd elementor-widget elementor-widget-heading\" data-id=\"9b61dcd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Presentaci\u00f3n de la aplicaci\u00f3n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c754f2 elementor-widget elementor-widget-text-editor\" data-id=\"4c754f2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Una vez listo se presento el proyecto para la implementaci\u00f3n, una vez aprobado nos pusimos en contacto con el equipo que va a preparar el gestor de proyectos de la empresa para pedirle acceso a la base de datos y as\u00ed poder hacer estas solicitudes.<\/p><p>El personal de la empresa del gestor de proyectos nos dijo que no nos pod\u00eda dar acceso pero nos dio una alternativa mejor que la que estaba preparando yo asique cerr\u00e9 el proyecto Zeus debido a su poca viabilidad<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Resumen del proyecto Se me propuso crear un software de acceso r\u00e1pido para la gesti\u00f3n documental de los proyectos para facilitar la visualizaci\u00f3n de los mismos Objetivos a realizar A continuaci\u00f3n se describir\u00e1 todos los objetivos obligatorios que propone el cliente sobre el proyecto B\u00fasqueda por numero de proyecto Agregar una b\u00fasqueda por nombre del&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-builder.php","meta":{"footnotes":""},"class_list":["post-3644","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.0 (Yoast SEO v22.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Zeus - Brandon Engineer<\/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:\/\/brandon-engineer.com\/en\/zeus\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zeus\" \/>\n<meta property=\"og:description\" content=\"Resumen del proyecto Se me propuso crear un software de acceso r\u00e1pido para la gesti\u00f3n documental de los proyectos para facilitar la visualizaci\u00f3n de los mismos Objetivos a realizar A continuaci\u00f3n se describir\u00e1 todos los objetivos obligatorios que propone el cliente sobre el proyecto B\u00fasqueda por numero de proyecto Agregar una b\u00fasqueda por nombre del...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/brandon-engineer.com\/en\/zeus\/\" \/>\n<meta property=\"og:site_name\" content=\"Brandon Engineer\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-09T16:22:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/brandon-engineer.com\/zeus\/\",\"url\":\"https:\/\/brandon-engineer.com\/zeus\/\",\"name\":\"Zeus - Brandon Engineer\",\"isPartOf\":{\"@id\":\"https:\/\/brandon-engineer.com\/#website\"},\"datePublished\":\"2024-06-09T09:21:32+00:00\",\"dateModified\":\"2024-06-09T16:22:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/brandon-engineer.com\/zeus\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/brandon-engineer.com\/zeus\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/brandon-engineer.com\/zeus\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/brandon-engineer.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Zeus\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/brandon-engineer.com\/#website\",\"url\":\"https:\/\/brandon-engineer.com\/\",\"name\":\"Brandon Engineer\",\"description\":\"Blog para compartir sobre programaci\u00f3n y tecnolog\u00eda industrial\",\"publisher\":{\"@id\":\"https:\/\/brandon-engineer.com\/#\/schema\/person\/46ee48a398d58bbbf72a86521b95229b\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/brandon-engineer.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/brandon-engineer.com\/#\/schema\/person\/46ee48a398d58bbbf72a86521b95229b\",\"name\":\"Brandon\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/brandon-engineer.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/03\/cropped-favicon-2.ico\",\"contentUrl\":\"https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/03\/cropped-favicon-2.ico\",\"width\":48,\"height\":48,\"caption\":\"Brandon\"},\"logo\":{\"@id\":\"https:\/\/brandon-engineer.com\/#\/schema\/person\/image\/\"},\"sameAs\":[\"https:\/\/brandon-engineer.com\",\"https:\/\/www.linkedin.com\/in\/brandon-ramon-navarro\/\"],\"gender\":\"Hombre\",\"knowsLanguage\":[\"espa\u00f1ol\",\"ingl\u00e9s\"],\"jobTitle\":\"Ingeniero de automatizaci\u00f3n\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zeus - Brandon Engineer","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:\/\/brandon-engineer.com\/en\/zeus\/","og_locale":"en_US","og_type":"article","og_title":"Zeus","og_description":"Resumen del proyecto Se me propuso crear un software de acceso r\u00e1pido para la gesti\u00f3n documental de los proyectos para facilitar la visualizaci\u00f3n de los mismos Objetivos a realizar A continuaci\u00f3n se describir\u00e1 todos los objetivos obligatorios que propone el cliente sobre el proyecto B\u00fasqueda por numero de proyecto Agregar una b\u00fasqueda por nombre del...","og_url":"https:\/\/brandon-engineer.com\/en\/zeus\/","og_site_name":"Brandon Engineer","article_modified_time":"2024-06-09T16:22:35+00:00","og_image":[{"url":"https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/06\/portada-zeus.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/brandon-engineer.com\/zeus\/","url":"https:\/\/brandon-engineer.com\/zeus\/","name":"Zeus - Brandon Engineer","isPartOf":{"@id":"https:\/\/brandon-engineer.com\/#website"},"datePublished":"2024-06-09T09:21:32+00:00","dateModified":"2024-06-09T16:22:35+00:00","breadcrumb":{"@id":"https:\/\/brandon-engineer.com\/zeus\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/brandon-engineer.com\/zeus\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/brandon-engineer.com\/zeus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/brandon-engineer.com\/"},{"@type":"ListItem","position":2,"name":"Zeus"}]},{"@type":"WebSite","@id":"https:\/\/brandon-engineer.com\/#website","url":"https:\/\/brandon-engineer.com\/","name":"Brandon Engineer","description":"Blog para compartir sobre programaci\u00f3n y tecnolog\u00eda industrial","publisher":{"@id":"https:\/\/brandon-engineer.com\/#\/schema\/person\/46ee48a398d58bbbf72a86521b95229b"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/brandon-engineer.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/brandon-engineer.com\/#\/schema\/person\/46ee48a398d58bbbf72a86521b95229b","name":"Brandon","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/brandon-engineer.com\/#\/schema\/person\/image\/","url":"https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/03\/cropped-favicon-2.ico","contentUrl":"https:\/\/brandon-engineer.com\/wp-content\/uploads\/2024\/03\/cropped-favicon-2.ico","width":48,"height":48,"caption":"Brandon"},"logo":{"@id":"https:\/\/brandon-engineer.com\/#\/schema\/person\/image\/"},"sameAs":["https:\/\/brandon-engineer.com","https:\/\/www.linkedin.com\/in\/brandon-ramon-navarro\/"],"gender":"Hombre","knowsLanguage":["espa\u00f1ol","ingl\u00e9s"],"jobTitle":"Ingeniero de automatizaci\u00f3n"}]}},"_links":{"self":[{"href":"https:\/\/brandon-engineer.com\/en\/wp-json\/wp\/v2\/pages\/3644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandon-engineer.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brandon-engineer.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brandon-engineer.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brandon-engineer.com\/en\/wp-json\/wp\/v2\/comments?post=3644"}],"version-history":[{"count":16,"href":"https:\/\/brandon-engineer.com\/en\/wp-json\/wp\/v2\/pages\/3644\/revisions"}],"predecessor-version":[{"id":3663,"href":"https:\/\/brandon-engineer.com\/en\/wp-json\/wp\/v2\/pages\/3644\/revisions\/3663"}],"wp:attachment":[{"href":"https:\/\/brandon-engineer.com\/en\/wp-json\/wp\/v2\/media?parent=3644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}