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) FACULTAD: Facultad de Comunicación Social (FACSO)

INSTITUCIÓN: Universidad de Guayaquil 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: [email protected] CONTACTO EN LA INSTITUCIÓN: Nombre: Secretaría de la Facultad Teléfono: (03)2848487 Ext. 123 E-mail: [email protected]

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 DECANO

MSc. Kristel Matute Zhuma SUBDECANA

Ab. Isabel Marin, MSc. COORDINADOR GENERAL

MSc. Oscar Vélez, MSc. 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

ADVERTENCIA

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 INTRODUCCIÓN

Pag.

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.4

5.3.1 Objetivo general

54

5.3.2 Objetivos específicos

54-55

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: 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

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