Ange Oct. 1, 2009
Agenda <ul><li>What / Why Search Monkey </li></ul><ul><li>How does it work? </li></ul><ul><li>Examples </li></ul><ul><li>D...
What is SearchMonkey? <ul><li>Search Monkey is an  open platform  for using  structured data  to build more useful and rel...
Why SearchMonkey? <ul><li>Y! Search User </li></ul><ul><ul><li>get more rich information and good user experiences </li></...
How does it work? <ul><li>Site owners/publishers share structured data with Yahoo! </li></ul><ul><li>Site owners & third-p...
User Side (enable an application) <ul><li>Choose a specific monkey from Search Gallery.  http:// tw.gallery.search.yahoo.c...
Search Gallery
User Side (view and enable) <ul><li>Login </li></ul><ul><li>Select an application  </li></ul><ul><li>Preview the result </...
Query ‘ 哈利波特’  in Y! Search
Developer Side <ul><li>Go to Dev Tool </li></ul><ul><ul><li>http://developer.search.yahoo.com/ </li></ul></ul><ul><li>Pres...
I want to build YouTube Monkey <ul><li>Youtube presentation in Y! web search result: </li></ul><ul><li>http://tw.search.ya...
YouTube Video Page
Custom Data Services <ul><li>Data Services provide structured information to display in Yahoo! Search results.  </li></ul>...
Step 1: Specify you custom name, type, description
Step 2: Specify your trigger and test URLs <ul><li>Specify a url pattern to match against search results and trigger your ...
Step 3: Define your page extraction rules <ul><li>Specify XSLT code for extracting information from the page and represent...
 
Step 4: Confirmation
Create a New Application <ul><li>Presentation Applications are small PHP apps that display enhanced search results using d...
Step 1: specify your application’s name, type and description
Presentation Templates (Enhanced Result) <ul><li>Enhanced Result </li></ul><ul><ul><li>Overwrites the search result itself...
Presentation Templates (Infobar) <ul><li>Infobar </li></ul><ul><ul><li>An expandable pane beneath a search result that pro...
Step 2: Specify your trigger, test URLs
Step 3: select one or more data services
Step 4: Map your data services to presentation layer
Presentation Application PHP <ul><li>['title']  </li></ul><ul><li>['summary']  </li></ul><ul><li>['image']['src'], ['image...
Step 5: Confirmation
Publish Your Application <ul><li>Three basic version types </li></ul><ul><ul><li>Dev: private </li></ul></ul><ul><ul><li>S...
After Publishing with Sharing <ul><ul><li>(Ange YouTube)  http://gallery.search.yahoo.com/application?smid=SW1.s </li></ul...
Try it on SRP
Reference <ul><li>YDN </li></ul><ul><ul><li>http://developer.yahoo.com/searchmonkey/ </li></ul></ul><ul><li>Documentation ...
Upcoming SlideShare
Loading in...5
×

TWOHD_Search Monkey

1,116

Published on

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

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

No notes for slide
  • Us, uk have search monkey
  • This app displays the main image and top-level table of contents associated with a Wikipedia article (if they exist for that article).
  • XSLT makes use of the expression language defined by [XPath] for selecting elements for processing, for conditional processing and for generating text.
  • Title — A string specifying the search result&apos;s title. The title appears at the top of the search result in a larger font, and provides the definitive link to the page itself. You can change the text of the title, but not the URL. Summary — A string specifying the search result&apos;s summary. The summary appears below the title and to the right of any thumbnail images or supplementary links. If you provide any key/value pairs, these start replacing the summary from the bottom up. Image — A thumbnail image that represents the search result. The thumbnail image appears below the title and to the left of the links, summary, and key/value pairs. Link — An HTML link that either provides more information about the search result, or indicates some sort of action the user can take. Links appear below the title and to the left of the summary and key/value pairs In an Enhanced Result. The URL links must belong to the host of the search result. Your application may include up to four supplementary links. Dict — A key/value pair that displays terse, structured information about the item in the search result, such as review ratings, technical specifications, or hours of operation. Your application may include up to four dictionary values. http://developer.yahoo.com/searchmonkey/smguide/presentation.html#fig_infobar_acme
  • http://developer.yahoo.com/searchmonkey/smguide/pres_app_php.html
  • http://developer.yahoo.com/searchmonkey/smguide/pres_app_php.html
  • Three basic version types: dev (private application), sharable (useable by any logged-in user), gallery (a repository of high-quality applications that have gone through an approval process ) If you are developing in a team, use the Export and Import functions to share your code with your colleagues.
  • Transcript of "TWOHD_Search Monkey"

    1. 1. Ange Oct. 1, 2009
    2. 2. Agenda <ul><li>What / Why Search Monkey </li></ul><ul><li>How does it work? </li></ul><ul><li>Examples </li></ul><ul><li>Developer Tool </li></ul>
    3. 3. What is SearchMonkey? <ul><li>Search Monkey is an open platform for using structured data to build more useful and relevant search results. </li></ul><ul><li>Query “Ang Lee” in Y! search </li></ul><ul><li>Before: </li></ul><ul><li>After: </li></ul>
    4. 4. Why SearchMonkey? <ul><li>Y! Search User </li></ul><ul><ul><li>get more rich information and good user experiences </li></ul></ul><ul><li>Site Owner, Developer </li></ul><ul><ul><li>customized presentation and bring more traffic to their sites </li></ul></ul>
    5. 5. How does it work? <ul><li>Site owners/publishers share structured data with Yahoo! </li></ul><ul><li>Site owners & third-party developers build SearchMonkey apps </li></ul><ul><li>Consumers customize their search experience with Enhanced Results or Infobars </li></ul>
    6. 6. User Side (enable an application) <ul><li>Choose a specific monkey from Search Gallery. http:// tw.gallery.search.yahoo.com / </li></ul><ul><li>Some apps are default for search. </li></ul>
    7. 7. Search Gallery
    8. 8. User Side (view and enable) <ul><li>Login </li></ul><ul><li>Select an application </li></ul><ul><li>Preview the result </li></ul><ul><li>Save the selected application </li></ul><ul><li>Example: Wikipedia </li></ul>
    9. 9. Query ‘ 哈利波特’ in Y! Search
    10. 10. Developer Side <ul><li>Go to Dev Tool </li></ul><ul><ul><li>http://developer.search.yahoo.com/ </li></ul></ul><ul><li>Presentation Layer </li></ul><ul><ul><li>Presentation Applications are small PHP apps that display enhanced search results using data services. </li></ul></ul><ul><li>Custom Data Services </li></ul><ul><ul><li>Data Services provide structured information to display in Yahoo! Search results. </li></ul></ul><ul><li>Data Feeds </li></ul><ul><ul><li>Data Feeds are XML feeds in SearchMonkey's native DataRSS format. Site owners can submit structured data to Yahoo! Search for inclusion in the Yahoo! Index. </li></ul></ul>
    11. 11. I want to build YouTube Monkey <ul><li>Youtube presentation in Y! web search result: </li></ul><ul><li>http://tw.search.yahoo.com/search?p=%E5%BC%B5%E7%91%9E%E5%B8%8C+youtube </li></ul>
    12. 12. YouTube Video Page
    13. 13. Custom Data Services <ul><li>Data Services provide structured information to display in Yahoo! Search results. </li></ul><ul><li>You can create a custom data service by calling an API or by extracting structured data from web pages. </li></ul><ul><li>You can create a new data service, start with a sample data service or import data service. </li></ul><ul><li>Basic Info -> URLs -> Data Extraction -> Confirmation </li></ul>
    14. 14. Step 1: Specify you custom name, type, description
    15. 15. Step 2: Specify your trigger and test URLs <ul><li>Specify a url pattern to match against search results and trigger your data service. </li></ul><ul><li>Multiple wildcards are supported—you may begin and end your pattern with a wildcard, &quot;*&quot;, which matches any string. </li></ul><ul><li>Add test urls </li></ul><ul><li>Auto find urls </li></ul>
    16. 16. Step 3: Define your page extraction rules <ul><li>Specify XSLT code for extracting information from the page and representing that information as DataRSS. </li></ul><ul><ul><li>XSLT is a language for transforming XML documents into other XML documents. </li></ul></ul><ul><ul><li>XSLT makes use of the expression language defined by XPATH for selecting elements for processing. </li></ul></ul><ul><li>For assistance with writing XPATH expressions, try the XPather FireFox extension. </li></ul><ul><ul><li>https://addons.mozilla.org/en-US/firefox/addon/1192 </li></ul></ul>
    17. 18. Step 4: Confirmation
    18. 19. Create a New Application <ul><li>Presentation Applications are small PHP apps that display enhanced search results using data services. </li></ul><ul><li>You can use an existing data service or create a custom service below. </li></ul><ul><li>You can create a new application, start with a sample application or import application. </li></ul><ul><li>Basic Info -> URLs -> Data Services -> Appearance -> Confirmation </li></ul>
    19. 20. Step 1: specify your application’s name, type and description
    20. 21. Presentation Templates (Enhanced Result) <ul><li>Enhanced Result </li></ul><ul><ul><li>Overwrites the search result itself — it can change the title, the summary, and more. </li></ul></ul><ul><ul><li>They are limited to a specific set of presentation elements, arranged in a particular format . </li></ul></ul><ul><ul><li>Title, Summary, Image, Link, Dict </li></ul></ul>
    21. 22. Presentation Templates (Infobar) <ul><li>Infobar </li></ul><ul><ul><li>An expandable pane beneath a search result that provides additional information about the result. </li></ul></ul><ul><ul><li>You can also use general HTML markup to create much more customized Infobars. </li></ul></ul>
    22. 23. Step 2: Specify your trigger, test URLs
    23. 24. Step 3: select one or more data services
    24. 25. Step 4: Map your data services to presentation layer
    25. 26. Presentation Application PHP <ul><li>['title'] </li></ul><ul><li>['summary'] </li></ul><ul><li>['image']['src'], ['image']['alt'], ['image']['title'], ['image']['allowResize'] </li></ul><ul><li>['links'][ n ]['text'], ['links'][ n ]['href'] </li></ul><ul><li>['dict'][ n ]['key'], ['dict'][ n ]['value'], </li></ul><ul><li>['infobar']['summary'], ['infobar']['blob'] </li></ul>
    26. 27. Step 5: Confirmation
    27. 28. Publish Your Application <ul><li>Three basic version types </li></ul><ul><ul><li>Dev: private </li></ul></ul><ul><ul><li>Sharable: useable by any logged-in user </li></ul></ul><ul><ul><li>Gallery: a repository of high-quality applications </li></ul></ul><ul><li>You also can use the ‘export’ and ‘import’ functions to share your code with your colleagues. </li></ul>
    28. 29. After Publishing with Sharing <ul><ul><li>(Ange YouTube) http://gallery.search.yahoo.com/application?smid=SW1.s </li></ul></ul>
    29. 30. Try it on SRP
    30. 31. Reference <ul><li>YDN </li></ul><ul><ul><li>http://developer.yahoo.com/searchmonkey/ </li></ul></ul><ul><li>Documentation </li></ul><ul><ul><li>http://developer.yahoo.com/searchmonkey/smguide/ </li></ul></ul><ul><li>Dev Tool </li></ul><ul><ul><li>http://developer.search.yahoo.com/wizard/index </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.

    ×