simile exhibit @ vgsom
DESCRIPTION
A presentation on SIMILE ExhibitTRANSCRIPT
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
15
III. Plotting of statistical data
World Factbook – People. It shows birth-rate Vs death-rate statistics
16
Thank You