Taller Tecnologia Digital

29
Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de Guatemala Unimos alternativas. Multiplicamos impactos. TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

description

Material que sirvió de apoyo para el Taller de Tecnología Digital

Transcript of Taller Tecnologia Digital

Page 1: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Page 2: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

El primer Email fue enviado 1971 por Ray Tomlinson.En los primeros tiempos del correo electrónico, no existía un programa de correo propiamente dicho que permitiera enviar un mensaje de un usuario a otro; lo que se hacía era colocar en un directorio predeterminado el fichero que contenía el mensaje que queríamos que leyeran .

Podemos afirmar que la primera página web conocida es http://nxoc01.cern.ch/hypertext/WWW/TheProject.html en1991 creada por Berners-Lee, que era solo texto, conforme el paso de tiempo se pudieron agregar banners, imágenes, video, animación, 3D, etc.La primera imagen publicada fue en 1992 una foto promocional de la banda Les Cernettes Horribles.

El primer banner de la historia, este fue publicado en Hotwired en 1994, mismo año de registro del dominio y actualmente es un portal con servicios de mail, noticias y buscador. EL banner es una publicidad de AT&T que es una compañía norteamericana de telecomunicaciones. Provee servicios de voz, video, datos, e Internet a negocios, clientes y agencias del gobierno.

Historia de la Página Web

Page 3: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Un sitio web es un conjunto de páginas web que se encuentran conectadas entre sí por medio de enlaces (links) dedicado a algún tema particular o propósito específico.

Para organizar el contenido que una empresa desea publicar en Internet, generalmente se divide este contenido en diversas páginas web que contiene contenido como texto, imágenes, audio y video.

Un sitio web tiene un alcance global, es decir, puede llegar a usuarios de todas partes del mundo que tengan acceso a Internet.

Internet es un medio de difusión que es utilizado cada vez por más personas. Así como alguna vez devino la popularidad en el uso de la televisión, antes de la radio, y antes aún de los medios gráficos, hoy en día un sitio web es la principal herramienta del siglo XXI para la comunicación con el cliente, que facilita una verdadera interacción con el cliente que cada día quiere mayor comodidad, y ¿Qué mayor comodidad que este cliente pueda desde casa hacer cualquier diligencia desde tu página web?

Hoy en día es un elemento más de nuestra rutina diaria. El servicio que presta puede ser excelente, a lo mejor uno de los mejores, o quizás uno de los más indispensable para cualquier persona, pero si las personas no conocen su servicio, éste simplemente no existe. De nada vale tener un negocio si no es visitado por gente.

¿Qué es un Sitio Web?

Importanciade un Sitio Web

Page 4: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

• Porque un Sitio Web es la tarjeta de presentación de todo el que se dedique a una actividad comercial o profesional.

• Porque su Sitio Web puede ser su mejor vendedor.

• Porque su Sitio Web será vista por millones de usuarios en el mundo, las 24 hs, los 365 días del año.

• Porque el costo de mantener un sitio web en internet es muy bajo comparado con otros medios publicitarios.

• Porque un Sitio Web, da a su empresa una imagen de calidad y constante progreso.

• Porque internet es el futuro y su empresa debe adelantarse para obtener una ventaja competitiva.

• Porque un Sitio Web le da igualdad de condiciones para competir con otras empresas y/o profesionales.

¿Por qué tener un Sitio Web?

Gracias al avance de la tecnología y a la globalización, el mundo de hoy es uno mucho más dinámico que el teníamos hace 10 años. No es algo usual que miles de revistas y periódicos en el mundo anuncien que sus ventas han disminuido por la creciente demanda de contenidos a través de Internet, y prevean que dentro de algunos años mudarían todo su aparataje a la web. La razón es simple: la web será el primer medio de consumo mundial.

Las organizaciones no gubernamentales, fundaciones, asociaciones y demás instituciones del sector social realizan sus actividades gracias a la autogestión y los aportes que reciben de donantes, quienes confían en estas respecto al buen uso que le dan a estos recursos y el destino de los mismos. Si una compañía u ONG no genera un vínculo directo con su público, miembros y consumidores, respondiéndole de manera eficaz, comunicándole los productos que se ofrecen, informándole del estado de la institución, y promocionándole la marca, éstos buscarán una empresa a la que sientan “más cercana”, que pueda responder a sus necesidades, y que los tome en cuenta.A este movimiento se han tenido que amoldar marcas de toda índole, desde una juguetería, hasta el más grande banco de un país, incluyendo a las Organizaciones No Gubernamentales (ONG), que han encontrado un aliado perfecto dentro de este nuevo medio de comunicación.

La Weby las ONG

Page 5: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

El factor principal que incide en la penetración web dentro de las ONG, es que es un mecanismo comunicacional gratuito; no se debe pagar nada por autopromocionarse dentro de las redes sociales, teniendo la posibilidad de llegarle a millones de personas en todo el mundo.

Las ONG necesitan difundir su mensaje a través de cualquier medio que les puedan ofrecer, y en un país en el que la fuente política acapara la gran mayoría de los noticieros, se deben buscar alternativas. El impacto ha sido inmediato, y muchas organizaciones se han visto beneficiadas, económica y socialmente, en la captación de nuevos miembros, contacto con nuevas empresas y patrocinantes, adquisición de nuevos trabajadores, voluntarios y pasantes, así como la elevación de producción de contenidos.

Las ONG deben procurar y ganar su espacio en la web y redes sociales si quieren fortalecer y transmitir su transparencia con el cumplimiento de su misión, criterios de gestión, manejo de los fondos que reciben y resultados de trabajo. Para fortalecer esta confianza es importante que sean transparentes y eficaces para explicar usando para comunicar el Intener y redes sociales que son herramientas que pueden ayudar a conseguir este objetivos, si son utilizadas de manera adecuada.

Gráfico de los sitios web y redes sociales que son los más adecuados para comunicar la transparencia

Page 6: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

La elección del tipo de estructura va a determinar también el emplazamiento de los archivos y directorios. Esto nos permite organizar la web de una forma lógica facilitando al visitante ya que sólo por la dirección de la página que visita puede hacerse una idea de dónde está.

Estructura de árbol o jerárquicaEs la estructura más utilizada en programas educativos y constituye el típico modelo de organización jerárquica por temas y subtemas. El alumno de un vistazo puede darse una idea general de los contenidos y recursos y reconocer su ubicación dentro del sitio.

Estructura lineal o secuencialEl recorrido de la exploración está predefinido de manera lineal como el de un texto impreso tradicional. Este tipo de estructura es ideal para narraciones y secuencias literarias simples (Relatos, cuentos, novelas, etc.) y para describir procesos e instrucciones paso a paso.

Estructura de red o telarañaEn esta estructura todas las páginas y secciones están articuladas entre sí. La estructura de telaraña es la más aproximada a la forma en que nuestro cerebro almacena e interconecta la información y es por defecto la estructura representativa de Internet.

¿Cómo hacer un Sitio Web?

Estructura

Page 7: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Una buena imagen, es clave para la realización de un diseño Web impactante. Las páginas con ilustraciones y fotografías atraen la atención del visitante o espectador e, incluso, pueden ayudar como soporte informativo de lo que el texto expresa.

Actualmente, casi ningún sitio web impactante consigue serlo sin la utilización de un material gráfico de primera calidad, ya sea conseguido con fotografía o ilustración. Las modas cambian con el tiempo, pero una buena fotografía o ilustración siempre es capaz de causar sensaciones intensas a los visitantes.

Las fotografías deben tener relación directa con lo mostrado en el texto, es decir, por ejemplo, si se ilustra una página inmobiliaria, ¿qué mejor que mostrar fotografías de familias en sus casas?

Las imágenes más atractivas y sin duda las que causan mayor impacto en el lector o espectador, son aquellas que cumplen una serie de requisitos básicos. Su composición lumínica debe ser de la mayor calidad posible, ya se trate de fotos tomadas en exteriores o estudios. Sus modelos o personas fotografíadas, de haberlas, deben tener expresiones adecuadas a lo que se desea transmitir todo de modo muy natural y sin forzarse.

Otro de los apartados más importantes es la composición, que para lograr impacto debe ser novedosa, rompedora, arriesgada a la par que efectiva, y por último pero no por ello menos importante, los colores, debe parecer que “se salen” de la pantalla, vivos y brillantes.

Gráficas

Page 8: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

A continuación una infografía donde se puede explicar la teoría del color.

Autor: sobrecolores.blogspot.com,@siscolor, facebook.com/siscolor zazzle.com/sobrecolores*

El Color

Page 9: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Page 10: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Los formatos de fuente “serif” son aquellos que las letras tienen unos pequeños remates en los extremos, por ejemplo:

Times New Roman es un tipo de letra “serif”

Las fuentes “sans-serif” son aquellas sin esos pequeños remates en los extremos, por ejemplo:

Arial es un tipo de letra “sans-serif”

Varios estudios han demostrado que sobre papel impreso las fuentes “serif” son más legibles, ya que esos pequeños remates en los extremos dan más información sobre los caracteres y facilitan la lectura. Sin embargo en los monitores, por su menor resolución en comparación con el papel, los pequeños remates aparecen menos definidos y lo que hacen es dificultar la lectura, por lo tanto, en la web es más recomendable utilizar fuentes “sans-serif”.

El Ancho de líneaCuanto menor es la longitud de línea, mayor es la velocidad de lectura (esta es la razón de que los periódicos presentan su información en columnas). Una mayor longitud de línea requiere de un salto de mayor longitud de un punto de fijación ocular al siguiente. A mayor longitud del salto, más inexactitud en la siguiente fijación y por tanto mayor será la dificultad de lectura.

Aunque no existe una recomendación única en cuanto a la longitud máxima de línea se suele hablar máximo correcto entre los 60-70 caracteres.

NegritasLas negritas (“bold”) deben utilizarse solo para enfatizar algunas palabras, resaltar puntos clave dentro de la información o resaltar alguna frase de gran importancia. Si son utilizadas correctamente ayudan a ojear rápidamente el texto y facilitan la rápida comprensión de la información.

Las negritas llaman poderosamente la atención dentro de un texto e incluso distraen seriamente, por ello nunca se debe abusar de ellas o emplearlas de modo puramente decorativo. En algunas webs por ejemplo se suele escribir en negrita el nombre de la empresa siempre que aparece, lo que no aporta absolutamente nada.

Tamaños de la fuente.Un tamaño de entre 10 y 13 puntos suele ser el más adecuado para la mayoría de textos en la web, a excepción de titulos y nombre de apartado, en los que perfectamente puede utilizarse un tamaño superior..

Uso de mayúsculas.Las mayúsculas son mucho más difíciles de leer que las minúsculas por ello no son recomendadas para textos largos sino para palabras sueltas. Su capacidad de resaltar dentro de un texto le hacen un recurso muy valioso para captar atención sobre un elemento de información.

Tipografía

Page 11: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Ajuste del espacio entre letras (kerning)El espacio entre las letras de una misma palabra (kerning) no debería ser siempre fijo. Cuando este espacio se ajusta correctamente, los textos son más legibles y el aspecto estético es mucho mejor. El “kerning” es lo que da ese aspecto tan profesional a los libros impresos. Sin embargo, en los navegadores es imposible de regular (incluso en algunos programas de edición tampoco), ya que no ofrecen esta posibilidad. Ahora bien, es un aspecto que podeis tener en cuenta a la hora de trabajar vuestros imágenes de titulos de sección o textos incluidos en una imágen.

Otras apreciaciones• Un documento no debería utilizar más de dos fuentes diferentes.

• Las cursivas son muy poco legibles y son poco recomendables, solo deberian utilizarse para unas pocas palabras y en caso necesario con fuentes de tamaño suficientemente grande.

• El subrayado es un recurso que en papel impreso se utiliza para enfatizar, sin embargo en la web no se debe emplear con este objetivo ya que da lugar a confusión con los vínculos.

• Las viñetas (bullets) y sangrías (indent) son recursos útiles para estructurar la información, separar conceptos, subordinar unos a otros, crear dependencias, etc. Bien utilizadas mejoran la comprensión y facilitan la lectura de un texto.

Una vez definida la estructura de la página web y los elementos que la componen, se procede al diseño visual del contenido junto a la identidad corporativa de la empresa, es decir, la integración del logo, colores corporativos, etc. El propósito es conseguir una unión entre diseño y contenido, aumentando el efecto visual y la eficacia de la página web.

Creatividad Y Diseño

Page 12: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Plantillas o Tamplates son sitios web prediseñados, de forma que ya disponen de una estructura definida, por lo tanto permiten desarrollar el sitio web de una forma mucho más ágil y rápida que los diseños a medida.

Existen diversos programas para realizar páginas web desde cero, así como Sistemas de Gestion de Contenido (CMS). Es un software instalado en el servidor que nos permite crear una web con publicación descentralizada, sin necesidad de conocer el lenguaje html para publicar todo tipo de textos, archivos, etc. La publicación se realiza desde el mismo navegador.

¿Cuánto cuesta un CMS?Generalmente son gratuitos, sólo tenemos que descargarnos, a ser posible la versión más nueva, desde las páginas web oficiales

¿Qué condiciones hay que cumplir para poder usar un CMS?Prácticamente ninguna, además de gratuito, el uso del paquete se ofrece para libre uso, incluso para lucro propio

¿Qué limitaciones tienen los CMS?Todo depende de cuál nos instalemos y dónde. Cual porque algunos no están traducidos todos a nuestro idioma y porque debemos elegir uno adecuado a nuestro proyecto, que nos se nos quede grande porque nos complicaría la gestión, ni corto, porque no nos permitiría desarrollar la web según nuestras expectativas. El Donde nos lo marca nuestro servidor. Evidentemente los gratuitos ofrecen pocas posibilidades, pero por precios razonables se consiguen alojamientos con los requisitos necesarios.

Programación

Page 13: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

¿Cuáles son los CMS más populares?

WordPress es el sistema CMS Open Source más usado gracias a su versatilidad (valido para plataformas webs, blogs..), configuración avanzada orientada al SEO y a la ayuda de numerosos plugins con el que completar su funcionalidad.

Joomla, uno de los CMS más reconocidos, nos permite crear sitios web y aplicaciones online muy poderosas. Dispone de una interesante comunidad de usuarios.

Drupal es un sistema de gestión de contenidos que además de las funcionalidades básicas permite tener foros, Newsletters, Podcasting y galerías de imágenes. Drupal está escrito en PHP y SQL.

Wix es un editor online que permite crear y publicar un sitio web en flash indexado en buscadores, gratuitamente, con Wix puedes crear tu propio sitio web con facilidad. No hay necesidad de agregar una sola línea de código de programación. Diseñado con una vistosa interfaz gráfica con función arrastrar y colocar, el creador de sitios web se realizó de modo que sea muy fácil de usar y permita una completa libertad en la creación.

Se debe de contar con un Hosting quiere decir dar hospedar o alojar. Significa poner una pagina web en un servidor de Internet para que ella pueda ser vista en cualquier lugar del mundo entero con acceso al Internet.

Dominio es un nombre y una dirección en el Internet. www.sunombre.com

Subir al Internet el Sitio Web

Page 14: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Reglas para un sitio Web Exitoso

Es el proceso de mejorar la visibilidad de un sitio web en diferentes buscadores de manera orgánica.La optimización de buscadores se realiza en dos sentidos: interno, dentro de la propia web, y externo, fuera de las páginas a optimizar.

Este posicionamiento se logra de manera natural realizando tareas de optimización en las páginas web. Con el objetivo de aparecer en las primeras posiciones de los buscadores y aumentar el tráfico de visitas en una página web, es conveniente que en los sitios se apliquen tareas de optimización.

La tarea de optimizar la estructura de una web y el contenido de la misma, así como la utilización de diversas técnicas de linkbuilding, linkbaiting o contenidos virales con el objetivo de aparecer en las primeras posiciones de los resultados de los buscadores (cuando un usuario busca por una determinada palabra clave o keyword), es conocida como posicionamiento.

La aplicación de técnicas para posicionar suele ser más intensa en sitios web con mucha competencia y lo que se pretende con su aplicación es el posicionarse por encima de los competidores por determinadas palabras clave.

La optimización para buscadores es un trabajo de expertos también llamado SEO o search engine optimization. Un error muy frecuente es crear la página y luego plantearse el posicionamiento en buscadores. Lo que debemos hacer es justo lo contrario, plantearnos cómo queremos que nos encuentren, analizar a la competencia y recién entonces crear la página, trabajando conjuntamente diseñadores, desarrolladores, copy o redactores de texto y SEO.

¿Cómo podemos optimizar nuestro Sito Web?con el mejoramiento de Keywords / Palabras Claves, Descripción de contenidos, Títulos de Paginas, Estructura organizada, Intercambio de Links, Robots, Promoviendo el Sitio Web

En el siguiente link puede descargar una guia para principiantes de como optimizar su sitio web:

http://static.googleusercontent.com/external_content/untrusted_dlcp/www.google.es/es/es/webmasters/docs/guia_optimizacion_

motores_busqueda.pdf

Posicionamiento

Page 15: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

De nada vale tener una página web excelente si tu servidor se cae a menudo y nadie puede visitarla. Por eso recuerda, el alojamiento es importante.

El supuesto ahorro que puede significar un alojamiento de mala calidad, puede hacerte perder muchas ventas. Así que en lugar de ahorrar estarás perdiendo dinero.

Además, si los robots de los buscadores intentan visitar reiteradamente tu página y no lo consiguen, te penalizarán. Esto significa que no aparecerás en los primeros puestos en los buscadores y perderás ventas.

Otras razones para que tu página se caiga pueden ser una mala configuración, errores en las bases de datos, etc.

Una web bien diseñada y optimizada y alojada en un servidor de calidad, se carga muy rápido. Casi instantáneamente.

Si tarda, los visitantes se marcharán sin acabar de verla. Y lo peor es que muchos de ellos no volverán.

Cuando hablamos del tiempo de carga de una página web, nos referimos al tiempo que pasa desde que pones en tu navegador una dirección web hasta que ves la página completa.

Siempre Disponible

Tiempo de Carga

Page 16: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

A menudo llegamos a páginas en las que no sabemos muy bien qué nos ofrecen y para saberlo tenemos que dedicar un buen rato. Algo que sólo hacen quienes están muy interesados. La mayoría de los visitantes, si no encuentran lo que buscan en los primeros segundos, se irán.

Por eso, volviendo a nuestro ejemplo de las maletas, la web tendría que dejar muy claro desde el principio que ofrece maletas. O más especificamente maletas de tal marca o de piel, etc.

Otro error común es que el responsable de marketing imponga términos que no son los que usaría un cliente potencial. Por ejemplo vehículos de ocasión. Esto si se pone de manera evidente en la web evitaría confusiones a los visitantes. El problema es cómo llegan, porque seguramente preguntarán a los buscadores por coches usados o coches de segunda mano y no por vehículos de ocasión. Y así llegarían a la web de coches usados o de segunda mano, antes que a la de vehículos de ocasión.

Contenido¿Pagarías por adelantado con tu tarjeta de crédito a alguien que ni sabes quién es, ni siquiera en qué país está? Seguramente no. Por eso, no pidas a los demás que lo hagan.

Si quieres generar confianza, los datos de tu empresa deben aparecer de manera destacada en todas las páginas. También el teléfono de atención al cliente.

Incluye testimonios de clientes satisfechos, son fundamentales.Considera además la posibilidad de ofrecer garantías y si lo haces, especifica claramente las condiciones.

Si haces todo ésto, incrementarás tus ventas.

Confianza

Page 17: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Las páginas Web se han convertido, con el tiempo, en excelentes herramientas de venta y proyección de cualquier tipo de negocio. Gracias a la constante evolución tecnológica, hoy podemos presentar un diseño Web atractivo con fotografías, animaciones y videos, incluso música. Este tipo de elementos han enriquecido el concepto de “diseño Web” elevando su potenciala niveles interesantes. Un diseño Web ahora se puede valer de todas estas herramientas visuales que, utilizadas de manera funcional, hacen que su página sea considerada y valorada por quienes la visitan.

La manera en que creativamente se conjuguen todos los elementos de identidad corporativa, el arte, los colores, la forma en que se presente por primera vez ante los ojos de todos, de esto dependerá en gran medida si sus clientes deciden quedarse un poco más a navegar entre las diversas páginas de su sitio, para evaluar y valorar el contenido de todo lo que su negocio puede ofrecer.

Diseño

Page 18: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

LAS REDES SOCIALESTALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Page 19: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONGTALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Una red social es una estructura social en donde hay individuos que se encuentran virtualmente. Es una verdadera comunidad virtual que tiene cada vez más opciones.

Cada red social tiene su propia particularidad y objetivo pero la idea general y lo que debería recordarse permite hacer todo lo que permite la vida real sino que una cosa que sería conocida por una decena al mismo tiempo en la vida real, podría ser conocida por unos miles de personas al mismo tiempo en las redes sociales.

Facebook les brinda :

• Mayor facilidad para recibir comentarios y generar una discusión.

• Generar tráfico hacia el sitio web de la organización.

• Construir una base de datos de contactos.

• Atraer personas a sus eventos.

• Hacer que las personas participen en una acción específica.

• Atraer donantes.

• Publicitar la experiencia de una organización.

• Promover una causa o educar a la gente.

• Contar historias del día a día del trabajo.

¿Qué Son las Redes Sociales?

Las Redes Sociales más destacadas para una ONG

Facebook

Page 20: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

En muy poco tiempo, Facebook se ha vuelto una herramienta de comunicación tanimportante como el correo electrónico. Esta red social cuenta ya con 200 millones de usuarios en todo el mundo. Darse de alta en Facebook es fácil, pero ocurre que los perfiles se abandonan por no saber exactamente qué hacer con ellos. Iréilustrando lo esencial para que disfruten de Facebook desde el primer momento.Empezamos por lo básico: darse de alta y conectar con los demás.

Si ya todavía no saben cuál es la diferencia entre un perfil y una página:Un perfil es una persona virtual y una página esta creada por una persona virtual.

1er paso : El aterrizaje en Facebooklandia1era etapa : Crear una cuenta. Tras pasar la comprobación de seguridad y contestar el correo de confirmación, ya será un nuevo miembro de Facebook. Si les invitó alguien, verán su petición de amistad en la página de bienvenida.

2nda etapa: Buscar a “amigos” que son personas a quien permitiran tener acceso a su informacion. Hay que encontrar personas estratégicas. Facebook sin contactos es como un bar sin bebidas: inútil. El paso 2 de alta le permite conectar con la libreta de direcciones del correo web para agregar apersonas que conozcan.

3era etapa : Editar informacion sobre la ONG y agregar una foto de perfil (el logotipo de la ONG)

Page 21: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

2º. paso: La creación de una página1era etapa : Se NECESITA una cuenta para administrar una página. Ustedes pueden elegir contentarse de la creación de una cuenta para comunicar solo para sus “amigos” de Facebook. Pero no les aconsejo. En efecto, Tiene mucho mas visibilidad una página ya que la gente solo necesita “gustar” con un “me gusta” para seguir las publicaciones de la ONG.Para crear la pagina = a pie de cualquier pagina de facebook

1era etapa: elegir el tipo de página que creamos2nda etapa: Como para la cuenta, hay que agregar una foto de perfil para la pagina (logotipo de la ONG)3era etapa: editar información sobre la ONG, sus objetivos

Como está escrito aquí, la gente que visita su página puede ver el número de personas a quien les gusta y mas el número es grande, más visibilidad tienen porque un “me gusta” significa que a la persona a quien le gusta tiene notificaciones de su ONG directamente sobre sus actualizaciones y puede seguir todo lo que publica sencillamente.Por eso hay que publicar fotos, informaciones, eventos, etc etc y COMPARTIR la pagina.

4ª etapa: agregar una portada atractiva

Para ir desde la cuenta a la administración de la pagina, es muy sencillo, solo hay que elegir en la esquina arriba a la derecha .

Page 22: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

3er. paso: Para ir más allá Ya han creado un perfil, agregado amigos, creado una página y rellenado sus datos personales: ahora forman parte de una red social. El paso siguiente consiste en interactuar con los demás. Si renuncias a ello, su perfil de Facebook y su página será como una página web a la vieja usanza: un sitio estático y poco interesante. Es tan fácil como escribir y pulsar Compartir. Ahora bien, supongamos que se han arrepentido. ¿Hay alguna forma de eliminarlo? Por supuesto. Debes ir a su perfil y situar el puntero del ratón encima del elemento. Verá un discreto botón gris. Púlsalo y desaparecerá el ítem para siempre.

Optimizar las posibilidades de una paginaNo es suficiente tener una página. Ahora hay que darle una buena forma y hay que actualizarla.

Arreglar la fotografía para que mejore en los buscadores: hablamos de la posibilidad de optimizar al máximo su foto de perfil. En efecto, cuando no somos sobre la página de la ONG sino que solo vemos su nombre en nuestras actualizaciones (foto), la foto se ve en pequeño entonces no es útil poner una foto con muchas cosas porque no se ve.

El logotipo ENTERO sería mucho mejor porque vemos directamente la marca de la ONG.

En cuanto a la portada de su página (foto arriba), tiene un papel importante ya que va a influir la primera impresión de la ONG que tendrá el internauta. Se podría hacer un montaje interesante con palabras claves sobre la misión y los valores de la ONG. Debe aparecer el logotipo, el nombre, el slogan (más pequeño que el nombre).

La otra faceta de toda red social es dar tu opinión acerca de lo que los demás comparten, ya sea aportando un comentario o compartiendo el pequeño trozo de información. Todos los elementos publicados por sus amigos ofrecen atajos en su lado inferior:

Page 23: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Ademas, hay que actualizar su pagina publicando fotos, videos, presentaciones de proyectos, creando eventos para invitar a la gente etc etc. Es necesario porque permite quedarse presente en la cabeza de las personas ya que ven actualidades de tal ONG sobre sus actualizaciones y pueden asi interesarse. La imagen de la ONG en las redes sociales que van a tener la gente depiende esencialmente de su capacidad a ser dinamica sobre su pagina. En efecto una pagina no actualizada hace pensar en una ONG abandonada…

CompartirAhora que tienen una página y una cuenta que sirve para administrarla, hay que compartirla. En efecto, para garantizarle una visibilidad MAXIMA, les aconsejo compartir (con el botón “compartir”) (foto) la pagina. La mejor manera de hacer sería que todas las personas de la ONG compartan esta página con su propia cuenta personal para usar la red de sus amigos y de los amigos de los amigos etc. Eso funciona como una telaraña.

Riesgos de FacebookNo daré los mismos consejos para la administración de una cuenta personal y la de una cuenta de ONG. En efecto, con su propio perfil hay que dar atención a muchas cosas porque implica su imagen, sus informaciones personales y su vida personal que, a veces, puede perjudicar su vida profesional. Por eso tiene que proteger su propio perfil Facebook de la gente que no conoce. Al contrario, una ONG y una organización en general quiere darse más visibilidad entonces hay que compartir para crearse una verdadera red en la área que le interesa.

Twitter también es una red social muy útil para las organizaciones. Yo he elegido enfocarme sobre Facebook en particular pero si quieren también aprender a usar Twitter, los comparto un video para aprender sencillamente como usarlo:

Tambien les comparto el link si quieren verlo otra vez

En efecto, Twitter en las organizaciones es útil para:

• Conocer nuevos recursos.

• Compartir algo que están haciendo.

• Mantenerse al día con un área particular.

• Promocionar un servicio específico o causa.

• Mantenerse conectado con un grupo particular de personas.

Twitter es como las relaciones que tenemos en la vida real, lo van a entender.

Precisamente para que los ejemplos sean lo más claros posibles les voy a enumerar a continuación los que podríamos llamar skills necesarios para interactúar en Twitter y que son los mismos que en la vida real pero que se aplican de otro modo:

Twitter

Page 24: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Conocer nueva gente: lo hacemos a diario en nuestra vida, y en Twitter no es más que hacer click en el botón Follow o que otros lo hagan en nuestro perfil

Hacer amigos: desde que conocemos a alguien hasta que lo consideramos amigo puede pasar un tiempo. En Twitter existe el llamado Following Back, que no es otra cosa que seguir cuando nos siguen expresando reciprocidad.

Comunicarnos con los demás: en el mundo real hay mail, teléfono, en persona y tantas otras herramientas. En Twitter usamos las menciones con @ seguido del nombre de usuario.

Tenemos una reputación: en la vida real lo que los otros digan sobre nosotros cuenta. En Twitter también. Los tweets favoritos, las recomendaciones y los Follow Friday son ejemplos de como expresarlo.

Tenemos autoridad en nuestro tema: en el mundo real nos reconocen cuando hacemos un buen trabajo, y tras esas recomendaciones nuestra reputación crece para bien. En Twitter lo podemos medir con herramientas como Klout.

Para aprender mas de twitter y de la manera de usarlo, algunos links

http://www.muyinteresante.es/como-usar-twitter-en-8-pasos

http://www.youtube.com/watch?v=_Dfsj9g_2WM&feature=fvwrel

http://www.taringa.net/posts/info/5175546/Como-usar-Twitter.html

YouTube es un sitio web en el cual los usuarios pueden subir y compartir vídeos.

YouTube usa un reproductor en línea para servir su contenido. Es muy popular gracias a la posibilidad de alojar vídeos personales de manera sencilla. Aloja una variedad de clips de películas, programas de televisión y vídeos musicales. A pesar de las reglas de YouTube contra subir vídeos con derechos de autor, este material existe en abundancia. Los enlaces a vídeos de YouTube pueden ser también insertados en facebook, páginas web entre otros y aquí es la gran ventaja de Youtube.

Nada es más fácil que usar Youtube: inscribirse, encargar un video y copiar el enlace sobre otras redes sociales. Es una herramienta que aconsejo usar ya que publicar un video permite ser más dinámico en las redes sociales.

Youtube

Page 25: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Skype es un software que permite comunicaciones de texto, voz y vídeo sobre Internet. Los usuarios interesados pueden descargar gratuitamente la aplicación ejecutable del sitio web oficial. Los usuarios de Skype pueden hablar con video y sonido entre ellos gratuitamente aun si la persona está en el otro lado del planeta.Esta aplicación también incluye una característica que permite a los usuarios llamar a teléfonos móviles o de domicilios, cobrándoseles diversas y bajas tarifas según el país de destino, pudiendo llamar a casi cualquier teléfono del mundo.

La interfaz de Skype es muy parecida a la de otros software de mensajería instantánea, tales como Windows Live Messenger o Yahoo! Messenger, y, de igual forma que en éstos, es posible entablar una conversación de mensajes instantáneos entre usuarios del mismo software.

Usar Skype permite ir a una cita de trabajo sin mover de su oficina y así evitar perder tiempo en el tráfico.

SkypeEl uso de este tipo de interacción social va en aumento cada día, y es que este método es una excelente alternativa para ponerse en contacto con otras personas.

“Las personas van a usar Facebook. Lo importante es saber cómo usarlo y usarlo de manera inteligente”, dijo Tanya Beat, de la organización Sacnas, una sociedad dedicada a fomentar el éxito de jóvenes científicos hispanos y chicanos.

VentajasComo toda herramienta compleja, las redes sociales tienen muchas ventajas. A los jóvenes en busca de un empleo, los ayuda a conectarse con el grupo de interés de la organización y aprender más sobre la misión y causas de la misma.

A las organizaciones, por otro lado, las conecta con su público objetivo de manera rápida y eficiente. Otra de las ventajas de las redes sociales y en particular Facebook es su capacidad de lograr una acción inmediata por parte de otra persona, como por ejemplo en la recaudación de fondos.

¿Cómo Sacarle provecho a las redes?

Page 26: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Una encuesta fue dirigida a organizaciones sociales y fundaciones sin fines de lucro, con el fin de conocer y evaluar el éxito o fracaso que estas están teniendo en relación al uso de las herramientas de web social en su gestión. Las conclusiones, en general, son las siguientes:

• La mayoría de las organizaciones respondió que las herramientas de las redes sociales han permitido incrementar su tráfico, crear redes informales de seguidores y crear fidelidad al conseguir que los usuarios regresen nuevamente para leer sus publicaciones.

• Referente a la manera específica de cómo les han ayudado las herramientas en su gestión, estas respondieron que les han servido para difundir noticias acerca de la entidad, organizar eventos, reclutar voluntarios, contratar personal y organizar donativos.

• Finalmente, en cuanto a cómo organizar una estrategia para utilizar estas herramientas, la mayoría respondieron que se debe estar informados y aprender de otros; identificar qué es lo que se desea hacer y qué herramienta puede ayudar para conseguirlo.

Resulta interesante revisar estos datos, pues nos permiten conocer qué herramientas sociales son las que están siendo utilizadas por organizaciones a nivel internacional, y además entender un poco más acerca del uso que les podemos dar en nuestras agrupaciones.

Vacia sin ninguna actualización, no va a tener impacto sobre la red y la gente

Podemos obnservar en el siguiente ejemplo (página siguiente) la página de una organización de deportes en Francia. Podemos ver que a 1.428 personas les gusta esta página. Se puede entender fácilmente que cada publicación de la organización tiene un impacto enorme ya que aparece sobre las actualizaciones de 1.428 personas! Además, se nota que 146 personas están hablando sobre esto es decir que 146 han compartido una publicación de esta organización.

Diferenciaentre una página actualizada y compartida y una página abandonada

Page 27: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Actualizada

Abandonada

Page 28: Taller Tecnologia Digital

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

• http://www.smooth-step.com/diseno-web/guia

• http://www.guiawebmaster.com/diseno-web/tipografia-web.php

• http://tecnologia.medioscomunitarios.net/93

• http://www.desarrolloweb.com/de_interes/mejores-cms-open-source-2174.html

• http://www.cuaed.unam.mx/boletin/boletinesanteriores/boletin-suayed15/navegacion.php

• http://ongvitalis.wordpress.com/2011/03/18/importancia-de-la-web-2-0-en-las-ong/

• http://www.churbayportillo.com/blog/2007/06/18/6-reglas-de-oro-para-una-web-exitosa-6/

• http://www.razonypalabra.org.mx/anteriores/n49/bi-enal/Mesa%201/V%EDctor%20P%E9rez%20ONGs%20INMIGRACI%D3N.pdf

Bibliografía

Los invitamos a suscribirse y explorar las herramientas antes mencionadas con el fin de disfrutar de los provechos que permiten

tener las redes sociales y Sitios Web

Page 29: Taller Tecnologia Digital

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG

Asociación de Entidades de Desarrollo y de Servicio No Gubernamentales de GuatemalaUnimos alternativas. Multiplicamos impactos.

TALLER DE TECNOLOGÍA DIGITAL PARA LAS ONG