Porque necesitas
estar al día, aquí
encontrarás todo
lo que necesitas saber
sobre Marketing
Online
Síguenos...

Updates from August, 2011 Toggle Comment Threads | Keyboard Shortcuts

  • Irene Blanco 5:00 am on August 31, 2011 Permalink
    Tags: text2mindmap, visualize.me, wordle   

    Cómo hacer tu infografía 

     

    Antes de nada,  se entiende por “infografía” a una representación gráfica y visual del mensaje que se quiere trasmitir al receptor en un proceso de comunicación. Se trata de esquematizar con imágenes las ideas principales que transmite un texto. Como se comenta popularmente, “una imagen vale más que mil palabras”.

    Aunque el concepto de infografía ha existido desde tiempos inmemoriales (el hombre se ha valido de imágenes para aclarar sus ideas desde las pinturas rupestres o los gráficos que  estamos habituados a ver en los medios de comunicación escritos) su éxito es cada vez mayor en el entorno web.
    De hecho los posts o publicaciones que contienen infografías de apoyo al texto suelen tener más repercusión (en Twitter y otras redes sociales) y viralizar de un modo mucho más efectivo que aquellos que no las incluyen.

    Hay agencias realmente buenas en el desarrollo de estas infografías, como se puede ver en este post “50 great examples of infographics”  en el que encontramos infografías originales, llenas de creatividad y muy artísticas en algunas ocasiones.

    Si te interesa este tema y quieres empezar a incluir algunas infografías en tu blog o site web, aquí te dejo algunas herramientas muy sencillas y fáciles de usar que convertirán tus textos en gráficos:

    Glogster: Con esta herramienta puedes desarrollar posters multimedia. Glogster te proporciona un sinfín de textos y formatos en los que puedes incluir imágenes, videos, etc.

    glog

    Text2mindmap: Si lo que te interesa es hacer un mapa conceptual:

    mapas-conceptuales

    Visualize.me: Si quieres representar tu currículum vitae a modo de infografía, queda muy vistoso y original. Es una herramienta muy automática e intuitiva, sólo necesitas tener cuenta en Linkedin y hacer un par de clics!

    cv-infografía

    Wordle: Si quieres generar “nubes de palabras” de un texto que poseas, basta con pegarlo en el cuadro de texto y “go”:

    wordle-inicio 

    Nosotros hemos pegado el texto de este post de nuestro blog, y estos son algunos resultados que nos da:

    wordle-resultado1 wordle-resultado2

    Te invitamos a que compartas alguna herramienta que uses en tu día a día para representar la información en forma de gráfico, tu opinión o experiencias con la misma smile

    Fuentes: Infografías: representaciones gráficas de información

     

    • nidia 1:48 am on December 1, 2011 Permalink | Reply

      que lindo

    • nidia 1:49 am on December 1, 2011 Permalink | Reply

      esa es una infografia facil de hacer

  • Patricia Moreno 8:42 am on August 1, 2011 Permalink  

    Herramientas para Crear tus Concursos en Twitter 

    ¿Estás buscando herramientas para crear algún concurso entre tus seguidores de Twitter? Hoy te dejamos algunas de las herramientas más fáciles de utilizar para que puedas crear tus concursos de forma rápida y sencilla en Twitter!

    1.    ITweet2Win
    Esta herramienta es una de las más completas, con versión gratuita para probar concursos de 1 día, o bien versión de pago para concursos con una duración de 7 días. En la modalidad gratuita se pueden crear concursos de hasta tres preguntas, se pude personalizar la fecha de publicación y se pueden seleccionar múltiples ganadores. La versión de pago permite una mayor personalización y ampliar las preguntas del concursos hasta 5, reports con los resultados de participación, banner personalizado, entre otras.

    2.    Tweets Win
    Tweets Win es una herramienta muy sencilla y fácil de configurar. La selección de ganadores se realiza de forma aleatoria entre quienes estén siguiendo y retwittean algún contenido que hayas seleccionado previamente. Esta herramienta es gratuita pero  incluye también la opción de “Promociones Personalizadas”, de pago, para personalizar tus promociones y concursos.

    3.    Sorteie
    Esta herramienta está en portugués pero su funcionamiento es muy sencillo, sólo tenemos que hacer login con nuestro usuario de twitter, elegir el número de “ganadores” que habrá en el sorteo y ya está, se generará una página con el resultado del sorteo.

    4.    Twitrand
    Herramienta también muy senzilla, con pocos pasos. Se debe especificar la cantidad de “ganadores” que quieres seleccionar, y si deseas obtenerlos de tus followers o de la gente a la que tú sigues, y eso es todo el concurso.
    (tiene un tope de 1500 participantes).

    5.    MySort
    Mysort permite hacer concursos tanto en Twitter como en Facebook. La aplicación elige aleatoriamente la cantidad de seguidores que se establezcan y aparece su nombre y usuario.

    Espero que estas herramienta te pueda ayudar a crear tus concursos en Twitter. Si conoces alguna otra herramienta y quieres compartirla con nosotros, no dudes en comentarlo! ;-)

    Fuente: http://doovive.com/5-herramientas-gratis-concursos-twitter/

     

    • Youssef | Salud y Belleza 12:04 pm on August 17, 2011 Permalink | Reply

      Gracias por los enlaces, buscaba algo parecido para hacer concursos y ya que se puede hacer con twitter pues tendré que aprovecharlo.

      Saludos!

    • karolay castillo galvez 1:12 am on August 21, 2011 Permalink | Reply

      me gueta

    • Ogdiez 11:54 am on August 28, 2011 Permalink | Reply

      Buenas, creo que realizar concursos en twitter es una muy buena acciones, respecto a primer ” ITweet2Win” considero que la version free, sin la posibilidad de logo y reportingm, contacts…. es muy básica, por eso creo que seria recomendable la version Pay $9.99.

      Muy buen post!!

  • Dídac 5:00 am on June 16, 2011 Permalink
    Tags: validar formularios   

    JQuery Validate 

    Siguiendo el tema de mi último post, nos adentraremos más en el mundo de jquery, en este caso analizaremos el jquery validate. Esta librería nos proporciona muchas funcionalidades útiles para validar formularios mediante javascript, de una forma más rápida, cómoda y visual para el usuario que tener que esperar a validar los datos que recibimos por post/get. Obviamente recomendamos no utilizarlo como único método de validación sino como una herramienta de filtraje antes de recibir los datos, ya que si el usuario final tiene desactivado el javascript esta validación no tendrá lugar y podría causar problemas de seguridad.

    Bueno empecemos, para declarar una validación de un formulario a través de jvalidate, primero incluiremos la librería en el header:

    <script src=”http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js”></script>

    Y luego crearemos la siguiente función:

    jQuery(“#<id_formulario>”).validate({
                    …….
    });

    Una vez hecho esto, ahora ya rellenaremos dicha función con aquello que queramos validar, lo pondremos dentro de rules, ejemplo:

                    Rules:  <id del input q queramos validar>{ <reglas>},   <id del input q queramos validar>{ <reglas>}, …

    Las reglas pueden ser:

    Required: (true o false)
    Email: (true o false )
    <metodo añadido >: (true o false )
    ….

    Una vez definidas las rules, podemos definir los mensajes que se mostraran si alguna de esas rules no se cumplió

                    Messages: <id del input q queramos validar>{ <mensaje por regla>},   <id del input q queramos validar>{ < mensaje por regla >}, …

    Los mensajes por regla serán de la siguiente forma:

    <id del input q queramos validar>: {
                    required: “<mensaje por regla>”,
    minlength: “<mensaje por regla>{0} characters”
    maxlength: “<mensaje por regla>{0} characters”
    email: “<mensaje por regla>” }

    Hasta aquí seria lo principal, ahora podemos añadir, cuando queremos comprobar la validación del formulario, onfocusout, onclick, onkeyup, onsubmit,…

    Tambien podemos añadir clases a los inputs según sean validos o no:

    errorClass: “invalid”,
    validClass: “success”,

    Bueno, esto fue una introducción, para entenderlo mejor, os dejo aquí un ejemplo:

    jQuery(“#formCreateCoupon1″).validate({
                                                   onfocusout: function(element) {                   jQuery(‘input.required’).each(function() {                       jQuery(this).val();        }); },
                                                   onclick: function(element) {…},
                                                   onkeyup: function(element) {….                    },
                                                   errorClass: “invalid”,
                                                   validClass: “success”,
                                                   rules: {
                                                                           eslogan:”required”,
                                                                           id_Category:”required”,
                                                                           end:{
                                                                                                  required: true,
                                                                                                  australianDate: true
                                                                           }
                                                   },
                                                   messages: {
                                                                           id_Category:{
                                                                                                  required: “* This field is required”,
                                                                                                  minlength: “Your description must consist of at least {0} characters”
                                                                           }
                                                   }
                            });

     

  • Cgarcia 5:00 am on April 14, 2011 Permalink
    Tags: velocidad de descarga web, velocidad de la pagina   

    Page Speed de Google 

    El término “software libre” que todos conocemos y que básicamente se refiere a la libertad que tienen los usuarios para modificar, ejecutar y distribuir un determinado software aun cuando parece muy actual tiene más de 20 años y fue introducido por Richard Stallman en el 1984 junto con el concepto de “Copyleft” (permitir la distribución  de copias y versiones modificadas de una obra preservando los derechos de autor).

    La tendencia a desarrollar software con la “etiqueta libre” hace que de cierta forma los consumidores decidan como quieren que sea el resultado final. En general las características de los consumidores de hoy en día han cambiando de forma drástica y se usa el término “Consumidor 2.0” para describirlos; una de sus características principales, a parte su desbordante presencia en la web es que la estrategia de comunicación para llegar a ellos debe ser bidireccional,  es por eso que Google aplica el “Google Lab” abriendo las puertas a usuarios/consumidores para el desarrollo y la prueba de nuevos lanzamientos.

    El Page Speed en su versión para “Desarrolladores Web” es un complemento de software libre para Google Chrome o FireFox que se ejecuta en la página deseada y realiza varias pruebas en el código y en la configuración del servidor generando un conjunto de recomendaciones para mejorar su rendimiento.

    A través del Page Speed se genera un resultado numérico (en base 100) de la velocidad de la web y se ofrecen las posibles soluciones ordenadas por nivel de importancia según el beneficio que ofrezcan y el tiempo que tome la solucionarlos.

    El Page Speed presenta también una versión para los Webmasters llamada mod_pagespeed, que consiste en un módulo para los servidores Apache HTTP que optimiza automáticamente los recursos de la página web JavaScript, HTML, CSS stylesheets, imágenes, etc) reescribiendo las fuentes a través de una serie de filtros.

    También existe una versión más avanzada llamada Page Speed SDK que está destinada principalmente a los programadores y consiste en un librería C++ reusable que te permite integrar las funciones de Page Speed en otras herramientas de diagnóstico.  Un ejemplo de lo que hace esta herramienta puede verse en WebPagetest.org que integra el Page Speed SDK para generar resultados generales de los tiempo de carga de cada uno de los elementos de la página.

    Los interesados en contribuir con el desarrollo del programa pueden seguir el siguiente link “Contributing Code” donde encontraran la asesoría necesaria y foros de discusiones sobre el tema.

    Para mayor información http://code.google.com/intl/es-ES/speed/page-speed/.

     

← Older posts