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

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, 2014. AUTOR/ES: Roberto David Mantilla Araujo

TUTOR: Ing. Jussen Facuy Delgado, Msc. REVISORES: Ing. Jussen Facuy Delgado, Msc. (Revisión Técnica)

INSTITUCIÓN: Universidad de Guayaquil

FACULTAD: 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: 0993436487 E-mail: mantillaraujo91@hotmail.com CONTACTO EN LA INSTITUCIÓN: Nombre: Secretaría de la Facultad Teléfono: (03)2848487 Ext. 123 E-mail: fca@uta.edu.ec

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

IV

UNIVERSIDAD DE GUAYAQUIL FACULTAD DE COMUNICACIÓN SOCIAL

CARRERA DE DISEÑO GRÁFICO

DIRECTIVOS

MSc. Kléber Loor Valdiviezo MSc. Kristel Matute Zhuma DECANO SUBDECANA Ab. Isabel Marin, MSc. MSc. Oscar Vélez, MSc. COORDINADOR GENERAL DIRECTOR

Ab. Xavier González SECRETARIO GENERAL

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. 093014037-1; 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.

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. 093014037-1; 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.

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. 093014037-1

VIII

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.

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

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

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

XIII

ÍNDICE GENERAL

PORTADA I

HOJA DE REPOSITORIO II

AUTOR Y CONSULTOR III

PÁGINA DE DIRECTIVOS IV

ACEPTACIÓN DEL TUTOR V

ACEPTACIÓN DE LA PROPUESTA VI

DERECHOS INTELECTUALES VII

PÁGINA DE LA REVISIÓN DE REDACCIÓN Y ORTOGRAFÍA VIII

ADVERTENCIA IX

PÁGINA DEL TRIBUNAL X

DEDICATORIA XI

AGRADECIMIENTO XII

ÍNDICE GENERAL XIII

ÍNDICE DE TABLAS XVIII

ÍNDICE DE GRÁFICOS XIX

RESUMEN XX

ABSTRACT XXI

N° Descripción Pag. INTRODUCCIÓN

XIV

CAPÍTULO I EL PROBLEMA

N° Descripción Pag. 1.1 Ubicación del problema en el contexto 1-3

1.2 Situación conflicto 3-4

1.3 Causas del problema, consecuencias 5

1.4 Delimitación del problema 5

1.5 Formulación del problema 5

1.6 Evaluación del problema 6

1.7 Objetivos de la investigación

- Objetivo general 7

-Objetivos específicos 7

1.8 Hipótesis 8

1.9 Justificación e importancia 8

CAPÍTULO II MARCO TEÓRICO

N° Descripción Pag.

2.1 Antecedentes de estudio 9

2.2 Fundamentación teórica

2.2.1 Comunicación 9-11

2.2.2 Funciones de la comunicación 11

2.2.3 Importancia 12-13

2.2.4 Comunicar la información 13

2.2.5 Publicación en internet 13-14

XV

2.2.6 El internet 14-15

2.2.7 Internet como nuevo “Medio de Comunicación” 15-16

2.2.8 Sitio web, concepto, características y beneficios 17-18

2.2.9 Tipos de sitios web 18-21

2.2.10 Utilidad de sitios web en las universidades 21-24

2.2.11 Herramientas de comunicación del sitio web 25-26

2.2.12 Aplicaciones móviles, complemento educativo 26-27

2.2.13 Diseño web adaptable o Responsive Web Design 27-29

2.2.14 El blog 29-31

2.2.15 Aplicaciones y sitios web para blogs 32

2.3 Fundamentación sociológica 33

2.4 Fundamentación tecnológica 34

2.5 Fundamentación andragógica 35

2.6 Fundamentación legal 36-38

CAPÍTULO III

METODOLOGÍA N° Descripción Pag. 3.1 Metodología de la investigación 39

3.2 Método 39-40

3.3 Tipo de Investigación 40-41

3.4 Técnicas y herramientas 41-42

3.5 Población y muestra 42-43

3.5.1 Cálculo del tamaño de muestra 43-44

XVI

CAPÍTULO IV ANÁLISIS E INTERPRETACIÓN DE RESULTADOS

N° Descripción Pag.

Tabulación y análisis de los resultados 45-51

Discusión de los resultados 52

CAPÍTULO V LA PROPUESTA

N° Descripción Pag.

5.1 Título 53

5.2 Justificación 53-54

5.3 Objetivos

5.3.1 Objetivo general 54

5.3.2 Objetivos específicos 54-55

5.4 Fundamentación

5.4.1 Bootstrap 55-56

5.4.2 Librería Jquery 57

5.4.3 HTML5 58

5.5 Ubicación física y sectorial 59

5.6 Descripción de la propuesta

5.6.1 Planificación 59-60

5.6.2 Recopilación de datos 60

5.6.3 Instalación de programas de diseño gráfico 61

5.6.4 Diseño de línea gráfica 62-64

5.7 Misión 65

5.8 Visión 65

XVII

5.9 Beneficiarios 65

5.10 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

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

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

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: ROBERTO DAVID MANTILLA ARAUJO TUTOR: 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

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: ROBERTO DAVID MANTILLA ARAUJO TUTOR: 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