David Huynh, Stefano Mazzocchi, David Karger Piggy Bank: Experience the Semantic Web inside your web browser Web Semantics: Science, Services and Agents on the World Wide Web, Vol.5, pp.16-27, March 2007 정보공학과 김 상 영

Table of Contents Introduction User experience Design Implementation Conclusion

1. Introduction Piggy Bank: a tool integrated into the current web browser Web users can extract individual information items from within web pages. Web users can save them in Semantic Web format(RDF). Piggy Bank does not degrade the user’s experience of the Web, but it can improve their experience on RDF-enabled web sites. Reference: http://simile.mit.edu/wiki/Piggy_Bank

2. User experience (1) 2.1. Collecting information

2. User experience (2)

2. User experience (3)

2. User experience (4)

2. User experience (5)

2. User experience (6) 2.2. Sharing information With one click on the “Publish” button for each item, the user publishes information to the Semantic Bank. Example of Semantic Bank: http://simile.mit.edu/bank/

3. Design (1) – the logical design of Piggy Bank and Semantic Bank 3.1. Collect Collecting structured information from various web pages and web sites Two strategies for collecting structured information If the publisher can be convinced to link the served HTML to the same information in RDF format, Piggy Bank can just retrieve that RDF. If the publisher cannot be persuaded to serve RDF, Piggy Bank can employ screenscrapers that attempt to extract and re-structure information encoded in the served HTML. 3.2. Save Space-intensive: Information items retrieved from each source are stored in a temporary database. When the user saves a retrieved item, it is copied from the temporary database to the permanent “My Piggy Bank” database. Time-intensive: Saving only “bookmarks” the retrieved items, the their data is re-retrieved whenever needed.

3. Design (2) 3.3. Organize 3.4. View 3.5. Browse/Search Tagging is supported through typing with dropdown completion suggestions. 3.4. View Each information item is rendered generically as a table of property/values pairs. 3.5. Browse/Search Piggy Bank is offered faceted browsing interface. ex) Fig. 5 shows three facets (date, relevance, and type). Users can bookmark the pages served by Piggy Bank.

3. Design (3) 3.6. Share 3.7. Collaborate 3.8. Extend When the users explicitly publishes an item, its properties are sent to the Semantic Banks that the user has subscribed to. 3.7. Collaborate When an item is published to a Semantic Bank, tags assigned to it are carried along. So, the bank’s members pool together not only information items but also their organization schemes. It is modeled tags not as text keywords, but as RDF resources named by URIs with keywords as their labels. 3.8. Extend It is supported easy and safe installation of scrapers through the use of RDF. ex) Fig. 6

3. Design (4)

4. Implementation 4.1. Piggy Bank 4.2. Semantic Bank Piggy Bank is implemented as an extension to the web browser. (Firefox browser) 3-tier Java-based web server application, containing an RDF database backend, a templating engine, and a DHTML frontend ( Fig. 7) 4.2. Semantic Bank - DHTML-based faceted browsing user interface

5. Conclusion Through the use of Piggy Bank, users automatically produce Semantic Web information. Through the Semantic Bank, the information users have collected merges together smoothly.