This document introduces WYSIWYQ (What You See Is What You Query), which enables a two-way binding between Linked Data queries and interactive browsing user interfaces (UIs). It proposes requirements for a mechanism that can componentize and customize faceted browsing UIs, identify and share SPARQL queries, map queries to UI components, and allow decomposing queries into sub-queries. The document describes a proof-of-concept implementation that generates queries and UIs from a SPARQL query using a faceted browser and API to retrieve and generate metadata.

1. WYSIWYQ
What You See Is What You Query
Ali Khalili, Albert Meroño-Peñuela
Knowledge Representation & Reasoning Research Group
Vrije Universiteit Amsterdam

2. WYSIWYQ — What You See Is What You Query 2Ali Khalili, Albert Meroño-Peñuela
Introduction
WYSIWYG
What You See Is What You Get

3. WYSIWYQ — What You See Is What You Query 2Ali Khalili, Albert Meroño-Peñuela
Introduction
WYSIWYG
What You See Is What You Get

4. WYSIWYQ — What You See Is What You Query 2Ali Khalili, Albert Meroño-Peñuela
Introduction
WYSIWYG
What You See Is What You Get

5. WYSIWYQ — What You See Is What You Query 3Ali Khalili, Albert Meroño-Peñuela
Introduction
UI
Query

6. WYSIWYQ — What You See Is What You Query 3Ali Khalili, Albert Meroño-Peñuela
Introduction
UI
Query
?
But, how about turning a query into an interactive UI?

7. WYSIWYQ — What You See Is What You Query 4Ali Khalili, Albert Meroño-Peñuela
Introduction

8. WYSIWYQ — What You See Is What You Query 4Ali Khalili, Albert Meroño-Peñuela
Introduction
Collaborative interactive querying of Linked Data

9. WYSIWYQ — What You See Is What You Query 5Ali Khalili, Albert Meroño-Peñuela
WYSIWYQ Requirements
How to enable a two-way binding between the Linked Data
queries and their corresponding interactive browsing UIs?

10. WYSIWYQ — What You See Is What You Query 5Ali Khalili, Albert Meroño-Peñuela
WYSIWYQ Requirements
1. A mechanism to componentize and customize a faceted
browsing environment.
How to enable a two-way binding between the Linked Data
queries and their corresponding interactive browsing UIs?

11. WYSIWYQ — What You See Is What You Query 5Ali Khalili, Albert Meroño-Peñuela
WYSIWYQ Requirements
1. A mechanism to componentize and customize a faceted
browsing environment.
2. A mechanism to identify, share and enrich SPARQL queries.
How to enable a two-way binding between the Linked Data
queries and their corresponding interactive browsing UIs?

12. WYSIWYQ — What You See Is What You Query 5Ali Khalili, Albert Meroño-Peñuela
WYSIWYQ Requirements
1. A mechanism to componentize and customize a faceted
browsing environment.
2. A mechanism to identify, share and enrich SPARQL queries.
3. A mechanism to validate SPARQL queries against a certain
pattern.
How to enable a two-way binding between the Linked Data
queries and their corresponding interactive browsing UIs?

13. WYSIWYQ — What You See Is What You Query 5Ali Khalili, Albert Meroño-Peñuela
WYSIWYQ Requirements
1. A mechanism to componentize and customize a faceted
browsing environment.
2. A mechanism to identify, share and enrich SPARQL queries.
3. A mechanism to validate SPARQL queries against a certain
pattern.
4. A mechanism to decompose a SPARQL query into a set of
sub-queries which match a certain pattern.
How to enable a two-way binding between the Linked Data
queries and their corresponding interactive browsing UIs?

14. WYSIWYQ — What You See Is What You Query 5Ali Khalili, Albert Meroño-Peñuela
WYSIWYQ Requirements
1. A mechanism to componentize and customize a faceted
browsing environment.
2. A mechanism to identify, share and enrich SPARQL queries.
3. A mechanism to validate SPARQL queries against a certain
pattern.
4. A mechanism to decompose a SPARQL query into a set of
sub-queries which match a certain pattern.
5. A mechanism to map SPARQL queries and their corresponding
metadata to a set of customizable UI components.
How to enable a two-way binding between the Linked Data
queries and their corresponding interactive browsing UIs?

15. WYSIWYQ — What You See Is What You Query 6Ali Khalili, Albert Meroño-Peñuela
WYSIWYQ Requirements
1. A mechanism to componentize and customize a faceted
browsing environment.
2. A mechanism to identify, share and enrich SPARQL queries.
3. A mechanism to validate SPARQL queries against a certain
pattern.
4. A mechanism to decompose a SPARQL query into a set of
sub-queries which match a certain pattern.
5. A mechanism to map SPARQL queries and their corresponding
metadata to a set of customizable UI components.
How to enable a two-way binding between the Linked Data
queries and their corresponding interactive browsing UIs?

16. WYSIWYQ — What You See Is What You Query 7Ali Khalili, Albert Meroño-Peñuela
Implementation
Faceted Browser
componentize
C1
C2
C3
C4
SPARQL Query
componentize
API
generate query
generate UI
WYSIWYQ
P1 P2
ld-r
SPARQL.js
retrieve
generate
Metadata
Architecture

17. WYSIWYQ — What You See Is What You Query 7Ali Khalili, Albert Meroño-Peñuela
Implementation
Faceted Browser
componentize
C1
C2
C3
C4
SPARQL Query
componentize
API
generate query
generate UI
WYSIWYQ
P1 P2
ld-r
SPARQL.js
retrieve
generate
Metadata
Architecture

18. WYSIWYQ — What You See Is What You Query 8Ali Khalili, Albert Meroño-Peñuela
Implementation
Proof-of-concept Implementation
http://wysiwyq.ld-r.org

19. WYSIWYQ — What You See Is What You Query 8Ali Khalili, Albert Meroño-Peñuela
Implementation
Proof-of-concept Implementation
http://wysiwyq.ld-r.org

20. Ali Khalili <http://ali1k.com>
Albert Meroño-Peñuela <http://albertmeronyo.org>
WYSIWYQ
What You See Is What You Query
http://wysiwyq.ld-r.org
http://risis.eu