DISEÑO DE UNA PAGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRAFICO DEL INSTITUTO CORDILLERA UBICADOS EN LA CIUDAD DE QUITO

Texto completo

(1)CARRERA DE DISEÑO GRÁFICO. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO. Proyecto de trabajo de graduación que se presenta como requisito para optar por el título de Tecnólogo en Diseño Gráfico.. Autor: Klever Joel Topón Topón. Tutor: Marco Yamba-Yugsi. Quito, Abril 2017.

(2) ii. LICENCIA DE USO NO COMERCIAL LICENCIA DE USO NO COMERCIAL Yo, Klever Joel Topón Topón portador de la cédula de ciudadanía signada con el No. 1720539004 de conformidad con lo establecido en el Artículo 110 del Código de Economía Social de los Conocimientos, la Creatividad y la Innovación (INGENIOS) que dice: “En el caso de las obras creadas en centros educativos, universidades, escuelas politécnicas, institutos superiores técnicos, tecnológicos, pedagógicos, de artes y los conservatorios superiores, e institutos públicos de investigación como resultado de su actividad académica o de investigación tales como trabajos de titulación, proyectos de investigación o innovación, artículos académicos, u otros análogos, sin perjuicio de que pueda existir relación de dependencia, la titularidad de los derechos patrimoniales corresponderá a los autores. Sin embargo, el establecimiento tendrá una licencia gratuita, intransferible y no exclusiva para el uso no comercial de la obra con fines académicos. Sin perjuicio de los derechos reconocidos en el párrafo precedente, el establecimiento podrá realizar un uso comercial de la obra previa autorización a los titulares y notificación a los autores en caso de que se traten de distintas personas. En cuyo caso corresponderá a los autores un porcentaje no inferior al cuarenta por ciento de los beneficios económicos resultantes de esta explotación. El mismo beneficio se aplicará a los autores que hayan transferido sus derechos a instituciones de educación superior o centros educativos.”, otorgo licencia gratuita, intransferible y no exclusiva para el uso no comercial del proyecto denominado “DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE ECOMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO”, con fines académicos al Instituto Tecnológico Superior Cordillera. FIRMA: _______________________ NOMBRE: Klever Joel Topón Topón. CÉDULA: 1720539004. Quito, Abril 2017..

(3) iii. DEDICATORIA A mi madre Carmen, por brindarme apoyo incondicional en todo momento, por inculcarme valores y hábitos que me han permitido alcanzar una meta más en mi vida, por su ejemplo de perseverancia y sobre todo por su inmenso amor. A mi padre Ángel, por sus consejos, por inculcar en mi responsabilidad, deseos de superación y por enseñarme que todo es posible. A mis hermanos, por el apoyo y cariño que día a día me brindan, a mis amigos por los buenos y malos momentos compartidos y a todas aquellas personas que creyeron en mí.. Klever Joel Topón Topón.

(4) iv. AGRADECIMIENTO Agradezco primero a Dios por darme salud y sabiduría para alcanzar esta meta tan anhelada. A mis padres, por brindarme apoyo incondicional en cada momento de mi vida, por su esfuerzo y por motivarme a siempre alcanzar mis metas. A todos mis maestros, por su tiempo y por todo el conocimiento compartido. A mi Tutor de Tesis, Ing. Marco Yamba, por sus consejos, enseñanzas y por ser guía fundamental en la realización y culminación de la presente Tesis. Mis más sinceros agradecimientos.. Klever Joel Topón Topón.

(5) v. ÍNDICE GENERAL. LICENCIA DE USO NO COMERCIAL ......................................................................... ii DEDICATORIA .............................................................................................................. iii AGRADECIMIENTO ..................................................................................................... iv ÍNDICE GENERAL ......................................................................................................... v ÍNDICE DE TABLAS ..................................................................................................... xi ÍNDICE DE FIGURAS ................................................................................................. xiii RESUMEN EJECUTIVO ............................................................................................... xv ABSTRACT................................................................................................................... xvi INTRODUCCIÓN ........................................................................................................ xvii CAPÍTULO I .................................................................................................................. 19 Antecedentes ............................................................................................................... 19 1.01. Contexto ......................................................................................................... 19 1.02. Justificación ................................................................................................... 21 1.03. Definición del Problema Central (Matriz T).................................................. 23 CAPÍTULO II ................................................................................................................. 24 Análisis de Involucrados ............................................................................................. 24 2.01. Mapeo de los Involucrados ............................................................................ 24 2.02. Matriz de Análisis de Involucración .............................................................. 25.

(6) vi. CAPÍTULO III ................................................................................................................ 27 Problemas y Objetivos ................................................................................................ 27 3.01. Árbol de Problemas ....................................................................................... 27 3.02. Árbol de Objetivos ......................................................................................... 28 CAPÍTULO IV ............................................................................................................... 29 Análisis de Alternativas .............................................................................................. 29 4.01. Matriz de Análisis de Alternativas e Identificación de Acciones .................. 29 4.01.01. Tamaño del Proyecto ............................................................................ 30 4.01.02. Localización del Proyecto ..................................................................... 31 4.01.03. Análisis Ambiental ............................................................................... 32 4.01.03.01. Impacto Positivo .............................................................................. 32 4.01.03.02. Impacto Negativo ............................................................................. 32 4.02. Matriz de Análisis de Impacto de los Objetivos ............................................ 33 4.03. Diagrama de Estrategias ................................................................................ 34 4.04. Construcción de la Matriz de Marco Lógico ................................................. 35 4.04.01. Revisión de los Criterios para Indicadores ........................................... 35 4.04.02. Selección de Indicadores ...................................................................... 39 4.04.03. Medios de Verificación ......................................................................... 42 4.04.04 Supuestos ............................................................................................... 47 4.04.05. Matriz de Marco Lógico ....................................................................... 50.

(7) vii. CAPÍTULO V ................................................................................................................. 53 La propuesta ................................................................................................................ 53 5.01. Antecedentes de la Herramienta y Perfil de la Propuesta .............................. 53 5.01.01. Marco Teórico....................................................................................... 56 5.01.01.01. Retículas Web Responsive............................................................... 56 5.01.01.02. Usabilidad Web................................................................................ 56 5.01.01.03. Hipervínculos ................................................................................... 57 5.01.01.4. HTML 5 ............................................................................................. 57 5.01.01.05. PHP .................................................................................................. 58 5.01.01.06. CMS (Content Management System) .............................................. 58 5.01.01.07. MySQL ............................................................................................ 58 5.01.01.08. Hosting ............................................................................................. 59 5.01.01.09. Dominio ........................................................................................... 59 5.01.01.10. Navegador Web ............................................................................... 60 5.01.01.11. Comercio electrónico ....................................................................... 61 5.01.01.12. Familias Tipográficas ...................................................................... 61 5.01.01.13. Psicología del Color ......................................................................... 61 5.01.02. Software ................................................................................................ 62 5.01.02.01. Adobe Illustrator CC ........................................................................ 62 5.01.02.02. Adobe Photoshop CC....................................................................... 62.

(8) viii. 5.01.02.03. Revolution Slider ............................................................................. 63 5.01.02.04. WordPress ........................................................................................ 63 5.01.02.05. Fusion Builder.................................................................................. 63 5.01.02.06. WooCommerce ................................................................................ 64 5.01.02.07. Contact Form 7 ................................................................................ 64 5.02. Descripción de la herramienta ....................................................................... 65 5.02.01. Metodología (Materiales y métodos) .................................................... 65 5.02.02. Resultados ............................................................................................. 66 5.02.03. Discusión .............................................................................................. 76 5.03. Formulación del proceso de aplicación ......................................................... 78 5.03.01. Concepción ........................................................................................... 78 5.03.01.01. Propósito .......................................................................................... 78 5.03.01.02. Usuarios ........................................................................................... 79 5.03.01.03. Herramientas .................................................................................... 79 5.03.01.04. Servicios........................................................................................... 80 5.03.02. Diseño ................................................................................................... 80 5.03.02.01. Contenido ......................................................................................... 80 5.03.02.02. Retículas........................................................................................... 84 5.03.03. Planificación ......................................................................................... 87 5.03.04. Producción ............................................................................................ 88.

(9) ix. 5.03.04.01. Interfaz ............................................................................................. 88 5.03.05. Mantenimiento ...................................................................................... 96 5.03.06. Marketing y Difusión ............................................................................ 97 5.03.06.01. Brief Publicitario.............................................................................. 97 5.03.06.02. Problemas Comunicacionales .......................................................... 98 5.03.06.03. Objetivos Publicitarios ..................................................................... 98 5.03.06.03. Estrategia Creativa ........................................................................... 99 5.03.06.04. Plan de Medios............................................................................... 100 5.03.06.05. Presupuesto de Medios .................................................................. 100 5.03.06.06 Guía de Contenidos Para Facebook ................................................ 102 5.03.06.07. Medios y Soportes Gráficos ........................................................... 103 CAPÍTULO VI ............................................................................................................. 107 Aspectos Administrativos ......................................................................................... 107 6.01. Recursos ....................................................................................................... 107 6.01.01. Técnicos – Tecnológico ...................................................................... 107 6.01.02. Humano ............................................................................................... 107 6.01.03. Económico .......................................................................................... 107 6.02. Presupuesto .................................................................................................. 108 6.02.01 Gastos Operativos ................................................................................ 108 6.02.02 Aplicación del Proyecto ....................................................................... 109.

(10) x. 6.03. Cronograma ................................................................................................. 110 CAPÍTULO VII ............................................................................................................ 111 Conclusiones y Recomendaciones ............................................................................ 111 7.01. Conclusiones ................................................................................................ 111 7.02. Recomendaciones ........................................................................................ 113 Bibliografía ............................................................................................................... 115 Anexos .......................................................................................................................... 117.

(11) xi. ÍNDICE DE TABLAS Tabla 1: Análisis de las fuerzas T de la Escuela de Diseño Gráfico, 2016 .................... 23 Tabla 2: Análisis de involucrados de la Escuela de Diseño Gráfico, 2016 .................... 25 Tabla 3: Impacto de los objetivos de la Escuela de Diseño Gráfico, 2016..................... 33 Tabla 4: Rev. de los criterios para indicad. de la Escuela de Diseño Gráfico, 2017 ...... 35 Tabla 5: Selección de indicadores de la Escuela de Diseño Gráfico, 2016 .................... 39 Tabla 6: Medios de verificación de la Escuela de Diseño Gráfico, 2017 ....................... 42 Tabla 7: Supuestos de la Escuela de Diseño Gráfico, 2017............................................ 47 Tabla 8: Matriz de Marco Lógico de la Escuela de Diseño Gráfico, 2017 ..................... 50 Tabla 9: Análisis de resultados pregunta 1, 2017 ........................................................... 66 Tabla 10: Análisis de resultados pregunta 2, 2017 ......................................................... 67 Tabla 11: Análisis de resultados pregunta 3, 2017 ......................................................... 68 Tabla 12: Análisis de resultados pregunta 4, 2017 ......................................................... 69 Tabla 13: Análisis de resultados pregunta 5, 2017 ......................................................... 70 Tabla 14: Análisis de resultados pregunta 6, 2017 ......................................................... 71 Tabla 15: Análisis de resultados pregunta 7, 2017 ......................................................... 72 Tabla 16: Análisis de resultados pregunta 8, 2017 ......................................................... 73 Tabla 17: Análisis de resultados pregunta 9, 2017 ......................................................... 74 Tabla 18: Análisis de resultados pregunta 10, 2017 ....................................................... 75 Tabla 19: Actividades para la realización de la pág. web Diseño Gráfico C., 2017 ...... 87 Tabla 20: Fuentes tipografías usadas en la pág. web Diseño Gráfico Cordillera, 2017 . 88 Tabla 21: Presupuesto M. principales, campaña página web Diseño Gráfico C. 2017 100 Tabla 22: Presupuesto M. secundarios, campaña página web Diseño Gráfico C. 2017100 Tabla 23: Presupuesto M. auxiliares, campaña página web Diseño Gráfico C. 2017 .. 100.

(12) xii. Tabla 24: Presupuesto de producción, campaña página web Diseño Gráfico C. 2017 101 Tabla 25: Flow Chart, campaña página web Diseño Gráfico C. 2017 ......................... 101 Tabla 26: Gastos operativos, 2017 ................................................................................ 108 Tabla 27: Presupuesto de aplicación del proyecto, 2017 .............................................. 109 Tabla 28: Cronograma de actividades .......................................................................... 110.

(13) xiii. ÍNDICE DE FIGURAS Figura 1: Mapeo de involucrados de la Escuela de Diseño Gráfico, 2016 ..................... 24 Figura 2: Árbol de problemas de la Escuela de Diseño Gráfico, 2016 ........................... 27 Figura 3: Árbol de objetivos de la Escuela de Diseño Gráfico, 2016 ............................. 28 Figura 4: Matriz de análisis de alternativas e identificación de Acc. ITSCO, 2016 ....... 29 Figura 5: Análisis del tamaño de la muestra del ITSCO, 2016 ...................................... 30 Figura 6: Mapa de ubicación ITSCO, 2016 .................................................................... 31 Figura 7: Diagrama de estrategias de la Escuela de Diseño Gráfico, 2016 .................... 34 Figura 8: Interpretación de resultados pregunta 1, 2017 ................................................ 66 Figura 9: Interpretación de resultados pregunta 2, 2017 ................................................ 67 Figura 10: Interpretación de resultados pregunta 3, 2017 .............................................. 68 Figura 11: Interpretación de resultados pregunta 4, 2017 .............................................. 69 Figura 12: Interpretación de resultados pregunta 5, 2017 .............................................. 70 Figura 13: Interpretación de resultados pregunta 6, 2017 .............................................. 71 Figura 14: Interpretación de resultados pregunta 7, 2017 .............................................. 72 Figura 15: Interpretación de resultados pregunta 8, 2017 .............................................. 73 Figura 16: Interpretación de resultados pregunta 9, 2017 .............................................. 74 Figura 17: Interpretación de resultados pregunta 10, 2017 ............................................ 75 Figura 18: Retícula de la página de inicio, 2017 ............................................................ 84 Figura 19: Retícula de la página blog & recursos, 2017 ................................................. 85 Figura 20: Retícula de la página de entradas del blog, 2017 .......................................... 85 Figura 21: Retícula de la página seleccionar, 2017 ........................................................ 86 Figura 22: Retícula de la página de galería y descripción del producto, 2017 ............... 86 Figura 23: Cromática de la página web Diseño Gráfico C., 2017 .................................. 88.

(14) xiv. Figura 24: Botones y estados de la página web Diseño Gráfico Cordillera, 2017 ......... 89 Figura 25: Captura de la página de inicio Diseño Gráfico Cordillera, 2017 .................. 89 Figura 26: Página de inicio Diseño Gráfico Cordillera, 2017 ........................................ 90 Figura 27: Página de descrip. de proyectos destacad. Diseño Gráfico Cordillera, 2017 91 Figura 28: Página seleccionar Diseño Gráfico Cordillera, 2017 .................................... 92 Figura 29: Página de descrip. de prod. Diseño Gráfico Cordillera, 2017 ....................... 93 Figura 30: Página blog & recursos Diseño Gráfico Cordillera, 2017 ............................. 94 Figura 31: Galerías de trabajos y proyectos, Diseño Gráfico Cordillera, 2017 .............. 95 Figura 32: Referencias gráficas para Facebook, 2017 .................................................. 102 Figura 33: Fan page de Facebook Diseño Gráfico Cordillera, 2017 ............................ 103 Figura 34: Flyer Diseño Gráfico Cordillera, 2017 ........................................................ 104 Figura 35: RollUp Diseño Gráfico Cordillera, 2017 .................................................... 105 Figura 36: Afiche Diseño Gráfico Cordillera ............................................................... 106.

(15) xv. RESUMEN EJECUTIVO El uso del Internet como medio de difusión y comercialización por empresas, profesionales y personas naturales en la actualidad crece a pasos agigantados en todo el mundo, sin importar la naturaleza de lo que se quiera promocionar, si no está en Internet simplemente no existe. Partiendo de esta situación en la que se desarrolla la sociedad actual, se pretende aprovechar las ventajas y el alto alcance de difusión que ofrece el Internet. A través de la promoción online se busca dar a conocer los trabajos gráficos destacados realizados por los estudiantes de la carrera de Diseño Gráfico del “Instituto Tecnológico Superior Cordillera”. Ya que los medios de difusión actuales son de bajo alcance y corto tiempo de exposición. El presente proyecto comprende la creación de una página web con una plataforma de e-commerce integrada, para difundir y comercializar en medios digitales trabajos gráficos destacados. Impulsando así también la mejora continua en creatividad e innovación de los estudiantes de la carrera de Diseño Gráfico. Palabras clave: Diseño Gráfico / Internet / Medios de difusión / Promoción / Comercio Electrónico / Diseño web..

(16) xvi. ABSTRACT The use of the Internet as the medium of dissemination and difussion by companies, professionals and natural persons nowadays grows to all the gigantic ones around the world, regardless of the nature of what they want to promote, if it is not On the Internet, it simply does not exist. Based on this situation in which the current society is developed, it is intended to take advantage of the advantages and high reach of the Internet. Through the online promotion, it is sought to present the outstanding works carried out by the students of the Graphic Design career of the "Instituto Tecnológico Superior Cordillera". Since the current media are low-range and short exposure time. The present project includes the creation of a web page with an integrated e-commerce platform to disseminate and commercialize digital works of outstanding work. Promote also the continuous improvement in creativity and innovation of the students of the Graphic Design career. Key words: Graphic design / Internet / Distribution media / Promotion / E-commerce / Web design..

(17) xvii. INTRODUCCIÓN Los estudiantes de la carrera de Diseño Gráfico del “Instituto Tecnológico Superior Cordillera” en el transcurso de su formación profesional comprendida en seis semestres realizan trabajos y proyectos integradores en cada uno de los niveles, de los cuales, los que sobresalen son presentados en exposiciones y los destacados en los talleres bimestrales que se realizan con presencia de todos los docentes en un acto formal. Esta difusión de trabajos destacados en exposiciones y talleres bimestrales, representan una referencia para el resto de estudiantes, motivan en cierta medida la creatividad e innovación. Sin embargo, el bajo alcance y corto tiempo de difusión de estos medios impiden el fácil acceso a estos recursos. El presente proyecto comprende la implementación de un medio digital de difusión, promoción y comercialización de trabajos gráficos destacados realizados por los estudiantes de cada uno de los seis niveles y en cada área del diseño en específico. La elaboración de una página web con un medio de comercialización electrónica integrado, busca generar beneficios a corto y mediano plazo para todos los estudiantes de la carrera de Diseño Gráfico, los autores de los trabajos y proyectos destacados tendrán oportunidades de promoción y reconocimiento, ya que sus creaciones estarán publicadas con las referencias de autor respectivas. Los usuarios de este medio serán los mismos estudiantes de la carrera de Diseño Gráfico y personas de la ciudad de Quito con intereses y/o actividades relacionadas al diseño Gráfico. La página web en la cual se publican los trabajos y proyectos destacados además de guiar y servir como referencia para todos los estudiantes de la carrera de Diseño.

(18) xviii. Gráfico, comprende una herramienta de fácil acceso a la información que los mismos estudiantes van desarrollando en el transcurso de su formación profesional, es decir, mediante la difusión se conservan los trabajos beneficiando tanto a los autores como a los estudiantes de niveles inferiores que buscan recursos y referencias de temas que apenas empiezan a estudiar. Las personas con intereses y/o actividades relacionadas al Diseño Gráfico encuentran en la página web una fuente confiable de información la cual se actualiza constantemente. A través del medio de comercialización integrado a la página web, tendrán acceso a solicitar permisos de descarga de archivos y recursos. La competencia en el área gráfica en la actualidad se basa en el saber hacer, en la página se publican productos reales creados por los estudiantes. Esto implica la posible selección por parte de estos usuarios relacionados con el área gráfica a estudiantes que destacan en algún campo en específico, para brindarles oportunidades de pasantías y más a largo plazo se pueden convertir en oportunidades en el campo laboral. En el presente documento se analizan los antecedentes de herramienta y se prevén ciertas situaciones de riesgo que pueden afectar al correcto funcionamiento de la página web y el medio de comercialización. Se describe el proceso de recolección de información, selección de trabajos y proyectos destacados y su publicación. Se establecen características de funcionamiento y navegabilidad, así como el desarrollo de la página web desde su concepto inicial hasta su implementación final..

(19) 19. CAPÍTULO I. Antecedentes 1.01. Contexto El Internet desde sus inicios ha constituido una revolución en el mundo de las comunicaciones, entretenimiento, conocimiento y negocios a nivel mundial. Es un conjunto descentralizado de redes que comparte información entre sí, formado por la conexión directa entre computadores y dispositivos electrónicos. “En su desarrollo incluye tanto recursos tecnológicos como la fusión de la infraestructura de la red ya existente y los sistemas de telecomunicaciones” (Hauben, 2004).. Gracias Internet millones de personas en todo el mundo tienen acceso fácil e inmediato a recursos informáticos en cualquier momento. El Internet logró romper las barreras físicas de comunicación y acceso a la información. Las páginas web son documentos electrónicos que pueden contener texto, imágenes, animaciones, programas, etc. Estas páginas pueden estar alojadas en un servidor web remoto o en un ordenador local y se accede a ellas a través de un navegador conectado a Internet. Dado el alcance mundial que ha logrado el Internet en las últimas décadas las grandes y pequeñas empresas han puesto en marcha la creación y posicionamiento de sus páginas web con el fin de darse a conocer y captar la atención de sus clientes, consiguiendo también crecimiento, difusión y mejores resultados económicos.. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(20) 20. El e-commerce o por su traducción en español comercio electrónico consiste en negocios por Internet, es decir compra y venta de productos o servicios a través de medios electrónicos conectados a la red, utilizando como forma de pago estos mismos medios tales como tarjetas de crédito. Principalmente la compra y venta de productos y servicios online se realiza entre personas y empresas, sin embargo, un gran porcentaje del comercio electrónico que en la actualidad se realiza consiste en el acceso a contenidos e información exclusiva de determinadas páginas web. El comercio electrónico desde su implementación ha facilitado en gran medida la adquisición y el intercambio de productos y servicios. Ha logrado eliminar las barreras físicas e inconvenientes que conllevan al consumidor localizar y tener acceso a puntos de venta y de distribución. Brinda accesibilidad total y facilidad de intercambio comercial en cualquier momento y lugar en el que los usuarios se encuentren. La carrera de Diseño Gráfico del “Instituto Tecnológico Superior Cordillera” (ITSCO) en su plan de estudios comprende el desarrollo de trabajos gráficos y proyectos de diseño, que el alumno debe realizar en el transcurso de su formación profesional. Esto da paso en gran medida a la creatividad e innovación de varios estudiantes que destacan en cada uno de los niveles y en áreas específicas del diseño. Los alumnos realizan trabajos y proyectos finales, los cuales integran, técnicas, herramientas y todo el conocimiento adquirido durante el transcurso del semestre en cada una de las materias. Estos trabajos dependiendo del nivel, están enfocados a un. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(21) 21. área del diseño en específico, empezando por ilustración en primer nivel, diseño digital, diseño editorial, diseño de empaques, diseño corporativo, diseño web, pre-prensa, diseño multimedia, producción gráfica y campañas publicitarias en los últimos niveles de formación. 1.02. Justificación Los estudiantes de la carrera de Diseño Gráfico del ITSCO a lo largo de su formación profesional que comprende seis semestres, realizan variedad de trabajos gráficos y proyectos, cubriendo amplios campos del diseño, de los cuales nacen trabajos interesantes y destacados que son presentados periódicamente en exposiciones y en talleres bimestrales. Sin embargo, no existe ningún medio de difusión de alto alcance para aprovechar estos recursos que semestre a semestre se generan, los medios de difusión actuales son escasos y de bajo alcance. Con este antecedente se creará una página web en donde se dará a conocer y se promocionará dichos trabajos, adicionalmente se integrará un sistema de e-commerce para la comercialización de los mismos, aprovechando de esta manera estos recursos en beneficio de todos los estudiantes. La promoción online de estos trabajos gráficos destacados realizados por los estudiantes traerá consigo varios beneficios a corto y mediano plazo, entre los más importantes destacan la oportunidad de difusión y promoción de alto alcance que tendrán los estudiantes, ya que los trabajos, con la aprobación previa de cada docente serán publicados en la página web con los créditos y derechos de autor respectivos.. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(22) 22. Cualquier estudiante que haya destacado con algún trabajo tendrá acceso a la difusión del mismo, al estar online conseguirá el reconocimiento de los usuarios de la página web, estudiantes, docentes, incluso personas y empresas que requieran de pasantes y/o colaboradores en el área gráfica. El impacto de este proyecto puede desencadenar positivamente en la actitud, motivación y desempeño de los estudiantes al momento de realizar los trabajos, ya que sabrán que al destacar con sus trabajos y proyectos tienen acceso a oportunidades de promoción y difusión como diseñadores gráficos que a largo plazo se convertirán en grandes oportunidades en el campo laboral. El presente proyecto busca motivar y potenciar las capacidades y habilidades de los estudiantes de la carrera de Diseño Gráfico del ITSCO dándoles oportunidades de difusión para impulsar su desarrollo personal, esto se alinea al Plan Nacional para el Buen Vivir en su objetivo número cuatro en el que establece “Fortalecer las capacidades y potencialidades de la ciudadanía. Fortaleceremos el rol del conocimiento, promoviendo la investigación científica y tecnológica responsable con la sociedad y con la naturaleza” (Senplades, 2013). Es necesario motivar a la sociedad, potenciar sus capacidades y habilidades para fortalecer su desempeño laboral y estudiantil, buscar medios de motivación que impulsen la mejora continua es importante para lograr un desarrollo como sociedad.. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(23) 23. 1.03. Definición del Problema Central (Matriz T) En la tabla 1, se analiza la situación actual de la difusión de los trabajos gráficos destacados realizados por los estudiantes de la carrera de Diseño Gráfico del, así como las situaciones que se presentarían al ejecutarse el proyecto.. Tabla 1: Análisis de las fuerzas T de la Escuela de Diseño Gráfico, 2016. Análisis de las fuerzas T Situación Empeorada Nula difusión de trabajos gráficos destacados realizados por los estudiantes. Fuerza impulsadora El 46% de la población mundial son usuarios de Internet según We Are Social.. Situación Actual. Situación mejorada. Escasa difusión de trabajos gráficos destacados realizados por los estudiantes de Diseño Gráfico del ITSCO. I. PC. I. PC. Difusión de alto alcance en medios digitales de los trabajos destacados realizados por los estudiantes. Fuerza bloqueadora Cierto porcentaje de personas no tienen amplio conocimiento sobre el manejo de Internet. Algunas personas no confían en las compras por Internet debido a posibles estafas. Los costos de un hosting con características avanzadas son altos.. 2. 4. 3. 2. 3. 4. 4. 2. 3. 4. 3. 1. 2. 4. 3. 2. Amplia competencia en el campo del Diseño Gráfico.. 2. 3. 3. 2. Apatía por parte de los alumnos a participar en el proyecto.. 3. 4. 3. 2. Carencia de recursos tecnológicos.. 2. 3. 3. 2. Proyectos integradores coordinados por los docentes.. 3. 4. 3. 2. Generación de trabajos y proyectos integradores.. 3. 4. 4. 2. Las compras por Internet se han incrementado ampliamente en los últimos años. Tener presencia en Internet con un sitio web transmite confianza y profesionalismo. El Diseño Gráfico se encuentra en crecimiento y va ganando campo en más sectores. Creatividad e innovación de trabajos gráficos por parte de los estudiantes. Actualización constante en los conocimientos por parte de los docentes hacia los alumnos. Cursos y capacitaciones organizados por las autoridades para los estudiantes.. Desconocimiento por parte de los alumnos sobre el manejo y uso del comercio electrónico. Disponibilidad limitada de tiempo para la selección de trabajos. Desconocimiento por parte de los alumnos.. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(24) 24. CAPÍTULO II. Análisis de Involucrados 2.01. Mapeo de los Involucrados En la siguiente figura se muestran los principales involucrados en el desarrollo del presente proyecto.. Estudiantes Escuela de Diseño Gráfico del ITSCO. Investigador. Ministerio de Educación (Mineduc). Diseño de una página web para dar a conocer, promocionar y vender a través de e-commerce trabajos gráficos destacados de los estudiantes de la escuela de Diseño Gráfico del Instituto Cordillera ubicado en la ciudad de Quito.. Ministerio de Telecomunicaciones y Sociedad de la Información. (Mintel). Docentes. World Wide Web Consortium (W3C). Figura 1: Mapeo de involucrados de la Escuela de Diseño Gráfico, 2016 DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(25) 25. 2.02. Matriz de Análisis de Involucración. En la siguiente tabla se analizan las oportunidades de promoción, difusión y comercialización de los trabajos gráficos destacados de los estudiantes de la Escuela de Diseño Gráfico del ITSCO en medios digitales. Para impulsar mayores oportunidades de desarrollo en el mundo laboral del diseño, así como también los intereses de la Escuela de Diseño Gráfico en mejorar la calidad de los trabajos y el desempeño académico de los estudiantes. Tabla 2: Análisis de involucrados de la Escuela de Diseño Gráfico, 2016. Actores Involucrados. Interés Sobre el problema. Problemas Percibido. Estudiantes. Oportunidad de promoción y difusión de sus trabajos en un medio digital.. Inexistencia de medios que impulsen la motivación.. Escuela de Diseño Gráfico. Mejorar la calidad de los trabajos realizados por los estudiantes.. Docentes. W3C. Desarrollar las habilidades de los estudiantes.. Generar recomend. y estándares para el crecimiento de la World Wide Web.. Bajo nivel de calidad en la mayoría de trabajos realizados por los estudiantes. Poco interés en la mayoría de los estudiantes al desarrollar sus trabajos.. Sitios web que no cumplen con los estándares.. Recursos Mandatos y Capacidades. Recursos: Humanos Financieros Capacidades: Cognitivas Psicomotrices Inserción social Recursos: Materiales Técnicos Administrativos Capacidades: Cognitivas Recursos: Humanos Administrativos Capacidades: Cognitivas Inserción social Psicomotrices Estándares: HTML y CSS: Son las tecnologías fundamentales para la creación de páginas web: HTML (HTML y XHTML). Interés Sobre el proyecto. Sobresalir y abrirse a mayores oportunidades en el mundo del diseño.. Incrementar el desempeño de los estudiantes.. Conflicto Potencial. Indiferencia por parte de los alumnos hacia el proyecto.. Poco apoyo hacia el proyecto.. Aprovechar las habilidades y creatividad de los estudiantes.. Desinterés y nula colaboración.. Asegurar el crecimiento de la World Wide Web a largo plazo.. Creación de programas de certificación Internacional. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(26) 26. Actores Involucrados. Interés Sobre el problema. Problemas Percibido. Mintel. Impulsar a los ecuatorianos a las actividades de interacción digital. Desconfianz a debido a posibles fraudes online.. Mineduc. Incrementar las capacidades y desarrollar el talento humano de los estudiantes.. Escasos medios de motivación de talento humano.. Investigador. Motivar a los estudiantes hacia la superación y el desarrollo continuo.. Desinterés y escasa dedicación en trabajos y proyectos realizados por los estudiantes.. Recursos Mandatos y Capacidades. Mandatos: Ley Orgánica de Telecomunic. Art. 144, 29. Regular y controlar las actividades relacionadas con el comercio electrónico y firma electrónica. Mandatos: Ley Orgánica de Educación Superior Art. 27. Establece que la educación se centrará en el ser humano y garantizará su desarrollo holístico, en el marco del respecto a los derechos humanos, al medio ambiente sustentable y a la democracia. Recursos: Materiales Técnicos Humanos Financieros Capacidades: Cognitivas Psicomotrices. Interés Sobre el proyecto. Conflicto Potencial. Generar confianza a los usuarios para que puedan intercambiar sus productos online con mayor tranquilidad.. Desinterés en proyectos académicos.. Utilizar medios digitales como herramientas de desarrollo académico.. Poco interés en el desarrollo del medio digital.. Crear un medio digital de promoción y comerc. de los trabajos gráficos destacados de los estudiantes.. Escases de recursos económicos.. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(27) 27. CAPÍTULO III. Problemas y Objetivos 3.01. Árbol de Problemas En la figura inferior se analizan las causas que generan la limitada difusión de los trabajos destacados que realizan los estudiantes y los efectos que estas ocasionan.. Efectos. Problema Central. Desinterés por parte de empresas en contactar estudiantes para pasantías.. Escasa innovación y creatividad en los trabajos realizados por los estudiantes.. Desmotivación y bajo rendimiento de los estudiantes.. Desconocimiento de los trabajos realizados por los estudiantes de Diseño Gráfico.. Desinterés por parte de los estudiantes en mejorar y desarrollar sus capacidades.. Pérdida de los trabajos gráficos destacados.. Limitada difusión de los trabajos gráficos destacados realizados por los estudiantes de la carrera de Diseño Gráfico del ITSCO.. Poca información sobre los trabajos realizados por los estudiantes en la web institucional.. Los trabajos realizados por los estudiantes no son utilizados en beneficio de los mismos.. Medios de difusión actuales de bajo alcance.. Limitado espacio para la sección de Diseño Gráfico en la web institucional.. Inadecuada comercialización de los trabajos realizados por los estudiantes.. Inadecuado manejo de medios de difusión y promoción.. Causas. Figura 2: Árbol de problemas de la Escuela de Diseño Gráfico, 2016 DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(28) 28. 3.02. Árbol de Objetivos En la figura inferior se muestran los medios por los cuales se busca impulsar el desarrollo de las capacidades y habilidades de los estudiantes para llegar a los fines planteados.. Fines. Propósito. Medios. Captar la atención de las empresas con los trabajos de los estudiantes.. Desarrollar la innovación y creatividad de los estudiantes.. Motivar e impulsar el rendimiento de los estudiantes.. Dar a conocer los trabajos realizados por los estudiantes de Diseño Gráfico.. Motivar el desarrollo de capacidades y habilidades de los estudiantes.. Conservar y aprovechar los trabajos gráficos destacados realizados por los estudiantes.. Ampliar la difusión de los trabajos gráficos destacados de los estudiantes de la carrera de Diseño Gráfico del ITSCO a través de medios digitales.. Recolectar la información sobre los trabajos realizados por los estudiantes.. Utilizar los trabajos de los estudiantes en beneficio de los mismos.. Implementar medios de difusión de mayor alcance.. Crear una sección amplia de la Escuela de Diseño Gráfico del ITSCO en la web.. Comercializar los trabajos gráficos destacados realizados por los estudiantes.. Manejar adecuadamente medios de difusión y promoción.. Figura 3: Árbol de objetivos de la Escuela de Diseño Gráfico, 2016. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(29) 29. CAPÍTULO IV. Análisis de Alternativas 4.01. Matriz de Análisis de Alternativas e Identificación de Acciones En la siguiente figura se identifican las actividades a realizar para lograr los objetivos propuestos.. Medios. Recolectar la información sobre los trabajos realizados por los estudiantes.. Utilizar los trabajos de los estudiantes en beneficio de los mismos.. Implementar medios de difusión de mayor alcance.. Crear una sección amplia de la Escuela de Diseño Gráfico del ITSCO en la web.. Comercializar los trabajos gráficos destacados realizados por los estudiantes.. Manejar adecuadamente medios de difusión y promoción.. Crear una página web con amplia información de los trabajos de los estudiantes.. Implementar un medio de comercialización electrónica.. Difundir y promocionar los trabajos de los estudiantes.. Investigar sobre medios y plataformas de comercialización electrónica.. Recopilar información de los trabajos destacados de los estudiantes con ayuda de los docentes.. Actividades Analizar recursos económicos. Adquirir hosting y dominio. Seleccionar una plataforma de diseño web. Recopilar información Diseñar e implementar la página web.. Seleccionar una plataforma de comercialización electrónica.. Clasificar los trabajos según el área de diseño.. Implementar el medio de comercialización electrónica en la página web.. Publicar los trabajos destacados en la página web para su difusión, promoción y comercialización.. Figura 4: Matriz de análisis de alternativas e identificación de Acc. ITSCO, 2016 DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(30) 30. 4.01.01. Tamaño del Proyecto Según la página oficial, el ITSCO cuenta con alrededor de 7000 estudiantes distribuidos en sus 10 carreras. Aproximadamente 700 estudiantes pertenecen a la carrera de Diseño Gráfico, dividida en las jornadas matutina y nocturna conformadas de doce y diez cursos respectivamente.. Figura 5: Análisis del tamaño de la muestra del ITSCO, 2016 Fuente: Netquest. (s.f.). Recuperado el 2 de febrero de 2017, de: https://goo.gl/rPFaum En base al tamaño del universo de aproximadamente 700 estudiantes se determinó el tamaño de la muestra de 249 estudiantes a encuestar, con un margen de error de ±5% y un nivel de confianza del 95%.. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(31) 31. 4.01.02. Localización del Proyecto El presente proyecto se ejecutará en el campus 1 del ITSCO ubicado en la ciudad de Quito, parroquia La Concepción, calle Logroño Oe 2-84 y Av. de la Prensa, (esquina). En el cual desarrolla actividades académicas la carrera de Diseño Gráfico de primer a sexto nivel.. Figura 6: Mapa de ubicación ITSCO, 2016 Fuente: Google Maps. (s.f.). Recup. el 2 de febrero de 2017, de: https://goo.gl/6jSNLq. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(32) 32. 4.01.03. Análisis Ambiental El medio ambiente constituye un factor importante en el desarrollo de un proyecto, es necesario identificar las consecuencias ambientales que envolverán el proyecto desde su inicio hasta su implementación. Todo esto con el fin de establecer y tomar decisiones ambientalmente adecuadas y sustentables. “Anticipar los elementos más importantes de una intervención relacionados con los afectos en el medio ambiente y evaluar en forma preliminar las alternativas de proyecto, para decidir cuál es la que más se adecua al medio” (Pacheco, 2014).. El análisis ambiental permite prever posibles consecuencias ambientales adversas en el inicio del proyecto. De este modo se pueden tomar medidas que minimicen los impactos negativos. 4.01.03.01. Impacto Positivo El presente proyecto se desarrolla en medios de difusión digital, al ser un producto intangible se evade la utilización de recursos que se ha comprobado generan consecuencias negativas al medio ambiente, como tintas, papel, pintura, etc. 4.01.03.02. Impacto Negativo El manejo de medios digitales implica directamente la utilización de recursos y equipos tecnológicos como ordenadores tablets y teléfonos inteligentes, los mismos que para su fabricación y funcionamiento dependen de minerales como el oro, estaño, cobre, aluminio, hierro, etc. Estos recursos minerales son conseguidos a través de la explotación de la tierra lo cual ha generado impactos negativos para el medio ambiente.. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(33) 33. 4.02. Matriz de Análisis de Impacto de los Objetivos En la tabla inferior se analiza el impacto sobre el propósito, así como la factibilidad técnica, financiera, social y política de cada uno de los seis objetivos a lograr en el desarrollo del proyecto. Tabla 3: Impacto de los objetivos de la Escuela de Diseño Gráfico, 2016 Impacto sobre el Propósito. Fact. Técnica. Fact. Financiera. Fact. Social. Fact. Política. T.. Recolectar la información sobre los trabajos realizados por los estudiantes.. 4. 5. 4. 5. 3. 21. Alta. Utilizar los trabajos de los estudiantes en beneficio de los mismos.. 5. 5. 5. 4. 3. 22. Alta. Seleccionar medios de difusión de mayor alcance.. 4. 5. 3. 5. 3. 20. Alta. Crear una sección amplia de la Escuela de Diseño Gráfico del ITSCO en la web.. 5. 4. 4. 5. 3. 21. Alta. Comercializar los trabajos gráficos destacados realizados por los estudiantes.. 5. 4. 4. 5. 3. 21. Alta. Manejar adecuadamente medios de difusión y promoción.. 3. 4. 4. 5. 3. 19. Alta. Objetivos. Cat.. En la tabla que antecede encontramos la siguiente nomenclatura: Impacto sobre el propósito, muestra el impacto que va a tener las causas en relación al proyecto. Fact. Técnica: Factor técnica Fact. Financiera: Factor financiero Fact. Social: Factor social Fact. Política: Factor política Tec: Técnica Cat: Categoría. Donde se evalúa como afectará el proyecto en lo económico, social, político, categorizándoles en un rango de 1 a 5 donde 1 y 2 es bajo, 3 es media, 4 y 5 es alta, y este da como resultado la suma de la técnica y si este es favorable para el proyecto.. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(34) 34. 4.03. Diagrama de Estrategias En la figura de diagrama de estrategias se clasifica el propósito, los fines, los. Actividades. Componentes. Propósito. Fines. componentes y las actividades a seguir en el desarrollo del proyecto.. (F1) Dar a conocer los trabajos realizados por los estudiantes de Diseño Gráfico.. (F2) Motivar el desarrollo de capacidades y habilidades de los estudiantes.. (F3) Conservar y aprovechar los trabajos gráficos destacados realizados por los estudiantes.. (P1) Ampliar la difusión de los trabajos gráficos destacados de los estudiantes de la carrera de Diseño Gráfico del ITSCO a través de medios digitales. (C1) Recolectar información sobre los trabajos realizados por los estudiantes.. (C2) Utilizar los trabajos de los estudiantes en beneficio de los mismos.. (C3) Implementar medios de difusión de mayor alcance.. (C4) Crear una sección amplia de la Escuela de Diseño Gráfico del ITSCO en la web.. (C5) Comercializar los trabajos gráficos destacados realizados por los estudiantes.. (C6) Manejar adecuadamente medios de difusión y promoción.. (A1) Crear una página web con amplia información de los trabajos de los estudiantes.. (A2) Implementar un medio de comercialización electrónica.. (A3) Difundir y promocionar los trabajos de los estudiantes.. (a2.1) Investigar sobre medios y plataformas de comercialización electrónica.. (a3.1) Recopilar información de los trabajos destacados de los estudiantes con ayuda de los docentes.. (a2.2) Seleccionar una plataforma de comercialización electrónica.. (a3.2) Clasificar los trabajos según el área de diseño.. (a2.3) Vincular el medio de comercialización electrónica en la página web.. (a3.3) Publicar los trabajos destacados en la página web para su difusión, promoción y comercialización.. (a1.1) Analizar recursos económicos. (a1.2) Adquirir hosting y dominio. (a1.3) Seleccionar una plataforma de diseño web. (a1.4) Recopilar información. (a1.5) Diseñar e implementar la página web.. Figura 7: Diagrama de estrategias de la Escuela de Diseño Gráfico, 2016 DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(35) 35. 4.04. Construcción de la Matriz de Marco Lógico Mediante. la. metodología. de. “Marco. Lógico”,. se. realiza. el. proceso. de. conceptualización, diseño, ejecución y evaluación del presente proyecto. “Su énfasis está centrado en la orientación por objetivos, la orientación hacia grupos beneficiarios y a facilitar la participación y la comunicación entre las partes interesadas” (Ortegón, Pacheco, & Priento, 2005). De esta manera se recopila información vital para la ejecución, monitoreo y evaluación del proyecto con el fin de crear una propuesta efectiva. 4.04.01. Revisión de los Criterios para Indicadores En la siguiente tabla se definen los indicadores para los fines, el propósito, los componentes y las actividades, los cuales servirán para referenciar la gestión y evaluación del proyecto. Tabla 4: Rev. de los criterios para indicad. de la Escuela de Diseño Gráfico, 2017. META Nivel. Resumen Narrativo. Indicador. Finalidades. Cant.. (F1 ) Dar a conocer los trabajos realizados por los estudiantes de Diseño Gráfico. (F2) Motivar el desarrollo de capacidades y habilidades de los estudiantes.. En un lapso de 12 meses se difundirán los trabajos de los estudiantes en un 80%. En un periodo de 12 meses se motivará el desarrollo de capacidades y habilidades de los estudiantes en un 75%.. 199. 187. Calidad. Tiempo. Alto. 12 meses. Alto. 6 meses. Lugar. Grupo Social. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(36) 36. META Nivel. Resumen Narrativo. Indicador Cant.. Propósito. (F3) Conservar y aprovechar los trabajos gráficos destac. realizados por los estudiantes.. (P1) Ampliar la difusión de los trabajos gráficos destacados de los estudiantes de la carrera de Diseño Gráfico del ITSCO a través de medios digitales.. Componentes. (C1) Recolectar información sobre los trabajos realizados por los estudiantes. (C2) Utilizar los trabajos de los estudiantes en beneficio de los mismos. (C3) Implementar medios de difusión de mayor alcance. (C4) Crear una sección amplia de la Escuela de Diseño Gráfico del ITSCO en la web. (C5) Comercializar los trabajos gráficos destacados realizados por los estudiantes.. En 12 meses se conservarán y aprovecharán los trabajos gráficos destacados de los estudiantes en beneficio de los mismos en un 80%. En el transcurso de 6 meses se difundirán y comercializarán los trabajos gráficos destacados de los estudiantes en medios digitales de alto alcance en un 60%. Ampliar la información mediante la base de datos de trabajos realizados de la escuela de Diseño Gráfico. Beneficiar a los alumnos mediante la difusión y comercialización de sus trabajos. Difusión de los trabajos gráficos destacados de los estudiantes a través de medios digitales. Difundir información de la Escuela de Diseño Gráfico a través de una página web. Beneficiar a los estudiantes mediante la comercialización online de sus trabajos.. 199. 149. 1. 1. 1. 1. 1. Calidad. Tiempo. Alto. 12 meses. Alto. 6 meses. Alto. 1 mes. Alto. 3 meses. Alto. 3 meses. Alto. 1 mes. Alto. 6 meses. Lugar. Grupo Social. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(37) 37. META Nivel. Resumen Narrativo. Indicador Cant.. (C6) Manejar adecuadamente medios de difusión y promoción.. (A1) Crear una página web con amplia información de los trabajos de los estudiantes. (a1.1) Analizar recursos económicos.. (a1.3) Seleccionar una plataforma de diseño web.. ividades. Actividades. (a1.2) Adquirir hosting y dominio.. (a1.4) Recopilar información.. (a1.5) Diseñar e implementar la página web.. (A2) Implementar un medio de comercialización electrónica.. Propagar información de los trabajos de los estudiantes de Diseño Gráfico mediante la implementación de medios digitales de difusión y promoción. Difundir información de los trabajos realizados por los estudiantes a través de la web. Determinar el presupuesto en base a la situación económica actual. Comprar un plan de hosting y dominio en base a estándares de calidad del W3C. Seleccionar una plataforma de diseño web en base a beneficios y estabilidad. Obtener información a través de fuentes directas de la Escuela de Diseño Gráfico. Diseñar la página web en base a estándares de usabilidad del W3C. Implementación de un medio de comercialización electrónica en base a estabilidad y confiabilidad,. 1. 1. 1. 1. 1. 1. 1. 1. Calidad. Tiempo. Alto. 1 meses. Alto. Alto. Alto. Alto. Alto. Alto. Alto. 2 sem.. 1 sem.. 2 días. 1 día. 3 días. 2 sem.. 2 sem.. Lugar. Grupo Social. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(38) 38. META Nivel. Resumen Narrativo. Indicador Cant.. (A3) Difundir y promocionar los trabajos de los estudiantes. (a3.1) Recopilar información de los trabajos destacados de los estudiantes con ayuda de los docentes.. Recolección de información sobre plataformas de comercialización electrónica a través de artículos. Selección de una plataforma de comercialización electrónica en base a seguridad y beneficios. Vinculación del medio de comercialización electrónica a la página web en base a recomendaciones de usabilidad del W3C. Difusión de los trabajos de los estudiantes a través de la página web. Obtención de trabajos destacados de los estudiantes en base a la aprobación de los docentes.. (a3.2) Clasificar los trabajos según el área de diseño.. Clasificación de los trabajos según el área del diseño.. (a3.3) Publicar los trabajos destacados en la página web para su difusión, promoción y comercialización.. Publicación de los trabajos destacados en la página web y plataforma de comercialización en base a estándares de usabilidad del W3C.. (a2.1) Investigar sobre medios y plataformas de comercialización electrónica. (a2.2) Seleccionar una plataforma de comercialización electrónica.. (a2.3) Vincular el medio de comercialización electrónica en la página web.. 1. 1. 1. 1. 1. 1. 1. Calidad. Alto. Alto. Alto. Alto. Alto. Alto. Alto. Tiempo. 1 día. 1 día. 1 día. 1 sem.. 1 sem.. 3 días. 2 sem.. Lugar. Grupo Social. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. Quito. Estudiantes de Diseño Gráfico del ITSCO. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(39) 39. 4.04.02. Selección de Indicadores La selección de indicadores nos permite determinar las características de la información como: es clara, existe información disponible, es tangible y se puede observar, la tarea de recolectar datos está al alcance y no requiere de expertos y si es representativo para nuestro estudio, en base a este análisis se asigna un puntaje y una selección. Tabla 5: Selección de indicadores de la Escuela de Diseño Gráfico, 2016. Finalidades. Nivel. Resumen Narrativo. (F1 ) Dar a conocer los trabajos realizados por los estudiantes de Diseño Gráfico. (F2) Motivar el desarrollo de capacidades y habilidades de los estudiantes.. Componentes. Propósito. (F3) Conservar y aprovechar los trabajos gráficos destacados realizados por los estudiantes. (P1) Ampliar la difusión de los trabajos gráficos destacados de los estudiantes de la carrera de Diseño Gráfico del ITSCO a través de medios digitales. (C1) Ampliar la información sobre los trabajos realizados por los estudiantes. (C2) Utilizar los trabajos de los estudiantes en beneficio de los mismos.. Indicadores. En un lapso de 12 meses se difundirán los trabajos los estudiantes en un 80%. En un periodo de 12 meses se motivará el desarrollo de capacidades y habilidades de los estudiantes en un 75%. En 12 meses se conservarán y aprovecharán los trabajos gráficos destacados de los estudiantes en beneficio de los mismos en un 80%. En el transcurso de 6 meses se difundirán y comercializarán los trabajos gráficos destacados de los estudiantes en medios digitales de alto alcance en un 60%. Ampliar la información mediante la base de datos de trabajos realizados de la escuela de Diseño Gráfico. Beneficiar a los alumnos mediante la difusión y comercialización de sus trabajos.. Clasificadores de Indicadores A B C D E X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. Punt.. Selecc.. X. 4. Alto. X. 4. Alto. X. 5. Alto. X. 4. Alto. X. X. 5. Alto. X. X. 5. Alto. X. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(40) 40. Nivel. Resumen Narrativo. (C3) Implementar medios de difusión de mayor alcance. (C4) Crear una sección amplia de la Escuela de Diseño Gráfico del ITSCO en la web. (C5) Comercializar los trabajos gráficos destacados realizados por los estudiantes. (C6) Manejar adecuadamente medios de difusión y promoción. (A1) Crear una página web con amplia información de los trabajos de los estudiantes. (a1.1) Analizar recursos económicos.. Actividades. (a1.2) Adquirir hosting y dominio. (a1.3) Seleccionar una plataforma de diseño web.. (a1.4) Recopilar información. (a1.5) Diseñar e implementar la página web. (A2) Implementar un medio de comercialización electrónica.. Indicadores. Difusión de los trabajos gráficos destacados de los estudiantes a través de medios digitales. Difundir información de la Escuela de Diseño Gráfico a través de una página web. Beneficiar a los estudiantes mediante la comercialización online de sus trabajos. Propagar información de los trabajos de los estudiantes de Diseño Gráfico mediante la implementación de medios digitales de difusión y promoción. Difundir información de los trabajos realizados por los estudiantes a través de la web. Determinar el presupuesto en base a la situación económica actual. Comprar un plan de hosting y dominio en base a estándares de calidad del W3C. Seleccionar una plataforma de diseño web en base a beneficios y estabilidad. Obtener información a través de fuentes directas de la Escuela de Diseño Gráfico. Diseñar la página web en base a estándares de usabilidad del W3C. Implementación de un medio de comercialización electrónica en base a estabilidad y confiabilidad.. Clasificadores de Indicadores A B C D E. Punt.. Selecc.. X. X. X. X. X. 5. Alto. X. X. X. X. X. 5. Alto. X. X. X. X. X. 5. Alto. X. X. X. X. 4. Alto. X. X. X. X. 4. Alto. X. X. X. X. X. 5. Alto. X. X. X. X. X. 5. Alto. X. X. X. X. X. 5. Alto. X. X. X. X. X. 5. Alto. X. X. X. X. X. 5. Alto. X. X. X. X. X. 5. Alto. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.

(41) 41. Nivel. Resumen Narrativo. (a2.1) Investigar sobre medios y plataformas de comercialización electrónica. (a2.2) Vincular una plataforma de comercialización electrónica. (a2.3) Implementar el medio de comercialización electrónica en la página web (A3) Difundir y promocionar los trabajos de los estudiantes. (a3.1) Recopilar información de los trabajos destacados de los estudiantes con ayuda de los docentes. (a3.2) Clasificar los trabajos según el área de diseño. (a3.3) Publicar los trabajos destacados en la página web para su difusión, promoción y comercialización.. Indicadores. Recolección de información sobre plataformas de comercialización electrónica a través de artículos. Selección de una plataforma de comercialización electrónica en base a seguridad y beneficios. Vinculación del medio de comercialización electrónica a la página web en base a recomendaciones de usabilidad del W3C. Difusión de los trabajos de los estudiantes a través de la página web. Obtención de trabajos destacados de los estudiantes en base a la aprobación de los docentes. Clasificación de los trabajos según el área del diseño. Publicación de los trabajos destacados en la página web y plataforma de comercialización en base a estándares de usabilidad del W3C.. Clasificadores de Indicadores A B C D E. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. X. Punt.. Selecc.. X. 5. Alto. X. 4. Alto. X. X. 5. Alto. X. X. 5. Alto. X. 4. Alto. X. X. 5. Alto. X. X. 5. Alto. En la clasificación de indicadores se marcó según la siguiente nomenclatura: A = Es clara, B = Existe información disponible, C = Es tangible y se puede observar, D = La tarea de recolectar datos está al alcance y no requiere de expertos y E = Si es representativo para nuestro estudio. Por otro lado para la selección se ha utilizado los siguientes valores: 4 y 5 = alta, 2 y 3 = media y 0 y 1 = baja. DISEÑO DE UNA PÁGINA WEB PARA DAR A CONOCER, PROMOCIONAR Y VENDER A TRAVÉS DE E-COMMERCE TRABAJOS GRÁFICOS DESTACADOS DE LOS ESTUDIANTES DE LA ESCUELA DE DISEÑO GRÁFICO DEL INSTITUTO CORDILLERA UBICADO EN LA CIUDAD DE QUITO.