slide1

Alt1040. Noticias acerca de Internet, diseño, música, cine, opiniones, weblogs y medios

Es uno de los weblogs de tecnología más seguidos de la blogosfera hispana.

slide2

Bitelia. Blog de software, internet y servicios web

Software y aplicaciones para mejorar tu vida, guías de uso, trucos, listas, noticias y todo sobre tecnología.

slide3

Xataka. Publicación de noticias sobre gadgets y tecnología.

Últimas tecnologías en electrónica de consumo y novedades tecnológicas en móviles, tablets, informática, etc.

slide4

Wwwhatsnew. Aplicaciones, marketing y noticias en la web.

Servicios que os pueden ser útiles para dibujar, gestionar tareas, hacer amigos, encontrar restaurantes...

slide5

Fayerwayer. Discusiones y opiniones de lo ultimo en tecnología y gadgets

Con secciones dedicadas a Internet, Software o Redes Sociales es un referente a nivel de tecnología en español.

6 de febrero de 2015

Librerías para Blogger alojadas en la CDN de Google

Una CDN (Content Delivery Network) o 'Red de Distribución de Contenidos' es un conjunto de servidores que redistribuyen localmente el contenido y guardan en caché los archivos permitiendo acelerar la carga de las páginas, mejorando los tiempos de respuesta y reduciendo el consumo de ancho de banda.

Vamos a poner como ejemplo un blog.

Todo el contenido del blog lo sirve el hosting dónde está alojado, haciendo uso de su propio ancho de banda.
Con el paso del tiempo tu blog irá creciendo en suscriptores y número de visitas.
Supongamos que publicas el post de tu vida que atrae centenares de miles de visitas y se te cae el servicio de hosting por exceso de peticiones o el acceso a tu página web es demasiado lento porque el ancho de banda se colapsa. Las consecuencias son evidentes: los usuarios acabarán no leyendo el artículo por lo que perderás clientes potenciales.

Entre otras cosas, una CDN evita esta situación:
si tu contenido (vídeos, imágenes, música, documentos, etc.) se replica en diferentes redes y países dirigiendo las solicitudes de los usuarios hasta la copia más cercana a su red, la probabilidad de que tu hosting se sature disminuye consiguiendo unos tiempos de respuesta más rápidos.


Imagen de Wikipedia: sistema tradicional de distribución de datos y CDN.

El espacio de almacenamiento que nos ofrece el servicio Blogger de Google es gratuito y está destinado exclusivamente para nuestro blog (entradas, texto, plantillas, comentarios, widgets y poco más), lo cual plantea ciertos inconvenientes.

Cuando publico un post, procuro dotarle de dinamismo añadiendo gráficos y vídeos explicativos. Blogger lo resuelve permitiendo subir imágenes en local, desde una url externa, desde su servicio Picasa, etc.
En el caso de los vídeos podemos publicarlos en Youtube y referenciarlos desde nuestra plantilla html.

Pero ¿qué ocurre si quiero utilizar ficheros de presentación css (hojas de estilo en cascada) o js (javascript) para implementar funcionalidades en mi web?

  • los alojamos en servicios externos: Google Drive, Dropbox ...
  • accedemos directamente a los que nos ofrecen las CDN de terceros
Blogger hace uso de sus CDN como podemos ver en las siguiente captura de pantalla de Firebug (haz clic en la imagen para ampliarla).



Google tiene su propia CDN con las librerías javascript de código libre y css más utilizadas por los desarrolladores web.
Ofrece un listado con el nombre de las librerías alojadas así como las versiones soportadas.

Para cargar una de sus librerías alojadas, copia y pega el fragmento HTML en tu página web. Por ejemplo, para cargar jQuery, insertamos el código <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>.

Recomienda cargar las librerías de la CDN a través del protocolo HTTPS, incluso si tu propio sitio web sólo utiliza HTTP.
Los archivos de la CDN se procesan con cabeceras CORS y Timing-Allow y permiten ser almacenados en caché durante un año.

Librerías disponibles:
(fecha de última actualización 2 de febrero de 2015)

Toda la información en https://developers.google.com/speed/libraries/devguide




Otras páginas que ofrecen librerías javascript y css en su Red de Distribución de Contenido son:


También podemos encontrar numerosas CDN para Wordpress.
Algunos plugins son gratuítos:


El siguiente vídeo (en inglés) nos habla de MaxCDN, una CDN de pago para integrar con WordPress, Drupal, Joomla, Magento, PrestaShop, Social Engine, X-Cart, IP.Board, vBulletin, OpenCart, PyroCMS, MODX, Custom.




2 de febrero de 2015

Resalta el código fuente de tu web con Google Code Prettify

¿cuántas veces hemos recurrido a internet para consultar lenguajes de programación tan conocidos como html e insertar fragmentos de código en los blogs, foros o cualquier página web?
La manera más fácil y rápida de entender el código fuente es resaltar su sintáxis con diferentes colores.


En la red podemos encontrar multitud de servicios online para resaltar bloques de código fuente. Algunos de los más conocidos son:

Otras páginas nos ofrecen la posibilidad de descargar archivos (ficheros javascript y css) para instalar en nuestra web:

De todas las opciones disponibles he decidido usar Google Code Prettify por dos razones de peso:

  • No necesito instalar ninguna librería
  • Es muy fácil de usar: para integrarlo en mi blog, voy a escribir muy pocas líneas de código (a continuación os mostraré varios ejemplos).
Las características fundamentales de este resaltador de códigos son:

  • No bloquea la carga de la página mientras se ejecuta
  • Detecta automáticamente los bloques de código y el lenguaje de programación usado
  • Reconoce los lenguajes tipo C, Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, Ruby, PHP, VB, y Awk
  • Es compatible con la mayoría de los navegadores web
La forma de proceder es la siguiente:

  • Escribimos la línea

    <script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?autoload=true&skin=default" defer="defer"></script>

    dónde skin es la hoja de estilos que vamos a cargar.
    skin = default
    skin = sons-of-obsidian
    skin = sunburst
    skin = desert
    skin = doxy
  • A continuación escribimos la etiqueta <pre class="prettyprint">
  • Introducimos el código que vamos a colorear dentro del tag pre.
    Importante: hay que reemplazar todos los < por &lt; y los > por &gt; para que el navegador entienda que es texto plano.
  • Por último, cerramos la etiqueta </pre>
Ejemplo con 'default':



Ejemplo con 'sons-of-obsidian':



Ejemplo con 'sunburst':



Ejemplo con 'desert':



Ejemplo con 'doxy':



Además podemos numerar las líneas de código para cada uno de los estilos mencionados.
Para ello, tenemos que añadir la clase linemus al tag pre de la siguiente manera:
<pre class="prettyprint linenums">
Ejemplo con 'default' y 'linemus':



Documentación oficial:

https://github.com/google/code-prettify/blob/master/README.md
https://github.com/google/code-prettify
https://rawgit.com/google/code-prettify/master/examples/quine.html



29 de enero de 2015

Compartir desde Firefox ahora es más fácil

La última versión de Firefox permite compartir contenido de forma muy sencilla en los diferentes medios sociales. Por el momento soporta Facebook, Twitter, Google+, Gmail, LinkedIn, Tumblr, Delicious, Pocket, Mixi, Xing entre otras.
Si no usas Firefox puedes descargártelo gratis en https://www.mozilla.org/es-ES/firefox/new/

Comienza por pulsar el icono del avioncito de papel situado en la parte superior derecha de tu navegador para escoger tus redes sociales, marcadores favoritos en la nube, música, noticias personalizadas y mucho más.
Sin necesidad de programas ni descargas, sin complementos, esta nueva característica estará lista cuando pulses el icono desde cualquier sitio web que quieras compartir.



La primera vez, Firefox te llevará a la página de servicios disponibles para ir activando los que más nos interesen con sólo pulsar el botón Activar ahora



Una vez añadidos al navegador, pulsamos sobre uno de ellos para compartir el contenido de la página que estemos visualizando en ese momento.



Si queremos eliminar alguno de ellos, pulsamos sobre la opción Abrir menú situado en la parte superior derecha y a continuación hacemos clic en el icono Complementos



Nos situamos en Servicios y eliminamos o desactivamos pulsando el botón correspondiente.



Puedes comprobar todas las novedades que ha incorporado Firefox en su versión 35 Release en la siguiene dirección:
https://developer.mozilla.org/en-US/Firefox/Releases/35


26 de enero de 2015

ECmanaged y la gestión de servicios en la nube


El nuevo modelo de prestación de servicios de negocio y tecnología a través de internet es lo que conocemos como Cloud Computing o servicios en la nube, entendida ésta como un conjunto de servidores y redes con acceso vía Internet.


Esta solución es demandada por empresas y organizaciones porque reduce los costes en infraestructuras y recursos así como la necesidad de innovación tecnológica de tu negocio dedicando más tiempo a otras tareas más productivas.
Además, garantiza el ahorro de tiempo en instalaciones y mantenimiento de servidores propios y la optimización del gasto económico imponiéndose el arquetipo de pago por uso:
    - los responsables IT pagan únicamente por lo que sus máquinas virtuales consumen, añadiendo más o menos recursos según las necesidades que presente el negocio en cada momento de manera automática.

No obstante, esta tecnología no está exenta de ciertas dificultades e inconvenientes:

  • al contratar un proveedor Cloud nos encontramos con la pérdida de control ante un problema. Por el contrario, si dispones de servidores físicos en el datacenter la disponibilidad es inmediata.
  • la cobertura es otro factor determinante. Nos podemos encontrar con problemas legales o de seguridad de los datos según la ubicación del proveedor, deficiencias o ausencia de estrategias de posicionamiento SEO ...
  • las prestaciones y el rendimiento ofrecidos por los distintos proveedores pueden ser muy herterogéneos.
  • generalmente, los proveedores de Cloud ofrecen interfaces poco amigables y procesos de gestión complejos.
Para facilitar a los profesionales de IT (tecnologías de la información) las tareas de administración, mantenimiento y monitorización de los sistemas cloud contratados surgieron los Cloud Management Platforms (CMP) o aplicaciones para la gestión de diversos proveedores cloud como ECManaged
Son paneles de control que unifican la forma de trabajar con diferentes proveedores de infraestructura cloud (AWS, DigitalOcean, Linode, Rackspace, Opesntack...). Para ello hacen uso de las APIs que proporcionan los proveedores cloud para el control de sus servicios.

Las funcionalidades proporcionadas por los CMP, habitualmente son:

  • creación y eliminación así como encendido y apagado de servidores cloud.
  • despliegue automático de aplicaciones.
  • gestión de capacidad (CPU, RAM, Disco y Red).
  • automatización de tareas de gestión como la actualización de aplicaciones.
  • autoescalado: permite lanzar servidores cloud adicionales para responder a picos de demanda.
Aquellas compañías que ya han invertido en servidores físicos y ahora les interesa migrar a la nube. ¿Qué hacen con el legado de sus servidores? Seguramente han supuesto un importante coste para la empresa y los recursos aún no se han amortizado del todo.
El escenario ideal es que los servidores físicos también se puedan gestionar desde el mismo CMP.

Los CMP más conocidos internacionalmente son Rightscale, Exoscale, Scalr, etc, pero ECmanaged es el primero que también permite la gestión de servidores físicos de la empresa haciendo posible:

  • la gestión avanzada tanto en infraestructura cloud como física en un mismo entorno.
  • escalar de forma automática una plataforma física con un servicio cloud.
  • añadir a tu plataforma física servidores cloud distribuidos geográficamente.
  • en caso de desastre, se puede lanzar una réplica de la plataforma física afectada en un proveedor.
El pasado año publiqué un artículo que pone de relieve las virtudes de ECmanaged como solución para gestionar entornos multicloud. En el post se detallan de forma conceptual y gráfica las principales características de esta plataforma. Toda la información está disponible en la dirección Cloud Management Platform (CMP): solución para gestionar entornos MultiCloud

ECmanaged ha dado un paso más añadiendo nuevas funcionalidades a partir de las sugerencias y feedback de sus clientes:

  • monitorización cloud más detallada, proporcionando métricas de rendimiento y experiencia de usuario más precisas.
  • mayor número de acciones automatizables, resolviendo automáticamente más del 75% de las incidencias de aplicaciones en menos de cinco minutos.
  • implementación de un sistema de despliegue automático que funciona a través de un sistema de templates muy flexible permitiendo ahorrar hasta un 50% de tiempo.
  • checks de multilocalización para programar y ejecutar respuestas web, checks TCP y métricas de monitorización de forma automática. Esta función se realiza desde San Francisco, Nueva York, Londres, Ámsterdam y Singapur.
  • checks de procesos para conocer el estado del rendimiento de los recursos.
  • creación de un histórico de monitorización de las métricas a través de la vista de restropección.
Esta captura de pantalla muestra la visión global del apartado de monitor (pulsa sobre la imagen para ampliarla).



Además de los esfuerzos en ofrecer una detallada monitorización, el equipo de ECmanaged también ha desarollado:

  • un interfaz de usuario y navegabilidad web mejorada facilitando al usuario la interacción y desplazamiento en las páginas y el acceso a los recursos.
  • una versión móvil: diseño web adaptativo permitiendo el acceso desde cualquier dispositivo móvil.
Datos numéricos que se pueden extraer del uso de esta plataforma multi-cloud:

  • los profesionales IT, sobretodo Sysadmin (administradores de sistemas), DevOps (desarrollo de software, control de calidad y sistemas) y CTOs (directores de tecnología) pueden gestionar el doble de servicios.
  • según la información aportada por clientes, el ahorro de tiempo invertido en instalar servidores se traduce en un 87% pasando de 2 horas a 15 minutos.
  • la automatización de las tareas de implementación (despliegue automático de aplicaciones y aprovisionamiento de servidores virtuales) como de gestión (automatización y monitorización de tareas) hacen posible ahorrar hasta el 70% de costes existentes en recursos cloud.
Toda la información sobre el software está disponible en Multi-Cloud Management software- ECmanaged | ECmanaged.
También cuenta con una versión Free Trial de 30 días para probarla.



Para terminar, quería hacer mención especial al equipo de ECmanaged por facilitarme el acceso a su solución y en particular a Diana Martínez por su profesionalidad y por entregarme la documentación necesaria para entender la filosofía de los CMP y posibilitar la redacción del artículo.


15 de enero de 2015

I love technology - Abecedario de términos y acrónimos

Las nuevas tecnologías son la principal fuente de voces nuevas en nuestro idioma, e Internet actúa como el canalizador más rápido y eficaz que conocemos para generar y difundir dichas voces.
A continuación repaso algunos de los vocablos más usados en internet.

App

Abreviatura de la palabra inglesa 'Application' que hace referencia a una aplicación de software o programa informático que se instala en dispositivos móviles.
Siendo una palabra de uso común en el mundo del software, el término App comenzó a utilizarse especialmente para referirse a las aplicaciones para móviles en 2008, tras la consecución de tres hitos importantes en la historia de las aplicaciones, el lanzamiento del App Store de Apple, la publicación del primer SDK para Android y la posterior pero casi inmediata inaguración del Android Market.

Bitcoin

Bitcoin (signo ฿) es un medio digital de intercambio descentralizado y concebido en 2009 por Satoshi Nakamoto.
El término se aplica también al protocolo y a la red P2P que lo sustenta.
Las transacciones en Bitcoin se realizan de forma directa, sin la necesidad de un intermediario. Al contrario de la mayoría de las monedas, Bitcoin no está respaldado ni controlado por ningún gobierno ni banco central y no existe en el mundo real ya que está compuesta de bits y bytes.

Cloud Computing

La computación en la nube o servicios en la nube es un nuevo modelo de prestación de servicios de negocio y tecnología a través de internet.
Es un paradigma en el que la información se almacena de manera permanente en servidores de Internet y se envía a cachés temporales de cliente, lo que incluye equipos de escritorio, centros de ocio, portátiles, etc.
Esta medida reduce los costes, garantiza un mejor tiempo de actividad y que los sitios web sean invulnerables a los hackers, a los gobiernos locales y a sus redadas policiales.

Data (Big)

El Big Data hace referencia a la acumulación masiva de datos y es una tendencia en el avance de la tecnología que ha abierto las puertas hacia un nuevo enfoque de entendimiento y toma de decisiones, la cual es utilizada para describir enormes cantidades de datos (estructurados, no estructurados y semi estructurados) que tomaría demasiado tiempo y sería muy costoso cargarlos a un base de datos relacional para su análisis. De tal manera que, el concepto de Big Data se aplica a toda aquella información que no puede ser procesada o analizada utilizando procesos o herramientas tradicionales.
Existen muchísimas herramientas para tratar con Big Data. Algunas de las más conocidas son Hadoop, NoSQL, Cassandra, Business Intelligence, Machine Learning, MapReduce.

Ecommerce

El término comercio electrónico (e-commerce por sus siglas en inglés) se refiere al uso de un medio electrónico (Internet y otras redes informáticas) para la venta de productos y servicios.
Como ejemplos de sistemas de pago electrónico nos encontramos las pasarelas de pago o TPV virtual para el pago con tarjeta, los sistemas de monedero electrónico y los sistemas que se conectan directamente con la banca eletrónica del usuario.

Tipos de comercio electrónico:
Business to Business (B2B) - comercio realizado entre empresas.
Business-to-Consumer o Business-to-Customer (B2C) - comercio entre la empresa y el consumidor final.
Consumer to Consumer (C2C) - comercio electrónico entre usuarios particulares de Internet.
Government to Consumers (G2C) - comercio entre gobiernos y consumidores, por ejemplo, el pago de impuestos, multas y tarifas públicas.
Government to Business (G2B) - negocios entre gobierno y empresas, por ejemplo: las compras del Estado a través de internet por medio de licitaciones, concurso de precios, etc.

Feed Reader

Un feed reader o news reader, también llamado lector de noticias (news o feeds), es una aplicación que permite suscribirse a fuentes web en formatos RSS, Atom y otros, para recibir información actualizada de un sitio web.
El funcionamiento es sencillo: un visitante se suscribe a un sitio web a través de un enlace. El programa agregador se encarga de verificar dicho enlace y descarga (o solo notifica) información de ese sitio web.
El usuario puede recibir las actualizaciones de sus sitios web preferidos de forma rápida y homogénea, sin tener que visitar cada uno de esos sitios web. El programa agregador puede ser programado para que periódicamente revise si hay nuevo contenido a descargar. Además los agregadores pueden filtrar, ordenar y buscar entre los múltiples feeds que llegan.

Gaming

El Gaming o Gamificación es el empleo de mecánicas de juego en entornos y aplicaciones no lúdicas con el fin de potenciar la motivación, la concentración, el esfuerzo, la fidelización y otros valores positivos comunes a todos los juegos.
Se trata de aplicar conceptos y dinámicas propias del diseño de juegos a campos tan diversos como la educación, el marketing o la realización de encuestas con el objetivo de estimular y hacer más atractiva la interaccción del usuario.
Utiliza la predisposición natural humana hacia la competición y el juego para hacer menos aburridas determinadas tareas y para fidelizar al usuario.

Hacker

El término en inglés Hack se traduce al castellano como "piratear" y de ahí pirata informático.
Aunque su significado suscita controversia, se puede definir a un hacker como alguien que descubre las debilidades de una computadora o de una red informática, aunque el término puede aplicarse también a alguien con un conocimiento avanzado de computadoras y de redes informáticas.
Desde hace tiempo los hackers han sido investigadores que han ayudado al progreso de la sociedad tecnológica de nuestro tiempo. El utilizar la definición como "pirata informático" para la palabra hacker es una criminalización del término y una degradación a ciberdelincuente de un grupo de personas que gracias a su pasión por buscar los límites de las tecnologías han mejorado nuestro tiempo.

Inbound Marketing

También conocido como marketing de atracción es un conjunto de técnicas no intrusivas que nos permiten conseguir captar clientes aportando valor, a través de la combinación de varias acciones de marketing digital como el SEO, el marketing de contenidos, la presencia en Redes Sociales, la generación de leads y la analítica web.
Debe ser el usuario quien se sienta atraído por los productos y es entonces, cuando se establece el contacto, siempre con la iniciativa del cliente.
El inbound marketing se puede resumir en cuatro palabras: crear, optimizar, dinamizar y convertir.

Jailbreak

La traducción literal es 'fuga de la cárcel' y consiste en explotar las restricciones de privilegios impuestas por el fabricante de software Apple mediante el uso de kernels modificados.
El jailbreak hace posible acceder por completo al sistema operativo iOS, permitiendo a los usuarios descargar aplicaciones, extensiones y temas que no estén disponibles a través de la App Store oficial.
Los dispositivos afectados son iPhone, iPod Touch, iPad y la Apple TV de segunda generación.

Kanban

Kanban es una palabra japonesa que significa "tarjetas visuales", donde Kan es "visual", y Ban corresponde a "tarjeta" o "tablero".
El término Kanban forma parte de las llamadas metodologías ágiles: métodos de ingeniería del software basados en el desarrollo iterativo e incremental, donde los requisitos y soluciones evolucionan mediante la colaboración de grupos auto organizados y multidisciplinarios.
Los métodos ágiles enfatizan las comunicaciones cara a cara en vez de la documentación.
Destaca por ser una técnica de gestión de las tareas muy visual que permite gestionar mejor un proyecto, evitar la sobrecarga de trabajo de determinados miembros del equipo y obtener mejores resultados.
Otros métodos ágiles de desarrollo de software son Scrum, Adaptive Software Development (ASD), Crystal Methodologies, Feature-Driven Development (FDD), Lean Software Development (LSD), Open Unified Process (OpenUP), eXtreme Programming (XP), Dynamic Systems Development Method (DSDM).

Landing Page

La tradución del inglés es página de aterrizaje y es la página web a la que llega una persona despues de pulsar en el enlace (link) de una guía, un portal o algún banner o anuncio de texto situado en otra página web o portal de internet.
En la mayoría de los casos esta página web es una extensión del anuncio de promoción, donde se explica más detalladamente la oferta del producto o servicio a través de una carta de ventas.
La función principal de una landing page es la conversión de visitantes en clientes por lo que proporcionan una atención personalizada de ventas para el visitante (atienden un segmento específico en función de donde venga el visitante que hizo click en un enlace seleccionado).

Microbloggin

Es un servicio de publicación que consiste en el envío de mensajes cortos de texto (longitud máxima de 140 caracteres) desde sitios web, a través de SMS, sistemas de mensajería instantánea o mediante aplicaciones desarrolladas con este propósito.
Su finalidad es explicar qué se está haciendo en un determinado momento, compartir información con otros usuarios u ofrecer enlaces hacia otras páginas web y es la forma más rápida de difundir noticias online a una velocidad muy superior a la del correo electrónico.
Twitter es el líder destacado de los sistemas de microblogging.

NFC

Near Field Communication es una tecnología de comunicación inalámbrica de corto alcance y alta frecuencia que permite el intercambio de datos entre dispositivos.
NFC es una plataforma abierta pensada desde el inicio para teléfonos y dispositivos móviles. Su punto fuerte está en la velocidad de comunicación que es casi instantánea y en la capacidad de enviar y recibir información al mismo tiempo, como contrapartida, el alcance de la tecnología NFC es muy reducido, pues se mueve como máximo en un rango de 20cm.
Esta tecnología se usa principalmente para la identificación (los abonos de autobús son un ejemplo muy válido), la recogida e intercambio de información (Google lo utiliza para marcar dónde estamos, recibir información de un evento o establecimiento, etc) y sobre todo, el pago (BBVA es el primer banco español en permitir el pago con smartphones).
El Ministerio de Interior ha presentado recientemente la nueva versión del documentado nacional de identidad (DNI electrónico 3.0) que cuenta con un chip de transmisión por radiofrecuencia y NFC para enviar los datos de forma segura a otros dispositivos como smartphones.

Open Source

Es una expresión de la lengua inglesa que puede traducirse como "fuente abierta" o "código abierto" y hace referencia al software distribuido y desarrollado libremente.
Se califica como open source, por lo tanto, a los programas informáticos que permiten el acceso a su código de programación, lo que facilita modificaciones por parte de otros programadores ajenos a los creadores originales del software en cuestión.
Es importante distinguir entre el software open source, que dispone de la mencionada característica de presentar su código abierto, y el software libre, que puede descargarse y distribuirse de manera gratuita.
Existe software libre que no brinda acceso al código (y que, por lo tanto, no puede considerarse como open source), y programas open source que se distribuyen de manera comercial o que requieren de una autorización para ser modificados.
Entre los programas de código abierto más populares, se encuentran el navegador Firefox, el paquete de oficina Open Office, el cliente de FTP FileZilla, el archivador de ficheros 7-Zip, el editor de texto Notepad++, los sistemas operativos Android (desarrollado por Google) y Ubuntu (que apela al núcleo de Linux), entre otros muchos.

Phablet

El termino informal Phablet, que en castellano se puede pronunciar como "fablet", proviene de la contracción de las palabras Phone y Tablet y sirve para designar a aquellos dispositivos electrónicos móviles o portátiles con pantallas táctiles entre 5 y 7 pulgadas aproximadamente.
La diferencia fundamental entre un Phablet y un Tablet es que con el primero siempre podemos hablar por teléfono algo que con el segundo suele estar vetado.

QR Code

Un código QR (Quick Response Barcode o "código de respuesta rápida") es un sistema de almacenamiento de información en un código de barras de dos dimensiones.
Se trata de un estándar que permite representar en un gráfico bidimensional hasta 4.296 caracteres alfanuméricos.
Se caracteriza por los tres cuadrados que se encuentran en las esquinas y que facilitan el posicionamiento para su interpretación.
Los códigos QR pueden leerse desde smartphones, tablets o PCs por medio de dispositivos de captura de imagen (escáner, cámara de fotos) y un software que interpreta la lectura y realiza la acción que indica el código.
Podemos usarlos para pasar nuestra tarjeta de visita, la URL de nuestra web, una dirección, la localización en un mapa sobre la ubicación de una empresa, una imagen, un documento pdf, un vídeo corporativo, etc. Por lo tanto representan una apuesta en el mundo del Marketing, la Publicidad y el Consumo.

RWD

El diseño web adaptativo, conocido por las siglas RWD (del inglés, Responsive Web Design) es una técnica de diseño y programación web que consigue la correcta visualización del contenido web a cualquier resolución de pantalla, lo que hace posible tener un único diseño para dispositivos móviles, tabletas y PC.
Esta técnica te permite optimizar la experiencia de tu página en diferentes tamaños de pantalla sin crear varios sitios web.

Los tres pilares técnicos para un diseño web adaptable son:
Las fuentes fluídas - diseño de página flexible que utilice tamaños relativos.
Las imágenes flexibles - contenidos e imágenes flexibles aplicando cambios de escala dinámicos o mediante CSS.
Las media queries - nos permite apuntar no sólo a ciertas clases de dispositivos, sino realmente inspeccionar las características físicas del dispositivo que está renderizando nuestro trabajo.

Selfie

Una autofoto o selfi — también conocida con las voces inglesas selfie o selfy - es una fotografía que uno toma de sí mismo realizada con una cámara fotográfica, normalmente una cámara digital o smartphone.
Se trata de una práctica asociada al mundo de las redes sociales, ya que es muy habitual su publicación en línea.
Ha sido elegida como "palabra del año 2013" por los editores de los diccionarios Oxford de lengua inglesa, tras extenderse significativamente su uso.
Apareció por primera vez en 2002 en un foro de internet en Australia y experimentó un fuerte incremento en su uso a mediados del año 2012, cuando se comenzó a emplear este término constantemente en medios de comunicación.
Los "selfies" son tan populares que incluso existen aplicaciones especiales. Una bastante curiosa es la app de seguridad FaceCrypt, un servicio para iOS que permite almacenar información que solo puede ser vista si el usuario hace una captura de su rostro.

Torrent

Torrent es un fichero que almacena toda la información referente a una descarga y que la identifica de forma única. Así, en lugar de descargar varios archivos de vídeo que consisten cada uno en un episodio de una serie de TV, podremos bajar de una sola vez una temporada entera con todos los capítulos.
Los archivos Torrent (con extensión .torrent) son usados por BitTorrent.
BitTorrent es un protocolo diseñado para el intercambio de archivos punto a punto (peer-to-peer o P2P) en Internet. En este tipo de redes todos los usuarios gozan de idénticos privilegios, de ahí que las redes P2P se llamen "de igual a igual".
Es uno de los protocolos más comunes para la transferencia de archivos grandes y es usado para el intercambio de archivos entre usuarios.
El protocolo BitTorrent fue desarrollado originariamente por el programador Bram Cohen y está basado en software libre.

UX

Las siglas UX hacen referencia a la experiencia de usuario o User eXperience en inglés y se trata de un concepto amplio que tiene en cuenta aspectos emotivos de las personas al interactuar con un sistema.
Es muy habitual que se confunda con el diseño de interfaces (UI) pero esta disciplina incorpora muchos otros aspectos como la investigación de usuarios, la usabilidad, el diseño de interacción y la accesibilidad.
Todos estos aspectos son fundamentales para comprender la forma en que las personas se relacionan con las interfaces y lograr que sean más intuitivas, más fáciles de usar y con una interacción más fluida.

VoIP

"Voz sobre IP" es la abreviatura de "Voz sobre Protocolo de Internet" ("Internet Protocol" en inglés) y es mundialmente conocido como VoIP.
Es la tecnología que hace posible que la señal de voz viaje en forma digital a través de Internet empleando un protocolo IP (Protocolo de Internet).
El Protocolo de Internet fue diseñado originalmente para redes de transición de datos, y debido a su gran éxito fué adaptado a las redes de voz mediante la paquetización de la información y transmisión de la misma como paquetes de datos IP.
VoIP está disponible en muchos teléfonos inteligentes, computadoras personales y en los dispositivos de acceso a Internet, tales como tabletas.
Line, Skype, Viber y Tuenti, entre otros, ya ofrecen esta característica. El servicio de mensajería Whatsapp ha anunciado que proximamente va a incorporar el servicio de llamada VoIP a su aplicación.

WWW

Sigla de la expresión inglesa World Wide Web, 'red informática mundial' o 'red de redes' o 'telaraña mundial'.
Es el sistema lógico de acceso y búsqueda de la información disponible en Internet, cuyas unidades informativas son las páginas web.
En 1989, el investigador británico Tim Berners Lee describió en un informe para el CERN (Laboratorio Europeo de Física de Partículas) el protocolo para la transferencia de hipertextos, lo que un año después sería la World Wide Web.

XHTML

XHTML son las siglas del inglés eXtensible HyperText Markup Language y está basado en el lenguaje de marcas HTML pero con la diferencia que es más estricto y de acuerdo con el estándar XML.
Debido al uso cada vez más generalizado de dispositivos de navegación, fué necesario crear herramientas que permitan el manejo de la información de una manera estandarizada y lo más universalmente posible. Por esta razón surge XHTML con un etiquetado más estricto que HTML, que permite una correcta interpretación de la información, independientemente del dispositivo con que se accede a ella.

Youtuber

Se llama youtuber a la persona que tiene cientos de miles de seguidores en su canal de YouTube y que consigue sumar grandes cantidades de dinero creando y subiendo vídeos a su canal.
Este "negocio de los Youtubers", nació en Estados Unidos hace años, pero su instauración en España es mucho más reciente y solo una pequeña élite vive de ello.
Además del programa de publicidad propio de Google, que paga a los creadores de contenidos según lo que generen los anuncios en sus vídeos utilizando diferentes formatos, los youtubers gestionan su publicidad con agencias especializadas, partners del gigante de los vídeos en Internet para poner orden entre canales con mucho impacto y marcas que buscan y quieren pagar por ese impacto que no pueden conseguir por sí mismos.

Zombie

Zombi es la denominación asignada a ordenadores personales que, tras haber sido infectados por algún tipo de malware, pueden ser usados por una tercera persona para ejecutar actividades hostiles o ciberdelitos.
Este uso se produce sin la autorización o el conocimiento del usuario del equipo.
El nombre procede de los zombis o muertos vivientes esclavizados, figuras legendarias surgidas de los cultos vudú.




12 de enero de 2015

Gadget para aumentar tu número de suscriptores - Blogger

Un newsletter o boletín electrónico es una poderosa herramienta de marketing y comunicación que informa a los usuarios acerca de noticias de interés, promociones y productos o servicios de forma regular y ayuda a construir una relación única con ellos, lo que conocemos como engagement y fidelización de clientes.

En el post anterior hablo de la importancia del Email Marketing en la fidelización de clientes. Échale un vistazo, no tiene desperdicio :)

Técnicamente, un newsletter es un mensaje en formato HTML que se envía por correo electrónico a una lista de suscriptores. Existen numerosas plantillas html gratis y de pago para newsletters pero el propósito de este post es proporcionar el código html necesario para su uso.

Los popups utilizados de forma correcta en tu web site pueden llegar a ser un instrumento muy útil para convertir a tus visitantes en suscriptores o clientes. Atrás quedaron las ventanas emergentes y banners molestos e intrusivos con anuncios o publicidad que nos asaltaban nada más visitar una página web.
En este sentido, debemos tomar en consideración la usabilidad como aspecto fundamental en el diseño.
Personalmente, me incomoda mucho que aparezcan ventanas emergentes de suscripción en todas y cada una de las páginas de un mismo sitio web. Para evitar ésto, contamos con tres posibilidades:

  • controlar la ip del visitante de tal forma que sólo nos la ofrezca la primera vez que visitamos la página. Ésto se hace desde el servidor o back-end.
  • almacenar la información del visitante en una cookie en la parte cliente o navegador web (front-end).
  • almacenar la información en el cliente web a través del método SessionStorage de html5 (lo soportan los navegadores más modernos del mercado).
En el ejemplo que muestro a continuación optaré por las cookies y me comprometo a codificar el resultado en html5 en un artículo posterior.

Éstos son los pasos a seguir:

  1. Selecciona la entrada Diseño del panel principal de Blogger.
  2. Pulsa sobre el link Añadir un gadget y se abrirá una ventana con diferentes alternativas
  3. Desplazamos el scroll de la nueva ventana hacia abajo hasta llegar a la opción:

    HTML/JavascriptAñadir
    Añade una característica de un tercero u otro código a tu blog.





  4. En la caja Contenido pega el siguiente código:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jmacuna/subscription-feedburner@master/style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js"></script>
    <script>
    idleTime = 0;
    $(document).ready(function(){
     $limit = 5; //seconds
     if ($.cookie('test_status') != '1') {
      function timerIncrement() {
       idleTime = idleTime + 1;
       if (idleTime > $limit) {
        $('html, body').css('overflow', 'hidden');
        $('.subs-popup ').fadeIn('slow');
        idleTime = 0;
       }
      }
      // Increment the idle time counter every second.
      var idleInterval = setInterval(timerIncrement, 1000); // 1 second
      // Zero the idle timer on mouse movement.
      $(this).mousemove(function (e) {
       idleTime = 0;
      });
      $(this).keypress(function (e) {
       idleTime = 0;
      });
      $.cookie('test_status', '1', { expires: 30 });
     }
     $('.email-close').click(function() {
      $('.subs-popup').fadeOut('slow');
      $('html, body').css('overflow', 'auto');
      $limit = 9999;
     });
    });
    </script>
    
    <div class="subs-popup">
     <div id="newsletter">
      <div class="email-close">X</div>
      <div class="newsletter-wrap">
       <h4>Suscríbete y recibe<br/>contenido exclusivo</h4>
       <p>Las últimas novedades del blog<br/>directamente a tu email.<br/><br/></p>
       <form action="http://feedburner.google.com/fb/a/mailverify?loc=es-ES&uri=[FEED_DE_TU_BLOG]" method="post" onsubmit="$('.email-close').click();window.open('about:blank', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" novalidate="">
        <input name="uri" type="hidden" value="bloggertrix"/>
        <input name="loc" type="hidden" value="en_ES"/>
        <input type="email" value="" name="email" placeholder="Tu e-mail aqui..." required=""/><br/><br/>
        <input type="submit" value="Suscribirme" class="button-popup">
       </form>
      </div>
     </div>
    </div>
    
  5. Por último hacemos click sobre el botón Guardar

Vamos a analizar los parámetros que intervienen en el código:

  • $limit = 5: tiempo de espera en segundos (desde que se carga la página) para mostrar el popup de suscripción.
  • [FEED_DE_TU_BLOG]: feed de suscripción de tu blog.
    Más información en ¿Qué es el feed de un sitio?
Como indicación final, resaltar que la hoja de estilo que utilizo (style.css) así como el formulario son totálmente personalizables.

Puedes visualizar y descargar el ejemplo para integrarlo en tu blog en la siguiente dirección

Widget para Suscripción de Correo Electrónico




22 de diciembre de 2014

Email Marketing como estrategia en la fidelización de clientes

Para entrar en contexto, explicaremos brevemente el concepto de Marketing Digital: "empleo de estrategias de incentivación a la venta y comercialización haciendo uso de los medios digitales, a través de herramientas para alcanzar los objetivos marcados (conversión) y estableciendo indicadores para medir todos los procesos (analítica). Fuente Wikipedia

Bajo esta perspectiva, es importante distinguir entre medios online (medios digitales) y medios offline (o tambien llamados medios tradicionales) como la televisión, la radio, la prensa, o los mupis (soportes publicitarios ubicados en las calles más concurridas de las ciudades), entre otros.

El Marketing Digital engloba las áreas de comunicación, relaciones públicas, publicidad y venta.

Herramientas imprescindibles de Marketing Digital

  • Email Markerting.
  • Posicionamiento en buscadores (SEO, SEM) y optimización web.
  • Redes Sociales y comunidades (Social Media).
  • Mobile Marketing.
  • Aplicaciones Móviles.
  • Venta por internet (Ecommerce).
El Marketing Digital en la actividad empresarial

Todo proyecto empresarial que tenga definidos unos objetivos digitales, debe tener elaborado un plan de Marketing Digital.
Dentro de una comunicación 2.0 las empresas tienen que estar presentes en los canales de comunicación de sus clientes, generando interacción y dispuestas a dar un servicio de atención al cliente.
En este sentido, tienen que preguntarse si cuidan su presencia online y si dicha imagen se encuentra en todos los canales de Marketing Digital donde están sus clientes.
Además las pymes tienen que comprender la importancia del email marketing y su relevancia en la fidelización de clientes.

La eficacia del Email Marketing como herramienta de conversión

El Email Marketing es la técnica utilizada por las marcas para llegar a su público objetivo a través del correo electrónico. Esta herramienta de marketing incluye mailing y newsletters y fundamentalmente estrategias que avalen las acciones realizadas.

Últimamente se ha puesto en duda la efectividad del Email Marketing con la presencia de las redes sociales, sin embargo datos actuales demuestran que es el canal más efectivo de comunicación y generación de resultados en Marketing Digital.
Se ha consolidado como la herramienta más eficaz de comunicación segura en línea, tanto por la continua actualización de datos como la amplia capacidad de segmentación y la rápida ejecución y consecución de resultados.

La asociación española de empresas de publicidad en medios digitales, IAB Spain, en colaboración con The Cocktail Analysis han puesto a nuestra disposición los datos resultantes de su IV estudio anual sobre Mobile Marketing [ pdf ] (septiembre de 2014).

En su análisis, cabe destacar el aumento del uso de smartphones o teléfonos inteligentes que alcanza el 57% de la población española.
Los usos predominantes son la mensajería instantánea (77%), le sigue el correo electrónico (70%) y por último las redes sociales (63%).
Según estos datos, el porcentaje de penetración del correo electrónico en España ofrece muy buenos resultados.

El correo electrónico es una herramienta imprescindible y muy eficaz para difundir contenido de calidad porque permite crear una relación personalizada y directa con nuestros clientes, afiliados o suscriptores.

Para alcanzar los altos retornos de inversión que nos proporciona el email como herramienta, se deben llevar a cabo acciones específicas y planificadas.
Podríamos definir los siguientes objetivos:

  • Creación de un nuevo canal para fidelizar al público.
  • Creación de un nuevo canal para vender al público.
  • Aumentar las ventas a través del newsletter (boletín informativo o publicación distribuida de forma regular).
  • Aumentar la cantidad de suscriptores.
  • Y un largo etcétera.
Del mismo modo, deberíamos definir nuestras estrategias:

  • Ofertas exclusivas para suscriptores.
  • Elaboración de vídeos o tutoriales de los productos.
  • Concursos y sorteos.
  • Envío de pruebas del producto.
  • ...
Los contenidos para la puesta en práctica de estas estrategias podrían ser:

  • Ofertas.
  • Videos
  • Fotos
  • Noticias.
  • Banners.
  • Reviews.
  • Etc.
Herramientas de Email Marketing

Existen muchas plataformas de marketing por email por lo que deberás identificar la que más se adapte a tus necesidades.

Hoy voy a hablar del único software de email marketing que permite enviar gratis 75.000 emails al mes a 15.000 suscriptores con autorespondedores incluidos. Se trata de la plataforma MailRelaylogo_mailrelay

Es una herramienta muy potente con un sistema de estadísticas de campaña con retorno de clics en enlaces y completa información de suscriptores y una suite de manejo de la aplicación intuitiva, sencilla y muy versátil para gestionar tus BBDD, diseñar y mandar tus boletines, ver informes de resultados de cada envío, etc. lo que la convierte en una opción de primera línea a tener en consideración. Sus principales ventajas y prestaciones son:

  • Incluye completa suite de gestión de BBDD, envíos y suscriptores.
  • Software avanzado de diseño de boletines en HTML integrado en la aplicación.
  • Penetración de envíos garantizada en Hotmail, Yahoo, Gmail, AOL, etc.
  • Estadísticas de seguimiento por suscriptor, clicks, SO, ubicación geográfica, etc.
  • Sistema de altas y bajas automático con formularios con confirmación por email.
  • Control de mails fallidos, bounces y clicks en correo no deseado.
  • Limpieza de BBDD automática y corrección de sintaxis de emails.
  • Posibilidad de envió a través de un servidor SMTP estándar.
  • Integración con su portal o aplicación CRM y ERP con API y acceso a estadísticas.
  • Reputación de IP y dominio con control activo de la misma en tiempo real.
  • Soporta todos los estándares: SPF, DomainKeys Yahoo, Sender ID Microsoft, etc.
  • Soporte con administrador en tiempo real a través de chat, correo y tickets.
  • Total escalabilidad instantánea: hasta varios millones de envíos mensuales.
  • Libera carga de conexión local a Internet y no bloquea el correo de la empresa.
  • Envío de mailings masivos ultrarrápido: hasta más de 4.000.000 emails por hora.
  • Previsualización de su mensaje en diferentes proveedores de webmail.
  • Cálculo previo del spam score antes de mandar las newsletters.
  • Independencia de envío respecto a hosting y recursos web de la empresa.
  • Incluye IP inversa personalizable para servidores destinatarios que la exijan.
  • Reenvío automático desatendido de cuentas de email que reporten error.
  • Servicio I+D: desarrollo personalizado para los clientes.
Más detalles en: mail-relay-resumen.pdf

También os dejo un vídeo introductorio:




16 de diciembre de 2014

Comentarios con desplazamiento de texto para Blogger (efecto marquee)


Todos conocemos la importancia de un blog como herramienta de marketing online para cualquier actividad empresarial o negocio. Se trata de un instrumento muy competitivo y diferencial que actúa como canal de comunicación entre las empresas que ofrecen sus productos o servicios y los usuarios.

Un blog corporativo posibilita la interacción con nuestros clientes actuales y potenciales a través de comentarios, teniendo como finalidad aumentar la reputación de nuestra marca lo que se traducirá en la consecución de nuestros objetivos.
En cada acción que realizas o en cada comentario que alguien hace sobre ti, se está construyendo tú marca comercial o personal.

Para mostrar los comentarios recientes en nuestro blog, pagina o sitio web, podemos utilizar las herramientas que nos ofrecen los distintos gestores de contenido.
Ese plus de visibilidad nos los proporcionan los widgets o gadgets que permiten incrustar y presentar información relevante para el usuario final.

Blogger pone a nuestra disposición un gadget de muy fácil implementación y de máximo interés: un tablero con los últimos comentarios publicados en tu sitio web o blog..

Éstos son los pasos a seguir:

  1. Selecciona la entrada Diseño del panel principal de Blogger.
  2. Pulsa sobre el link Añadir un gadget y se abrirá una ventana con diferentes alternativas
  3. Desplazamos el scroll de la nueva ventana hacia abajo hasta llegar a la opción:

    HTML/JavascriptAñadir
    Añade una característica de un tercero u otro código a tu blog.





  4. Introduce el Título del widget (por ejemplo Últimos comentarios)
  5. En la caja Contenido pega el siguiente código:

    <script type="text/javascript">
     // Recent Comments Settings
     var
     numComments  = 10,
     showAvatar  = true,
     avatarSize  = 40,
     roundAvatar = true,
     characters  = 40,
     showMorelink = false,
     moreLinktext = "More »",
     defaultAvatar  = "http://i.imgur.com/3QqaBeS.png",
     hideCredits = true;
    </script>
    
    <script type="text/javascript" src="
    https://raw.githack.com/jmacuna/comments-avatar/master/recent_comments.html"></script>
    <script type="text/javascript" src="[URL DE TU BLOG]/feeds/comments/default?alt=json&callback=w2b_recent_comments"></script>
    
  6. Por último hacemos click sobre el botón Guardar

Vamos a analizar cada uno de los parámetros:

  • numComments: número de comentarios a mostrar.
  • showAvatar: 'true' si queremos mostrar el avatar (identidad virtual) del autor del comentario.
  • avatarSize: tamaño en píxeles de la imagen del avatar.
  • roundAvatar: 'true' para mostrar el avatar en forma redondeada.
  • characters: especifica el número de caracteres del comentario.
  • showMorelink: 'true' para que aparezca el link que nos lleva a la lectura de ese comentario.
  • moreLinktext: texto del enlace para acceder al comentario.
  • defaultAvatar: imagen por defecto para aquellos avatares que no disponen de imagen identificativa.
  • hideCredits: 'true'si queremos ocultar la url de la pagina del creador.
Como indicación final, sustituimos el texto [URL DE TU BLOG] por la dirección de nuestro blog (en mi caso: http://www.tecnoblog.guru).

Podéis ver el ejemplo funcionando en la columna derecha del blog, bajo la sección Suscribirse por Email (visible en la versión de escritorio).

Ahora vamos a dotar de mayor dinamismo al tablero con el efecto marquee (efecto de movimiento de los textos o comentarios).
Para ello, añadimos dos nuevas librerías javascript y la función jQuery para la ejecución del script.

El código resultante es el siguiente:

<table class="comments">
<tr><td class="title">Últimos comentarios</td></tr>
<tr><td><div class="scroller">
<script type="text/javascript">
var numComments  = 10,
    showAvatar  = true,
    avatarSize  = 40,
    roundAvatar = true,
    characters  = 40,
    showMorelink = false,
    moreLinktext = "More »",
    defaultAvatar  = "http://i.imgur.com/3QqaBeS.png",
    hideCredits = true;
</script>
<script src="https://cdn.jsdelivr.net/gh/jmacuna/comments-avatar@master/w2b_recent_comments_with_avatars.js"></script>
<script src="[URL DE TU BLOG]/feeds/comments/default?alt=json&callback=w2b_recent_comments"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jmacuna/comments-avatar@master/scrollForever.js"></script>
</div></td></tr>
</table>
<script type="text/javascript">$(document).ready(function({$(".scroller").scrollForever({dir:"top",container:"ul",inner:"li",speed:1000,delayTime:10,continuous:true,num:1});});</script>


Puedes visualizar y descargar el ejemplo para integrarlo en tu blog en la siguiente dirección:

Comentarios recientes con efecto 'marquee'


10 de diciembre de 2014

e-commerce: una apuesta segura en los próximos años

El término "comercio electrónico" (o e-Commerce por sus siglas en inglés) se refiere al uso de un medio electrónico para la venta de productos y servicios.
Como ejemplos de sistemas de pago electrónico nos encontramos las pasarelas de pago o TPV virtual para el pago con tarjeta, los sistemas de monedero electrónico y los sistemas que se conectan directamente con la banca eletrónica del usuario.

Si bien es cierto que tan sólo un 36% de los españoles ha hecho una compra en internet en el último año o que un 44% de los españoles nunca ha comprado por internet, los datos auguran un futuro prometedor.

Un estudio llevado a cabo por la consultora americana Forrester destaca que durante los próximos 4 años, Europa se consolidará como el continente con mayor volumen de ventas efectuadas a través de internet.
Además, el estudio añade que dentro de estas previsiones, España ocupará un lugar especial a la cabeza de los países que más crecerán dentro de este sector.
El e-commerce español crecerá un 13.4% para facturar unos 12.383 millones de euros, según Observatorio Nacional de las Telecomunicaciones y de la Sociedad de la Información (ONTSI).

En cuanto a los sectores que verán aumentar sus ventas a través del comercio electrónico, cabe destacar que por primera vez, el sector moda se posiciona como la principal categoría en las compras online con un 47%, seguido de viajes y tecnología. El sector de los libros también se ha vuelto hacia el entorno digital pues el 25% de las compras de libros también serán online. Otros sectores como el de alimentación actualmente están empezando a despegar en internet.

Las webs más utilizadas para las compras online son Amazon (35%), Ebay (29%) y Groupon (17%). Los usuarios las prefieren por sus múltiples ventajas, entre las que destacan: precios competitivos, variedad de productos y sencillez en el uso de las páginas.

Según la encuesta llevada a cabo por el ONTSI, algunos datos son reveladores.

Canal de compra

  • Sitio web que principalmente vende por internet: 52.6%
  • Tienda que tiene establecimiento físico y venta por internet: 48.7%
Formas de pago preferidas por los internautas

  • Pasarela de pago (tarjeta de crédito/débito): 52.8%
  • Proveedor de servicios de pago (PayPal, Google Wallet, etc): 28.4%
  • Contra reembolso/Domiciliación bancaria: 17.1%
  • Otros: 1.8%
Evolución del número de compradores por producto

  • Billetes de transporte: 59.4%
  • Reservas alojamiento paquete turístico: 51.6%
  • Ropa, complementos y artículos deportivos: 49.6%
  • Entradas a espectáculos: 49.1%
  • Electrónica: imagen, sonido, comunicaciones, hardware: 36.0%
  • Aplicaciones para móvil o tableta: 31.0%
  • Smartphones y tabletas, y sus accesorios: 23.9%
  • Películas, música y videojuegos: 21.0%
  • Perfumería y bazar: 14.6%
  • Restaurantes: 11.2%
  • Otros: 9.5%
Tipo de app adquirida para dispositivos móviles

  • Mensajería: 47.2%
  • Juegos: 30.9%
  • Entretenimiento: 30.1%
  • Utilidades (horario bus, taxi,...): 21.8%
  • Música: 17.8%
  • Navegación: 15.8%
  • Educación: 13.9%
  • Viajes: 8.6%
  • Noticias: 7.8%
  • Finanzas: 5.9%
Plataformas a través de las cuales se adquirió alguna app para un dispositivo móvil

  • App Store: 50.8%
  • Google Play: 46.8%
  • Amazon App Store: 3.7%
  • Windows Store: 1.5%
  • BlackberryWorld: 0.3%
  • Otros: 5.3%
Del informe cabe destacar:

  1. El número de internautas compradores, ha pasado de 15,2 millones en 2012 a 17,2 millones en 2013. El gasto medio se sitúa en en 848€, un 3,9 % superior al valor del año anterior.
  2. Más de cuatro millones de personas utilizaron un dispositivo móvil o tableta para realizar sus compras, lo que representa un incremento del 13,8% respecto al año anterior.
  3. El 32% de los internautas compradores online que utilizan tableta o teléfono móvil han adquirido alguna aplicación de pago siendo las preferidas las de mensajería y el móvil su principal destino.
Toda la información en "Estudio sobre el comercio electrónico 2013" [pdf] realizado por el ONTSI (órgano adscrito a la entidad pública empresarial Red.es)

El volumen de transacciones económicas vía internet crece de manera exponencial, pudiendo afirmar que ya es difícil encontrar un proyecto empresarial que no tenga sitio web, y en esa web un catálogo o al menos, una opción de solicitar algún tipo de producto o servicio.

Plataformas ecommerce para tiendas online

Cada negocio y cada estrategia es diferente pero debemos tener presente algunas consideraciones a la hora de llevar a cabo un plan de acción:

  • Profundo conocimiento del mercado en el que queremos lanzarnos: demanda online de productos o servicios, estudio de competidores, etc.
  • Fidelización: ofrecer al cliente un adecuado servicio de asistencia.
  • Usabilidad web: los productos deben presentarse de manera clara y el proceso de pedido tiene que ser sencillo y completo de descripciones o imágenes para aclarar los pasos a seguir.
  • Marketing: para vender hay que invertir en publicidad (campañas de Google Adwords), llevar a cabo operativas de posicionamiento SEO...
Elegir la plataforma de e-commerce adecuada para crear tu tienda online con todas las opciones que existen en el mercado no resulta nada fácil.
En primer lugar tenemos que definir cuáles son las necesidades de nuestra tienda en términos de:

- ¿necesitamos hosting o nos basta con un software en la nube?
- ¿el software permite trabajar el SEO de forma flexible?
- ¿dispongo de multitud de plantillas profesionales para la personalización de la tienda?
- ¿las plantillas son responsive?
- ¿permite añadir módulos de márketing, fidelización, etc.?
- Volumen de catálogo: ¿vamos a tener 500 productos o 50.000?
- ¿Queremos hacer multitienda o no?
- ¿Sólo voy a vender yo o voy a tener afiliados?
- ¿Cuántos idiomas queremos manejar?
- ¿Puede internacionalizarse?
- ¿Cómo manejaremos el stock (desde la tienda, desde un ERP…)?
- Y un largo etcétera.

Algunas de las plataformas más conocidas del mercado son Shopify, WooCommerce, Prestashop, Magento.

Existe una plataforma menos conocida que ha despertado especialmente mi interés: Oleoshop

Algunos puntos destacables son:

  • Es un software nativo desarrollado pensando por un lado en hacer la creación de tiendas una tarea sencilla pero sin perder la potencia o capacidad de personalización. Para conseguirlo han creado un gestor de contenidos basado en piezas, dónde puedes crear tus página seleccionando una estructura y arrastrando y configurando los diferentes componentes (imágenes, carruseles, imágenes, productos). Y todo ello adaptado a móviles y tabletas.
  • Pone a tu disposición una gran cantidad de plantillas listas para utilizar y totalmente personalizables
  • Oleoshop es un servicio SAAS en la nube que incluye el alojamiento, actualizaciones constantes, monitorización 24/7, soporte, copias de seguridad diarias.
  • Cuentan con librerías que tienen cerca de 1 millón de referencias y con tiempos de respuesta muy buenos.
  • Está conectado con Galatea 4.0 y Visual Gest (TPV)



4 de diciembre de 2014

Carrusel de entradas recientes con imágenes para Blogger

Disponer de un diseño de calidad de tu web o blog es fundamental para el desarrollo de tu marca. El sitio web se convierte en la carta de presentación de tu proyecto. Del mismo modo que se juzgan personas por su apariencia, se juzgará y decidirá si tu negocio es interesante por el diseño de tu página web, al margen de que tus productos lo sean.

Existen estudios contrastados que señalan que la primera impresión es crítica:

  • El 75% de los usuarios evalúan la credibilidad de un sitio basándose en el diseño web.
  • El 68% de los compradores desconfían de un sitio que no parece profesionalmente diseñado.
Os invito a que leáis este interesante informe de una empresa de publicidad de San Francisco: Digital Strategies for Small Business [ pdf ]

Para atraer más visitantes y lectores a nuestro blog, pagina o sitio web, también utilizamos las herramientas que nos ofrecen los distintos gestores de contenido.
Ese plus de visibilidad nos los proporcionan los widgets o gadgets que permiten incrustar y presentar información relevante para el usuario final.

Blogger pone a nuestra disposición un gadget de muy fácil implementación y de máximo interés: Un carrusel o slider de imágenes con los artículos o entradas recientes.

Éstos son los pasos a seguir:

  1. Selecciona la entrada Diseño del panel principal de Blogger.
  2. Pulsa sobre el link Añadir un gadget y se abrirá una ventana con diferentes alternativas
  3. Desplazamos el scroll de la nueva ventana hacia abajo hasta llegar a la opción:

    HTML/JavascriptAñadir
    Añade una característica de un tercero u otro código a tu blog.





  4. Introduce el Título del widgets (por ejemplo Entradas recientes)
  5. En la caja Contenido pega el siguiente código:

    <link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
    <div id="slider-rotator" class="slider-rotator loading"></div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
    <script type="text/javascript">
    makeSlider({
       url: "https://www.tecnoblog.guru", // Add your blog URL
       numPost: 5,
       showDetail: true,
       summaryLength: 200,
       titleLength: 50,
       showThumb: true,
       squareThumb: false,
       autoHeight: false,
       crossFade: true,
       showNav: true
    });
    </script>
    
  6. Por último hacemos click sobre el botón Guardar

Nota importante


El autor de este widget, Taufik Nurrohman compartió libremente el código necesario para su funcionamiento pero los directorios de acceso público dónde se alojaban estas librerías ya no están disponibles.

Todos aquellos que quieran introducir el carrusel o hayan incorporado el carrusel a su blog y deseen seguir utilizándolo, tienen que realizar unos pequeños ajustes para que vuelva a funcionar de forma correcta. Los pasos a seguir son:



Vamos a analizar los parámetros de la función Slider:

  • url: añade la url de tu blog.
  • numPost: número de artículos a mostrar en el carrusel.
  • showDetail: 'false' si queremos ocultar el título y descripción del post.
  • summaryLength: número de caracteres a mostrar del resumen del artículo.
  • titleLength: 'auto' por defecto. Con este parámetro especificamos el número de caracteres del título.
  • showThumb: 'false' para ocultar los thumbnails del artículo
  • squareThumb: 'true' para mostrar la imagen en miniatura (thumbnail) a escala, con su ancho original y la relación de altura
  • autoHeight: 'true' para ajustar la altura del elemento que se muestra.
  • crossFade: para hacer el efecto de transición de imágenes de forma simultánea.
  • showNav: 'false' para ocultar la barra de navegación (contador numérico y flechas anterior y siguiente).
  • newTabLink: 'true' para abrir el link en una nueva ventana.
  • labelName: para especificar el nombre de la etiqueta del post o 'null' (por defecto) para mostrar todos los mensajes.
  • thumbWidth: tamaño en píxeles del thumbnail del post.
  • noThumb: especificamos una imagen por defecto para aquellos post que no tienen miniatura.
  • hoverPause: 'false' para que la presentación de imágenes siga corriendo aunque pasemos el ratón por encima.
  • interval: intervalo entre slides (en milisegundos).
  • speed: velocidad de presentación entre slides (en milisegundos).
  • navText: {
       prev: "&lt;", // Texto para mostrar el botón Anterior de navegación
       next: "&gt;" // Texto para mostrar el botón Siguiente de navegación
    },
Toda la información de la librería javascript en Blogger Feed Rotator Plugin

Podéis ver el ejemplo funcionando en la columna central del blog, bajo la sección Entradas Populares (visible en la versión de escritorio).