UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DE DISEÑO GRÁFICO

Transcripción

1 UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DE DISEÑO GRÁFICO PROYECTO DE TESIS Previo a la obtención del Título de Ingeniero en Diseño Gráfico TEMA: ACTUALIZACIÓN DE LAS TENDENCIAS EN EL CAMPO GRÁFICO PARA LA FORMACIÓN DE LOS ESTUDIANTES DEL 4TO. AÑO DE LA CARRERA DE DISEÑO GRÁFICO DE LA FACULTAD DE COMUNICACIÓN SOCIAL (FACSO) DE LA UNIVERSIDAD DE GUAYAQUIL, 2014 PROPUESTA: ELABORACIÓN DE UN SITIO WEB ADAPTABLE CON CONTENIDO DE LAS ACTUALIZACIONES DE SOFTWARE, MANEJO DE IMAGEN Y NUEVOS FORMATOS DIGITALES PARA LA CARRERA DE DISEÑO GRÁFICO AUTOR: Roberto David Mantilla Araujo TUTOR: Ing. Jussen Facuy Delgado, MSc. Guayaquil - Ecuador Año 2015

2 II REPOSITORIO NACIONAL EN CIENCIA Y TECNOLOGÍA FICHA DE REGISTRO DE TESIS TÍTULO Y SUBTÍTULO: ACTUALIZACIÓN DE LAS TENDENCIAS EN EL CAMPO GRÁFICO PARA LA FORMACIÓN DE LOS ESTUDIANTES DEL 4TO. AÑO DE LA CARRERA DE DISEÑO GRÁFICO DE LA FACULTAD DE COMUNICACIÓN SOCIAL (FACSO) DE LA UNIVERSIDAD DE GUAYAQUIL, AUTOR/ES: Roberto David Mantilla Araujo TUTOR: Ing. Jussen Facuy Delgado, Msc. REVISORES: Ing. Jussen Facuy Delgado, Msc. (Revisión Técnica) INSTITUCIÓN: FACULTAD: Universidad de Guayaquil Facultad de Comunicación Social (FACSO) CARRERA: Diseño Gráfico FECHA DE PUBLICACIÓN: No. DE PÁGS: TÍTULO OBTENIDO: Ingeniero en Diseño Gráfico ÁREAS TEMÁTICAS: Diseño y Maquetación de sitio web adaptable. PALABRAS CLAVE: Diseño gráfico Comunicación interactiva Diseño web adaptable. RESUMEN: El presente proyecto tiene como tarea incorporar el uso de la tecnología de la información y la comunicación, incorporando un sitio web adaptable a todo tipo de resolución con toda la información requerida para abrir un campo de interés a quienes les apasiona el diseño gráfico. Tiene mucha importancia para el fortalecimiento en el proceso enseñanza aprendizaje en una institución de Educación Superior. Se basó en los tipos de investigación de carácter descriptiva, de campo y bibliográfica. Los beneficiarios de este proyecto son los profesores y estudiantes de la carrera de diseño gráfico en la Facultad de Comunicación Social (FACSO) de la ciudad de Guayaquil, provincia del Guayas, donde se ejecutará el sitio web adaptable como estrategia de comunicación e información educativa y tecnológica. No. DE REGISTRO (en base de datos): No. DE CLASIFICACIÓN: DIRECCIÓN URL (tesis en la web): ADJUNTO PDF: x SI NO CONTACTO CON AUTOR/ES Teléfono: mantillaraujo91@hotmail.com CONTACTO EN LA INSTITUCIÓN: Nombre: Secretaría de la Facultad Teléfono: (03) Ext fca@uta.edu.ec

3 III UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DE DISEÑO GRÁFICO PROYECTO PREVIO A LA OBTENCIÓN DEL TÍTULO DE INGENIERO EN DISEÑO GRÁFICO TEMA: ACTUALIZACIÓN DE LAS TENDENCIAS EN EL CAMPO GRÁFICO PARA LA FORMACIÓN DE LOS ESTUDIANTES DEL 4TO. AÑO DE LA CARRERA DE DISEÑO GRÁFICO DE LA FACULTAD DE COMUNICACIÓN SOCIAL (FACSO) DE LA UNIVERSIDAD DE GUAYAQUIL, 2014 AUTOR: Roberto David Mantilla Araujo CONSULTOR(A): Ing. Jussen Facuy Delgado MSc. PROMOCIÓN GUAYAQUIL, 2012

4 IV UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DE DISEÑO GRÁFICO DIRECTIVOS MSc. Kléber Loor Valdiviezo DECANO MSc. Kristel Matute Zhuma SUBDECANA Ab. Isabel Marin, MSc. COORDINADOR GENERAL MSc. Oscar Vélez, MSc. DIRECTOR Ab. Xavier González SECRETARIO GENERAL

5 V ACEPTACIÓN DEL TUTOR Guayaquil,. Máster Kléber Loor Valdivieso Decano de la Facultad de Comunicación Social Ciudad. Tengo a bien informar que el egresado SR. ROBERTO DAVID MANTILLA ARAUJO con C.C ; diseñó y ejecutó el Proyecto de Investigación con el tema: ACTUALIZACIÓN DE LAS TENDENCIAS EN EL CAMPO GRÁFICO PARA LA FORMACIÓN DE LOS ESTUDIANTES DEL 4TO. AÑO DE LA CARRERA DE DISEÑO GRÁFICO DE LA FACULTAD DE COMUNICACIÓN SOCIAL (FACSO) DE LA UNIVERSIDAD DE GUAYAQUIL, 2014 El mismo que ha cumplido con las directrices y recomendaciones técnicas dadas por el suscrito. El autor ha ejecutado satisfactoriamente las diferentes etapas constitutivas del proyecto; por lo expuesto se procede a la APROBACIÓN y pone a vuestra consideración el informe de rigor para los efectos legales correspondientes. Atentamente, Ing. Jussen Facuy Delgado MSc.

6 VI ACEPTACIÓN DE LA PROPUESTA Guayaquil,. Máster Kléber Loor Valdivieso Decano de la Facultad de Comunicación Social FACSO Ciudad. Tengo a bien informar que el egresado SR. ROBERTO DAVID MANTILLA ARAUJO con C.C ; diseñó, elaboró e implementó la propuesta: ELABORACIÓN DE UN SITIO WEB ADAPTABLE CON CONTENIDO DE LAS ACTUALIZACIONES DE SOFTWARE, MANEJO DE IMAGEN Y NUEVOS FORMATOS DIGITALES PARA LA CARRERA DE DISEÑO GRÁFICO El mismo que ha cumplido con las directrices y recomendaciones técnicas dadas por el suscrito. El autor ha ejecutado satisfactoriamente las diferentes etapas constitutivas del desarrollo de la propuesta técnica; por lo expuesto se procede a la APROBACIÓN y pone a vuestra consideración el informe de rigor para los efectos legales correspondientes. Atentamente, Ing. Jussen Facuy Delgado MSc.

7 VII TUTOR TÉCNICO Guayaquil,. Máster Kléber Loor Valdivieso Decano de la Facultad de Comunicación Social Ciudad. De mis consideraciones: Para los fines legales pertinentes comunico a usted que los derechos intelectuales del Proyecto de Investigación: ACTUALIZACIÓN DE LAS TENDENCIAS EN EL CAMPO GRÁFICO PARA LA FORMACIÓN DE LOS ESTUDIANTES DEL 4TO. AÑO DE LA CARRERA DE DISEÑO GRÁFICO DE LA FACULTAD DE COMUNICACIÓN SOCIAL (FACSO) DE LA UNIVERSIDAD DE GUAYAQUIL, 2014 pertenecen a la Facultad de Comunicación Social. Atentamente, ROBERTO DAVID MANTILLA ARAUJO C.C

8 VIII

9 IX UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DISEÑO GRÁFICO A D V E R T E N C I A Se advierte que las opiniones, ideas o afirmaciones vertidas en el presente proyecto, son de exclusiva responsabilidad del autor del mismo y no está incluida la responsabilidad de la Universidad de Guayaquil.

10 X ACTA DEL TRIBUNAL EXAMINADOR UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL El TRIBUNAL EXAMINADOR, previo la obtención del título de: INGENIERO EN DISEÑO GRÁFICO, otorga al presente proyecto las siguientes calificaciones: TOTAL:.( ) EQUIVALENTE:..( ).. MIEMBRO DEL TRIBUNAL MIEMBRO DEL TRIBUNAL MIEMBRO DEL TRIBUNAL

11 XI DEDICATORIA Dedico este proyecto a Dios primero por darme la fuerza de voluntad para cumplir esta meta que me propuse y culminarla con éxito. A mis padres, hermanas y familia por el apoyo que me han brindado en el ámbito de la investigación de este proyecto y objetivo cumplido. A mi esposa e hijos, personas inseparables desde que han llegado a mi vida y me han inspirado a aceptar nuevos retos y metas de vida para poder superarme como persona y profesional. ROBERTO MANTILLA ARAUJO

12 XII AGRADECIMIENTO A la Universidad de Guayaquil, Facultad de Comunicación Social FACSO, Carrera de Diseño Gráfico. A todos los docentes que supieron guiarme y transmitirme sus conocimientos durante todos mis estudios en la carrera. A mis amigos y compañeros que he conocido a lo largo de mi vida universitaria y supimos apoyarnos como familia para cumplir nuestros objetivos y metas, hoy culminados. ROBERTO MANTILLA ARAUJO

13 XIII ÍNDICE GENERAL PORTADA HOJA DE REPOSITORIO AUTOR Y CONSULTOR PÁGINA DE DIRECTIVOS ACEPTACIÓN DEL TUTOR ACEPTACIÓN DE LA PROPUESTA DERECHOS INTELECTUALES PÁGINA DE LA REVISIÓN DE REDACCIÓN Y ORTOGRAFÍA ADVERTENCIA PÁGINA DEL TRIBUNAL DEDICATORIA AGRADECIMIENTO ÍNDICE GENERAL ÍNDICE DE TABLAS ÍNDICE DE GRÁFICOS RESUMEN ABSTRACT I II III IV V VI VII VIII IX X XI XII XIII XVIII XIX XX XXI N Descripción Pag. INTRODUCCIÓN

14 XIV CAPÍTULO I EL PROBLEMA N Descripción Pag. 1.1 Ubicación del problema en el contexto Situación conflicto Causas del problema, consecuencias Delimitación del problema Formulación del problema Evaluación del problema Objetivos de la investigación - Objetivo general 7 -Objetivos específicos Hipótesis Justificación e importancia 8 CAPÍTULO II MARCO TEÓRICO N Descripción Pag. 2.1 Antecedentes de estudio Fundamentación teórica Comunicación Funciones de la comunicación Importancia Comunicar la información Publicación en internet 13-14

15 XV El internet Internet como nuevo Medio de Comunicación Sitio web, concepto, características y beneficios Tipos de sitios web Utilidad de sitios web en las universidades Herramientas de comunicación del sitio web Aplicaciones móviles, complemento educativo Diseño web adaptable o Responsive Web Design El blog Aplicaciones y sitios web para blogs Fundamentación sociológica Fundamentación tecnológica Fundamentación andragógica Fundamentación legal CAPÍTULO III METODOLOGÍA N Descripción Pag. 3.1 Metodología de la investigación Método Tipo de Investigación Técnicas y herramientas Población y muestra Cálculo del tamaño de muestra 43-44

16 XVI CAPÍTULO IV ANÁLISIS E INTERPRETACIÓN DE RESULTADOS N Descripción Pag. Tabulación y análisis de los resultados Discusión de los resultados 52 CAPÍTULO V LA PROPUESTA N Descripción Pag. 5.1 Título Justificación Objetivos Objetivo general Objetivos específicos Fundamentación Bootstrap Librería Jquery HTML Ubicación física y sectorial Descripción de la propuesta Planificación Recopilación de datos Instalación de programas de diseño gráfico Diseño de línea gráfica Misión Visión 65

17 XVII 5.9 Beneficiarios Impacto social 65 CAPÍTULO VI CONCLUSIONES Y RECOMENDACIONES N Descripción Pag. Conclusiones 66 Recomendaciones 67 Definición de términos 68 Bibliografía 69 ANEXOS 70

18 XVIII ÍNDICE DE TABLAS N Descripción Pag. Cuadro #1 Causas y consecuencias 5 Cuadro #2 Población 42 Cuadro #3 Pregunta #1 de la encuesta 45 Cuadro #4 Pregunta #2 de la encuesta 46 Cuadro #5 Pregunta #3 de la encuesta 47 Cuadro #6 Pregunta #4 de la encuesta 48 Cuadro #7 Pregunta #5 de la encuesta 49 Cuadro #8 Pregunta #6 de la encuesta 50 Cuadro #9 Pregunta #7 de la encuesta 51 Cuadro #10 Cronograma de actividades 60

19 XIX ÍNDICE DE GRÀFICOS N Descripción Pag. Gráfico #1 Formula de la muestra 43 Gráfico #2 Aplicación y desarrollo de la fórmula de la muestra 44 Gráfico #3 Pregunta #1 de la encuesta 45 Gráfico #4 Pregunta #2 de la encuesta 46 Gráfico #5 Pregunta #3 de la encuesta 47 Gráfico #6 Pregunta #4 de la encuesta 48 Gráfico #7 Pregunta #5 de la encuesta 49 Gráfico #8 Pregunta #6 de la encuesta 50 Gráfico #9 Pregunta #7 de la encuesta 51 Gráfico #10 Ubicación sectorial 59 Gráfico #11 Logo 62 Gráfico #12 Descripción del color de la marca 62 Gráfico #13 Cabecera del sitio web 63 Gráfico #14 Cuadro de suscripción del sitio web 63 Gráfico #15 Galería lateral de eventos recientes 64 Gráfico #16 Modelo de contenido 64

20 XX UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DE DISEÑO GRÁFICO TEMA: ACTUALIZACIÓN DE LAS TENDENCIAS EN EL CAMPO GRÁFICO PARA LA FORMACIÓN DE LOS ESTUDIANTES DEL 4TO. AÑO DE LA CARRERA DE DISEÑO GRÁFICO DE LA FACULTAD DE COMUNICACIÓN SOCIAL (FACSO) DE LA UNIVERSIDAD DE GUAYAQUIL, 2014 PROPUESTA: ELABORACIÓN DE UN SITIO WEB ADAPTABLE CON CONTENIDO DE LAS ACTUALIZACIONES DE SOFTWARE, MANEJO DE IMAGEN Y NUEVOS FORMATOS DIGITALES PARA LA CARRERA DE DISEÑO GRÁFICO AUTOR: TUTOR: ROBERTO DAVID MANTILLA ARAUJO ING. JUSSEN FACUY DELGADO MSC. RESUMEN El presente proyecto tiene como tarea incorporar el uso de la tecnología de la información y la comunicación, incorporando un sitio web adaptable a todo tipo de resolución con toda la información requerida para abrir un campo de interés a quienes les apasiona el diseño gráfico. Tiene mucha importancia para el fortalecimiento en el proceso enseñanza aprendizaje en una institución de Educación Superior. Se basó en los tipos de investigación de carácter descriptiva, de campo y bibliográfica. Los beneficiarios de este proyecto son los profesores y estudiantes de la carrera de diseño gráfico en la Facultad de Comunicación Social (FACSO) de la ciudad de Guayaquil, provincia del Guayas, donde se ejecutará el sitio web adaptable como estrategia de comunicación e información educativa y tecnológica. De esta forma se describió la propuesta que correspondió a la ELABORACIÓN DE UN SITIO WEB ADAPTABLE CON CONTENIDO DE LAS ACTUALIZACIONES DE SOFTWARE, MANEJO DE IMAGEN Y NUEVOS FORMATOS DIGITALES Términos claves: Diseño gráfico Comunicación interactiva Diseño web adaptable

21 XXI UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL CARRERA DE DISEÑO GRÁFICO TEMA: ACTUALIZACIÓN DE LAS TENDENCIAS EN EL CAMPO GRÁFICO PARA LA FORMACIÓN DE LOS ESTUDIANTES DEL 4TO. AÑO DE LA CARRERA DE DISEÑO GRÁFICO DE LA FACULTAD DE COMUNICACIÓN SOCIAL (FACSO) DE LA UNIVERSIDAD DE GUAYAQUIL, 2014 PROPUESTA: ELABORACIÓN DE UN SITIO WEB ADAPTABLE CON CONTENIDO DE LAS ACTUALIZACIONES DE SOFTWARE, MANEJO DE IMAGEN Y NUEVOS FORMATOS DIGITALES PARA LA CARRERA DE DISEÑO GRÁFICO AUTOR: TUTOR: ROBERTO DAVID MANTILLA ARAUJO ING. JUSSEN FACUY DELGADO MSC. SUMARY The task of this project is to incorporate the use of information technology and communication, incorporating an adaptive website every type of resolution with all the information required to open an area of interest who are passionate about graphic design. It is very important to strengthen the teaching-learning process in an institution of higher education. It was based on the types of research of descriptive nature, field and literature. The beneficiaries of this project are teachers and students studying graphic design at the School of Social Communication (FACS) of the city of Guayaquil, Guayas Province, where the adaptable website as a communication strategy and educational information will be executed and technology. Thus the proposal corresponded to the development of an adaptive WEB SITE CONTENT UPDATES SOFTWARE, MANAGEMENT AND NEW DIGITAL IMAGE FORMATS described. Key terms: Graphic Design - Interactive Media Responsive web design