1
2
3
AGRADECI MIENTOS Principalmente al maestro Mauricio Sánchez por su participación y colaboración en el proyecto, por compartir su gran conocimiento y darnos lecciones de vida que, para bien o para mal fueron de gran impacto en nuestra vida tanto personal como laboral. A nuestros padres: Que fueron un gran apoyo incondicional, nos ayudaron a enfrentar los momentos más difíciles de la vida, su cariño y esfuerzo nos motivaron a no abandonar nunca nuestros objetivos, y su orgullo de ver que sus hijos están alcanzando sus sueños nos llena de una inmensa alegría. Los amamos. A nuestros Instructores: Ya que fueron un pilar importante en nuestra carrera, nos compartieron sus conocimientos, sus experiencias y cada día se esforzaban por vernos crecer como personas. Muchas gracias por tenernos la suficiente paciencia, por siempre estar ahí para resolver nuestras dudas y siempre hacernos sentir que estábamos hablando con un amigo. A nuestros compañeros: Por los momentos compartidos en el proceso de formación. Gracias a los que siempre estuvieron pendientes del bienestar del grupo, a los que sin problema promovían el dialogo para un ambiente mucho más agradable. Gracias por la unión que se sintió y por cada una de las sonrisas.
4
RESUMEN El proyecto Altavista fue creado por 3 estudiantes del Sena CTMA, la idea principalmente surgió por el hecho de que uno de los estudiantes es habitante del sector, este al platicarle a sus compañeros de su lugar de residencia, se enteró de que el lugar era sumamente rechazado y estigmatizado por su nivel de violencia, a parte de las malas noticias que rodean el sector. Por esta razón se tomó la decisión de un proyecto final en el cuál se aclare que en este sector es mucho más que violencia. En este sector brilla el arte, el talento y el deporte. Pero sobre todo cautiva con la increíble belleza de la naturaleza que lo-rodea, llena de árboles, animales y vida. Finalmente llevamos a cabo el proyecto y estamos muy felices con los resultados. Altavista sin duda es uno de los lugares mas hermosos de Medellín y toda su popularidad debería ser gracias a ello, y no a un sólo lado de violencia.
5
Indice ice Introducción General
CAPÍTULO
CAPÍTULO
1 2
El Problema - Planteamiento del problema - Objetivos generales / Específicos - Delimitación del proyecto
Marco Teórico - Bases teóricas - Comunicación - Multimedia - La fotografía - La entrevista - Inclusión Social - Tecnología (Pros y contras)
6
La propuesta -Tipología -Wireframes -Diseño de interfaces web
3 CAPÍTULO
-Tipografías
CAPÍTULO
4
Marco metodológico -Plus -Dofa -Personalidad -Encuesta y análisis -Aplicaciones
Análisis de datos -Tareas realizadas por los usuarios -Percepción -Opinión general
5 Manual de marca
7
INTRODUCCIÓN El presente proyecto, se llevó a cabo a través de una encuesta en linea, y una investigación que nos brindo toda la información para poder llevar a cabo el proyecto. En el sector Belén Altavista, ubicado en la ciudad de Medellín, se enfrentan algunas de las bandas mas temidas de Medellín por control de territorio, posesión de armas y técnicas de extorsión, pero... ¿Es este sector un lugar en el cual la violencia día a día afecta la calidad de vida, el desarrollo personal y la convivencia entre las personas que habitan este sector? Nuestro objetivo es desmentir esta supuesta realidad que se vive en este sector, quitar esa imagen que por culpa de las noticias meramente amarillistas Altavista tiene una estigmatización hace muchos años. Estamos convencidos de tener excelentes resultados gracias a la orientación recibida por nuestros instructores y por el apoyo que nos brinda la institución Sena.
8
9
CapĂtulo 1 El Problema 10
Planteamiento del
PROBLEMA Altavista siempre ha sido estigmatizada por la violencia desde que grupos delincuenciales operan en el sector, las altas tazas de asesinatos, secuestros, robos y amenazas, dieron luz verde a los periódicos amarillistas para publicar todo tipo de cosas que pasaban, convirtiendo al sector en un lugar peligroso para todo lector de dichos periódicos. Hasta el día de hoy Altavista sigue siendo para muchos un sector violento, despiadado y poco transitable. Y si, puede que sea cierto que en Altavista aún hayan homicidios, aún se generen peleas y se reciban amenazas, pero, ¿Es esta la única cara de Altavista?, ¿Todo en el sector es violencia y sangre?. La respuesta la podemos obtener única y exclusivamente de los mismos habitantes del sector, son los que han tenido la experiencia de vivir en carne propia cada momento positivo o negativo en el barrio. Solo las voces de estas personas pueden contar la realidad de la convivencia y pueden sacar de duda a todos los que ignoran la felicidad, la alegría, la paz y el amor que se vive día a día en Altavista.
11
Objetivos Demostrar que en Altavista hay más cultura que violencia a través de métodos gráficos y/o digitales, identificando las cualidades del sector y así llevar a cabo un proyecto que convenza al lector que Altavista no es un lugar solo de violencia. -Identificar las cualidades positivas que ofrece Altavista -Investigar a fondo la historia y la cultura del sector. -Identificar las actividades más destacadas en Altavista -Investigar personajes y hechos destacados en Altavista -Informar al público por medio de campañas gráficas y/o web los buenos acontecimientos en el sector. -Realización de sitio web. -Realización de campañas publicitarias. “Para nosotros en realidad lo mas importante siempre es destacar la buena actitud, la buena energía y la increíble e inmensa amabilidad con la que nos recibieron los habitantes de este sector. Siempre hay que ver el otro lado de la moneda”
12
Delimitación El proyecto inicia en la ciudad de Medellín, Antioquia. En el sector de Belén está ubicada el corregimiento de Altavista, es justo ahí donde este proyecto se enfoca y abarca toda la zona, enfocándose en sus dos contrastes, la zona urbana y la zona rural. El proyecto abarca el territorio con el ma principal. Buscando entrevistas, con la gente del sector, dándonos una na y así tener las pruebas justificables
fin de justificar y resolver el probletomando fotografías y socializando idea muy certera de su vida cotidiade la validez del proyecto en general.
Luego de las diferentes pruebas audiovisuales, fotográficas y análogas se lleva a cabo un estudio de la zona para darnos una idea de la linea gráfica que el proyecto va a ofrecer. También decidimos incluir los lugares mas icónicos del sector, los cuales están distribuidos por todo el corregimiento
13
14
Capítulo
2
Marco Teórico
15
Bases Teóricas Comunicación En el sector de Altavista fue demasiado fácil tener una buena interactividad con sus habitantes, ya que ellos inspiran una confianza gigante al momento de hablar, de preguntar, y resolver dudas que nos puedan ser útiles para el seguimiento del proyecto. La interactividad en el sector de Altavista no es nada diferente a la de cualquier parte de Medellín, la gente sale en las mañanas, hacen deporte, hacen sus compras y salen a sus trabajos. Es bastante común ver a la gente saludarse entre ellos ya que al ser un sector con una población no tan alta la gente se conoce bastante bien. En las tardes es normal ver familias en la plazoleta ubicada en frente de la casa de gobierno, personas paseando sus mascotas, montando bicicleta, haciendo deporte e incluso disfrutando un rato en compañía, o, aprovechando el tiempo y la calma para leer, cantar, tocar algún instrumento o simplemente dormir.
16
Multimedia El término multimedia hace referencia a cualquier objeto o sistema que utiliza múltiples medios de expresión físicos o digitales para presentar o comunicar información. De allí la expresión multimedia. Los medios pueden ser variados, desde texto e imágenes, hasta animación, sonido, vídeo, etc. También se puede calificar como multimedia a los medios electrónicos u otros medios que permiten almacenar y presentar contenido multimedia. Multimedia es similar al empleo tradicional de medios mixtos en las artes plásticas, pero con un alcance más amplio. Se habla de multimedia interactiva, cuando el usuario tiene libre control sobre la presentación de los contenidos, acerca de qué es lo que desea ver y cuándo; a diferencia de una presentación directa, en la que es forzado a visualizar contenido en un orden predeterminado.
17
La fotografía Es el arte y la técnica de obtener imágenes duraderas debido a la acción de la luz. Es el proceso de proyectar imágenes y capturarlas, bien por medio del fijado en un medio sensible a la luz o por la conversión en señales electrónicas. Basándose en el principio de la cámara oscura, se proyecta una imagen captada por un pequeño agujero sobre una superficie, de tal forma que el tamaño de la imagen queda reducido. Para capturar y guardar esta imagen, las cámaras fotográficas utilizan película sensible para la fotografía analógica, mientras que en la fotografía digital se emplean sensores CCD, CMOS y memorias digitales. La cámara oscura es el dispositivo formador de la imagen, mientras que la película fotográfica o el sensor electrónico se encargan de captarla. El almacenamiento de las imágenes capturadas depende del tipo de cámara, quedando guardadas en la misma película si se trata de máquinas clásicas, o en algún dispositivo de memoria en las digitales. En este último caso, la imagen resultante se almacena electrónicamente como información digital, pudiendo ser visualizada en una pantalla o reproducida en papel o en película. Para realizar una toma, el fotógrafo configura previamente la cámara y la lente con el fin de ajustar la calidad de la imagen lumínica a ser proyectada sobre el material fotosensible. Al dispararse el obturador, dicho material es finalmente expuesto, provocando en él alteraciones químicas o físicas que constituyen una “imagen latente”, aún no visible pero
18
La entrevista Una entrevista es un diálogo entablado entre dos o más personas: el entrevistador interroga y el que contesta es el entrevistado. La palabra entrevista deriva del latín que significa “Los que van entre sí”. Se trata de una técnica empleada para diversos motivos, investigación, medicina y selección de personal. Una entrevista no es casual sino es un diálogo interesado con un acuerdo previo e intereses y expectativas por ambas partes. “La entrevista es la más pública de las conversaciones privadas. Funciona con todas las reglas del diálogo privado, pero está construida para el ámbito público. locutores, y en la que uno tiene La entrevista también puede significar mucho para el derecho de preguntar y el otro de ser otras personas, ya que les pueden servir para conoescuchado”. cer a figuras de cierta relevancia o prestigio social.
19
20
¿Qué es?
Objetivo
Es la tendencia a posibilitar que personas en riesgo de pobreza o de exclusión social tengan la oportunidad de participar de manera plena en la vida social, y así puedan disfrutar de un nivel de vida adecuado.
El objetivo de la inclusión social es precisamente mejorar de manera integral las condiciones de vida de los individuos, para ofrecerles las mismas oportunidades educativas, laborales y económicas de las que disfruta el resto de la sociedad.
La inclusión social se preocupa especialmente por personas o grupos de personas que se encuentran en situaciones de carencia, segregación o marginación.
Inclusión social, pues, significa acceso al sistema educativo y de salud, oportunidades de trabajo, la posibilidad de tener una vivienda digna, seguridad ciudadana, etc.
La inclusión social se preocupa especialmente por personas o grupos de personas que se encuentran en situaciones de carencia, segregación o marginación.
En suma, lo que persigue la inclusión social es que todos los ciudadanos, independientemente de su origen o condición, puedan gozar plenamente de sus derechos, desarrollar sus potencialidades como individuos, y aprovechar al máximo las oportunidades para vivir en bienestar.
Son especialmente susceptibles de exclusión personas o grupos de personas en situación de precariedad o pertenecientes a un colectivo particularmente estigmatizado, bien por su origen (pertenencia a determinado grupo étnico o religioso), género (hombre o mujer), condición física (discapacidades), u orientación sexual, entre otras cosas.
Por esta razón, es importante que los gobiernos, en coordinación con los organismos internacionales, como la Unesco, la ONU o la Unión Europea, creen e implementen políticas y programas que fomenten la inclusión social.
“No necesitamos tener armas para ser fuertes sino con nuestra unidad podemos hacer cosas más grandes”
21
22
Ventajas
Desventajas
- Mejora la productividad industrial y el aprovechamiento de los recursos
- Eliminación de puestos de trabajo en los que la mano humana ha sido sustituida por robots
- Automatiza y acelera procesos (Industry 4.0)
- Problemas de salud derivados del abuso de los dispositivos tecnológicos
- Da acceso a información y facilita su análisis y procesamiento (Big data) - Permite procesos de calidad más exhaustivos - Da soluciones revolucionarias en el campo de la Salud y la Ciencia - Facilita la colaboración en comunidades colaborativas - Abre la posibilidad de usos de programas y sistemas de software libre - Lo global es también local, y viceversa - La inmediatez aumenta la efectividad en la respuesta - Facilita las comunicaciones y el intercambio de información
- Disminución de la necesidad de interacción humana para resolver dudas -
- Desaparición del factor experiencial en algunas actividades - Incentiva el aislamiento social y la falta de empatía - Aumenta los problemas de marginación de los grupos que no pueden acceder a las nuevas innovaciones - La inmediatez incita a un consumo desmesurado - Crea una brecha generacional en el mundo laboral - Promueve la obsolescencia programada
- Se usa con fines sostenibles que promuevan las energías renovables
- Abusa de recursos naturales necesarios para los dispositivos tecnológicos
- Facilita el uso de transportes e infraestructuras menos contaminantes
- Usa la explotación laboral para obtener los recursos minerales necesarios
23
24
25
TIPOLOGÍA Altavista roba sonrisas cuenta con un sitio web el cual le permite a los usuarios conocer más a fondo sobre que trata este proyecto, contiene una galería para que las personas conozcan algunos lugares de este sector, además de contar con un chat y formulario por los cuales se pueden comunicar con nosotros para resolver alguna inquietud que tengan, y un mapa que les brinda la información de cómo llegar a este lugar.
Blueprint ALTAVISTA
INICIO
NOSOTROS
GALERÍA
Introducción
Integrantes
Fotografías
Historia
26
CONTACTO
Mapa Formulario
wireframe INICIO En este menú se podrá encontrar un slider, una introducción sobre el proyecto y algunas imagenes.
NOSOTROS Se encontrará una fotografía de los integrantes del proyecto y con la historia sobre este.
27
wireframe galería Este menú contara con fotografías del sector de altavista.
28
contacto En este menú abra con mapa que le brindara al usuario la información de como llegar al sector, además de un formulariode contacto.
NOSOTROS
INICIO
i n t e r f a z 29
galerĂa
contacto
30
i n t e r f a z
31
TIPOGRAFÍA La familia tipográfica que se usó para realizar este sitio web fue Verdana.
Verdana Regular abcdefghijklmnñop qrstvwxyz abcdefghijklmnñop qrstuvwxyz 123456789 .,“*(){}¡!+-/
Verdana Bold abcdefghijklmnño pqrstvwxyz abcdefghijklmnñ opqrstuvwxyz 123456789 .,“*(){}¡!+-/
32
Verdana Italic abcdefghijklmnño pqrstvwxyz abcdefghijklmnñ opqrstuvwxyz 123456789 .,“*(){}¡!+-/
Verdana Bold Italic abcdefghijklmnño pqrstvwxyz abcdefghijklmnñ opqrstuvwxyz 123456789 .,“*(){}¡!+-/
33
34
35
PLUS Este proyecto busca dar a conocerel sector de Altavista y sus diferentes culturas o lo que la hace especial y/o diferentes al público que lo estigmatiza, se quiere demostrar que estas personas no son como todos las creemos, que son más de lo que podemos ver a simple vista y podemos aprovechar el potencial de estas para así conseguir que sean reconocidas ante todos, no como un mal si no como un bien social.
D.O.F.A DEBILIDADES Falta de recursos económicos y tecnológicos. Poca capacitación.
36
OPORTUNIDADES Hacer de nuestro proyecto un ejemplo de solución social y que este tenga tal aceptación que el gobierno lo acoja.
FORTALEZAS
AMENAZAS
Buena comunicación, trabajo en equipo y facilidad de acceso.
Plagio por gente con más fama y recursos.
PERSONALIDAD Nuestro proyecto tiene como objetivo capturar las emociones del público, dando un trato digno a las personas de Altavista y haciéndolas sentir parte fundamental del proyecto. Lograr una colaboración interna entre los habitantes de Altavista y así permitir mostrarle al público los cambios que se han logrado obtener. Contar versiones de la historia de Altavista dichas por sus propios habitantes y de esta forma hacer que el público tenga más afecto con las personas que a su vez le darán su aprobación al proyecto.
37
ENCUESTA Y ¿Conoce usted el sector de Belén Altavista?
¿Qué lugares de Altavista conoce?
¿Sabe dónde está ubicado? 8%
¿Ha visto usted alguna vez un vídeo musical, de danza o alguna otra manifestación artística llevada a cabo en uno de estos lugares? ¿Cuál es su percepción de Altavista? •No tengo una apreciación negativa, no he tenido la oportunidad de conocer •Lejanía •Altavista es un lugar de paz que a pesar de los conflictos trata de salir adelante con sus proyectos y actos culturales •No lo conozco •No lo conozco pero se identifica como un barrio peligroso •Progresiva y educativa •No conozco •Es un lugar desconocido pero por lo que he escuchado aunque haya mucha violencia también hay cosas lindas •Muy peligroso
38
No Sí
92%
¿Qué eventos o festivales que se realizan en Altavista conoce?
ANALISIS ¿Cree usted que Altavista puede llegar a ser un sitio turístico? ¿Por qué?
¿Este proyecto le ayudo a cambiar su percepción sobre el sector de Altavista? ¿Por qué?
9%
No Sí (en blanco)
91%
•Tiene mucha fauna y flora •Es un lugar donde se pueden encontrar •cantidad de artistas •Por su buena vista y lugares de recreación •El evento de las cometas es algo muy hermoso •Por los eventos artísticos que contiene
¿Vive usted en una zona estigmatizada por la violencia? ¿Cuál? Con la realización de esta encuesta se pudo observar que pocas personas tienen conocimiento sobre el sector de altavista, la mayoría conoce su ubicación, pero no saben nada sobre este lugar; lo cual hace que tengan una percepción errada de este sector ya que lo poco que han escuchado son cosas malas. Sin embargo al hablarles sobre nuestro proyecto y contarles sobre los festivales y fiestas que se realizan en este lugar, además de los lugares culturales que se pueden encontrar, las personas comenzaron a tener otra perspectiva de Altavista, ya que esto es lo que buscamos lograr con este proyecto; buscamos mostrar que Altavista no solo es violencia, sino que también es arte, cultura, diversidad y alegría.
39
Aplicaciones
40
41
42
43
Tareas Realizadas por los usuarios La tarea realizada por el usuario basicamente se basó en una actividad que tenia como objetivo enseñar los pasos para hacer una cometa, simbolizando así el festival de cometas que se celebra en el sector de AltavistaTodos los usuarios recibieron los materiales necesarios como papel globo, tijeras, colbón, palillos etc Para esta actividad se tuvo en cuenta que muchas personas no tenian absolutamente ningun conocimiento de como armar una cometa, por esta razon nos tomamos la libertad de incluir los pasos entre las cosas que se entregaban a cada usuario, dando así resultados mucho mejores.
44
Percepción En general todas las actividades tuvieron una buena aceptación por parte de los usuarios, ninguno tuvo algún mal comentario, todos disfrutaron las actividades y sobre todo se fueron con una excelente impresión de Altavista. La actividad que mas reconocimiento tuvo definitivamente fue la de armar una cometa, para esto creamos un concurso que consistía en darle un premio a la cometa mas creativa, esto incentivo aun mas a las personas a participar dando unos resultados excelentes para el proyecto.
Opinión General El proyecto tuvo el resultado deseado en los usuarios, pues estos hicieron comentarios en su mayoría positivos acerca de la dirección del proyecto. Muchos de ellos felicitaron tanto la parte gráfica, como el buen gesto que se intenta hacer mediante este proyecto. Algunas personas señalaron algunos errores que, aunque no representaban un peligro grave en el proyecto, nos ayudaron a orientarnos para ofrecer un mejor servicio.
45
46
MANUAL DE IDENTIDAD CORPORATIVA ALTAVISTA 47
48
49
50
01. Presentación del manual 02. Medidas del distintivo visual 03. Explicación del logotipo 04. Usos adecuados e inadecuados del símbolo 05. Usos adecuados e inadecuados del logotipo 06. Tipografía 07. Color 08. Aplicaciones adecuadas e inadecuadas del color 09. Tonos de color 10. Papelería
51
01. Presentación del manual Este es el manual de identidad corporativa de AltaVista Roba sonrisas, Un proyecto de desestigmatizacion de esta comuna ubicada en belen antioquia. Para realizar el uso adecuado de la marca se deben tener claros los siguientes puntos: 1-Al escribir el nombre de la marca, ésta debe diferenciarse de algún modo del texto que la rodea. Ponga la A, la V en mayúsculas y juntas (AltaVista), las letra R y S del slogan deben tambien ir en mayúsculas pero separadas (Roba Sonrisas), o toda la marca en mayúsculas (ALTAVISTA ROBA SONRISAS), póngala en cursiva, entre comillas o utilice un estilo de fuente o de cuerpo distinto para diferenciarla de un nombre genérico. 2-Al realizar una campaña u imagen publicitaria, esta debera llevar el logotipo de la marca en la esquina derecha inferior de una forma que sea visible y entendible para el usuario, o en su defecto se debera usar el simbolo de esta que es la A y la V. 3-No se deben eliminar o modificar letras o palabras de la marca, tampoco se deben realizar abreviaciones de esta. Solo el titular de la marca puede realizar modificaciones a esta misma
52
Logotipo Principal
Area de protección
6x
9/2x
ALTA VISTA
Tamaño minimo
Versión Vertical 3x 300 px
3/2x
ALTA VISTA
300 px
ALTA VISTA
53
03. Explicación del logotipo
LOGOTIPO La marca AltaVista nace de la unión de las palabras Alta y Vista que juntas y de forma vertical forman el nombre de la comuna en belen “AltaVista”.
SIMBOLO Entre la unión de la “A” y la “V” se puede apreciar un degradado el cual simboliza las montañas que son rasgo caracteristico de altavista y a la vez estas forman un rombo que se justifica como la forma de una cometa, lo cual hace alusión al festival de las cometas que se celebra en este sector.
Ya que este lugar fue estigmatizado por la violencia se uso el slogan “Roba sonrisas” como una manera de darle una identidad amigable al proyecto.
54
04. Usos adecuados e inadecuados del simbolo
Usos inadecuados del simbolo (Unica presentaciรณn)
Usos adecuados del simbolo (Unica presentaciรณn)
Girarlo
Separarlo
Encogerlo
Cambiar color
55
05. Usos adecuados e inadecuados del logotipo
Usos inadecuados del logotipo (Unica presentaciรณn) Usos adecuados del logotipo (Unica presentaciรณn)
Estirarlo
Encoger
56
Girarlo
Cambiar color
Separar
06. Tipografía
Esta primer tipografia es una tipografia fuerte, tiene un ancho grueso que le ayuda a tener fuerza a lo que esta escrito.
Novecento wide ultrabold abcdefghijklmnñ opqrstuvwxyz 123456789 .,“*(){} ¡!+-/
Bartender Script
abcdefghijklmnñ opqrstuvwxyz 123456789
Esta segunda tipografia es una tipografia más suelta, ayuda a darle un buen caracter a las palabras escritas y le de un aire de creatividad u alegria.
.,“*(){} ¡!+-/
57
07. Color
Con estos colores queremos representar la vida, y la frescura del sector, haciendo resaltar la naturaleza y lo sano del ambiente.
Con este color queremos representar la amigabilidad del proyecto con la gente.
• Hexadecimal: #008772 • R:0 G:135 B:114 • C:97% M:24% Y:71% K:0%
58
• Hexadecimal: #E3F184 • R:227 G:241 B:1 • C:23% M:0% Y:63% K:0%
• Hexadecimal: #D9E021 • R: 217 G:224 B:33 • C:28% M:0% Y:97% K:0%
• Hexadecimal: #000000 • R:0 G:0 B:0 • C:84% M:83% Y:73% K:80%
El negro de la marca lo usamos para su facil lectura y para que resalte.
08. Aplicaciones adecuadas e inadecuadas del color
Usos adecuados
Usos inadecuados
La marca puede ser usada en cualquier tipo de color, menos en aquellos que sus tonos sean iguales o parecidos a los de los colores del logo, en el caso del slogan si se coloca sobre un tono de color igual o parecido al original, este cambiara a negro.
La marca no puede ser colocada en ningun tipo de superficie de tono o color parecido u igual a la de la marca, si el slogan es colocado sobre un color igual o parecido al suyo no debe de conservarse del mismo color, debe cambiar a negro.
Roba sonrisas
Roba sonrisas Roba sonrisas
Roba sonrisas
Roba sonrisas
Roba sonrisas
59
09. Tonos de color
Positivo
Escala de grises
Negativo
Roba sonrisas
60
10. PapelerĂa
61
62