Comunicación y Diseño by Michelle Palma

FACULTAD DE CIENCIAS DE LA COMUNICACIÓN Diseño de un sitio web para dar a conocer las actividades benéficas de la fundación Jorge Toruño que promueve a través de voluntarios y donaciones, becas escolares a niños y jóvenes de escasos recursos. Ciudad de Guatemala, Guatemala 2013. PROYECTO DE GRADUACIÓN Presentado a la Facultad de Ciencias de la Comunicación Guatemala, C.A.

ELABORADO POR:

Grislenny Michelle Palma Montenegro. Carné: 20072037

Para optar al título de: LICENCIATURA EN COMUNICACIÓN Y DISEÑO Nueva Guatemala de la Asunción, Junio 2013

iii

Autoridades de la Universidad Galileo. Rector: Dr. Eduardo Suger Cofi帽o. Vicerrectora: Licda. Mayra de Ram铆rez. Secretario General: Lic. Jorge Retolaza. Decano de la facultad de Ciencias de la Comunicaci贸n: Lic. Leizer Kachler. Vicedecano de la facultad de Ciencias de la Comunicaci贸n: Lic. Rualdo Anzueto.

vii

Dedicatoria. A Dios, por sus bendiciones y su incondicional apoyo durante este proyecto, A mis padres, por su paciencia y apoyo económico y moral. Al Licenciado Arnulfo Guzmán, por su apoyo como asesor del proyecto de graduación. A las autoridades de la FACOM de la universidad Galileo, por haberme apoyado durante mi carrera universitaria en la Universidad Galileo. A la Fundación Jorge Toruño, S.J., por su apoyo organizacional y darme la oportunidad de hacer mi proyecto de Tesis en base a su fundación. A Ovidio Paíz, por su apoyo en los recursos organizacionales y económicos. A Wellington Ovalle, por darme la oportunidad de conocer a la Fundación Jorge Toruño, S.J. A mis hermanos, por su tiempo y haberme acompañando en la realización de este proyecto. A la Licenciada Cristal Marroquín, por apoyarme con recursos informativos y haberme dado apoyo moral. A la Licenciada Claudia Hernández, por apoyarme en la entrega de la tesis y en la presentación del proyecto de graduación. A los profesores de FACOM, de la universidad Galileo, que ayudaron a validar este proyecto de Tesis. Al grupo objetivo y demás personas que ayudaron a validar la presente investigación.

viii

Resumen o sinopsis. La Fundación Jorge Toruño no cuenta con un sitio web que le permita dar a conocer las becas escolares que otorga a niños y jóvenes de escasos recursos. Se planteó el siguiente objetivo: Diseñar un sitio web para dar a conocer las actividades benéficas de la fundación Jorge Toruño que promueve becas escolares a niños y jóvenes de escasos recursos. Se realizó una herramienta de validación para conocer la percepción del grupo objetivo conformado por personas del Departamento de Guatemala. Este se encuentra en la región central de Guatemala y Tiene una población estimada de 2.521.470 habitantes y su extensión territorial es de 2.253 km2. En cuanto al perfil demográfico, se tomó en cuenta, los niveles socioeconómicos A-C, ya que el presupuesto mensual para este grupo objetivo, les permite hacer donaciones. El perfil psicográfico, se tomo en cuenta personas con hábitos modernos y activamente sociales; asimismo, personas con estudios universitarios activos o culminados. En el perfil conductual, las personas buscan beneficiarse emocionalmente al ayudar a otros. Y expertos en las áreas de comunicación y diseño. El resultado obtenido fue el Diseño de un sitio web fácil de navegar, para dar a conocer las actividades benéficas de la fundación Jorge Toruño que promueve becas escolares a niños y jóvenes de escasos recursos. Se tomaron en cuenta las bases teóricas investigadas, los resultados obtenidos en las encuestas y el conocimiento durante la carrera de Comunicación y Diseño. Se recomendó que se actualice constantemente la información de la fundación, para que el público objetivo, se informe constantemente sobre las actividades de la Fundación Jorge Toruño, al tomar en cuenta tipografía legible, paleta de colores de acuerdo a la tendencia actual y fotografías propias de la Fundación Jorge Toruño, S, J.

Para efectos legales Ăşnicamente la autora es responsable del contenido de este proyecto.

Índice

I. II. III. IV. V. VI. VII. VIII. IX. X.

Portada Carta de solicitud de tema (estudiante a FACOM) Carta de aprobación de tema y asesor (FACOM a estudiante) Carta de asesor entera satisfacción del proyecto Carta de información de examen privado. Carta de corrector de estilo Carta de publicación del proyecto (FACOM a estudiante) Autoridades de la Universidad Dedicatoria Resumen Hoja de autoría

Capítulo I: Introducción: ……………………………………………………………1 Capítulo II: Problemática: ……………………………………………………….…3 2.1. Contexto: ……………………………………………………………………...4 2.2. Requerimientos de comunicación y diseño: …………………………..4 2.3. Justificación: ………………………………………………………………… 5 2.3.1 Magnitud:..………………………………………………………………..…....5 2.3.2 Vulnerabilidad:…..………………………………………………………….... 6 2.3.3 Trascendencia:..……………………………………………………………….6 2.3.4 Factibilidad:…………………………………………………………………….6 Capítulo III: Objetivos del Diseño:……………………………………………..….9 3.1. Objetivo general: ……………………………………………………………9 3.2. Objetivos específicos:……………………………………………………… 9 Capítulo IV: Marco de Referencia………………………...……………………11 4.1. Información general del cliente:………………………………………...11 4.2. Competencias………………………………………………………….…...11 4.3. Antecedentes de Diseño:…………………………………………………11 4.4. Visión y Misión:……………………………………………………………… 11 4.5. FODA………………………………………………………………………….12 4.6. Biografía del Jesuita Jorge Toruño……..………………………………13 4.7. Desafíos……………………………………………………………………….15 4.8. Líneas de acción: ………………………………………………………….16 Capítulo V: Definición del grupo objetivo: …………………………………..19 5.1 Perfil geográfico: ………………………………………………………….19 5.2 Perfil demográfico: …………………………………………………….….21 5.3 Perfil psicográfico: ………………………………………………………... 22 5.4 Perfil conductual: ………………………………………………………….23 xi

Capítulo VI: Marco teórico: ………………………………………..…………… 25 6.1 Conceptos fundamentales relacionados con el producto o servicio: …………………………………………………………………..…………..25 6.2 Conceptos fundamentales relacionados con la comunicación Y el diseño: …………………………………………………………………….………… 33 6.3 Ciencias auxiliares, artes, teorías y tendencias: ………….………….65 Capítulo VII: Proceso de diseño y propuesta preliminar:…………………..76 7.1 Aplicación de la información obtenida en el marco teórico: …...76 7.2 Conceptualización: ……………………………………………………… 78 7.3 Bocetaje: …………………………………………………………………… 82 7.4 Propuesta Preliminar: …………………………………………………… 102 Capítulo VIII: Validación Técnica: …………………………………………… 106 8.1. Población y muestreo: …………………………………………………..107 8.2 Método o instrumentos: …………………………………………………108 8.3. Resultados e interpretación de resultados: …………………………112 8.4. Cambios en base a Resultados: ………………………………………123 Capítulo IX: Propuesta gráfica Final: …………………………………….......133 9.1 Dimensiones: ………………………………………………………………….133 9.2 Propuesta gráfica fínal: “Home”. …………………………………………136 9.3 Propuesta gráfica fínal: “Quiénes Somos”. ……………………………. 137 9.4 Propuesta gráfica fínal: “Misión y Visión”. ………………………………138 9.5 Propuesta gráfica fínal: “Desafío”. ……………………………………….139 9.6 Propuesta gráfica fínal: “Programas”. …………………………………...140 9.7 Propuesta gráfica fínal: “Biografía” ………………………………………141 9.8 Propuesta gráfica fínal: “Contáctanos” …………………………………142 Capítulo X: Producción, reproducción y distribución: ……………………144 10.1 Plan de costos de elaboración: ……………………………………….144 10.2 Plan de costos de producción: ………………………………………..145 10.3 Plan de costos de reproducción:……………………………………...146 10.4 Plan de costos de Distribución. ………………………………………..147 10.5 Cuadro con resumen general de costos: …………………………...148 Capítulo XI: Conclusiones y recomendaciones:………………...…………150 11.1 Conclusiones:………………………………………………………………150 11.2 Recomendaciones:………………………………………………………151

xii

Capítulo XII: Conocimiento General: …………………………………………153 Capítulo XIII: Referencias:……………………………………………………….156 13.1 Bibliografía……………………………………………………………………156 13.2 Biblioweb:…………………………………………………………………….156 Capitulo XIV. Anexos. ………………………………………………………...…162 14. 1 Anexo A. Antecedentes de Diseño…………………………………….162 14.2 Anexo B. Instrumento de Validación. …………………………………166 14.3 Anexo C. Fotografías de Validación. …………………………………170 14.4 Anexo Cotizaciones………………………………………………...........173

xiii

Capítulo I: Introducción: La presente tesis “Diseño de un sitio web para dar a conocer la función de la fundación Jorge Toruño que promueve becas escolares a niños y jóvenes de escasos recursos.”, tiene como objetivos: a. Investigar la información necesaria del cliente, para contar con datos relevantes de la Fundación y así colocarla en el sitio web. b. Determinar la paleta de colores para que tenga unidad con la imagen corporativa de la institución. C. Diagramar el sitio web para generar una composición ordenada y distribuir de forma coherente los objetos e información obtenida. e. Determinar la tipografía adecuada para el sitio web, para que sea de fácil lectura y una fuente universal. A través de este proyecto “Diseño de un sitio web para dar a conocer la función de la fundación Jorge Toruño que promueve becas escolares a niños y jóvenes de escasos recursos”, se pretende, diseñar el sitio web de la fundación Jorge Toruño, para dar a conocer la fundación dentro del grupo objetivo y saber si es factible él un sitio web para la Fundación Jorge Toruño. Nuestro estudio es de enfoque, no experimental. Las principales fuentes primarias son tesis de ex alumnos de la Universidad Galileo, entrevistas con profesionales y expertos en el área de comunicación y diseño y encuestas con el grupo objetivo y el cliente; las secundarias, como libros digitales y sitios web. La técnica fue mixta, ya que utilizó la encuesta como método de validación para el proyecto y se obtuvo apoyo de libros e investigaciones sobre temas de diseño. El muestreo fue de carácter no probabilístico, ya que no se encuestó a todo el grupo objetivo, sino a una pequeña muestra. El instrumento de la encuesta fue el cuestionario, que se define como un instrumento de recolección de datos rigurosamente estandarizado que opera las variables objeto de observación e investigación, por ello las preguntas de un cuestionario son los indicadores. Las conclusiones a las que se llegaron fueron:

Página

La importancia social de este proyecto es que al contar con el proyecto de graduación presente, dará a conocer los servicios con los que cuenta la ONG, también interactuará con los usuarios, recaudar fondos a través de un formulario directamente en el sitio web.

Pรกgina

Capítulo II: Problemática: La fundación Jorge Toruño da becas a niños y jóvenes que no cuentan con los recursos económicos suficientes para costear su educación. Se identifico que la Fundación Jorge Toruño, no cuenta con un sitio Web que le permita informar al cliente sobre temas relacionados a la fundación. La fundación ayuda aproximadamente a 59,2% de la población, quienes serán los máximos beneficiarios de este proyecto, ya que al contar con un sitio web, las personas podrán informarse de los programas y sobre cómo hacer donaciones a la Fundación Jorge Toruño, S.J. Asimismo, se es factible este proyecto, ya que se cuenta con los recursos

organizacionales,

tecnológicos,

humanos

incluso

económicos. A través del presente proyecto se podrá dar a conocer y se espera que la gente, al ver el sitio web, se motive a ayudar económicamente a la fundación, también se podrá facilitar el manejo, envió y recepción de formularios para donación de dinero y tiempo. También se contará con

Página

acceso a la información de la fundación.

2.1.

Contexto:

La Fundación Jorge Toruño L, s.j. es una institución sin fines de lucro, inspirada en la obra que llevó a cabo en Guatemala el sacerdote jesuita Jorge Toruño Lizarralde. Conscientes de la necesidad que existe en Guatemala de contar con una educación de calidad, sus fundadores emprendieron el desafío de promover el desarrollo de la niñez y juventud por medio de su educación y formación integral, a través de becas de estudio, inspiradas en valores humanos y apoyados en principios de honradez y solidaridad. La Fundación Jorge Toruño no cuenta con un sitio Web que le permita informar al cliente sobre temas relacionados a la fundación.

2.2.

Requerimientos de comunicación y diseño:

La Fundación Jorge Toruño no cuenta con un sitio web que le permita dar a conocer las becas escolares que otorga a niños y jóvenes de

Página

escasos recursos.

2.3.

Justificación:

Para sustentar las razones por las que se consideró importante el problema y la intervención del diseñador – comunicador, se justifica la propuesta a partir de cuatro variables: a) magnitud; b) trascendencia; c) vulnerabilidad; d) factibilidad.

2.3.1 Magnitud:

República de Guatemala cuenta con: 14, 713,763 de personas.100% (Censo 2011) Número de Habitantes en Ciudad de Guatemala: 2, 541,581 Porcentaje de personas en estado de no Pobreza: 81.36 % (Encovi 2011) Cantidad de personas Altruistas en Guatemala. 376,000 aprox.

Justificación de este último dato: según la tabla anterior, en Guatemala hay aproximadamente 14, 713,763 personas, mientras que en la ciudad capital hay 2,541,581 habitantes. Mientras que el 81.36% de los habitantes de la ciudad de Guatemala, no se encuentran en estado de pobreza. Según el Programa de Voluntarios de las Naciones Unidas,

Página

existen 376,000 de personas altruistas en la capital.

2.3.2 Vulnerabilidad: Al no contar con el proyecto de graduación presente, no se podrá dar a conocer los servicios con los que cuenta la ONG y, eventualmente, no se recaudarán fondos a través de llenar un formulario directamente en el sitio web.

2.3.3 Trascendencia: A través del presente proyecto, dará a conocer y se espera que la gente, al ver el sitio web, se motive a ayudar económicamente a la fundación, también se podrá facilitar el manejo, envío y recepción de formularios para donación de dinero y tiempo. Se contará con acceso a la información de la fundación.

2.3.4 Factibilidad: El proyecto sí es factible, ya que cuenta con el apoyo de la Fundación Jorge Toruño, S.J, quien proporcionará: 2.3.4.1

Recursos Humanos:

Se Posee el apoyo humano para diseñar el sitio web. Dentro del recurso humano, se encuentran: o Junta Directiva: Aprueban los artes finales y toman decisiones en relacionadas a la publicación y aprobación económica de los artes. o Director General: Intermediario entre la junta directiva y el comunicador/diseñador.

encarga

relaciones

públicas. o Personal Administrativa: Se encarga de otorgar permisos

crear los artes del sitio web.

Página

o Comunicador/diseñador: Se encarga del área de diseño,

para toma de fotografía.

2.3.4.2

Recursos Organizacionales:

Se cuenta con el apoyo de “Fundación Jorge Toruño”, que es la institución a quien se le trabajará el proyecto. 2.3.4.3

Recursos Económicos:

La Fundación Jorge Toruño utilizará sitios web que permiten almacenar, diseñar y crear otros sitios web totalmente gratuitos, ejemplo: Wix. 2.3.4.4

Recursos Tecnológicos:

Se dispone de los recursos materiales, es decir, equipo técnico para realizar la propuesta del portal web, se cuenta con el equipo tecnológico con el respectivo software que ayuda a la realización

Página

del proyecto.

Pรกgina

Capítulo III: Objetivos del Diseño. 3.1.

Objetivo general:

Diseñar un sitio web para dar a conocer las actividades benéficas de la fundación Jorge Toruño, que promueve a través de voluntarios y donaciones, becas escolares a niños y jóvenes de escasos recursos.

3.2.

Objetivos específicos:

a. Investigar las teorías, tendencias y leyes para fundamentar el proyecto del sitio web de la Fundación Jorge Toruño. b. Recopilar la información necesaria del cliente, para contar con datos relevantes de la Fundación y así colocarla en el sitio web. c. Determinar la paleta de colores para que tenga unidad con la imagen corporativa de la institución. d. Diagramar el sitio web para generar una composición ordenada y distribuir de forma coherente los objetos e información obtenida. e. Determinar la tipografía adecuada para el sitio web, para que

Página

sea de fácil lectura y una fuente universal.

Pรกgina

Capítulo IV: Marco de Referencia.

4.1.

Información general del cliente:

Entidad: Fundación Jorge Toruño. Teléfono: 24754157 Correo electrónico: fundacionjt@itelgua.com Dirección: Fundación Jorge Toruño - 3 calle 6-69 zona 13, Ciudad de Guatemala, Guatemala. Cliente: Lic. Ovidio Paiz.

4.2. •

Competencias: Directas: Fundación Castillo Córdova y Fundación Juan

Bautista Gutiérrez. •

4.3.

Indirectas: Fundación Paiz, Fundación Telefónica.

Antecedentes de Diseño:

(Ver Anexo A).

4.4.

Visión y Misión:

4.4.1 Visión: La Fundación Jorge R. Toruño Lizarralde S.J. promueve el desarrollo de la niñez y juventud a través del apoyo a su educación y formación integral. 4.4.2: Misión: Inspirados en la obra de Jorge R. Toruño Lizarralde S.J., somos una herramienta de recaudación y administración de recursos que, a través de la solidaridad de personas e instituciones benefactoras,

comunidad.

Página

alcanzar una formación integral, por el bien propio y el de la

promueve el desarrollo de niños, niñas y jóvenes, permitiéndoles

FODA. FORTALEZAS.

OPORTUNIDADES.

a. Cuenta con gente dispuesta a donar su tiempo.

a. Por

ser

basada

b. Tiene una junta directiva

una

Fundación

principios

católicos,

tiene

pequeña, lo que hace que

posibilidad de acceder a un

se mas fácil tomar

sector

decisiones.

obtener donaciones.

c. Realización

anual

religioso,

b. Al ser una Fundación, tiene

actividades sociales para la

recaudación de Fondos.

incorporar

d. Patrocinadores con

oportunidad

voluntarios

distintos campos, para así

solventes capacidades

obtener ayuda humana. c. Hoy en día las empresas

con

identidad

están dispuestas a ingresar

corporativa, lo que hace

crear una imagen de la

Responsabilidad

Fundación

Empresarial, por lo que se

Jorge

Toruño

dentro de la sociedad. f. Cuenta con el apoyo de religiosos.

debería

tema

buscar

oportunidad

de Social la generar

patrocinadores permanentes.

económicas. e. Cuenta

para

Página

4.5.

DEBILIDADES.

AMENAZAS.

a. Poca reputación dentro de la sociedad.

a. Las personas desconfían de las Fundaciones, por lo que

b. Todavía es entidad

hace difícil convencer a la

pequeña.

audiencia

c. No cuenta con sitio web, lo

sobre

donar

dinero.

que hace que aun no haya

b. No se tiene un presupuesto

información dentro de la

anual fijo, por lo que la

web.

ayuda hacia los estudiantes,

d. Poca

información

es relativa.

Fundación Jorge Toruño. e. Falta de presupuesto para becas y otros gastos. f. No cuenta con una oficina.

4.6.

Biografía del Jesuita Jorge Toruño.

Nacido en

Guatemala en 1913, recibió de su padre esa

formación católica cimentada en los valores de honestidad, respeto y amor al prójimo que hasta el día de hoy le han caracterizado, pero no fue sino hasta la adolescencia, luego de viajar a Belice con el propósito de completar sus estudios en el Colegio Loyola de aquel país, que tuviera su primer contacto con la Compañía de Jesús, misma que dejaría profunda huella en su

jesuita, obteniendo ocho años después, en 1939, la licenciatura en filosofía de St. Louis University, para luego obtener la licenciatura

Página

El 6 de agosto de 1931 ingresa como aspirante a sacerdote

formación y desarrollo, develando su vocación religiosa.

en Historia de esa misma universidad en 1941, y la licenciatura en teología en la universidad St. Mary’s en Kansas en 1945. Luego de recibir una educación superior de alta calidad, es ordenado Sacerdote Jesuita en San Louis Missouri, donde permanece dedicado a la enseñanza en St. Louis University High School hasta 1951, en que el Padre Provincial le envía a Guatemala con el objetivo de apoyar proyectos educativos. Es en el mismo año de su regreso a Guatemala que inicia el proyecto de un centro educativo, fundado en 1952 con 123 alumnos, el Liceo Francés Sección para Varones, que mas tarde, en el año 1955, se convirtiera en el Liceo Javier, bajo la advocación de San Francisco Javier. Definitivamente la huella dejada a su paso por el Liceo Javier es algo que ha marcado a toda una nación. Conocido por su capacidad organizativa en 1959, es enviado a formar la Escuela Apostólica en Honduras, donde permanece hasta su regreso a Guatemala en el 1965, para trabajar por la Universidad Rafael Landivar, en la organización de la Oficina de Formación y Desarrollo, que abriera las puestas al financiamiento

Página

de estudios académicos para alumnos que lo necesitaran.

Luego de toda una vida dedicada a la enseñanza, en 1975 da un giro radical a su labor apostólica, enfocando toda su dedicación y talento al trabajo parroquial en La Merced, donde su obra al frente de los Cursillos de Cristiandad y de proyectos de carácter social como Fe y Alegría, han llevado a ese mensaje de fe, amor y esperanza a miles de personas.

Esta vocación demostrada por el Padre Toruño inspira hoy a muchas personas, especialmente aquellos que pasan por las aulas que él y de una u otra forma se comprometen a trabajar para apoyar esta visión a través de la fundación Jorge Toruño.

4.7.

Desafíos.

4.7.1 Problemática Social. Ante la realidad de violencia, de injusticia y de corrupción en nuestro país, es un desafío formar hombres y mujeres que sean gestores de una cultura de paz, de justicia y honestidad. 4.7.2 Propuesta Educativa Conscientes de la necesidad de una educación de calidad en el país, es un desafío ofrecer y apoyar propuestas educativas con calidad integral, inspiradas en valores morales y apoyadas en los

Página

principios Ignacianos.

4.8.

Líneas de acción:

4.8.1

Programa de Becas Escolares.

Se ha implementado un programa permanente de becas escolares para alumnos de escasos recursos económicos, aptitud académica y liderazgo positivo, en las diferentes instituciones educativas jesuitas, con énfasis en el colegio Loyola y Liceo Javier.

4.8.2

Programa de Seguimiento.

Ante la necesidad de dar continuidad a becarios que han demostrado su capacidad y actitud positiva frente a sus estudios, se ha implementado un programa becario de segunda enseñanza en instituciones educativas no jesuitas. 4.8.3

Programa Becario Superior.

Implementación de programas becarios

individuales para

las

diferentes facultades de la Universidad Rafael Landívar.

La fundación Jorge Toruño, S.J, no cuenta con organigrama, pero por lo observado durante el desarrollo de este proyecto, se propone realizar un organigrama vertical, En los organigramas verticales, cada puesto subordinado a otro se presenta por cuadros en un nivel inferior, ligados por líneas que representa la comunicación de responsabilidad y autoridad. De cada cuadro del segundo nivel se sacan líneas que indican la comunicación de autoridad y responsabilidad a los puestos que dependen de él y

Página

así, sucesivamente.

Por lo observado, se sugiere el siguiente organigrama:

Junta Directiva. Director General

Área Administrativa.

Página

Área de Comunicación

Pรกgina

Capítulo V: Definición del grupo objetivo: Resumen del Grupo Objetivo: El Departamento de Guatemala se encuentra en la región central de Guatemala. Tiene una población estimada de 2.521.470 habitantes y su extensión territorial es de 2.253 km2. En cuanto al perfil demográfico, se tomarán en cuenta los niveles socioeconómicos A-C, ya que el presupuesto mensual para este grupo objetivo, permite hacer donaciones. El perfil psicográfico: Se tomará en cuenta personas con hábitos sociales modernos y activamente sociales; asimismo, personas con estudios universitarios, activos o culminados. En

perfil

conductual,

las

personas

buscan

beneficiarse

emocionalmente al ayudar a otros.

5.1

Perfil geográfico:

“El Departamento de Guatemala se encuentra en la región central de Guatemala. Tiene una población estimada de 2.521.470 habitantes y su extensión territorial es de 2.253 km2. “ 1 Colinda al norte con el departamento de Baja Verapaz, al este con los de El Progreso, Jalapa y Santa Rosa, al sur con el de Escuintla y al oeste con los de Sacatepéquez y Chimaltenango. El departamento fue creado por decreto de la Asamblea Constituyente del Estado de Guatemala, de fecha 4 noviembre 1825, que dividió el

http://www.guatemala.com/guatemala_category_512_guatemala.html

Página

entonces territorio en siete departamentos.

“La ciudad capital de Guatemala es la más moderna y cosmopolita ciudad de Centroamérica. De paso rápido y vibrante, la Ciudad de Guatemala es una mezcla de lo viejo y lo nuevo y posee un encanto latino distinto. Hoy en día la ciudad de Guatemala posee dos millones y medio de habitantes, su ubicación geográfica y las instalaciones del aeropuerto internacional "la Aurora" la convierten en el punto de partida para visitas

http://www.guatemalaviajes.com/guatemalaciudad.htm

Página

al resto de Guatemala.” 2

5.2

Perfil demogrรกfico:

Tabla de niveles socioeconรณmicos/ multivex 2009

Pรกgina

5.3

Perfil psicográfico:

5.3.1 Hábitos: Económicamente, orientados hacia el futuro, seguridad en el ámbito financiero, algunos están preocupados por su futuro económico. Medios de comunicación: prefieren la Televisión, revistas, periódicos e internet; poseen un celular ya sea Blackberry, Android o Iphone.

5.3.2 Actividades: Ir al cine, ir a clubes nocturnos, hacer viajes tanto al interior como al exterior, pertenecer a un voluntariado, salir con amigos, estudiar en universidad, trabajar en puestos administrativos, gerencias o en empresas familiares.

5.3.3 Personalidad: Independientes,

alegres,

maduras

maduros,

decididas(os)

seguras(os).

5.3.4 Hobbies: Arte, música, teatro, cine, hacer deportes, fotografía, animales, iglesia,

Página

lectura, realizar trabajos de voluntarios.

5.4

Perfil conductual:

Buscan beneficiarse emocionalmente, es decir, ayudar a otros para sentirse bien con ellos mismos o con la sociedad, en caso de personas del nivel socio económico A y C+. El grupo objetivo de este proyecto, verá el sitio web, para informarse de las actividades, programas y demás información sobre la Fundación Jorge Toruño, S.J. El grupo objetivo, por ser personas de recursos económicos altos, tiene suficiente dinero para satisfacer sus necesidades, según la escala de Maslow. Además cuenta con dinero extra para hacer donaciones para la Fundación Jorge Toruño. Dichas personas van a donar, para satisfacer sus necesidades

Página

emocionales.

Pรกgina

Capítulo VI: Marco teórico: 6.1 Conceptos fundamentales relacionados con el producto o servicio: 6.1.1.

Actividad:

“1. f. Facultad de obrar. 2. f. Diligencia, eficacia. 3. f. Prontitud en el obrar. 4. f. Conjunto de operaciones o tareas propias de una persona o entidad” 4. 6.1.2.

Benefactor:

“El benefactor es una persona solidaria que busca contribuir con el prójimo. Puede realizar donaciones de dinero, aportar su trabajo a una causa de interés social o prestar ayuda de alguna otra forma.” 5 6.1.3.

Beneficio:

“1. adj. Que hace bien. 2. adj. Perteneciente o relativo a la ayuda gratuita que se presta a los necesitados.” 6 6.1.4.

Conocimiento:

“Acción y efecto de conocer. Entendimiento, inteligencia, razón natural.”7 “El conocimiento es un conjunto de información almacenada mediante la experiencia o

aprendizaje (a

posteriori),

través

http://lema.rae.es/drae/?val=actividad http://definicion.de/benefactor/#ixzz2TUJtKLSX 6 http://lema.rae.es/drae/?val=actividad 7 http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=conocimiento 5

Página

la introspección (a priori).

En el sentido más amplio del término, se trata de la posesión de múltiples datos interrelacionados que, al ser tomados por sí solos, poseen un menor valor cualitativo. La ciencia considera que, para alcanzar el conocimiento, es necesario seguir un método. El conocimiento científico no sólo debe ser válido y consistente desde el punto de vista lógico, sino que también debe ser probado mediante el método científico o experimental. La forma sistemática de generar conocimiento tiene dos etapas: la investigación básica, donde se avanza en la teoría; y la investigación aplicada, donde se aplica la información. Cuando el conocimiento puede ser transmitido de un sujeto a otro mediante

una comunicación

formal, se

habla de conocimiento

explícito. En cambio, si el conocimiento es difícil de comunicar y se relaciona a experiencias personales o modelos mentales, se trata de conocimiento implícito.” 8 6.1.5.

Conocer:

“Comprender por medio de la razón la naturaleza, cualidades y relaciones de las cosas.” 9 6.1.6.

Promoción.

http://definicion.de/conocimiento/ http://es.thefreedictionary.com/conocer 10 http://www.wordreference.com/definicion/promoci%C3%B3n 9

Página

“Preparación de las condiciones optimas para dar a conocer un articulo o para incrementar las ventas”. 10

6.1.7.

Promover.

“Impulsar la realización o el desarrollo de una actividad, iniciándola si está

paralizada

detenida: promover

campañas

contra

droga. Fomentar. Becas.” 11 6.1.8.

Niño.

“Un niño es un ser humano que aún no ha alcanzado la pubertad. Por lo tanto, es una persona que está en la niñez y que tiene pocos años de vida. En su sentido más amplio, la niñez abarca todas las edades del niño: desde que es un lactante recién nacido hasta la pre adolescencia, pasando por la etapa de infante o bebé y la niñez media. El desarrollo del niño implica una serie de aprendizajes que serán claves para su formación como adulto. En los primeros años de vida, el niño debe desarrollar su lenguaje para después aprender a leer y escribir.” 12 6.1.9.

Joven.

“Juventud, del latín iuventus, es la edad que se sitúa entre la infancia y la adultez. La Organización de las Naciones Unidas (ONU) ha definido a la juventud como el periodo que va de los 15 a los 25 años, aunque no precisos. Las mayores expectativas de vida hacen que, en ciertos

11 12

http://www.quequieredecir.org/promover/ http://definicion.de/nino/

Página

aspectos, personas de 40 años sean consideradas como jóvenes.

En la juventud, la persona se encuentra sexualmente desarrollada pero no tiene aún la madurez emocional necesaria para enfrentar los conflictos de la vida adulta. La adultez, por lo tanto, es un estado al que se llega gracias a la experiencia de vida.” 13 6.1.10.

Adulto.

“Dícese del individuo que ha completado su desarrollo físico y psíquico. Es una fase que se produce como culminación de la adolescencia y que termina al inicio de la vejez.” 14 6.1.11.

Adulto mayor.

“Este es el término o nombre que reciben quienes pertenecen al grupo etario que comprende personas que tienen más de 65 años de edad. Por lo general, se considera que los adultos mayores, sólo por haber alcanzada este rango de edad, son lo que se conocen como pertenecientes a la tercera edad, o ancianos. El adulto mayor pasa por una etapa de la vida que se considera como la última, en la que los proyectos de vida ya se han consumado, siendo posible poder disfrutar de lo que queda de vida con mayor tranquilidad. Usualmente las personas de la tercera edad han dejado de trabajar, o bien jubilan, por lo que su nivel de ingresos decrece en forma considerable, lo que junto con los problemas de salud asociados a la

http://definicion.de/juventud/ http://salud.doctissimo.es/diccionario-medico/adulto.html 15 http://www.misrespuestas.com/que-es-el-adulto-mayor.html 14

Página

edad pueden traer consecuencias en todos los ámbitos de su vida.” 15

6.1.12.

Recursos.

“Se denomina recursos a aquellos elementos que aportan algún tipo de beneficio a la sociedad. En economía, se llama recursos a aquellos factores que combinados son capaces de generar valor en la producción de bienes y servicios. Estos, desde una perspectiva económica clásica, son capital, tierra y trabajo.” 16 6.1.13.

Escases.

“Situación en la que los recursos son insuficientes para producir bienes que satisfagan las necesidades.” 17 6.1.14.

Abundancia.

“La palabra abundancia proviene del latín abundantĭa y se refiere a una gran

cantidad

algo.

término

permite

nombrar

la prosperidad, riqueza o bienestar.” 18 6.1.15.

Pobreza.

“Pobreza es la cualidad de pobre. Este adjetivo hace referencia a las personas que no tienen lo necesario para vivir dignamente, que son humildes o que son desdichadas. La pobreza, por lo tanto, es una forma de vida que aparece cuando las personas carecen de los recursos necesarios para satisfacer sus necesidades básicas. Esta condición implica una mala calidad de vida ante las deficiencias en la alimentación, la asistencia sanitaria,

http:/ /www.definicionabc.com/economia/recursos.php http://es.mimi.hu/economia/escasez.html 18 http://definicion.de/abundancia/ 19 http://definicion.de/pobreza/ 17

Página

la educación y la vivienda.” 19

6.1.16.

Riqueza.

Abundancia,

prosperidad, hacienda,

opulencia,

caudal,

fortuna.

Conjunto de bienes, derechos y obligaciones de una persona física o jurídica, privada o pública.

6.1.17.

ONG:

“(Sigla de Organización No Gubernamental). Organización de iniciativa social, independiente de la administración pública, que se dedica a actividades humanitarias, sin fines lucrativos.” 20 “Las ONG conservacionistas representan actualmente los intereses de una parte importante de la población mundial. Sus socios no se limitan ya a las zonas ricas del mundo y a las acaudaladas clases medias sino que están aumentando con rapidez en muchos países en desarrollo y

20 21

http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=ong http://www.fao.org/forestry/docrep/wfcxi/PUBLI/PDF/V5S_T28.PDF

Página

entre comunidades pobres y desposeídas de tierras.” 21

6.1.18. LEY DE ORGANIZACIONES NO GUBERNAMENTALES PARA EL DESARROLLO. CAPÍTULO I DE LA CONSTITUCIÓN DE LA REPÚBLICA DE GUATEMALA. DISPOSICIONES GENERALES

ARTÍCULO 2. Naturaleza. Son Organizaciones No Gubernamentales u ONG, las constituidas con intereses culturales, educativos, deportivos, con servicio social, de asistencia, beneficencia, promoción y desarrollo económico y social, sin fines de lucro. Tendrán patrimonio propio proveniente de recursos nacionales o internacionales, y personalidad jurídica propia, distinta de la de sus asociados, al momento de ser inscrita como tales en el Registro Civil Municipal correspondiente. Su organización y funcionamiento se rige por sus estatutos, las disposiciones de la presente Ley, y demás disposiciones jurídicas de carácter ordinario. ARTICULO 4. Tipos de Organizaciones No Gubernamentales. Las Organizaciones No Gubernamentales podrán estar constituidas como asociaciones civiles, fundaciones u ONG propiamente dicha, constituida bajo el amparo de la presente Ley. CAPÍTULO II DE LA CONSTITUCIÓN DE LA REPUBLICA DE GUATEMALA.

CONSTITUCIÓN Y ORGANIZACIÓN.

ARTÍCULO 6. Denominación. Las Organizaciones No Gubernamentales deberán incluir en su denominación las siglas ONG y por las obligaciones que contraigan responderá únicamente su patrimonio. CAPITULO V TRATAMIENTO FISCAL.

Página

ARTÍCULO 15. Donaciones. En los casos en que reciban donaciones, cualquiera que sea su destino, las Organizaciones No Gubernamentales deberán extender a nombre de las personas donantes recibos que acrediten la recepción de las donaciones, en formularios autorizados por la Superintendencia de Administración Tributaria.

6.1.19.

Fundación:

“Persona jurídica dedicada a la beneficencia, ciencia, enseñanza, o piedad, que continúa y cumple la voluntad de quien la erige.” 22 “Organizaciones sin ánimo de lucro, que gozan de personalidad jurídica desde

la inscripción del documento

de constitución en

Registro

de Fundaciones.” 23 6.1.20.

Donación:

“Liberalidad de alguien que transmite gratuitamente algo que le pertenece a favor de otra persona que lo acepta” 24 6.1.21.

Beca:

“Una beca es un aporte monetario que se concede a aquellos estudiantes o investigadores que no cuentan con suficientes recursos

http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=fundacion http://www.enciclopedia-juridica.biz14.com/d/fundaciones-concepto-clases-y-regimenvigente/fundaciones-concepto-clases-y-regimen-vigente.htm 24 http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=donacion 25 http://becas.universia.es/ES/noticiaReportaje/97/que-es-beca.html 23

Página

económicos para poder llevar a cabo sus estudios o investigaciones.” 25

6.2 Conceptos fundamentales relacionados con la comunicación Y el diseño: 6.2.1

Comunicación: 6.2.1.1. Concepto:

“Acción y efecto de comunicar o comunicarse. Trato, correspondencia entre dos o más personas. Transmisión de señales mediante un código común al emisor y al receptor. Escrito sobre un tema determinado que el autor presenta a un congreso o reunión de especialistas para su conocimiento y discusión” 26 6.2.1.2. Teoría de la Información: “Es pertinente, antes de iniciar este apartado del trabajo detenernos un poco en análisis del concepto información. Pues somos conscientes del estar imbuidos en un mundo en el que ella nos catapulta. En estos comienzos del siglo XXI nadie puede negar el valor adquirido por la información. En la historia de la humanidad a las épocas de grandes cambios se les ha asignado nombres especiales, Ilustración, Renacimiento, Revolución Industrial, etc., a esta época se le ha llamado La Sociedad de la Información, en el que la riqueza ya no lo es la posesión de los bienes materiales, sino la apropiación de la información. Si, el concepto Información hace presencia en los tiempos actuales en la reflexión y el debate social, para nada es extraño que él se haya impuesto en la historiografía de la ciencia y las discusiones filosóficas. Por

http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=comunicacion

Página

enquistado en la cultura occidental a través de la teoría de las cuatro

Cierto añejo y tan en boga en nuestros tiempos, y el que ha estado

causas de Aristóteles, pero a la vez permanece impenetrable a una definición.” 27 “Una fuente, el emisor, construye un mensaje que codifica y transmite mediante señales y estímulos físicos. El mensaje es transmitido a través de un canal electrónico o mecánico. Dicho mensaje es recibido por el receptor que cumple la labor inversa al emisor, es decir, decodifica el mensaje para que éste llegue a su destinatario. En el proceso puede presentarse el ruido, el cual se determina como la presencia de interferencias u obstáculos para la transmisión del mensaje. Ante el ruido, el emisor recurre a la redundancia: niveles de repetición del mensaje con el fin de asegurar la recepción y la fidelidad del mismo. Pero, de igual modo, la redundancia puede generar la sobrecarga del canal, atentando contra el flujo del mensaje. Realmente, este modelo no busca explicar los procesos de la comunicación humana; por lo menos no en sus aspectos psicológicos. Es más conocido como un modelo básico de las telecomunicaciones. Aun así, marcó uno de los puntos de partida para la investigación y el

http://www.eumed.net/libros/2010e/831/TEORIA%20DE%20LA%20INFORMACION%20y%20LA%20TE ORIA%20DE%20LA%20COMUNICACION.htm 28 http://comunicacionycultura.espacioblog.com/post/2007/06/06/-modelo-shannon-y-weaver-1948claude-e-shannon-2

Página

desarrollo de la comunicación humana.” 28

6.2.1.3. Modelos de Comunicación:

a. La Aguja Hipodérmica. La investigación de la comunicación empezó como investigación de la comunicación de masas después de la Primera Guerra Mundial (19141918). Los primeros modelos de comunicación fueron los denominados “modelos de aguja hipodérmica”, modelos simples de estímulorespuesta (E-R).

b. El Modelo de Shannon y Weaver (1948-1949). Shannon publicó su trabajo en 1948 y Weaver lo complementó en 1949, también es conocido como el “Modelo de Telecomunicación”. Tiene un enfoque de telecomunicaciones, ya que no pretendían estudiar los aspectos psicológicos ni de dinámica de la comunicación. El modelo nos dice que una fuente emisora selecciona los diversos signos de un alfabeto, organizando con ellos un mensaje (organización secuencial), que es transmitido mediante la emisión de señales o estímulos físicos, mediante un canal electrónico o mecánico y las señales son recibidas por un mecanismo receptor, que también las decodifica.

c. El Modelo de Hovland (1942-1945). Hovland es considerado uno de los cuatro padres teóricos de la comunicación y quien más contribuyó en la comunicación. Su modelo muchas veces fue considerado como extensión de la teoría de la Aguja

Página

a cada destinatario.

Hipodérmica; sin embargo, le otorga ciertas pautas de comportamiento

La eficacia de la comunicación, en la que Hovland advierte seis fases, es la respuesta (cambio de conducta) de un proceso causal que parte un estímulo, la exposición de un mensaje (acto emisor) y requiere suscitar atención (llegar), ser comprendido (alcanzar), ser aceptado (actuar), ser retenido (permanecer). El modelo de Hovland fue preparado con la intención casi exclusiva de organizar los elementos y variables del cambio de actitud producido por la comunicación social. El modelo sirvió de base para las investigaciones conducidas por Hovland y sus colaboradores en la Universidad de Yale. Envin Bettinghaus comenta así el modelo de Hovland: “Nótese que el modelo de Hovland no intenta especificar las relaciones precisas que existen entre los diversos factores, ni procura mostrar el carácter dinámico de la comunicación. Esencialmente, el modelo nos dice que la comunicación puede ser estudiada mediante varios enfoques y que existen relaciones entre los mismos".

La Fórmula de Laswell (1948).

En su diagrama Harold D. Laswell (considerado uno de los padres de la comunicación) hace un perfil de las relaciones y mediaciones que se dan en la comunicación colectiva. Laswell, no sólo considera los sujetos que se comunican, también, sus intenciones, lo que comunican, las razones, motivos o justificaciones, que determinan el medio de comunicación, junto con las condiciones de recepción.

Página

cinco puntos fundamentales del proceso de comunicación.

Este esfuerzo de síntesis es particularmente valioso, dado que agrupa los

e. El Modelo de Transmisión (1957). Descrito por Westley- Mac Lean y conocido también como el “Modelo Conceptual de Westley-MacLean”. Es un modelo adecuado a la comunicación de masas donde se elimina la secuencia lineal (FuenteEmisor-Mensaje-Receptor)

que

lleva

información,

hacia

una

secuencia dependiente en gran medida de una retroalimentación de la audiencia. En este modelo se integran todos los elementos que determinan la lógica de la comunicación entre las fuentes y los receptores. Se basa en la interpolación de un nuevo papel del emisor de masas, donde se tiene en cuenta que estos no suelen crear el mensaje; es decir, sólo están retransmitiendo a una audiencia su propia descripción de los acontecimientos, o dan acceso a las voces de quienes quieren llegar a un público más amplio (anunciantes, escritores, artistas). Según este modelo, la comunicación de masas está regulada por las demandas de la audiencia, que sólo conoce a través de sus elecciones lo que se le ofrece. Características: Concede una importancia a la función de selección del comunicador de masas.  Dicha selección se lleva a cabo según una evaluación de lo que interesa a la audiencia.  La comunicación deja de ser intencionada. Ya no pretenden persuadir o educar, ni siquiera informar. Se les da a la audiencia lo

http://teocomsu.net84.net/2_3.html

Página

que pide.” 29

f. El Pensamiento de McLuhan y el Fenómeno de la Aldea Global.

A lo largo de muchas décadas el pensamiento de Mcluhan ha sido analizado por diversos estudiosos de las ciencias de la comunicación y de otras disciplinas afines para rescatar en algunos casos su filosofía, y en otros, para criticar el contenido de la misma. Dentro de su pensamiento teórico, son muchísimas las vertientes que se pueden resaltar, pero considerando los momentos actuales de globalización planetaria que experimenta el mundo y nuestro país, uno de los aspectos más relevantes que debemos de recobrar en la etapa de la modernidad cultural para comprender el actual funcionamiento de los medios de comunicación, es su concepción sobre la Aldea Global. 6.2.1.4. Otros Modelos de Comunicación:

“Énfasis

la transmisión

información:

este

modelo la

comunicación es entendida solo como transmisión de información de un emisor (E) que envía su mensaje (M) a un receptor (R). Aquí el emisor es el único protagonista activo del proceso frente a un receptor pasivo. Es decir que quien emite, es quien

posee el saber legítimo del

contenido del mensaje; mientras que al receptor, no se le reconoce otro papel que el de decodificar correctamente la información que se le propone. El modo de comunicar que prevalece en este caso es el monólogo. Pensando ahora la relación comunicativa que se establece, podemos domina, es el dueño, el protagonista.

ya que el emisor

que la misma es vertical y unidireccional;

Página

decir

Énfasis en los efectos: El segundo, nació en los Estados Unidos, en pleno siglo XX durante la segunda guerra mundial. Sin embargo no es hasta la década de los sesenta que llega a América Latina en la llamada “Década del desarrollismo”, como una respuesta de la alianza para el progreso al problema del “Subdesarrollo”. Se pensaba que la solución para la pobreza en que se hallaban sumidos nuestros países, era la modernización, es decir, la adopción de las características y los métodos de producción de los países capitalistas desarrollados. Las innovaciones tecnológicas, entre ellas los medios de comunicación, eran vistas como la panacea para todos nuestros males; ellas por sí solas permitirían obtener progresos. En este sentido la comunicación como herramienta de persuasión será un concepto clave de este modelo. Ya no se trata como en el anterior solo de informar, sino de convencer, de manejar, de condicionar al sujeto para que adopte la nueva conducta propuesta. El esquema de comunicación persuasiva, introduce una diferencia importante con respecto al modelo anterior. Sigue habiendo un emisor protagonista, dueño de la comunicación, que envía un mensaje a un receptor que continúa reducido a un papel subordinado;

pero

ahora

aparece

una

respuesta,

denominada

retroalimentación (feedback) la cual es recogida por el emisor. A simple vista el modelo puede ser percibido como alfo más equilibrado y participativo, ya que aparentemente, le reconoce un papel más

diferentes, porque comunicar se relaciona con imponer conductas y lograr acatamiento y en tal contexto, la retroalimentación es solo la

Página

descubre que el feedback tiene un significado y una función muy

activo al receptor (reacción ante el mensaje recibido). Sin embargo Se

comprobación del efecto previsto, es decir, la reacción del sujeto ante la propuesta de comunicación. Entonces la comunicación es positiva si el sujeto acata la propuesta, o negativa si la rechaza. En este último caso, el feedback le sirve al emisor como instrumento de verificación y control: puede ajustar los próximos mensajes, regularlos, hacerles los cambios formales requeridos para obtener el efecto prefijado, la respuesta deseada. El énfasis en el proceso intersubjetivo: Para entender la comunicación como proceso, es importante reconocer dos acepciones del término, que aun hoy coexisten. Acto de informar, de transmitir, de emitir. COMUNICAR. Diálogo, intercambio, relación de compartir. COMUNICARSE. Esta última es la acepción más antigua y humana que expresa una idea de comunidad y comunión, que ha ido perdiendo su sentido originario a partir de la irrupción de los medios masivos. La forma de operar de estos medios

convirtió

modelo

referencial,

paradigma de

comunicación. Una reducción de la comunicación humana, concepto que implica reciprocidad a favor de la información y la comunicación. La controversia para recuperar en sentido original del concepto de comunicación entraña mucho más que una cuestión semántica. Ella

conlleva

una

reivindicación

humana

sobre

todo

una

reivindicación de los sectores dominados, hasta ahora excluidos de las grandes redes transmisoras. La polémica, tiene dimensión social y

Página

política.

Para los teóricos e investigadores latinoamericanos, la verdadera comunicación no está dada por un emisor que habla y un receptor que escucha, sino por dos o más seres o comunidades humanas que intercambian y comparten experiencias, conocimientos, sentimientos. Es a través de ese proceso de intercambio como los seres humanos establecen relaciones entre sí, y pasan de la existencia individual aislada a la existencia social comunitaria. 30 6.2.2

Diseño:

Definimos el diseño como proceso o labor destinado a proyectar, coordinar, seleccionar y organizar un conjunto de elementos para producir y crear objetos visuales destinados a comunicar mensajes específicos a grupos determinados. El conjunto de elementos que implican

creación

diseño,

relacionan

como:

Traza, delineación de un edificio o de una figura. Descripción de un objeto o cosa, hecho con las palabras. Disposición

manchas,

colores

dibujos que

caracterizan

exteriormente a diversos animales y plantas. Proyecto y plan, diseño urbanístico. Concepción original de un objeto u obra destinados a la producción en serie, dentro del mundo de la moda, industrial. La Forma de cada uno de estos objetos. Un diseño es una pieza con un cierto atractivo visual, con personalidad

http://www.infoamerica.org/documentos_pdf/spinelli01.pdf

Página

propia y un gran equilibrio estético.

6.2.2.1. Tipos de diseño: a) Diseño gráfico: “Es la comunicación de ideas. Ideas que son organizadas, a través de la utilización de imágenes, en las cuales se busca combinar el arte con aspectos tipográficos; O sea, palabras o texto escrito, que en conjunción con lo visual, buscan emitir un mensaje claro y directo. Es por medio de estos mensajes, que por lo general, mediante el diseño gráfico, se crean campañas publicitarias. Campañas, que son utilizadas, por parte de organismos privados o públicos. Y es que el diseño gráfico, tiende, como se mencionó anteriormente, a emitir mensajes o a comunicar. Por ende, organismos gubernamentales, utilizarán el diseño gráfico, para poder expresar campañas que tienen como receptor, al ciudadano en general. Por otra parte, tenemos al diseño gráfico, que es utilizado por parte de las empresas privadas. Las cuales lo utilizan, para poder incrementar sus ventas o mejorar su imagen corporativa. Es así, como el diseño gráfico, puede ser utilizado, por parte de los departamentos de marketing, para efecto de ventas. Y con respecto de la imagen corporativa, será el departamento de comunicaciones corporativas, preocupado de la comunicación interna y externa, quien verá en el diseño gráfico, una herramienta de gran utilidad, para comunicar los mensajes inherentes de la organización. Con respecto a la historia del diseño gráfico, este se comienza a considerar como tal, ya avanzado el siglo XIX. Aún así, ciertos especialistas en la materia del diseño gráfico, creen verlo de manera

una manera válida de valorar lo realizado por estos seres humanos, que tenían una concepción, bastante rudimentaria, de su realidad y su vida.

Página

humanos, que habitaron la era del Paleolítico. Esta apreciación ha sido

incipiente en algunas de las pinturas rupestres, realizadas por los seres

Incluso, obras artísticas, mezcladas con la escritura, como la Biblia hecha a mano por monjes irlandeses en el siglo IX, llamado el libro de Kells, han sido consideradas como expresiones válidas, de lo que hoy en día se considera como diseño gráfico. Pero el diseño gráfico alcanza su niñez real, luego de la invención de la imprenta. Es así como continuó el desarrollo del diseño gráfico, hasta que se lleva a cabo la separación entre Bellas Artes y Arte Aplicada, en el siglo XIX. La madurez del diseño gráfico no ocurriría hasta que se iniciara el siglo XX, cuando se logra desarrollar el diseño gráfico, como se conoce actualmente. Gradualmente, el diseño gráfico se ha tornado más sobrio, que las tendencias que precedieron el siglo XX y XXI. Antiguamente se le daba mucho valor, a todo lo netamente artístico. Donde la tipografía, era una expresión más de la idea artística, que se deseaba imprimir. Pero con la llegada de la tecnología, los ordenadores y la inclusión de software y hardware, en la producción misma del diseño gráfico, se termina por adoptar una visión más práctica y efectista en este campo. De todas maneras, han existido gritos de contrariedad, frente a esta línea más ligada a lo netamente productivo. Gritos, que han buscado que el diseño gráfico tienda nuevamente a estar más cercano al arte que a los efectos. Incluso, en ciertos casos, se ha buscado que el diseño gráfico de un vuelco más radical hacia lo visual, dejando de lado la

http://www.misrespuestas.com/que-es-el-diseno-grafico.html

Página

parte tipográfica.” 31

La función principal del diseño gráfico será, entonces, transmitir una información determinada por medio de composiciones gráficas, que se hacen llegar al público destinatario a través de diferentes soportes, como folletos, carteles, trípticos, etc. El diseño gráfico busca transmitir las ideas esenciales del mensaje de forma clara y directa, usando para ello diferentes elementos gráficos que den forma al mensaje y lo hagan fácilmente entendible por los destinatarios del mismo. El diseño gráfico no significa crear un dibujo, una imagen, una ilustración, una fotografía. Es algo más que la suma de todos esos elementos, aunque para conseguir comunicar visualmente un mensaje de forma efectiva, el diseñador debe conocer a fondo los diferentes recursos gráficos a su disposición y tener la imaginación, la experiencia, el buen gusto y el sentido común necesarios para combinarlos de forma adecuada. El resultado final de un diseño gráfico se denomina grafismo, y es una unidad por sí misma, aunque esté compuesto por multitud de elementos diferentes. Podemos establecer una analogía entre un grafismo y un plato de cocina. Ambos están compuestos por diferentes elementos individuales que, unidos correctamente y con sabiduría, componen una obra final única y definida que va más allá de la suma de las partes que la forman. Toda obra de comunicación visual nace de la necesidad de transmitir un mensaje específico. Un diseñador gráfico no es creador de formas,

medios visuales (grafismos). No es el creador del mensaje, sino su intérprete.

Página

método específico (diseño) construye mensajes (comunicación) con

sino creador de comunicaciones, un profesional que mediante un

El principal componente de toda composición gráfica es, pues, el mensaje a interpretar, la información que se desea hacer llegar al destinatario a través del grafismo. Esta información se debe representar por medio de diferentes elementos gráficos, que pueden ser muchos y variados, aunque los más comunes son:  Elementos gráficos simples: puntos y líneas de todo tipo (libres, rectas, quebradas curvas, etc.)  Elementos geométricos, con contorno o sin él: polígonos, círculos, elipses, óvalos, etc.  Tipos: letras de diferentes formas y estructura, utilizadas para presentar mensajes textuales.  Gráficos varios: logotipos, iconos, etc.  Ilustraciones  Fotografías  Cualquier otro elemento visual apto para comunicar un mensaje. Estos elementos básicos se combinan unos con otros en un grafismo, y de esta combinación surge un resultado final en el que tiene mucha importancia una serie de conceptos propios del diseño gráfico, entre los que destacan:

 Las agrupaciones:

conjuntos

elementos

relacionados

mediante proximidad, semejanza, continuidad o simetrías.  La forma: forma de cada elemento gráfico aislado y de las agrupaciones de elementos.  Los contornos: partes límites de los elementos, que permiten

 La ubicación: lugar que ocupa cada elemento gráfico o agrupación de ellos en el espacio del grafismo.

Página

mediante border, cambios de color o cambios de saturación.

distinguirlos de los demás y del fondo, pudiendo estar definidos

 El tamaño: tamaño relativo de cada elemento gráfico respecto los que le rodean. Escalas.  El color: color de cada elemento individual, colores de cada agrupación de elementos, conjunto total de colores usado en un grafismo, disposición relativa de los elementos con color y armonía entre colores.  El contraste: intensidad de visualización de cada elemento con relación a los que le rodean y al grafismo completo.  El equilibrio: cada grafismo conlleva un sistema de referencia espacial que consigue un nivel de equilibrio mayor o menor.  La simetría: disposición espacial regular y equilibrada de los elementos que forman la composición gráfica.

Los diferentes elementos de un grafismo son percibidos por el destinatario de acuerdo con la influencia que ejerce cada uno estos conceptos a nivel individual, grupal y total. Pero la unión de todos ellos, la obra gráfica, es una entidad comunicativa individual y completa, cargada de complejos elementos humanos asociados con el lenguaje,

http://www.desarrolloweb.com/articulos/1277.php

Página

la experiencia, la edad, el aprendizaje, la educación y la memoria.” 32

b) Diseño web. Según World Wide Consortium, W3C, el diseño Web es una actividad en la que se requiere conocimiento sobre navegabilidad, interactividad, del uso y el orden, ya que se implementa con estos conocimientos el diseño convencional en texto, imagen y hasta vídeo o audio. Con esto también se incluye fundamentar el correcto diseño web al utilizar los lenguajes de programación. El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad. La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio. “¿Qué es el diseño y desarrollo de aplicaciones web? El diseño y desarrollo de aplicaciones web consiste en implementar sus necesidades, objetivos o ideas en Internet utilizando las tecnologías más idóneas según su proyecto. Las aplicaciones web ofrecen servicios a los usuarios de Internet que acceden al utilizar un navegador web como Explorer, Firefox o Safari entre otros, dirigiéndose a una dirección de Internet donde obtendrán los servicios que buscan. Las aplicaciones web pueden ser de acceso público como tiendas

como el reporte de horas de su personal, gestión de proyectos y tareas, control de presencia, gestores documentales, o el uso de extranets para

Página

como las intranets, para mejorar las gestiones internas de su empresa

virtuales, diarios digitales, portales de Internet,... o de acceso restringido

aumentar

mejorar

servicio

con

sus

distribuidores,

clientes,

proveedores, comerciales y colaboradores externos.” 33 6.2.3 Dominio: Es el nombre por el que se le conoce a un sitio web, una

fácil de

recordar que los usuarios usarán para encontrar y acceder al sitio web. Hoy en día disponer de un dominio es imprescindible para una empresa. “Un dominio de Internet es un nombre de un servidor de Internet que facilita recordar de forma más sencilla la dirección IP de un servidor de Internet, por ejemplo internetworks.com.mx. Todos los servidores y páginas de Internet tienen una dirección numérica que se conoce como dirección IP (Protocolo de Internet), por ejemplo 216.29.152.110. En general hay dos tipos de dominios de Internet: 1- Internacionales o Top Level Domains (TDL's): Este tipo de dominios son los que no delimitan a una página como perteneciente a una región en particular. En los últimos años en un intento por vender más dominios han surgido nuevas terminaciones para dominios Internacionales, sin embargo los principales son: .com, .net y .org. 2- Territoriales o (ccLTD): Los dominios regionales fueron otorgados para cada país y su terminación es la abreviación del país. Por ejemplo: .com.mx (México), .com.ar (Argentina), .com.br (Brasil), etc.

http://www.bab-soft.com/es/diseno_desarrollo_aplicaciones_web.php

Página

(Internet Corporation for Assigned Names and Numbers) mejor conocida

La Corporación de Internet para Nombres y Números Asignados

como ICANN por sus siglas en inglés, es la encargada del control de los dominios Internacionales. Cada país tiene el control sobre su dominio territorial, aunque se tratan de seguir los estándares de ICANN. En el caso de los dominios controlados por ICANN, existen Registros (Registry) y Registradores (Registrars). El Registry es el encargado de proveer la infraestructura para el registro de dominios, para los dominios .com y .net (los más usados del mundo) VeriSign es el Registry. Los Registrars son empresas autorizadas después de un intenso y complejo proceso por ICANN para registrar dominios de Internet, por lo que no revenden dominios de nadie y son el canal de distribución.” 34 6.2.4 Web: “Documento situado en una red informática, al que se accede mediante enlaces de hipertexto.” 35 “World wide web" (que significa algo así como "telaraña a lo ancho del mundo"), abreviado como "WWW" ó "3W" ó "Web", es un sistema completo para transmisión de informaciones audiovisuales. Los datos se organizan en páginas o "carteles" relativos a un tema concreto y ofrecido por una persona, empresa u organización. Los usuarios pueden elegir cuáles son las páginas que desean visualizar. Las páginas pueden contener textos, imágenes, sonidos, animaciones,

34 35

http://www.internetworks.com.mx/dominios/que-es-un-dominio.asp http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=web

Página

También es cierto que una página Web puede contener solo texto, o

vídeos, entre otros, mezclando estos elementos de cualquier forma.

solo un gráfico en blanco y negro, pero esto no es lo frecuente porque habitualmente en la misma página se intercala texto (con letras de varios tipos y tamaños), gráficos y fotos a color. Algunas páginas incorporan animaciones o fragmentos de vídeo, otras añaden música de fondo. Es un método muy atractivo y completo para transmitir información.”

6.2.5 Sitio Web: “Es un conjunto de páginas web que se encuentran conectadas entre sí por medio de enlaces (links). Una página web contiene contenido como texto, imágenes, audio y video. Para organizar el contenido que una empresa desea publicar en Internet, generalmente se divide este contenido en diversas páginas. Para realizar una relación más práctica, podemos comparar un sitio web a una revista.” 37 Editar:

“Del

francés éditer, editar es

un verbo que

refiere

a publicar una obra por medio de una imprenta o a través de otros mecanismos. El concepto también se utiliza para nombrar al proceso que permite hacer pública una pieza, plasmándola en un soporte físico o digital. Compresor: Se conoce como compresor, por otra parte, al programa informático (software) que permite reducir el tamaño de un archivo digital.

Para

concretar

la compresión,

estos

programas

buscan

redundancias en los archivos y las eliminan, lo que permite borrar

36 37

http://www.eumed.net/grumetes/web.htm http://www.expertosensitiosweb.com/preguntas/que-es-un-sitio-web

Página

información para reducir el peso, pero sin pérdida de calidad.

Multimedia: Es un término que procede de la lengua inglesa y que refiere a aquello que utiliza varios medios de manera simultánea en la transmisión de una información. Una presentación multimedia, por lo tanto, puede incluir fotografías, vídeos, sonidos y texto. El concepto se aplica a objetos y sistemas que apelan a múltiples medios físicos y/o digitales para comunicar sus contenidos. El término también se usa en referencia a los medios en sí que permiten almacenar y difundir contenidos con estas características. La comunicación multimedia facilita la comprensión y el aprendizaje, ya que resulta muy parecida a la comunicación humana directa (cara a cara). En una conversación, observamos al interlocutor (lo que sería equivalente a un vídeo) y lo escuchamos (audio), mientras acompaña sus palabras con gestos y movimientos corporales (animaciones). Una presentación o emisión multimedia puede realizarse en directo o estar grabada. La difusión de los contenidos, por otra parte, puede concretarse a través de Internet, proyectarse en una pantalla o desarrollarse en un escenario. Un curso de inglés a distancia es un ejemplo de información multimedia. Ya sea online o mediante un CD-ROM o DVD-ROM, el estudiante puede observar videos para familiarizarse con el idioma, escuchar audios para aprender la pronunciación, participar de juegos interactivos con animaciones y leer textos con explicaciones sobre gramática y ortografía. Las páginas web también pueden presentar desarrollos multimedia, con animaciones en Flash, videos insertados desde YouTube, música de fondo y material para leer. En estos casos, puede hablarse de

Página

multimedia interactiva, ya que es el usuario quien decide cómo será la

presentación de la información y en qué momento iniciarla a través de sus clics.” 38

a) Tipos de sitio web: i) Páginas estáticas:

web “CMS: Un sistema de gestión de contenidos (en inglés Content Management System, abreviado CMS) es un programa que

“Páginas web estáticas no cambian el contenido o el diseño

con

todas

las

peticiones al servidor web. Sólo cambian autor

Web

cuando un

permite crear una estructura de soporte (framework) para la creación

administración

contenidos,

principalmente

en páginas web, por parte de los administradores, editores, participantes y demás roles.” Fuente: http://es.wikipedia.org/wiki/Sistema_de_gesti%C3%B3n_de_contenidos

manualmente

actualizaciones con un editor de texto o en la web como herramienta de edición de Adobe Dreamweaver. La gran mayoría de los sitios web utilizan las páginas estáticas, y la técnica es altamente costo-efectiva para la publicación de información web que no cambia sustancialmente durante meses o incluso años. Muchos sistemas de gestión de contenidos web también utilizan la publicación estática para entregar el contenido web.

En el CMS (LAS páginas se crean y modifican de forma dinámica con bases de datos en la web interfaz de edición, pero luego se escriben en el

servidor

web

("publicar")

como

normales

las

páginas

estáticas. Páginas estáticas son simples, seguro, menos propenso a errores de la tecnología y la descomposición, y fácilmente visibles por los

http://definicion.de/?s=arte+digital&x=0&y=0

Página

motores de búsqueda.

ii) Páginas web dinámicas.

Pueden adaptar sus contenidos o la apariencia en función de las interacciones del usuario, los cambios en los datos suministrados por una aplicación, o como una evolución en el tiempo, como en un sitio web de noticias. Con el lado del cliente técnicas de scripting ( XML , las técnicas de Ajax, Flash ActionScript), el contenido puede ser cambiado rápidamente en el ordenador del usuario sin peticiones nuevas página en el servidor web. Contenido de la web más dinámica, sin embargo, se monta en el servidor web utilizando el lado del servidor lenguajes de scripting ( ASP, JSP , Perl, PHP , Python). Tanto en el cliente y el servidor enfoques, se utilizan en los sitios web multifacética, con los constantes cambios de contenido y complejas características interactivas. Páginas web dinámicas ofrecen una gran flexibilidad, pero el proceso de proporcionar una mezcla única de contenido reunido con cada petición que requiere una respuesta rápida, de alta gama de servidores web, e incluso el servidor de mayor capacidad se puede estancar en muchas solicitudes de páginas web dinámicas en un poco tiempo. A menos de que estén bien optimizados, sistemas dinámicos de distribución de contenidos web suelen ser mucho menos visibles para los motores de búsqueda de páginas estáticas. Siempre se debe preguntar acerca de la visibilidad de búsqueda al considerar los méritos de un sistema web de contenido dinámico.

b) Gestión de contenidos Web: gestión

contenidos

permiten

una

gran

cantidad

contribuyentes de contenido no técnicos para actualizar y crear nuevas páginas web con facilidad en el contexto de los grandes sitios, web en

Página

Web empresariales sistemas de gestión de contenidos: Web de sistemas

toda la empresa que puede contener miles o incluso millones de páginas de contenido. Estos sistemas ofrecen alguna variación en estas tres características principales: Flujo de trabajo editorial, un proceso de aprobación y gestión de acceso web a los autores individuales, mejorar la gestión de las páginas, los

directorios,

las

cuentas

contenido

contribuyente,

las

operaciones generales del sistema. Una interfaz de usuario interactivo, por lo general basada en navegador,

que

requiere

conocimientos

técnicos

web, HTML o CSS para crear contenido web. En una típica CMS, sitio web impulsado por el flujo de trabajo de edición web que es la siguiente: 1. Un experto en el campo, empleado del departamento local, o el escritor añade, actualizaciones, o de otra manera se modifica el contenido de una página, usando un navegador web para acceder a los CMS las características y realizar funciones de edición y gestión del sitio; 2. El contenido final es derrotado por una serie de notificaciones a los designados de aprobación para el contenido en esa zona de la página web más grande; 3. El aprobador revisa el contenido nuevo, o bien comunicados para publicación o la devuelve para su revisión y 4. El CMS reúne el contenido aprobado para su publicación y, en los sitios web más grandes, suele ser publicado en un "en vivo" en el

actualizaciones al instante el sitio, si es necesario.

Página

día. La mayoría CMS productos, también se pueden manejar las

servidor de Internet en los intervalos especificados durante el

(1) Blogs: Debido a su facilidad de uso y la disponibilidad de soporte de software, web logs, o blogs, son la forma más popular, barata y generalizada de la gestión de contenidos web. Software para blogs como Blogger, Roller o WordPress, permite a los usuarios no técnicos para combinar texto, gráficos y archivos multimedia digitales con facilidad en las páginas web interactivas. Un blog es en realidad un simple CMS, por lo general diseñados para apoyar a tres características básicas: 

Fácil publicación de textos, gráficos y contenidos multimedia en la web.



Herramientas integradas que permiten a los lectores del blog para poner un comentario (una característica opcional).



Construido en RSS características que permiten a los suscriptores ver cuando un blog ha sido actualizado.

(2) Wikis: Un wiki es una forma especializada de la página web de contenidos gestionados diseñados para apoyar la creación fácil de colaboración de las páginas web de grupos de usuarios. Wikis difieren de los blogs y otros CMS opciones en que los wikis permiten a todos los usuarios de cambiar el contenido de las páginas wiki, no sólo para poner un comentario sobre el contenido. Los wikis como la enciclopedia Wikipedia conocido en línea puede ser de acceso público y editada por cualquier usuario, pero el software wiki también puede ser utilizado para apoyar proyectos de colaboración más privado, donde sólo los

por Wikipedia), y la búsqueda de ofrecer a JotSpot, funciones de navegación y edición, así como la gestión de cuentas y las

Página

Populares herramientas wiki comerciales como PBwiki, MediaWiki (usado

miembros del grupo pueden ver y editar el contenido del wiki.

características de seguridad para limitar el acceso a los usuarios seleccionados.

(3) RSS: Really Simple Syndication es una gran manera de generar un conjunto de "titulares" y enlaces a las webs que pueden aparecer en muchos lugares a la vez en Internet o intranet de la empresa de su localidad. RSS es una familia de XML basado en formatos de fuentes que puede proporcionar automáticamente una actualización conjunto de los titulares, enlaces web, o fragmentos cortos de contenido a muchas formas de medios de Internet. RSS puede ser leído por una variedad de software de visualización, incluyendo muchos programas de correo electrónico, los principales navegadores web (Firefox, Internet Explorer, Opera, Safari), especializada RSS agregador de software como Surfpack o FeedDemon, y portales web como iGoogle, MyYahoo!, y otros portales personalizables corporativa e Internet.

c) La evolución de las herramientas Web. A medida que la web ha madurado y se convierten en una herramienta de corriente dentro de las empresas, las herramientas basadas en la Web más capaces y los géneros de colaboración han surgido que pueden aumentar, o incluso sustituir, un sitio web convencional. Los siguientes dos ejemplos de alternativas de publicación web muestran las diferentes rutas que los diseñadores de aplicaciones están tomando para publicar contenidos y trabajar en colaboración en la web. La

evolución

probable

publicación

web

está

lejos

plataformas de software completo que no sólo permiten publicar contenido fácilmente en la web, pero reportan atractivos, listos para

Página

y CMS paquetes que se encargan sólo de publicación web y hacia las

tales HTML herramientas de creación como Adobe Dreamweaver

usar herramientas de colaboración e intercambio de documentos de los equipos de desarrollo web. Google Docs se extiende la metáfora de la aplicación de escritorio a la web basada en documentos compartidos, mediante el almacenamiento de red y control de acceso tanto como una unidad compartida de red local podría haber sido utilizado para apoyar la colaboración en el pasado. SharePoint de Microsoft es ampliamente utilizado en las empresas para crear complejos-como el portal de entornos de trabajo colaborativo que ofrecen las bibliotecas de documentos, publicación de contenidos web y aplicaciones web sofisticadas, además de los servicios básicos de colaboración para grupos de trabajo. •

Google Docs: Con procesador de textos basado en web, hojas de

cálculo y herramientas de presentación, Google Docs permite que los grupos de trabajo para colaborar en documentos que los participantes puedan acceder desde cualquier ordenador que esté conectado a Internet. Documentos de Google Docs pueden ser editadas por múltiples usuarios en tiempo real, permitiendo la rápida creación de contenidos colaborativos. Los documentos pueden ser creados en Google Docs o importados de otros formatos de documentos comunes. Los documentos compartidos residen en los servidores de Google y se guardan automáticamente y una copia de seguridad dentro del sistema de servidor de Google. ´ Microsoft SharePoint: SharePoint es un portal-como colaboración basada en web, la edición, y el sistema de gestión de documentos de Microsoft que puede ofrecer un entorno web empresas. SharePoint se puede utilizar para alojar sitios web sofisticados y aplicaciones web, llamados sitios de SharePoint, o

para grupos de trabajo completo, sobre todo en las grandes Página

•

"portales de SharePoint", que ofrecen espacios de trabajo compartidos y documentos, así como aplicaciones especializadas tales como wikis y blogs y RSS de apoyo, todo ello desde un navegador

web. Los

sitios

SharePoint

también

incluye

características tales como flujos de procesos, listas de tareas, anuncios de grupo, alertas de correo electrónico basado en, y paneles de discusión. Acceso de usuarios a los sitios de SharePoint de colaboración suele ser manejado a través de Microsoft Active Directory y por lo tanto ofrece un entorno seguro para la colaboración empresarial, médico, u otros datos

sensibles

participación privada.” 39

6.2.6 XHTML: Es una “reformulación de los tres tipos de documento definidos por HTML, Del acrónimo en inglés de extensible Hypertext Markup Language (lenguaje extensible de marcado de hipertexto), es el lenguaje de marcado pensado para sustituir a HTML como estándar para las páginas Web. Es un lenguaje de programación, utilizado para desarrollar páginas web y sus siglas traducidas al español quieren decir: Lenguajes de Marcas de Hipertexto. Este lenguaje permite describir la estructura y contenido de la página web en forma de texto e imágenes. Para la escritura de éste lenguaje se utilizan los corchetes angulares (< y >) y dentro de ellos va la información en forma de texto. 6.2.7 HyperText Markup Language HTML:

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

http://webstyleguide.com/wsg3/1-process/6-types-of-sites.html

Página

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

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

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.

6.2.8 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 36 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.9 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 usar flash, es importante tener una carpeta exclusiva para la creación de la página o

Página

sitio Web y poder almacenarla.

Estas son enlazadas 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 manejar flash, es importante tener una carpeta exclusiva para la creación del sitio Web y en ella almacenarla.

6.2.10

Ads: Campaign Cost and Budgeting (Facebook):

“Los anuncios de Facebook son un servicio de pago. Sin embargo, los anunciantes tienen un control pleno sobre el gasto, ya que cuentan con la posibilidad de fijar un presupuesto diario o total por campaña. Se puede controlar el gasto de cada campaña estableciendo un presupuesto diario o total. Por lo demás, los anuncios de Facebook no tienen un coste fijo, pero se puede obtener una estimación cuando se cree el anuncio. Se puede introducir los criterios de segmentación del público objetivo e ir hasta el paso 3 de la creación de anuncios (no se debe que introducir la información de pago hasta el siguiente paso, de modo que puede hacerse sin adquirir ningún anuncio). La "puja recomendada" representa el rango de pujas que están ganando actualmente las subastas de anuncios similares. Basándose en esta información, se puede determinar cuánto se desea gastar por clic o por mil impresiones. Se puede multiplicar ese número por el número de clics/mil impresiones que se desee recibir cada día para determinar el presupuesto diario aproximado. La publicidad de coste por clic (CPC) permite especificar determinada cantidad que se está dispuesto a abonar cada vez que un usuario haga

sitios web con el fin de impulsar las conversiones.

Página

más interesados en que las personas hagan clic para acceder a sus

clic en el anuncio. Muchos anunciantes de CPC (coste por clic) están

La publicidad de coste por mil impresiones (CPM) permite especificar cuánto se está dispuesto a pagar por 1000 impresiones (visionados) del anuncio. La mayoría de los anunciantes de CPM (coste por mil impresiones) dan más importancia al lugar en que aparece su anuncio y a su aspecto. Además, estos anunciantes están más centrados en difundir la marca que en acumular conversiones.

Actualmente, el coste mínimo por clic (CPC) es de 1 céntimo de dólar. El coste mínimo por mil impresiones (CPM) es de 2 céntimos de dólar para el espacio publicitario. No obstante, es necesario tener presente que es improbable que los anuncios se muestren en el sitio si puja por debajo de los rangos de puja recomendados.” 40 6.2.11

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

https://www.facebook.com/help/?page=219791638048948

Página

Primarios O Colores Luz:

colores luz y complementarios o colores pigmento.

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 enseña que el efecto que producen los colores luz es opuesto a la realidad. 6.2.12

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 poder permitir que los caracteres se toquen y se solapen. La utilización de los ordenadores ha tenido una gran repercusión respecto de los caracteres, ya que la letra

Página

digital permite una gran flexibilidad.

6.2.13.

Texto:

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.14

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. 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

logra darle el punto final y profesional a nuestro trabajo.

Página

resulta muy importante y hasta veces imprescindible porque es la que

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

6.2.15

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

Página

licencia.

6.3

Ciencias auxiliares, artes, teorías y tendencias:

6.3.1 Ciencias: 6.3.1.1

Antropología:

“Ciencia que trata de los aspectos biológicos y sociales del hombre. Estudio de la realidad humana.” 41 La antropología es una ciencia integradora que estudia al hombre en el marco de la sociedad y la cultura a las que pertenece, combinando enfoques de las ciencias naturales, sociales y humanas. 42

6.3.1.2

Lingüística:

El concepto de lingüística (del francés linguistique) se refiere a aquello perteneciente o relativo al lenguaje. La palabra también permite nombrar a la ciencia cuyo objeto de estudio es la lengua. De esta forma, la lingüística como ciencia se dedica al análisis de la naturaleza y las leyes que gobiernan el lenguaje. A diferencia de la filología, que se interesa en el desarrollo histórico de las lenguas en textos escritos y en el contexto de la literatura y la cultura asociada, la lingüística trata de explicar cómo funcionan las lenguas en un punto dado en el tiempo, para comprender su funcionamiento general. La lingüística moderna se desarrolla a partir del siglo XIX. Con la

integrada a la semiología. Comienza a hacerse hincapié en la distinción 41 42

http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=antropologia http://definicion.de/antropologia/

Página

Ferdinand de Saussure, la lingüística se convierte en una ciencia

publicación póstuma de “Curso de lingüística general” (1916), de

entre lengua (el sistema) y el habla (el uso) y en la definición de signo lingüístico (significado y significante). En el siglo XX, Noam Chomsky desarrolla la corriente del generativismo, que se centra en la lengua como proceso de la mente del hablante y en la capacidad innata (genética) para adquirir y usar una lengua. El estudio de la lengua como sistema puede llevarse a cabo en distintos niveles: el fonético-fonológico (fonología y fonética), el morfológico (morfología), el sintáctico (sintaxis), el léxico (lexicología y lexicografía) y el semántico (semántica). Desde el punto de vista del habla, en cambio, puede considerarse al texto como la unidad superior de comunicación y a la pragmática, que estudia la enunciación y el enunciado.” 43 6.3.1.3

Psicología:

Parte de la filosofía que trata del alma, sus facultades y operaciones. Todo aquello que atañe al espíritu. Ciencia que estudia los procesos mentales en personas y en animales. Manera de sentir de una persona o de un pueblo. Síntesis de los caracteres espirituales y morales de un pueblo o de una nación. Todo aquello que se refiere a la conducta de los animales. 44 La psicología es la ciencia que estudia los procesos mentales. La palabra proviene del griego: psico- (alma o actividad mental) y logía (estudio). Esta disciplina analiza las tres dimensiones de los

http://definicion.de/linguistica/ http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=psicologia 45 http://definicion.de/psicologia/ 44

Página

mencionados procesos: cognitiva, afectiva y conductual. 45

6.3.1.4

Semiología:

“Estudio de los signos en la vida social.” 46 “Puede decirse que la semiología se encarga de todos los estudios relacionados al análisis de los signos, tanto lingüísticos (vinculados a la semántica y la escritura) como semióticos (signos humanos y de la naturaleza). La semiología señala

que

signo

lingüístico

tiene

cuatro

características

fundamentales, que son la arbitrariedad, la linealidad, la inmutabilidad y la mutabilidad.” 47 6.3.1.5

Semiótica:

Teoría general de los signos. Algunos sostienen que la semiótica incluye a todas las demás ciencias que se dedican al estudio de los signos en determinados campos del conocimiento. La semiótica, en este sentido, aparece como una ciencia del funcionamiento del pensamiento, destinada a explicar cómo el ser humano interpreta el entorno, crea

http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=donacion http://definicion.de/semiologia/ 48 http://definicion.de/semiotica/ 47

Página

conocimiento y lo comparte. 48

6.3.1.6

Sociología:

Ciencia que trata de la estructura y funcionamiento de las sociedades humanas. 49 Esta ciencia analiza las formas internas de organización, las relaciones que los sujetos mantienen entre sí y con el sistema, y el grado de cohesión existente en la estructura social. 50

6.3.2 6.3.2.1

Artes: Fotografía:

Arte de fijar y reproducir por medio de reacciones químicas, en superficies convenientemente preparadas, las imágenes recogidas en el fondo de una cámara oscura. 51

6.3.3 6.3.3.1

Teorías: Teoría del color:

El color es un atributo que se percibe de los objetos cuando hay luz. La luz es constituida por ondas electromagnéticas que se propagan a unos 300.000 kilómetros por segundo. Esto significa que los ojos reaccionan a la incidencia de la energía y no a la materia en sí. Tono (hue), matiz o croma es el atributo que diferencia el color y por la cual se dignan los colores: verde, violeta, anaranjado. Saturación:(saturation) es la intensidad cromática o pureza de un color

http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=sociologia http://definicion.de/sociologia/ 51 http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=fotografia 50

Página

Valor (value) es la claridad u oscuridad de un color, está determinado

por la cantidad de luz que un color tiene. Valor y luminosidad expresan lo mismo. Brillo (brightness) es la cantidad de luz emitida por una fuente lumínica o reflejada por una superficie. Luminosidad (lightness) es la cantidad de luz reflejada por una superficie en comparación con la reflejada por una superficie blanca en iguales condiciones de iluminación. 52 Isaac Newton fue el primero, oficialmente, en descubrir o darse cuenta que un rayo de luz blanca puede descomponerse en 7 colores básicos al hacerlo pasar por un prisma. En la naturaleza, este efecto se observa de forma natural en el arcoíris, siendo el prisma, las gotas de agua suspendidas en la atmósfera. Y también realizó la operación inversa, proyectar 7 haces de luces de colores básicos, obteniendo un único haz de luz blanca. Muchos científicos siguieron sus pasos, entre ellos Thomas Young y descubrieron que de los 7 colores, existían 3 básicos a partir de los cuales podrían generarse el resto a base de distintas combinaciones: rojo intenso, verde intenso y azul intenso. Además, se puede extender en las cualidades de la luz, o de los objetos que la reflejan: absorción y reflexión; pero sólo se complicaría más

http://www.fotonostra.com/grafico/teoriacolor.htm

Página

intentar entender un poco cómo usar los colores.

I. Los colores-luz: A estos colores, rojo-verde-azul se les llamó colores-luz, pues su mezcla producía el blanco y la variación de los porcentajes de mezcla producían todos los tonos intermedios posibles. Los programadores, y sobre todo los diseñadores de páginas webs son conocedores de esto: "#FFFFFF" (el blanco). Los dos primeros dígitos hexadecimales indican la cantidad de rojo, los dos segundos, la cantidad de verde y los dos últimos la cantidad de azul. Indicando la cantidad máxima de cada color (#FF en hexadecimal es 255 en decimal, la cantidad de cada uno varía entre 0 y 255 ó #00 y #FF). A estos tres colores se les denominó colores primarios. Mezclando dos de estos colores se obtiene tres nuevos colores: amarillo mezclando verde y rojo; magenta mezclando rojo y azul oscuro; y cyan mezclando azul oscuro y verde. II.

Los colores-terciarios y la rueda cromática:

Si se suma a un color primario a un color secundario, se obtienen los colores terciarios. Según la cantidad de mezcla, se obtiene distintas tonalidades intermedias entre ambos colores. 53

Los colores cálidos se consideran como estimulantes, alegres y hasta excitantes y los fríos como tranquilos, sedantes y en algunos casos deprimentes. Aunque estas determinaciones son puramente subjetivas y debidas a la

http://www.artecar24.com/Modelismo/Tecnicas/Teoria-del-color.html

Página

son corrientes en la mayoría de los individuos, y están determinadas por

interpretación personal, todas las investigaciones han demostrado que

reacciones inconscientes de estos, y también por diversas asociaciones que tienen relación con la naturaleza. El amarillo es el color que se relaciona con el sol y significa luz radiante, alegría y estimulo. El rojo está relacionado con el fuego y sugiere calor y excitación. El azul, color del cielo y el agua es serenidad, infinito y frialdad. El naranja, mezcla de amarillo y rojo, tiene las cualidades de estos, aunque en menor grado. El verde, color de los prados húmedos, es fresco, tranquilo y reconfortante. El violeta es madurez, y en un matiz claro expresa delicadeza. En estos seis colores básicos se comprenden toda la enorme variedad de matices que pueden ser obtenidos por las mezclas entre ellos y también por la de cada uno con blanco y negro; cada una de estas variaciones participa del carácter los colores de que proceden, aunque con predominio de aquel que intervenga en mayor proporción. El blanco es pureza y candor; el negro, tristeza y duelo; el gris, resignación; el pardo; madurez; el oro, riqueza y opulencia; y la plata, nobleza y distinción. 54 III. •

Teoría del color en Diseño Web:

Rojo: El color más dinámico y caliente, el rojo activa, estimula, es apasionado, excitante, poderoso y expansivo. Dónde usarlo: Debe ser usado mínimamente en su forma más pura como un acento para captar la atención a elementos críticos. Para representar objetos de poder o pasión.

•

Naranja: Menos abrumador que el rojo, el naranja es un color

http://estocolmo.se/cultura/color_oktub23.htm

Página

mantiene amigable y acogedor.

balanceado que es igual de vibrante y energético mientras se

Dónde usarlo: Para dar una impresión agradable y amigable. Para representar movimiento y energía sin ser abrumador. •

Verde: Este color secundario frío es calmante, balanceado y rejuvenecedor.

verde

representa

estabilidad

inspira

posibilidades. Dónde usarlo: Para representar balance y armonía en un diseño. Usa sombras más oscuras para representar estabilidad y afluencia. •

Azul: Representa confianza, integridad y seguridad. También puede manifestar calma y espiritualidad. Dónde usarlo: Los azules oscuros son excelentes para diseños de negocios corporativos. Los azules más claros pueden usarse para sitios sociales que representan calma y amistad.

•

Púrpura: El púrpura representa nobleza, abundancia y dignidad, pero también puede referir a la creatividad e imaginación. Dónde usarlo: Los púrpuras oscuros caracterizan el lujo y la riqueza. Las sombras más suaves pueden asociarse al romance y la primavera.

•

Monocromáticos: Usados como fondo en conjunto con acentos de colores más brillantes.

•

Negro: Representa poder, elegancia y modernidad, también converge en misterio.

•

Gris: Representa neutralidad y calma. Cierta falta de energía también puede relacionarse en diseños conservadores. También se asocia a la esterilidad y simpleza.

•

Marrones: Usados como fondo en combinación con texturas.

•

Crema / Marfil: Calma, elegancia y pureza.

Blanco: Representa claridad, limpieza, esperanza y apertura.

Página

•

Café claro / Beige: Conservadurismo y piedad. Al igual que el gris puede

considerarse

soso.

“También

transmite: entereza

confiabilidad. Un color estable, el café puede asociarse con la experiencia y confort. 55 El color café significa las personas físicas. el color de la tierra, lo neutro. Es un color que se encuentra en la tierra, en la madera, en la piedra. Es un color cálido, neutro y que puede estimular el apetito en las personas. Se encuentra muy extendido en la naturaleza tanto entre seres vivos como en entes materiales. El color café representa la salubridad. Si bien podría considerarse un poco aburrido, por otra parte representa la constancia, la sencillez, la amabilidad, la confianza y la salud. La

empresa

paquetería

envíos UPS,

realizando

campañas promocionándose siempre con el color café como insignia, fomentando estas cualidades de la confianza y la seguridad.” 56 “Implica Estabilidad, Protección, Seguridad. Prácticamente el único país que lo utiliza en su bandera en forma perceptible es Sri Lanka. Los tonos obscuros asocian seriedad, combinado con dorados nos evocan prestigio. Es color universal del grano de Café, el Chocolate, la Piel, el Pan, las

Nueces, los Cacahuates, los

Árboles, por lo que

comúnmente utilizado en mueblerías y en general con negocios en el área maderera.

http://blog.suempresa.com/basicos-de-psicologia-del-color-para-diseno-web.html http://www.significado-colores.com/2009/03/significado-color-cafe.html 57 http://www.logotipos.com.mx/recursos/color/cafe.html 56

Página

Ciertos tonos y combinaciones tienden a "ensuciar" el diseño.” 57

•

Amarillo:

“Denota Honor, Lealtad. Llama la atención fácilmente -muchos vehículos de transporte como taxis

autobuses

utilizan-.Color

ideal

para

subrayar

textos

importantes.” 58 “El amarillo simboliza el sol. Es un color cálido, que al igual que el color rojo tiene un significado contradictorio. Por un lado denota felicidad y alegría, por otra parte el amarillo es el color de la cobardía y del engaño. Debido a la alta visibilidad del color, es utilizado por los taxistas de New York y por muchos vehículos de emergencia. Es también un color utilizado en las señales de emergencia. Uso del color amarillo: A pesar de que se puede utilizar el amarillo como color primario, a menudo, funciona mejor combinado con otros colores. El uso del amarillo junto con los tonos fríos puede ofrecer un beneficio más tenue, junto con el naranja puede inspirar ciertos frutos cítricos propios del verano. Junto con los colores oscuros y apagados combina al ofrecer

58 59

http://www.logotipos.com.mx/recursos/color/amarillo.html http://www.significado-colores.com/2009/03/significado-color-amarillo.html

Página

gran contraste, ofrece un significado de alta tecnología.” 59

Pรกgina

Capítulo VII: Proceso de diseño y propuesta preliminar: 7.1

Aplicación de la información obtenida en el marco

teórico: 7.1.1

Diseño:

Se realizarán varios esbozos, dibujos, esquemas y bocetos sobre el diseño del sitio web y su contenido. Asimismo, se plasmó en el diseño, los requerimientos básicos (colores, figuras, tipografías, maquetación, entre otros) para crear un sitio web adecuado a la institución y al grupo objetivo. 7.1.2

Fotografía:

Se colocarán fotografías dentro del sitio web, por lo que se utilizó esta rama del arte dentro del sitio web. La fotografía, se encuentra en este trabajo también, en el diseño del sitio web. Por lo que es importante el estudio de la fotografía, y escoger aquellas que se encuentres estéticamente bien y además que muestren actividades de la Fundación Jorge Toruño. 7.1.3

Teoría del color:

Se utilizará la teoría del color dentro del sitio web, para conocer cuáles eran los colores adecuados para el grupo objetivo y para la institución; igualmente se colocaron los colores por su saturación, matiz, tono. También se emplearon los colores dependiendo de su denotación y

Página

connotación dentro del sitio web.

7.1.4

Diseño Web.

Se uso el diseño web, como tipo de diseño base, ya que la fundación carece de un sitio web, por lo que el diseño web ayudo a obtener información sobre los colores, diagramación y tipografía en la web. 7.1.5

Diagramación.

Se empleó la diagramación para separar lo espacios a utilizar dentro del sitio web, así como para ordenar el sitio web de una manera ordenada, estética, coherente y adecuada a la Fundación Jorge Toruño. 7.1.6

Tipografía.

La tipografía se sitúa en este trabajo, en el diseño del sitio web. Es importante estudiar las distintas tipografías y escoger la adecuada según la finalidad que tenga la herramienta de comunicación. El diseño de la página web debía ser atractivo a la vista del grupo objetivo, pero también funcional. Es por esto que se debía escoger una fuente tipográfica sencilla, que fuera fácil de leer y que no sobrecargara el diseño. 7.1.7 Comunicación. La comunicación es una de las bases más importante del diseño del sitio web, ya que es necesario fijar los mensajes de cada imagen, color, tipografía y fotografía dentro del sitio web. Es necesario que se realice y desglose el mensaje principal del sitio web, así cómo describir como se realizará para comunicarlo de manera

Página

eficaz al grupo objetivo.

7.1.8

Semiología de la imagen.

Al iniciar el proceso de diseño del sitio web, se determinará, cuáles serán las fotografías, símbolos y formas y se estudiará cuál es el mensaje que se desee transmitir. Asimismo, es una de las bases de este proyecto, ya que la forma en qué se comunica y cómo se comunica cada imagen y forma. Es la herramienta primordial de que están constituidos todos los mensajes.

7.2 7.2.1

Conceptualización: Método:

Mapa conceptual: “También denominados organigramas, constituyen un eficaz medio para

representar gráficamente

ideas

conceptos que

están

relacionados jerárquicamente. Mediante este procedimiento, se aplica el poder conceptual de las imágenes, al facilitar el aprendizaje y el recuerdo de un tema. Desde luego, no se trata de memorizar los mapas y reproducirlos en todos sus detalles, sino de utilizarlos para organizar el contenido de estudio. La técnica de elaboración de mapas conceptuales es un medio didáctico poderoso para organizar información, sintetizarla y presentarla. Puede servir para exponer y desarrollar oralmente un tema de manera lógica y ordenada. ¿Cómo se hace? 1. Se debe leer cuidadosamente el texto hasta entenderlo con claridad. En caso de contener palabras de difícil significado, es necesario consultarlas en el diccionario y comprobar qué función desempeñan en

clave) con las que se elaborará el mapa.

Página

2. Localizar y subrayar las ideas o términos más importantes (palabras

su contexto.

3. Determinar la jerarquización (subordinación) de esas palabras. 4. Establecer las relaciones que existen entre ellas. 5. Utilizar correctamente una simbología gráfica (rectángulos, polígonos, óvalos, etc.). - Elementos con los que se construye. 1. Ideas o conceptos Cada una de ellas se presenta escribiéndola encerrada en un óvalo, rectángulo u otra figura geométrica. 2. Conectores La conexión o relación entre dos ideas se representa por medio de una línea inclinada, vertical u horizontal llamada conector o línea ramal que une ambas ideas. - Recomendaciones: • Es conveniente revisar el mapa varias veces para comprobar si las conexiones están correctamente determinadas. •

Las

ideas

pueden

ser

correctamente

representadas

maneras diferentes. De hecho, es poco usual que dos personas construyan mapas idénticos sobre un mismo particular; no existe un modelo único de mapa conceptual. • Aunque el mapa no sea igual que los demás, aun habiendo manejado la misma información, será correcto si se comprenden los

Página

lógica.

aspectos más importantes y los expresa de manera jerarquizada y

• En cualquier caso, un mapa conceptual estará acertadamente confeccionado si posee significado para quien lo ha realizado y éste es capaz de transmitir correctamente a otros lo representado. • De ser necesario, se repetirá cuantas veces sea preciso a fin de depurar posibles deficiencias.” 60

http://joaquinvillanavarro.blogspot.com/2009/04/mapas-conceptuales.html

Página

-ejemplos:

7.2.2

Definición del concepto:

“Comprometidos con la educación”. Después de realizar el mapa de relaciones, llego a conclusión que la fundación Jorge Toruño, tiene como objetivo primordial, sacar a adelante a niños y jóvenes, quienes no cuentan con recursos financieros para iniciar o continuar sus estudios desde la primaria hasta la universidad. Dicha institución se ha comprometido a ayudar a la gente que no cuenta con suficiente dinero para costear sus estudios, sobre todo niños, quienes son el futuro de

Página

Guatemala.

Bocetaje: Estructura del sitio Web:

7.3.1

Pรกgina

7.3

7.3.2 Bocetaje de la diagramación:

Página Principal

Página “Quiénes Somos”

Página

Página “Programas”.

…Continuación de Bocetaje.

Página “Biografía”.

Página

Página “Contacto”.

7.3.3

Bocetaje de ilustración o fotografía.

Proposito

Tecnica

Colocar en la página de inicio del sitio web, para dar a entender que el grupo objetivo de la fundación, son niños.

Fue donada por la Fundación Jorge Toruño.

Obtenida de la Fundación Jorge Toruño 1

Obtenida de la Fundación Jorge Toruño 2

Técnica

Emoción

Colocar en la página de la biografía del Jesuita Jorge Toruño.

Fue donada por la Fundación Jorge Toruño, ya que el Jesuita falleció, motivo porque la fotografia fue donada.

Sabiduría.

Página

Propósito

Obtenida de la Fundación Jorge Toruño 3

Propósito

Colocar en la página de “prográmas”, con el fin de dar a entender que se trata de un prográma de becas.

Técnica

Fotografía

Obtenida de la Fundación Jorge Toruño 4

Fotografía.

Emoción

Nostalgia por el futuro y a la vez crear un sentimiento sobre las oportunidades que tienen los niños.

Colocar en la página de “prográmas” con el fin de crear dar a entender los prográmas que maneja la fundación.

Técnica

Página

Propósito

Obtenida de la Fundación Jorge Toruño 5

Propósito

Técnica

Colocar en la pagina de Fotografía. “quiénes somos”, con el fin de mostrar las actividades que realiza la fundación.

Emoción

Interes en apoyar a los jovénes.

Obtenida de la Fundación Jorge Toruño 7

Emoción

Nostalgia por el futuro y a la vez

Técnica

Página

Propósito

Colocar en la página de Fotografía. “quiénes somos”, con el fin de mostrar las actividades que realiza la fundación.

Proceso.

Sitio web en blanco, se crea el espacio de trabajo.

Se coloca el logotipo en la posici贸n: superior izquierda.

P谩gina

7.3.4

Se coloca el Fondo de color azul.

PĂĄgina

Se debe colocar un fondo blanco en la parte superior, abajo del logotipo, y se colocan las franjas de color amarillo y amarillo pĂĄlido, asĂ como franjas blancas laterales para dar un toque de profundidad.

Se empieza a crear la primera página del sitio, en que se coloca la imagen principal y las imágenes que tomarán el papel de botón más adelante, así como los datos: dirección, teléfono y correo electrónico de la fundación, incluyendo el botón de Facebook.

Página

Se crean las otras páginas web del sitio, se empieza a colocar el texto y a darle forma al texto. Se ordenan los elementos para que encaje.

Se continúa colocando imágenes y texto.

Página

Se empieza a crear la primera página del sitio, en que se coloca la imagen principal y las imágenes que tomarán el papel de botón más adelante, así

Se termina de colocar cada imagen y cada texto en su lugar.

Pรกgina

Se da forma a la primera pรกgina, se colocan luces y sombras para dar profundidad.

Se coloca el fondo completamente. Se coloca el “pizarrón”, y se le da profundidad con los tonos.

Página

Se termina colocando la estructura estática de la primera página.

En Adobe Flash, se abre un documento en blanco, para crear la animación del pizarrón, para ello se inserta el archivo JPG del Pizarrón, que se coloco en la página Web.

Página

Se inserta el JPG del pizarrón.

Se coloca el texto: “Fundación Jorge Toruño”.

Página

Se crea una capa y se pinta de color verde todo el texto, al finalizar se crea una máscara.

Se da Crtl+Enter para verificar que funciones y se da guardar.

Página

Se coloca un “Stop” en el Frame donde desee que se detenga la animación. Y se guarda en una carpeta.

Se abre nuevamente el sitio web, y se coloca la animaci贸n en el pizarr贸n, luego se guarda.

P谩gina

En la P谩gina 0, se colocan los botones.

Se les da animación a los botones.

En la segunda página, se crea y se escribe el texto, se le da color y se sitúa la animación de la misma. Se colocan las imágenes y la opción de animar, se escoge la que se desee.

Página

Se ponen las flechas de las fotografías. Se da guardar.

En la página de “programas”, se sitúan las imágenes y el texto. Se ubica la animación correspondiente y se vuelve a guardar.

Página

Se coloca el texto y se ordena.

Se terminan de ubicar las imágenes.

Página

100

En la Página de Biografía, se pone la imagen, título y el texto.

En la página final, se realiza el mismo proceso que la pizarra de la página principal, y se coloca en la página final. Se distribuye el texto de la información de la fundación.

101

el de

Página

Se sitúa Formulario contacto.

7.4

Propuesta Preliminar:

Página

102

Descripción: Medidas: 980X780 pixeles. Número de Páginas: 5.

Página

103

Descripción: Medidas: 980X780 pixeles. Número de Páginas: 5.

Página

104

Descripción: Medidas: 980X780 pixeles. Número de Páginas: 5.

Pรกgina

105

Capítulo VIII: Validación Técnica: El método utilizado para validar este proyecto es cuantitativo, ya que se recurrió a encuestas hacia el grupo objetivo y entrevistas con los expertos y el cliente. El instrumento que se uso fue la encuesta, tanto personal como electrónica. “La Técnica cuantitativa, que consiste en una investigación realizada sobre una muestra de sujetos, representativa de un colectivo más amplio que se lleva a cabo en el contexto de la vida cotidiana, utilizando procedimientos estandarizados de interrogación con el fin de conseguir mediciones cuantitativas sobre una gran cantidad de características objetivas y subjetivas de la población.

Ventajas: •

Técnica más utilizada y que permite obtener información de casi cualquier tipo de población.

•

Permite obtener información sobre hechos pasados de los encuestados.

•

Gran capacidad para estandarizar datos, lo que permite su tratamiento

informático

análisis

estadístico.

Relativamente barata para la información que se obtiene con ello. Inconvenientes:

grupos de discusión).

106

No permite analizar con profundidad temas complejos (recurrir a

Página

•

El cuestionario es el instrumento de la encuesta y es un instrumento de recogida de datos rigurosamente estandarizado que opera las variables objeto de observación e investigación, por ello las preguntas de un cuestionario son los indicadores.” 61

Para la realización del cuestionario se tomaron en cuenta, tanto el objetivo general como los objetivos específicos; el cuestionario se separó en tres partes (Parte Objetiva, semiológica y objetiva). En la parte objetiva, se pusieron aquellas preguntas relacionadas a los objetivos del proyecto de tesis; en la parte semiológica se hicieron las preguntas relacionadas a la parte de comunicación y diseño del proyecto; y en la parte operativa, se situaron aquellas interrogantes relacionadas con el funcionamiento general del sitio web.

8.1.

Población y muestreo:

Como se mencionó anteriormente, el instrumento utilizado fue el cuestionario; para ello se tomó en cuenta, tanto el grupo objetivo con una muestra de 15 personas, la validación del cliente una muestra y 5 por parte de los expertos en el tema, tanto del área comunicativa

http://www.gestiopolis.com/recursos/documentos/fulldocs/mar/tipencuch.htm

Página

107

como de diseño. (Ver Anexo B para ver la encuesta)-

8.2

Método o instrumentos:

El método utilizado fue el cuantitativo y el instrumento fue el cuestionario. Tipos de cuestionarios. a) Entrevista personal b) Envío por correo de un cuestionario. c) Cuestionarios telefónicos Tipos de preguntas: a) Según la contestación que admitan: - abiertas (preguntas que sólo formulan las pregunta, sin establecer categorías de respuesta). Se deben utilizar muy poco en las encuestas porque

después

encuesta,

hay

que

cerrarlas

luego

estandarizarlas. - Cerradas: Establecen sólo 2 alternativas de respuesta, "Sí o No" y a veces Ns/Nc. Se deben utilizar sólo para temas muy bien definidos que admiten

estas

alternativas

como

respuesta.

Categorizadas (además de la pregunta, establecen las categorías de respuesta). A su vez se subdividen en: De respuesta espontánea; el encuestador no debe leerle la respuesta al

De valoración: El entrevistador lee una escala de intensidad creciente o decreciente de categorías de respuesta.

Página

De respuesta sugerida; El entrevistador lee las preguntas al encuestado.

108

encuestado.

“Estos son los distintos tipos de fuentes de información Fuentes primarias. Es una fuente que el investigador crea en un momento concreto para resolver un problema concreto. Se refiere a los portadores originales de la información que no la han retransmitido, grabado o transcrito en cualquier medio de soporte. Se puede decir que estas fuentes no existen hasta el momento en que se necesitan, para reunirlas se acude a diversas técnicas como la observación, reuniones de grupo, métodos experimentales, encuestas, entrevistas,

experiencias de campo o

laboratorio, etc. Fuentes secundarias. Son datos o estudios realizados previamente sobre los temas que uno desea investigar, los que ya existen en algún medio como informes, páginas web, libros, investigaciones previas, documentos, etc. En la investigación documental, la recolección de datos se efectúa por medio de fichas. Si es una información secundaria interna es porque ha sido creada en el pasado por el mismo investigador, y si es externa es porque fue generada por terceros externos a él. Este tipo de fuente es muy útil porque evita hacer investigaciones donde otros ya lo han hecho, para ganar tiempo, esfuerzo y ahorrarse en costos. Además,, un solo investigador puede no estar capacitado para recoger de primera mano toda la información que necesita. Las fuentes documentales o fuentes secundarias de datos se dividen en:

distorsionada para fines específicos. Ej. Códices, informes científicos, disertaciones doctorales de universidades, etc.

Página

que contienen información fidedigna y que no ha sido alterada o

109

Fuentes documentales de primera mano: Son los documentos originales

Fuentes documentales de segunda y tercera mano: documentos o material impreso que contienen datos de fuentes originales, pero que han sido distorsionados o modificados, un ejemplo de documentos de segunda mano son textos didácticos, diarios, periódicos, informes gubernamentales,

libros

divulgación

popular.

Ejemplo

documentos de tercera manos son libros de texto, revistas no científicas, algunas monografías, etc. Fuentes cuantitativas. Existe un tipo de información que es susceptible de ser tratada estadísticamente gracias a la ayuda de técnicas matemáticas, como la que proporcionan las encuestas, bases de datos, paneles. Fuentes cualitativas. La información que no es posible tratar por medio de estadísticas, se interpreta según conocimientos y criterios de analistas, en este caso tenemos la obtenida mediante observación, grupos de discusión, técnica de creatividad, entrevistas, pseudocompra, etc. Fuentes estáticas. Fuentes proporcionadas una sola vez en el tiempo. Fuentes dinámicas. Fuentes suministradas de forma periódica y continuada, por ejemplo para hacer comparaciones o cuando se quiere analizar la evolución de algún fenómeno.

directo con las personas como las entrevistas personales, dinámicas de grupo, encuestas casa por casa, técnicas proyectivas, etc.

Página

Son las técnicas de recogida de información que suponen contacto

110

Fuentes personales.

Fuentes impersonales. Fuentes de información que no contactan personas de ninguna forma por ejemplo, las encuestas por correo, la observación o cuando se emplean bases de datos. Fuentes directas. Se presentan cuando las personas que aportan la información conocen o intuyen la utilidad que se le dará posteriormente, siendo conscientes de su previsible uso. Cuando las personas no llegan a saber lo que se hará con la información se habla de Fuentes Indirectas.” 62 “El enfoque: Se puede dividir en: Método experimental: Se experimenta con una variable independiente que puede ser manipulada si así lo desea el investigador, esto implica que habrá una intervención o experimentación. Frecuentemente se aplica en el análisis de los datos una ANOVA o análisis de varianza. Método correlacional: No se manipula una variable independiente experimental y se basa en la observación, no obstante se emplea una correlación de Pearson para el análisis de los datos.” 63 “Método no experimental: la investigación no experimental es aquella que se realiza sin manipular deliberadamente variables. Es decir, es investigación donde no hacemos variar intencionalmente las variables independientes. Lo que hacemos en la investigación no experimental es observar fenómenos tal y como se dan en su contexto natural, para

http://www.tiposde.com/ciencia/fuentesinformacion/tipos-de-fuentes-informacion.html http://www.monografias.com/trabajos59/tipos-investigacion/tipos-investigacion2.shtml#xenfoq 64 http://www.tecnicas-de-estudio.org/investigacion/investigacion37.htm 63

Página

111

después analizarlas. Como señala Kerlinger (1979, p. 116).” 64

8.3. Resultados e interpretación de resultados: 8.3.1. Datos Generales:

Rango de Edades. Cantidad de personas

Rango de Edades.

6 5

2 1 0

Rango de Edades.

18 20

21 23

24 26

27 29

30 -

Se puede observar que la mayor cantidad de encuestados oscilan en las edades de 18 a 20 años de edad; mientras que la menor cantidad de encuestados están ente 27 a 29 años.

Género

32%

68%

El 68% de los encuestados se encuentra en el género masculino.

112

Masculino (13)

Página

Femenino (8)

Profesi贸n

35%

45%

Estudiante (9) Dise帽adores graficos (5)

20%

Otros (7)

P谩gina

113

El 45% de los encuestados son estudiantes universitarios, mientras que el 35% pertenece a distintas profesiones: secretariado, periodismo, freelance, administraci贸n, ventas, otros.

8.3.2. Parte Objetiva:

1. ¿Considera necesaria la elaboración de un Sitio Web para la Fundación Jorge Toruño, para dar a conocer los proyectos y obras realizados? 5%

Si (20)

95%

No (1)

Se puede observar que el 95% de los encuestados considera necesario la elaboración de un sitio web para la Fundación Jorge Toruño, por lo tanto se cumple con el objetivo general.

2. Según su criterio ¿cree que es necesario recolectar información para poder crear el sitio web para la Fundación Jorge Toruño? 0%

100%

Se puede observar que el 100% de los encuestados considera necesario recolectar información para crear el sitio web para la Fundación Jorge Toruño.

114

No (0)

Página

Si (21)

3. ¿Considera necesario diagramar un sitio web para la Fundación Jorge Toruño? 0

Si (21)

100%

No (0)

Se puede observar que el 100% de los encuestados considera necesario diagramar el sitio web para la Fundación Jorge Toruño.

4. Según su criterio ¿Cree que es necesario proponer un diseño del sitio web para dar a conocer la Fundación Jorge Toruño? 0%

Si (21)

El 100% de los encuestados cree necesario proponer un diseño del sitio web.

115

100%

Página

No (0)

8.3.3. Parte Semiológica:

5. Según su criterio, considera que los colores de Sitio Web son adecuados a la Fundación Jorge Toruño: 0% 15%

Muy Adecuados (18)

85%

Poco Adecuados (3) Nada adecuados (0)

El 85% de los encuestados considera adecuados los colores utilizados en el sitio web. Por lo tanto, no se hicieron modificaciones, solamente se eliminaron los degrades del fondo.

6. ¿Qué le transmite el color verde del primer banner dentro del sitio web? (Elija solo uno). 0% 3%

0% 7%

Felicidad (10) Estabilidad (8)

50%

Miedo (0) Poder (0)

Página

El 50% de los encuestados dice que el color del primer banner del sitio le transmite felicidad, sin embargo, al 3% de los encuestados les transmite otra emoción, entre ellas: esperanza, aprendizaje, juventud.

116

Otro (3)

7. ¿Qué le transmite el color Azul claro al verlo dentro del sitio web? (Elija solo uno). Seriedad (12) Calma (5)

0% 0%

Aburrido (3) Amistad (0)

55%

Juventud (0)

Al 55% de los encuestados les transmite la emoción de seriedad, mientras que al 3% la emoción de aburrimiento y el 1% otra emocion, la que es la sencillez.

8. ¿logra usted visualizar el logotipo de la Fundación Jorge Toruño inmediatamente después de ingresar al sitio web? 10%

90%

El 90% de los encuestados, logra visualizar el logotipo de la Fundación Jorge Toruño.

117

No (2)

Página

Si (19)

9. Según su criterio, ¿considera que la tipografía es? 0% 30%

Muy Legible (15)

70%

Poco Legible (6) Nada Legible (0)

El 70% de los encuestados considera que la tipografia es muy legible; sin embargo, se modificó la tipografia, por una mas legible y universal.

10.¿Considera que el diseño del banner es estético a la Fundación Jorge Toruño? 0% 30%

Estetico (15) Poco Estetico (6)

70%

Nada Estetico (0)

Página

118

El 70% de los encuestados considera que el diseño del banner es estético; sin embargo, no se hicieron cambios, ya que el cliente quedó satisfecho y no estuvo de acuerdo en cambiarlo; solamente se mejoró la gramática del texto.

11. ¿Considera que las fotografías utilizadas dentro del sitio web dan a conocer más acerca de la fundación? 15%

Si (18)

85%

No (3)

El 85% de los encuestados considera las fotografias que se utilizaron en el sitio web como adecuadas a la fundacion; pero se colocaron mas fotografias pertenecientes a la Fundación Jorge Toruño.

12. ¿Le fue fácil la lectura del texto dentro del sitio web? 10%

Si (19) 90%

119

El 90% de los encuestados cree que es de fácil lectura el texto del sitio web.

Página

No (2)

8.3.4. Parte Operativa:

13. ¿Le es fácil distinguir los botones de navegación? 5%

Si (20) No (1)

95%

Al 95% de los encuestados, le es fácil distinguir los botones de navegación.

14. ¿considera que es fácil visualizar los botones de las redes sociales (Facebook) dentro del sitio web? 15%

Si (18)

85%

No (3)

Página

120

El 85% de las personas encuestadas, pudo visualizar el botón de facebook dentro del sitio web; por lo que no hubo cambios, ya que se tomo en cuenta el espacio y posición del botos de facebook dentro del sitio web.

15. ¿Considera que la estructura del Sitio Web es dinámica y muestra información claramente relacionada con la Fundación Jorge Toruño? 2%

Si (19)

90%

No (2)

El 90% de las personas encuestadas está de acuerdo que la estructura del sitio web es dinámica y muestra información claramente relacionada con la Fundación Jorge Toruño.

16. Según su criterio, ¿cree que navegar dentro del Sitio Web es? 0% 10%

Facil (18) Poco Facil (3)

90%

Nada Facil (0)

Página

121

El criterio del 90% de los encuestados cree que navegar dentro del sitio web es fácil.

17. ¿Considera que el menú de navegación es apropiado para orientar a los usuarios en el uso del Sitio Web? 0% 20%

Mucho (17) Poco (4)

80%

Nada (0)

El 80% de los encuestados considera que el menú de navegación es apropiado para orientar a los usuarios en el uso del sitio web; sin embargo, lo único que se cambió fue la tipografía.

Página

122

(Ver Anexo C para ver fotografías de Validaciones.)

8.4. Cambios en base a Resultados:

Página

123

8.4.1. Antes de la página principal “Home”.

8.4.2. Después de la página principal “Home”.

8.4.3. Razonamiento. En la propuesta anterior, faltan tildes; además se muestran fotografía obtenidas de internet y de la fundación solamente, la tipografía varía. Se muestra entrecortado el logotipo menos resaltado y el texto, el layout inferior y el icono de Facebook. Así que, por comentarios de los expertos, se corrigieron las faltas

mejor resaltado.

Página

texto es más sencillo pero más legible y también se observa el logotipo

124

ortografías y gramaticales; asimismo, se incluyó una fotografía propia, el

Página

125

8.4.4. Antes de la Pagina “Quiénes Somos”.

8.4.5. Después, de la página “Quiénes Somos”.

8.4.6. Razonamiento. En la propuesta anterior se observó una página completamente diferente a esta, ya que se visualiza el texto en la parte inferior, con imágenes distintas y un texto diferente. En base a las sugerencias de los expertos, se decidió colocar de forma

Página

126

las sencilla, formal y legible el texto.

Asimismo, en esta sección de “Fundación”, por petición del cliente, se agregaron en distintos grupos de páginas,

para las secciones de:

“Quiénes somos, “misión y visión” y “desafíos”. Se puede observar una modificación de tipografía, ya que según los expertos, es recomendable para un sitio web, usar no más de 3 tipos de tipografía, ya que se puede ver recargada la página web y menos atractiva. Además, por sugerencia del grupo objetivo, era necesario un

Página

127

cambio de tipografía para que fuera legible.

Página

128

8.4.7. Antes, de la página “prográmas”.

8.4.8. Después, de la página “programas”.

8.4.9. Razonamiento. Antes, se puede observar un fondo en degradación, sin embargo en la propuesta final, se decidió quitar ese fondo y dejarlo blanco, para que se vea más espacioso y menos cargado. También se cambiaron algunas fotografías como sugerencia de los expertos, ya que las fotografías de la propuesta anterior, no daban a conocer las actividades de la fundación y sus programas, asimismo, se

Página

129

sugirió colocar fotografías propias o donadas por la fundación.

Página

130

8.4.10. Antes, de la pagina “Biografía”.

8.4.11. Después, de la pagina “Biografía”.

8.4.12.

Razonamiento.

Antes, se puede observar la tipografía de “Jorge Toruño”, que es diferente en ambas propuestas, sin embargo, se decidió cambiarla, ya que según las encuestas, era menos legible. Asimismo, también se cambió el fondo (ver inciso anterior). Se agregó “Padre Jorge Toruño”, ya que perteneció a la orden de la

Página

131

compañía de Jesús, además de ser su tratamiento adecuado.

Pรกgina

132

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.1 Dimensiones: El sitio web, consta de tres partes básicas en cada una de sus páginas, que son: El Header, el Body y el Layout. Las dimensiones son tomadas en píxeles, y son las mismas que se utilizaron para la propuesta preliminar: 980x780 px. 9.1.1 Medidas del sitio web:

980 px

7 8 0

Página

133

p x

9.1.2 Medidas del Header: 1 5 0 p x

980 px

1 5 0 p x

9.1.3 Dimensiones del Body:

980 px

6 3 0

6 3 0 p x

p x

Pรกgina

134

980 px

9.1.4 Dimensiones del Layout:

980 px

p x

135

p x

7 1

Pรกgina

7 1

980 px

Página

136

9.2 Propuesta gráfica final: “Home”.

Página

137

9.3 Propuesta gráfica fínal: “Quiénes Somos”.

Página

138

9.4 Propuesta gráfica fínal: “Misión y Visión”.

Página

139

9.5 Propuesta gráfica fínal: “Desafío”.

Página

140

9.6 Propuesta gráfica fínal: “Programas”.

Página

141

9.7 Propuesta gráfica fínal: “Biografía”.

Página

142

9.8 Propuesta gráfica fínal: “Contáctanos”

Pรกgina

143

Capítulo X: Producción, reproducción y distribución: 10.1 Plan de costos de elaboración: La elaboración del Sitio Web para la Fundación Jorge Toruño, se dividió en tres fases o trimestres: 1. Abril – Junio 2,011 •

Identificación de la problemática.

•

Establecimiento de los objetivos del Proyecto.

•

Elaboración del marco de referencia.

•

Definición del grupo objetivo.

•

Elaboración del marco teórico. 2. Julio – Septiembre 2,011

•

Conceptualización del Proyecto.

•

Bocetaje.

El tiempo trabajado se desglosa de la siguiente manera: Total de meses trabajados: 6 meses Total de de semanas trabajadas: 24 semanas Total de días trabajados: 120 días. Total de horas trabajadas: 480 horas. La hora promedio tiene valor de Q.25.00, El pago del día trabajado por4 horas, tiene valor de Q.100.00 Sumando solamente el tiempo trabajado para la elaboración del Sitio Web es: 6 meses/ 24 semanas/ 120 días/

Página

144

480 horas.

Tiempo.

Costo por hora/día/semana/mes.

480 horas

Q25.00 por hora

120 días

Q100 por día

24 Semana

Q500 por semana

6 meses

Q2000 por mes

Total de costo de elaboración.

10.2

Q12,000.00

Plan de costos de producción:

El plan de producción se llevó a cabo durante tres meses, de octubre hasta diciembre. Octubre – diciembre 2,011 •

Elaboración de la propuesta preliminar.

•

Validación técnica con el cliente, grupo objetivo y con expertos.

•

Elaboración de la propuesta final del proyecto.

El tiempo trabajado se desglosa de la siguiente manera: Total de meses trabajados: 3 meses Total de de semanas trabajadas: 15 semanas Total de días trabajados: 75 días. Total de horas trabajadas: 150 horas. Costo por hora/ día/ Semana /

150 horas

Q25.00 por hora

75 días

Q50.00 por día

15 semanas

Q250.00 por semana

3 meses

Q1250.00 por mes.

Total de costo de producción.

Q3,750.00

145

mes.

Página

Tiempo.

10.3 Plan de costos de reproducción: 10.3.1 Elemento a reproducir: Un sitio web para dar a conocer la función de la fundación Jorge Toruño, que promueve becas escolares a niños y jóvenes de escasos recursos. 10.3.2 Caracteristicas: El sitio Web consta de 7 páginas web, con desglose en la página de “La Fundación”, cada página consta de fotografías, a excepción de la última página web. El sitio web consta de 18 fotografías, un logotipo en cada página web, dos banner, 5 botones superiores de navegación, 5 enlaces inferiores, 3 botones de navegación en la página de “La Fundación”, 1 botón de Facebook, dos fotografías animadas. El sitio Web consta de 500 MB de almacenamiento y de ancho de banda aproximadamente 500 MB; sin embargo, se cotizó un hosting con 2.5 GB y de ancho de banda de 5 GB, ya que con el tiempo, el sitio web y puede creer y así se evitarán problemas de espacio. Además se espera que, mensualmente, el espacio del sitio web crezca aproximadamente 20 MB; el hosting y tiene un costo de $194.4 (Q1, 555.2) por año. (Ver Anexo D, cotización 1).

Dominio propio.

•

Permite eliminar la marca Wix del sitio web.

•

Permite eliminar la marca Wix del sitio móvil.

•

Google Analytics.

•

1 GB de almacenamiento.

•

1 GB de Ancho de banda.

•

Asistencia Premium.

•

Carrito de compras.

•

Almacenamiento 2GB.

Página

•

146

Según la cotización seleccionada, el contrato incluye:

•

Ancho de Banda 5GB.

•

Sitio móvil sin anuncios.

Se cotizó el dominio de - fundacionjt.com.gt – que tiene un costo de $40 (Q320) por año. (Ver Anexo D, cotización 2). 10.3.3 Formato de Reproducción. El Formato de reproducción del proyecto, será prototipos virtuales; que incluirá fotografías, texto y animaciones. Adicionalmente, más adelante se le podrá incluir alguna producción de audio y video.

10.4 Plan de costos de Distribución. 10.4.1 Elemento a distribuir: Un sitio web para dar a conocer la función de la Fundación Jorge Toruño, que promueve becas escolares a niños y jóvenes de escasos recursos. 10.4.2 Medio de distribución: Virtual por medio de internet. 10.4.3 Tiempo de distribución: El tiempo para adquirir el dominio es de aproximadamente 4 dias hábiles, sin embargo si hay problemas para registrar el dominio, este se puede extender hasta 30 días como máximo. 10.4.4 Publicacion en medios virtuales: El plan de distribución a través de los medios virtuales, es por medio de

En resumen, los costos de distribución van añadidos al costo de reproducción, ya que al adquirir el alojamiento en Wix, se otorga un

Página

publicidad en Facebook, que tendrá duración de un mes.

147

Facebook, ya que el contrato con Wix, otorga $50 (Q400) para

bono de regalo de $50, para uso en anuncios de Facebook. (Ver Anexo D, cotización 3).

10.5 Cuadro con resumen general de costos: 10.5.1 Costos de elaboración. Material Elaborado Sitio Web.

Formato de elaboración. HTML.

Tiempo de elaboración. 6 meses.

Costo de elaboración. Q12,000.00

10.5.2 Costos de producción: Material Producido. Sitio Web.

Formato de elaboración. HTML

Tiempo de producción. 3 meses.

Costo de producción. Q3,750.00

10.5.3 Costos de reproducción: Material a reproducir. Sitio Web.

Formato de Elementos Tiempo de Costo de elaboración. a cotizar. reproducción reproducción. Dominio Prototipos Web y 1 año Q1, 875.20 virtuales. Hosting en Wix. 10.5.4 Costos de Distribución:

Material a Distribuir. Sitio Web.

Formato de Elementos elaboración. a cotizar. Medios Anuncios virtuales. Facebook. (Facebook)

Tiempo de Distribución.

Costo de reproducción.

1 mes.

Q400.00

10.5.5 Total plan de Costos:

Página

148

Q18,025.20

Pรกgina

149

Capítulo XI: Conclusiones y recomendaciones: 11.1 Conclusiones: Se Diseñó un sitio web para dar a conocer las actividades benéficas de la Fundación Jorge Toruño que promueve a través de voluntarios y donaciones, becas escolares a niños y jóvenes de escasos recursos, tomando en cuenta las bases teóricas investigadas, los resultados obtenidos en las encuestas y el conocimiento adquirido durante la carrera de Comunicación y Diseño. Se investigó sobre las teorías, artes, tendencias, teorías y leyes relacionadas al Sitio Web, creado para la Fundación Jorge Toruño, para fundamentar el proyecto. Se recopiló la información necesaria del cliente, y con datos relevantes obtenidos de la Fundación; se colocaron en el sitio web y así las personas tuvieron más información sobre la Fundación Jorge Toruño, S.J. Se determinó la paleta de colores y se consiguió la unidad de la imagen corporativa con la institución, que dio como resultado una coherencia entre los colores de la Fundación Jorge Toruño, S.J, y el diseño propuesto del sitio web. Se diagramó el sitio web y se generó una composición ordenada y se distribuyeron de forma coherente los objetos e información obtenida de la Fundación Jorge Toruño.

texto; ya que son fuentes universales y fáciles de leer.

Página

web era la “Noir-et-blanc, para los subtítulos y Arial para el resto de

150

Se determinó que las mejores tipografías que se adecuaban para el sitio

11.2 Recomendaciones: Que se actualice constantemente la información de la Fundación, para que el público objetivo se informe constantemente sobre las actividades de la Fundación Jorge Toruño.

Estar al tanto de la tendencia de colores y tipografía, para actualizarlos en el sitio web, y así rediseñar un sitio agradable y coherente con los colores corporativos de la Fundación Jorge Toruño, S.J.

Crear una cuenta en twitter para ampliar la información de la Fundación Jorge Toruño.

Crear un catálogo de fotografías pertenecientes a la Fundación y tener

Página

151

suficiente material para actualizar el sitio web, constantemente.

Pรกgina

152

Capítulo XII: Conocimiento General: “El diseño de una página Web tiene la esencial misión de vincular al usuario con el vasto mundo informativo, de un modo agradable y eficiente. Los contenidos no estandarizados dentro del Web y las facilidades que brinda la hipermedia permiten, además de acceder a la información de un modo entretenido, satisfacer los requerimientos y gustos de los más disímiles usuarios. El sitio web debe diseñarse y programarse subordinando el software al control del usuario, a sus requerimientos organizativos y a sus niveles cognoscitivos. Las

herramientas

utilizar

(imágenes

estáticas

animadas, iconos, vínculos, etc.) por el usuario deben ser claras y fáciles de manejar.” 65 El diseñar un sitio web, requiere de cratividad para no caer en la tendencia de hacer los mismo, se debe tener imaginacion y sensibilidad para lograr algo impactante pero tambien funcional. Para lograr crear de manera eficiente el sitio web, el diseñador, debe tomar el cuenta varias etapas basicas: 1. Investigar sobre temas relacionados al sitio web, 2. Recolectar informacion del cliente, 3. Definir el perfil de la audiencia, 4. Analizar la estructura del sitio web,

layout, logos, banners, etc), 65

http://antiguo.itson.mx/dii/jgaxiola/articulos/diseno_web.html

Página

6. Bocetar todo lo relacionado al sitio web (fotografias, tipografias,

153

5. Seleccionar la informacion que se colocara,

7. Crear un prototipo virtual para su experimentacion tanto con el grupo objetivo, conocedores del tema y el cliente, 8. Realizar prototipo final, 9. Determinar medios de distribucion para publicidad, 10. Supervision de la informacion del sitio web. Llevar a cabo cada una de esas actividades, requiere conocimientos tanto en el area comunicativa como en el area de diseño grafico; por supuesto tambien de diseño web y programacion. Areas, en las cuales la carrera en Comunicación y Diseño, ha desarrollado para nuestro

Página

154

aprendizaje.

Pรกgina

155

Capítulo XIII: Referencias: 13.1 Bibliografía: ESTRADA, L. J. (Enero de 2010). DISEÑO DE SITIO WEB PARA PROMOVER LOS PRINCIPIOS CRISTIANOS, EN JÓVENES COMPRENDIDOS ENTRE LOS 18 A 25 AÑOS DE EDAD. IGLESIA NAZARET NORTE. 214. Guatemala, Guatemala, Guatemala: Tesis. Mclean, R. (1987). Manual de Tipografía. Madrid, España: Herman Blume. Morris, B. (1997). HTML Avanzado. Madrid, España: MCGRAW-HILL. Perez, P., & Solanas, I. (2006). Incidencias de los estilos de Vida en la publicidad y el Marketing. Barcelona. Recuperado el 23 de Septiembre de 2011, de www.raco.cat: http://www.raco.cat/index.php/tripodos/article/viewFile/40001/40076

13.2 Biblioweb: (s.f.). Recuperado el 26 de Febrero de 2012, de www.tiposde.com: http://www.tiposde.com/ciencia/fuentesinformacion/tipos-de-fuentesinformacion.html Instituto Nacional de Estadística, INE. Encuesta Nacional de Condiciones de Vida, ENCOVI - 2006. (Septiembre de 2006). ine.gob.gt. Recuperado el 01 de Julio de 2011, de http://www.ine.gob.gt/np/encovi/ENCOVI2006/Resultados_Nacionales.pdf Anonimo. (2012). Wikipedia. Recuperado el 27 de Marzo de 2012, de es.wikipedia.org: http://es.wikipedia.org/wiki/Arte#Disciplinas_art.C3.ADsticas Anonimo. (s.f.). Universia España. Recuperado el 16 de Noviembre de 2012, de http://becas.universia.es/es/index.jsp: http://becas.universia.es/ES/noticiaReportaje/97/que-es-beca.html

Buibe. (23 de Septiembre de 2011). www.buibee.com. Recuperado el 26 de Marzo de 2012, de http://www.buibee.com/blog/2011/02/02/top-10-tendencias-disenoweb-2011/

Página

Beltrán, F. (20 de Septiembre de 2006). www.grupoCCEA.info. Recuperado el 16 de Enero de 2012, de Grupo CCEA, Capacitación en Computación S.C.: http://www.grupoccea.info/Biblioteca/Apuntes/D_semiotica.pdf

156

Bab Software Applications S.L. (2009). www.bab-soft.com. Recuperado el 08 de Marzo de 2012, de http://www.babsoft.com/es/diseno_desarrollo_aplicaciones_web.php

Centro Nacional de Analisis y Documentacion Judicial. (18 de Febrero de 2003). www.oj.gob.gt. Recuperado el 23 de Septiembre de 2011, de CENADOJ: http://www.oj.gob.gt/es/QueEsOJ/EstructuraOJ/UnidadesAdministrativas/CentroAnalisi sDocumentacionJudicial/cds/CDs%20leyes/2003/Leyes%20en%20PDF/Decretos%202 003/Decreto%2002-2003.pdf Código de Trabajo Guatemala. (s.f.). www.mintrabajo.gob.gt. Recuperado el 03 de Marzo de 2012, de http://www.mintrabajo.gob.gt/images/stories/ArticulosPDF/Leyes_y_Convenios /Ordinarias/CODIGO_DE_TRABAJO_DE_GUATEMALA_SEPT2011.pdf Conectu. (s.f.). www.conectu.com. Recuperado el 02 de Agosto de 2011, de http://www.conectu.com/v4/es_articulos.php?a=105 Cortese, A. (s.f.). Tecnicas de Estudio. Recuperado el 26 de Febrero de 2012, de http://www.tecnicas-de-estudio.org: http://www.tecnicas-deestudio.org/investigacion/investigacion37.htm Costa, J. (16 de Abril de 2007). www.komunika.info. Recuperado el 16 de Enero de 2012, de http://www.komunika.info/artculos/com-comercial/diseoproducto/hacia-una-sociologia-critica-del-diseno/ Definición ABC. (2007). http://www.definicionabc.com/. Recuperado el 18 de Junio de 2013, de http://www.definicionabc.com/economia/recursos.php DEFINICION ABC. (08 de Marzo de 2012). www.definicionabc.com. Recuperado el 27 de Marzo de 2012, de http://www.definicionabc.com/economia/recursos.php definicion.de. (2008). definicion.de . Recuperado el 27 de Marzo de 2012, de http://definicion.de Definición.de. (2008). http://definicion.de/. Recuperado el 17 de Junio de 2013, de http://definicion.de/abundancia/ Definición.de. (2008). http://definicion.de/. Recuperado el 17 de Junio de 2013, de http://definicion.de/pobreza/ Definición.de. (2008). http://definicion.de/. Recuperado el 17 de Junio de 2013, de http://definicion.de/linguistica/ Definición.de. (2008). http://definicion.de/. Recuperado el 17 de Junio de 2013, de http://definicion.de/semiologia/

Definición.de. (s.f.). www.definicion.de. Recuperado el 17 de Junio de 2013, de http://definicion.de/conocimiento/

Página

Definición.de. (2008). www.definicion.de. Recuperado el 17 de Junio de 2013, de http://definicion.de/benefactor/#ixzz2TUJtKLSX

157

Definición.de. (2008). http://definicion.de/. Recuperado el 17 de Junio de 2013, de http://definicion.de/semiotica/

Definición.es . (2008). http://definicion.de/. Recuperado el 17 de Junio de 2013, de http://definicion.de/psicologia/ deperu.com. (2012). www.deperu.com. Recuperado el 08 de Marzo de 2012, de http://www.deperu.com/abc/diseno/270/tipos-de-diseno Diaz, J. L. (s.f.). bibliotecadigital.ilce.edu.mx. Recuperado el 24 de Marzo de 2012, de http://bibliotecadigital.ilce.edu.mx/sites/ciencia/volumen3/ciencia3/152/htm/sec _11.htm Diccionario de Medicina VOX. (2012). Doctissimo. Recuperado el 08 de Marzo de 2012, de salud.doctissimo.es: http://salud.doctissimo.es/diccionariomedico/adulto.html Enciclopedia Juridica. (s.f.). www.enciclopedia-juridica.biz14.com. Recuperado el 17 de Junio de 2013, de http://www.enciclopedia-juridica.biz14.com/d/fundacionesconcepto-clases-y-regimen-vigente/fundaciones-concepto-clases-y-regimenvigente.htm Encuesta Nacional de Condiciones de Vida -ENVOV-. (Noviembre de 2011). Instituto Nacional de Estadistica. Recuperado el 03 de Marzo de 2012, de ine.gob.gt: http://www.ine.gob.gt/np/encovi/documentos/Pobreza%20y%20Desarrollo%202 011.pdf Española, D. M. (2007). http://es.thefreedictionary.com. Recuperado el 08 de Marzo de 2012, de The free dictionary: http://es.thefreedictionary.com/conocer Española, R. A. (s.f.). http://lema.rae.es/. Recuperado el 16 de Mayo de 2013, de http://lema.rae.es/drae/?val=actividad. Facebook. (s.f.). www.facebook.com. Recuperado el 27 de Marzo de 2012, de https://www.facebook.com/help/?page=219791638048948 guatemalaviajes.com. (s.f.). Recuperado el 26 de Marzo de 2012, de http://www.guatemalaviajes.com/guatemalaciudad.htm http://www.economia48.com/spa/d/escasez/escasez.htm. (s.f.). www.mimi.hu. Recuperado el 08 de Marzo de 2012, de http://es.mimi.hu/economia/escasez.html

Página

Iborquiza, M. (27 de Octubre de 2009). Blogspot.com. Recuperado el 27 de Marzo de 2012, de maximilianoiborquiza.blogspot.com: http://maximilianoiborquiza.blogspot.com/2009/10/que-es-la-antropoligia-deldiseno.html

158

http://www.uch.edu.ar/rrhh. (Julio de 2002). Gestiopolis. Recuperado el 19 de Febrero de 2012, de www.gestiopolis.com: http://www.gestiopolis.com/recursos/documentos/fulldocs/mar/tipencuch.htm

Internet Networks S.A. de C.V. (2011). internetworks. Recuperado el 08 de Marzo de 2012, de www.internetworks.com.mx: http://www.internetworks.com.mx/dominios/que-es-un-dominio.asp Klaine, V. (s.f.). segmento.itam.mx. Recuperado el 29 de Septiembre de 2011, de segmento: http://segmento.itam.mx/Administrador/Uploader/material/Segmentacion%20Ps icografica,%20Conociendo%20al%20Consumidor.PDF LogoHispano. (s.f.). www.logotipos.com.mx. Recuperado el 25 de Enero de 2012, de http://www.logotipos.com.mx/recursos/color/cafe.html Medina, M. C. (s.f.). www.monografias.com. Recuperado el 02 de Febrero de 2012, de Monografias.com S.A.: http://www.monografias.com/trabajos59/tiposinvestigacion/tipos-investigacion2.shtml#xenfoq MiMi.hu . (s.f.). http://es.mimi.hu/index.html. Recuperado el 17 de Junio de 2013, de http://es.mimi.hu/economia/escasez.html Moreno, L. (23 de Septiembre de 2003). www.desarrolloweb.com. Recuperado el 08 de Marzo de 2012, de http://www.desarrolloweb.com/articulos/1277.php Noreñá, G. L. (s.f.). www.eumed.net. Obtenido de Enciclopedia Virtual: http://www.eumed.net/libros/2010e/831/TEORIA%20DE%20LA%20IN FORMACION%20y%20LA%20TEORIA%20DE%20LA%20COMUNI CACION.htm Ochoa, L. D. (s.f.). itson.mx. Recuperado el 26 de Marzo de 2012, de http://biblioteca.itson.mx/oa/ciencias_administrativa/oa17/tipos_organigramas/p 3.htm quequieredecir. (2011). quequieredecir.org. Recuperado el 18 de Marzo de 2012, de http://www.quequieredecir.org/promover/ Real Academia Española. (s.f.). Diccionario de la Real academia Española, Vigésima segunda edición. Recuperado el 17 de Junio de 2013, de www.rae.es: http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=donacion Real Academia Española. (s.f.). Diccionario de la Real Academia Española, 22. Recuperado el 17 de Junio de 2013, de www.rae.es: http://buscon.rae.es/drae/?type=3&val=fundacion&val_aux=&origen=REDRAE

Página

Real Academia Española. (s.f.). Diccionario de la Real Academia Española, Vigésima segunda edición. Recuperado el 17 de Junio de 2013, de www.rae.es: http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=donacion

159

Real Academia Española. (s.f.). rae.es. Recuperado el 13 de Junio de 2013, de http://lema.rae.es/drae/?val=actividad Real Academia Española. (s.f.). www.rae.es. Recuperado el 17 de Junio de 2013, de Diccionario de la lengua española: http://lema.rae.es/drae/?val=actividad Real Academia Española. (s.f.). www.rae.es. Recuperado el 17 de Junio de 2013, de rae.es: http://buscon.rae.es/draeI/SrvltConsulta?TIPO_BUS=3&LEMA=conocimiento Ronda León, R., & Guerra, A. (Julio de 1999). Instituto Tecnologico de Sonora. Recuperado el 10 de Abril de 2013, de http://www.itson.mx/: http://antiguo.itson.mx/dii/jgaxiola/articulos/diseno_web.html sucet. (s.f.). Recuperado el 27 de Marzo de 2012, de http://teocomsu.net84.net/2_3.html The free dictionary by Farlex. (2007). http://es.thefreedictionary.com. Recuperado el 17 de Junio de 2013, de http://es.thefreedictionary.com/conocer Toribio, G. M. (s.f.). es.scribd.com. Recuperado el 23 de Septiembre de 2011, de http://es.scribd.com/doc/20999405/MARKETING-ONLINE-CLASESSOCIALES-Y-ESTILOS-DE-VIDA Unicef Guatemala. (2011). www.unicef.org. Recuperado el 12 de Marzo de 2012, de http://www.unicef.org/guatemala/spanish/recursos_22872.htm Universia España. (27 de Marzo de 2007). http://www.universia.es. Recuperado el 17 de Junio de 2013, de http://becas.universia.es/ES/noticiaReportaje/97/que-esbeca.html Villa Navarro, J. (Abril de 2009). Nuevas tecnologías aplicadas a la educación . Recuperado el 17 de Junio de 2013, de Blogspot.com: http://joaquinvillanavarro.blogspot.com/2009/04/mapas-conceptuales.html Wix. (2006). Wix. Recuperado el 27 de Marzo de 2012, de http://es.wix.com/upgrade/website#!page-2 Word Reference. (2005). www.WordReference.com. Recuperado el 17 de Junio de 2013, de http://www.wordreference.com/definicion/promoci%C3%B3n

Página

Zuluaga, U. H. (06 de Junio de 2007). comunicacionycultura.espacioblog.com. Recuperado el 26 de Marzo de 2012, de http://comunicacionycultura.espacioblog.com/post/2007/06/06/-modeloshannon-y-weaver-1948-claude-e-shannon-2

160

www.significado-colores.com. (30 de Marzo de 2009). Recuperado el 25 de Enero de 2012, de http://www.significado-colores.com/2009/03/significado-colorcafe.html

Pรกgina

161

Capitulo XIV. Anexos.

Página

162

14. 1 Anexo A. Antecedentes de Diseño. 14.1.1 Logotipos.

163

Otros Artes.

Pรกgina

14.1.2

14.1.3 Fotografías Recopiladas o Tomadas.

Tomada Por Grislenny Palma 1

Página

164

Obtenida de la Fundación Jorge Toruño 1

Obtenida de la Fundación Jorge Toruño 2

Tomada Por Grislenny Palma 2

Página

165

Obtenida de la Fundación Jorge Toruño 3

P谩gina

166

14.2 Anexo B. Instrumento de Validaci贸n.

Pรกgina

167

Pรกgina

168

Pรกgina

169

14.3 Anexo C. Fotografías de Validación. Justificación: Algunas de las Encuestas, fueron hechas a través de medio virtuales, como Facebook, Google Drive y Email, esto porque era

Página

170

más sencillo para los validadores y encuestados.

Pรกgina

171

Pรกgina

172

14.4 Anexo D. Cotizaciones.

P谩gina

173

Cotizaci贸n 1

P谩gina

174

Cotizaci贸n 2

P谩gina

175

Cotizaci贸n 3

Pรกgina

176