How to Build a Yahoo! SearchMonkey App (Spanish)

2,968 views

Published on

Usando Intel's Mash Maker para contruir Yahoo! SearchMonkey “Custom Data Services.”

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,968
On SlideShare
0
From Embeds
0
Number of Embeds
10
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

How to Build a Yahoo! SearchMonkey App (Spanish)

  1. 1. Mash Maker + SearchMonkey = Usando Intel's Mash Maker para construir Yahoo! SearchMonkey “Custom Data Services”
  2. 2. 1. Instalar Mash Maker Intel <ul><li>Regístrarte con una dirección de correo válido en la página de Mash Maker de Intel y baja aquí el instalador: http:// mashmaker.intel.com/web/download.html </li></ul><ul><li>Al hacer el resgitro recibirás un correo electrónico con tu usuario y clave. </li></ul><ul><li>En firefox, entra este usuario y password en: </li></ul><ul><li>'Tools-> Options -> Mash Maker‘ </li></ul><ul><li>NOTA: Para que Mash Maker funcione con Yahoo! SearchMonkey, DEBES ENTRAR CON TUS USUARIO Y CLAVE. </li></ul>
  3. 3. 2. Navega en la página que deseas hacer las extracción de textos, images, etc. a. Abrir la herramienta de Mash Maker tool hacie n do clic aquí
  4. 4. 3. Haz Clic en &quot;Pick from Page&quot; y luego selecciona los elementos de la páginas que deseas extraer. a. El botón &quot;Pick from Page&quot; esta localizado en la sección de “Extractor”
  5. 5. 4. Guardar cada elemento ó &quot;property&quot; <ul><li>2. Asígnarle un nombre por ejemplo: &quot;Album Cover“ </li></ul><ul><li>3. Hacer clic en el botón de &quot; Publish &quot; para guardar los cambios del extractor. </li></ul><ul><li>Nota: Debes publicar todos los cambios para que Mash Maker trabaje adecauadamente con SearchMonkey. </li></ul><ul><li>Seleccionar &quot; Property of the whole page &quot; y luego “Add”, si es un elemento único en la página. Si son elemntos repetidos como listas selecciona “ Property of an item on the page ” y luego clic en “Add” </li></ul>
  6. 6. 5. Guardar el Extractor a. Asignar un nombre al item. Ejemplo: &quot;Pitchfork Review Extractor“ b. Hacer Clic en el botón de &quot;Types&quot; y seleccionar un tipo para el item seleccionado. Ejemplo &quot;review&quot; c. Guardar cada actualización haciendo clic en “Publish”.
  7. 7. 6. Seleccionar otros elementos de la pagina y luego clic en el botón de “SEARCH MONKEY ” c. Luego de haber extraído todos los elementos que deseas. Haz clic en el botón de SEARCH MONKEY ! !! a. Para algunas recomendaciones en la extracción ir al Appendices A . b. Guardar cada actualización haciendo clic en “Publish”.
  8. 8. 7. Guardar los datos de Mash Maker data en tu clipboard. a. Hacer clic en &quot;copy to clipboard&quot;
  9. 9. 8. En una nueva ventana de tu explorador abré la herramienta de SearchMonkey: http:// developer.yahoo.com/searchmonkey / a. Clic en &quot;Build an App“ para crear o editar tu aplicación
  10. 10. 9. Crear un nuevo “ Custom Data Service” a. Hacer clic en Crear un “Custom Data Service”
  11. 11. 10. Descartar el código de ejemplo e insertar el código generado con Mash Maker en la página de Data Extraction
  12. 12. 11. Ir al final de la página y verificar si la extracción se comporta correctamente. Asumiendo que los enlaces ó URLs estan correctos, el título y la lista de propiedades que se extrajeron de la página.
  13. 13. Está listo! <ul><li>Ya construiste tu Custom Data Sevices y ahora puedes pensar como organizar la presentación de la Aplicación. </li></ul><ul><li>Aprende más sobre como hacerlo aquí: </li></ul><ul><li>http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf </li></ul>
  14. 14. <ul><li>Para añadir al módulo de SearchMonkey enlaces, es requerido hacerlo en 2 pasos, el enlace y el texto: Cuando se añade un enlace al modulo de Seacrhmonkey se remplaza “SMDEFAULT” con ambos el “text” y el “href”. Por ejemplo el url: ( http:// www.yahoo.com / ) y luego Yahoo! . </li></ul><ul><li>Para extraer el texto y el URL: </li></ul><ul><li>En Mash Maker, primero extraer el texto por ejemplo &quot;happy link“ y luego hacer clic en el botón de “Publish”. </li></ul><ul><li>2. Para extraer el URL (href), se repite el paso anterior pero esta vez llamandolo &quot;happy link url&quot;. </li></ul><ul><li>3. Verificar la caja de “Expert”. </li></ul><ul><li>4. Añadir “/@href” al final del string del “XPath”. </li></ul>Appendix A: Extrayendo Enlaces
  15. 15. Appendix B: Usando XPather si Mash Maker no es conveniente para particulares extraciones de datos. <ul><li>Si por alguna razón, Mash Maker no extraé algun “property” se puede utilizar el ads-on de Firefox. Se puede instalar en: https://addons.mozilla.org/en-US/firefox/addon/1192 </li></ul><ul><li>Utilizar el explorardor de Firefox y con el botón derecho del mouse y seleccionar &quot;Show in XPather&quot;. </li></ul><ul><li>Luego Copiar el Copy the &quot;XPath&quot; de la ventana que se despliega como pop-up. </li></ul><ul><li>En el Mash Maker sidebar, seleccionar el “Property” en particular y check la opción de &quot;Expert&quot;. </li></ul><ul><li>Pegar el &quot;XPath&quot; de la ventana de XPather en la caja de &quot;XPath&quot; de Mash Maker sidebar. </li></ul>
  16. 16. Appendix C: Hacer enlaces parciales con la extracción del PHP de presentación <ul><li>Si cuando se extrae los links o enlaces con Mash Maker, puedes hacer una extracción parcial como por ejemplo: www.foodnetwork.com </li></ul><ul><li>“ /saras-secrets/index.html”  siguiendo los siguientes pasos. </li></ul><ul><li>NOTA: Los siguientes pasos solo se aplican para el codigo de presentación en PHP . Para más infomación: </li></ul><ul><li>http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf </li></ul><ul><li>1. En el código de Presentación de PHP que aplicá la URL va a lucir así: Data::get('smid:gfx/mm:recipe_courtesy_href'); </li></ul><ul><li>2. Añadir la URL que fué extraida parcialemnte y concatenarla con “.” (punto): </li></ul><ul><li>‘ http://www.foodnetwork.com’ . Data::get('smid:gfx/mm:recipe_courtesy_href'); </li></ul><ul><li>3. Luego añadir la función de ‘trim’ así: </li></ul><ul><li>‘ http://www.foodnetwork.com’ . trim(Data::get('smid:gfx/mm:recipe_courtesy_href')); </li></ul>
  17. 17. Appendix D: Referencias <ul><li>Como construir una aplicación de presentación de SearchMonkey como Infobarras, luego que se hace realizado un Custom Data Service: </li></ul><ul><li>http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf </li></ul><ul><li>Video - Tutorial de como hacer un “Custom Data Services”con Mash Maker: http://mashmaker.intel.com/videos/tutorials/searchmonkey/customdataservices/ </li></ul><ul><li>Video – Tutorial de como hacer una extración con Mash Maker: ( http://mashmaker.intel.com/videos/tutorials/extractors/extratorstutorial.wmv ) </li></ul><ul><li>Soporte de Intel Mash Maker : http:// mashmaker.intel.com /web/support/ </li></ul><ul><li>Aplicaciones en l galeria de Y! SearchMonkey que han sido creadas usando Mash Maker: </li></ul><ul><ul><li>Food Network: http:// gallery.search.yahoo.com/application?smid =pq2 </li></ul></ul><ul><ul><li>How Stuff Works: http:// gallery.search.yahoo.com/application?smid = odW </li></ul></ul><ul><ul><li>MyRecipes.com: http:// gallery.search.yahoo.com/application?smid = uRE </li></ul></ul><ul><ul><li>Pitchfork Record Reviews: http:// gallery.search.yahoo.com/application?smid = jLx </li></ul></ul><ul><ul><li>GrubHub: http:// gallery.search.yahoo.com/application?smid = haC </li></ul></ul><ul><ul><li>Download.com: http:// gallery.search.yahoo.com/application?smid = RCo </li></ul></ul>

×