How to Build a Yahoo! SearchMonkey App (Espanol)

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

description

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

Transcript of How to Build a Yahoo! SearchMonkey App (Espanol)

Page 1: How to Build a Yahoo! SearchMonkey App (Espanol)

Mash Maker + SearchMonkey =

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

Page 2: How to Build a Yahoo! SearchMonkey App (Espanol)

1. Instalar Mash Maker Intel

• Regístrarte con una dirección de correo valido en la página de mash Maker de Intel y bajar aquí el instalador: http://mashmaker.intel.com/web/download.html

• Al hacer el resgitro recibirás un correo electrónico con tu usuario y clave.

• En firefox, entra este usuario y password en:

'Tools-> Options -> Mash Maker‘

NOTA: Para que Mash Maker funcioné con Yahoo! SearchMonkey, DEBES HACER ENTRAR CON TUS USUARIO Y CLAVE.

Page 3: How to Build a Yahoo! SearchMonkey App (Espanol)

2. Navega en la página que deseas hacer las extracción de textos, images, etc.

a. Abrir la herramienta de Mash Maker tool haciendo clic aquí

Page 4: How to Build a Yahoo! SearchMonkey App (Espanol)

3. Haz Clic en "Pick from Page" y luego selecciona los elementos de la páginas que deseas extraer.

a. El botón "Pick from Page" esta localizado en la sección de “Extractor”

Page 5: How to Build a Yahoo! SearchMonkey App (Espanol)

4. Guardar cada elemento ó "property"

2. Asignarle un nombre por ejemplo: "Album Cover“

3. Hacer clic en el botón de "Publish" y permitirá guardar los cambios de la extracción.

Nota: Debes hacer una publicación de todos los cambios para que Mash Maker trabaje adecauadamente con SearchMonkey.

• Seleccionar "Property of the whole page" 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”

Page 6: How to Build a Yahoo! SearchMonkey App (Espanol)

5. Guardar el Extractora. Asignar un nombre al item. Ejemplo: "Pitchfork Review

Extractor“

b. Hacer Clic en el botón de "Types" y seleccionar un tipo para el item seleccionado. Ejemplo "review"

c. Guardar cada actualizacion haciendo clic en “Publish”.

Page 7: How to Build a Yahoo! SearchMonkey App (Espanol)

6. Seleccionar otros elementos de la pagina y luego clic en el botón de “SEARCH MONKEY”

c. Luego de haber extraido todos los elementos que deseas. Haz clic en el botón de SEARCH MONKEY!

!!

a. Para algunas recomendaciones en la extracción ir a el Appendices A.

b. Guardar cada actualizacion haciendo clic en “Publish”.

Page 8: How to Build a Yahoo! SearchMonkey App (Espanol)

7. Guardar los datos de Mash Maker data en tu clipboard.

a. Hacer clic en "copy to clipboard"

Page 9: How to Build a Yahoo! SearchMonkey App (Espanol)

8. En una nueva ventana de tu explorador abré la herramienta de SearchMonkey: http://developer.yahoo.com/searchmonkey/

a. Clic en "Build an App“ para crear o editar tu aplicación

Page 10: How to Build a Yahoo! SearchMonkey App (Espanol)

9. Crear un nuevo “Custom Data Service”

a. Hacer clic en Crear un “Custom Data Service”

Page 11: How to Build a Yahoo! SearchMonkey App (Espanol)

10. Descartar el código de ejemplo e insertar el código generado con Mash Maker en la página de Data Extraction

Page 12: How to Build a Yahoo! SearchMonkey App (Espanol)

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.

Page 13: How to Build a Yahoo! SearchMonkey App (Espanol)

Está listo!

Ya construiste tu Custom Data Sevices y ahora puedes pensar como organizar la presentacion de la Aplicación.

Aprende más sobre como hacerlo aquí:http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf

Page 14: How to Build a Yahoo! SearchMonkey App (Espanol)

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!.

Para extraer el texto y el URL:4.En Mash Maker, primero extraer el texto por ejemplo "happy link“ y luego hacer clic en el botón de “Publish”.

2. Para extraer el URL (href), se repite el paso anterior pero esta vez llamandolo "happy link url".

3. Verificar la caja de “Expert”.

4. Añadir “/@href” al final del string del “XPath”.

Appendix A: Extrayendo Enlaces

Page 15: How to Build a Yahoo! SearchMonkey App (Espanol)

Appendix B: Usando XPather si Mash Maker no es conveniente para particulares extraciones de datos.Si por alguna razón, Mash Maker no extraé algun “property” se puede utilizar el ads-on de Firefox. Se puede instalar e”: https://addons.mozilla.org/en-US/firefox/addon/1192

3.Utilizar el explorardor de Firefox y con el botón derecho del mouse y seleccionar "Show in XPather".

5. Luego Copiar el Copy the "XPath" de la ventana que se despliega como pop-up.

7. En el Mash Maker sidebar, seleccionar el “Property” en particular y check la opción de "Expert".

9. Pegar el "XPath" de la ventana de XPather en la caja de "XPath" de Mash Maker sidebar.

Page 16: How to Build a Yahoo! SearchMonkey App (Espanol)

Appendix C: Hacer enlaces parciales con la extracción del PHP de presentación

Si cuando se extrae los links o enlaces con Mash Maker, puedes hacer una extracción partcial como por ejemplo: www.foodnetwork.com “/saras-secrets/index.html”  siguiendo los siguientes pasos.

NOTA: Los siguientes pasoso solo se aplica para el codigo de presentación en PHP . Para más infomación: http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf

1. En el código de Presentación de PHP qeu aplicá al URL va a lucir así: Data::get('smid:gfx/mm:recipe_courtesy_href');

2. Añadir el URL que fué extraido parcialemnte concatenarlo con “.” (punto): ‘http://www.foodnetwork.com’ . Data::get('smid:gfx/mm:recipe_courtesy_href');

3. Luego añadir la función de ‘trim’ así:‘http://www.foodnetwork.com’ . trim(Data::get('smid:gfx/mm:recipe_courtesy_href'));

Page 17: How to Build a Yahoo! SearchMonkey App (Espanol)

Appendix D: Referencias

• Como contruir una aplicación de presentación de SearchMonkey como Infobarras, luego que se hace realizado un Custom Data Service:http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf

• Video - Tutorial de como hacer un “Custom Data Services”con Mash Maker: http://mashmaker.intel.com/videos/tutorials/searchmonkey/customdataservices/

• Video – Tutorial de como hacer una extración con Mash Maker: (http://mashmaker.intel.com/videos/tutorials/extractors/extratorstutorial.wmv)

• Soporte de Intel Mash Maker : http://mashmaker.intel.com/web/support/

• Aplicaciones en l galeria de Y! SearchMonkey que han sido creadas usando Mash Maker:– Food Network: http://gallery.search.yahoo.com/application?smid=pq2– How Stuff Works: http://gallery.search.yahoo.com/application?smid=odW– MyRecipes.com: http://gallery.search.yahoo.com/application?smid=uRE– Pitchfork Record Reviews: http://gallery.search.yahoo.com/application?smid=jLx– GrubHub: http://gallery.search.yahoo.com/application?smid=haC– Download.com: http://gallery.search.yahoo.com/application?smid=RCo