FACULTAD DE CIENCIAS DE LA COMUNICACIÓN

PROYECTO DE GRADUACION

Diseño de un sitio web para la Organización no Gubernamental

(ONG) “Centro de Capacitación para la mujer artesana las

Gravileas” para dar a conocer la organización, los programas y

proyectos que imparte a mujeres de escasos recursos. Antigua

Guatemala, Guatemala 2012.

CRISTAL MARISOL MARROQUIN M.

CARNÉ No. 20072363

Guatemala de la Asunción 2012.

AUTORIDADES

RECTOR:

DR. EDUARDO SUGER COFIÑO

VICERRRECTOR ACADÉMICO:

DR. CYRANO RUIZ CABARRÚS

VICERRECTORA ADMINISTRATIVA:

LICDA. MAYRA DE RAMÍREZ

DECANO FACULTAD DE CIENCIAS DE LA COMUNICACIÓN:

LIC. LEIZER KACHLER

VICEDECANO FACULTAD DE CIENCIAS DE LA

COMUNICACIÓN:

LIC. RUALDO ANZUETO

Resumen

La Organización No Gubernamental (ONG) “Centro de Capacitación para la mujer

artesana Las Gravileas” está situada en el municipio de Antigua Guatemala, el

cual capacita anualmente a 1,500 mujeres de toda la republica de Guatemala de

escasos recursos que acuden a recibir cursos de repostería, flores artificiales de

papel, tuza y tela, corte y confesión, para que posteriormente puedan beneficiarse

de la capacitación obtenida. Dicha institución actualmente no cuenta con un sitio

web que permita darse a conocer a nivel nacional para que otras personas o

entidades que con fines benéficos quieran invertir tiempo y dinero a la institución y

cumplir su objetivo principal, debido al poco tiempo que tiene de haberse fundado.

En base a esta problemática se identificó la necesidad de crear un sitio Web

informativo y dinámico donde se brindara información del centro, de los programas

y proyectos que realiza la institución. Para la que se crearon objetivos de diseño

al realizar un trabajo de investigación del cliente y del grupo objetivo. Asimismo se

investigó información fundamental de respaldo teórico para el proyecto, como la

forma de promover la institución para mujeres de escasos recursos,

.capacitándolas en diferentes áreas, para que tengan mejor desarrollo personal y

social de excelencia que genere bienestar a su familia y a su comunidad, que es

uno de los objetivos deseados de la institución.

Luego de haber realizado una investigación sobre la parte teórica, estos

conocimientos fueron aplicados al proceso de valoración donde se utilizó la

técnica del mapa conceptual, y se definió una percepción a utilizar. Con esta

opinión definida, se procedió a realizar bocetos, luego se digitalizaron y finalmente

se llegó a una propuesta preliminar. Con esta etapa terminada, la validación fue el

paso siguiente: para comprobar los objetivos de diseño y de comunicación, así

como los aspectos de legibilidad y utilidad. Se utilizó como instrumento de

validación una encuesta tipo Likert de 15 preguntas, que evaluaron todos los

aspectos anteriormente mencionados. Con base en estos cambios de la

validación, se creó la propuesta gráfica final donde se muestra en capturas de

pantalla cada sección del sitio Web realizados.

En conclusión, se elaboró con éxito un sitio Web informativo y dinámico para el

“Centro de capacitación para la mujer artesana las Gravileas”, con los objetivos de

diseño: donde se recopiló la información necesaria acerca de los programas y

proyectos que realizan la institución para mujeres de escasos recursos con deseo

de superación, capacitándolas en diferentes áreas como cocina, corte y

confección, repostería, montaje de eventos y manualidades.

Índice

Capítulo I: ........................................................................................................................... 1

1.1 Introducción: .............................................................................................................................. 1

Capítulo II: Problemática: ............................................................................................ 2

2.1 Contexto: ...................................................................................................................................... 2

2.2 Requerimiento de Comunicación y Diseño: .................................................................. 2

2.3 Magnitud: ..................................................................................................................................... 2

2.4 Trascendencia: ........................................................................................................................... 3

2.5 Vulnerabilidad: ........................................................................................................................... 3

2.6 Factibilidad: ................................................................................................................................. 3

Capítulo III: Objetivos de Diseño: ................................................................................ 4

3.1 Objetivo General:........................................................................................................................ 4

3.2 Objetivos Específicos: ............................................................................................................. 4

Capítulo IV: Marco de Referencia: .............................................................................. 5

4.1 Información general del cliente:........................................................................................ 5

Capítulo V: Definición del grupo objetivo: .............................................................. 9

5.1 Perfil geográfico: ..................................................................................................................... 9

5.2 Perfil demográfico: ................................................................................................................. 9

5.3 Perfil psicográfico: ................................................................................................................. 9

5.4 Perfil Conductual: ................................................................................................................... 9

Capítulo VI: Marco Teórico: ....................................................................................... 10

6.1 Conceptos fundamentales relacionados con el producto o servicio:.................. 10

6.2 Conceptos fundamentales relacionados con la comunicación y el diseño: ..... 16

6.3 Ciencias auxiliares, teorías y tendencias: ..................................................................... 25

Capítulo VII: Proceso de diseño y Propuesta preliminar: ................................ 29

7.1 Aplicación de la Información obtenida en el Marco Teórico: ............................ 29

7.2 Conceptualización: ............................................................................................................. 30

7.2.1 Método:……………………………………………………………………………………………. 31

7.2.2 Definición de Concepto:………………………………………………………………….…. 31

7.3. Bocetaje: …............................................................................................................................. 36

7.4 Propuesta Preliminar.......................................................................................................... 46

Capítulo VIII: Validación Técnica: ………………………………………………….……… 53

8.1 Población y Muestreo: ..................................................................................................... 53

8.2 Método e Instrumentos: ................................................................................................... 54

8.3 Resultados e Interpretación de resultados: …………………………………………. 58

8.4 Cambios en base a los resultados: ………………………………………………………. 75

Capítulo IX: Propuesta gráfica final: ………………………………………………..….. 82

Capítulo X: Producción, reproducción y distribución: ……………………….… 89

10.1 Plan de costos de elaboración: ………………………………………………………..…. 89

10.2 Plan de costos de Producción: …………………….………………………………….….... 90

10.3 Plan de costos de distribución: …………………….…………………………………..…. 90

Capítulo XI: Conclusiones y Recomendaciones: …….…………………….…,…. 92

11.1 Conclusiones: …………………………………………….……………………………….…… 92

11.2 Recomendaciones: ………………………………………………………………………….. 92

Capítulo XII Bibliografía: ........................................................................................ 94

12.1 Bibliografía Web: .............................................................................................................. 95

Capítulo XIII Anexos: ................................................................................................. 96

CAPÍTULO I

1.1 INTRODUCCIÓN:

En este proyecto de graduación titulado: Diseño de un sitio web para dar a

conocer la organización no Gubernamental (ONG) “Centro de Capacitación

para la mujer artesana las Gravileas”, se ha detectado que dicha institución

carece de sitio Web que proporcionará la información necesaria acerca de los

programas y proyectos que imparten para mujeres de escasos recursos,

brindándoles formación integral que mejore su nivel de vida personal, familiar y

social.

Según la necesidad encontrada, se plantearon los siguientes objetivos: 1.

“Investigar acerca de la construcción de un sitio web y así diseñar uno

adecuado para el Centro de capacitación para la mujer artesana las Gravileas”,

2. “Recopilar información del centro de capacitación para la mujer artesana las

Gravileas, para colocarlo en el sitio web de la organización. 3. “fotografiar

diferentes actividades que realiza la institución para colocarlo en el sitio web del

centro. 4. “Buscar los colores adecuados que representen a la institución, para

ubicarlos en el sitio web de la organización. A través de la técnica del mapa

conceptual, se llego al concepto creativo: “Mujer, creemos y confiamos en ti”.

Este concepto refleja la importancia de creer y confiar en el potencial que cada

mujer trae, capacitándola para que se pueda desenvolver en el ámbito laboral

que mejore su nivel de vida personal, familiar y social. Este proyecto se validó

a través de la herramienta de encuesta a 3 grupos diferentes: el cliente, el

grupo objetivo y los expertos.

-1-

CAPÍTULO II

PROBLEMÁTICA: La Organización No Gubernamental (ONG) “Centro de

Capacitación para la mujer artesana Las Gravileas” está situada en el

municipio de Antigua Guatemala, el cual capacita anualmente a 1,500

mujeres de escasos recursos de toda la republica de Guatemala, que acuden a

recibir cursos de repostería, flores artificiales de papel, tuza y tela, corte y

confección, para que posteriormente puedan beneficiarse de la capacitación

obtenida. Dicha institución actualmente no cuenta con un sitio web que permita

darse a conocer a nivel nacional para que otras personas o entidades que

con fines benéficos quieran invertir tiempo y dinero en la institución y así

cumplir otro de sus objetivos principales, debido al poco tiempo que tiene de

haberse fundado.

2.1 CONTEXTO

La Organización No Gubernamental (ONG) “Centro de Capacitación para la

mujer artesana Las Gravileas”, fue creada en 1980 en la Ciudad de Antigua

Guatemala, en donde se dedica a impartir cursos de repostería, flores

artificiales de papel, tuza y tela. Además brinda capacitación itinerante en el

área de administración e innovación de productos a mujeres de toda la

republica. Esta organización no cuenta con un sitio web que permita darse a

conocer a nivel nacional, para que otras personas o entidades con el fin de ayuda

o colaboración puedan servir a la misma en llevar a cabo el servicio comunitario

a la sociedad.

2.2 REQUERIMIENTO DE COMUNICACIÓN Y DISEÑO

Ya que la entidad no cuenta con un sitio web es necesario diseñar el mismo que

específicamente dé a conocer a la entidad tanto por la manera de cómo se

maneja, cómo se administra y el servicio que presta a la comunidad en general.

Toda institución que se crea o se funda con fines de lucro o no, necesita

situarse actualmente en un lugar estratégico para que todas las personas dentro

y fuera del ámbito nacional e internacional sepan de que existe y que está

situado en determinado lugar llevando a cabo actividades de capacitación a un

grupo de féminas que quieran superarse.

2.3 MAGNITUD

Guatemala tiene 14.3 millones de habitantes, se dividen en 22

departamentos, uno de los cuales es el departamento de Sacatepéquez que

cuenta con 251,265 habitantes aproximadamente. De este departamento se

destaca el municipio de Antigua Guatemala, de los cuales hay 23 ONG´S

aproximadamente, entre ellas la Organización No Gubernamental el “Centro de

Capacitación para la mujer artesana las Gravileas” a la que llegan 1,500 mujeres

aproximadamente a capacitación al año. -2-

2.4 TRASCENDENCIA: La Organización No Gubernamental (ONG)

“Centro de Capacitación para la mujer artesana Las Gravileas”, al igual que el

ser social, no puede existir aislada del mundo, por lo tanto es necesario de

que la misma la conozcan, creando imagen de lo que es y de lo que pretende ser

a futuro en cuanto a la actividad que realiza la entidad, lo cual lo puede conseguir

creando un sitio web, para que puedan conocer y ayudar a esta institución,

personas interesadas en servir, en capacitarse y en apoyar económicamente a

la organización.

2.5. VULNERABILIDAD:

A través del presente proyecto, se optó por la creación de un sitio web para “El

Centro de Capacitación para la mujer artesana Las Gravileas” al permitir a los

usuarios ver la información que sea de su interés, y así reunir fondos suficientes

para mantener la institución y contactarse fácilmente con la institución.

2.6 FACTIBILIDAD: El proyecto es factible siempre y cuando se cumplan estas

cuatro variables:

2.6.1. Humanos:

La Organización No Gubernamental (ONG) “Centro De Capacitación para la

mujer artesana las Gravileas” cuenta con el recurso humano que brindará la

información necesaria para realizar el sitio web, en el que se dará a conocer la

institución y los programas que imparte.

2.6.2. Organizacionales:

Se cuenta con el apoyo de la Organización No Gubernamental (ONG)

“Centro de Capacitación para la mujer artesana las Gravileas” que es la institución

a quien se le trabajará el proyecto, y dará los requerimientos necesarios

para el diseño de un sitio web.

2.6. 3. Económicos:

El sitio web será publicado por el momento en un lugar gratuito, mientras la

Organización No Gubernamental (ONG) “Centro de Capacitación para la mujer

artesana las Gravileas” tenga los recursos económicos suficientes para llevar a

cabo este proyecto.

2.6. 4. Tecnológicos:

Se dispone de los recursos técnicos, tales como: software y hardware para

diseñar el sitio web.

-3-

CAPÍTULO III

OBJETIVOS DEL DISEÑO

Diseñar un sitio web para la Organización No Gubernamental (ONG)

“CENTRO DE CAPACITACIÓN PARA LA MUJER ARTESANA LAS

GRAVILEAS”, para dar a conocer la organización, los programas y

proyectos que imparte a mujeres de escasos recursos en Antigua

Guatemala.

3.2 OBJETIVOS ESPECÍFICOS

Investigar acerca de la construcción de un sitio web y así poder

diseñar uno adecuado para el “Centro de Capacitación para la mujer

artesana las Gravileas”.

Recopilar información del “Centro de Capacitación para la mujer

artesana las Gravileas”, para colocarlo en el sitio web de la Organización.

Fotografiar diferentes actividades que realiza la institución para colocarlo

en el sitio web de la Organización No Gubernamental “Centro de

Capacitación para la mujer artesana las Gravileas”.

Buscar colores adecuados que representen a la institución, para

ubicarlos en el sitio web de la Organización No Gubernamental “Centro

de Capacitación para la mujer artesana las Gravileas”.

-4-

CAPÍTULO IV

MARCO DE REFERENCIA

4.1 Información general del cliente:

Nombre de la Institución: Organización No Gubernamental “Centro de

Capacitación para la mujer artesana las Gravileas”.

Centro de Capacitación:

Misión: Proporcionar a las mujeres de escasos recursos formación

integral que mejore su nivel de vida personal, familiar y social.

Visión: Desarrollar en cada una de nuestra beneficiarias actitudes

empresariales que les permitan a través de la creación de pequeñas

empresas, aumentar sus valores humanos.

Datos generales de la Organización No Gubernamental “Centro de

Capacitación las Gravileas”:

Ubicación: Santa Catarina Bobadilla, contiguo a la iglesia católica, Camino

a San Juan del Obispo o Santa María de Jesús, Antigua Guatemala,

Sacatepéquez.

Teléfonos: 78324606/ 78324607

Contacto Personal:

Dalila Wilhelm

Cel: 5966-1663

E-mail: dalilawilhelm@gmail.com

Antecedentes de la Organización No Gubernamental “Centro

de Capacitación las Gravileas”.

Es un Centro de capacitación para la mujer artesana, que brinda

capacitación técnica integral, a mujeres que desean superarse en las

áreas de Cocina nacional e internacional, panadería y repostería

comercial y profesional, dulces típicos, arreglos florales, montaje de

eventos, corte y confección y toda clase de bordados, pintura en

tela, madera y vidrio, textiles, combinación de colores, acabados y

diseños nuevos.

-5-

Objetivo Institucional

Objetivo: Brindar capacitación a mujeres de toda la república de

escasos recursos. Gravileas como centro de capacitación quiere

brindar a sus alumnas ese cobijo y obtener en ellas un desarrollo

personal y social de excelencia que genere bienestar a su familia y a su

comunidad.

Valor Institucional

Valor: La solidaridad. Ser Solidario significa apoyar y ayudar a todo aquel

que vive un problema o pasa por una situación difícil.

Factores de diferenciación

Factores: Sus programas pueden ser diseñados de acuerdo a sus

necesidades y cuentan con servicio de hospedaje y alimentación.

Esquema Organizacional

Organigrama:

ACOE

-6-

Consejo Directivo

Administración Directora Encargada de

Proyectos

Asistente

Recepción (2) Auxiliar de contabilidad Orientación Coordinadora de

cursos/ Técnica Asistente

Auxiliar de orientación

Colaboradoras Técnica Dueñas Técnicas

Instructoras Instructoras

Promotora Promotora

Asistente de

Administración

Cafetería (1)

Guardianía (2)

Limpieza (5)

Diagnóstico FODA

ASPECTO FORTALEZAS OPORTUNIDADES

Infraestructura -instalaciones apropiadas

-Vehículos propios

-De ampliar las instalaciones

si se consigue el

financiamiento.

Procesos Pedagógicos

-Promotoras

-Se utilizan técnicas más avanzadas en

las diferentes áreas de capacitación.

-Equipo adecuado.

-Programa de becas.

-La demanda de servicios

y la capacitación.

-Aprovechar el cambio

de mentalidad de la

mujer ante las

capacitaciones.

Personal Técnico y

Administrativo

-Instructoras especializadas en

sus diversas áreas.

-Administrativo, personal

idóneo.

-Crecimiento profesional y

económico.

-Posibilidad de capacitarse y

de aprender.

-Relaciones interpersonales.

- Posibilidad de seguir

estudiando y trabajando.

Tecnología -Computadoras

-Equipo audiovisual

-Pagina Web

-Donación de equipo.

-Posibilidad de capacitación.

-Compras de equipo a través

de un proyecto.

Promoción

-Volantes

-Trifoliares

-Experiencias

-Prestigio

-Normativas

-Cable, revistas, radio,

contratar el servicio.

-Las alumnas son un medio de

promoción.

Alumnas

-Deseo de aprender y superarse.

-Motivación en sus cursos.

-Necesidad de aprender un oficio y

aportar económicamente a su hogar.

-Tener su propio negocio o

emplearse.

-Aprender bien.

-Crecimiento económico.

-Aumentar el autoestima en

las personas.

-7-

ASPECTO DEBILIDADES AMENAZAS

Infraestructura -No es auto sostenible depende de

otras instituciones.

-Difícil acceso.

-Comunicación externa.

Procesos

Pedagógicos

-Imposibilidad de ampliar la

variedad de programas.

-Falta de plan estratégico a futuro.

-Otras academias tienen mejor

tecnología.

-Que las alumnas refieran otras

academias.

Personal Técnico y

Administrativo -Se necesitan más promotoras. -Se desmotiven por algún motivo.

-Consigan otro trabajo.

Tecnología -Aunque hay, aún falta equipo de

oficina.

-El atraso por falta de equipo

desmotiven a las alumnas.

Promoción -Promoción en medios de -Material

inadecuado.

-Tienen mejor promoción los otros

centros.

-Cuentan con más recursos otras

instituciones.

Alumnas

-Maestras bien actualizadas.

-Tener capacidad de aprender.

-Algunas poco interesadas.

-Conflictos con sus compañeras.

-No poder pagar sus cuotas.

-Que los esposos no les den

permiso.

-Que por sus ocupaciones de amas

de casa no puedan capacitarse.

-8-

CAPÍTULO V

DEFINICIÓN DEL GRUPO OBJETIVO:

5.1 Perfil Geográfico:

El área del país es de ciento ocho mil ochocientos ochenta y nueve kilómetros

cuadrados (108,889 km²). El tamaño de la ciudad capital es de novecientos

noventa y seis, kilómetros cuadrados. (996 km²), su densidad es de ciento

veintiséis (126) habitantes por kilómetro cuadrado (km²). Cuenta con un clima

predominante tropical pero varía en lo templado. La ciudad de Guatemala limita al

oeste con el departamento de Sacatepéquez, con una extensión territorial de

cuatrocientos sesenta y cinco kilómetros cuadrados (465 km ²), y una de

doscientos cincuenta y un mil doscientos sesenta y cinco (251,265)

habitantes aproximadamente. El proyecto se realizará principalmente para

mujeres que viven en el departamento de Sacatepéquez, específicamente en la

Aldea Santa Catarina Bobadilla, Antigua Guatemala.

5.2 Perfil Demográfico:

El nivel socio-económico del grupo objetivo surge del nivel (C) al nivel (A)

incluyendo a los dos tipos de género; personas que poseen ingresos que varían

desde doce mil quetzales (Q. 12,000.00) en adelante. Sus estudios son de

educación superior con licenciatura, con ocupación laboral de inversionistas,

capitalistas o empresarios, sin importar su nacionalidad. Personas o entidades

interesadas en servir, en capacitarse y en apoyar económicamente a la

organización. * En la parte de Anexo A se presenta la Tabla de Niveles Socio-

económicos.

Edad: a partir de los 30 años en adelante.

Género: femenino y masculino

Ciclo de vida: personas solteras y casadas.

Nacionalidad: La mayoría guatemaltecos, pero también algunos de otra

nacionalidad.

5.3 Perfil Psicográfico:

El grupo objetivo está centrado en personas de nivel superior con

licenciatura, empresarios y ejecutivos de alto nivel, profesionales en su materia.

Su comportamiento es sociable con valores morales y benéficos que les gusta

cooperar y ayudar al prójimo.

5.4 Perfil conductual:

Son personas que tienen computadora en casa y/o oficina, que están conectados

a una red social, personas que poseen su propia empresa, que les gusta

frecuentar lugares exclusivos, que les gusta colaborar y contribuir con la sociedad.

-9-

CAPÍTULO VI

MARCO TEÓRICO

6.1 Conceptos fundamentales relacionados con el producto o

servicio:

6.1.1 Actitud Empresarial

Hace referencia a la posición que asume el empresario frente a los retos

que representan los cambios del entorno para la sostenibilidad de su

empresa, estos retos son tanto apreciables al interior de la empresa como

en el ámbito social externo en el que se desenvuelve ésta.

La actitud empresarial debe estar fundamentada, en la visión constante de

oportunidades, en la generación proactiva de ideas, en la implantación de

mejoras a los procesos y en el reconocimiento de la importancia de la

gestión del conocimiento.

La actitud empresarial se relaciona con:

1. La estabilidad política y económica como soporte para la actividad

empresarial, con miras al crecimiento y a la apertura de nuevos mercados.

2. Las políticas económicas favorables para empresas de la época.

3. La actitud que reconoce el aporte positivo y creador de valor, al

empresarismo como modelo cultural de éxito.

4. Las oportunidades de adquirir una ventaja competitiva, a través de la

generación de de innovación.

5. La oportunidad de adquirir los conocimientos base de una excelente

gestión, al igual que tener acceso a la información de adquirir los

conocimientos necesarios.

6. Un ambiente social favorable.

7. La promoción y consolidación de una cultura de negocios al interior de la

empresa y la sociedad que lo rodea.

La actitud empresarial habla de la postura que debe asumir el empresario

actual, frente a un sinnúmero de situaciones que representan para la nueva

empresa, oportunidades de obtener logros económicos, sociales, y

generación de nuevos mercados.

-10-

6.1.2 Análisis Foda

“también conocido como Matriz o Análisis "DOFA" o también llamado

en algunos países "FODA", o en inglés SWOT, es una metodología de

estudio de la situación competitiva de una empresa en su mercado

(situación externa) y de las características internas (situación interna) de

la misma, a efectos de determinar sus Debilidades, Oportunidades,

Fortalezas y Amenazas. La situación interna se compone de dos

factores controlables: fortalezas y debilidades, mientras que la situación

externa se compone de dos factores no controlables: oportunidades y

amenazas.”

6.1.3 Antigua Guatemala

La ciudad de Antigua Guatemala es cabecera del municipio homónimo y

del departamento de Sacatepéquez, Guatemala. De acuerdo al censo

oficial de 2003, tiene una población de 44.097 habitantes. Es reconocida

por su bien preservada arquitectura renacentista española con fachadas

barrocas del Nuevo Mundo, así como gran número de ruinas de iglesias.

Ha sido designada Patrimonio de la Humanidad por la Unesco en 1979.

6.1.4 Artesanía

Artesanía se refiere tanto al trabajo del artesano (normalmente realizado de

forma manual por una persona sin el auxilio de maquinaria o

automatizaciones), como al objeto o producto obtenido en el que cada

pieza es distinta a las demás. La artesanía como actividad material se

suele diferenciar del trabajo en serie o industrial.

6.1.5 Beneficio

Bien que se hace o se recibe. Provecho, compensación moral o material

por una obra realizada. Cantidad de dinero que se obtiene como resultado

de una inversión.

6.1.6 Capacitación

“Acción en el que por medio de estudio, supervisión dirigida, formación

supervisada u otras, que permiten que una persona pueda adquirir

nuevas habilidades para su “Consiste en la formación o entrenamiento en

algún tema específico, que recibe una persona con el propósito de

detonar o mejorar una o varias habilidades que le permitan un mejor

desempeño laboral que se refleje de manera positiva en sus labores

6.1.7 Centro

Institución que desarrolla o fomenta determinados estudios o

investigaciones. Lugar en que se desarrolla intensamente una actividad

concreta.

-11-

6.1.8 Institución

Organismo que desempeña una función de interés público,

especialmente educativa o benéfica.

6.1.9 Organización No Gubernamental

También conocida por siglas ONG, es una entidad de carácter

civil o social, con diferentes fines y objetivos humanitarios y

sociales definidos por sus integrantes, creada independientemente

de los gobiernos ya sea locales, regionales o nacionales y que

jurídicamente adoptan diferentes estatus, tales como asociación,

fundación, corporación y cooperativa, entre otras formas.

6.1.10 Medianas Empresas

Una empresa es mediana si cumple con dos o más de las siguientes

características:

Administración independiente (generalmente los gerentes son también propietarios).

Capital suministrado por propietarios.

Fundamentalmente área local de operaciones.

Tamaño relativamente pequeño dentro del sector industrial que actúa.

Entre 50 y 500 empleados

Ventajas de la Mediana Empresa.

Aseguran el Mercado de trabajo mediante la descentralización de la mano de la

mano de obra.

Tienen un efecto socioeconómico importante ya que permite la concentración de la

renta y la capacidad productiva desde un número reducido de empresas hacia uno

mayor.

Reducen las relaciones sociales a términos personales más estrechos entre el

empleador y el empleado favoreciendo las conexiones laborales ya que, en

general, sus orígenes son unidades familiares.

Presentan mayor adaptabilidad tecnológica a menor costo de infraestructura.

Obtienen economía de escala a través de la economía interempresaria, sin tener

que reunir la inversión en una sola firma.

Desventajas de la Mediana Empresa.

Falta de financiamiento adecuado para el capital-trabajo como consecuencia de

la dificultad de acceder al Mercado financiero.

Tamaño poco atrayente para los sectores financieros ya que su capacidad de

generar excedentes importantes con relación a su capital no consigue atrapar

el interés de los grandes conglomerados financieros.

Falta del nivel de calificación en la mano de obra ocupada.

Dificultades para desarrollar planes de investigación

-12-

Se le dificulta a la mediana empresa hacer frente a las complicadas y

cambiantes formalidades administrativas y fiscales, a las trabas aduaneras,

todo lo cual le insume costo de adecuación más alto que las grandes

empresas y les dificulta poder mantenerse en el Mercado.

6.1.11 Misión y Visión

Misión es la razón u objeto de ser de una empresa u organización.

Visión es el objeto de expresión de aspiraciones y metas de cualquier

empresa, pero que se dicta dirigida a sus colaboradores.

La visión es una representación de lo que debe ser en el futuro de la empresa,

en el ámbito de la temática que le compete a la organización. Algunos

autores señalan que en su origen, la visión es casi por completo

intuitiva. Es una consecuencia de los valores y convicciones del equipo

directivo y general.

Las visiones son las imágenes de realidad futura que tiene tanto la

institución como nosotros las personas particulares, en función de los

deseos, sueños, ideales, valores y creencias. Una visión debe ser realista

y posible de alcanzar para que el esfuerzo en las acciones tenga sentido

para los integrantes de la organización.

La misión debe reflejar lo que la organización es, al hacer alusión directa

a la función general y específica que cumple como instancia de gestión

pública. La aplicación principal de la misión es servir como una guía

interna para quienes toman las decisiones importantes, y para que todos

los proyectos y actividades puedan ser puestos a prueba en su

compatibilidad con la misma.

6.1.12 Mujeres de Escasos Recursos

Considerando como mujeres de escasos recursos son aquellas personas que

están por debajo de obtener ingresos que les permitan accesar

monetariamente a una canasta básica de alimentos necesarios para su

subsistencia. Una persona pobre o de escasos recursos son personas que

tienen ingresos de U$2.00 dólares diarios o menos (utilizando la paridad de

poder adquisitivo) y extremadamente pobres a aquellas personas cuyo ingreso

diario es de US$ 1.00 o menos recursos. También podemos decir que son de

personas de escasos recursos a aquellos hogares que no pueden satisfacer

sus necesidades de vivienda, educación, acceso a agua potable y servicios

sanitarios, entre otras características.

-13-

6.1.13 Nivel de Vida

El término nivel de vida hace referencia al nivel de confort material que un

individuo o grupo aspira o puede lograr obtener. Esto comprende no

solamente los bienes y servicios adquiridos individualmente, sino también

los productos y servicios consumidos colectivamente como los

suministrados por el servicio público y los gobiernos.

6.1.14 Nivel de Vida Personal

Es la persona que puede mantener su calidad de vida. Es una persona que

se siente bien, vigorosa, entusiasmada, con la sonrisa propia del que se

siente bien en todas sus dimensiones. Es el ideal de la forma de vida que

los individuos desean si se lo proponen y que consiste en un desarrollo

integral de las dimensiones física, mental, social, económica y espiritual, lo

cual lo dotará de un equilibrio consigo mismo y con su sociedad.

6.1.15 Nivel de Vida Familiar

La calidad de vida familiar (Park, y cols.) se puede definir como:

• El grado en el que se colman las necesidades de los miembros de la

familia.

• El grado en que disfrutan de sus tiempos juntos.

• El grado en el que puedan hacer cosas que sean importantes para ellos.

6.1.16 Nivel de Vida Social

Es un proceso que, en el transcurso del tiempo, conduce al mejoramiento

de las condiciones de vida de toda la población en diferentes ámbitos:

salud, educación, nutrición, vivienda, vulnerabilidad, seguridad social,

empleo, salarios, principalmente. Implica también la reducción de la

pobreza y la desigualdad en el ingreso.

6.1.17 Pequeña Empresa

Son parte importante de la economía mundial. Encontramos en ellas los

siguientes tipos:

Empresas de estilo de vida:

Estas tienen como propósito ofrecerle a su propietario un modo de vida

confortable. Ej. Una pizzeria de un barrio, el florista que vende en una

esquina, etc.

Empresas de alto crecimiento:

Buscan superar su condición de empresa pequeña lo antes posible. Son

manejadas por un equipo de personas. Otro de sus propósitos es alcanzar

grandes utilidades de inversión.

-14-

6.1.18 Pobreza

Es una situación o forma de vida que surge como producto de la

imposibilidad de acceso o carencia de los recursos para satisfacer las

necesidades físicas y psíquicas básicas humanas que inciden en un

desgaste del nivel y calidad de vida de las personas, tales como la

alimentación, la vivienda, la educación, la asistencia sanitaria o el acceso al

agua potable. También se suelen considerar la falta de medios para poder

acceder a tales recursos, como el desempleo, la falta de ingresos o un nivel

bajo de los mismos. También puede ser el resultado de procesos de

exclusión social, segregación social o marginación.

6.1.19 Pobreza Extrema

Es el estado más severo de pobreza. Cuando las personas no pueden

satisfacer varias de las necesidades básicas para vivir como alimento, agua

potable, techo, sanidad, y cuidado de la salud. Para determinar la población

afectada por la pobreza extrema, el Banco Mundial define la pobreza

extrema como personas viviendo con menos de $1.25 al día.

6.1.20 Proyectos

“Conjunto de obras o acciones específicas necesarias para alcanzar

los objetivos y metas definidas por un programa o subprograma,

tendientes a la obtención de resultados concretos de acuerdo al

ámbito de competencia y responsabilidad de cada unidad, y que

pueden planificarse, analizarse y ejecutarse administrativamente, en

forma independiente. Un proyecto, por definición, está orientado hacia la

acción; un conjunto de proyectos conformará un subprograma o programa.”

6.1.21 Santa Catarina Bobadilla

Es una aldea del municipio de Antigua Guatemala, del departamento de

Sacatepéquez. Fundada en un pequeño asentamiento rural otorgado al

capital español Ignacio de Bobadilla, se ubica al sur-oriente de la ciudad

colonial a una distancia de 4 kilómetros sobre carretera de terracería,

transitable durante todo el año; y a 1 ½ kilómetros al norte de la Aldea San

Juan del Obispo. Al oriente de la plaza central, se encuentra una iglesia

dedicada a Santa Catalina, virgen y mártir. En sus inicios, la edificación fue

sencilla pero debido al incremento de parroquianos fue ampliada y abierta

al servicio religioso, en 1632. Los feligreses encargaron al escultor Juan

Perales la burilación de una imagen de Jesús Nazareno que fue bendecida

el 25 de febrero del mismo año, en el que también dicha imagen fue

procesionada por primera vez el Martes Santo, recorriendo únicamente

principales calles de la propia aldea y de San Juan del Obispo.

-15-

En 1935, la población de Santa Catalina Bobadilla se elevó a la categoría

de aldea bajo la jurisdicción de La Antigua Guatemala. Según su

infraestructura, esa comunidad cuenta con una alcaldía auxiliar, servicios

básicos de agua, energía eléctrica y drenajes, así como una escuela de

enseñanza elemental. La población se dedica a las actividades agrícolas y

artesanales, siendo lo principal el cultivo del café y árboles frutales. La

festividad patronal en honor a Santa Catalina, virgen y mártir, se celebra el

25 de noviembre de cada año, realizándose diversas actividades religiosas

y populares. Actualmente, resalta como infraestructura del tiempo colonial

el templo dedicado a Santa Catalina, virgen y mártir, una amplia plaza

totalmente remozada y una cruz atrial de piedra tallada.

6.1.22 Valores Morales

Los valores humanos son aquellos bienes universales que pertenecen a

nuestra naturaleza como personas y que, en cierto sentido, nos humanizan,

porque mejoran nuestra condición de personas y perfeccionan nuestra

naturaleza humana.

6.2. Conceptos fundamentales relacionados con la

Comunicación y El Diseño:

6.2.1 Comunicación: Es el proceso mediante el cual se puede

transmitir información de una entidad a otra. Los elementos que

intervienen en el acto comunicativo son:

El emisor o comunicador.

El receptor o destinatario.

El mensaje.

Código.

Canal.

El referente o contexto.

La retroalimentación o feedback.

6.2.1.1 Comunicación Persuasiva: Es toda aquella comunicación

orientada a conseguir que los demás apoyen nuestras decisiones y opiniones.

Cuando un político está hablando de las buenas cualidades de su partido está

fomentando la votación hacia este y está empleando comunicación persuasiva.

6.2.1.2 Comunicación Educativa: El uso de los medios de

comunicación en la enseñanza. Y hay dos modos de entender y asumir

esta dupla: el vertical y unidireccional, y el que considera al educando como

sujeto de un proceso en el que se aprende de y con los otros.

-16-

6.2.1.3 Comunicación Social: Es un campo de estudios interdisciplinarios

que investigan la información y la expresión, los medios de difusión masivos

y las industrias culturales. Sus conceptos teóricos provienen primordialmente de

la sociología, la psicología social y la semiología o semiótica. En el campo

de la práctica estos conocimientos se usan en el periodismo, la opinión

pública, la publicidad, la mercadotecnia y las relaciones públicas e

institucionales.

6.2.1.4 Comunicación Intercultural: Toda la comunicación es intercultural.

Cuantos más elementos de vida compartan las comunidades, más sencilla será

la comunicación entre ellas. Pero conocer otras culturas no es suficiente. La

comunicación intercultural implica no solo comunicarse con otras culturas sino

también hacer el esfuerzo de repensar la propia cultura.

6.2.1.5 Comunicación Corporativa: Es el conjunto de mensajes que una

institución (empresa, fundación, universidad, ONG, etc.) proyecta a un público

determinado (Público/target) a fin de dar a conocer su misión y visión, y lograr

establecer una empatía entre ambos.

6.2.2 Diseño: Arte de ordenar y componer elementos de la misma clase para

formar un todo, con un sentido o un fin determinado.

6.2.2.1 Diseño Grafico: Es una forma de comunicación visual. Se ocupa de

organizar imagen y texto para comunicar un mensaje. Puede aplicarse a

muchos medios, ya sean impresos, digitales, audiovisuales.

6.2.2.2 Diseño Industrial: Es un disciplina que busca resolver las relaciones

Formales-Funcionales de los objetos susceptibles de ser producidos

industrialmente.

6.2.2.3 Diseño Web: Es una actividad multidisciplinar y reciente, tanto como lo

son las nuevas tecnologías. Se alimenta de fuentes como el diseño grafico y las

artes visuales, la programación de aplicaciones informáticas, el diseño de

interfaces, la redacción de contenidos, la animación tradicional, la publicidad, el

marketing y otras disciplinas.

6.2.3 Diseñar: Es un arte creativo que combina arte y tecnología para

comunicar ideas.

6.2.4 Diseñador: Es el eslabón entre el emisor (que puede ser un

individuo, una empresa o una institución, con unas necesidades de

comunicación) y un público más o menos amplio, al que va destinado ese

mensaje.

-17-

Se trata de crear, elegir, organizar y disponer toda la información para la

visualización de textos, gráficos, sonido e, incluso, el espacio en blanco

empleado para comunicar un mensaje.

6.2.5 Aspecto Visual: Es el aspecto formal. Es la distribución de los textos,

la tipografía, el color, las proporciones, los sonidos o los gráficos. Su función es

complementar y enriquecer los contenidos, lograr una sensación de equilibrio,

orden y belleza, y también debe proporcionar una navegación sencilla al

usuario.

6.2.6 Contenidos: Son datos. Abarca distintos aspectos: desde cómo deben

estar redactados a cómo están organizados; presentados y etiquetados. En

este sentido, pueden ser aplicables diferentes técnicas de marketing.

6.2.7 Composición: Según el libro Do the Design Yourself /Haga el

diseño usted mismo de Roger Walton, Keith Gillies, Lindsey y John Laing: Para

aplicar diseño, se necesita composición que es: Expresar en una disposición

decorativa y balanceada, que presente equilibrio en la distribución del espacio

que tenemos para crear una colocación correcta sobre una determinada

superficie.

6.2.8 Creatividad: Según el Psicoterapeuta Lic. Carlos Churba, la

creatividad es una actitud para generar procesos creadores para descubrir

nuevos significados, para inventar nuevos productos o servicios o ideas a nivel

social o individual. Creatividad es percibir ideas y expresar lo nuevo y

significativo, es llamado también el proceso de calidad creadora.

6.2.9 CSS: Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son

un lenguaje formal usado para definir la presentación de un documento

estructurado escrito en HTML o XML (y por extensión en XHTML). CSS sirve

para aplicar estilos a las etiquetas HTML. También se le conoce como un

conjunto de estilos que se van a aplicar a una página HTML. Los estilos se

definen como reglas. Estas reglas le dicen a los navegadores cómo mostrar los

tipos específicos de estructuras y aspecto visual de una página. Para entender

cómo los estilos afectan el aspecto de un Web, necesitamos entender qué

sucede a un Web en ausencia de cualquier regla del estilo.

6.2.10 Diagramación: Según el libro Producción Gráfica, de Lorenzo

Baer, diagramación es: distribuir u organizar elementos gráficos o escritos

en un espacio determinado que sigue las líneas gráficas y la jerarquización,

la legibilidad y el balance. Para los diseñadores gráficos, diagramadores

profesionales y junior´s, los cuales plasman sus habilidades creativas en

trabajos tales como, revistas, folletos, libros y otros.

-18-

En la diagramación existen varios aspectos que deben tomarse en

cuenta a la hora de realizar un trabajo bajo esta técnica. Algunos de

esos aspectos son:

Texto.

Título y Titulares.

Fotos.

Artes.

Color.

Tipografía.

Estos elementos se podría decir que son básicos al momento de la

diagramación de artículos. Pasando del título al texto y del texto a la tipografía

y color, se llega a la ubicación del arte o la foto. Está última resulta

muy importante y hasta veces imprescindible porque es la que logra darle el

punto final y profesional a nuestro trabajo.

6.2.11 Digitalización: Según el libro Producción Gráfica, de Lorenzo Baer, se

le llama así al acto de convertir un escrito, imagen (boceto) o otros

documentos en una imagen digital que se puede visualizar en una

computadora y que es convertida a través de un programa editor de imágenes

o un escáner. Hay distintas formas de dar un concepto de digitalización como

que es acción de convertir en digital información analógica. En otras

palabras, es convertir cualquier señal de entrada continua (analógica) en

una serie de valores numéricos.

Por ejemplo, una fotografía en papel puede digitalizarse para que sea

procesada en una computadora (u otro dispositivo digital similar). La

información digital es la única que puede procesar una computadora

generalmente en el sistema binario, es decir unos (1) y ceros (0).

Existen diferentes formas de digitalizar información, generalmente depende del

tipo de información. Por ejemplo, una fotografía en papel suele

digitalizarse al emplear un escáner. En cambio, el sonido suele digitalizarse

empleando un micrófono, que lo transmite a la placa de sonido, donde se

digitaliza.

En cuanto a documentos de texto en papel, suelen digitalizarse al

emplear sistemas OCR, que reconocen los símbolos escritos y los

convierten en caracteres editables en la computadora.

-19-

6.2.12 Dominio: Según Wikipedia en Español, dominio es una

etiqueta de identificación asociada a un grupo de dispositivos

conectados a la red de internet, que traduce las direcciones IP a

términos fáciles de encontrar y memorizar. Un dominio de Internet es el

nombre de un servidor e Internet. Este permite recordar fácilmente la

dirección de IP (Protocolo de Internet). Ejemplo es: nazanorte.com.gt.

Las páginas web también tienen una dirección numérica, que en este

caso sería: 629266783.266.48. Como se dijo anteriormente, el dominio

tiene el propósito de facilitar recordar la dirección electrónica. Cuando

se busca la dirección: nazanorte.com.gt en Internet, el navegador conecta

directamente a la dirección numérica. Existen varias empresas virtuales

y de Guatemala que se dedican a la venta de dominios, y muchas

de ellas incluyen un servicio de diseño en la página web que desea ser

creada.

6.2.13 Espacio Web: Según Wikipedia en Inglés, un Espacio Web

es un hosting, es un servicio que internet provee a sus usuarios para

almacenar documentos, imágenes, videos y todos estos contenidos

son o no accesibles en la Web.

Entendemos por sitio web (o simplemente web), un conjunto de

páginas web interrelacionadas mediante enlaces hipertextuales o

programas al efecto (realizados con lenguajes tipo Java, JavaScript),

que se muestran a través de Internet con unos propósitos concretos:

presentar información sobre un tema, hacer publicidad, distribuir

materiales, instruir sobre un tema determinado: Atendiendo a su editor

podremos distinguir:

Webs personales, cuyo propósito suele ser difundir información recopilada

por los titulares del espacio y, generalmente, dar a conocer su currículum.

Webs corporativos, de empresas que quieren difundir su imagen

corporativa y muchas veces también ofrecer sus productos y servicios.

Webs institucionales, que suelen informar de sus actividades y

proporcionar información y servicios del interés de determinados colectivos.

Webs de grupos (colectivos, asociaciones…), cuyo propósito

fundamental es:

facilitar información de interés para los miembros del grupo

ofrecerles canales de comunicación interpersonal

-20-

6.2.14 FLASH: Es una tecnología utilizada para diseñar y crear

animaciones gráficas vectoriales, las cuales pueden ser vistas en

cualquier navegador y el ancho de banda que necesitan es poco, lo

que quiere decir que una página creada a través de esta tecnología,

abre fácilmente en cualquier computadora. Utilizar la tecnología flash, es

una forma más fácil de diseñar una página web, ya que su lenguaje es

menos complejo y pueden realizarse distintas aplicaciones que

permiten darle más dinamismo. De esta forma se diseñará la página web

del presente proyecto.

6.2.15 Hardware: Es el conjunto de dispositivos físicos del ordenador, es

decir, el teclado, el monitor, el ratón, la impresora, etc.

6.2.16 HTTP: Es el protocolo de transferencia del hipertexto, es

decir, el protocolo que los servidores de World Wide Web utilizan

para enviar documentos HTML a través de Internet.

6.2.17 Hyper Text Markup Language HTML

Según el HTML Sourcebook: The Complete Guide to HTML de Ian S.

Graham: Es un lenguaje de marcación de hipertextos, se utiliza para

construir páginas Web, y es usado para describir la estructura

predominante y el contenido en forma de texto para complementar con

objetos tales como imágenes. Esta definición se debe a que está

compuesto por etiquetas que definen la estructura y el formato del

documento que verá el usuario a través de la web. Esas etiquetas son

leídas por el navegador o visualizador, es decir el programa que se utiliza

para navegar, y que es el que ejecuta las funciones creadas en HTML al

permitir que puedan ser visibles en nuestra máquina. .

6.2.18 Internet: Según el Diccionario de la Real Academia Española,

Internet es una Red informática mundial, descentralizada, formada por

la conexión directa entre computadoras u ordenadores mediante un

protocolos especiales de comunicación. Según el Ingeniero Mario Sosa

Castillo del Consejo Nacional de Ciencia y Tecnología -CONCYT- de

Guatemala define Internet como: “el medio de acceso al mundo de la

información, es la supercarretera de la información. Según Microsoft

Corporation existen muchos servicios actualmente, y la red es una

herramienta de comunicación que utiliza muchas tecnologías y protocolos

para ser tan poderosamente multifuncional por ejemplo: El servicio de

Correo Electrónico, Transmisión de Archivos, Mensajería Instantánea,

WWW, Conversaciones en línea, Transmisión de datos y comunicación

multimedia, telefonía, televisión, acceso remoto y juegos en línea. Internet

es contado como un medio de comunicación alternativo.

-21-

6.2.19 Investigación: Es buscar conocimiento o soluciones de

carácter científico a un problema. Investigar es un proceso

sistemático, organizado y objetivo que busca medir fenómenos,

exactitud en la interpretación de resultados y la comparación de

resultados objetivos, los aspectos que conlleva una investigación son

sociales, éticos y económicos.

La investigación se puede definir también como la acción y el efecto de

realizar actividades intelectuales y experimentales de modo

sistemático, con el propósito de aumentar los conocimientos sobre

una determinada materia y teniendo como fin ampliar el conocimiento

científico, sin perseguir, en principio, ninguna aplicación práctica. Bajo

estos principios esta actividad debería ser considerada como pilar en

todas las actividades académicas en los niveles medio superior y

superior.

6.2.20 Imagen: Según Wikipedia en Español, la imagen está enlazada

desde los archivos del diseñador de la página Web y normalmente se

utilizan los formatos: GIF, JPEG y PNG. Para enlazar una imagen al

utilizar flash, es importante tener una carpeta exclusiva para la

creación de la página o sitio Web y en poder almacenarla. Estas son

enlazadas desde los archivos del diseñador de la página Web y

normalmente se guardan en formatos: GIF, JPEG y PNG. Para

enlazar una imagen al usar flash, es importante tener una carpeta

exclusiva para la creación del sitio Web y en ella almacenarla.

6.2.21 Navegador: Es el programa que ofrece acceso a Internet.

6.2.22 Página web: Es un documento de HTML.

6.2.23 PHP: Acrónimo recursivo de PHP Hypertext Pre-processor (pre-

procesador PHP de hipertexto). Es un lenguaje de programación de

libre licencia empleado comúnmente para la creación de páginas Web

dinámicas.

Generalmente los scripts en PHP se embeben en otros códigos como

HTML, ampliando enormemente las posibilidades del diseñador de

páginas web. La interpretación y ejecución de los scripts PHP se hacen

en el servidor, el cliente que pide una página web) sólo recibe el resultado

de la ejecución y jamás ve el código PHP.

6.2.24 Programación: Es el conjunto de instrucciones que permite

la interactividad de un sitio web.

-22-

6.2.25 Proporción: Según el libro Do the Design Yourself /Haga el

diseño usted mismo de Roger Walton, Keith Gillies, Lindsey y John Laing:

Proporción es la propiedad en relación al tamaño que tienen algunos

elementos gráficos que permite que se pueda colocar en un espacio,

varios elementos con diferentes significados ya que cada forma tiene su

manera de ser percibida.

También, con el término proporción se puede estar haciendo o hacer

referencia al tamaño o a la dimensión que manifiesta determinada cosa,

objeto o persona con respecto a los estándares existentes, porque por

ejemplo, si se trata de un mueble grande que excede los límites

normales, se estará hablando como de un mueble de importante

proporción.

6.2.26 Servidor: Proporciona al navegador la información herramientas

que este le solicita.

6.2.27 Sitio Web: Según el HTML Sourcebook: The Complete Guide to

HTML de Ian S. Graham: Un sitio Web es un conjunto de páginas Web,

comunes a un tema, o comunes a un dominio o subdominio de la World

Wide Web.

Beneficios: Facilitar la comunicación entre gobierno, instituciones

educativas, empresas, asociaciones y personas físicas, con el propósito de

establecer una relación aún más estrecha entre ellos. Particularmente en el

aspecto comercial, fomentar una mayor comunicación entre clientes y

empresas al establecer un modelo de operación del negocio más orientado

al cliente.

6.2.28 Software: es el conjunto de programas que sirven para que

el ordenador realice las tareas que nos interesan.

6.2.29 Teoría del color: Según Wikipedia en Español, la teoría del color

es un grupo de reglas básicas que busca la mezcla de colores para

conseguir el efecto combinado de luz o pigmento. La luz blanca se

produce de combinar el rojo, el verde y el azul, mientras que

combinando el cian, magenta y amarillo, se produce el color neutro.

Como concepto se sabe que el color es luz, así que al

descomponer la luz encontramos que está compuesto por siete colores

(existen otros muchos más pero que no son detectados por el ojo

humano). Básicamente los colores se descomponen en dos tipos:

primarios o colores luz y complementarios o colores pigmento.

-23-

Primarios O Colores Luz: Son los tres colores principales de la

composición de la luz, son también llamados los RGB (Red, Green,

Blue). Estos colores son sustractivos, es decir que al interponerse uno

contra otro reducen o cambian su color es por eso que la suma de estos

tres colores luz Rojo Verde y Azul da origen al Blanco (LUZ).

Ej:

Rojo + Verde + Azul = Blanco (LUZ)

Rojo + Azul = Amarillo

Cuando el ojo humano percibe un color, los colores que realmente

están actuando son los que le hacen falta a este que vemos para

convertirse en luz (blanco). Así, por ejemplo, cuando vemos el color

rojo, en realidad los colores luz que actúan son Verde y Azul; esto nos

enseña que el efecto que producen los colores luz es opuesto a la

realidad.

6.2.30 Texto: Según Wikipedia en Español, el texto es editable y se

muestra al usuario según las fuentes tipográficas que tenga instaladas

en su ordenador. Para que el texto no se distorsione, es

recomendable utilizar una fuente tipográfica común como Arial. Este es

editable y se muestra al usuario según las fuentes tipográficas que

tenga instaladas en su ordenador. Para que el texto no se

distorsione, es recomendable utilizar una fuente tipográfica común como

Arial.

6.2.31 Tipografía: Según el Manual de Tipografía de Ruari Mclean,

tipografía es: el tipo de texto que puede ser de tipos, o fuentes de

diferentes familias e interlineados, que sirve para escribir, o para imprimir

y se clasifican por forma: Serif y Sans-Serif. Actualmente los diseñadores

tienen distintos papeles, entre otros el de diseñador y el de tipógrafo.

Las transformaciones de la tecnología tipográfica han producido

cambios en el aspecto de los caracteres. En 1960, con el desarrollo

del fototipo, se comenzó a permitir que los caracteres se toquen y

se solapen. La utilización de los ordenadores ha tenido gran

repercusión respecto de los caracteres, ya que la letra digital permite una

gran flexibilidad.

El diseñador debe tener siempre presente, al trabajar con tipografía

que una publicación bien diseñada es una comunidad de tipos en la

que todos los miembros trabajan conjuntamente para un propósito

común: ayudar al lector a navegar correctamente por la información.

Además de esto debemos tener en cuenta que el uso de la tipografía

imprime carácter y expresividad, al redundar en las significaciones de lo

que se quiere transmitir.

-24-

6.2.32 URL (Localizador Uniforme de Recursos): Es la dirección

en la que se localiza una determinada información dentro de internet.

6.2.33 Web: Según Wikipedia en Inglés, es una computadora conectada a

una red de internet, que almacena documentos HTML, imágenes, archivos

de texto, escrituras y materiales Web. Conjunto de procedimiento que

permiten colocar un sitio o una página web en un lugar óptimo entre los

resultados proporcionados por un motor de búsqueda. Por extensión:

Optimizar una página web de cara a los resultados proporcionados

por los motores de búsqueda. Término respecto del que se persigue la

optimización de una web. Puede ser una palabra única, como "Arte" o

una frase, como "Subastas de Arte". Optimizar para una frase siempre

será más fácil que para una palabra clave; a su vez, posicionar para una

combinación de dos palabras clave siempre será más fácil que

posicionar para cada palabra clave aislada.

6.2.34 World Wide Web / WWW: Según HTML Avanzado de B. Morris:

Es el sistema de documentos (o sitios web) interconectados por

enlaces de hipertexto, disponibles en Internet. World Wide Web tenía

algunas diferencias de los otros sistemas de hipertexto que estaban

disponibles en aquel momento: WWW sólo requería enlaces

unidireccionales en vez de los bidireccionales. Esto hacía posible que

una persona enlazara a otro recurso sin necesidad de ninguna

acción del propietario de ese recurso.

Con ello se reducía significativamente la dificultad de implementar

servidores web y navegadores (en comparación con los sistemas

anteriores), en cambio presentaba el problema crónico de los enlaces

rotos. A diferencia de sus predecesores, como HyperCard, World Wide

Web era no-propietario, haciendo posible desarrollar servidores y

clientes independientemente y añadir extensiones sin restricciones de

licencia.

6.3 Ciencias auxiliares, artes, teorías y tendencias.

6.3.1 Aspectos Sociológicos:

Según el libro Sociología de Antonio Lucas Martín: La sociología es

una disciplina científica que se distingue como la ciencia que busca la

lógica de la vida social y de las entidades sociales, es una ciencia

que busca que las actividades humanas de unos, se vean

encaminadas a satisfacer las necesidades de otros como agrupación, se

le conoce también como el estudio de las sociedades y su misión se centra

en los valores humanos, en contribuir a la independencia en el

conocimiento, a la integración de nuevos conocimientos.

-25-

6.3.2 Aspectos Semiológicos: Según el Diccionario de los

Símbolos de J.Chevalier: La semiología es la ciencia que estudia los

signos y los símbolos. También es conocida como semiótica y viene del

griego “semeion” que significa signo. La semiología es explicada como un

hecho de comunicación contextual en el que este contexto se transmite

mediante un signo para contribuir a una unidad comunicativa.

6.3.3 Semiología de la Imagen:

Según el Semiólogo Frances Roland Barthes, la Semiología de la Imagen

está basada en una etimología antigua. La palabra imagen debería

relacionarse con la raíz de Imitari (Imitar). En cuanto se relaciona de

inmediato frente al problema más grave que pueda plantearse a la

semiología de las imágenes: ¿Puede acaso la representación

analógica producir verdaderos sistemas de signos y no sólo simples

aglomeraciones de símbolos? ¿Puede concebirse un analógico, y no

meramente digital? Sabemos que los lingüísticos consideran ajena al

lenguaje toda comunicación por analogía, desde el de las abejas hasta el

por gestos, puestos que esas comunicaciones no poseen una doble

articulación, es decir, que no se basan como los fonemas, en una

combinación de unidades digitales. Los lingüistas no son los únicos en

poner en duda la naturaleza lingüista de la imagen. En cierta medida,

también la opinión corriente considera a la imagen como un lugar de

resistencia al sentido, en nombre de una cierta idea mítica de la Vida: la

imagen es re-presentación, es decir, en definitiva, resurrección, y

dentro de esta concepción, lo inteligible resulta antipático a lo vivido.

De este modo, por ambos lados se siente a la analogía como un

sentido pobre: para unos, la imagen es un sistema muy rudimentario

con respecto a la lengua, y para otros, la significación no puede agotar

la riqueza inefable de la imagen.

6.3.4 Semiología de la Comunicación:

Según el Semiólogo Humberto Eco, la Semiología de la Comunicación

con una hipótesis compuesta, dice que toda cultura se ha de estudiar

como un fenómeno de comunicación (o en su aspecto más radical “la

cultura es comunicación”). Desde esta posición, Eco sostiene: a) que la

semiótica es una teoría general de la cultura, y en último análisis, de la

antropología cultural b) reducir toda la cultura a comunicación no significa

reducir toda la vida material a „espíritu o una serie de acontecimientos

mentales puros c) imaginar la cultura como una subespecie de la

comunicación no significa que sea solamente comunicación, sino que

se puede comprender mejor si se examina desde el punto de vista

de la comunicación, y d) los objetos, los comportamientos, las

relaciones de producción y los valores funcionan desde el punto de vista

social, precisamente porque obedecen a ciertas leyes semióticas.

-26-

6.3.5 Psicología del Color:

Según Design Fundamentals de Robert Gilliam Scott: La psicología

del color estudia el análisis del color en la percepción y la conducta

humana. Esto no depende solo de la apariencia sino del contexto en el

espacio. La psicología del color está relacionada con formas geométricas y

símbolos.

6.3.6 Aspectos Tipográficos:

Es el arte o técnica con que se reproduce la comunicación por

medio de la palabra impresa. Se refleja en ella una época y su diseño

evoluciona conforme las proyecciones tecnológicas y artísticas. También

es una ciencia, por lo que estudia y clasifica las distintas fuentes

tipográficas. Pueden clasificarse por familias tipográficas y variables

tipográficas. Incluso existen tipografías que son artísticas, para un uso

determinado. El campo tipográfico se extiende en la realización de

libros, periódicos, anuncios publicitarios, revistas y cualquier otro

documento impreso que sirva para la comunicación. La tipografía

nació con el invento del tipo de imprenta metálico y móvil fundido a

mediados del siglo XV y por cinco siglos fue la única técnica de impresión

para grandes tiradas. A mitad del siglo XX, cedió su predominio al

offset, por ser un proceso más rápido. Actualmente la impresión de los

distintos medios escritos, se ha facilitado gracias a la tecnología.

6.3.7 Psicología:

Es la ciencia que estudia la conducta o comportamiento humano y los

procesos mentales. La psicología explora conceptos como la percepción, la

atención, la motivación, la emoción, el funcionamiento del cerebro, la

inteligencia, la personalidad, las relaciones personales, la consciencia y el

inconsciente. La psicología se enmarca en distintas áreas de la ciencia. No

es posible lograr consenso para encasillarla entre las ciencias naturales,

las ciencias sociales, o las humanas. La disciplina abarca todos los

aspectos complejos del funcionamiento psíquico humano. Las distintas

escuelas, teorías y sistemas psicológicos han enfocado sus esfuerzos en

diversas áreas, existiendo desde los enfoques que se centran

exclusivamente en la conducta observable (conductismo), pasando por los

que se ocupan de los procesos internos tales como el pensamiento, el

razonamiento, la memoria, etc. (como el cognitivismo) o las orientaciones

que ponen el acento en las relaciones humanas y en la comunicación

basándose en la teoría de sistemas, hasta los sistemas psicológicos que

focalizan en los procesos inconscientes (como el psicoanálisis o la

psicología analítica). El alcance de las teorías abarca áreas o campos que

van desde el estudio del desarrollo infantil de la psicología evolutiva hasta

cómo los seres humanos sienten, perciben o piensan; cómo aprenden a

adaptarse al medio que les rodea o resuelven conflictos.

-27-

6.3.8 Antropología:

Es una ciencia social que estudia al ser humano de una forma integral. Para

abarcar la materia de su estudio, la antropología recurre a herramientas y

conocimientos producidos por las ciencias naturales y las ciencias sociales. La

aspiración de la disciplina antropológica es producir conocimiento sobre el ser

humano en diversas esferas, pero siempre como parte de una sociedad. De esta

manera, intenta abarcar tanto la evolución biológica de nuestra especie, el

desarrollo y los modos de vida de pueblos que han desaparecido, las estructuras

sociales de la actualidad y la diversidad de expresiones culturales y lingüísticas

que caracterizan a la humanidad. Las facetas diversas del ser humano implicaron

una especialización de los campos de la Antropología. Cada uno de los campos

de estudio del ser humano implicó el desarrollo de disciplinas que actualmente son

consideradas como ciencias independientes, aunque mantienen constante diálogo

entre ellas. Se trata de la Antropología física, la Arqueología, la Lingüística y la

Antropología social. Con mucha frecuencia, el término Antropología sólo aplica a

esta última, que a su vez se ha diversificado en numerosas ramas, dependiendo

de la orientación teórica, la materia de su estudio o bien, como resultado de la

interacción entre la antropología social y otras disciplinas. La antropología es,

sobre todo, una ciencia integradora que estudia al hombre en el marco de la

sociedad y cultura a las que pertenece, y, al mismo tiempo, como producto de

éstas. Se la puede definir como la ciencia que se ocupa de estudiar el origen y

desarrollo de toda la gama de la variabilidad humana y los modos de

comportamientos sociales a través del tiempo y el espacio; es decir, del proceso

bio-social de la existencia de la especie humana.

6.3.9 Andragogía:

Es la ciencia y el arte que, siendo parte de la Antropología y estando inmersa en la

educación permanente, se desarrolla a través de una praxis fundamentada en los

principios de participación y horizontalidad. Su proceso, al estar orientado con

características sinérgicas por el facilitador del aprendizaje, permite incrementar el

pensamiento, la autogestión, la calidad de vida y la creatividad del participante

adulto, con el propósito de proporcionarle una oportunidad para que logre su

autorrealización. La Andragogía por ser independiente del nivel de desarrollo

psíquico y por partir del nivel de desarrollo cognitivo, genera una nueva actitud en

el hombre frente al reto educativo. Actualmente se considera que la educación no

es sólo cuestión de niños y adolescentes. El hecho educativo es un proceso que

actúa sobre el hombre a lo largo de toda su vida, siendo que la naturaleza del

hombre permite que pueda continuar aprendiendo durante toda su vida sin

importar su edad cronológica. “El andragogo es un educador que, conociendo al

adulto que aprende, es capaz de crear ambientes educativos propicios para el

aprendizaje. En su acepción más amplia, el andragogo es el ser de la relación de

ayuda educativa al adulto”.

-28-

CAPÍTULO VII

PROCESO DE DISEÑO Y PROPUESTA PRELIMINAR

7.1 Aplicación de la información obtenida en el Marco Teórico:

Con la información obtenida por la investigación en el marco teórico y el

perfil del cliente, es posible llegar a este paso. Se evaluaron todos los aspectos

para hacer una correcta aplicación de las técnicas y métodos para el

proceso de diseño, aquí es donde se aplican las ideas y los

fundamentos de la comunicación y el diseño, para presentar una propuesta

preliminar.

La sociología se utilizó en este proyecto, inicialmente, al determinar el perfil

geográfico, demográfico, psicográfico y conductual del grupo objetivo. Esta

ciencia posibilitó la evaluación de las características del usuario final.

Asimismo, se identificó la población, y finalmente, la muestra con la que se

examinaron las necesidades de acuerdo al contenido y al diseño del sitio web.

La semiótica o semiología se utiliza en el presente proyecto de graduación, al

estudiar la denotación y connotación que tienen las formas y los colores por el

usuario final. Antes iniciar el proceso de bocetaje, se tenía ya la idea central y la

forma de plasmarla en un diseño, gracias al estudio de lo anteriormente

mencionado. Los elementos gráficos realizados, que conforman el Sitio web,

fueron diseñados de acuerdo a lo que cada color y cada forma puede

transmitir al grupo objetivo.

La semiología de la Imagen se utiliza en el presente proyecto de graduación.

Al iniciar el proceso de la realización del proyecto, se determina que la idea

central a lo que se le considera una Imagen y la forma de plasmarla en un

diseño, es gracias al estudio de lo anteriormente mencionado.

La semiología de la Comunicación se utiliza en el presente proyecto de

graduación, al estudiar que la cultura es comunicación y que se pueden

comprender mejor las cosas si se examina desde el punto de vista de la

comunicación. Antes iniciar el proceso de la realización del sitio Web, se tenía ya

la idea central y la forma de plasmarla en un diseño ya realizado en un

boceto, y gracias al estudio de lo anteriormente mencionado. Los elementos

gráficos realizados, que conforman el sitio web.

-29-

La psicología se utilizó en el presente proyecto de Graduación, al iniciar el proceso

de la realización del proyecto estudiamos la conducta, la forma de pensar y la

manera percibir las cosas del grupo objetivo, así también cómo aprenden adaptarse

en el medio que les rodea. Analizamos lo anteriormente mencionado para poder

comprender mejor al grupo objetivo, y darle el mensaje correcto, según las

necesidades detectadas.

La Andragogía se utilizó en el presente proyecto, al estudiar que el aprendizaje

permite incrementar el pensamiento, la autogestión, la calidad de vida y la

creatividad del adulto, con el propósito de proporcionarle una oportunidad para que

logre su autorrealización. Gracias al estudio de lo anteriormente mencionado se

determinó el mensaje principal para la realización del sitio web.

La Antropología se utilizó en el presente proyecto, al analizar esta ciencia que se

ocupa de estudiar al hombre en el marco de la sociedad, a las culturas que pertenece, y

como producto de éstas. Ayudó a determinar a nuestro grupo objetivo y detectar sus

necesidades para así poderlas satisfacer con la realización de proyecto.

La psicología del color se utilizó en el desarrollo del presente proyecto,

específicamente, en el diseño del sitio web, al crear cada elemento gráfico que

la compone. Previo al diseño de estos elementos gráficos, se realizó un estudio

sobre el significado que tiene cada color, así como lo que éste puede dar a entender

al usuario final. De la misma forma, se investigó el significado de los distintos

tipos de línea y el mensaje que emiten al ser utilizadas en el diseño de un

gráfico.

A continuación se define el método utilizado para llegar a un concepto de

diseño.

7.2 Conceptualización:

Para llevar a cabo la realización y diseño del Sitio Web, es necesario que

se tome en cuenta un procedimiento que genere respuesta a los

objetivos planteados dentro del proyecto, a través de una serie de pasos

ordenados que busquen una solución creativa a las necesidades planteadas.

Los objetivos que se pretenden lograr a través del diseño del Sitio Web

son:

1. Recopilar la información necesaria acerca de la organización no

gubernamental “Centro de Capacitación para la mujer artesana las

Gravileas” para dar a conocer la institución en el sitio web.

-30-

2. Establecer un espacio dentro del sitio Web, para distribuir la

información recopilada del “Centro de Capacitación para la mujer

artesana las Gravileas”, así como galería fotográfica donde muestra los

diversos programas que realiza la institución .

3. Crear un espacio virtual dentro del sitio Web, en donde se habilitará un

link que lo dirigirá automáticamente al correo del “Centro de

Capacitación para la mujer artesana las Gravileas”, para que puedan

contactarse con la institución y así solicitar información.

4. Publicar el sitio Web en la red mundial de información, para que

diferentes personas ajenas a la institución puedan contactarla y así

pueda darse a conocer los diferentes talleres y capacitaciones que

realiza el “centro de Capacitación para la mujer artesana las Gravileas”

para las mujeres emprendedoras de hoy.

Para que se lleven a cabo estos objetivos a través del diseño, es

necesario implementar un método y concepto creativo, que permita

llevar a cabo las tareas necesarias en la realización del sitio Web

tomando en cuenta los aspectos (el color y el estilo de cada uno de

los elementos) que forman parte del sitio Web.

7.2.1 Método: Se desea dar a conocer la institución, los programas y

proyectos que realiza el “Centro de Capacitación las Gravileas”. Por lo que

se utilizó el método: mapa conceptual, es una técnica que se utiliza

para relacionar una lista de conceptos clave de importancia a un

tema determinado. Dentro del concepto adquiere un significado

completo y por el tipo de relación que este establece entre otros

conceptos.

7.2.2 Justificación del uso de Mapa Conceptual: El creador de esta

técnica es Joseph Novak. El mapa conceptual es la técnica elegida

para elaborar el concepto sobre el que está basado el proceso de

bocetaje para la elaboración de un sitio Web para el “Centro de

Capacitación las Gravileas”. Se utilizó el mapa conceptual, ya que sirve

para explorar conocimientos previos, conocer, organizar, analizar,

cooperar y fijar la atención en un concepto determinado que dará a

conocer otros significados que se relacionen y que expresen una

perspectiva global y completa del tema. Primero se realizará una lista de

conceptos (sobre todo de aspectos positivos) relacionados con los

objetivos de este proyecto, el grupo objetivo y los conceptos fundamentales

del marco teórico.

-31-

7.2.3 Listado de conceptos relacionados con la necesidad y los

objetivos del presente: Estos conceptos están basados en palabras

claves, que se relacionan entre sí.

Conceptos Clave:

SITIO WEB

ES PROVEE A TRAVÉS DE DISTRIBUYE PARA

Tecnología Contenido

Dinámico

Internet Información Mujeres de

escasos

recursos

Expresión Información Comunicación Responsabilidad Identidad

Identidad Comunicación Lenguajes Mejora Soporte

Actualización Español Entendimiento Utilidad

Interés PHP Capacitación

Accesibilidad CSS

Funcionalidad HTML

Impacto Imagen

Identidad Creatividad

Los conceptos relacionados con los objetivos de este proyecto son diseñar

un sitio web para dar a conocer la organización, los programas y proyectos

que imparte a mujeres de escasos recursos el “Centro de Capacitación

para la Mujer Artesana las Gravileas”. Provee Información y comunicación

entre la organización y las personas o entidades interesadas en servir o en

capacitarse, también provee información actualizada y de Interés por parte

del Centro de Capacitación las Gravileas para informar, y finalmente provee

mayor identidad y accesibilidad al centro de capacitación, ya que sí está en

internet, está en todos lados. El internet, permite una comunicación, a

través del idioma español y los lenguajes de la tecnología para estructurar

y diseñar el sitio Web: HTML, PHP, CSS.

De un código escrito, de iconos e imágenes y la creatividad, se distribuye

información (Cursos que imparten, proyectos que realizan, fotografías de

sus actividades, entre otras). También promueve la responsabilidad en las

mujeres que se capacitan, ya que mejora la comunicación y su

entendimiento adquirido en el centro de capacitación las Gravileas. A las

personas egresadas del centro de Capacitación, les servirá de soporte

para obtener un mejor desarrollo personal y social, que a la vez le será de

utilidad para generar bienestar a su familia y a su comunidad.

7.2.4 Lista de conceptos relacionados con el grupo objetivo:

Estos conceptos están basados en las actitudes de las personas o

entidades interesadas en el “Centro de Capacitación las Gravileas”, que

son el grupo objetivo, enfocado en el perfil conductual.

-32-

Conductual

Capacitarse

Oportunidades de empleo

Aportes a la entidad

Los conceptos relacionados con el grupo objetivo son buscar capacitarse para

obtener un mejor desarrollo personal y social, al brindar oportunidades de

empleo que mejoren su nivel de vida personal, familiar y social, a través de

aportes o donaciones de personas o entidades que crean y confíen en la

Institución.

7.2.5 Lista de conceptos relacionados con el “Centro de Capacitación

para la Mujer Artesana las Gravileas”:

Estos conceptos están basados en el perfil del cliente y en los conceptos

fundamentales del marco teórico relacionados con el cliente, que es el “Centro

de Capacitación para la Mujer Artesana las Gravileas”.

Visión (que busca, que

espera en el futuro)

Misión (lo que es

actualmente) Valores

Desarrollo Atraer Personas Solidaridad

Actitud empresarial Formación Integral Enseñanza

Aumento valores humanos Mejorar el nivel de vida,

familiar y social. Bienestar

Colaboración

7.2.6 Lista de conceptos relacionados con la Comunicación y el Diseño

Estos conceptos están basados en los conceptos del marco teórico

relacionados con la Comunicación y el Diseño.

COMUNICACIÓN DISEÑO

Ciencias Contexto

Medios Ideas

Funciones Creatividad

Informa Imagen

Valora Color

Controla Diagramación

Motiva Organización

Coopera Composición

Retroalimenta Luz

Calidad Tipografía

Tecnología Digitalización

-33-

7.2.7 Mapa Conceptual:

Definición del Concepto:

Para crear esta propuesta de estructura y diseño, se llegó al siguiente concepto

seleccionado a través de una lluvia de Ideas (Brainstorming). Según

Osborn, es una herramienta que facilita el surgimiento de nuevas ideas

sobre un tema (Fuente: www.Neuronilla.com):

“Mujer, Nosotros Creemos y Confiamos en Ti”

El concepto refleja la importancia de creer y confiar en el potencial que

cada mujer trae, capacitándolas para que se puedan desenvolver en el

ámbito laboral que mejore su nivel de vida personal, familiar y social. Por

eso queremos desarrollar en cada una de ellas actitudes empresariales,

que les permitan a través de la creación de pequeñas empresas, aumentar

sus valores humanos.

-34-

Mapa Conceptual del Sitio Web

“Centro de Capacitación las

Gravileas”

La elaboración del diseño de este sitio web debe ser de manera adecuada,

es decir que la información que se plasme debe ser clara, legible y precisa

para que los usuarios tengan mejor comprensión de lo que se quiere dar a

conocer. Por lo tanto, para que el concepto se cumpla, se debe agregar

como slogan en el sitio web, ya que es necesario para plasmar la idea de lo

que es la empresa en una sola frase.

Así se llegó a la Imagen del Brainstorming

-35-

7.3. BOCETAJE:

En este proceso se grafica y justifica la estructura y diseño del sitio Web.

7.3.1 Bocetaje del Layout del sitio web:

El bocetaje del layout, inició basado en la información dada por la

institución, por lo que se implementaron desde el principio formas

agradables a la vista, colores vivos y alegres.

Se quiere demostrar creatividad, también se implementan espacios

para comunicar información de manera ordenada y clara. Los bocetos

se crearon en el orden en que tiene la estructura del sitio Web.

7.3.2 Bocetaje preliminar del contenido del sitio web:

Al organizar el contenido de la propuesta preliminar se examinaron

los aspectos de información que les diera a conocer y apoyar la

institución personas ajenas a ella y que buscarían en un sitio Web de la

Organización No Gubernamental “Centro de Capacitación para la mujer

artesana las Gravileas”. Por esto, la referencia tomada fueron las

actividades que se han realizado dentro y fuera de la institución. Con

esta referencia se crea una propuesta de contenido, y también lo que se

llama mapa del sitio, que utilizará la misma técnica (mapa

conceptual) para graficar los elementos elegidos para el contenido del

sitio Web.

-36-

-37-

Breve descripción de los

programas que se realizan

en el centro

Inicio

Quiénes

Somos

Programas

Galería

de fotos

Contácte-

nos

Ubicación del centro, números

de teléfonos y correos.

Fotografías y descripciones de

Actividades realizadas dentro

del centro

Corta Historia de la ONG,

visión y misión

Breve info. del centro de

capacitación las Gravileas

Página

Principal

MAPA SITIO WEB

DEL “CENTRO

CAPACITACIÓN

LAS GRAVILEAS”

7.3.3 Bocetaje preliminar del Layout: Página Principal

-38-

HEADER

1. Logotipo del Centro de capacitación las Gravileas.

2. Fotografía del Centro de capacitación las Gravileas.

3. Botones de Inicio, Quienes somos, Programas, Galería Fotos y

Contactos.

4. En esta área del Banner se

muestran fotografías del centro de

capacitación las Gravileas.

1

2

3

4

5. En el área del cuerpo (Body), se

exhibirá el contenido de la metodología,

perfil, programas del centro de

Capacitación las Gravileas. Botón una

corta historia del centro de capacitación

al seleccionarlo.

5

1000 x ancho

1200 x

ancho

7.3.4 Bocetaje preliminar del Layout: Página Quiénes Somos

-39-

4. En el área del cuerpo

(Body), al seleccionar el

botón de Quiénes Somos, se

muestra una corta historia

del centro de capacitación

de las Gravileas, así como su

misión y visión.

HEADER

1. Logotipo del Centro de capacitación las Gravileas.

2. Fotografía del Centro de capacitación las Gravileas.

3. Botones de Inicio, Quiénes somos, Programas, Galería

Fotos y Contactos.

2

1

3

4

5

5. En el área del cuerpo

(Body), al seleccionar el

botón de Quiénes Somos, se

muestra una fotografía del

centro de capacitación las

Gravileas.

7.3.5 Bocetaje preliminar del Layout: Página Programas

-40-

HEADER

1. Logotipo del Centro de capacitación las Gravileas.

2. Fotografía del Centro de capacitación las Gravileas.

3. Botones de Inicio, Quiénes somos, Programas, Galería Fotos

y Contactos.

5. En el área del cuerpo

(Body), al seleccionar el

botón de Programas, se

muestra una fotografía

relacionada al tipo de

programa imparte el centro

de capacitación las Gravileas.

4. En el área del cuerpo

(Body), al seleccionar el

botón de Programas, se

muestra la información

detallada de los programas

que imparte el centro de

capacitación las Gravileas,

así como su misión y visión.

2 1

3

4

5

7.3.6 Bocetaje preliminar del Layout: Página Galería de Fotos

-41-

HEADER

1. Logotipo del Centro de capacitación las Gravileas.

2. Fotografía del Centro de capacitación las Gravileas.

3. Botones de Inicio, Quiénes somos, Programas, Galería Fotos

y Contactos.

2 1

3

4. En el área del cuerpo

(Body), al seleccionar el

botón de galería de fotos se

exhibe el contenido, así es

como se muestra las

fotografías en el cuerpo.

4

7.3.7 Bocetaje preliminar del Layout: Página Contacto

-42-

HEADER

1. Logotipo del Centro de capacitación las Gravileas.

2. Fotografía del Centro de capacitación las Gravileas.

3. Botones de Inicio, Quiénes somos, Programas, Galería Fotos

y Contactos.

2 1

3

4. En el área del cuerpo

(Body), se exhibirá el

contenido del botón

contacto que pertenece al

menú de navegación, que

se encuentra en la parte

superior del cuerpo. 4

5. En el área del cuerpo

(Body), se exhibirá un

mapa para que puedan

localizar el centro de

capacitación las Gravileas.

5

6. En el área del cuerpo

(Body), se colocará una

fotografía del centro de

capacitación las Gravileas.

6

FOTOGRAFÍAS QUE SE ELIGIERON PARA LA PROPUESTA FINAL

DEL SITIO WEB.

-43-

CONTINUACION DE FOTOGRAFIAS QUE SE ELIGIERON PARA LA

PROPUESTA FINAL DEL SITIO WEB.

-44-

7.3.8 Colores:

Se implementaron los colores del logo que representan a la

organización No Gubernamental “Centro de Capacitación para la mujer

artesana las Gravileas”.

Estos son los colores que se utilizarán en el sitio Web.

COLORES RGB

BLANCO

Representa la paz, el orden y el optimismo

y ayuda a equilibrar el alma. Este color

fue utilizado mayormente en los espacios

donde va el texto.

GRIS

En sus diferentes tonalidades,

representa estabilidad, inspira a la

creatividad y simboliza el éxito.

ROJO

Es un color que parece salir al encuentro,

adecuado para expresar la alegría

entusiasta y comunicativa. Es un color

muy intenso a nivel emocional. Mejora el

metabolismo humano, aumenta el ritmo

respiratorio y eleva la presión sanguínea.

En heráldica el rojo simboliza valor y

coraje. Es usado para intensificar el

metabolismo del cuerpo con

efervescencia y apasionamiento; ayuda a

superar la depresión.

NEGRO

El negro representa el poder, la elegancia,

la formalidad. El negro representa también

autoridad, fortaleza, intransigencia.

También se asocia al prestigio y la

seriedad.

-45-

#ffffff

#7b0003

#666666

#141414

7.4 PROPUESTA PRELIMINAR

En esta parte los bocetos se presentan con la propuesta preliminar del sitio Web

para el “Centro de Capacitación las Gravileas”, en el mismo orden en que fueron

presentados los bocetos.

7.4.1 Herramientas y lenguajes utilizados:

Para crear digitalmente este contenido se utilizaron las siguientes herramientas:

• Bocetos de referencia

• Photoshop

• Flash

• Freehand

Lenguajes para crear una página web:

• HTML, XHTML para estructurar

• CSS contener la estructura y montar el diseño en una manera dinámica.

7.4.2 Propuesta Preliminar Estructura y Diseño:

En el diseño se toma en cuenta la información obtenida del cliente, en este caso es el

Centro de Capacitación las Gravileas, la información y el grupo objetivo.

7.4.3 Resolución:

Se utiliza una resolución de 1000x1200 pixeles.

7.4.4 Tipografía:

La tipografía utilizada en el sitio Web es:

Botones

Underwood:

a b c d e f g h i j k l m n ñ o p q r s t u v w x y z

A B C D F G H I J K L M N Ñ O P Q R S T U V W X Y Z

Contenido

Comic Sans:

a b c d e f g h i j k l m n ñ o p q r s t u v w x y z

A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z

Títulos

Street-plain:

a b c d e f g h i j k l m n ñ o p q r s t u v w x y z

A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z

-46-

7.4.5 Propuesta preliminar Layout (footer) Página Principal Medidas

*Medida expresada en Pixeles.

-47-

1000 x de ancho

1

2

0

0

x

d

e

a

l

t

o

Mujer, Creemos y Confiamos en Tí

7.4.6 Propuesta preliminar “Página Principal”

La idea de implementar un sitio Web del Centro de Capacitación las

Gravileas, es para que personas ajenas a la institución conozcan los

programas y proyectos que imparte el centro de capacitación, o bien

quieran capacitarse o aportar algo al centro.

-48-

Mujer, Creemos y Confiamos en Tí

7.4.7 Propuesta preliminar “Quiénes Somos”

La idea de mostrar la historia, la misión y visión de la institución en el Sitio

Web, es para que las personas que visitan el sitio conozcan cómo es la

institución, cómo surgió su nombre, cuál es su origen y los fines para los

que fue creado el “centro de capacitación para la mujer artesana las

Gravileas”.

-49-

Mujer, Creemos y Confiamos en Tí

7.4.8 Propuesta preliminar “Programas”

En esta sección de Programas, el grupo objetivo tendrá acceso a visualizar

los diversos programas que imparte el “Centro de Capacitación para la mujer

artesana las Gravileas”.

-50-

Mujer, Creemos y Confiamos en Tí

7.4.9 Propuesta preliminar “Galería de Fotos”

En esta sección de Galería de Fotos, el grupo objetivo tendrá acceso a

visualizar las fotografías de cada una de las actividades realizadas del

Centro de Capacitación las Gravileas.

-51-

Mujer, Creemos y Confiamos en Tí

7.4.10 Propuesta preliminar “Contáctenos”

En la sección de “Contáctenos”, el grupo objetivo tendrá acceso a

comunicarse por vía telefónica, vía email o bien localizar dónde se encuentra

el “Centro de Capacitación para la mujer artesana las Gravileas”.

-52-

Mujer, Creemos y Confiamos en Tí

CAPÍTULO VIII

POBLACIÓN Y MUESTREO

Para proseguir con la elaboración de este proyecto, este capítulo es para verificar el

logro de los objetivos planteados, los elementos semiológicos, operativos y de

diseño. Para ello se implementó un instrumento de validación enfocado en tres

áreas de la comunicación y el diseño:

• Visualizar logros respecto de los objetivos planteados en el proyecto.

• Verificar la eficiencia de elementos del diseño en cuanto a colores, tipografía,

elementos comunicativos, entre otros.

• Verificar que se cumplan los principios de legibilidad y motivación en el

aprendizaje.

8.1.1 Descripción de la Muestra

Para permanecer con la metodología de la validación, es necesario describir a la

muestra que le da valor a la investigación, pues se recolectan datos con el cliente,

grupo objetivo y con expertos en la comunicación y el diseño.

8.1.1.2 Cliente: “Centro de Capacitación para la mujer artesana Las Gravileas”

• Total de muestra: 2

El cliente está conformado por las autoridades del “Centro de Capacitación para la

mujer artesana Las Gravileas”, quienes tienen a cargo la coordinación y

administración de la misma. Cuentan con la experiencia y herramientas para

sustentar la elaboración de este proyecto.

8.1.1.3 Grupo Objetivo: Personas entre 30 a 50 años de edad.

• Total de muestra: 15

El grupo objetivo está conformado por personas entre 30 a 50 años de edad,

quienes poseen los fondos necesarios para promover los proyectos que ayudarán al

desarrollo y a la formación integral de las mujeres que asisten al “centro de

capacitación para la mujer artesana las Gravileas”. Son parte de una muestra

significativa a la que está dirigido este proyecto.

8.1.1.4 Expertos: Expertos en el tema en Comunicación y Diseño

• Total de muestra: 5

Los expertos que están conformados por Licenciados que tienen el conocimiento y

la formación suficiente para aportar a la parte semiológica, operativa y objetiva de

la validación de este proyecto.

-53-

8.2 MÉTODO E INSTRUMENTOS

8.2.1 Técnica: Encuesta

Para validar el proyecto se efectuó una encuesta, ya que es necesario tomar en

cuenta una herramienta apropiada para realizar la evaluación y tabulación de

los datos. Se consideró la aplicación de una encuesta, ya que es una

herramienta simple y eficaz. Se usa una escala de tipo Likert para responder a

las preguntas. La escala Likert es una de las más utilizadas en la investigación.

Se crearon 15 preguntas para evaluar la propuesta de diseño.

8.2.1.1 Aspectos Objetivos

Aquí se validan los objetivos del proyecto y se establece la solución propuesta a

la problemática.

8.2.1.3 Aspectos Semiológicos

Son constituidos por los elementos visuales y audiovisuales. Colores a utilizar,

imágenes, diagramación y disposición de la información.

8.2.1.4 Aspectos Operativos

Constituyen la eficacia, la legibilidad, la accesibilidad y la navegación.

8.2.1.5 Descripción de Metodología de Validación

• Establecimiento de la metodología

• Elaboración de la encuesta

• Verificación de la eficiencia y objetividad de la encuesta

• Definición de la muestra a ser encuestada

• Se hace un acercamiento al grupo objetivo, los expertos y el cliente

• Se codifican los resultados

• Se tabulan los resultados

• Se totalizan los resultados

• Se grafican los resultados

• Se analizan e interpretan los resultados hasta llegar a las conclusiones

8.2.1.6 Instrumento de Validación

Como forma de recordatorio se da un ejemplo del instrumento de validación

para el grupo objetivo, los clientes y expertos. Como se mencionó anteriormente

se evalúa respecto de los objetivos y los aspectos semiológicos y operativos.

Con un total de 15 preguntas.

* En la parte de Anexo B se presenta la Encuesta de Validación.

-54-

En la presente encuesta encontrará una serie de preguntas relacionadas con forma,

tamaño y color, del proyecto: Diseño de sitio web del “Centro de Capacitación

para la mujer artesana las Gravileas” para dar a conocer la organización.

Se le pide que con base a su criterio observe la propuesta de diseño de (sitio web,)

y conteste las siguientes preguntas para la validación del proyecto. Guatemala,

Noviembre 2011

VALIDACIÓN

1. ¿Considera necesaria la elaboración de un Sitio Web para el “Centro de

Capacitación Gravileas”, para dar a conocer los programas y proyectos

realizados?

Si____ No_____

2. ¿Considera necesario investigar la información acerca de la construcción del sitio

web para poder diseñar uno adecuado para el “Centro de Capacitación para la

mujer artesana las Gravileas”?

Si____ No_____

3. Según su criterio ¿cree que es necesario recolectar información sobre el “Centro

de Capacitación para la mujer artesana Gravileas”, para poder crear es sitio web?

Si____ No_____

4. Según su criterio ¿Cree que es necesario proponer un diseño del sitio web para

dar a conocer el “Centro de Capacitación para la mujer artesana Gravileas”?

Si____ No_____

-55-

FACOM

LICENCIATURA EN COMUNICACIÓN

Y DISEÑO

PARTE SEMIOLÒGICA

5. Según su criterio, ¿considera que los colores de Sitio Web son adecuados al

“Centro de Capacitación para la mujer artesana Gravileas”?

Muy Adecuados____ Poco Adecuados_____ Nada Adecuados_____

6. Según su criterio, ¿considera que la tipografía es?

Muy Legible____ Poco Legible_____ Nada Legible_____

7. ¿Considera que el sitio web ayuda a reunir fondos para costear los proyectos

del “Centro de Capacitación para la mujer artesana las Gravileas”?

Mucho_____ Poco_____ Nada_____

8. Según su criterio ¿cree que la animación de la página principal da a conocer

brevemente el contenido del sitio web?

Mucho_____ Poco_____ Nada_____

9. ¿Considera que las fotografías dan a conocer las actividades y proyectos del

“Centro de Capacitación para la mujer artesana las Gravileas”?

Muy Adecuados____ Poco Adecuados_____ Nada Adecuados_____

10. ¿Considera que el banner está colocado en un lugar adecuado?

Si____ No____ Otros____

ASPECTOS OPERATIVOS

11. Según su criterio, ¿cree que navegar dentro del Sitio Web es?

Muy fácil____ Poco fácil_____ Nada fácil_____

12. Los botones de navegación se reprodujeron con:

Ningún error____ Pocos errores_____ Muchos errores_____

13. Considera que la carga de las imágenes del Sitio Web es:

Rápida____ Lenta_____

-56-

14. ¿Considera que la estructura del Sitio Web muestra información

claramente relacionada con el “Centro de Capacitación para la mujer artesana

las Gravileas”?

Mucho____ Poco_____ Nada_____

15. ¿Considera que el menú de navegación es apropiado para orientar a los

usuarios en el uso del Sitio Web?

Mucho____ Poco_____ Nada_____

Observaciones.

___________________________________________________________________

___________________________________________________________________

___________________________________________________________________

______________________________________________.

-57-

8.3 RESULTADOS E INTERPRETACIÓN

Para una mejor comprensión de la Interpretación de los resultados obtenidos,

se han dividido de acuerdo a la muestra de población.

Se colocó una gráfica y una guía de color.

De las preguntas 1 a la 4:

Color Cyan= Si

Color Celeste = No

De las preguntas 5, 9:

Color Cyan= Muy adecuados

Color Celeste = Poco adecuados

Color Celeste claro = Nada adecuados

De las pregunta 6:

Color Cyan= Muy legible

Color Celeste = Poco legible

Color Celeste claro = Nada legible

De las preguntas 7, 8, 14 y 15:

Color Cyan= Mucho

Color Celeste = Poco

Color Celeste claro = Nada

De las pregunta 10:

Color Cyan= Si

Color Celeste = No

Color Celeste claro = Otros

De las pregunta 11:

Color Cyan= Muy fácil

Color Celeste = Poco fácil

Color Celeste claro = Nada fácil

De las pregunta 12:

Color Cyan= Ningún error

Color Celeste = Poco errores

Color Celeste claro = Muchos errores

De las pregunta 13:

Color Cyan= rápida

Color Celeste = lenta

-58-

8.3.1 GRUPO OBJETIVO

Total Encuestados: 15

Modo de Acercamiento: A través de entrevistas personalizadas con el grupo

objetivo, exponiendo el sitio web a los entrevistados.

8.3.2 EXPERTOS (Licenciados expertos en Sitios Web, Comunicación y

Diseño)

Total Encuestados: 5

Modo de Acercamiento: A través de una reunión con cada experto en el

Tema, los días del 5 al 7 de diciembre de 2011, se expuso el Sitio Web, en

la Computadora Portátil.

Expertos:

Lic. Leizer Kachler, (Decano de la Facultad de Ciencias de la

Comunicación, Director Creativo, Diseñador Gráfico)

Lic. Rualdo Anzueto (Vicedecano de la Facultad de Ciencias de la

Comunicación, Licenciado en Ciencias de la Comunicación.)

Lic. Rolando Barahona (Licenciado en Diseño Gráfico)

Lic. Guillermo García Letona, (Licenciado en Publicidad)

Licda. Lourdes Donis (Licenciada en Diseño Gráfico)

8.3.3 CLIENTES

Total Encuestados: 2

Modo de Acercamiento: A través de una reunión de grupo, exponiendo el

Sitio Web, a los clientes de la Junta Directiva del “Centro de Capacitación

para la mujer artesana las Gravileas” el día 1 de Diciembre de 2011, se

tomaron fotografías para que se sustente el proyecto a realizarse. Clientes:

Dalila Wilhelm y Ana Lucia Hernández.

• En la parte de Anexo C se adjuntan fotografías de los expertos y clientes

quienes validaron este proyecto.

-59-

-45-

-60-

¿Considera necesaria la elaboración de un

Sitio Web para el “Centro de Capacitación

Gravileas”, para dar a conocer los

programas y proyectos realizados?

PREGUNTA 1

El 100% de la población encuestada considera que es necesaria

la elaboración de un sitio web para el Centro de Capacitación

para la mujer artesana Gravileas, ya que da a conocer los

programas y proyectos realizados para mujeres de escasos

recursos. Esto significa que el sitio web cumple con el objetivo

general.

Interpretación y Hallazgos de la Pregunta 1

-61-

¿Considera necesario investigar la

información acerca de la construcción del

sitio web para poder diseñar uno

adecuado para el “Centro de Capacitación

para la mujer artesana las Gravileas”?

PREGUNTA 2

El 100% de la población encuestada considera que es

necesario investigar la información acerca de la

construcción del sitio web para diseñar uno adecuado

para el “Centro de Capacitación para la mujer artesana las

Gravileas”. Esto significa que el sitio web cumple con el

primer objetivo específico.

Interpretación y Hallazgos de la Pregunta 2

-47-

-62-

Según su criterio ¿cree que es necesario

recolectar información sobre el “Centro de

Capacitación para la mujer artesana

Gravileas”, para poder crear es sitio web?

PREGUNTA 3

El 100% de la población encuestada considera que es

necesario recolectar información sobre el “Centro de

Capacitación para la mujer artesana Gravileas”, para

poder crear su sitio web. Esto significa que el sitio web

cumple con el tercer objetivo específico.

Interpretación y Hallazgos de la Pregunta 3

-63-

Según su criterio ¿Cree que es necesario

proponer un diseño del sitio web para dar

a conocer el “Centro de Capacitación para

la mujer artesana Gravileas”?

PREGUNTA 4

El 95% de la población encuestada considera que es

necesario proponer un diseño del sitio web para dar a

conocer el “Centro de Capacitación para la mujer

artesana Gravileas”, y el 5% dice que no es necesario.

Esto significa que el sitio web cumple con el cuarto objetivo

específico.

Interpretación y Hallazgos de la Pregunta 4

-64-

Según su criterio, ¿considera que los

colores de Sitio Web son adecuados al

“Centro de Capacitación para la mujer

artesana Gravileas”?

PREGUNTA 5

El 81% de la población encuestada considera que los

colores de Sitio Web son adecuados al “Centro de

Capacitación para la mujer artesana Gravileas”, y el 19%

cree que son poco adecuados.

Interpretación y Hallazgos de la Pregunta 5

-50-

-65-

Según su criterio, ¿considera que la

tipografía es?

PREGUNTA 6

El 95% de la población encuestada considera que la

tipografía es legible, y el 5% cree que es poco legible.

Interpretación y Hallazgos de la Pregunta 6

-51-

-66-

¿Considera que el sitio web ayuda a

reunir fondos para costear los proyectos

del “Centro de Capacitación para la mujer

artesana las Gravileas”?

PREGUNTA 7

El 57 % de la población encuestada considera que el sitio

web ayuda a reunir fondos para costear los proyectos

del “Centro de Capacitación para la mujer artesana las

Gravileas”, pero el 43% considera que reúne poco. Esto

ratifica el objetivo general del proyecto, que el sitio web

servirá para dar a conocer la institución y eventualmente

la gente puede llegar a donar.

Interpretación y Hallazgos de la Pregunta 7

-52-

-67-

Según su criterio ¿cree que la animación

de la página principal da a conocer

brevemente el contenido del sitio web?

PREGUNTA 8

El 76% de la población encuestada considera que la

animación de la página principal da a conocer

brevemente el contenido del sitio web, y el 24% cree

que poco dará a conocer.

Interpretación y Hallazgos de la Pregunta 8

-53-

-68-

¿Considera que las fotografías dan a

conocer las actividades y proyectos del

“Centro de Capacitación para la mujer

artesana las Gravileas”?

PREGUNTA 9

El 95% de la población encuestada considera que las

fotografías dan a conocer las actividades y proyectos

del “Centro de Capacitación para la mujer artesana

las Gravileas, y el 5% cree que poco dará a conocer.

Interpretación y Hallazgos de la Pregunta 9

-69-

¿Considera que el banner está colocado en

un lugar adecuado?

PREGUNTA 10

El 90% de la población encuestada considera que el

banner está colocado en un lugar adecuado, y el 10%

cree que no está colocado en un buen lugar.

Interpretación y Hallazgos de la Pregunta 10

-70-

Según su criterio, ¿cree que navegar

dentro del Sitio Web es?

PREGUNTA 11

El 90% de la población encuestada considera que

navegar dentro del sitio web es muy fácil, y el 10%

considera que es poco fácil.

Interpretación y Hallazgos de la Pregunta 11

-56-

-71-

Los botones de navegación se

reprodujeron con:

PREGUNTA 12

El 95% de la población encuestada considera que los

botones de navegación se produjeron con ningún error, y

el 5% considera que fue con pocos errores.

Interpretación y Hallazgos de la Pregunta 12

-72-

Considera que la carga de las imágenes

del Sitio Web es:

PREGUNTA 13

El 90% de la población encuestada considera que la

carga de las imágenes del sitio web es rápida, mientras

que el 10% cree que es lenta.

Interpretación y Hallazgos de la Pregunta 13

-73-

¿Considera que la estructura del Sitio Web

muestra información claramente

relacionada con el “Centro de Capacitación

para la mujer artesana las Gravileas”?

PREGUNTA 14

El 95% de la población encuestada considera que la

estructura del Sitio Web muestra información

claramente relacionada con el “Centro de

Capacitación para la mujer artesana las Gravileas” y

el 5% dice que muestra poca información.

Interpretación y Hallazgos de la Pregunta 14

-74-

¿Considera que el menú de navegación es

apropiado para orientar a los usuarios en

el uso del Sitio Web?

PREGUNTA 15

El 100% de la población encuestada considera que el

menú de navegación es apropiado para orientar a los

usuarios en el uso del Sitio Web.

Interpretación y Hallazgos de la Pregunta 15

8.4 CAMBIOS CON BASE EN RESULTADOS

8.4.1 Descripción

En este espacio se describen los cambios realizados con base en los

resultados obtenidos con la validación técnica: La mayoría de resultados

fueron positivos, por lo que aportaron un beneficio a la validación realizada.

Se implementaron algunos cambios por la petición del cliente y expertos.

Los aspectos evaluados en la validación técnica fueron: Uso y

legibilidad.

Algunos de los aspectos que se aplicaron al Diseño, Contenido y la

Estructura fueron:

• Según Validación con el Grupo Objetivo: En aspectos de uso: El grupo

objetivo solicitó que se colocaran más fotografías de las actividades que

realiza la Institución, ya que es la parte de mayor interés.

• Según Validación con Expertos: En aspectos de uso: Los expertos

solicitaron que se revise la resolución de las fotografías y que en el logo de

la institución se colocara un hipervínculo.

• Según Validación con Clientes: En aspectos de uso: los clientes

solicitaron que se cambiara la imagen principal y que se ubicara en el

mapa Santa Catarina Bobadilla.

♦ A continuación se explicará una descripción sobre los aspectos y cambios

nuevos el sitio Web del “Centro de Capacitación para la mujer artesana las

Gravileas”.

-75-

8.4.2 CAMBIO EN EL ÁREA DE GALERÍA DE FOTOS

Antes solo existía una sección de fotos donde había fotografías de los

programas que imparten y personas beneficiadas por el Centro de Capacitación

las Gravileas. Así que a petición del grupo objetivo se realizó la opción de crear

otra sección en el área de la Galería de fotos donde se muestran fotografías de

las instalaciones del “Centro de Capacitación las Gravileas”. También se revisó

la resolución de las fotografías para mejorar la calidad de las imágenes, a

petición de los expertos.

Antes

-76-

Mujer, Creemos y Confiamos en Tí

Mujer, Creemos y Confiamos en Tí

Después

-77-

8.4.3 CAMBIO EN EL ÁREA DE LA PÁGINA PRINCIPAL (QUIÉNES SOMOS)

Se solicitó que se cambiara la fotografía principal de la institución ya que la que tenía

antes no se veía estética y no era la adecuada para representar bien a la institución.

Antes:

-78-

Mujer, Creemos y Confiamos en Tí

Después

-79-

8.4.4 CAMBIO EN EL AREA DE LA PÁGINA PRINCIPAL (CONTÁCTENOS)

Se solicitó que se ubicara en el mapa la aldea de Santa Catarina Bobadilla.

Para facilitar la posibilidad de encontrar el “Centro de Capacitación las

Gravileas”.

Antes:

-80-

Mujer, Creemos y Confiamos en Tí

Después

-81-

Mujer, Creemos y Confiamos en Tí

CAPÍTULO IX

PROPUESTA GRÁFICA FINAL

En este capítulo se muestra el sitio web con todos los cambios ya aplicados por

el proceso de validación en una propuesta gráfica final del proyecto.

9. Propuesta Gráfica Final Layout

Todas las páginas del sitio Web del Centro de “Capacitación para la mujer

artesana Gravileas” contienen este layout, que incluye el header y el body. Las

dimensiones son las mismas utilizadas en la propuesta preliminar 1200 de alto x

1000 de ancho medidas expresadas en pixeles, aunque el contenido es más

extenso y la estructura es diferente.

A continuación se explicará las medidas utilizadas del sitio Web:

1ro las medidas utilizadas en el sitio Web:

2do las medidas utilizadas en el Header:

3ro las medidas utilizadas en el Body:

1. las medidas en el sitio Web.

-82-

1000 x de ancho

1

2

0

0

x

d

e

a

l

t

o

Mujer, Creemos y Confiamos en Tí

2. las medidas utilizadas en el header

3. las medidas utilizadas en el body

-83-

2

5

0

w

d

e

a

l

t

o

1000 x de ancho

9

5

8

w

d

e

a

l

t

o

1000x de ancho

Mujer, Creemos y Confiamos en Tí

9.1.1 PROPUESTA GRÁFICA FINAL: PÁGINA PRINCIPAL

-84-

Mujer, Creemos y Confiamos en Tí

9.1.2 PROPUESTA GRÁFICA FINAL: PÁGINA PRINCIPAL (QUIÉNES

SOMOS)

-85-

Mujer, Creemos y Confiamos en Tí

9.1.3 PROPUESTA GRÁFICA FINAL: PÁGINA PRINCIPAL

(PROGRAMAS)

-86-

Mujer, Creemos y Confiamos en Tí

9.1.4 PROPUESTA GRÁFICA FINAL: PÁGINA PRINCIPAL (GALERÍA DE

FOTOS)

-87-

Mujer, Creemos y Confiamos en Tí

9.1.5 PROPUESTA GRÁFICA FINAL: PÁGINA PRINCIPAL

(CONTÁCTENOS).

-88-

Mujer, Creemos y Confiamos en Tí

CAPÍTULO X

PRODUCCIÓN, REPRODUCCIÓN Y DISTRIBUCIÓN

10.1 Plan de costos de elaboración:

1. Elemento elaborado: Un sitio web para dar a conocer la institución, los

proyectos y programas del Centro de Capacitación para la Mujer Artesa Gravileas.

2. Tiempo de elaboración del Sitio Web: Para la elaboración del sitio Web fue

necesario seguir un proceso, que fue dividido en 2 partes:

Abril a Junio 2011:

Identificar la problemática.

Trazar los objetivos

Elaborar un marco de referencia

Definir al grupo objetivo.

Julio a Septiembre 2011:

Elaborar un marco teórico.

Definir un concepto para trabajar el diseño.

Bocetos

Estimados en tiempo total, trabajando 10 horas por día para la elaboración

del Sitio Web:

Total de meses trabajados: 6 meses

Total de semanas trabajadas: 24 semanas

Total de días trabajados: 120 días

Total de horas trabajadas: 1,200 horas

Costos de elaboración del Sitio Web:

Según el estándar del mercado para el salario de un diseñador gráfico de tiempo

completo, oscila entre los Q.5, 000.00 y Q.8, 000.00. En el “centro de

Capacitación para la Mujer Artesana Gravileas”, el salario promedio de un

diseñador depende del trabajo que realice.

La hora promedio tiene un valor de Q.100.00 El pago del día trabajado por 10

horas no incluyendo la hora de almuerzo, tiene un valor de Q.1,000.00 Sumando

solamente el tiempo trabajado para la elaboración del Sitio Web es: 6 meses/ 24

semanas/ 120 días/ 1,200 horas.

El costo sería: Q.12, 000.00 por 1,200 horas

Costo total de Elaboración: Q.12, 000.00

-89-

10.2 Plan de costos de producción:

El Proceso se llevó a cabo durante dos meses con dos semanas. Periodo

comprendido entre los meses de:

Octubre a diciembre 2011:

Crear propuesta preliminar

Hacer una validación técnica con el grupo objetivo, un grupo experto y el cliente.

Elaborar la propuesta gráfica final.

Estimados en tiempo total, trabajando 3 horas por día para la producción del

Sitio Web:

Total de meses trabajados: 2 meses

Total de semanas trabajadas: 12 semanas

Total de días trabajados: 36 días

Total de horas trabajadas: 108 horas

El costo sería: Q.10, 800.00 por 180 horas

Costo total de Producción: Q. 10,800.00

10.3 Plan de costos de reproducción y distribución:

1. Elemento a Reproducir y Distribuir: Un sitio Web para dar a conocer el “Centro

de Capacitación para la mujer artesana las Gravileas” los programas y proyectos

que realiza la institución.

2. Características:

Este sitio Web consta de 5 páginas web/html con desglose en el área de programas

con 5 páginas y 5 fotografías, en el área de galería de fotos 2 páginas, que

contienen 20 fotografías. Que hacen que el archivo HTML sea dinámico y funcional.

Este contenido tiene aproximadamente 1.96GB de espacio utilizado en un disco

duro rígido. Por lo que al solicitar cotización de hosting, se pidió 2GB, como

requisito mínimo, ya que a medida que crezca el registro de los visitantes y la

galería de imágenes, se calculó un aproximado de 20MB x mes, en término de un

año. También se cotizó un nombre de dominio .com (centrolasgravileas.com) tiene

un costo de $275.00 anualmente y un aproximado de 5 GB de transferencia por

mes.

3. Formato de Reproducción y Distribución:

Reproducción: prototipos virtuales.

Distribución: virtual por medio de internet.

4. Tiempo de Distribución:

El tiempo estimado para subir los archivos a un espacio Web es aproximadamente

de 7 minutos al subir 76kb/sec. El tiempo de instalación del dominio y el servicio de

hosting, con una aproximación de 48 horas.

-90-

Costos de Distribución:

Según la cotización seleccionada: U$S 249.00 (Q 1,992.00) anualmente, por los

siguientes servicios:

-Servidor de correo electrónico (webmail)

-Configuración de dominio centrolasgravileas.com (US$ 249.00)

-Configuración del servicio, sin costo

-Soporte personalizado, sin costo

-Google Analytics

-Almacenamiento 2.5 GB

-Ancho de banda ilimitado

Estos servicios los ofrece la empresa “WIX”.

En ANEXO D se adjunta cotización con otros detalles, y también la cotización

seleccionada en el capítulo XIII de este proyecto.

Costo Total de Distribución: Q 1,992.00 (US$ 249.00)

• A continuación se explicará en un Cuadro el resumen de los Costos de

Elaboración Finales del Proyecto.

Cuadro del Plan de Costos de Elaboración

Sitio Web HTML 6 Meses Q 12,000.00

Cuadro del Plan de Costos de Producción

Sitio Web HTML 2 Meses con Q 10,800.00

2 Semanas

Cuadro del Plan de Costos de Distribución

HTML en 2GB 1 año Q 1,992.00

de disco duro

Total de Plan de costos

-91-

Material

Elaborado

Formato de

Publicación

Tiempo de

Elaboración

Costo de

Elaboración

Material

Elaborado

Formato de

Publicación

Tiempo de

Elaboración

Costo de

Producción

Total de Piezas a

Reproducir Formato

Tiempo

Estimado Costos

Q 24,792.00

1

CAPÍTULO XI

CONCLUSIONES Y RECOMENDACIONES

11.1 Objetivos, Conclusiones Y Recomendaciones:

Objetivo General:

Diseñar un sitio web para dar a conocer la institución, los proyectos y programas

del “Centro de Capacitación para la Mujer artesana Las Gravileas”.

Conclusión:

• Se diseñó un sitio Web para dar a conocer la institución, los proyectos y

programas del “Centro de Capacitación para la Mujer artesana Las Gravileas”.

Que ayudara a recaudar fondos para mantener la institución y así seguir

capacitando a mujeres de escasos recursos brindándoles formación integral que

mejore su nivel de vida personal, familiar y social.

RECOMENDACIÓN:

• Que se actualice constantemente el sitio Web para dar a conocer

adecuadamente la institución, los proyectos y programas del Centro de

Capacitación para la Mujer Artesana Las Gravileas, para que la organización

pueda cumplir sus objetivos.

OBJETIVOS ESPECÍFICOS:

1. Investigar información acerca de la construcción de un sitio web y así diseñar

uno adecuado para el “Centro de Capacitación para la Mujer Artesana las

Gravileas”.

CONCLUSIÓN:

• Se investigó información necesaria acerca de la construcción de un sitio web y

con esto se enriqueció para diseñar uno adecuado para el “Centro de

Capacitación para la Mujer Artesana las Gravileas”.

RECOMENDACIÓN:

• Que se revise constantemente el sitio web y la información que se investigó para

la construcción de un sitio web, y actualizarla a futuro para que cumpla los

objetivos del “Centro de Capacitación para la Mujer Artesana las Gravileas”.

-92-

2. Recopilar información del “centro de Capacitación para la Mujer Artesana las

Gravileas”, para colocarlo en el sitio web de la Organización.

CONCLUSIÓN:

• Se recopiló la información necesaria acerca del “centro de Capacitación para la

Mujer Artesana las Gravileas” para promover la institución, los proyectos y

programas y colocarla en el sitio web de la organización para darla a conocer.

RECOMENDACIÓN:

• Que use la información necesaria y adecuada del “centro de Capacitación para la

Mujer Artesana las Gravileas” para darla a conocer y así promueva la institución, los

proyectos y programas que brindan a mujeres de escasos recursos.

3. Fotografiar diferentes actividades que realiza la institución para colocarlas en el

sitio web de la Organización No Gubernamental “Centro de Capacitación para la

mujer artesana las Gravileas”.

CONCLUSIÓN:

Se fotografiaron diferentes actividades que realizó el “centro de Capacitación para

la mujer artesana las Gravileas” y así colocarlas en el sitio web para dar a conocer

las diversas actividades que realiza la institución.

RECOMENDACIÓN:

Realizar una selección de las mejores fotografías que fueron tomadas para

colocarlas en el sitio web del “centro de Capacitación para la mujer artesana las

Gravileas”.

4. Buscar colores adecuados que representen a la institución, para ubicarlos en el

sitio web de la Organización No Gubernamental “centro de Capacitación para la

Mujer Artesana las Gravileas”.

CONCLUSIÓN:

Se buscaron los colores adecuados que represente a la institución, para ubicarlos

en el sitio web del “centro de Capacitación para la Mujer Artesana las Gravileas”.

RECOMENDACIÓN:

Seleccionar colores que sean armoniosos y que representen a la institución para

que haya un equilibrio en el diseño.

-93-

CAPÍTULO XII

BIBLIOGRAFÍA:

12.1 Libros Virtuales (LV) y Revistas Virtuales (RV)

A:

• Antrazyt: Diseño Web para Tod@s. 2007 – 196 páginas.

B:

• Barthes Roland: Elementos de Semiología (Semiología de la Imagen) 1964

– 196 páginas.

E:

• Eco, Umberto: Semiótica y Filosofía del lenguaje (Semiología de la

Comunicación, Semiótica y Comunicación) 1990.

F:

• Fernández Coca, Antonio: Producción y diseño gráfico para la World Wide

Web, 1988 - 336 páginas.

• Frascara Jorge: El Diseño de Comunicación. 2006 – 174 páginas.

M:

• Mclean Ruari: Manual de Tipografía. 1987 – 216 páginas.

R:

• Real Academia Española, 1992. Diccionario de la lengua española.

Trigésima octava edición. Madrid. Real Academia Española.

S:

• Scott Robert, Gilliam: Design Fundamentals (Fundamentos del Diseño,

Psicología del Color) 1959 - 194 páginas.

-94-

12.2 Bibliografía Web:

W:

• Web significado de colores: rojo, gris, blanco, negro.

http://www.webtaller.com/maletin/articulos/significado_de_los_colores.php

Consultado el 20 de Julio del 2011.

• Web Neuronilla: página para generar ideas y estimular la creatividad.

http://www.neuronilla.com/content/view/82/70/

Consultado el 13 de Julio del 2011.

• Wikipedia en Español http://es.wikipedia.org

Temas consultados: semiología, arte, diseño, capacitación, centro,

institución, proyecto, composición, creatividad, hardware, internet,

investigación, navegador, proporción, software, texto.

Fechas de consulta: De Abril de 2011 a noviembre de 2011

• Wikipedia en Inglés http://www.wikipedia.org

Temas de consulta: Hyper Text Markup Language HTML, Hypertext Pre-

processor PHP, libro Do the Design Yourself por Roger Walton, Keith Gillies,

Lindsey y John Laing. The Complete Guide to HTML de Ian S. Graham. World

Wide Web / WWW.

Fechas de consulta: De Abril de 2011 a noviembre de 2011

• Web Wix: Crear sitios web gratis.

http://www.wix.com

Fechas de consulta: De Abril del 2011 a Diciembre de 2011.

-95-

CARACTERISTICAS NIVEL A NIVEL B NIVEL C+ NIVEL C NIVEL C- NIVEL D NIVEL E

EDUCACIÓNSuperior, Licenciatura,

Maestria, Doctorado

Superior, Licenciatura,

Maestria, DoctoradoSuperior, Licenciatura, Superior, Licenciatura, Media completa Primaria completa Primaria incompleta

DESEMPEÑOPropietario, Director

Profesional exitoso

Empresario, Ejecutivos

de alto nivel,

Profesional,

Comerciante

Ejecutivo medio,

comerciante, vendedor

Ejecutivo,

comerciante,

vendedor, dependiente

Comerciante,

vendedor,

dependiente

Obrero, dependiente Obrero, dependiente

INGRESO MENSUAL Piso Q70 mil Piso Q45 mil Piso Q20 mil Q12 mil Q8 mil Q4 mil Q1.4 mil

VIVIENDA

Casa/departamento de

lujo, en propiedad, 5-6

recámaras, 4 a 6 baños, 3-

4 salas, pantry, alacena,

estudios area de servicio

separada, garage para 5-6

vehículos

Casa/departamento de

lujo, en propiedad,

financiado, 3-4

recámaras, 2-3 baños,

2 salas, pantry,

alacena, 1 estudio area

de servicio separada,

garage para 2-4

vehículos

Casa/departamento,

rentada o financiado,

2-3 recámaras, 2-3

baños, 1 sala, estudio

area de servicio,

garage para 2

vehículos

Casa/departamento,

rentada o financiado,

1-2 recámaras, 1-2

baños, sala, garage

para 2 vehículos

Casa/departamento,

rentada o financiado,

1-2 recámaras, 1-2

baños, sala,

Casa/departamento,

rentada o financiado,

1-2 recámaras, 1

baños, sala

Casa/cuarto

rentado, 1-2

recámaras, 1

baños, sala-

comedor

OTRAS PROPIEDADES

Finca, casas de descanzo

en lagos, mar, Antigua,

con comodidades

Sitios/terrenos

condominios cerca de

costas

Sitios/terrenos interior

por herencias

PERSONAL DE

SERVICIOS

Personal de planta, en el

hogar, limpieza, cocina,

jardín, seguridad y chofer

1-2 personas de tiempo

comleto, choferPor día Por día, eventual Eventual

EDUCACIÓN GRUPO

Hijos menores colegios

privados caros, mayores

en U del extranjero

Hijos menores colegios

privados caros,

mayores en U local,

post grado extranjero

Hijos menores

colegios privados,

mayores en U privadas

y post grado

extranjero con beca

Hijos menores

colegios privados,

mayores en U estatal

Hijos menores

escuelas, mayores en

U estatal

Hijos en escuela Hijos en escuela

POSESIONES

Autos del año, asegurados

contra todo riesgo, 4x4,

Van, Lancha, moto

acuatica, moto, helicoptero-

avion-avioneta

Autos de 2-3 años,

asegurados contra todo

riesgo, 4x4, Van, moto

Autos compactos de

3-5 años, asegurados

por Financiera

Auto compacto de 4-5

años, sin seguro

Auto compacto de

8-10 años, sin seguro moto, por trabajo

BIENES DE

COMODIDAD

3 tel, minimo, cel cada

miembro de la familia,

Direct TV, cable, internet

dedicada, 2 o + equipos de

audio, 3-5 TV, varias

planas o plasma,

maquinas de lavar secar,

platos ropa,

computadoras/miembro,

internet porton eléctrico,

todos los

electrodomesticos

2 tel, minimo, cel cada

miembro de la familia,

Direct TV, internet

dedicada, cable, 2

equipos de audio, 3 TV,

1 planas o plasma,

maquinas de lavar

secar, platos ropa,

computadora, internet

porton eléctrico y todos

los electrodomesticos

1 tel, minimo, 1-2 cel,

cable, internet

dedicada, equipo de

audio, 2 TV, maquina

de lavar ropa,

computadora/familia

electrodomésticos

básicos

1 tel, minimo, 1-2 cel,

cable, radio, 2 TV,

electrodomésticos

básicos

1 tel, 1 cel, cable,

equipo de audio, TV,

electrodomésticos

básicos

1 cel, cable, radio,

TV,

electrodomésticos

básicos

1 cel, radio, TV,

estufa

DIVERSIÓNClubes privados,

vacaciones en el exterior

Clubes privados,

vacaciones en el interior

o exterior

Cine, CC, parques

temáticos locales,

Cine, CC, parques

temáticos locales, CC, parques, estadio CC, parques, estadio Parques

SERVICIOS

BANCARIOS

FINANCIEROS

3-4 ctas Q monetarios y

ahorro, Plazo fijo, TC intl,

Seguros y ctas en US$

2-3 ctas Q monetarios

y ahorro, Plazo fijo, TC

intl, Seguros y ctas en

US$

1-2 ctas Q monetarios

y ahorro, Plazo fijo, 1-

2 TC intl, Seguro

colectivo salud

1 cta Q monetarios y

ahorro, 1 TC local

1 cta Q ahorro, TC

localcta Q ahorro

CAPITULO XIII

ANEXO A

Tabla de Niveles Socio- Económicos

-96-

ANEXO B

INSTRUMENTO DE VALIDACIÓN (Encuesta de Validación del

Proyecto)

En la presente encuesta encontrará una serie de preguntas relacionadas con

forma, tamaño y color, del proyecto: Diseño de sitio web del “Centro de

Capacitación para la mujer artesana las Gravileas” para dar a conocer la

organización.

Se le pide que con base a su criterio observe la propuesta de diseño de (sitio

web,) y conteste las siguientes preguntas para la validación del proyecto.

Guatemala, Noviembre 2011

VALIDACIÓN

1. ¿Considera necesaria la elaboración de un Sitio Web para el “Centro de

Capacitación Gravileas”, para dar a conocer los programas y proyectos

realizados?

Si____ No_____

2. ¿Considera necesario investigar la información acerca de la construcción

del sitio web para poder diseñar uno adecuado para el “Centro de

Capacitación para la mujer artesana las Gravileas”?

Si____ No_____

3. Según su criterio ¿cree que es necesario recolectar información sobre el

“Centro de Capacitación para la mujer artesana Gravileas”, para poder crear

es sitio web?

Si____ No_____

4. Según su criterio ¿Cree que es necesario proponer un diseño del sitio web

para dar a conocer el “Centro de Capacitación para la mujer artesana

Gravileas”?

Si____ No_____

-97-

FACOM

LICENCIATURA EN

COMUNICACIÓN

Y DISEÑO

PARTE SEMIOLÒGICA

5. Según su criterio, ¿considera que los colores de Sitio Web son

adecuados al “Centro de Capacitación para la mujer artesana Gravileas”?

Muy Adecuados____ Poco Adecuados_____ Nada Adecuados_____

6. Según su criterio, ¿considera que la tipografía es?

Muy Legible____ Poco Legible_____ Nada Legible_____

7. ¿Considera que el sitio web ayuda a reunir fondos para costear los

proyectos del “Centro de Capacitación para la mujer artesana las

Gravileas”?

Mucho_____ Poco_____ Nada_____

8. Según su criterio ¿cree que la animación de la página principal da a

conocer brevemente el contenido del sitio web?

Mucho_____ Poco_____ Nada_____

9. ¿Considera que las fotografías dan a conocer las actividades y proyectos

del “Centro de Capacitación para la mujer artesana las Gravileas”?

Muy Adecuados____ Poco Adecuados_____ Nada Adecuados_____

10. ¿Considera que el banner está colocado en un lugar adecuado?

Si____ No____ Otros____

ASPECTOS OPERATIVOS

11. Según su criterio, ¿cree que navegar dentro del Sitio Web es?

Muy fácil____ Poco fácil_____ Nada fácil_____

12. Los botones de navegación se reprodujeron con:

Ningún error____ Pocos errores_____ Muchos errores_____

13. Considera que la carga de las imágenes del Sitio Web es:

Rápida____ Lenta_____

14. ¿Considera que la estructura del Sitio Web muestra información

claramente relacionada con el “Centro de Capacitación para la mujer

artesana las Gravileas”?

Mucho____ Poco_____ Nada_____

-98-

15. ¿Considera que el menú de navegación es apropiado para orientar a los

usuarios en el uso del Sitio Web?

Mucho____ Poco_____ Nada_____

Observaciones.

_____________________________________________________________

_____________________________________________________________

_____________________________________________________________

_____________________________________________________________

___.

-99-

ANEXO C

DOCUMENTOS DE APOYO: FOTOGRAFÍAS DE LA VALIDACIÓN

PROFESIONALES Y CLIENTES.

Validación de Profesionales

Validación de Profesionales

-100-

Validación de Profesionales

Validación con Clientes

-101-

ANEXO D

AQUÍ SE ADJUNTA LA COTIZACION DEL HOSTING PARA EL

SITIO WEB Y EL DOMINIO .COM (centrolasgravileas.com)

Cotización: realizada en internet de este hosting.

-102-