REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD DR. RAFAEL BELLOSO CHACÍN FACULTAD DE CIENCIAS DE LA INFORMÁTICA

ESCUELA DE DISEÑO GRÁFICO

DISEÑO DE MULTIMEDIA PARA DESTACAR LA IMPORTANCIA DE MANTENER LA HIDRATACIÓN ADECUADA DEL CUERPO HUMANO

DIRIGIDO A NIÑOS DE 8 A 14 AÑOS DE EDAD DE LA CIUDAD DE MARACAIBO.

TRABAJO ESPECIAL DE GRADO PARA OPTAR AL TÍTULO DE LICENCIADO EN DISEÑO GRÁFICO

PRESENTADO POR: APARICIO ESTEBAN ARRIETA MARIANA

LADRÓN DE GUEVARA PETER

ASESORADO POR: MSc. ORDOÑEZ CLAUDIO

MSc. GONZÁLEZ LUIS

MARACAIBO, JULIO, 2011

2

ii

DISEÑO DE MULTIMEDIA PARA DESTACAR LA IMPORTANCIA DE MANTENER LA HIDRATACIÓN ADECUADA DEL CUERPO HUMANO

DIRIGIDO A NIÑOS DE 8 A 14 AÑOS DE EDAD DE LA CIUDAD DE MARACAIBO.

2

iii

2

iv

2

v

2

vi

DEDICATORIA

La realización de este trabajo especial de grado está dedicado a mi madre

por esforzarse desde mi nacimiento y apoyarme para seguir adelante

enriqueciéndome de conocimiento y logros; también le dedico esta meta

alcanzada a mis hermanos, Heidy Ladrón de Guevara C. y Rafael Ladrón de

Guevara C. quienes siempre brindaron todo su apoyo.

Ladrón de Guevara Peter.

Dedico este trabajo de grado a mis padres Ana Pérez y Armin Arrieta que

siempre me aguantaron y estuvieron ahí para mí, para qué saliera adelante a

la Sr. Raíza y Errol Aparicio, al sr adrian espina que nunca me desampararon

siempre me apoyaron y han sido mis 2dos padres, a alguien que me ha

acompañado durante casi media vida, que ha sido alguien incondicional y

súper especial esteban Aparicio, a 2 niñas que iluminaron mi vida mi ahijada

Camila romero y mi sobrina Sarah García son dos ángeles que bajaron del

cielo, a los que no están mis abuelos (Fidelia y Miguel) y la sr mami, que se

que hubieran sido los primeros en la fila, y a otros que también se fueron

pero estoy segura que estaría felices por mí, y a todas las personas que

siempre tuvieron muy buenos deseos y todas las buenas intenciones gracias.

Mariana Carolina Arrieta Pérez.

2

vii

AGRADECIMIENTO

Doy infinita gracias a Dios por darme vida, salud y por permitirme superar

cada obstáculo en el camino, a mi familia, por el apoyo incondicional

brindado en los buenos y no tan buenos momentos, también agradezco a los

profesores Claudio Ordoñez y Luis González, sin quienes se hubiese podido

levar a cabo este proyecto; a la universidad Dr. Rafael Belloso Chacín por

aportar a mi formación académica y a la Gobernación del Zulia en conjunto

con la Fundación Jesús Enrique losada por beneficiarme de su programa de

becas.

Ladrón de Guevara Peter.

Agradecida estoy con dios por darme vida salud y buenas oportunidades

y gracias a esto poder llegar a la meta final, a mis padres Ana y Armin que

han estado siempre allí y me han dado todas las herramientas de vida, a la

Sr Raíza y el Sr. Errol por su perseverancia y apoyo incondicional, a Esteban

Aparicio por su infinita paciencia apoyo y amor durante tanto tiempo, al Sr.

Adrian Espina por su amparo y respaldo hacia nosotros, a mis profesores

Claudio Ordoñez y Luis Gonzales que sin ellos no lo hubiéramos logrado

este excelente proyecto.

Mariana Carolina Arrieta Pérez.

2

viii

ÍNDICE GENERAL

VEREDICTO…………………………..…………………………………………….iii

DEDICATORIA……………………………………………………………………..vi

AGRADECIMIENTO……………………………………………………………….vii

RESUMEN…………………………………………………………………………xiv

ABSTRACT………………………………………………………………………...xv

ÍNDICE GENERAL…………………………………………………………......…viii

ÍNDICE DE FIGURAS………………………………………………………...…...xii

ÍNDICE GRÁFICOS……………………………………………………………….xii

INTRODUCCIÓN……………………………………………………………………1

CAPITULO I, DEFINICIÓN

1. DESCRIPCIÓN SITUACIÓN OBJETO DE ESTUDIO……………………….4

2. OBJETIVOS DE LA INVESTIGACIÓN………………………………………...7

2.1. OBJETIVO GENERAL……………………………………………………...7

2.2. OBJETIVOS ESPECÍFICOS……………………………………………....8

3. JUSTIFICACIÓN ...………………………………………………………………8

4. DELIMITACIÓN…………………………………………………………………..9

CAPITULO II, DESARROLLO

1. BASES TEÓRICAS………………………………………………………….…12

1.1. MULTIMEDIA………………………………………………………………12

1.2. ELEMENTOS MULTIMEDIA……………………………………………..13

1.2.1. AUDIO……………………………………………………………….13

1.2.2. ANIMACIÓN……………………………………………………...…14

1.2.3. VÍDEO…………………………………………………………….…15

1.3. NAVEGACIÓN………………………………………………………..……16

1.3.1. ESTRUCTURAS DE NAVEGACIÓN…………………………….16

1.3.1.1 LINEAL……………………………………………………...16

(A) BÁSICA………………………………………………….17

(B) CON ALTERNATIVAS…………………………………17

(C) CON OPCIONES……………………………………….18

2

ix

(D) CON CAMINOS LATERALES………………………...19

1.3.1.2. REJILLA……………………………………………..…….19

1.3.1.3 JERARQUÍA………………………...……………………..20

(A) ÁRBOL ESTRECHO…………………….…………….21

(B) ÁRBOL ANCHO………………………………………..21

1.3.1.4. NO LINEAL………………………………………………..22

1.4. INTERFAZ…………………………………………………………...……..22

1.5. CARACTERÍSTICAS DE LA INTERFAZ………………………………..23

1.5.1. SELECCIÓN POR MENÚ……………………………...………...23

1.5.2. RELLENADO DE ESPACIOS……………………………………23

1.5.3 LENGUAJE DE COMANDOS…………………………………….24

1.5.4. LENGUAJE NATURAL……………………………………………24

1.5.5 MANIPULACIÓN DIRECTA ...……………………………………24

1.6. ZONAS DE COMUNICACIÓN……………………………….………….25

1.6.1. ZONAS DE TRABAJO……………………………………………25

1.6.2. ZONAS DE CONTROL DEL PROGRAMA…………………….26

1.6.2.1 CONTROL DEL FLUJO DE EJECUCIÓN……………..26

1.6.2.2 CONTROL DEL RITMO………………………………….26

1.6.3. ZONAS DE CONTEXTO PARA LA ACCIÓN…………………..26

1.7. EL AGUA Y SU IMPORTANCIA EN EL CUERPO HUMANO……….27

1.8. FUNCIÓN DEL AGUA DENTRO DEL CUERPO HUMANO…………28

1.9. ALIMENTACIÓN E HIDRATACIÓN…………………………………….29

1.10. HIDRATACIÓN…………………………………………………………..29

1.11. CONDICIONES SALUBRES DEL AGUA…………………………….30

1.12. HIDRATACIÓN CORPORAL DE NIÑOS Y ADOLESCENTES…....31

1.13. LA DESHIDRATACIÓN…………………………………………………32

1.14. CONDICIONES CLIMÁTICAS Y LA DESHIDRATACIÓN...………..33

1.15. PROMEDIO DE INGESTA DE LÍQUIDOS…………………………...34

2. BASES LEGALES………………………………………………………………37

2.1. LEY DE LA TECNOLOGÍA………………………………………………37

2

x

2.2. LEY DE LOS DERECHOS DE AUTOR………………………………..40

3. CASOS DE ESTUDIO………………………………………………………….43

4. MÉTODOS DE DISEÑO……………………………………………………….61

4.1. METODO DE DISEÑO DE GALVIS……………………………………61

4.2. MÉTODO DE DISEÑO DE ARIAS, LÓPEZ Y ROSARIO……………62

4.3. MÉTODO DE DISEÑO DE PERE MARQUÉS………………………..63

4.4. MÉTODO DE DISEÑO DE LÓPEZ, PELÁEZ Y ABUD………………64

4.5. MÉTODO DE DISEÑO DE CATALDI, LAGE, PESSACQ Y

GARCÍA…………………………………………………………………………….65

CAPITULO III, ORGANIZACIÓN

1. DETERMINATES DEL PROYECTO………………………………………….67

2. CRITERIOS DEL PROYECTO………………………………………………..70

3. MÉTODO DE DISEÑO SELECCIONADO…………………………………..72

3.1. DEFINICIÓN DE REQUISITOS DEL SISTEMA……………………….73

3.2. DESCRIPCIÓN DEL APRENDIZ………………………………………..73

3.3. ESTRUCTURACIÓN DEL CONTENIDO……………………………….74

3.4. PRE-DISEÑO O DISEÑO ESTÉTICO…………………………………..74

3.5. DISEÑO FUNCIONAL…………………………………………………….74

3.6. DISEÑO DE INTERFAZ…………………………………………………..75

3.7. DEFINICIÓN DE LAS ACTIVIDADES INTERACTIVAS………………75

3.8. ELECCIÓN DEL AMBIENTE DE DESARROLLO……………………..75

3.9. DISEÑO DEL SISTEMA……………………………………………….….76

4. SOPORTE Y FORMATO DEL PROYECTO…………………………………76

CAPÍTULO IV, CULMINACIÓN

1. DESARROLLO DEL PROYECTO…………………………………………….78

1.1. DEFINICIÓN DE REQUISITOS DEL SISTEMA……………………….78

1.2. DESCRIPCIÓN DEL APRENDIZ…………………………………..……79

1.3. ESTRUCTURACIÓN DEL CONTENIDO…………………………...…..79

1.4. PRE-DISEÑO O DISEÑO ESTÉTICO…………………………………..80

1.4.1. SELECCIÓN DEL NOMBRE DEL PRODUCTO MULTIMEDI…81

2

xi

1.4.2. DISEÑO DE IDENTIFICADOR……………………………………82

1.4.3. DISEÑO DE PERSONAJE ANFITRIÓN……………………….…84

1.4.4. SELECCIÓN DE COLORES……………………………………....87

1.4.5. GRÁFICOS…………………………………………………………..90

1.4.6 ANIMACIÓN………………………………………………….………91

1.4.7. TIPOGRAFÍA…………………………………………………….….92

1.4.8. AUDIO………………………………………………………………..93

1.5. DISEÑO FUNCIONAL…………………………………………………….93

1.5.1. ESQUEMA DE NAVEGACIÓN…………………………………....94

1.5.2. ZONAS DE COMUNICACIÓN………………………………….…94

1.5.2.1. ZONAS DE TRABAJO……………………………….......94

1.5.2.2. ZONAS DE CONTROL DE PROGRAMA………….…..95

(A) CONTROL DEL FLUJO DE EJECUCIÓN………….95

(B) CONTROL DEL RITMO………………………………96

1.5.2.3. ZONAS DE CONTEXTO PARA LA ACCIÓN..…………97

1.5.3. ACCESIBILIDAD……………………………………………………98

1.6. DISEÑO DE INTERFAZ…………………………………………………..99

1.7. DEFINICIÓN DE LAS ACTIVIDADES INTERACTIVAS………………99

1.8. ELABORACIÓN DEL AMBIENTE DE DESARROLLO………………100

1.9. DISEÑO DEL SISTEMA FINAL………………………………………...100

CONCLUSIONES………………………………………………………………..102

RECOMENDACIONES………………………………………………………….104

REFERENCIAS BIBLIOGRÁFICAS………………………………………......105

2

xii

ÍNDICE DE FIGURAS

FIGURA 1. ESQUEMA DE NAVEGACIÓN LINEAL BÁSICA…………………………17 FIGURA 2. ESQUEMA DE NAVEGACIÓN LINEAL CON ALTERNATIVAS………..18 FIGURA 3. ESQUEMA NAVEGACIÓN LINEAL CON OPCIONES…………………..18 FIGURA 4. ESQUEMA DE NAVEGACIÓN LINEAL CON CAMINOS LATERALES………………………………………………………………………………..19 FIGURA 5. ESQUEMA DE NAVEGACIÓN DE REJILLA……………………………..20 FIGURA 6. ESQUEMA NAVEGACIÓN JERÁRQUICA DE ÁRBOL ESTRECHO….21 FIGURA 7. ESQUEMA DE NAVEGACIÓN JERÁRQUICA DE ÁRBOL ANCHO…..22 FIGURA 8. MÉTODO DE DISEÑO DE SOFTWARE EDUCATIVO DE GALVIS…..61 FIGURA 9. MÉTODO DE DISEÑO DE SOFTWARE POR ARIAS, LÓPEZ Y ROSARIO…………………………………………………………………………………...62 FIGURA 10. MÉTODO DE DISEÑO DE SOFTWARE EDUCATIVO DE PERE MARQUÉS………………………………………………………………………………….63 FIGURA 11. MÉTODO DE DISEÑO DE SOFTWARE POR LÓPEZ, PELÁEZ Y ABUD……………………………………………………………………………………..…64 FIGURA 12. MÉTODO DE DISEÑO DE SOFTWARE EDUCATIVO DE CATALDI, LAGE, ZESSACQ Y GARCÍA…………………………………………………….65 FIGURA 13. MÉTODO DE DISEÑO PARA SOFTWARE INFAMATIVO DE APARICIO, ARRIETA Y LADRÓN DE GUEVARA…………………………………….72 FIGURA 14. ESQUEMA DE CONTENIDO DE INFORMACIÓN PROYECTO MULTIMEDIA……………………………………………………………………………….80 FIGURA 15. PROPUESTA DE NOMBRES PARA PROYECTO MULTIMEDIA……81 FIGURA 16. PROPUESTA DISEÑO LOGOTIPO PROYECTO MULTIMEDIA…….82 FIGURA 17. LOGOTIPO PROYECTO MULTIMEDIA…………………………………83 FIGURA 18. IMAGOTIPO PROYECTO MULTIMEDIA………………………………..83 FIGURA 19. PROPUESTA DE DISEÑO ANFITRIÓN PROYECTO MULTIMEDIA..84 FIGURA 20. PROPUESTA DE DISEÑO ANFITRIÓN PROYECTO MULTIMEDIA..85 FIGURA 21. PROPUESTA DE DISEÑO ANFITRIÓN PROYECTO MULTIMEDIA..85 FIGURA 22. DISEÑO DE PERSONAJE ANFITRIÓN PROYECTO MULTIMEDIA...86 FIGURA 23. COLORES IDENTIFICATIVOS DEL PROYECTO MULTIMEDIA…….87 FIGURA 24. LOGOTIPO A COLOR……………………………………………………..88 FIGURA 25. IMAGOTIPO A COLOR…………………………………………………….88 FIGURA 26. ANFITRIÓN A COLOR……………………………………………………..89 FIGURA 27. COLORES SECCIONES DEL MULTIMEDIA……………………………90 FIGURA 28. ANIMACIÓN DEL INTRO DEL MULTIMEDIA…………………………..91 FIGURA 29. TIPOGRAFÍA AGENT ORANGE………………………………………….92 FIGURA 30. TIPOGRAFÍA HARABANA………………………………………………..93 FIGURA 31. ZONA DE TRABAJO…………………………………………….…………95 FIGURA 32. ZONA DE CONTROL DE FLUJO DE EJECUCIÓN…………………….96 FIGURA 33. ZONA DE CONTROL DE RITMO………………………………………...97 FIGURA 34. ZONA DE CONTEXTO PARA LA ACCIÓN……………………………..98 FIGURA 35. BOTONES, INTERFAZ DE MANIPULACIÓN DIRECTA………………99

2

xiii

ÍNDICE DE GRÁFICOS

GRÁFICO 1, ANÁLISIS TÉCNICO CASO DE ESTUDIO 1…………………..45

GRÁFICO 2, ANÁLISIS FUNCIONAL CASO DE ESTUDIO 1……………….46

GRÁFICO 3, ANÁLISIS ESTÉTICO CASO DE ESTUDIO 1…………………47

GRÁFICO 4, ANÁLISIS TÉCNICO CASO DE ESTUDIO 2…………………..48

GRÁFICO 5, ANÁLISIS FUNCIONAL CASO DE ESTUDIO 2……………….49

GRÁFICO 6, ANÁLISIS ESTÉTICO CASO DE ESTUDIO 2…………………50

GRÁFICO 7, ANÁLISIS TÉCNICO CASO DE ESTUDIO 3…………………..51

GRÁFICO 8, ANÁLISIS FUNCIONAL CASO DE ESTUDIO 3……………….52

GRÁFICO 9, ANÁLISIS ESTÉTICO CASO DE ESTUDIO 3…………………53

GRÁFICO 10, ANÁLISIS TÉCNICO CASO DE ESTUDIO 4…………………54

GRÁFICO 11, ANÁLISIS FUNCIONAL CASO DE ESTUDIO 4……………...55

GRÁFICO 12, ANÁLISIS ESTÉTICO CASO DE ESTUDIO 4………………..56

GRÁFICO 13, ANÁLISIS TÉCNICO CASO DE ESTUDIO 5…………………57

GRÁFICO 14, ANÁLISIS FUNCIONAL CASO DE ESTUDIO 5……………..58

GRÁFICO 15, ANÁLISIS ESTÉTICO CASO DE ESTUDIO 5……………….59

GRÁFICO 16, CUADRO COMPARATIVO CASOS DE ESTUDIO………….60

2

xiv

Aparicio Esteban, Arrieta Mariana, Ladrón de Guevara Peter, Diseño de multimedia para destacar la importancia de mantener la hidratación adecuada del cuerpo humano dirigido a niños de 8 a 14 años de edad de la ciudad de Maracaibo. Universidad Dr. Rafael Belloso Chacín (URBE). Facultad de ciencias de la informática. Escuela de diseño gráfico. Maracaibo, 2011.

RESUMEN El presente proyecto especial de grado lleva por objetivo dar a conocer la importancia de mantener bien hidratado el cuerpo humano y se encuentra dirigido a niños de 8 a 14 años de edad de la ciudad de Maracaibo, utilizando como herramienta para ello el diseño de un multimedia que fue desarrollado en cuatro capítulos, siendo el primero donde se realizo un trabajo de investigación y recolección de información pertinente sobre la hidratación y el desarrollo de este tipo de sistema. luego en el segundo capítulo se procedió a evaluar cinco productos similares y analizar diferentes métodos de diseño para su desarrollo con la finalidad de obtener antecedentes que brindarán indicio de cómo debe ser la producción de un sistema multimedia; seguidamente se procedió a el tercer capítulo donde se definieron los parámetros de diseño y desarrollo, centrándose principalmente en un método de diseño compuesto con referencia en métodos de los autores Arias, López y Rosario, López, Peláez y Abud así como de Cataldi, Lage, Passacq y García . Para luego dar satisfactoria culminación en el cuarto capítulo con la realización del producto multimedia propuesto pudiéndose concluir que los objetivos planteados fueron alcanzados con el producto final. Palabras claves: Diseño gráfico, Multimedia, Hidratación.

2

xv

Esteban Aparicio, Arrieta Mariana Ladron de Guevara Peter, Multimedia design to highlight the importance of maintaining proper hydration of the body aimed at children 8 to 14 years old the city of Maracaibo. Universidad Dr. Rafael Belloso Chacin (URBE). Faculty of computer science. Graphic design school. Maracaibo, 2011.

SUMMARY This degree takes special project aimed at raising awareness of the importance of keeping the body hydrated and is aimed at children 8 to 14 years old Maracaibo, using it as a tool for the design of a multimedia which was developed in four chapters, the first which was held a research and gathering relevant information on the hydration and the development of this type of system. then in the second chapter was to evaluate and analyze similar products five different methods of design for development with the aim of obtaining a history that will provide evidence of how it should be the production of a multimedia system, then proceeded to the third chapter which defined the parameters of design and development, focusing mainly on a design method with reference compound in methods of the authors Arias, Lopez and Rosario López Peláez and Abud and Cataldi, Lage, Passacq and Garcia. Then give satisfactory completion in the fourth chapter with the proposed media product realization be concluded that the objectives were achieved with the final product Keywords: Graphic Design, Multimedia, Hydration.

2

xvi

INTRODUCCIÓN

Actualmente, los avances tecnológicos constituyen un complemento

común para el desarrollo de las actividades de las personas, siendo

utilizados en diferentes áreas, atribuyendo de una gran gama de bondades a

las diferentes practicas en la que se desenvuelve.

Estos avances tecnológicos han sido enfocados en su mayoría al

desarrollo de nuevas formas de difusión de información y comunicación,

siendo un valioso aporte para el área de formación educativa, colaborando a

través del uso de distintos elementos multimedia.

El multimedia se presenta con la combinación de distintos elementos,

haciéndolos trabajar de forma armónica para cumplir un objetivo

predeterminado, teniendo como ventaja el atractivo que el audio, los visuales

y la interactividad aporta sobre el usuario.

Según lo descrito, el desarrollo de un multimedia como herramienta de

difusión de información se muestra apropiado, ya que permite al usuario ser

abordado por contenido informativo contando con su aceptación gracias la

implementación de medios digitales actuales.

En esta investigación se plantea el desarrollo de un proyecto multimedia

para impartir conocimiento sobre la importancia de la hidratación del cuerpo y

la forma de mantenerla, dirigido a niños y jóvenes. En este sentido el

desarrollo de este proyecto especial de grado se concretara en 4 capítulos.

Inicialmente, en el capítulo I, se encuentran la situación objeto de estudio,

donde se describe la situación actual referente al tema; el objetivo general, el

2

xvii

cual es brindar el conocimiento sobre cómo mantener la adecuada

hidratación del cuerpo; así como los objetivos específicos que son las fases a

cumplir para conseguir el objetivo general. De igual forma se presenta la

justificación y la delimitación de la investigación.

En el capítulo II, se presentan las bases teóricas, donde se describen los

conceptos básicos y de conocimiento necesario para el desarrollo del

proyecto multimedia, así como los aspectos legales; también se analizan

proyectos similares realizados con anterioridad y además se estudian los

métodos de diseño para desarrollar software propuestos por autores.

Seguido del capítulo III, donde se presentan las determinantes, los

criterios y el método de diseño seleccionado, que servirán de guía para el

desarrollo satisfactorio del software; de igual manera se muestra el soporte y

formato mediante el cual será presentado el producto final.

Ya para finalizar, el capítulo IV, es donde se muestra paso a paso el

desarrollo del proyecto multimedia mediante el método seleccionado en el

capítulo III, así como se presenta la memoria descriptiva del producto final.