Nueva tienda online: vistetucama.com

Desde hace unos días, ya podemos adquirir ropa de cama al mejor precio en http://www.vistetucama.com. Se trata de una tienda online desarrollada a medida por Green Estudio para nuestro cliente. Además, el sitio está disponible en tres idiomas, correspondiéndose también con los dominios http://www.dressingyourbed.com/ y http://www.habillezvotrelit.com/.

 

www.vistetucama.com

Nueva web del Restaurante Mexicano “El Charro Negro”, de Torrevieja

Desde ayer podéis disfrutar de la nueva web del Restaurante Mexicano “El Charro Negro”: http://www.elcharronegro.es/, uno de los locales emblemáticos de la hostelería torrevejense. Este restaurante fue el pionero de la cocina especializada en nuestra localidad. La web ha sido desarrollada por nuestro equipo cuidando al máximo la estética. Además se ha realizado un trabajo de fotografía que incluye capturas del local y los platos más representativos de la cocina de este restaurante. Se ha enfocado la web hacia un punto de vista social, incluyendo plugins sociales tanto de la cuenta de twitter @restauranteMex como de la cuenta de Facebook de Restaurante Charro Negro.

www.elcharronegro.es

Creando aplicaciones para Facebook: 1. Conceptos Básicos

Bueno, tras un tiempo ocupados sin poder hablar en el blog, comienzo una serie de post relatando cómo hacer aplicaciones en la plataforma de red social Facebook (http://www.facebook.es/). Facebook es una red social online que conecta a millones de personas de todo el mundo, y es una plataforma de marketing estupenda. Al registrarse, el usuario pone a disposición de Facebook datos acerca de su lugar de residencia, su trabajo, fecha de nacimiento, aficiones, sexo, gustos, etc… La disponibilidad o no de dichos datos para todo el mundo, o sólo para amigos, es una decisión del usuario. Ello nos permite crear herramientas de marketing con una efectividad muy alta, dado que podemos segmentar muy bien el target, a la vez que podemos difundir nuestro producto aprovechándonos del “tejido” de la red social.

El API de Facebook

Un perfil de Facebook está compuesto por varios elementos, todos ellos accesibles mediante el API disponible en el área de desarrolladores de Facebook (http://developer.facebook.com/).Tenemos disponibles librerías en diferentes “sabores”: PHP, Javascript (implementando un metalenguaje llamado fbml), iOS, Android, etc… Pero realmente podemos utilizar cualquier tipo de lenguaje o plataforma, gracias al API Graph (ya hablaremos de ella más adelante). Incluso, yo que soy electrónico, se me ocurre que podríamos acceder a datos de facebook desde plataformas como los Microchip PIC, Arduino, ARM, etc.. así que imaginad la potencia.El API Graph de Facebook es accesible de una manera extremadamente sencilla y abierta, y nos responde con un objeto JSON (qué le vamos a hacer, está de moda…) de la función solicitada. Esto lo podemos probar directamente en nuestro navegador:

  1. Accede a tu cuenta de facebook de forma normal
  2. Abre una ventana o pestaña nueva de tu navegador (el mismo con el que hayas accedido a fb)
  3. Accede a http://graph.facebook.com/tioruben
  4. Podemos ver un bonito objeto JSON con la info que hay disponible sobre mí, en este caso.
  5. Cambia /tioruben por /tunombredeusuario o por /nombredeuncolega y verás que tenemos disponible info básica de cualquier persona o página de Facebook

Ya entraremos en detalles con el API Graph, dado que para conseguir más información (como los contactos o los post en el muro) debemos registrarnos como developers y registrar nuestro app (lo haremos en el próximo capítulo). Con ello nos darán un “access_token” que, con el permiso del usuario, nos ofrecerá el resto de la información que deseemos.

Anatomía de Facebook desde el punto de vista del API

Antes de ponernos manos a la obra hay que tener bien claro cómo se estructura esta red social. Seguro que muchos usáis facebook a diario, pero para desarrollar hay que ver el asunto desde otra perspectiva. Para Graph todos los elementos de Facebook son objetos de programación, a los que podemos acceder a sus propiedades y métodos. Estos objetos pueden ser de diferentes tipos:

  • Usuarios
  • Páginas
  • Eventos
  • Grupos
  • Aplicaciones
  • Mensajes de Estado
  • Fotos
  • Álbumes
  • Imágenes de perfil
  • Vídeos
  • Notas
  • Checkins

Como supongo que hayáis podido deducir, los objetos pueden contenerse unos a otros. Con lo que un Usuario puede contener varios eventos (a los que ha sido invitado), Imágenes de perfil, Álbumes, etc.. A su vez un Evento puede contener a varios objetos Usuario. ¿Vais viendo la potencia del asunto? ¡¡¡Y todo esto además en JSON!!!

Aclarando conceptos

Cuando me decidí a mirar esto de las apps de Facebook, yo únicamente pensaba en esas aplicaciones que corren dentro del entorno de fb, pero al ver la documentación, me dí cuenta que las posibilidades son muy superiores. Podemos utilizar el API php para hacer un app sin correr en entorno fb, pero accediendo a los datos. Además podemos utilizar el botón de “login with facebook” para poder logear a gente en nuestra aplicación utilizando las credenciales de Facebook. Podemos establecer un foro de me gusta/discusión sobre cualquier página web… es posible hacer realidad cualquier sueño de los del departamento de marketing.

Una de las cosas que deben quedar claras es que la aplicación no correrá en facebook, sino en nuestro servidor. Podemos integrarla en facebook mediante el uso del “canvas” que veremos en siguientes post. Este “canvas” no es más que un iframe en el que se carga la aplicación alojada en nuestro server, y mediante HTTP POST se envían los datos de autorización del usuario. Por tanto, es necesario tener un hosting (preferiblemente con PHP) para realizar nuestra aplicación. Sin embargo, Facebook sí que nos deja utilizar su API Javascript (ya veremos el objeto Javascript FB como mola), y algunos recursos gráficos (por aquello del look’n’feel).

 

En el próximo capítulo

En el próximo post veremos cómo registrarnos como developers y registraremos nuestra primera app para obtener objetos del API Graph más interesantes.

Nueva tienda online de Cafés Esparcia

Desde hace unas semanas, ya es posible comprar café, té y accesorios en la nueva tienda online de Esparcia, www.esparcia.net. La web ha sido desarrollada totalmente a medida del cliente por Green Estudio.

 

Captura de pantalla www.esparcia.net

Nueva web del Ayto. de Muro de Alcoy

web vilademuro.net

Desde hace unas semanas ya se encuentra disponible la nueva web del Ayuntamiento de Muro de Alcoy.

 

Es un proyecto que comenzamos hace un año presentando distintas propuestas entre la que fue elegida una solución programada a medida.

 

La nueva web cuenta con la información referente a todas las áreas del ayuntamiento, una agenda de eventos, perfil del contratante, área de noticias, tablón de anuncios, buzón ciudadano, encuestas, webcams, etc.

 

Se puede visitar en la dirección: www.vilademuro.net

Feliz Navidad

Green Estudio en el Periódico La Verdad

Entrevista en La Verdad

 

Aquí os dejo el enlace a la entrevista que me realizó Rafa Ballester para el periódico la verdad y que apareció en su edición  del Jueves 16 deDiciembre. En ella hablamos sobre Green Estudio, sus comienzos y los proyectos en los que estamos trabajando.

 

Gracias a Dios en la edición de Internet no sale la foto de la edición impresa que no me hace justicia. : )

 

Enlace a la entrevista:

 

http://www.laverdad.es/alicante/v/20101216/orihuela/antes-gente-gastaba-dinero-20101216.html

El negocio de los contenidos en Internet

Foto: alt1040

Hoy, como casi todos los días, me he puesto el “Hoy por Hoy” de la SER como acompañamiento en mi jornada matinal. Entre la actualidad del día, se encontraban unos datos “preocupantes” sobre la piratería en los libros electrónicos. Si no me equivoco, el origen de la noticia está en una generada por Europa Press. Pero el tema es que el grupo Prisa en pleno: SER, El País y Cuatro/CNN+ han tomado las de Villadiego con el tema (claro, a Santillana le habrá “picado”). El enfoque que le dan al tema, además de lo de siempre, es que la piratería de libros coincide con el lanzamiento de dispositivos como el iPad. Al leer además el post de Microsiervos sobre el reportaje de El País, me he animado a escribir el primer post de opinión en Green Estudio.
La verdad es que es muy fácil echar mano de estadísticas para lanzar una idea determinada que nos interese, y creo que nosotros, como usuarios, debemos ser críticos a la hora de “procesar” la información que recibimos. El sector español del negocio de los contenidos, tanto culturales, como prensa, audiovisuales, radio, etc…  creo que necesitan menos guionistas y más I+D. Su posición respecto a las nuevas tecnologías me recuerda a la reacción de cualquier yayo que te encuentres por el campo cuando le preguntas por el GPS (bueno, yo es que hago senderismo…). ¿Por qué se empeñan en demonizar todos los grandes avances que se ponen al alcance del gran público? ¿Por qué no tratan de estudiar esos avances y tratan de utilizarlos como medio de negocio?

Imagen: nanduti.com.py

 

Para ilustrar esto, tengo un clarísimo ejemplo en Estados Unidos: Blockbuster y NetFlix. Supongo que sabéis de qué va el caso, pero lo explico brevemente. Blockbuster es (o era) una gran cadena de alquiler de vídeo/DVD (vamos, un videoclub) con gran penetración en Estados Unidos, México o incluso gran parte de Europa (incluida España). A mediados de 2000 surgió una pequeña empresa Start Up llamada NetFlix, que proponía un revolucionario sistema de distribución audiovisual a través de Internet, con un único pago mensual y acceso a gran cantidad de películas, series, documentales, etc… Blockbuster tuvo la oportunidad de adquirir esta pequeña empresa, pero únicamente se dedicó a criticar su modelo de negocio y vaticinar su quiebra. 10 años después, en Agosto de 2010, Blockbuster avisa: “En Septiembre nos vamos a pique”. Y así fué. Ahora, NetFlix es el líder en distribución de contenidos a través de Internet. Además, su alianza con las grandes productoras audiovisuales como Fox o CBS, ha hecho crecer aún más su volumen de negocio.

Creo que queda bastante claro por dónde va mi opinión, las empresas de contenidos están a la defensiva con el tema de Internet, las TIC y la cercanía  de las nuevas tecnologías al gran público. Ojo, antes de que pique a nadie, no estoy defendiendo la descarga ilegal, símplemente creo que, para detenerla, hay que usar menos leyes y más I+D. Hace unos cuatro años, presenté un proyecto web a un cliente del gremio audiovisual, presenté y, bueno, ya estaba terminado así que no hubo pegas en ponerlo en marcha. En aquella época estaba reciente la compra de YouTube por parte de Google y yo destaqué, al final de la exposición, la importancia de investigar el tema de la distribución de contenidos de pago a través de Internet. Años después, NetFlix es algo habitual en cualquier hogar Estadounidense, grandes productoras comienzan a vender sus productos, bajo demanda, a través de Internet.

Por supuesto no es momento de acabar con el sistema tradicional, pero en vez de echar a Internet y los usuarios de nuevas tecnologías la culpa de su crisis, creo que deben tratar de poner todo ello de su lado. Y hoy, se suben los que faltaban. Los más atemorizados por el tema. Creo que los libros fue lo primero que se pudo piratear en Internet, de hecho muchas editoriales utilizaron el canal de Internet para dar servicios  de valor añadido. Entonces… ¿Qué ha cambiado? la llegada de las (odio el nombre que le han puesto en castellano) “tabletas digitales”. Hace unos años que estaba deseando la llegada de esto, es más, estaba convencido que todo el mundo deseaba la llegada de los libros digitales. Recuerdo que fantaseaba con amigos acerca de la posibilidad de descargarte “tonos” para tu libro… y, sinceramente, estaba convencido que las editoriales aplaudirían la llegada del formato de libro digital.

Estaba convencido, hasta hoy. Meses atrás recibí con alegría la llegada de Libranda, pero rápidamente mis ilusiones se vinieron abajo, al leer varios blogs. Me reconforté pensando “bueno, estamos en España, aquí tardan en funcionar las cosas…”, pero mis esperanzas en el libro digital se terminaron de disipar tras constatar que un libro electrónico era casi igual de caro que uno en papel. Ahora que me estoy poniendo al día con el tema de la impresión, realmente me doy cuenta el gran negocio de las distribuidoras y editoras en España. Pero sigo sin comprender cómo pueden dejar la oportunidad de, aunque sea, dar una oportunidad a las nuevas tecnologías.

Menos mal que hay alguna empresa que sí ha decidido dar a Internet la posibilidad de ser un canal de venta: Chello Multicanal. Esta productora/distribuidora de canales temáticos, ha decidido probar con Canal de Historia la distribución de contenidos bajo demanda. La fórmula es bien sencilla, tenemos documentales que puedes ver gratuitamente (generalmente producciones propias), o puedes ver un documental por 0,99 durante 24 horas. La oferta es la misma que la del canal (podrían poner estrenos en exclusiva por Internet), pero con un añadido que poco a poco el público demanda: “cuando yo quiera”. Yo he comprado algún documental (lo típico de que se me olvida y no lo veo por la tele) y, sinceramente, la calidad es muy buena y el precio, más bajo de lo que me esperaba. De la misma casa, está también Canal Cocina, que es pionera en aplicaciones móviles con su app de iPhone. También las productoras nacionales, a través de los canales generalistas, están distribuyendo sus contenidos a través de Internet. Aunque tal vez deban depurar un poco el rendimiento de ello, no se si la “minipublicidad” antes de que comience el vídeo generará suficiente beneficio.

Además, debemos acordarnos de Google y su intención de “atacar” el televisor de nuestro salón, so pena de Sony Internet TV, Apple TV, etc… Si juntamos las dos ideas, podemos tener un sistema de distribución de contenidos económico, cómodo y con un control de audiencias totalmente real. ¿Más beneficios?, pues por ejemplo el tema de los derechos. Ya se podrá hacer un informe totalmente real de audiencia, con lo que los pagos a entidades de derechos pueden ser mucho más justos que en la actualidad (basados en un porcentaje de beneficios).

Usad los comentarios!

… a santo del SQL injection

En cuanto saque tiempo, lo explico…

Prevención de ataques en aplicaciones web (I): XSS

Captura de la página de twitter en el momento del ataque [Foto: Público.es]En los últimos días, se ha oído mucho acerca de que tal o cual página o plataforma de redes sociales ha sufrido un ataque de “piratas” informáticos. La que más perplejo me ha dejado ha sido el ataque XSS que sufrió twitterhace unos días. Digo que me dejó perplejo porque el XSS es un tipo de ataque que cualquiera con algún conocimiento de javascript y html podría hacer. Sí, cualquiera, no se trata de un ataque DoS, ni de robos de contraseñas ni demás películas. Un ataque tan tonto, que cuando hoy en día se hace una aplicación web, se da por supuesto que se han tomado las medidas oportunas. Por ello me sorprende que twitter no lo haya tenido en cuenta, y no me sorprende que haya tardado en realizarse, ya que prácticamente nadie llega a intentar un ataque de este tipo por lo infantil (y antiguo) del mismo. Parece que la “web 2.0? ha revivido este tipo de prácticas. Además, desde el punto de vista de la programación, se puede decir que tiene cierta elegancia este tipo de ataques.

Para poder prevenir este tipo de ataques en nuestras aplicaciones, primero debemos saber como actúan:

Twitter, como aplicación, es bastante simple: tienes un campo de texto, escribes, se almacena el escrito en una BBDD y se muestra tu escrito a todos tus “followers”. La verdad, que sin entrar en florituras, se podría hacer algo similar en apenas 30 líneas php. La tecla está en que cuando pones una URL en tu “tweet”, la aplicación de twitter devuelve un enlace, es decir, si pones:

 Mira que foto más bonica: http://www.example.com/foto.jpg

El app de twitter lo convierte en:

 Mira que foto más bonica: <a href="http://www.example.com/foto.jpg">http://www.example.com/foto.jpg</a>

Es decir, twitter reescribe el tweet añadiéndole el <a href=””></a> para que la URL aparezca como un enlace. Esto no son más que unas líneas en PHP. Hasta aquí todo bien, pero, ¿Qué pasa si en vez de una url enviamos algo en javascript? Esto fué lo que hizo el usuario @rainbow en twitter para poder cambiar de color “engañó” al app de twitter haciéndole creer que estaba mandando una URL, cuando realmente estaba mandando un código javascript. El código empleado era similar a este:

http://miurl.com/@"onmouseover="algo_de_codigo_javascript()"/

Algo que el app de twitter tradujo como:

<a onmouseover="algo_de_codigo_javascript()" href="http://miurl.com/@">http://miurl.com/"onmouseover="algo_de_codigo_javascript()"/</a>

Como vemos, es un enlace que ejecuta la función algo_de_codigo_javascript() al pasar el ratón por encima. A priori esto no debería ser muy grave, ya que el código se ejecuta en la máquina cliente de los followers del atacante, y los navegadores actuales son relativamente seguros respecto a los scripts que se ejecutan en ellos. Pero estamos en la época de ajax. En twitter, tenemos la posibilidad de retwittear algo que nos interese, y ello hará aparecer un tweet en la lista de followers. Basta con que la función javascript utilice el api AJAX de twitter para que conforme alguien pase el ratón sobre el enlace anterior, retwetee el mensaje a sus followers de forma automática. Ya tenemos los ingredientes de un virus. A esto, el atacante, añadió un par de popups con algo de porno y ya tenía a los desarrolladores de twitter en jaque. Potencialmente, todas las aplicaciones de la web 2.0 (blogs, comentarios en periódicos, redes sociales, etc…) son vulnerables a estos ataques…

…Pero un ataque tan sencillo, tiene una solución y prevención igualmente sencilla: expresiones regulares. Sinceramente, es para mí lo más complicado de la programación. De hecho, no suelo crear yo muchas de ellas (ya que las cosas más comunes suelen existir en librerías de exp. reg.). Básicamente debemos crear una expresión regular que, en el contexto de nuestra aplicación, impida que este tipo de textos sea interpretado como un enlace. Una manera un poco chabacana y en plan cutre-rápido sería algo como esto:

$contenido_del_usuario = str_replace("javascript:","",$_POST['contenido_del_usuario'];

Repito, algo chabacano, ya que si por ejemplo alguien escribe “hola os pongo un ejemplo de javascript: blah blah blah blah” sería sustituido por “hola os pongo un ejemplo de blah blah blah blah”. Lo suyo es utilizar expresiones regulares. En esta dirección: https://fosswiki.liip.ch/display/BLOG/XSS+Prevention podéis encontrar muchas regexp para prevenir ataques XSS en nuestras aplicaciones. Por otro lado, podemos tener en cuenta también una serie de buenas costumbres al respecto:

  • Tener siempre activo en el php.ini la opción magic_quotes. Esto escapa todas las comillas introducidas por POST o GET (es decir, convierte ” ‘ ” en ” \’ “) para evitar que sean tomadas como contenido de una propiedad. Ello además impide otros ataques, como el SQL Injection.
  • Tratar todos los textos libres del usuario con addslashes();
  • Impedir, si no es necesario, que los usuarios introduzcan tags html en comentarios, posts, etc… ello se puede hacer fácilmente con strip_tags(); Además, esta función de PHP permite “dejar paso” a algunos tags, como por ejemplo <b> <u> <strong>, etc…

Respecto a aplicaciones OpenSource tipo WordPress, Joomla, Mambo, PHPBB, etc etc debemos procurar tener éstas actualizadas a la ultimísima versión, ya que suelen ser carne de cañón para los que investigan vulnerabilidades de este tipo. De momento, la mayoría de las versiones estables suelen ser comprobadas para este tipo de vulnerabilidades.

En esta primera entrega sobre prevención de ataques en aplicaciones web hemos visto (para mí) una de las maneras más elegantes de hacking de apps web 2.0. Elegante? sí, ya que en ningún momento se toca nada del servidor, y se pueden desarrollar contramedidas fácilmente. Además, estos ataques suelen ser realizados por hackers, no crackers, con lo que la única intención que suele haber en ellos no es más que la de informar que no se ha tenido en cuenta estas vulnerabilidades. En la próxima entrega hablaremos de una “añeja” forma de hacking web, que es el SQL Injection, ya casi en desuso.

Ataques XSS famosos de los últimos tiempos:

Nuevo producto Pantone

Vuelve Pantone con un nuevo producto.

Si en junio hablabamos del Hotel Pantone en Bruselas (Bélgica), ahora se añade, a la ya larga lista de productos con la que nos han ido sorprendiendo (Tazas, camisetas, bolsas, monederos, memorias usb y hasta el famoso cubo de Rubik),  la nueva tarjeta de crédito Visa Pantone.

Ahora con esta nueva visa ya podremos hacernos con el resto de productos. :)

 

Dónde comprar productos Pantone:

w2products.com

Tarjeta pantone:

cardpartner.com

Posicionamiento, SEO y accesibilidad ¿Qué son?

Muchos de nuestros clientes tienen una gran preocupación: Aparecer en Google, pero no solo aparecer, sino ser el primero ¡El Primero!. Para ello, muchas empresas ofrecen servicios de “posicionamiento” en Google, nosotros ofrecemos nuestra experiencia SEO y accesibilidad. Pero, ¿No es lo mismo? ¡En absoluto! Veamos las diferencias.

SEO (Search Engine Optimization)

El SEO es una serie de buenas prácticas a tener en cuenta a la hora de “dibujar” la web con código HTML. Para comprender qué hacer para mejorar la optimización para buscadores, debemos saber cómo funcionan. Para ello, basta con coger nuestro navegador, abrir una página cualquiera y hacer botón derecho -> “Ver código fuente” entre el batiburrillo de tags y código javascript, veremos el contenido de la web. Eso es lo que almacena e indexa un buscador. Ni más ni menos. También seguirá los enlaces a otras web o a contenidos dentro del mismo site. Como me dijo mi socio una vez “Google es el mayor ciego de la web”, y por ende es incapaz de describir imagenes, contenido flash (aunque lo intenta), audio y vídeo. Por tanto, absolutamente todo el contenido multimedia deberá ser descrito para poder ser reconocido por buscadores.

Una de las cosas que más odio en el diseño web son los “maravillosos” programadores que maquetan sus webs mediante tablas (muchos de ellos además aficionados al Dreamweaver) ¿por qué los odio? porque tal vez la más importante de las técnicas SEO sea la estructuración correcta de la web. Al abrir el código fuente y mirarlo, deberíamos ser capaces de comprender cómo está estructurada la información. Los elementos HTML como las listas, tablas, párrafos, cabeceras, títulos, etc.. están para ser utilizados para su función, nunca para diseño. Así, si utilizamos una tabla, será para mostrar una serie de datos. Si utilizamos una lista ordenada será para mostrar un menú o una serie de categorías. Si utilizamos un encabezado <h1> será para un contenido importante, <h2> para algo menos importante, etc… Es lo que se denomina “Web Semántica”, y ello facilita también la labor al buscador para saber qué es importante indexar y qué contiene información menos importante.

Aquí, los “diseñadores” estarán diciendo: “Ya, pero así queda feo”. ¡Sasto! para ello el W3C inventó el CSS, ese gran desconocido. Basta ya de tags <font>, basta ya de <img width=”” height=”” border=”” />!!! Además CSS permite, dedicando una o dos horas, tener el diseño de una web completa listo, ya que vale para las diferentes páginas que conforman el site. Por otro lado, con CSS es más fácil hacer cosas chulas con javascript. Otra de las técnicas chungas para que no quede feo, es coger, liarse la manta a la cabeza y hacer la web en flash. Hacer una web entera en flash es condenarla a no ser indexada por completo y hacerla difícil de encontrar por buscadores. Sí, se pueden hacer cosas muy chulas con flash (aunque, dame unos días y te lo replico en javascript), pero los buscadores no funcionarán bien.

Accesibilidad WEB

La accesibilidad web es una disciplina muy similar al SEO, como ya he comentado “los buscadores son los mayores ciegos de Internet”. En este caso, dado que los visitantes son humanos, debemos tener en cuenta mucho más el tema de la estructura web, ya que los dispositivos que estos visitantes utilizan suele ser una línea Braille. Uno de los trucos que suelo utilizar es, con la barra “Web developer” de Firefox instalada, desactivar los estilos CSS. Si la página sigue siendo navegable sin estilos CSS, probablemente la web será bastante accesible. Por supuesto, todos los contenidos multimedia (imagenes, vídeos, audios, etc…) deben ser descritas. Para ello, es interesante utilizar la propiedad “alt” de los tag <img> etc… Además, en caso de incluir vídeo, es conveniente describirlo en texto o audio.

Posicionamiento

El trabajo de posicionamiento consiste básicamente en intentar conseguir que la página a posicionar reciba el mayor número de enlaces desde páginas de “calidad”. ¿Qué se considera páginas de calidad? pues primero, que tengan un Page Rank alto, y segundo que tengan algo que ver con las palabras clave con las que quiere mejorar el posicionamiento. Además, la gente que se dedica al posicionamiento también hacen uso abuso de las etiquetas <meta>, incluyendo las palabras clave en ellas. Hay una delgada línea entre “Posicionamiento” y “Google Bombing” alrededor de la cual se está haciendo mucho negocio de dudosa efectividad. Muchos poseedores de webs y blogs personales con cierto volumen de visitas entran en un circuito de “intercambio de enlaces” o “enlaces patrocinados” en los que reciben dinero a cambio de incluir enlaces en su web. El texto de estos enlaces suele coincidir con las palabras “contratadas” para mejorar el posicionamiento.

Este sistema funciona, en muchos casos hasta garantizan una posición en google, pero sinceramente creo que los visitantes procedentes de este tipo de posicionamiento no son de “calidad”, ya que simplemente son “bombardeados” en los resultados de búsqueda, llevando incluso a una mala imagen. Para el tema del posicionamiento, nosotros hacemos lo siguiente:

  • Inclusión en google maps: Parece una tontería, pero dar la empresa de alta en Google Places, ya te asegura la primera página de Google, además puede ser más atractivo para el visitante buscar empresas en un mapa que entre un montón de resultados en lista. Además, rellenando los datos profusamente, las búsquedas pueden ser muy efectivas y conseguir menor cantidad de clicks pero de mejor calidad y mayor porcentaje de éxito.
  • Buscar directorios y foros sobre el tema: …y ver las posibilidades para “colar” un enlace.
  • Incluir un blog sobre la compañía: El hecho de que los buscadores vayan encontrando contenido nuevo cada vez que indexan la página, también pueden mejorar la posición en los resultados de búsqueda. Hablar además sobre el sector o sobre lo que has hecho el último fin de semana puede arrojar más resultados en las búsquedas. Además, se puede compaginar con las…
  • Redes Sociales: Hoy en día, algo básico en cualquier proyecto web de cualquier empresa. Ello además genera mucho tráfico de calidad media, con cierto porcentaje de éxito.

Bueno, pues ahí queda el rollo dicho, ¡Hasta la próxima!.

40 años del símbolo del reciclaje

El primer día de la tierra fue celebrado en 1970, y para celebrarlo, la Container Corporation of America convocó un concurso de ideas de símbolos con los que ilustrar sus cajas y cartonajes reciclables. Entre más de 500 propuestas, Gary Anderson, un jóven de 23 años estudiante en la University of Southern California presentó lo que hoy conocemos como el símbolo del reciclaje.

Sorprendentemente, aún habiendo creado uno de los logotipos más importantes y conocidos en el mundo, el estudiante de arquitectura y ciencias sociales no se dedicó al diseño gráfico. Continuó estudiando geografía e ingeniería medioambiental.

Gary Anderson mostrando su idea - (C) Wikimedia Commons

Gary Anderson mostrando su idea - (C) Wikimedia Commons

 

En la actualidad, Gary Anderson se dedica a la planificación y gestión medioambiental. La idea del logotipo llegó por parte de Escher y su obra Möbius Strip, que representa una serie de hormigas recorriendo una cinta sin fin enunciada por August Ferdinand Möbius y Johann Benedict Listing, dos matemáticos del siglo XIX. Gary Anderson unió las ideas de infinito y reciclaje, dando lugar al logotipo que hoy en día utilizamos.

Vía: Tecnología Obsoleta

 

Momento épico para los tipógrafos

El vídeo de arriba muestra un momento épico para los aficionados a la tipografía, ni más ni menos que “The quick brown fox jumps over the lazy dog”, el pangrama más conocido del idioma Inglés.

El otro día en la oficina hablábamos de esto precisamente, instalando una fuente en mi PC, Windows me mostraba la típica frase “El veloz murciélago hindú comía feliz cardillo y kiwi” Esta y muchas otras son lo que se denominan pangramas. Los pangramas o frases holoalfabéticas son frases que contienen todas o la gran mayoría de las letras del alfabeto y suelen utilizarse para mostrar tipografías. Viene a ser una especie de Lorem Ipsum para tipografías.

Después de este frikismo, lo dejo ahí, hasta otro post!!

Vía: Microsiervos.

Restyling de kiensoy.com, Psicología – Terapia telefónica

Desde hace ya unas semanas se puede visitar la nueva web de kiensoy.com, la web de terapia teléfonica de la psicóloga Isabel Armenteras.

 

Isabel es licenciada en Psicología, especialidad clínica, tiene un Máster en Psicoterapia Cognitivo-Conductual y se ha especializado en psicoterapia telefónica.

 

Así que si necesitas ayuda para tratar algún trastorno de ansiedad, depresión, problemas de pareja o de relaciones personales, etc. no dudes en contactar con ella tratará tu caso con profesionalidad y juntos lo resolveréis.

 

¡Mucha suerte con tu nueva web Isabel!

 

http://www.kiensoy.com

Agosto, Cerrado por vacaciones (Nosotros no, eh!!)

Llega Agosto como todos los años por estas fechas, época en la que gran parte de los trabajadores del pais (Los que quedan) cogen parte de sus días de vacaciones.

Y con ello llega el cierre por vacaciones de gran parte de las pymes de este pais. ¿Quién dijo crisis?

El descanso es muy importante para que un trabajador rinda al 100 %, pero tan importante para la empresa es ésto, como tener satisfechos a los clientes, atender sus pedidos y suministrarle los servicios cuando los necesite.

Y aquí es donde viene mi queja, porque somos muchos los que en agosto trabajamos y muchos de los clientes los que siguen demandando servicios en este mes.

Ya me parece molesto los horarios de verano en los que las empresas no abren por las tardes, y se hace imposible pedir un presupuesto o hacer un pedido después de las 4 de la tarde, pero más molesto me parecen los cierres por vacaciones, en los que durante 3 semanas, en el mejor de los casos, te puedes olvidar de ese proveedor y de sus servicios.

Creo que con un poco de organización no es necesario cerrar las empresas durante agosto, estableciendo unos turnos de vacaciones. Con ello seguimos manteniendo abierta la empresa, no discuto que a un menor ritmo inevitable, pero de esta manera se sigue manteniendo servidos a los clientes y la empresa no deja de producir. Porque estos cierren no hacen sino que los que trabajamos en agosto, no podamos hacerlo al 100%, y en algunos casos casi obliga a cogerse la vacaciones forzadas.

También con los turnos de vacaciones no “obligamos” a los trabajadores a cogerse las vacaciones en este mes, ya que no a todo el mundo le gusta cogerse sus días de descanso el mes en que hace más calor, las algomeraciones son la tónica general y todo es más caro.

Así que, desde mi punto de vista, no habrá tanta crisis si podemos permitirnos cerrar las empresas y dejar de producir durante casi todo un mes. Creo que por lo menos es para pensarlo.

Cuando el tráfico de una web comienza a ser un factor crítico

En la división en la que jugamos, normalmente el tráfico de las páginas es muy pequeño, llegando a ser una cuestión que no se tiene en cuenta a la hora de programar. Durante estas fechas, se celebra en nuestra localidad, Torrevieja, el Certamen Internacional de Habaneras y Polifonía. Para los que no lo conozcáis, se trata de un concurso de canto coral, protagonizado por la Habanera. La Habanera es un canto muy común y arraigado en todas las zonas marineras, es el típico canto que los pescadores cantaban en puerto mientras preparaban el zarpado. Desde hace 56 años, se celebra en Torrevieja este certamen, en el que participan corales de todo el mundo, y del que están pendientes muchas personas.

En los tiempos que corren, la página web www.habaneras.org es una herramienta importantísima para el Patronato de Habaneras, ya que permite difundir el certamen al mundo, además de ser utilizado para la comunicación con participantes, aspirantes y prensa. Sin embargo, el volumen de tráfico que tenemos en esta web (sobre todo durante el certamen), hace necesario tomar medidas “especiales”, sobre todo el uso de cachés proxies etc…

El CMS que programamos para el Patronato de Habaneras, es un típico CMS basado en LAMP (Linux Apache Mysql y PHP), como puede ser Joomla, Mambo, PHPNuke, etc.., pero con características a medida del cliente (como pueden ser los formularios de inscripción, que almacenan los datos en una intranet para luego ser tratados). Dispone de una parte de administración, desde donde no solo se gestiona el contenido de la web, sino que se tiene acceso al área de prensa (para subir documentos) y a la gestión de participantes. El servidor en el que está alojada la web, es una tarifa plana de RedCoruña (por cierto, cojonudo el servicio de los gallegos), con lo que no hay problema de límites de transferencia, pero por aquello de no aburrir al visitante, gastar menos energía en el servidor, y aportar nuestro pequeño granito de arena a que Internet no se colapse más, so pena de emitir menos CO2, hacemos uso de contenido generado por caché:

  • Cuando se genera o modifica un documento para el CMS, en la BBDD solo almacenamos el nombre de un archivo .html que es generado de forma dinámica. Para el servidor es más rápido y fácil leer el contenido de un archivo que generar una consulta SQL y leer un campo TEXT (Algún día colgaré el test: un sencillo PHP que lee 1000 veces un archivo y lo manda al navegador y realiza 1000 consultas SQL y la manda al navegador, se mide el tiempo que tarda entre una cosa y otra).
  • También generamos un HTML con los menús y demás accesorios de la web.
  • Para facilitar el tema de incluir imagenes en el contenido, utilizamos PHPThumb, que genera thumbnails de forma automática sin tener que subir varias imagenes. Este programa ya tiene una caché, y como las imagenes no suelen cambiar mucho, está activada al máximo de tiempo posible.

Por otro lado está también el tema de la emisión en directo, y la reproducción bajo demanda de las veladas que conforman el certamen. Esta labor pertenece a Televisión Torrevieja, y su apartado web en el que nosotros también participamos, aunque de forma indirecta. Aquí no hay mucho que rascar, es un servidor dedicado, en un housing de un datacenter de Elda. En este servidor está corriendo LAMP y Flash Media Streaming Server. La verdad es que no deja de sorprenderme lo bien que funciona el Flash Media Server, ya pueden venir noches de habaneras, que aquello ni se despeina (no llega al 8% de CPU). Además, ahora está emitiendo TVT en H264 con una calidad de unos 600kbps a 480×360 px de resolución (que para ser una emision online en directo está muy muy bien).

Aprovecho de paso, para recordar por aquí a la gente que hay detrás de la web de Habaneras, que además de nosotros son unos cuantos más:

  • Antonio Aniorte: Responsable de prensa del patronato. Además de permitirnos jugar un poco con su paciencia (por aquello de las modificaciones de última hora) durante los días anteriores al certamen, he de reconocer que es de los pocos que se han dado cuenta de la importancia de una web actualizada y al día. No solo eso, sino que es el artífice de su difusión por las redes sociales.
  • Antonio García: Fotógrafo oficial del Certamen. De Él son la mayor parte de las fotos que ilustran la web de Habaneras. No solo eso, sino que día a día realiza fotografías de las veladas y las sube la misma noche para que estén disponibles para prensa y web. Espero que el sistema que le preparamos para subir fotografías no le falle!!
  • Aurelio Martínez y Pilar Paez: Comisión técnica. Ellos son los encargados de revisar que, musicalmente hablando, no haya ningún error en la web. Más que nada porque los neófitos en esto de la música, nos cuesta…
  • Toda la gente del Patronato: Sobre todo a Miguelico, Manrique y Yuyo, que son a los que “machacamos” año tras año para conseguir los contenidos, el programa, etc etc

Google recuerda el 150 Aniversario de Alphonse Mucha

En el día de hoy 24 de Julio de 2010 se cumplen 150 años del nacimiento de uno de los mayores exponentes del Art Nouveau, Alphonse Mucha, y google lo ha comemorado como siendo habitual en otros aniversarios modificando las letras de su cabecera.

Alphonse Mucha nació el 24 de Julio de 1860 en la ciudad checoslovaca de Ivancice.

 

Desarrolló gran parte de su obra en la ciudad de París, alcanzando la fama con sus célebres carteles teatrales para la actriz Sarah Bernhardt.

 

Trabajó realizando la publicidad y la gráfica de diversos productos como el champán Moët & Chandon, papel de fumar Job, perfumes, jabón, etc

 

Tuvo también una gran actividad en el diseño de joyas junto a Georges Fouquet joyero parisino que realizaba los diseños que Mucha creaba.

 

A finales de 2008 en el Caixaforum de Barcelona se organizó una exposición sobre la obra de Mucha “Alphonse Mucha, seducción, modernidad y utopía ”, la cual tuve la suerte de poder visitar.

 

Si quieres conocer algo más sobre este artista y pintor checo reflejo del Art Nouveau puedes visitar la web de su fundación http://www.muchafoundation.org y la del museo dedicado a su Obra en Praga http://mucha.tyden.cz/

Internet Explorer 9: ¿Al fin cumpliendo estándares?

Resulta increible que estemos hablando de Internet Explorer 9, cuando aún hay que preocuparse de que las páginas web se vean bien en IE6 (Actualicense ya, leches!), pero parece que Microsoft, esta vez, no nos hará la vida imposible a los desarrolladores con una versión más de su navegador…

Al parecer, según cuentan varios gurús del ramo, IE9 promete cumplir (por fin) con los estándares. Me resultó increible lo que alegó Microsoft al respecto de que muchas cosas no funcionaran en IE8: “Algunas páginas web no están preparadas para Internet Explorer 8…”, pero bueno… nos guste o no su navegador es omnipresente en millones de PCs a lo largo y ancho del mundo.

Además, parece que con IE9 vienen diversas mejoras, a saber:

  • Javascript más rápido. “Solo” superado por las últimas betas de Safari, Opera y Chrome. Importantísimo hoy día, para que terminen de despegar las aplicaciones web.
  • Aceleración hardware de <canvas>. Hombre, como esto funcione de verdad, que Adobe y su Flash no lo pierdan de vista…
  • HTML5. Es algo que debían incluir…
  • Web Open Font Format. el WOFF es un estándar en desarrollo que permite poner orden en el tema de las tipografías para usar en webs.
  • 83% en el test ACID. Bueno, no es un 100%, pero algo es algo.

Pues habrá que estar atentos a los movimientos en Microsoft para ver el resultado final, y no nos llevemos un chasco (además de una comedura de cabeza más). Yo, de momento, seguiré con mi Opera 10, que a mi gusto es el navegador más rápido para navegación (leer blogs, periódicos, etc…). Y con Firefox para el tema de aplicaciones web.

Sinhacheintercalada abre sus puertas

A partir de hoy ya podéis visitar la nueva tienda online de camiseta de nuestra amiga Sinhacheintercalada, la cual haciendo honor a su nombre se llama sinhacheintercalada.com, una web muy resultona que destaca por la ilustración.

En ella podréis encontrar camisetas con unos dibujos e ilustraciones muy chulos, que seguro que se dejarán ver este verano en terracitas y locales de moda.

Desde aquí te deseamos mucha suerte en este nuevo proyecto!

http://www.sinhacheintercalada.com

Unas vacaciones de diseño

Para las próximas vacaciones ya hay un destino turístico hecho a medida para los diseñadores gráficos. Y ese no es otro que Bruselas (Bélgica).

A la oferta de museos, parques, arquitectura, el famoso Manneken Pis, el chocolate belga, los grofes,… ahora se une un aliciente más el Hotel Pantone. Quizás los ciudadanos de a pie no le vean la gracia, sólo verán un hotel de diseño más, pero es algo curioso para las diseñadores.

Otro nuevo producto con el que sorprende pantone y que seguro que tendrá una buena acogida.

http://www.pantonehotel.com/

Nueva web del Restaurante Gandhi

Desde hace unos días ya se encuentra disponible la nueva web del Restaurante Gandhi. En ella podrás conocer la historia del primer restaurante Hindú de Torrevieja, su segundo restaurante abierto recientemente, así como el extenso menú  que cada día preparan con esmero Ashok y su equipo para satisfacer a sus clientes.

 

El diseño de esta web se inspiró en los colores y gráficos que se utilizan en la imagen del restaurante entremezclados con algunos motivos que recuerdan a la India.

 

No dejes de visitar Restaurante Gandhi si quieres disfrutar de la auténtica comida hindú. 100% Recomendado.

 

Nuevo blog de Green Estudio

Green estudio está de estreno, y lo hace con su nuevo blog. Aquí iremos colgando nuestros nuevos trabajos, noticias interesantes sobre nuestro mundillo, inquietudes y demás pensamientos.

Esperamos que os guste.