how to build a yahoo! searchmonkey app (portuguesa)

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

Upload: postchris

Post on 12-Jul-2015

2.194 views

Category:

Technology


4 download

TRANSCRIPT

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

Mash Maker + SearchMonkey =

Usando o Mash Maker (Intel) para construir

Data Services customizados para o Yahoo! SearchMonkey.

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

1. Instalando o Mash Maker

I. Registre-se com um email válido e faça o download do Mash Maker aqui: http://mashmaker.intel.com/web/download.html

II. Cheque seu email e consulte seu login e senha. III. 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.

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

2. Navegando para a página que quer extrair texto, fotos etc.

a. Abra o Mash Maker clicando aqui

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

3. Clique em "Pick from Page" e selecione um elemento a ser extraído.

O botão “Pick from Page" é normalmente localizado aqui

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

4. Salve o elemento ("property")

1. Selecione "Property of the whole page" e clique "Add"

2. Dê um nome. (como “Capa do Disco")

3. Clique "Publish" e você vai ser questionado para salvar a extração (extractor).

NOTE: Você deve publicar todas as mudanças para que o Mash Maker funcione apropriadamente com o SearchMonkey.

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

5. Salve seu extrator

1. Salve seu Extrator com um nome (como “Pitchfork Review Extractor")2. Clique "Types" e selecione o tipo de páginas (como "review")3. Salve seu trabalho clicando “publish”.

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

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 "Publish".c. Quando você estiver terminado de extrair todos os elementos que quiser…CLIQUE NO MACACO! !!

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

7. Salve os dados do Mash Maker em qualquer editor.

Clique "copy to clipboard"

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

8. Em uma nova página, abra o SearchMonkey application dashboard:

http://developer.yahoo.com/searchmonkey/

Clique "Build an App"

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

9. Crie um novo Data Service customizado

a. Desça a página e crie um "Custom Data Service" b. Preencha as informações básicas do Search Monkey.

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

10. Cole o código do Mash Maker na caixa do meio da página de Data Extraction

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

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:

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

Pronto!

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:http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf

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

Apêndice A: Extraindo Links 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!.

Para extrair o texto URL linkada dos hiperlinks:

1. No Mash Maker, primeiro extraia o texto de hyperlink, nomeie e clique publish.

2. Para extrair a URL (href), repita o passo 1 e nomeie esta propriedade como "happy link url".

3. Cheque a caixa “Expert”. 4. Adicione “/@href” no fim da

string na caixa de texto do “XPath”.

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

Apêndice B: Usando XPather se o Mash Maker não funcionar ou qualquer outra extração

Se, por alguma razão, o Mash Maker não extrair de uma determinada propriedade, o plugin XPather (Firefox) é uma ótima alternativa.

2. Instale o XPather Firefox add-on: https://addons.mozilla.org/en-US/firefox/addon/1192

3. No Firefox, clique com o botão direito que deseja extrair e selecione "Show in XPather". Copie o "XPath" na janela menor que surigirá.

4. Na barra do Mash Maker, destaque a propriedade que não está funcionando adequadamente e marque "Expert".

5. Cole o "XPath" do XPather na caixa do "XPath" da barra do Mash Maker.

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

Apêndice C: Extraindo links parciais e renderizando na apresentação PHP do seu aplicativo

Se, quando você tenta extrair links com o Mash Maker, você termina extraindo somente uma URL parcial, como essa do www.foodnetwork.com

/saras-secrets/index.html você deve seguir os passos seguintes para que isso funcione no seu aplicativo:

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

1. Na parte de PHP da apresentação, sua extração de link deve estar assim:

Data::get('smid:gfx/mm:recipe_courtesy_href');9. Adicione a URL raiz à URL parcialmente

extraída com o “.” (ponto) concatenando funções:

‘http://www.foodnetwork.com’ . Data::get('smid:gfx/mm:recipe_courtesy_href');

3. Então adicione a função ‘trim’ da seguinte maneira:

‘http://www.foodnetwork.com’ . trim(Data::get('smid:gfx/mm:recipe_courtesy_href'));

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

Apêndice D: Links• Como construir uma Apresentação do SearchMonkey no formato Infobar (depois que a parte de

Custom Data Service estiver completa):http://www.post-chris.com/SearchMonkey/building_a_presentation_app_tutorial.pdf

• Video tutorial mostrando a construção de um Custom Data Services com Mash Maker: http://mashmaker.intel.com/videos/tutorials/searchmonkey/customdataservices/

• Video tutorial mostrando a extração com Mash Maker: (http://mashmaker.intel.com/videos/tutorials/extractors/extratorstutorial.wmv)

• Suporte da Intel Mash Maker: http://mashmaker.intel.com/web/support/

• Aplicativos SearchMonkey na Galeria Search Monkey que criamos usando o 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