Upload
others
View
15
Download
0
Embed Size (px)
Citation preview
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: [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 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