glosario y formatos

src/components/footer.vue

@@ -9,8 +9,28 @@
       <p>
         completa y su dirección electrónica. De otra forma, requiere permiso
         previo por escrito de la institución.
-      </p>
+      </p>     
     </div>
+
+ <div id="bottom">
+            <!-- wrapper-bottom -->
+            <div class="wrapper" style="text-align:right">
+                <!-- Social -->
+                <ul class="social ">
+                    <li><a  href="https://www.facebook.com/unamacatlan"><img src= "../assets/facebook.png" title="Unete a Facebook" />
+                    </a></li>
+                    <li><a href="https://twitter.com/FES_ACATLAN"><img src= "../assets/twitter.png" title="Sigue nuestros tweets" />
+                    </a></li>																		
+                    <li><a href="http://www.youtube.com/user/UNAMAcatlan"><img src= "../assets/youtube.png" title="Ve nuestros videos" />
+                    </a></li>
+                </ul>
+                <!-- ENDS Social -->
+                <div id="to-top" class="poshytip" title="Hacia arriba"></div>
+            </div>
+            <!-- ENDS wrapper-bottom -->
+            <br>
+        </div>
+    
   </footer>
 </template>
 
@@ -19,6 +39,54 @@ export default {};
 </script>
 
 <style scoped>
+
+#bottom {
+    position: relative;
+    width: 100%;
+    height: 100%;
+    font-size: 12px;
+    line-height: 1.5em;
+    line-height: 60px;
+    color: white;
+    background: #1B3D70;
+}
+
+.wrapper {
+    min-width: 700px;
+    width: 80%;
+    margin: 0px auto;
+    position: relative;
+}
+.social {
+    position: absolute;
+    top: 15px;
+    right: 0px;
+    display: block;
+    overflow: hidden;
+}
+
+.social li {
+    display: block;
+    width: 32px;
+    height: 32px;
+    float: left;
+    margin-right: 10px;
+    margin-bottom: 0px;
+}
+
+
+#bottom .social a {
+    display: block;
+    width: 32px;
+    height: 32px;
+    text-indent: -9000px;
+}
+
+#bottom a {
+    color: #AFEAF9;
+    text-decoration: none;
+}
+
 .boton-footer {
   background-color: rgb(187, 136, 0);
   color: white;
@@ -73,7 +141,7 @@ export default {};
   }
 
   .footer {
-    font-size: 0.7rem;
+    font-size: 0.5rem;
   }
 }
 </style>

src/components/header.vue

@@ -1,63 +1,86 @@
 <template>
-  <div class="row divMaster header cl-12 azulUnam">
-   <div class="wrapper">
-         <div class="wrapperleft"> 
-          <a href="https://www.acatlan.unam.mx/" target="_blank">
-            <img src="../assets/logo_acatlan.png" class= "img-fluid" alt="logo acatlan" />
-          </a> 
-          </div>
-          <div class="wrapperright2">
-          <a href="https://www.unam.mx/" target="_blank">
-            <img src="../assets/logo_unam.png" class= "img-fluid" alt="logo unam" />
-          </a> 
-          </div>
-    </div> 
-  </div>
   
+  <div class="azulUnam">
+  <div class="row">
+    
+    
+
+    <div class="logo_unam col-5 offset-0">
+   
+      <a href="https://www.unam.mx/" target="_blank">
+        <img class="sizeImg" src="../assets/logo_unam.png" alt="logo unam" />
+      </a>
+      </div>
+
+    <div class="logo_acatlan col-5 offset-2">
+      <a href="https://www.acatlan.unam.mx/" target="_blank">
+        
+        <img
+          class="sizeImga"
+          src="../assets/logo_fesa.png"
+          alt="logo unam"
+        />
+       
+      </a>
+     </div>
+      </div>
+
+
+
+    <div
+      class="logo_acatlan_resp col-4  offset-2 d-flex justify-content-center my-2 align-items-center"
+    >
+      <a href="https://www.acatlan.unam.mx/" target="_blank">
+        <img
+          class="sizeImg"
+          src="../assets/logo_acatlan.png"
+          alt="logo unam"
+        />
+      </a>
+    </div>
+  </div>
 </template>
-<script scoped>
-export default {};
-</script>
+
 <style>
-.wrapperright2 {
-    min-width: 50px;
-    float: left;
-    height: 10px;
-    width: 48%;
-    background-size: 280px, 84px;
-    background-repeat: no-repeat;
-    padding: 13px
+
+
+.pad{
+     
+     padding: 0px;
 }
 
-.wrapperleft {
-    min-width: 20px;
-    float: right;
-    height: 10px;
-    width: 50%;
-    background-size: 100px, 69px;
-    background-repeat: no-repeat;
-    background-position-x: 50%;
-    padding: 4px
-}
-
-.wrapper {
-    min-width: 50px;
-    width: 100%;
-    margin: 0px auto;
-    position: relative;
-}
-
-
-
-
 .divMaster {
-  height: 7em;
+  height: 6em;
   margin: 0 auto;
 }
 
 .azulUnam {
   background-color: #1e3c70;
+  padding: 15px;
+}
+.sizeImg {
+  height: 4.8rem;
+   margin: auto 0;
 }
 
+.sizeImga {
+  height: 4.4rem;
+ 
+}
+.logo_acatlan_resp {
+  display: none !important;
+}
 
+@media (max-width: 450px) {
+  .logo_acatlan,
+  .logo_unam {
+    display: none !important;
+  }
+  .logo_acatlan_resp {
+    display: block !important;
+  }
+  .logo_acatlan_resp a img {
+    height: 5rem;
+  }
+}
 </style>

src/components/nav.vue

@@ -1,7 +1,9 @@
 <template>
-  <div class="divMaster doradoUnam row d-flex justify-content-center">
-    <div class="col-10 offset-1">
+ <div class="divMaster doradoUnam row d-flex justify-content-center">
+    <div class="col-9 offset-3">
       <nav class="navbar navbar-expand-sm navbar-dark  ">
+       
+        
         <button
           @click="method()"
           class="navbar-toggler col-5"
@@ -14,8 +16,12 @@
         >
           <span class="navbar-toggler-icon blanco d-flex"></span>
           <!-- <span class="mx-2">Menu</span> -->
+        
+        
         </button>
 
+      
+
         <div class="collapse navbar-collapse " id="navbarTogglerDemo02">
           <ul class="navbar-nav mr-auto w-100 d-flex align-items-center justify-content-between mt-0 mt-lg-0">
             <li class="nav-item">
@@ -42,8 +48,8 @@
      
       </nav>
     </div>
-  </div>
-
+ 
+ </div>
 
 </template>
 
@@ -90,18 +96,20 @@
 </script>
 
 <style scoped>
+
+
 * {
   margin: 0;
   padding: 0;
 }
 
 .divMaster {
-  /* max-width: 1280px; */
+
   height: auto;
   margin: 0 auto;
 }
 nav {
-  padding: 0.5rem 0;
+  padding: 1.5rem 0;
 }
 
 .azulUnam {
@@ -127,14 +135,14 @@ nav {
 }
 
 .nav-link:hover {
-  background-color: #1e3c70;
+  background:  linear-gradient(to right, #1e3c70, #30589e);
   color: white;
-  border-radius: 0.2rem;
+  border-radius: 3rem;
 }
 
 .nav-link {
-  transition: 0.3s;
-  font-size: 20px;
+  transition: 0.4s;
+  font-size: 22px;
 }
 
 .dropdown-item {
@@ -176,9 +184,7 @@ nav {
   left: -10rem;
   display: block;
 }
-.rescont {
-  z-index: ;
-}
+
 
 .list-group-item {
   padding: 2px 2px;
@@ -192,13 +198,17 @@ nav {
 }
 
 @media (max-width: 450px) {
-  .menuText,
-  .buscador {
+  .menuText
+   {
     display: block !important;
   }
 
   .dropdown-menu {
     width: 80vw !important;
   }
+  .nav-link {
+    font-size: 10px;
+    margin-top: 1rem;
+  }
 }
 </style>

src/views/announcement.vue

@@ -3,10 +3,7 @@
   <Header></Header>
   <Nav></Nav>
 <div  class ="box"> 
-
-<nav  class="breadcrumb">
- 
-</nav>        
+    
     
 <div class= "container"> 
 

src/views/criteria.vue

@@ -2,12 +2,9 @@
 <div>
   <Header></Header>
   <Nav></Nav>
-<div  class ="box"> 
 
-<nav  class="breadcrumb">
  
-</nav>        
-    
+<div  class ="box"> 
 
 <div class= "container"> 
 
@@ -56,7 +53,7 @@
       <li>3. </li>
 <div class="space">
       <ul class="circle">
-           <li>  </li>
+           <li></li>
             <li> </li>
             <li> </li>
         </ul>
@@ -394,9 +391,8 @@
                         </tbody></table>
 
 </div>
-
-
 </div>
+
  <Footer></Footer>
   
 </div>
@@ -458,11 +454,11 @@ table, th, td {
 }
 
 .space {
-    margin-left: 40px;width: 20px;
+    margin-left: 0px;width: 0px;
     
 }
 .list {
-    margin-left: 50px;width: 700px;
+    margin-left: 0px;width: 0px;
     
 }
 
@@ -512,6 +508,7 @@ h1, h2, h3, h4, h5, h6 {
     padding: 1.25rem;
     text-align: justify;
     
+    
    
 }
 
@@ -530,4 +527,6 @@ text-align: justify;
     
 }
 
+
+
 </style>

src/views/formats.vue

@@ -1,75 +1,78 @@
 <template>
-<div>
-  <Header></Header>
-  <Nav></Nav>
-<div  class ="box"> 
-<nav  class="breadcrumb"></nav>        
+  <div>
+    <Header></Header>
+    <Nav></Nav>
+    <div class="box">
+     
+
+      <div class="container">
+        <h6><b> </b></h6>
+        
+<p><a href="/files/F1_Inscripcion_del_proyecto_2022.docx" download>F1. Inscripcion de Proyecto 2022</a></p>
+<p><a href="/files/F2_Inscripcion_de_participantes.docx" download>F2. Inscripcion de Particiones</a></p>
+<p><a href="/files/F3_Carta_Cesion_de_Derechos.docx" download>F3. Carta de Cesión de Derechos</a></p>
+<p><a href="/files/F4_Declaracion_de_ingresos.docx" download>F4. Declaración de Ingresos</a></p>
+<p><a href="/files/F5_Solicitud_de_beca.docx" download>F5. Solicitud de Beca</a></p>
+<p><a href="/files/F6_Carta_justificacion_de_transferencia.docx" download>F6. Carta justificación de transferencia</a></p>
+<p><a href="/files/F7_Formato_Solicitud_de_transferencia.docx" download>F7. Formato Solicitud de transferencia</a></p>
+<p><a href="/files/F8_Entrega_Proyecto_Concluido.docx" download>F8. Entrega de Proyecto Concluido</a></p>
+        
+
     
-<div class= "container"> 
-     <h6><b> </b></h6>
-<a href="download/acme-doc-2.0.1.txt" download="Acme Documentation (ver. 2.0.1).txt">Download Text</a>
-
-<p><a href="recursos/2021/F1_inscripcion_proyecto.docx" target="_blank">F1. Inscripción de Proyecto</a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-<p><a href="" target="_blank"></a></p>
-</div>
-
-</div>
-
- <Footer></Footer>
-  
-
-</div>
+        <p><a href="" target="_blank"></a></p>
+        <p><a href="" target="_blank"></a></p>
+        <p><a href="" target="_blank"></a></p>
+        <p><a href="" target="_blank"></a></p>
+        <p><a href="" target="_blank"></a></p>
+        <p><a href="" target="_blank"></a></p>
+      </div>
+    </div>
 
+    <Footer></Footer>
+  </div>
 </template>
 
 <script>
-
-
 import Header from "./../components/header.vue";
 import Nav from "./../components/nav.vue";
 import Footer from "./../components/footer.vue";
 
 export default {
-  
   components: {
     Header,
     Nav,
-    Footer
+    Footer,
   },
-  
 };
 </script>
 
 <style scoped>
-
 .cent {
-    text-align: center;
+  text-align: center;
 }
 
-
 h6 {
-
-  font-family: Arial,A030,"Nimbus Sans L",FreeSans,"Liberation Sans",sans-serif;
+  font-family: Arial, A030, "Nimbus Sans L", FreeSans, "Liberation Sans",
+    sans-serif;
   width: 95%;
   font-size: 130%;
   line-height: 115%;
-  background-color: #E5EBFD;
+  background-color: #e5ebfd;
   background-position: -136px -33px;
-  border-color: #A0B1DE;
+  border-color: #a0b1de;
   border-radius: 3px 3px 3px 3px;
   border-style: solid;
   border-width: 1px;
   padding: 8px 0px 8px 34px;
-
 }
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   line-height: 1.4em;
-  font-family: 'Ubuntu', arial, serif;
+  font-family: "Ubuntu", arial, serif;
   font-weight: lighter;
 }
 
@@ -79,39 +82,34 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 .box {
-    background: #f1f1f1;
-    padding: 1.25rem;
-    text-align: justify;
-    
-    
-   
+  background: #f1f1f1;
+  padding: 1.25rem;
+  text-align: justify;
 }
 
 .container {
-    width: 950px;
-    max-width: 100%;
-    background: rgb(255, 255, 255);
-    padding: 1.2em;
+  width: 950px;
+  max-width: 100%;
+  background: rgb(255, 255, 255);
+  padding: 1.2em;
 }
 
 p {
-width: 95%;
-text-align: justify;
-    
+  width: 95%;
+  text-align: justify;
 }
- a {
-    color: #37b2d1;
+a {
+  color: #37b2d1;
 }
 
 .panes .plain-text a {
-    text-decoration: none;
+  text-decoration: none;
 }
 
 @media (max-width: 700px) {
   .container {
     width: 100%;
-        margin:  auto;
-        
-  }}
-
+    margin: auto;
+  }
+}
 </style>

src/views/glossary.vue

@@ -6,62 +6,65 @@
   <meta name="viewport" content="initial-scale=1">
 <div  class ="box"> 
 
-<nav  class="breadcrumb">
- 
-</nav>        
+   
           
     
 <div class= "container"> 
 
 
- <p> </p>
+ <p>El siguiente glosario recoge los términos útiles para la comprensión de la convocatoria del PAIDI y que están en función de la Norma Mexicana NMX-GT-001-IMNC-2007. </p>
 <!--  -->
-<h6><strong> </strong></h6>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
+<h6><strong>Términos relativos a la innovación </strong></h6>
+<p><strong> Innovación.- </strong>proceso dirigido a una comunidad específica o a un mercado bajo un enfoque que detecta oportunidades y capacidades organizacionales para generar beneficios, productos, procesos y servicios novedosos aceptados por los beneficiarios o consumidores.</p>
+<p><strong> Innovación tecnológica.-</strong>proceso que conjuga una oportunidad de mercado con una necesidad y/o invención tecnológica, que tiene por objetivo la producción, comercialización y explotación de un nuevo proceso, producto, actividad comercial, modelo de negocio, modelo de logística o servicio al cliente.</p>
+<p><strong> Impacto social.-</strong> logros derivados del desarrollo de un proyecto que implican un mejoramiento significativo, y en la mayor parte de los casos perdurable o sustentable en el tiempo, en alguna de las condiciones o características del sector de la población objetivo y que se plantearon como esenciales en la definición del problema que dio origen al proyecto de investigación. El resultado suele expresarse como un beneficio a mediano y largo plazo obtenido por la población atendida.</p>
+<p><strong> Prototipo.-</strong> modelo construido o desarrollado que incluye características técnicas y desempeño de un producto o servicio al margen de su viabilidad comercial inmediata.</p>
+<p><strong> Desarrollo tecnológico.-</strong> resultado de una aplicación sistemática de conocimientos científicos, tecnológicos y/o de índole práctico, que lleva a la generación de prototipos o una mejora sustantiva a bienes existentes independientemente de su implementación o comercialización inmediata.</p>
+<p><strong> Invención.-</strong> toda creación humana que permita transformar la materia o la energía que existe en la naturaleza para su aprovechamiento por el hombre y satisfacer sus necesidades concretas.</p>
+<p><strong> Invención tecnológica.-</strong> generación de un conocimiento original desarrollado por un inventor, un centro de investigación o una empresa susceptible de ser protegida intelectualmente que se incorpora en la empresa en cualquier fase de preproducción, para su posible producción, comercialización y explotación en el mercado.</p>
+<p><strong> Investigación.- </strong>indagación original y sistemática que persigue generar nuevos conocimientos y una superior comprensión sobre una determinada materia.</p>
+<p><strong> Investigación aplicada.-</strong> investigación dirigida a la aplicación de conocimientos existentes para el desarrollo o mejora de productos o procesos.</p>
+<p><strong> Investigación básica.-</strong> investigación que se hace en las fronteras del conocimiento humano, sin objetivos industriales o comerciales inmediatos.</p>
 
   <ul class="circle">
-    <li>  </li>
+    <li> Nota: se puede situar en dominios del interés de las organizaciones productivas para la generación de innovaciones tecnológicas. </li>
   </ul>
            
 <!--  -->
-<h6><strong> </strong></h6>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-
+<h6><strong>Términos relativos a proyectos tecnológicos </strong></h6>
+<p><strong> Proyecto tecnológico.-     </strong>proceso único de actividades tecnológicas organizadas y dirigidas a capitalizar el valor potencial de un recurso tecnológico.:</p>
+<p><strong> Proyecto.-                 </strong>proceso único que consiste en un conjunto de actividades coordinadas y controladas con fechas de inicio y terminación, emprendidas para lograr un objetivo conforme a requisitos específicos, incluyendo las restricciones de tiempo, costo y recursos.</p>
+<p><strong> Valor potencial.-          </strong>grado de utilidad o extrapolación de los beneficios que puede generar un recurso.</p>
+<p><strong> Recursos tecnológicos.-    </strong>medio tangible o intangible destinado a alcanzar los beneficios esperados de su gestión de la tecnología.</p>
+<p><strong> Capital intelectual.-      </strong>bienes intangibles, producto del intelecto humano, que constituyen la sinergia de todos los conocimientos de una organización que generar o tienen el potencial de generar valor.</p>
   <ul class="circle">
-    <li>  </li>
+    <li> Nota: el capital intelectual es la combinación de los recursos humanos, organizativos y relacionales de una empresa. </li>
   </ul>
 
-<p><strong> </strong></p>
-<p><strong> </strong></p>
+<p><strong>Actividad tecnológica.-  </strong>aquella relativa a la asimilación, desarrollo, innovación y explotación de tecnologías.</p>
+<p><strong>Actividad tecnológica.-  </strong>proceso mediante el cual se negocia la cesión o licenciamiento de los derechos sobre el capital intelectual.</p>
 
   <ul class="circle">
-    <li>  </li>
+    <li>Nota: la negociación puede incluir aspectos relevantes para la asimilación de la tecnología.  </li>
   </ul>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
+<p><strong>Propiedad intelectual.- </strong>conjunto de derechos de carácter exclusivo que otorga el Estado, por tiempo determinado, a las personas físicas o morales que han realizado creaciones intelectuales abarcando las obras contempladas por la Propiedad Industrial, Derechos del Obtentor y Derechos de Autor.</p>
+<p><strong>Valor agregado.- </strong>cualidad mejorada de un producto o servicio, cuyo mérito es reconocido por el cliente o consumidor.</p>
  <!--  -->
-<h6><strong> </strong></h6>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
+<h6><strong>Términos y definiciones Generales </strong></h6>
+<p><strong>Administración del proyecto tecnológico.- </strong>administración del proyecto a las actividades de planificación, organización, evaluación y control únicamente.</p>
+<p><strong>Análisis de factibilidad del proyecto.- </strong>análisis de la información sobre la cual una organización sustenta la toma de decisiones para la realización de un proyecto tecnológico. A la cual puede acceder en todo momento.</p>
+<p><strong>Gestión del proyecto tecnológico.-  </strong>análisis de la información sobre la cual una organización sustenta la toma de decisiones para la realización de un proyecto tecnológico. A la cual puede acceder en todo momento.</p>
 <!--  -->
-<h6><strong> </strong></h6>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-<p><strong> </strong></p>
-
+<h6><strong>Términos relativos a la gestión de la tecnología </strong></h6>
+<p><strong>Gestión de la tecnología.- </strong>conocimientos organizados en torno a procesos, métodos y prácticas que actúan sobre la planeación, desarrollo, control, integración y capitalización de los recursos para la implantación de cambios tecnológicos o innovaciones en empresas e instituciones con el propósito de mantener o mejorar la posición competitiva.</p>
+<p><strong>Tecnología.- </strong>grado de obtención del valor potencial de un recurso mediante conocimientos y habilidades relativas al saber hacer y su combinación con recursos materiales, de manera sistemática, repetible y reproducible.</p>
+<p><strong>Sistema de gestión de la tecnología.- </strong>sistema de gestión de una organización para vigilar, planear, alinear, habilitar, proteger, implantar y controlar la tecnología.</p>
+<p><strong>Gestión del conocimiento.-</strong>proceso sistemático que integra y orienta las actividades que permiten generar, buscar, documentar, proteger, difundir, compartir, utilizar y mantener el conocimiento, información, experiencia y pericia de una organización, con el fin de incrementar su capital intelectual y aumentar su valor.</p>
+<p><strong>Planeación tecnológica.- </strong>desarrollo de un marco estratégico tecnológico alineado a los objetivos del negocio, que se traduce en la elaboración de una cartera de proyectos.</p>
+<p><strong>Estrategia tecnológica.- </strong>decisión sobre un curso de acción para incrementar el patrimonio tecnológico alineado a la planeación estratégica.</p>
+<p><strong>Plan tecnológico.- </strong>documento que integra los resultados del diagnóstico y pronósticos tecnológicos, objetivos tecnológicos de la organización, estrategia tecnológica, cartera de proyectos tecnológicos, recursos a utilizar, beneficios esperados y su forma de evaluación.</p>   
+   
+   
    </div>
 
   </div>
@@ -94,9 +97,16 @@ export default {
 
 <style scoped>
 
+#content p {
+    margin-bottom: 20px;
+}
+strong {
+    font-weight: bold;
+}
+
 .circle{
     list-style:disc;
-     margin-left: 50px;width: 20px;
+     
      
      
 }

src/views/home.vue

@@ -53,7 +53,7 @@ export default {
 }
 
 .box {
-    background: #f1f1f1;
+    background: #ffffff;
     padding: 1.25rem;
     text-align: justify;