Web vs Blog

A finales de 2013 existían más de 15 billones de páginas web y 246 millones de dominios registrados a nivel mundial. En cuanto a blogs se estima que en la actualidad existen 98 millones pero el crecimiento es exponencial.
Datos obtenidos de worldwidewebsize.com


¿Qué es un blog?

Conocido también como cuaderno de bitácora o web blog, es un sitio web en el que uno o varios autores publican cronológicamente textos o artículos, apareciendo primero el más reciente. El autor puede dejar publicado lo que considere oportuno y es habitual que los propios lectores participen mediante comentarios. A cada artículo se le llama post y se pueden etiquetar y categorizar para mejorar su busqueda.

La plataforma más usada entre el top 100 de blogs a nivel mundial es Wordpress, aumentando su cuota entre los blogs con más visitas.

Más información en royal.pingdom.com

¿Y una página web?

Es un documento o información en formato electrónico que contiene texto, sonido, vídeo, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web(WWW) y que puede ser accedida mediante un navegador.
En esencia, es una tarjeta de presentación digital, ya sea para empresas, organizaciones, o personas, así como una tarjeta de presentación de ideas y de informaciones y de teorías. Fuente: wikipedia.org

Los blogs y las páginas web son medios diferentes para diferentes objetivos y pueden ser complementarios.

¿Por qué debes tener una página web?

• Porque necesitas tener presencia en internet
• Porque quieres presentar tu empresa o negocio
• Porque quieres ofrecer tus productos o servicios

¿Por qué debes tener un blog?

• Porque es fácil de manejar
• Porque necesitas actualizar constantemente y variar el contenido
• Porque facilita la interacción y necesitas construir relación con tu audiencia

Ventajas Web

• Facilidad para mostrar información y customizar
• Menor necesidad de actualización
• Percepción más profesional

Inconvenientes Web

• Mayor inversión
• Requiere conocimientos técnicos
• Mayor esfuerzo inicial
• Necesita tiempo para lanzarse
• Tarda más en ser posicionado por buscadores
• Suelen percibirse como puntos de venta

Ventajas Blog

• No requiere conocimientos técnicos
• Son más baratos y existen plataformas gratuítas
• Rapidez de lanzamiento e implementación
• Rápidamente indexado por buscadores
• Se perciben como generadores de contenido y dan mayor imagen de proximidad al consumidor
• Facilita la interacción con los usuarios permitiendo los comentarios. Es como un gran sistema de soporte técnico.
• Se pueden usar los archivos de posts para preparar informes, ofertas y presentaciones

Inconvenientes Blog

• Actualización regular de contenidos
• Menor customización (gratis)

WordPress vs Blogger

WordPress es una avanzada plataforma semántica de publicación personal orientada a la estética, los estándares web y la usabilidad.
Existen dos versiones de Wordpress, una de pago (.org) y una gratuita (.com)


Ventajas WordPress

• Mayor número de usuarios
• Mayor número de plantillas
• Mejor posicionamiento en buscadores
• Altamente monetizable en la versión de pago
• Más profesional
• Código abierto
• Muchísimas plantillas en el .org
• Más plugins que la competencia

Desventajas WordPress

• Versión gratuita no monetizable
• Publicidad en la versión gratuita
• Pocas posibilidades de customización en el .com
• No permite integrar Analytics en su opción gratuita
• Mantenimiento propio en .org

Blogger es la plataforma gratuita perteneciente a Google y es la segunda en número de usuarios.
Los blogs alojados en Blogger generalmente están alojados en los servidores de Google dentro del dominio blogspot.com.



Ventajas Blogger

• Completamente gratis
• Plantillas modificables sin saber código
• Código HTML editable
• Sin publicidad
• Monetizable
• Más amigable para principiantes
• Permite Google Analytics

Desventajas Blogger

• Pocas plantillas
• Peor sistema de comentarios
• Menos opciones de configuración

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Needpo: la red social para satisfacer las necesidades de los usuarios

Needpo es una nueva plataforma para el mundo hispanohablante que busca resolver las necesidades de personas y empresas, vía productos o servicios, generando una colaboración horizontal y apoyándose en herramientas que proporcionan una interacción rápida y efectiva dando respuestas satisfactorias a sus usuarios.

Se trata de una herramienta al estilo portal/comunidad que responde a diversas necesidades de los usuarios. Publicaciones como "busco empleo", necesito "diseñar un sitio web" o necesito "reparar un electrodoméstico" son algunas de las necesidades publicadas en la comunidad.

Intuitiva y fácil de usar, ofrece la posibilidad de geolocalizar contenido, segmentar en diferentes categorías permitiendo ordenar el flujo de información y subir imágenes.

¿Cómo se presta el servicio?

Por ejemplo, se une a Needpo un usuario @mario que hace páginas web y configura sus alertas para que el sistema le avise cuando alguien publique una necesidad relacionada con su negocio. Cuando la usuaria @ana escribe una necesidad dónde expone que necesita una página web, automáticamente el sistema generará un email avisando a @mario de que alguien publicó contenido de su interés.

Una vez que el usuario recibe una ayuda que es de su conformidad sigue estos pasos:

• cierra la necesidad de modo que los demás usuarios no puedan seguir ayudando.
• elige a quién le prestó la mejor ayuda. En todo el proceso siempre está disponible la mensajería interna para aclarar dudas y cerrar el negocio.

El portal cuenta con moneda propia: el $po!

Una de las principales novedades de Needpo es su moneda propia. Este "emulador" de banco permite a cada usuario revisar su estado de cuenta y hacer transacciones simples como comprar y transferir utilizando sus fondos de esta moneda. El usuario puede obtener más beneficios dentro del portal invirtiendo sus $po! disponibles y evitando así el uso de tarjetas de crédito.
A cada usuario nuevo se le otorgan 40 $po! como regalo de bienvenida.

¿Cuál es el modelo de negocio de la plataforma, alcance geográfico y objetivos para 2014?

El modelo de negocio se fundamenta en la compra de los usuarios y empresas de necesidades destacadas, anuncios patrocinados y desarrollo de una solución directa para las Pymes.

Es un portal de reciente estreno (16 de abril) que se encuentra en fase beta y tiene como base geográfica Chile. La mayoría de sus usuarios son hispanoamericanos pero es una plataforma abierta a distintos países del globo. También está en fase beta la traducción directa al inglés.

Sus prioridades están centradas en obtener el mayor feedback de los usuarios, mejorar y asentar unas bases sólidas y dar soluciones también a pymes y ONG.

Nota importante

A principios de este año, la web Needpo ha pasado a llamarse Jelpiu por lo que al intentar acceder a https://www.needpo.com el navegador te redirige a https://www.jelpiu.com/

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Coobis: la plataforma para conseguir sponsors para tu blog

Coobis es una plataforma de referencia para el mundo hispanohablante que conecta bloggers con sponsors, generando ingresos para los blogs y visibilidad para las marcas y productos de los sponsors. Esta nueva herramienta pretende convertirse en un nuevo canal de monetización para los contenidos online.

Las marcas y anunciantes pueden patrocinar blogs de temáticas tan diversas como decoración, hogar y bricolaje, política, sociedad y religión, cocina y gastronomía, manualidades, motor, motos y coches, economía y negocios, moda, familia, maternidad y niños, música, educación, arte y cultura, informática, etcétera.

Coobis ofrece a los administradores de blogs dos TIPOS DE PATROCINIOS creados por los sponsors:

• Patrocinios Standard: aparecen automáticamente al instalar un widget en un blog y han sido creados por los sponsors en base a temáticas y a palaras clave. El algoritmo de Coobis establece cuales son los mejores sponsors para mostrar en cada blog de forma automatizada.
  
  Un widget es un pequeño trozo de código html/script que se copia en tu blog para que se encarge de mostrar los logotipos y enlaces de los sponsors, convirtiendose así en una vía de generación de ingresos para el blog.
  
  Coobis ofrece a los blogs tres tipos de widgets:
  
  
  1. Cuadro de Sponsors
     
     
     
     
     
  2. Pestaña Lateral
     
     
     
     
     
  3. Widget de Enlaces
     
     
     
  
  
  
• Patrocinios Pro: son adquisiciones de un sponsor para un espacio determinado en un blog o por un post patrocinado. Los blogs establecen en su panel los precios de cada espacio para que los sponsors puedan comprar estos espacios por un periodo de tiempo desde el marketplace de Coobis. Los precios por defecto se cargan automáticamente para cada blog en base a sus métricas, pero, por supuesto, tienes la opción de cambiarlos. Es obvio que cuanto más bajos sean tus precios, mayores serán las posibilidades de que los Sponsors se interesen por tu Blog.
  
  
  
  
  En las últimas semanas han desarrollado una nueva funcionalidad: la conexión con Google Analytics, de modo que los Sponsors registrados en Coobis dispondrán de mas información sobre tu Blog (siempre y cuando lo tengas dado de alta en Google Analytics) y aumentarán las posibilidades de que consigas ingresos por Patrocinio Pro.
  De este modo, los Sponsors verán los datos reales de tu blog, te verán como un blogger en el que confiar y maximizarás tus posibilidades de que se interesen por ti.
  
  
  

Modelo de GENERACIÓN DE INGRESOS:

Los ingresos se obtienen bajo distintos modelos según el tipo de patrocinio, de forma que, el propietario del blog puede retirarlos en cualquier momento sin que sea necesario alcanzar ningún importe mínimo.
Las dos premisas fundamentales son:

• para tener presencia en Coobis no es necesario asumir ningún coste fijo.
• los ingresos se reparte a razón de un 80% para el blog y un 20% para Coobis.

1. Ingresos por Patrocinios Standard:
   
   
   • CPC: el blog recibe ingresos por cada usuario que hace click en uno de los sponsors.
   • CPL: el blog recibe ingresos por cada usuario que se registra en la web de un sponsor.
   
   
2. Ingresos por Patrocinios Pro:
   
   
   • CPM: el blog recibe ingresos por 1.000 visualizaciones de un sponsor en un widget.
   • Pago fijo: el blog recibe ingresos por el patrocinio en exclusiva de un post o sección.

Yo ya me he registrado en la plataforma: ¿Quieres ser sponsor del blog "Blog sobre nuevas tecnologías"?, y tú ¿a qué esperas?

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Cómo utilizar un dominio personalizado en Google Drive

Como ya indicaba en el post anterior, podemos alojar nuestro sitio web con Google Drive. Es seguro, rápido y gratis. La parte negativa es que la URL es demasiado larga y difícil de recordar. A diferencia de Blogger y Google Site, Google Drive no ha incluido la función de dominio personalizado.


Voy a proponer dos servicios de acortamiento de url especiales para Google Drive:

• gdriv.es
• gweb.io

GDrives proporciona una dirección web acortada para la publicación de sitios con Google Drive. No necesitamos registrarnos en su página y la obtención de la url es muy sencilla y precisa de muy pocos pasos.

Para ello GDrives dispone de un formulario con dos cajas de texto en las que introduciremos el ID de Carpeta y el Alias personalizado



Si pulsamos el botón rojo "Obtener su alias gratis!", nos redirigirá a una página con la nueva url: http://gdriv.es/sociosparadisesl



A diferencia de otros acortadores de enlace como Bit.ly o Goo.gl, GDrives enmascara el ID de carpeta por lo que los visitantes siempre verán su alias; además soporta enlaces o directorios de distintos niveles.
En nuestro caso concreto hemos convertido la url https://googledrive.com/host/0B5G3cbs08P16WFFtOWI3UmJSbWM/ en http://gdriv.es/sociosparadisesl

Desafortunadamente, GDrives no permite la personalización con dominio propio.

Gweb.io es un servicio que le permite utilizar Google Drive como una solución de alojamiento web usando un subdominio gweb.io o su propio nombre de dominio.

Incluye hosting para sitios web estáticos de forma ilimitada, un formulario de contacto, SSL libre para subdominios gweb.io y la posibilidad de utilizar su propio SSL para dominios personalizados.
Puedes probarlo gratis durante 60 días y la versión de pago tiene un precio de 9.99 dólares por año, pudiendo cancelar el servicio en cualquier momento.

Los pasos a seguir son:

• Una vez iniciada sesión con nuestra cuenta de Google, accedemos a la dirección https://gweb.io y hacemos click en la sección Login situado en la parte superior derecha.

• Seleccionamos una carpeta del árbol de directorios My Drive y escribimos el nombre de un subdominio en la caja de texto Domain. A continuación pulsamos el botón Save.

La aplicación ha creado dos subdominios:

• Una con protocolo http http://sociosparadisesl.gweb.io
• Y otra con protocolo seguro o https https://sociosparadisesl.gweb.io

Si queremos obtener nuestro dominio personalizado tendremos que modificar los registros DNS. Consulta cómo apuntar un dominio a gweb para obtener información sobre cómo configurar un DNS.

El vídeo Custom Domain On Google Drive Hosted Website ilustra perfectamente lo comentado en el post:

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

¿sabías que Google Drive permite alojar páginas web?

Google Drive permite almacenar, crear, modificar, compartir y acceder a documentos, archivos y carpetas de todo tipo en un único lugar. Con esta herramienta puedes acceder desde un navegador web o desde cualquier dispositivo en el que hayas instalado Google Drive.


Puedes utilizar Google Drive para almacenar todo tipo de archivos, incluidos documentos, presentaciones, música, fotos y vídeos. Puedes abrir muchos tipos de archivo directamente en tu navegador, incluidos los archivos PDF, archivos Microsoft Office, vídeos de alta definición y muchos tipos de archivos de imagen, aunque no tengas instalado el programa correspondiente en tu ordenador. Fuente oficial: Descripción general de Google Drive

En su página oficial nos informan de todas las posibilidades que ofrece esta plataforma pero además podemos subir a un directorio público todos los ficheros que componen una página web (html, css, js, img, etc) y acceder a la misma desde una dirección web.

¿cómo subo mi página web a Google Drive?

Entramos en la dirección https://drive.google.com/ e introducimos los datos de nuestra cuenta de Google (correo electrónico/contraseña).

Pulsamos el botón rojo Crear y seleccionamos la opción Carpeta. A continuación le damos nombre a la carpeta y hacemos click en el botón azul Crear.



Ya hemos creado la carpeta donde vamos a alojar nuestra página web, ahora vamos a hacerla pública. Para ello pulsamos sobre el nombre de la carpeta con el botón derecho del ratón y seleccionamos la opción del menú Compartir.



Nos va a aparecer una pantalla en la que se nos indican que la carpeta es de acceso privado. Pulsamos en link Cambiar... y marcamos la opción Público en la Web. Por último, guardamos los cambios.



El siguiente paso es subir los ficheros de nuestra página web a la carpeta creada. Y lo podemos hacer de dos formas, pulsando el icono rojo Subir situado a la derecha del botón Crear o arrastrándolos y soltándolos dentro de la carpeta.

Es interesante que la home o página de inicio de nuestro Web Site se llame index con extensión htm o html porque el host la va a detectar automáticamente y no necesitaremos escribirla.

¿cómo accedo a la home de la web?

Lo primero que haremos será localizar el identificador de nuestra carpeta pública: pulsamos con el botón derecho sobre el nombre de la carpeta y hacemos click en la opción del menú contextual Compartir. En el enlace para compartir aparece una cadena de números y letras que corresponde al id público.



La url de nuestra web será del tipo https://googledrive.com/host/ más el id que hemos copiado al portapapeles. En este caso:
https://googledrive.com/host/0B5G3cbs08P16M1JDXzFCNGMyVUk/

Algunas consideraciones

Seamos razonables, para la publicación de nuestro sitio web lo ideal es disponer de hosting y dominio propios. Pero considero que en casos muy concretos, esta plataforma puede resultarnos muy útil.

Por ejemplo, imaginemos que estamos realizando un curso online sobre programación de páginas web con html y tenemos que entregar un proyecto final; ¿qué mejor sitio que Google Drive para colgar nuestra web y que sea accesible para nuestros profesores y compañeros?.

Hace unas semanas, un cliente me enviaba unos datos para que generase un gráfico de barras o circular. La opción que barajaba era generarlo con alguno de los programas propiedad de Microsoft (Excel o Power Point) y enviarle el fichero vía email. Pero corría el riesgo de que mi cliente no tuviera instalado el paquete de Office por lo que no podría visualizar el fichero correspondiente. En tal caso, por qué no utilizar dos de las muchas herramientas que nos proporciona Google: Google Charts para crear el gráfico y Google Drive para compartirlo.
Os garantizo que en menos de cinco minutos tenía la página lista para publicar.

Nota importante

Esta función dejará de estar disponible el 31 de agosto de 2016.

Puedes alojar páginas web con Google Drive hasta el 31 de agosto de 2016. Después de esa fecha, googledrive.com/host/ID dejará de funcionar.

Página de soporte de Google

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Softicons, la mayor galería de iconos gratis para tu blog

SoftIcons.com es un sitio web que lleva funcionando desde 2010 y ofrece un fantástico catálogo que contiene más de 450.000 iconos/imágenes y cuyo crecimiento es exponencial. Permite la descarga de iconos de forma gratuita para uso personal.


Podemos descargar la imagen en formato ico o en formato png. En la mayoría de los casos los tamaños de los iconos png para descargar son desde 16x16 hasta 128x128 píxeles. También existe la posibilidad de descarga de paquetes de iconos en formato comprimido (zip).

Permite la búsqueda de iconos por nombre o descripción desde la caja de texto situada en la parte superior. También proporciona una lista alfabética de conjuntos de imágenes (Alphabetic List of Icon Sets) así como una lista de iconos libres para uso comercial (Free for Commercial Use Icons).
Además dispone de una clasificación muy detallada por categorías:

• Android Icons
• Application Icons
• Business Icons
• Culture Icons
• Food & Drinks Icons
• Holidays Icons
• Medical Icons
• Social Media Icons
• System Icons
• Transport Icons
• Web Icons
• Animal Icons
• Art Icons
• Computer Icons
• Folder Icons
• Game Icons
• iPhone Icons
• Object Icons
• Sport Icons
• Toolbar Icons
• TV & Movie Icons

Otra de las utilidades interesantes que podemos encontrar en su web es la sección de Herramientas de Iconos (Icon Tools). Con esta herramienta gratuita podrás convertir tu imagen en otra en formato png, jpg, gif o png. Del mismo modo, puedes seleccionar el formato de color (32-bits o 256-colores) y el tamaño (16, 32, 64, 128, 256px) así como recortar o aplicar filtros o fectos (escala de grises, colores invertidos, etc).

A decir verdad, estoy usando estos iconos desde que comencé con el blog porque siempre encuentro los que busco y porque me resultan muy elegantes. Y quería aprovechar esta ocasión para compartirlos con todos vosotros :)

Perfil de Google+: https://plus.google.com/+Softiconscom/posts
Perfil de Twitter: https://twitter.com/SoftIcons
Perfil de Facebook: https://www.facebook.com/SoftIcons
Perfil en Pinterest: http://www.pinterest.com/softicons/

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Cloud Management Platform (CMP) : solución para gestionar entornos MultiCloud

Cuando aparecieron los servicios de Cloud Computing tanto los usuarios finales como las empresas proveedoras de servicios vieron claramente las ventajas de esta nueva tecnología, desde el punto de vista operativo y de negocio.


Para las empresas proveedoras de servicios Cloud los beneficios eran:

• Menores costes gracias a un uso más eficiente del espacio y la potencia.
• Ahorro de tiempo en instalaciones y mantenimiento.
• Plataforma HW más robusta e inmune a fallos.

Para el cliente también parecía ser un modelo con grandes ventajas:

• OPEX (gastos operativos o de funcionamiento) en lugar de CAPEX (gastos de capital), es decir, formato de servicio sin inversión.
• Pago por el uso que realmente se realice.
• Evitar capacidad no utilizada por la flexibilidad de tener los recursos estrictamente necesarios.
• Inmediatez, capacidad de disponer de los recursos cuando se necesiten.

Del Cloud al MultiCloud

Sin embargo, a pesar de las indiscutibles ventajas del Cloud, su demanda no acababa de despegar. El uso del Cloud se limitaba a pequeñas empresas (start-ups) o a proyectos pequeños no críticos de empresas medianas y grandes. Una causa de las dudas de los potenciales usuarios la encontramos en la pérdida de control y transparencia que se produce al contratar un proveedor Cloud.

Esta falta de control afecta a múltiples aspectos como:

• Disponibilidad. Cuando tienes tu plataforma en tu CPD o en un Datacenter accesible, en caso de problema se puede hacer algo. Cuando tu aplicación está en un Cloud externo, no puedes hacer nada, sólo esperar.
• Complejidad. Los proveedores de Cloud ofrecen procesos difíciles con interfaces poco amigables.
• Prestaciones/Rendimiento. Cada proveedor proporciona servicios y rendimientos diferentes que no puedes controlar.
• Capacidad. Cuando quieres ampliar puedes descubrir que tu proveedor no tiene capacidad disponible en ese momento.
• Cobertura. Según la ubicación del proveedor puedes encontrarte con problemas legales (Protección de datos), de posicionamiento SEO (IP no locales) o de una peor experiencia de usuario.

Con esta situación se entiende lo difícil que es para las empresas decidirse a contratar servicios a un proveedor de Cloud Computing. En tal caso, si no puede confiar en un proveedor Cloud, ¿por qué no contratar a más de uno?
De esta forma aparece el concepto de MultiCloud, una solución Multiproveedor, una combinación de proveedores, ubicaciones y prestaciones.

¿en qué consiste realmente un entorno MultiCloud?

Multicloud no es simplemente utilizar varios proveedores de forma individual y ejecutar una aplicación en un Cloud y otra en otro Cloud distinto. Ésto no soluciona la falta de control, sólo distribuye el riesgo de manera que el problema de un proveedor no afectará a todas las aplicaciones.

MultiCloud es combinar más de un proveedor en la misma plataforma. Por ejemplo, puedo usar un proveedor de confianza para la parte más crítica de nuestra plataforma (BBDD) y uno o varios proveedores más económicos y distribuidos geográficamente para el frontal web. Ésto nos permite obtener lo mejor de cada proveedor y evitar el efecto que un fallo de un proveedor pueda ocasionar en nuestra aplicación.

Si la gestión de un proveedor Cloud puede ser difícil, la gestión de más de un proveedor aún lo es más. Los proveedores Cloud utilizan paneles de usuarios diferentes, con funcionalidades diferentes e incluso con servicios distintos (no todos ofrecen firewall o balanceadores de carga, o los mismos sistemas operativos).
Es aqui dónde aparecen los CMP o Cloud Management Platform como soluciones para gestionar entornos MultiCloud.

Las aplicaciones de Cloud Management Platforms son paneles de control que permiten unificar la forma de trabajar con diferentes proveedores. De forma resumida consisten en un interfaz entre los usuarios y las diferentes API’s proporcionadas por los Clouds para el control de sus servicios.

Asi, con un CMP se puede crear un servidor cloud en uno de los proveedores soportados, encenderlo, apagarlo o eliminarlo con un solo click.
Además, proporcionan una serie de funciones adicionales como pueden ser:

• Despliegue automático de aplicaciones. Permite disponer de aplicaciones listas para ser usadas de forma rápida y automática.
• Gestión de Capacidad (CPU, RAM, Disco y Red).
• Orquestación IT. Automatización de ciertas tareas de gestión como actualización de aplicaciones.
• Autoescalado. Permite lanzar servidores Cloud adicionales para responder a picos de demanda.

Con un CMP se puede gestionar de forma fácil diversos proveedores Cloud, pero aún faltaba algo más. ¿Qué pasa con los servidores físicos? que seguirán utilizándose durante tiempo por múltiples motivos: por razones de rendimiento, seguridad, o de negocio. El escenario real es pues una combinación de entornos físicos y Cloud, y por tanto se necesita una herramienta que permita gestionar desde el mismo panel ese entorno mixto.

ECmanaged: primer CMP que permite también la gestión de servidores físicos.

ECmanaged, además de las funciones propias de un CMP, permite añadir servicios Cloud a una plataforma física existente.
Así pues, con ECmanaged los profesionales IT pueden:

• Escalar de forma automática una plataforma física con un servicio de Cloud.
• Facilitar un proceso de disaster recovery de una plataforma física. En caso de desastre, puedes lanzar una réplica de la plataforma física afectada en un proveedor Cloud.
• Combinar Físicos y Cloud en la misma plataforma. Por ejemplo, Cloud para los servidores web y físicos para el backend.
• Añadir a tu plataforma física servidores Cloud distribuidos geográficamente.

Para poder realizar esta combinación, ECmanaged ha desarrollado un agente de gestión para controlar también servidores físicos y cualquier servidor Cloud (no sólo los que tengan sus API’s integradas en la aplicación).

En resumen, ECmanaged es una aplicación SaaS que ayuda a los profesionales IT a:

• Gestionar entornos mixtos. Cualquier tipo de servidor, físico o Cloud.
• Automatizar tanto las tareas de implementación (aprovisionamiento de Servidores Virtuales y despliegue automático de aplicaciones) como de gestión (monitorización y automatización de tareas).

ECmanaged contribuye a una adopción del Cloud Computing más fácil y permite a los profesionales IT reducir su dedicación a tareas de poco valor añadido y centrarse en los proyectos importantes para la empresa.
Toda la información disponible en: Multi-Cloud Management software- ECmanaged | ECmanaged

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Google Universal Analytics: la evolución de Google Analytics

Universal Analytics es un conjunto de innovaciones tecnológicas que mejoran la forma en que los datos se recopilan y procesan en Google Analytics permitiéndonos realizar el seguimiento desde cualquier dispositivo digital (smartphone, tablet, portátil, etc).


Vamos a poder diseñar nuestras métricas personalizadas, adaptando la herramienta de analítica web a las necesidades de nuestra empresa lo que nos va a permitir medir de forma unificada todas las interacciones de un usuario, ya sea desde su equipo, desde su móvil, tablet o cualquier otro dispositivo. También es posible añadir a nuestra nueva herramienta de analítica web datos generados o almacenados fuera de línea, como podría ser del CRM corporativo.

Todas las propiedades de Google Analytics deberán utilizar Universal Analytics. Las propiedades que no sigan el proceso de actualización se transferirán automáticamente a Universal Analytics en el futuro.

La actualización nos proporciona las ventajas de Google Analytics, incluidos los nuevos métodos de recopilación y herramientas de informes. Los métodos de recopilación de Google Analytics clásico (como la biblioteca JavaScript de ga.js) se desactivarán cuando Google Analytics se integre por completo como el nuevo estándar operativo.

El proceso completo de actualización consta de dos pasos:

1. transferir la propiedad a la tecnología de procesamiento de datos de Universal Analytics
2. implementar el código de seguimiento de Universal Analytics.

Se deben actualizar todas las propiedades de Google Analytics. Los usuarios con el permiso Edición pueden transferir las propiedades a la actualización de Universal Analytics en sus cuentas. Un programador u otra persona con conocimientos técnicos debe implementar el nuevo código de seguimiento de Universal Analytics - Introduction to Analytics.js.

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

 ga('create', 'UA-44789425-1', 'https://www.tecnoblog.guru');
 ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Consulta en la Guía de Actualización los detalles del proceso de actualización y en Fases de Actualización los detalles de las fases.

Al realizar la actualización no se pierden datos, se puede acceder al historial de datos y analizarlo con los mismos informes y herramientas que usamos ahora, pero también accederemos a funciones que solo están disponibles a través de Universal Analytics.

Como los datos se recopilan y procesan por propiedad en Google Analytics, cada propiedad se debe actualizar individualmente. Si tienes muchas propiedades en una cuenta de Google Analytics, debes seguir el proceso de actualización para cada una.

Si no completas el paso 1 del proceso de actualización, la propiedad se transferirá automáticamente a Universal Analytics en el futuro. Si no completas el paso 2 del proceso de actualización, seguirás enviando datos a Google Analytics desde un método de recopilación que no es de Universal Analytics. Estos datos seguirán procesándose durante un periodo después de que Universal Analytics se haya convertido en el nuevo estándar operativo, en cuyo momento se desactivarán todos los métodos de recopilación de datos que no sean Universal Analytics y ya no funcionarán. Si sigues enviando datos con un método de recopilación que no sea de Universal Analytics después de que se hayan desactivado, los datos ya no se procesarán.

Todas las actualizaciones de producto y nuevas funciones solo estarán disponibles para las propiedades que reciben datos de un código de seguimiento de Universal Analytics (biblioteca JavaScript analytics.js en sitios web, SDKs de aplicaciones para dispositivos móviles versión 2.x o posterior para Android e iOS, y el protocolo de medición para otros dispositivos digitales, como las videoconsolas y los quioscos de información). Las propiedades clásicas y las propiedades que reciben datos de una versión anteriormente del código de seguimiento de Google Analytics (como la biblioteca JavaScript ga.js) no recibirán actualizaciones de producto ni acceso a nuevas funciones.

Este programa de actualización de Universal Analytics se producirá de forma incremental en tres fases:

1. Fase 1: todas las propiedades pueden actualizarse a Universal Analytics (fase actual).
2. Fase 2: comienza el proceso de transferencia automática.
3. Fase 3: fin de la versión beta de Universal Analytics.
4. Fase 4: Universal Analytics es el estándar operativo de Google Analytics.

Toda la información disponible en: Descripción general de la configuración de Universal Analytics

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Google Charts para crear gráficos en tu sitio web

Google Charts a través de su API ofrece la posibilidad de visualizar datos en tu sitio web. La galería gráfica provee diferentes tipos de gráficos listos para su uso: desde gráficos de barras o líneas simples a mapas de árboles jerárquicos complejos.


Los gráficos se representan mediante la tecnología HTML5 / SVG (Scalable Vector Graphics) para garantizar la compatibilidad entre navegadores (incluyendo VML o Vector Markup Language para versiones anteriores de Internet Explorer) y la portabilidad entre plataformas para iPhones, iPads y Android. Los usuarios no tendremos que instalar plugins o software adicional, sólo es necesario disponer de un navegador web.

La forma común de mostrar los gráficos en tu sitio web es mediante la inserción de código javascript en un documento html. Sólo tenemos que indicar los parámetros correspondientes a cada gráfico a utilizar.

• Gráfico de Líneas (Line Chart)

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Año', 'Ingresos', 'Gastos'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);
        var options = {
          title: 'Balance de la Compañía'
        };
        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

 Cargando gráfico de líneas... por favor, espere

Si queremos presentar las líneas de forma curva añadimos el parámetro curveType:
var options = { title: 'Company Performance', curveType: 'function', legend: { position: 'bottom' } };
Información detallada de todos los parámetros de configuración: Line Chart

• Gráfico de Barras (Column Chart)

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Año', 'Ingresos', 'Gastos'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);
        var options = {
          title: 'Balance de la Compañía',
          hAxis: {title: 'Año', titleTextStyle: {color: 'red'}}
        };
        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

 Cargando gráfico de barras... por favor, espere

Hay tres maneras diferentes de definir los colores de las columnas: valores RGB, nombres de los colores en inglés, y estilos css:
var data = google.visualization.arrayToDataTable([ ['Element', 'Density', { role: 'style' }], ['Copper', 8.94, '#b87333'], // RGB value ['Silver', 10.49, 'silver'], // English color name ['Gold', 19.30, 'gold'], ['Platinum', 21.45, 'color: #e5e4e2' ], // CSS-style declaration ]);
Información detallada de todos los parámetros de configuración: Column Chart

• Gráfico Circular (Pie Chart)

<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Tareas', 'Horas por día'],
          ['Trabajo',     11],
          ['Comida',      2],
          ['Transporte',  2],
          ['Televisión',  2],
          ['Dormir',      7]
        ]);
        var options = {
          title: 'Mi actividad diaria',
          is3D: true,
        };
        var chart = new google.visualization.PieChart(document.getElementById('piechart_3d'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="piechart_3d" style="width: 900px; height: 500px;"></div>
  </body>
</html>

 Cargando gráfico circular... por favor, espere

El parámetro is3D con valor true indica que el gráfico se visualiza en tres dimensiones. Para mostrarlo en dos dimensiones, cambiamos su valor a false.
Información detallada de todos los parámetros de configuración: Pie Chart

Tal vez te interese instalar esta extensión en tu navegador Google Chrome para generar gráficos en 3D e imprimirlos de forma sencilla:

Crea gráficos online de 2D o 3D. El modo edición es fácil e intuitivo. Además puedes imprimir el gráfico generado.

Todos los ejemplos de gráficos se pueden encontrar en Chart Gallery, así como otros añadidos por la comunidad Additional Charts Gallery

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Google Api: otra forma sencilla de integrar artículos de un blog en tu página web.

API significa Interfaz de Programación de Aplicaciones (del inglés Application Programming Interface), y es el conjunto de llamadas a bibliotecas (informática) que ofrecen acceso a servicios web de terceros, dentro de nuestra propia aplicación web, de manera abstracta para nosotros.


Google proporciona más de 60 apis de acceso a sus servicios en su página Google Data APIs

¿Cómo funcionan las APIs de Google?
Las aplicaciones que escriben los desarrolladores se conectan remotamente con el servicio Web API de Google. Esta comunicación se realiza mediante un protocolo llamado SOAP (Simple Object Access Protocol). Está basado en XML, y se usa para el intercambio de información entre aplicaciones. Sin embargo, no es necesario tener conocimientos ni de SOAP ni de XML para trabajar con las APIs de Google.

Vamos a ser capaces de insertar en nuestro sitio web los últimos post publicados en cualquier blog con sólo unas líneas de código html:

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("feeds", "1");
function initialize() {
 var feed = new google.feeds.Feed("https://www.tecnoblog.guru/feeds/posts/default"), entry, dv;
 feed.setNumEntries(5);
 feed.load(function(result) {
  if (!result.error) {
   var container = document.getElementById("feed"), entry = result.feed.entries, date;
   for(var i = 0; i < entry.length; i++) {
    dv = document.createElement("div");
    date = new Date(entry[i].publishedDate);
    dv.innerHTML = '<a href="' + entry[i].link + '" target="_blank">' + entry[i].title + '</a> ' + date.toDateString().substr(4) + '<br/>' + entry[i].contentSnippet + '<hr/>';
    container.appendChild(dv);
   }
  }else{alert(result.error.message);}
 });
};google.setOnLoadCallback(initialize);
</script>
<div id="feed"></div>

Escribimos este fragmento de código dentro del cuerpo de nuestro documento html y sustituimos la url 'https://www.tecnoblog.guru/feeds/posts/default' por la de nuestro feed. También podemos modificar el número de entradas a mostrar representado por el 5 en el método setNumEntries.

A continuación mostramos el noticiero formateando el estilo con CSS (Cascading Style Sheets).

Sigue las siguientes instrucciones:

• escribe en la caja de texto un feed válido (Ejemplo: http://wwwhatsnew.com/feed/ - http://www.ticbeat.com/feed/)
• selecciona del desplegable el número de artículos a mostrar.
• y pulsa el botón Últimas noticias. Obtendrás el resultado de tu canal en tiempo real.
  
  

Número de post a mostrar: 51020

Loading...

Nota importante

Google ha decidio dejar de dar soporte a esta api a partir del 15 de diciembre de 2016.

El mensaje oficial es:

"This API is officially deprecated and will stop working after December 15th, 2016."

Más información

Para superar este contratiempo, en el post "Alternativas a Google Feed Api" ofrezco tres opciones válidas con ejemplos incluidos.

Jose Maria Acuña Morgado - Desarrollador Web

Leer más