Ciber Geek

Se acaba, se acaba, Adblock!

En los días que corren la publicidad en Internet está afrontando un cambio de paradigma, si bien por el momento no hay mucho revuelo, cada vez es mas común encontrarse con personas usando plugins que bloquean los anuncios de los sitios web, pero ¿es esto culpa de los usuarios? ¿como van a hacer los pequeños sitios para subsistir sin Adsense? ¿que fue lo que procovó todo esto?

Como siempre, no hay una sola causa, pero la ética es una de las principales. El avance de plugins como Adblock se debe en gran parte a las publicidades cada vez mas invasivas que se adueñaron de gran parte de Internet, y no solo en sitios “grises”, sino que muchas veces en grandes portales donde uno esperaría que estas cosas no sucedan, y a medida que los usuarios generan una especie de inmunidad a éstas publicidades aparecen otras peores, cada vez mas invasivas, y el ciclo se repite y empeora.

¿No me creen? Facebook tiene planeado lanzar publicidades en vídeo que se reproducen automáticamente, y eso es algo preocupante, la sed de saciar a los accionistas lleva a Facebook a realizar estas practicas, y al ser un sitio muy usado hace que el ritmo de adopción de plugins como AdBlock se dispare, siendo los pequeños sitios, como éste, los que se ven mas afectados, sitios donde en general se busca un balance entre la publicidad y el contenido, y en donde muchas veces los números no cierran siquiera para pagar el alojamiento.

Adblock, el asesino silencioso (?)

 Otros modelos

La publicidad no es la única forma, pero la realidad es que cobrarle a los usuarios por el contenido no es algo que se pueda aplicar en cualquier sitio. Por ejemplo, si estamos buscando algo en Google, no podemos pagar en cada sitio que entramos para ver el contenido, o sea, se puede, pero eso trae complicaciones y seguramente aparezcan sitios que te cobren de antemano y al final no tengan contenido que valga la pena. Todos a la Wikipedia!!!

En sitios con una audiencia fija el modelo de cobro por contenido es mas factible, supongo que varios de los usuarios fieles no tendrían problemas en pagar. Pero al mismo tiempo tiene sus complicaciones. Los lectores van a necesitar una tarjeta de crédito o tener dinero en Paypal para pagar, lo que pondría otra barrera para los usuarios, y si hay algo que se debe considerar siempre es la simpleza para los usuarios.

Referidos y posts pagos, éste es un método que podría funcionar, y uno que se usa hoy en día y funciona bien. El problema es que si reducimos los ingresos a ésta modalidad se puede llegar a comprometer la diversidad de un sitio, y con el tiempo incluso perder la credibilidad, imaginen entrar en una web que cada 2 artículos haya uno sobre casinos o poker.

¿Será la resistencia al cambio?

Otro punto a considerar es la resistencia al cambio, algo conocido por cualquiera con el experiencia en el área del software, a los usuarios les cuesta acostumbrarse a los cambios, y no porque lo “nuevo” sea difícil o lo que sea, sino porque los humanos somos seres de costumbres, y las nuevas experiencias nos generan una especie de incomodidad.

Tal vez, en unos años, alguno de los modelos presentados anteriormente se imponga y nos resulte natural, pero mientras tanto, habrá que luchar por subsistir.

D3.js es una librería hecha en Javascript que trabaja sobre SVG, HTML y CSS, y tiene como principal objetivo la generación de gráficos a partir de datos. No es la única opción, ya que hay varias, por ejemplo Highcharts, pero ésta ultima tiene la desventaja de no ser gratuita para uso comercial.

Hay que considerar que al usar SVG la compatibilidad con navegadores obsoletos es un tema complicado, por ejemplo el caso de IE8 y versiones anteriores, aunque por suerte la participación de mercado de éstos ha bajado mucho en los últimos tiempos.

D3 es capaz de hacer muchas cosas, no! mas cosas todavía, pero en éste tutorial vamos a empezar con lo básico para “dejarlo andando”.

Primeros pasos, digo, gráficos

Para los que hayan usado jQuery la sintaxis de D3 les va a parecer muy familiar, pero si no tienen experiencia previa con Javascript no se preocupen, es bastante sencillo. Lo recomendable es que lean un poco sobre el lenguaje para hacer mas fácil las cosas, pero como casi todo, con confianza y ganas se puede aprender.

Para usar D3.js solo basta incluirlo entre los recursos que necesita el sitio para funcionar, ésto es muy sencillo y solo requiere del uso de la etiqueta script de HTML para que el navegador cargue la librería.

El código para crear el gráfico más simple y aburrido de la historia. También pueden jugar con el ejemplo en éste fiddle.

Vamos por partes, dijo Jack

datos, se trata de los datos que va a usar la librería para generar los gráficos. En éste caso están incluidos en el script, pero lo normal es mediante cargarlos dinamicamente mediante AJAX. Además, D3 ofrece funciones para lidear con representaciones comunes de datos, como CSV, que son valores separados con comas.

Obviamente, no es necesario que la variable se llame datos, pueden ponerle el nombre que quieran. Otro detalle, lo normal es que nuestros datos estén guardados en un array (vector).

d3.select(‘algo’), se trata de una función de D3 que nos permite seleccionar el elemento en el cual queremos embeber el SVG, o lo que sea que fuésemos a embeber (D3 permite manipular cualquier elemento de HTML, dejemos ésto para mas adelante).

append(‘svg’), es la función responsable de “embeber” el elemento dentro del otro elemento que seleccionamos, lo que en realidad sucede es que select selecciona el elemento que queremos como objetivo, y las funciones encadenadas, o sea las que se llaman luego del select mediante .nombreFuncion trabajan sobre el resultado de la función anterior. En éste caso append añade un nodo hijo al elemento con id gráfico. En éste punto es cuando podemos decidir embeber otros elementos, por ejemplo párrafos (p) si tuviésemos un array con frases.

attr, tiene como objetivo asignar un valor a las propiedades de los elementos. En el caso del SVG le damos valor a los atributos alto y ancho.

Ahora que ya tenemos creado nuestro SVG vamos a añadir elementos, en éste momento es cuando los hechizos y la magia de D3 nos iluminan.

selectAll(‘rect’), éste método nos devuelve una selección vacía a la cual se le van a “añadir” (bind) los datos. En éste caso vamos a generar barras, por éso el nombre del elemento a seleccionar, rect.

data(datos), “enchufamos” los datos, lo que sucede acá es magia negra, se cuentan los elementos y se parsean, de ahora en mas, todos los métodos que llamemos se van a ejecutar tantas veces como elementos tenga el conjunto de datos que pasamos.

enter(), por fin, vamos a “unir” los datos con los elementos, es en éste paso donde el hechizo se ejecuta. Ahora falta especificar el tipo de elemento, lo que se hace en el paso siguiente.

append(‘rect’), se especifica el tipo de elemento que se quiere añadir al SVG.

El resto de los métodos son asignaciones de valores a los diferentes atributos de cada elemento creado.

Las funciones anónimas

Como ven en las asignaciones de valores a los atributos, las funciones anónimas son utilizadas para acceder a los valores de los datos y al indice del array. El primer parámetro siempre es el dato y el segundo el indice, pueden usar el nombre que quieran, no es necesario que los llamen d e i.

En el ejemplo se usan por demás, ya que solo son necesarias cuando necesitamos información de los datos, como su valor para calcular la altura, o del indice, para calcula la posición respecto del eje x para que no se superpongan los elementos.

Dentro de las funciones pueden hacer lo que quieran, lo que deben tener en cuenta es que deben devolver algo que se corresponda con el atributo que están usando, devolver una letra cuando están definiendo una altura va a dar un error.

Su mejor amiga, en las buenas, y sobre todo en las malas

La consola de Javascript de los navegadores es uno de los mejores elementos para aprender sobre los detalles de D3, y mas aún cuando tenemos errores, ya que enseguida pueden ver que está provocando el error y en que linea del código se encuentra.

Para acceder a ésta en general deben hacer clic derecho en algún lugar de la pagina y seleccionar “Inspeccionar elemento”, después van a la pestaña consola y voilá. Otra forma, al menos en Chrome, es con CTRL+MAYUS+j.

Lo bueno se acaba

La idea es que ésta sea la primer entrega, en la próxima vamos a hablar sobre como hacer nuestros gráficos un poco mas bonitos.

Outlook.com ahora soporta IMAP

En junio de éste año Outlook.com cumplió un año de vida, si bien heredo una gran cantidad de la base de usuarios de Hotmail, el servicio carecía de una funcionalidad importante para acceder desde aplicaciones nativas en las diferentes plataformas móviles, pero desde hoy ésto cambió, ya que ahora Outlook soporta IMAP.

Datos para configurar IMAP

IMAP para Outlook.com

• Servidor: imap-mail.outlook.com
• Puerto: 993
• Encripcion/Cifrado: SSL

SMTP para Outlook.com

• Servidor: smtp-mail.outlook.com
• Puerto: 587
• Encripcion/Cifrado:  TLS

No solo IMAP, también OAuth

Sin dudas IMAP fue un paso en la dirección correcta, ya que los competidores ya contaban con éste servicio, y además, OAuth es sin dudas otra gran mejora que recibió el producto, ya que ahora permitirá a los desarrolladores de aplicaciones utilizar una cuenta de Outlook para loguear a sus usuarios.

Pueden leer más al respecto, sobre todo de la parte de IMAP, en el blog oficial de Outlook.com, además, parte del equipo del producto se sometió a una sesión de preguntas y respuestas en Reddit.

Los dumbphones aún dan batalla

Para los que no estén familiarizados con el termino los dumbphones son aquellos teléfonos que no cuentan con muchas funcionalidades, sino que su principal uso es para enviar mensajes y realizar llamadas de voz. Obviamente, en el ultimo tiempo han ido perdiendo terreno frente a los teléfonos que permiten enviar correos, navegar por Internet con una experiencia de escritorio, jugar todo tipo de juegos, instalar aplicaciones a diestra y siniestra, usar diferentes servicios de mensajería instantánea (Whatsapp, Vine) y otro sin fin de actividades.

Samsung SGH C275L (Claro), Nokia 6555c (Personal) y Motorola Razr i (Claro)

¿Para que quiero un teléfono de la era de los dinosaurios?

Bueno, hay 2 razones principales, una de ellas es la duración de la batería, mi antiguo teléfono Samsung con “tapita” duraba 1 semana funcionando con una sola carga, y ésto con un uso razonable, varios SMSs por día y un par de llamadas. Obviamente, a olvidarse del Candy Crush y otros juegos, pero, después de todo, quería comunicarme cuando fuese necesario, no tener otra herramienta para procrastinar o desviar la atención de las personas que estaban compartiendo un momento conmigo.

La confiabilidad es también uno de los puntos fuertes de los dumbphones, si bien probablemente ésto esté mas relacionado con problemas de los sistemas operativos y el manejo del hardware del teléfono, el pequeño Samsung SGH era muy aguerrido al momento de conectarse a las celdas de las operadoras telefónicas, si había señal, no iba a tener problemas en conectarse, algo que no me sucede ahora con el Motorola Razr i, sin dudas el peor teléfono que tuve en mi vida, y lo peor es que no solo es un problema de ése teléfono, sino que es algo que padecen muchos usuarios de smarphones.

Ademas, existen otras razones:

• Precio
• Robustez
• Simpleza

Motorola Motofone F3 (un tiranosaurio “moderno”)

El cambio en las comunicaciones

Sin dudas los smartphones se hicieron “famosos” por ser flexibles, ya que se puede instalar siempre alguna aplicación para ésto o aquello, estar mejor preparados para usar redes sociales y porque, al menos en Argentina, son una forma dentro de todo accesible de mostrar status, algo que es mas psicológico que otra cosa, pero en fin, termina incidiendo en la decisión de las personas que compran un nuevo teléfono.

Otro aspecto que favorable para los smartphones es que el email se ha vuelto una forma casi estándar de comunicación, algo que antes no era tan así, y la realidad es que si bien muchos dumbphones permite acceder al correo, la mayoría de las aplicaciones no brindan una buena experiencia al usuario.

Conclusión

Si necesitan un teléfono confiable para hacer llamadas, puede que sea recomendable que compren un dumbphone, no solo son baratos, sino que son mas confiables y tienen una mayor vida útil. Además, por ser baratos, podrían tenerlo como teléfono de backup.

En mi caso, el dumbphone me parece genial para salidas al aire libre, una salida en kayak o en bicicleta, o para dejar cargado y apagado en el auto.

Altos y bajos en la vida de padrones.gob.ar, cuack

El sábado por la noche me dispuse a entrar al sitio donde se encontraban los padrones para las elecciones del pasado 11 de agosto de 2013, desafortunadamente, el sitio no estaba tan dispuesto como yo, así que luego de un par de intentos decidí buscar donde había dejado el papelito con mi escuela y numero de mesa, el cual afortunadamente encontré.

Mas tarde, mientras estaba esperando que me trajeran la comida en un restaurante y producto de que mi Razr i no soporte el Candy Crush, decidí utilizar algunos de los servicios que ofrecen “informes” de uptime gratuitos para monitorear el sitio con los padrones, es por esto que termine en la pagina de UptimeRobot y procedí a dar de alta el sitio.

El uptime comparado con el de Ciber Geek (CG)

Por las dudas el gráfico tiene un offset de 3 horas “para la izquierda” (o sea, las 20 son en realidad las 23), para cuando corregí ese detalle se perdía gran parte de la gráfica, así que preferí dejarlo de este modo.

Igualmente, esto no es para culpar al gobierno de nada, un poco de colaboración de la gente se tiene, ya que todos esperamos a ultimo momento. Además, si alguna vez usaron el sitio de la AFIP o similar, conocerán algunos de los detalles que tienen los sistemas que hace esta gente.