Mash Maker + SearchMonkey =  Usando o Mash Maker (Intel) para construir  Data Services customizados para o Yahoo! SearchMo...
1.  Instalando o Mash Maker <ul><li>Registre-se com um email válido e faça o download do Mash Maker aqui:  http://mashmake...
2. Navegando para a página que quer extrair texto, fotos etc. <ul><li>Abra o Mash Maker clicando aqui </li></ul>
3. Clique em &quot;Pick from Page&quot; e selecione um elemento a ser extraído . O botão “Pick from Page&quot; é normalmen...
4. Salve o elemento (&quot;property&quot;) <ul><li>Selecione &quot;Property of the whole page&quot; e clique &quot;Add&quo...
5. Salve seu extrator 1. Salve seu Extrator com um nome (como “Pitchfork Review Extractor&quot;) 2. Clique &quot;Types&quo...
6. Puxe outros elementos da página e  CLIQUE NO MACACO   a. Para dicas na extração, acesse os  Apendices . b. Salve seu tr...
7. Salve os dados do Mash Maker em qualquer editor. Clique &quot;copy to clipboard&quot;
8. Em uma nova página, abra o SearchMonkey application dashboard:  http://developer.yahoo.com/searchmonkey/ Clique &quot;B...
9. Crie um novo  Data Service customizado a. Desça a página  e crie um &quot;Custom Data Service&quot;  b. Preencha as inf...
10. Cole o código do Mash Maker na caixa do meio da página de  Data Extraction
11. Desça e cheque se realmente funcionou Assumindo que você colocou as URLs apropriadas no dashboard, uma prévia deverá a...
Pronto!  <ul><li>Agora que você tem um Data Service customizado, você deve começar a se preocupar como organizar todos os ...
Apêndice A: Extraindo Links  <ul><li>Para adicionar links para um módulo do SearchMonkey existe a necessidade de extrair o...
Apêndice B: Usando XPather se o Mash Maker não funcionar ou qualquer outra extração <ul><li>Se, por alguma razão, o Mash M...
Apêndice C: Extraindo links parciais e renderizando na apresentação PHP do seu aplicativo <ul><li>Se, quando você tenta ex...
Apêndice D: Links <ul><li>Como construir uma Apresentação do SearchMonkey no formato Infobar (depois que a parte de Custom...
Upcoming SlideShare
Loading in...5
×

How to Build a Yahoo! SearchMonkey App (Portuguesa)

2,197

Published on

Usando o Mash Maker (Intel) para construir
Data Services customizados para o Yahoo! SearchMonkey.

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

No Downloads
Views
Total Views
2,197
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

How to Build a Yahoo! SearchMonkey App (Portuguesa)

  1. 1. Mash Maker + SearchMonkey = Usando o Mash Maker (Intel) para construir Data Services customizados para o Yahoo! SearchMonkey.
  2. 2. 1. Instalando o Mash Maker <ul><li>Registre-se com um email válido e faça o download do Mash Maker aqui: http://mashmaker.intel.com/web/download.html </li></ul><ul><li>Cheque seu email e consulte seu login e senha. </li></ul><ul><li>No Firefox, entre com o login aqui: 'Tools-> Options -> Mash Maker', e coloque seu login e senha. NOTE: Para que o Mash Maker funcione com o SearchMonkey, VOCÊ DEVE ESTAR LOGADO. </li></ul>
  3. 3. 2. Navegando para a página que quer extrair texto, fotos etc. <ul><li>Abra o Mash Maker clicando aqui </li></ul>
  4. 4. 3. Clique em &quot;Pick from Page&quot; e selecione um elemento a ser extraído . O botão “Pick from Page&quot; é normalmente localizado aqui
  5. 5. 4. Salve o elemento (&quot;property&quot;) <ul><li>Selecione &quot;Property of the whole page&quot; e clique &quot;Add&quot; </li></ul><ul><li>Dê um nome. (como “Capa do Disco&quot;) </li></ul><ul><li>Clique &quot;Publish&quot; e você vai ser questionado para salvar a extração (extractor). </li></ul><ul><li>NOTE: Você deve publicar todas as mudanças para que o Mash Maker funcione apropriadamente com o SearchMonkey. </li></ul>
  6. 6. 5. Salve seu extrator 1. Salve seu Extrator com um nome (como “Pitchfork Review Extractor&quot;) 2. Clique &quot;Types&quot; e selecione o tipo de páginas (como &quot;review&quot;) 3. Salve seu trabalho clicando “publish”.
  7. 7. 6. Puxe outros elementos da página e CLIQUE NO MACACO a. Para dicas na extração, acesse os Apendices . b. Salve seu trabalho clicando em &quot;Publish&quot;. c. Quando você estiver terminado de extrair todos os elementos que quiser… CLIQUE NO MACACO ! !!
  8. 8. 7. Salve os dados do Mash Maker em qualquer editor. Clique &quot;copy to clipboard&quot;
  9. 9. 8. Em uma nova página, abra o SearchMonkey application dashboard: http://developer.yahoo.com/searchmonkey/ Clique &quot;Build an App&quot;
  10. 10. 9. Crie um novo Data Service customizado a. Desça a página e crie um &quot;Custom Data Service&quot; b. Preencha as informações básicas do Search Monkey.
  11. 11. 10. Cole o código do Mash Maker na caixa do meio da página de Data Extraction
  12. 12. 11. Desça e cheque se realmente funcionou Assumindo que você colocou as URLs apropriadas no dashboard, uma prévia deverá apresentar uma lista de propriedades extraídas. Como esta:
  13. 13. Pronto! <ul><li>Agora que você tem um Data Service customizado, você deve começar a se preocupar como organizar todos os dados dentro do aplicativo. Aprenda como fazer isso aqui: </li></ul><ul><li>http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf </li></ul>
  14. 14. Apêndice A: Extraindo Links <ul><li>Para adicionar links para um módulo do SearchMonkey existe a necessidade de extrair o link em duas partes: URL e texto. Quando você adiciona “quick links” ao seu aplicativo, o dashboard apresenta um lugar para substituir o “SMDEFAULT” com o ambos “texto” e “href”. Então quando você estiver mapeando o Custom Data Service, você deve puxar ambos texto (Yahoo!) e URL ( http://www.yahoo.com/ ), formando assim Yahoo! . </li></ul><ul><li>Para extrair o texto URL linkada dos hiperlinks: </li></ul><ul><li>  1. No Mash Maker, primeiro extraia o texto de hyperlink, nomeie e clique publish. </li></ul><ul><li>2. Para extrair a URL (href), repita o passo 1 e nomeie esta propriedade como &quot;happy link url&quot;. </li></ul><ul><li>3. Cheque a caixa “Expert”. </li></ul><ul><li>4. Adicione “/@href” no fim da string na caixa de texto do “XPath”. </li></ul>
  15. 15. Apêndice B: Usando XPather se o Mash Maker não funcionar ou qualquer outra extração <ul><li>Se, por alguma razão, o Mash Maker não extrair de uma determinada propriedade, o plugin XPather (Firefox) é uma ótima alternativa. </li></ul><ul><li>Instale o XPather Firefox add-on: https://addons.mozilla.org/en-US/firefox/addon/1192 </li></ul><ul><li>No Firefox, clique com o botão direito que deseja extrair e selecione &quot;Show in XPather&quot;. Copie o &quot;XPath&quot; na janela menor que surigirá. </li></ul><ul><li>Na barra do Mash Maker, destaque a propriedade que não está funcionando adequadamente e marque &quot;Expert&quot;. </li></ul><ul><li>Cole o &quot;XPath&quot; do XPather na caixa do &quot;XPath&quot; da barra do Mash Maker. </li></ul>
  16. 16. Apêndice C: Extraindo links parciais e renderizando na apresentação PHP do seu aplicativo <ul><li>Se, quando você tenta extrair links com o Mash Maker, você termina extraindo somente uma URL parcial, como essa do www.foodnetwork.com </li></ul><ul><li>/saras-secrets/index.html  </li></ul><ul><li>você deve seguir os passos seguintes para que isso funcione no seu aplicativo: </li></ul><ul><li>NOTE: Os passos seguintes se aplicam somente à parte de PHP da apresentação dos aplicativos do SearchMonkey. Para mais informações, cheque o tutorial a seguir: http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf </li></ul><ul><li>1. Na parte de PHP da apresentação, sua extração de link deve estar assim: </li></ul><ul><li>Data::get('smid:gfx/mm:recipe_courtesy_href'); </li></ul><ul><li>Adicione a URL raiz à URL parcialmente extraída com o “.” (ponto) concatenando funções: </li></ul><ul><li>‘ http://www.foodnetwork.com’ . Data::get('smid:gfx/mm:recipe_courtesy_href'); </li></ul><ul><li>3. Então adicione a função ‘trim’ da seguinte maneira: </li></ul><ul><li>‘ http://www.foodnetwork.com’ . trim(Data::get('smid:gfx/mm:recipe_courtesy_href')); </li></ul>
  17. 17. Apêndice D: Links <ul><li>Como construir uma Apresentação do SearchMonkey no formato Infobar (depois que a parte de Custom Data Service estiver completa): </li></ul><ul><li>http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf </li></ul><ul><li>Video tutorial mostrando a construção de um Custom Data Services com Mash Maker: http://mashmaker.intel.com/videos/tutorials/searchmonkey/customdataservices/ </li></ul><ul><li>Video tutorial mostrando a extração com Mash Maker: ( http://mashmaker.intel.com/videos/tutorials/extractors/extratorstutorial.wmv ) </li></ul><ul><li>Suporte da Intel Mash Maker: http://mashmaker.intel.com/web/support/ </li></ul><ul><li>Aplicativos SearchMonkey na Galeria Search Monkey que criamos usando o 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>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×