simile exhibit @ vgsom

1

SIMILE Exhibit

Presented by:

Kanishka Chakraborty (10BM60036)

Rahul Aggarwal (10BM60065)

2

SIMILE: An introduction

• Stands for “Semantic Interoperability of Metadata and Information in un-Like Environments”• A joint research project (W3C, MIT, Andrew W. Mellon Foundation)• Oriented towards Semantic Web technology and standards such as Resource Description Framework (RDF)• Promotes common formats for data on the World Wide Web• Focused on developing robust, open source tools that empower users to access, manage, visualize and reuse digital assets• Fully committed to the open source principles of software distribution

3

SIMILE Tools

Zotz Longwell

Piggy Bank Solvent

Semantic Bank Welkin

Timeline Gadget

Referee Babel

Exhibit Appalachian

Timeplot Seek

Jstex Citeline

Potluck

4

Flow of the tutorial

Exhibit

Timeline

5

Simile Exhibit

Collect Data

Prepare Spreadshe

et

Convert it to JSON format

Prepare and

publish HTML page

6

Step 1: Data Collection

• Visit relevant website: Bollywood Movies, Hollywood Movies• Gather relevant data

7

Step 2: Prepare spreadsheet

Title Genre Director CastCountry

Release Date

Players Action/Thriller Abbas-Mustan

Abhishek Bachchan,Sonam Kapoor, Bipasha Basu, Neil Nitin Mukesh, Bobby

Deol, Omi Vaidya, Sikander Kher India 1/6/2012

Chaalis Chauraasi 4084 Comedy/Crime Hriday Shetty

Naseeruddin Shah, Atul

Kulkarni, Kay Kay Menon, Ravi

Kissen India 1/13/2012

Ghost Horror Puja Jatinder Bedi

Shiney Ahuja, Sayali Bhagat, Deepraj Rana India 1/13/2012

Agneepath Action/Drama Karan Malhotra

Hrithik Roshan, Sanjay Dutt,

Priyanka Chopra, Rishi Kapoor, Om

Puri India 1/26/2012

8

Format the data

Label Genre Director Cast CountryRelease

Date

Players Action;Thriller Abbas-Mustan

Abhishek Bachchan; Sonam Kapoor; Bipasha Basu; Neil Nitin Mukesh; Bobby

Deol; Omi Vaidya; Sikander Kher India 1/6/2012

Chaalis Chauraasi 4084 Comedy;Crime Hriday Shetty

Naseeruddin Shah; Atul

Kulkarni; Kay Kay Menon; Ravi

Kissen India 1/13/2012

Ghost Horror Puja Jatinder Bedi

Shiney Ahuja; Sayali Bhagat; Deepraj Rana India 1/13/2012

Agneepath Action;Drama Karan Malhotra

Hrithik Roshan; Sanjay Dutt;

Priyanka Chopra; Rishi Kapoor; Om

Puri India 1/26/2012

Name one of the columns with unique elements as

Label

For recording lists separate the items by ;

9

Step 3 : Convert spreadsheet data to JSON format

• Save the spreadsheet in 2003 xls format• Go to Babel webpage

Select excel (as from format), Exhibit JSON (as to format)

Browse &enter your excel spreadsheet

Click upload and preview

10

Step 3 : Convert spreadsheet data to JSON format

•Download Raw Data from Preview page• Save the file in javascript (.js) format

11

Step 4: Create the webpage

• Create a new html file: Open notepad++ File New Save as movies.html (select html as file type)

• Create basic structure • Add filtering & search options • Add lenses• Add tabular view• Adding Timeline

12

Snapshots of the Final Page

Timelin

e V

iew

Tabula

r Vie

w

Filters

13

Other features available in Exhibit

1. Representation of data on maps

14

II. Timeline View

15

III. Plotting of statistical data

World Factbook – People. It shows birth-rate Vs death-rate statistics

16

Thank You