REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD...

14
REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD RAFAEL BELLOSO CHACÍN FACULTAD DE CIENCIAS DE LA INFORMÁTICA DISEÑO GRÁFICO DISEÑO DE UN SITIO WEB, INFORMATIVO SOBRE LA UBICACIÓN DE LOS CENTROS DE APOYO PARA NIÑOS CON NECESIDADES ESPECIALES EN MARACAIBO TRABAJO ESPECIAL DE GRADO PARA OPTAR AL TÍTULO DE LICENCIADO EN DISEÑO GRÁFICO ELABORADO POR: ADRIANA LÓPEZ, 19.409.744 PATRICIA ZABALA, 20.833.065 LUCIA SUAREZ, 19.210.991 ASESORADO POR: MG. CLAUDIO ORDOÑEZ DR. LUIS GONZALEZ MARACAIBO, JULIO DEL 2012

Transcript of REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD...

Page 1: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

i

REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD RAFAEL BELLOSO CHACÍN

FACULTAD DE CIENCIAS DE LA INFORMÁTICA DISEÑO GRÁFICO

DISEÑO DE UN SITIO WEB, INFORMATIVO SOBRE LA UBICACIÓN DE LOS CENTROS DE APOYO PARA NIÑOS CON NECESIDADES ESPECIALES EN

MARACAIBO

TRABAJO ESPECIAL DE GRADO PARA OPTAR AL TÍTULO DE

LICENCIADO EN DISEÑO GRÁFICO

ELABORADO POR: ADRIANA LÓPEZ, 19.409.744

PATRICIA ZABALA, 20.833.065 LUCIA SUAREZ, 19.210.991

ASESORADO POR: MG. CLAUDIO ORDOÑEZ

DR. LUIS GONZALEZ

MARACAIBO, JULIO DEL 2012

Page 2: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

ii

DISEÑO DE UN SITIO WEB, INFORMATIVO SOBRE LA UBICACIÓN DE LOS CENTROS DE APOYO PARA NIÑOS CON NECESIDADES ESPECIALES EN

MARACAIBO

Page 3: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

iii

Page 4: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

iv

Page 5: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

v

Page 6: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

vi

DEDICATORIAS

Este proyecto va dedicado con mucho amor principalmente a Dios Padre

creador de todas las cosas. Sin su apoyo y su amor por mí no hubiese podido

lograr culminar mi carrera y este proyecto. A mi madre, Adriana Pimentel, pilar

fundamental en mi vida, que me ha dado su amor, su confianza y me ha enseñado

los valores necesarios para lograr todos mis sueños y metas; a mis hermanos,

Adriana Matilde Vásquez Pimentel y Tirzo Vásquez Pimentel; a mi novio,

Humberto J. Ollaga, que con su amor me ha brindado también su apoyo

incondicional. A todas esas personas que forman parte de mi vida y que creen en

mí. A nuestros profesores Luis González y Claudio Ordoñez que son mentores en

nuestra carrera y que con sus valores nos enseñan día a día a amar nuestro oficio

y a seguir adelante, gracias a su apoyo culminamos con éxito este proyecto. Y por

último, pero no menos importante a todos los niños con necesidades especiales,

que son luz en el mundo.

Adriana López

Este logro va dedicado a Dios y a mis padres por impulsarme a estudiar lo

que soñaba y siempre creer en mí, estar orgullosos de mis logros y siempre

presentes para verlos. Lo dedico a aquellas personas que en algún momento me

apoyaron. Quiero agradecer a Richard Skinner, Gabriel Flores, Juan Pablo Reyes,

por el apoyo moral prestado para motivarme a seguir adelante con este proyecto

de investigación. Y en especial, es dedicado a los niños con necesidades

especiales, pero que nunca les ha impedido hacer grandes logros en la vida.

Patricia Zabala

Page 7: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

vii

AGRADECIMIENTOS

Agradecemos encarecidamente a Dios todopoderoso y a nuestros padres

por darnos la oportunidad de estar aquí y llegar tan lejos para culminar con éxito

la licenciatura en Diseño Gráfico, que es nuestra pasión y don.

A nuestros apreciados tutores: Dr. Luis González y Mgs. Claudio Ordoñez,

por brindarnos su apoyo, su paciencia, amor y educar con valores y principios

resaltantes, sin ustedes no hubiese sido posible. Dios les bendiga.

A nuestros compañeros y amigos por ser parte de nuestro crecimiento y

por enseñarnos un poco de cada uno.

A la Universidad Dr. Rafael Belloso Chacín, por permitirnos estudiar esta

carrera y por ser una universidad ejemplar que apoya a sus alumnos totalmente e

impulsa a cumplir las metas propuestas.

Page 8: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

viii

LÓPEZ, Pimentel Adriana; SUÁREZ, Lucia; ZABALA, Patricia Andreina. Diseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para niños con necesidades especiales de la ciudad de Maracaibo. UNIVERSIDAD Dr. Rafael Belloso Chacín, Facultad de Ciencias de la Informática. Escuela de Diseño Grafico. Maracaibo, Estado Zulia. 2012.

RESUMEN

Este proyecto de investigación se circunscribe en el área de Diseño Gráfico, específicamente del Diseño Web. Se fundamenta en los criterios compositivos y método de diseño del autor Ross Olson (2005). Los métodos de diseño que el destaca son: establecer el estilo, crear bocetos en miniatura, desarrollo de bocetos y finalmente producir los prototipos. Tomando las decisiones acertadas en el método de diseño y llevando a cabo la realización en digital de todos los bocetos realizados previamente se llevará acabo la realización y finalmente la culminación del sitio web. Se organizará el material que se recopile para la publicación de información necesaria, referente a los centros de ayuda para niños especiales, esto se reflejará en la información expuesta en el sitio. El sitio web “Angelitos” con su eslogan “La ayuda pa’ ti” contará con un concepto gráfico característico, innovador, divertido y funcional. Éste contará con un objetivo principal, el diseñar un sitio web informativo que oriente la ubicación de centros de ayuda para niños con necesidades especiales en Maracaibo, donde los padres que requieran ubicar información para sus hijos con necesidades especiales la encontrarán fácilmente. El proyecto es de gran realce ya que existe la necesidad de ubicar centros de ayuda para niños con necesidades especiales en un solo lugar, “Angelitos”.

Palabras Claves: Diseño, Sitio Web, Informativo, Niños, Necesidades especiales, Centros de Apoyo, Maracaibo.

Page 9: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

ix

LOPEZ, Pimentel Adriana; SUAREZ, Lucia; ZABALA, Patricia Andreina. Diseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para niños con necesidades especiales de la ciudad de Maracaibo. UNIVERSIDAD Dr. Rafael Belloso Chacín, Facultad de Ciencias de la Informática. Escuela de Diseño Grafico. Maracaibo, Estado Zulia. 2012.

ABSTRACT

This research project is based on the area of Graphic Design, Web Design specifically. It is based on the criteria of composition and method of design by the renowned Ross Olson. Taking the right decisions in the design method and carrying out the digital realization of all the sketches above. The website "Angelitos" with its slogan "La ayuda pa’ ti" will feature a design concept, innovative, fun and functional. This will have a main objective to design an informational website to guide the location of assistance centers for children with special needs in Maracaibo, where parents requiring locating information for their children with special needs find it easily. The project is greatly enhanced as there is a need to locate support centers for children with special needs in one place, "Angels".

Keywords: Design, Web Site, Information, Children, Special Needs, Support Centers, Maracaibo.

Page 10: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

x

ÍNDICE GENERAL

Pág.

VEREDICTO ............................................................................................................... iii

DEDICATORIA...........................................................................................................vi

AGRADECIMIENTO ................................................................................................ vii

RESUMEN ................................................................................................................ viii

ABSTRACT ................................................................................................................ix

ÍNDICE GENERAL ....................................................................................................x

INTRODUCCIÓN ....................................................................................................... 1

CAPÍTULO I. EL PROBLEMA

1. PLANTEAMIENTO DEL PROBLEMA ................................................................ 4

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

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

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

3. JUSTIFICACIÓN DE LA INVESTIGACIÓN ....................................................... 8

4. DELIMITACIÓN DE LA INVESTIGACIÓN ....................................................... 12

CAPÍTULO II. DESARROLLO

1.- BASES TEÓRICAS............................................................................................ 14

1.1 DEFINICIÓN DE MULTIMEDIA ................................................................ 14

1.2 ELEMENTOS DEL MULTIMEDIA ........................................................... 15

1.3 TIPOS DE MULTIMEDIA ........................................................................... 20

1.3.1 MULTIMEDIA OFFLINE.................................................................... 22

1.3.2 MULTIMEDIA ONLINE...................................................................... 22

1.4 INTERACTIVIDAD ...................................................................................... 22

1.5 NAVEGACIÓN EN WEB ............................................................................ 23

1.6 INTERFAZ GRÁFICA ................................................................................. 25

Page 11: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

xi

1.6.1 DIMENSIÓN FÍSICA Y DIMENSIÓN SIMBÓLICA DE LA

INTERFAZ GRÁFICA. ................................................................................ 27

1.6.2 COMUNICACIÓN E INTERACCIÓN DE LA INTERFAZ. ........... 28

1.7 ACCESIBILIDAD WEB ............................................................................... 30

1.7.1 IMPORTANCIA DE LA ACCESIBILIDAD WEB ............................ 33

1.8 DEFINICIÓN DE ORGANIZACIÓN ......................................................... 36

1.9 DEFINICIÓN DE ORGANIZACIÓN SOCIAL .......................................... 37

1.10 ORGANIZACIONES SOCIALES EN VENEZUELA............................. 39

1.10.1 CENTRO DE PSICOLOGÍA INFANTIL ........................................ 39

1.10.2 FUNDACIÓN AMIGOS DEL NIÑO CON CÁNCER ................... 41

1.10.3 FUNDACIÓN CRECIENDO JUNTOS .......................................... 42

1.10.4 FUNDACIÓN DOCTOR YASO...................................................... 43

2.- BASES LEGALES ............................................................................................. 44

3.- CASOS DE ESTUDIO: ...................................................................................... 56

4.- MÉTODOS DE DISEÑO ................................................................................... 68

4.1 MÉTODO DE DISEÑO DE ROSS OLSON ............................................. 68

4.2 MÉTODO DE DISEÑO DE MORRIZ ASIMOW...................................... 69

4.3 MÉTODO DE DISEÑO DE BRUCE ARCHER ....................................... 70

4.4 MÉTODO DE DISEÑO DE CHRISTOPHER JONES ......................... 71

4.5 MÉTODO DE DISEÑO DE JORGE FRASCARA................................... 73

CAPITULO III

ORGANIZACIÓN

1. DETERMINANTES.............................................................................................. 75

2. CRITERIOS: ........................................................................................................ 79

3. MÉTODO DE DISEÑO SELECCIONADO ...................................................... 82

4. SOPORTE Y FORMATOS DE TRABAJO....................................................... 83

Page 12: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

xii

CAPÍTULO IV

CULMINACIÓN

1.- ESTABLECER EL ESTILO ............................................................................... 85

2.- BOCETOS EN MINIATURA ............................................................................. 86

3.- DESARROLLO DE BOCETOS ........................................................................ 91

4. PRODUCCIÓN DEL PROTOTIPO ................................................................... 94

CONCLUSIONES .................................................................................................... 97

RECOMENDACIONES .......................................................................................... 98

REFERENCIAS BIBLIOGRÁFICAS. .................................................................... 99

Page 13: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

xiii

INTRODUCCIÓN

La existencia de niños con necesidades especiales ha existido desde siempre,

solo que en diferentes etapas de la humanidad ha tenido un carácter diferente y de

acuerdo al sistema socio-cultural imperante en el momento en que se viviera, ha

sido abordada por la sociedad de maneras distintas. Los centros de apoyo para

niños con necesidades especiales en la actualidad no son una opción, es una

obligación si se quiere atender correctamente estas necesidades.

La falta de información sobre ubicación de los centros de ayuda para niños

con necesidades especiales no solo coloca a los pequeños en des mejoría sino

además es de suma preocupación a todos los padres que tienen niños con

necesidades especiales; aparte las organizaciones y personas que quieran

colaborar con estas organizaciones estarían sin la información adecuada y eficaz

para lograr su objetivo de ayuda.

En vista de esto se plantea la idea de realizar un sitio web informativo sobre los

centros de ayuda para niños con necesidades especiales en la ciudad de

Maracaibo.

Para la realización de este trabajo especial de grado, se trabajará por capítulos,

siendo: Capitulo I: Definición, Capitulo II: Desarrollo, Capítulo III: Organización y

Capitulo IV: Culminación. En el primer capítulo se plantearan descripción situación

objeto de estudio, nombrado las razones por o causas que conllevarán a realizar

este proyecto, seguidamente de los objetivos tanto general como específicos que

se pretendan cumplir.

Page 14: REPÚBLICA BOLIVARIANA DE VENEZUELA UNIVERSIDAD …virtual.urbe.edu/tesispub/0093036/intro.pdfDiseño de un sitio Web informativo, sobre la ubicación de los centros de apoyo para

xiv

En el segundo capítulo, se recolectara toda la información necesaria ya para

poder utilizarla como base y sustento con respecto a la creación del producto ya

sean los distintos gráficos a utilizar, diagramación, información, colores y

tipografía.

Ya en la tercera parte del trabajo, se explicarán las determinantes a tomar en

cuenta de manera que se obtenga lo más acertado para luego proceder con los

criterios definitivos. Se continúa con el método que se seleccionará para aplicarlo

al momento de realizar el sitio web informativo.

Por último, en la Culminación, se procede a aplicar el método escogido en el

capitulo anterior junto con las herramientas previamente establecidas, para dar fin

al proyecto que cumple con todos los objetivos planteados de manera acertada.

2