Blog tecnológico » contenidos http://www.asoma.es/blog Asoma Proyectos Digitales - Actualidad del mundo del diseño web e internet y artículos de interés Tue, 29 Nov 2011 17:45:54 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Cómo evitar que nos roben imágenes de nuestras páginas web http://www.asoma.es/blog/2008/01/07/como-evitar-que-nos-roben-imagenes-de-nuestras-paginas-web/ http://www.asoma.es/blog/2008/01/07/como-evitar-que-nos-roben-imagenes-de-nuestras-paginas-web/#comments Mon, 07 Jan 2008 09:17:43 +0000 asoma http://www.asoma.es/blog/2008/01/07/como-evitar-que-nos-roben-imagenes-de-nuestras-paginas-web/ Cuando realizamos una página web, una de las grandes preocupaciones (entre otras) es evitar que nos roben nuestros contenidos. Sobre todo si hablamos de sitios con textos o gráficos muy exclusivos o difíciles de conseguir.

En primer lugar hay que decir que desgraciadamente todo lo que publiquemos en internet podrá ser copiado de alguna manera u otra. Y que la única forma segura de evitar que nos “fusilen” algo es no publicarlo.

Sin embargo, podemos hacer algo al respecto, y al menos ponérselo un poco más difícil a los que quieran coger contenido “prestado”. En este post vamos a hablar de las formas de persuadir a quienes quieran acceder a nuestros contenidos gráficos.

Deshabilitar botón derecho con javascript

Uno de los recursos más empleados en este tipo de casos es deshabilitar el botón derecho a través de javascript. Este recurso al menos deshabilita la función de “Guardar imagen como…” con el botón derecho. Además si lo acompañamos con un mensaje tipo alert recordando el copyright, mucho mejor.

Botón derecho deshabilitado

Un ejemplo de código javascript para emplear en estos casos es el siguiente, que debemos incluir en nuestros archivos html entre las etiquetas <head> y </head>:

JavaScript:

  1. <script>  var sMensaje = \\\\\\’Botón derecho deshabilitado. \n Todos los derechos reservados  ©\\\\\\’;
  2. function anularBotonDerecho(e) {
  3. if (navigator.appName == \\\\\\’Netscape\\\\\\’        && (e.which == 3 || e.which ==    2)){       alert(sMensaje);       return false;     } else if (navigator.appName == \\\\\\’Microsoft Internet Explorer\\\\\\’          && (event.button    == 2)) {       alert(sMensaje);     }   }
  4. document.onmousedown=anularBotonDerecho;   document.oncontextmenu=new Function(“return false”);
  5. </script>

Marcas de agua

Con el anterior ejemplo tan sólo hemos deshabilitado el botón derecho. De todas maneras sabemos que un usuario medianamente experto podía haber guardado las imágenes en su disco duro de alguna manera.

Otro métido para persuadir a los usuarios es colocar una “marca de agua” en nuestras fotografías. Este método resulta más “intrusivo”, ya que estamos modificando la foto original, pero por contra resultará más difícil que después esa imagen sea empleada con otros motivos.

Existen dos maneras de realizar marcas de agua. Una es realizarla con directamente con un programa de edición gráfica (por ejemplo Photoshop). Entonces podemos incluir una imagen encima de la original (en una nueva capa), con nuestro logotipo y jugando con la transparencia.

imagen con marca de agua

Evidentemente esto supone un trabajo importante si publicamos imágenes en nuestro sitio habitualmente. Pero si tenemos un publicador en php podemos hacer que este proceso se realice automáticamente cada vez que subimos una imagen al servidor.

En primer lugar tenemos que hacer una imágen en png que sirva de marca de agua. Es decir, una imagen con transparencia que se superpondrá a todas las imágenes que subamos. Y para que el sistema insete esta marca de agua automáticamente debemos usar la siguiente función:

PHP:

  1. function marcadeagua($img_original, $img_marcadeagua, $img_nueva, $calidad) {
  2. // obtener datos de la fotografia
  3. $info_original = getimagesize($img_original);
  4. $anchura_original = $info_original[0];
  5. $altura_original = $info_original[1];
  6. // obtener datos de la "marca de agua"
  7. $info_marcadeagua = getimagesize($img_marcadeagua);
  8. $anchura_marcadeagua = $info_marcadeagua[0];
  9. $altura_marcadeagua = $info_marcadeagua[1];
  10. // calcular la posicion donde debe copiarse la "marca de agua" en la fotografia
  11. $horizextra = $anchura_original - $anchura_marcadeagua;
  12. $vertextra = $altura_original - $altura_marcadeagua;
  13. $horizmargen =  round($horizextra / 2);
  14. $vertmargen =  round($vertextra / 2);
  15. // crear imagen desde el original
  16. $original = ImageCreateFromJPEG($img_original);
  17. ImageAlphaBlending($original, true);
  18. // crear nueva imagen desde la marca de agua
  19. $marcadeagua = ImageCreateFromPNG($img_marcadeagua);
  20. // copiar la "marca de agua" en la fotografia
  21. ImageCopy($original, $marcadeagua, $horizmargen, $vertmargen, 0, 0, $anchura_marcadeagua, $altura_marcadeagua);
  22. // guardar la nueva imagen
  23. ImageJPEG($original, $img_nueva, $calidad);
  24. // cerrar las imagenes
  25. ImageDestroy($original);
  26. ImageDestroy($marcadeagua);
  27. }

Después sólo tendríamos que llamar a la función:

PHP:

  1. marcadeagua(“images/original.jpg”,”images/marcadeagua.png”,”images/original.jpg”,100);

Más sobre la marca de agua en php: http://bitacora.guebs.com/articulo/28/anadir-marca-de-agua-a-fotografias/
Emplear flash

Otro recurso para evitar que nuestras imágenes se puedan coger fácilmente es emplear flash, por ejemplo para realizar una galería de fotos donde se muestren las imágenes más importantes. Con ello evitaremos que los usuarios se puedan descargar las imágenes de una manera directa. Aunque ni aún así estaremos a salvo de que nos puedan copiar.

Conclusión

Como decíamos al comienzo del artículo la única manera de que algo que publiquemos en internet no sea copiado es no publicándolo. Sin embargo con las técnicas que hemos explicado podemos, al menos dificultar esa tarea. Según nos convenga podemos usar cada una de las técnicas, e incluso combinarlas.

]]> http://www.asoma.es/blog/2008/01/07/como-evitar-que-nos-roben-imagenes-de-nuestras-paginas-web/feed/ 11 RSS – Elige los contenidos más interesantes de la red http://www.asoma.es/blog/2007/04/13/rss-elige-los-contenidos-mas-interesantes-de-la-red/ http://www.asoma.es/blog/2007/04/13/rss-elige-los-contenidos-mas-interesantes-de-la-red/#comments Fri, 13 Apr 2007 12:14:11 +0000 asoma http://www.asoma.es/blog/?p=11 Cada vez observamos en más páginas web este símbolo que tenemos justo a la izquierda. Sobre todo en blogs o periódicos on-line. Se trata del símbolo de RSS del que a continuación explicaremos su funcionamiento.

Pero antes nos vamos a poner en situación. Imaginemos que cada vez que nos conectamos a Internet echamos un vistazo a las mismas páginas web. Por ejemplo a un periódico en concreto, al blog personal de un amigo, a una publicación especializada en tecnología y otra en coches. Todo esto, después de mirar si tenemos nuevos mensajes en el correo electrónico.

Quizá del periódico sólo nos hayan interesado unas pocas noticias, puede que amigo no haya actualizado su blog, que en la publicación tecnológica no hayamos encontrado nada interesante, y que en la de coches sólo encontremos una nueva noticia.

En total hemos visitado cuatro páginas web, invirtiendo nuestro tiempo en mirar qué contenidos estaban actualizados, y cuál realmente interesantes.

¿No sería mejor tener todos los titulares en una misma página? Es decir, que en un vistazo pudiésemos ver qué páginas se han actualizado y de ellas, qué noticias nos interesa leer. Pues bien, para eso está el RSS o sindicación de contenidos.

Agregadores de contenido

Nos vamos a centrar en los agragadores de contenido a través de la web. Mediante esta herramienta nosotros vamos a tener en una sola página los titulares de cada página web a la que nos suscribamos.

Como casi siempre disponemos de varios servicios que hacen la misma función. Por ejemplo, Alesti, Bloglines o Google Reader. Es cuestión de gustos emplear uno u otro, pero en esta ocasión vamos a emplear Netvibes.

Lo primero que vamos a hacer es ir a la página web www.netvibes.com. Después en la parte superior derecha elegiremos “Iniciar Sesión”, después “Nuevo Usuario”, y tan sólo con introducir nuestra dirección de e-mail y una contraseña ya estaremos registrados.

Por defecto, nos aparecerán varios canales activos en forma de ventanas. Podemos ir cerrándolos (Dándole a la X en la parte superior derecha de cada canal) para dejar sólo los canales que más nos interesen a nosotros.
Agregar contenido

Ahora viene el paso más importante de todo este proceso: coger la dirección RSS de una página, y ponerla en nuestro agregador de contenidos. Dicho de otro modo, a través de netvibes, vamos a ver los titulares de las páginas a las que nos queramos suscribir.

Para empezar, de este mismo blog. Para ello, en la parte inferior de esta misma página, vamos a ver el símbolo de RSS y seguido pone Feeds de entradas – comentarios. Nos vamos a poner con el ratón encima de “entradas” y con el botón derecho vamos a elegir “Copiar acceso directo” (en el caso de que naveguemos con Explorer) o “Copiar ruta del enlace” (Firefox).

Ahora volvemos a Netvibes y arriba a la izquierda pulsamos en “Agregar una suscripción”. Se abrirá una pestaña y en la casilla Dirección, le damos con el botón derecho a “Pegar”, para que copie la dirección url del feed. Ahora le damos a “Añadir” y ya lo tenemos. Y así con cuantas páginas queramos.

Más servicios

En netvibes, además, tenemos la posibilidad, entre otras muchas cosas, de poder ver si tenemos correos nuevos. Podemos elegir entre nuestro tipo de cuenta (Gmail, yahoo, Hotmail, etc…) y tenerlo como un canal más para controlar nuestro correo. Podemos además tener información sobre el tiempo en nuestra localidad, notas personales, y servicios que vana umentando a lo largo del tiempo.

En conclusión, que en una sola página (totalmente personalizable) podemos ver el contenido de las 4 páginas web de las que hablábamos al principio y además ver si hay nuevos correos en nuestra cuenta. Y todo de una manera mucho más sencilla y en mucho menos tiempo.

También cabe reseñar que no todas las páginas web presentarán el acceso a la dirección Rss. Algunas sólo mostrarán un texto en el que ponga “Rss”, otras sólo el icono. Además en la mayoría nos podemos suscribir a sólo ciertas categorías de la web, o a comentarios de entradas si es un blog.

Información relacionada:

¿Qué es RSS –y XML, RDF, Atom,…?

]]> http://www.asoma.es/blog/2007/04/13/rss-elige-los-contenidos-mas-interesantes-de-la-red/feed/ 0