Mar 22, 2016
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: [email protected]
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-