Plantillas para introducción de datos desde otras webs

      Plantillas para introducción de datos desde otras webs

      Hamijos,

      dado el interesante reto que tenemos por delante acerca de una reconstrucción masiva de datos, me permito lanzar al aire una propuesta para quién quiera secundarla. Nuestra introducción de datos aquí es bastante, por no decir muy mecánica. Nos suscribimos a fuentes de información, tiendas online, blogs, etc, y nos hacemos eco aquí. Bien, mi idea va por intentar automatizar al máximo ese trabajo y quitar esfuerzo de proceso, formato, etc. a los que ponemos info, así como proveer de un aspecto más uniforme a lo que aquí se postea.

      Un primer paso que ya empecé con el copiado/pegado de charts de otras webs es la creación de plantillas jquery que traduzcan del html de la web original al formato foro. Acabo de crear otro para convertir una página de un lanzamiento en Beatport también a formato foro (Ejemplo: forodance.com/index.php?page=Thread&postID=385#post385). Si alguien quiere utilizarlo a discreción puedo: a) proporcionárselo y que lo utilice como quiera, b) darle un acceso a la página jsfiddle.net, que es donde alojo estos templates o c) escuchar cualquier otra propuesta.

      El mecanismo no es ahora mismo tan simple como pegar una URL, sino que requiere copiar y pegar el trozo de html a traducir. Mi siguiente idea es constuir algo que precisamente evite eso, así como también ir generando nuevas plantillas para Juno, Soundcloud, Discogs, y lo que se tercie. Sobra decir que recibiré con agrado todas las ayudas y sugerencias respecto de todas estas cuestiones.

      Saludos

      Edito: plantillas creadas hasta el momento

      Beatport
      URL: jsfiddle.net/forodance/vQmmE/
      Nodo HTML: <div class="line release-detail">

      iTunes Store
      URL: jsfiddle.net/forodance/LbEug/
      Nodo HTML: <div id="content">

      Juno Download
      URL: jsfiddle.net/forodance/T6BrP/
      Nodo HTML: <td itemscope="" itemtype="http://schema.org/MusicAlbum">

      Discogs
      URL: jsfiddle.net/forodance/hFVaj/
      Nodo HTML: <div id="main_wrapper">

      Youtube
      URL: jsfiddle.net/forodance/SMB7n/
      Nodo HTML: <div id="body-container">


      -

      Post was edited 7 times, last by “rusticman” ().

      Ok, para que veas un poco cómo funciona esto podemos entrar en detalle.

      La página jsfiddle.net/forodance/vQmmE/ es ahora la que permite hacer una conversión de una página de beatport al formato del foro. Esa página está dividida en cuatro partes:

      - Superior izquierda: donde hay que pegar el html de beatport.
      - Superior derecha: esa es irrelevante en nuestro caso.
      - Inferior izquierda: contiene el código jquery de conversión (no hay que tocar nada ahí).
      - Inferior derecha: cuando hayamos pegado el html de beatport en la superior izquierda y pulsado el botón "Run" de la barra superior, esta zona pasará a mostrar el resultado que puede copiarse directamente en el foro.



      Entonces, lo que queda por saber es cómo copiar el html de beatport. En este caso tenemos dos opciones: copiar sólo el trozo que nos interesa o copiarlo entero (funcionan las dos).

      Si queremos copiarlo entero, sólo hay que navegar a la página del lanzamiento (esto no es para páginas de track, debe ser de lanzamiento, p. ej. beatport.com/release/scream-an…at-britney-spears/1006050), pulsar botón derecho, "Ver código fuente", seleccionar todo y copiarlo tal cual.
      Si queremos copiar sólo el trozo clave, es necesario usar las herramientas de desarrollo de Internet Explorer, o Google Chrome, o Firebug de Firefox. Por ejemplo, para Chrome, se puede pulsar sobre el botón derecho de la portada del lanzamiento y hacer "Inspeccionar elemento". Esto nos mostrará el código html de esa imagen; entonces hay que subir un poco más hacia arriba y localizar el nodo html llamado: <div class="line release-detail"> . Pulsando con botón derecho sobre ese nodo y haciendo "Copy as HTML", ya lo tendremos copiado listo para pegar.



      Si os animáis a probarlo, dadme feedback por favor.
      Solucionado! Ya funciona para todos los navegadores (antes solo lo hacía para Explorer).

      Hace bastante tiempo que no he revisado si el HTML de las páginas sigue siendo el mismo y saca bien los atributos de cada release... si lo utilizáis y encontráis algo, me decís, así como si véis cosas a modificar o mejorar.

      Saludos