SlideShare a Scribd company logo
1 of 68
Download to read offline
User Interfaces for Semantic Web:

   Do They Have to Be Ugly?



         Andraz Tori, Zemanta
           andraz@zemanta.com
             Twitter: @andraz
Talking about

• Topic: Semantic Web + World Wide Web
  development & user interfaces
• Services based around data like Linking
  Open Data or custom/proprietary graphs
• Talking about both Semantic Web and
  semantic web
• From perspective of a developer
So, do they have to be ugly?
No.
But often they still are...

… complicated, convoluted,
ugly and sometimes useless
Right now, Smantic Web on the
  web is like an ugly duckling
Semantic web user interfaces - Do they have to be ugly?
Maybe one day, it's going to be
      a beautiful swan.

Unfortunately it won't happen
          by itself.
Seen so far

 • Both Semantic Web & semantic web
 • Twine, Sindici, OpenLink faceted search,
   Freebase, Freebase Autosuggest,
   ViewChange player, rkbexplorer, Faviki,
   Glue, Facebook open graph, Zemanta, BBC
   (Nature, Music, Programme), Siri
 • Let's look at them in random order
Before we start



 What is a semantic web user
          interface?
Down the rabbit hole...




                4
http://lod.openlinksw.com/
http://lod.openlinksw.com/
http://www.bbc.co.uk/sn/
Semantic web user interfaces - Do they have to be ugly?
Semantic web user interfaces - Do they have to be ugly?
Semantic web user interfaces - Do they have to be ugly?
Semantic web user interfaces - Do they have to be ugly?
ViewChange.org
Semantic web user interfaces - Do they have to be ugly?
Faviki
Semantic web user interfaces - Do they have to be ugly?
Freebase suggest
Semantic web user interfaces - Do they have to be ugly?
Semantic web user interfaces - Do they have to be ugly?
Semantic web user interfaces - Do they have to be ugly?
Semantic web user interfaces - Do they have to be ugly?
Semantic web user interfaces - Do they have to be ugly?
Semantic web user interfaces - Do they have to be ugly?
The pattern
• Some start with a problem and arrive to
  SemWeb technologies as one part of a
  solution
• Some start with semantic web solution and start
  to look for the problem
• Which ones do you like more?
• What goes wrong?
An example: Barack Obama

      Born: August 4, 1961 (1961-08-04), age 48, Honolulu, Hawaii
      Birth name:Barack Hussein Obama II
      Nationality: American
      Political party:Democratic
      Spouse(s): Michelle Obama (m. 1992)
How SW engineer sees that?
Honolulu, Hawaii         Place
                                   Event object 321321
                         Date                Bi
                                                rt   h
                                                         ev                              male
                                                           en
 1961-08-04                                                  t             Sex

                                          Barack Obama

                  rt y                                      Marria
           c al pa                                                ge   partne
     Politi                                                                  r1
                                                                                  Marriage Object 1231321
                              rl
                          aitu     Michelle Obama                Marriage partner2
                       rtr
                     po



              http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/
Official_portrait_of_Barack_Obama.jpg/225px-Official_portrait_of_Barack_Obama.jpg
Honolulu, Hawaii              Place
                                                                                 Event object 321321
                                                                  Date




This graph is fantastic!
                                                                                           Bir
                                                                                              th
                                                                                                   ev
                                                                                                     en
                                       1961-08-04                                                         t             Sex

                                                                                         Barack Obama

                                                         y                                            Marri age
                                                 al part                                                           partner1
                                          Politic
                                                                                                                             Marria
                                                                     it   u rl                                Marriage partner2
                                                                 tr a            Michelle Obama
                                                             por


                                                       http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/
                                         Official_portrait_of_Barack_Obama.jpg/225px-Official_portrait_of_Barack_Ob




 • We can find people born on the same day!
 • We can find who is in Democratic party!
 • We can find the most similar people (not via
   SPARQL, but still)
 • We can exchange identifiers with everyone!
 • We can display the results easily, no mess!
Except

• The queries mentioned are mostly boring
• In reality the LOD data is too sparse for
  'discover anything, ask anything'
• We usually want either a shallow search or
  truly deep and comprehensive data
• Our app will have to do one thing and do it
  well
The semantic web is




        a perfect abstraction
From engineer's perspective

• Abstractions are great
• You can represent almost anything with a
  graph
• You can query for anything you want in the
  same way!
• You get all the cool things like validation,
  refactoring, reasoning.
• ....
• So you can treat all your data in the same
So you can treat all your data
in the same way!




       Until the user sees it
       or interacts with it !!!
Abstraction

 • Is a blessing for an engineer
 • But a curse for user interaction and user
   interfaces
 • Semantic web technology tends to attract
   “architecture astronauts”
Architecture astronauts

The hallmark of an architecture astronaut is that
 they don't solve an actual problem... they solve
 something that appears to be the template of a
             lot of problems. Or at least, they try.

                                    – Joel Sposlky



             <
Rule number one



    Let's not be architectural astronauts.

  Let's solve one problem and solve it well
User experience

• We need to tailor the experience to specific
  use-cases
• Ignoring (powerful) underlying technology at
  first!
• Spending more than just the last 10% of the
  time figuring out how the software/data are
  going to be used in practice
• User experience is not just graphics design!
User experience

• It might be advantageous to have an unified
  data model on the backend
• But that doesn't matter on the frontend/UX
• Your software could theoretically offer
  limitless flexibility.... but are you sure you
  want to pay the price?
• The price is a software that can do everything
  and is not good at anything in particular
Throw away a dream of unified
interfaces for data access



  And start designing software that
 concentrates on limited, but efficient
 ways to deal with data in scope of a
     specific task or a problem
So where are the tools?

 • SemWeb is full of tools to manage
   ontologies, to extract data and to query data
 • But when it comes to interacting with data by
   end users on the web, the tools (libraries,
   frameworks) are missing
 • It's even worse. Everything beyond the triple
   store and SPARQL server is missing.
Semantic web user interfaces - Do they have to be ugly?
Web 2.0 developer's toolbox
Semantic Web developer's
toolbox




                        Sparql



                      Freebase Acre
We don't have enough time

• Everyone needs to do visualizations,
  interfaces, data interactions on his own
• But most of the time we're just
  reimplementing bottom layers
• Thus there is no time to actually concentrate
  on interfaces
• So we need to have the 'framework' problem
  solved in order to have resources for UI/UX
SemWeb web development -
missing parts
• Semantic ORM built deep into the framework
• Scaffolding admin, user management
• Javascript library capable of dealing with
  SPARQL on one side and HTML/CSS on the
  other
• Frameworks with preselected ontologies
• Easy installations of development
  environments (really, this matters!)
• Community?
SIOC

• Semantically-Interlinked Online Communities
• Arguably ontology that went furthest in
  gaining support
• But still no development frameworks
SIOC could be practical
Looking solely at UI side

 • An UI toolset capable of dealing with specific
   ontologies
 • For starters: a decent graph
   presenting/manipulating JS library?
 • When I deal with dates, people, places,
   events, ... I want to 'outsource' design and
   interaction to people more capable than
   myself in bringing machines and computers
   together.
Ideas: PlaceSemWebUI

• Assuming common geo ontologies
• Displaying the data using Google Maps or
  Cloudmade
• Allowing for 'smart' display of multiple
  entities, 'smart' selection, editing, route
  planning, overlaying with other data, etc.
Ideas: PersonSemWebUI

• Understanding common person ontologies
• Understanding what type of things people
  want to do with “Person” objects
• Offer different visualizations, listing friends,
  contacts, relationships in different ways
• Mashing it up with Facebook, LinkedIn,
  Twitter, Glue, etc...
Good tools to start with

 • Sparta (ORM for Python, dead)
 • ActiveRDF, HyperDE (ORM for Ruby)
 • Simile MIT project (Timeline, Seek)
 • Longwell (RDF faceted browser)
 • Freebase Parallax (open sourced)
 • Freebase Acre (Semantic PaaS)
Do you know how stupidly hard
it is to display such a graph on
the web?
Why are there no frameworks?

• Because they are hard
• Because there's no specification up front
  (Frenzel failed)
• No immediate benefits to authors,
  questionable demand
• It takes UI/UX designer, designer, semweb
  expert, backend engineer and frontend
  engineer (5 different people!)
• Or maybe I just don't know about them??
So you want to be a hero?

 • You might be the savior of SemWeb –
   making it appeal to wider web development
   community
 • If you are Semantic Web backend provider,
   you can look at this as a complementary
   product which rises demand for your main
   one
 • Since there is so little competition, you can
   take the world by storm
And don't hesitate about

 • Making politically incorrect requirements (“to
   run this fast, please download whole
   Freebase locally into MySQL database”)
 • Building opinionated software (Apple...)
 • Creating ontology specific solutions
 • Releasing it as open source, even half baked
RDFa, Microdata?

• Browsers turned away from creating useful
  default interactions for common data types
• Extensions like Mozilla Operator seem to be
  a dead end (unfortunately)
• However new browser wars are coming!
• And that is a good thing for semantic web!
Semantic web user interfaces - Do they have to be ugly?
Facebook Open Graph

• Publishing stuff in Facebook-supported way
  might become more important than anything
  else regarding RDFa or microdata
• Useful for people dealing with social or
  'popular' objects
• Are FB apps based on this actually semantic
  apps already?
Is Facebook offering the best
SemWeb UX/UI design, ever?
When to do what?

• Start with use-cases
• Involve user experience designers early on
• Exploration is overrated
• If there's one thought I want to leave you
  with:
    Not constraining yourself to specific use-cases is
    the greatest design sin of Semantic Web, ever.
Conclusion

• SemWeb on the web right now is mostly a
  data interchange layer
• Creating web applications based solely on
  SemWeb stack is for most advanterous
• We need more of a 'pull' projects, 'push' isn't
  getting us anywhere
Killer app for semantic web?



         First we need killer
            frameworks!
User Interfaces for Semantic Web:

   Do They Have to Be Ugly?

         Yes, … for now.

         Andraz Tori, Zemanta
           andraz@zemanta.com
             Twitter: @andraz
Images

• http://www.flickr.com/photos/pasma/485201047/
• http://www.flickr.com/photos/steffe/2457114284/
• http://www.flickr.com/photos/bradybd/2819339876/
• http://en.wikipedia.org/wiki/File:Alice_par_John_Tennie
  l_02.png
• NASA
• Wikipedia

More Related Content

What's hot

Harith Alani's presentation at SSSW 2011
Harith Alani's presentation at SSSW 2011Harith Alani's presentation at SSSW 2011
Harith Alani's presentation at SSSW 2011sssw2011
 
Peter Mika's Presentation at SSSW 2011
Peter Mika's Presentation at SSSW 2011Peter Mika's Presentation at SSSW 2011
Peter Mika's Presentation at SSSW 2011sssw2011
 
Dagstuhl FOAF history talk
Dagstuhl FOAF history talkDagstuhl FOAF history talk
Dagstuhl FOAF history talkDan Brickley
 
Exploring the Cognitive Consequences of Social Search
Exploring the Cognitive Consequences of Social SearchExploring the Cognitive Consequences of Social Search
Exploring the Cognitive Consequences of Social SearchBrynn Evans
 
Digital Lives Full Vn
Digital Lives Full VnDigital Lives Full Vn
Digital Lives Full Vnlilianedwards
 
The Impact of Linked Data in Digital Curation and Application to the Catalogu...
The Impact of Linked Data in Digital Curation and Application to the Catalogu...The Impact of Linked Data in Digital Curation and Application to the Catalogu...
The Impact of Linked Data in Digital Curation and Application to the Catalogu...Ian Bigelow
 
Post your Desktop (4chan Talk)
Post your Desktop (4chan Talk)Post your Desktop (4chan Talk)
Post your Desktop (4chan Talk)Jana Herwig
 
Web 3 for Social Data Week
Web 3 for Social Data WeekWeb 3 for Social Data Week
Web 3 for Social Data WeekPhilip Sheldrake
 
Social Web 2014: Final Presentations (Part II)
Social Web 2014: Final Presentations (Part II)Social Web 2014: Final Presentations (Part II)
Social Web 2014: Final Presentations (Part II)Lora Aroyo
 
NE7012- SOCIAL NETWORK ANALYSIS
NE7012- SOCIAL NETWORK ANALYSISNE7012- SOCIAL NETWORK ANALYSIS
NE7012- SOCIAL NETWORK ANALYSISrathnaarul
 
How To Make Friends And Inference People
How To Make Friends And Inference PeopleHow To Make Friends And Inference People
How To Make Friends And Inference PeopleDan Brickley
 

What's hot (11)

Harith Alani's presentation at SSSW 2011
Harith Alani's presentation at SSSW 2011Harith Alani's presentation at SSSW 2011
Harith Alani's presentation at SSSW 2011
 
Peter Mika's Presentation at SSSW 2011
Peter Mika's Presentation at SSSW 2011Peter Mika's Presentation at SSSW 2011
Peter Mika's Presentation at SSSW 2011
 
Dagstuhl FOAF history talk
Dagstuhl FOAF history talkDagstuhl FOAF history talk
Dagstuhl FOAF history talk
 
Exploring the Cognitive Consequences of Social Search
Exploring the Cognitive Consequences of Social SearchExploring the Cognitive Consequences of Social Search
Exploring the Cognitive Consequences of Social Search
 
Digital Lives Full Vn
Digital Lives Full VnDigital Lives Full Vn
Digital Lives Full Vn
 
The Impact of Linked Data in Digital Curation and Application to the Catalogu...
The Impact of Linked Data in Digital Curation and Application to the Catalogu...The Impact of Linked Data in Digital Curation and Application to the Catalogu...
The Impact of Linked Data in Digital Curation and Application to the Catalogu...
 
Post your Desktop (4chan Talk)
Post your Desktop (4chan Talk)Post your Desktop (4chan Talk)
Post your Desktop (4chan Talk)
 
Web 3 for Social Data Week
Web 3 for Social Data WeekWeb 3 for Social Data Week
Web 3 for Social Data Week
 
Social Web 2014: Final Presentations (Part II)
Social Web 2014: Final Presentations (Part II)Social Web 2014: Final Presentations (Part II)
Social Web 2014: Final Presentations (Part II)
 
NE7012- SOCIAL NETWORK ANALYSIS
NE7012- SOCIAL NETWORK ANALYSISNE7012- SOCIAL NETWORK ANALYSIS
NE7012- SOCIAL NETWORK ANALYSIS
 
How To Make Friends And Inference People
How To Make Friends And Inference PeopleHow To Make Friends And Inference People
How To Make Friends And Inference People
 

Viewers also liked

Facebook ( Open ) Graph and the Semantic Web
Facebook ( Open ) Graph and the Semantic WebFacebook ( Open ) Graph and the Semantic Web
Facebook ( Open ) Graph and the Semantic WebMatteo Brunati
 
Semantic User Interfaces
Semantic User InterfacesSemantic User Interfaces
Semantic User InterfacesIan Dickinson
 
A Semantics-based User Interface Model for Content Annotation, Authoring and ...
A Semantics-based User Interface Model for Content Annotation, Authoring and ...A Semantics-based User Interface Model for Content Annotation, Authoring and ...
A Semantics-based User Interface Model for Content Annotation, Authoring and ...Ali Khalili
 
Semantic ui - web front-end framework
Semantic ui - web front-end frameworkSemantic ui - web front-end framework
Semantic ui - web front-end frameworkOmid Khosrojerdi
 
Triplestore and SPARQL
Triplestore and SPARQLTriplestore and SPARQL
Triplestore and SPARQLLino Valdivia
 
Saveface - Save your Facebook content as RDF data
Saveface - Save your Facebook content as RDF dataSaveface - Save your Facebook content as RDF data
Saveface - Save your Facebook content as RDF dataFuming Shih
 
Semantic Web, Linked Data and Education: A Perfect Fit?
Semantic Web, Linked Data and Education: A Perfect Fit?Semantic Web, Linked Data and Education: A Perfect Fit?
Semantic Web, Linked Data and Education: A Perfect Fit?Mathieu d'Aquin
 
d4 and friendly charting DSL for D3
d4 and friendly charting DSL for D3d4 and friendly charting DSL for D3
d4 and friendly charting DSL for D3Mark Daggett
 
Semantic Web For Distributed Social Networks
Semantic Web For Distributed Social NetworksSemantic Web For Distributed Social Networks
Semantic Web For Distributed Social NetworksDavid Peterson
 
The Semantic Web: 2010 Update
The Semantic Web: 2010 Update The Semantic Web: 2010 Update
The Semantic Web: 2010 Update James Hendler
 
Understanding, measuring and improving code quality in JavaScript
Understanding, measuring and improving code quality in JavaScriptUnderstanding, measuring and improving code quality in JavaScript
Understanding, measuring and improving code quality in JavaScriptMark Daggett
 
Practical Semantic Web and Why You Should Care - DrupalCon DC 2009
Practical Semantic Web and Why You Should Care - DrupalCon DC 2009Practical Semantic Web and Why You Should Care - DrupalCon DC 2009
Practical Semantic Web and Why You Should Care - DrupalCon DC 2009Boris Mann
 
Building OBO Foundry ontology using semantic web tools
Building OBO Foundry ontology using semantic web toolsBuilding OBO Foundry ontology using semantic web tools
Building OBO Foundry ontology using semantic web toolsMelanie Courtot
 
Ontology, Semantic Web and DBpedia
Ontology, Semantic Web and DBpediaOntology, Semantic Web and DBpedia
Ontology, Semantic Web and DBpediaRichard Kuo
 
Ontology Web services for Semantic Applications
Ontology Web services for Semantic ApplicationsOntology Web services for Semantic Applications
Ontology Web services for Semantic ApplicationsTrish Whetzel
 
The Semantic Web (and what it can deliver for your business)
The Semantic Web (and what it can deliver for your business)The Semantic Web (and what it can deliver for your business)
The Semantic Web (and what it can deliver for your business)Knud Möller
 
Introduction To The Semantic Web
Introduction To The Semantic  WebIntroduction To The Semantic  Web
Introduction To The Semantic Webguest262aaa
 

Viewers also liked (20)

Facebook ( Open ) Graph and the Semantic Web
Facebook ( Open ) Graph and the Semantic WebFacebook ( Open ) Graph and the Semantic Web
Facebook ( Open ) Graph and the Semantic Web
 
Semantic User Interfaces
Semantic User InterfacesSemantic User Interfaces
Semantic User Interfaces
 
A Semantics-based User Interface Model for Content Annotation, Authoring and ...
A Semantics-based User Interface Model for Content Annotation, Authoring and ...A Semantics-based User Interface Model for Content Annotation, Authoring and ...
A Semantics-based User Interface Model for Content Annotation, Authoring and ...
 
Jena framework
Jena frameworkJena framework
Jena framework
 
Semantic ui - web front-end framework
Semantic ui - web front-end frameworkSemantic ui - web front-end framework
Semantic ui - web front-end framework
 
Presentation thesis
Presentation thesisPresentation thesis
Presentation thesis
 
Triplestore and SPARQL
Triplestore and SPARQLTriplestore and SPARQL
Triplestore and SPARQL
 
Saveface - Save your Facebook content as RDF data
Saveface - Save your Facebook content as RDF dataSaveface - Save your Facebook content as RDF data
Saveface - Save your Facebook content as RDF data
 
Semantic Web, Linked Data and Education: A Perfect Fit?
Semantic Web, Linked Data and Education: A Perfect Fit?Semantic Web, Linked Data and Education: A Perfect Fit?
Semantic Web, Linked Data and Education: A Perfect Fit?
 
d4 and friendly charting DSL for D3
d4 and friendly charting DSL for D3d4 and friendly charting DSL for D3
d4 and friendly charting DSL for D3
 
Semantic Web For Distributed Social Networks
Semantic Web For Distributed Social NetworksSemantic Web For Distributed Social Networks
Semantic Web For Distributed Social Networks
 
The Semantic Web: 2010 Update
The Semantic Web: 2010 Update The Semantic Web: 2010 Update
The Semantic Web: 2010 Update
 
Understanding, measuring and improving code quality in JavaScript
Understanding, measuring and improving code quality in JavaScriptUnderstanding, measuring and improving code quality in JavaScript
Understanding, measuring and improving code quality in JavaScript
 
Practical Semantic Web and Why You Should Care - DrupalCon DC 2009
Practical Semantic Web and Why You Should Care - DrupalCon DC 2009Practical Semantic Web and Why You Should Care - DrupalCon DC 2009
Practical Semantic Web and Why You Should Care - DrupalCon DC 2009
 
Building OBO Foundry ontology using semantic web tools
Building OBO Foundry ontology using semantic web toolsBuilding OBO Foundry ontology using semantic web tools
Building OBO Foundry ontology using semantic web tools
 
Ontology, Semantic Web and DBpedia
Ontology, Semantic Web and DBpediaOntology, Semantic Web and DBpedia
Ontology, Semantic Web and DBpedia
 
Ontology Web services for Semantic Applications
Ontology Web services for Semantic ApplicationsOntology Web services for Semantic Applications
Ontology Web services for Semantic Applications
 
The Semantic Web (and what it can deliver for your business)
The Semantic Web (and what it can deliver for your business)The Semantic Web (and what it can deliver for your business)
The Semantic Web (and what it can deliver for your business)
 
SMWCon Fall 2015 FForms
SMWCon Fall 2015 FFormsSMWCon Fall 2015 FForms
SMWCon Fall 2015 FForms
 
Introduction To The Semantic Web
Introduction To The Semantic  WebIntroduction To The Semantic  Web
Introduction To The Semantic Web
 

More from Andraz Tori

Ljubljana je Zakon 2013
Ljubljana je Zakon 2013Ljubljana je Zakon 2013
Ljubljana je Zakon 2013Andraz Tori
 
Triple your blog post frequency
Triple your blog post frequencyTriple your blog post frequency
Triple your blog post frequencyAndraz Tori
 
Future of content cration
Future of content crationFuture of content cration
Future of content crationAndraz Tori
 
Augmenting Content
Augmenting ContentAugmenting Content
Augmenting ContentAndraz Tori
 
Zemanta Tech Talk at Audible
Zemanta Tech Talk at AudibleZemanta Tech Talk at Audible
Zemanta Tech Talk at AudibleAndraz Tori
 
SQL or NoSQL, that is the question!
SQL or NoSQL, that is the question!SQL or NoSQL, that is the question!
SQL or NoSQL, that is the question!Andraz Tori
 
Quality, quantity, web and semantics
Quality, quantity, web and semanticsQuality, quantity, web and semantics
Quality, quantity, web and semanticsAndraz Tori
 
#LjubljanaJeZakon
#LjubljanaJeZakon#LjubljanaJeZakon
#LjubljanaJeZakonAndraz Tori
 
SemWeb install-fest presentation
SemWeb install-fest presentationSemWeb install-fest presentation
SemWeb install-fest presentationAndraz Tori
 
Beyond who else bought what
Beyond who else bought whatBeyond who else bought what
Beyond who else bought whatAndraz Tori
 

More from Andraz Tori (10)

Ljubljana je Zakon 2013
Ljubljana je Zakon 2013Ljubljana je Zakon 2013
Ljubljana je Zakon 2013
 
Triple your blog post frequency
Triple your blog post frequencyTriple your blog post frequency
Triple your blog post frequency
 
Future of content cration
Future of content crationFuture of content cration
Future of content cration
 
Augmenting Content
Augmenting ContentAugmenting Content
Augmenting Content
 
Zemanta Tech Talk at Audible
Zemanta Tech Talk at AudibleZemanta Tech Talk at Audible
Zemanta Tech Talk at Audible
 
SQL or NoSQL, that is the question!
SQL or NoSQL, that is the question!SQL or NoSQL, that is the question!
SQL or NoSQL, that is the question!
 
Quality, quantity, web and semantics
Quality, quantity, web and semanticsQuality, quantity, web and semantics
Quality, quantity, web and semantics
 
#LjubljanaJeZakon
#LjubljanaJeZakon#LjubljanaJeZakon
#LjubljanaJeZakon
 
SemWeb install-fest presentation
SemWeb install-fest presentationSemWeb install-fest presentation
SemWeb install-fest presentation
 
Beyond who else bought what
Beyond who else bought whatBeyond who else bought what
Beyond who else bought what
 

Recently uploaded

Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Will Schroeder
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXTarek Kalaji
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDELiveplex
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfAijun Zhang
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsSeth Reyes
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxGDSC PJATK
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 

Recently uploaded (20)

Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
Apres-Cyber - The Data Dilemma: Bridging Offensive Operations and Machine Lea...
 
20150722 - AGV
20150722 - AGV20150722 - AGV
20150722 - AGV
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
VoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBXVoIP Service and Marketing using Odoo and Asterisk PBX
VoIP Service and Marketing using Odoo and Asterisk PBX
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDEADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
ADOPTING WEB 3 FOR YOUR BUSINESS: A STEP-BY-STEP GUIDE
 
Machine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdfMachine Learning Model Validation (Aijun Zhang 2024).pdf
Machine Learning Model Validation (Aijun Zhang 2024).pdf
 
Computer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and HazardsComputer 10: Lesson 10 - Online Crimes and Hazards
Computer 10: Lesson 10 - Online Crimes and Hazards
 
Cybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptxCybersecurity Workshop #1.pptx
Cybersecurity Workshop #1.pptx
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 

Semantic web user interfaces - Do they have to be ugly?

  • 1. User Interfaces for Semantic Web: Do They Have to Be Ugly? Andraz Tori, Zemanta andraz@zemanta.com Twitter: @andraz
  • 2. Talking about • Topic: Semantic Web + World Wide Web development & user interfaces • Services based around data like Linking Open Data or custom/proprietary graphs • Talking about both Semantic Web and semantic web • From perspective of a developer
  • 3. So, do they have to be ugly?
  • 4. No.
  • 5. But often they still are... … complicated, convoluted, ugly and sometimes useless
  • 6. Right now, Smantic Web on the web is like an ugly duckling
  • 8. Maybe one day, it's going to be a beautiful swan. Unfortunately it won't happen by itself.
  • 9. Seen so far • Both Semantic Web & semantic web • Twine, Sindici, OpenLink faceted search, Freebase, Freebase Autosuggest, ViewChange player, rkbexplorer, Faviki, Glue, Facebook open graph, Zemanta, BBC (Nature, Music, Programme), Siri • Let's look at them in random order
  • 10. Before we start What is a semantic web user interface?
  • 11. Down the rabbit hole... 4
  • 30. The pattern • Some start with a problem and arrive to SemWeb technologies as one part of a solution • Some start with semantic web solution and start to look for the problem • Which ones do you like more? • What goes wrong?
  • 31. An example: Barack Obama Born: August 4, 1961 (1961-08-04), age 48, Honolulu, Hawaii Birth name:Barack Hussein Obama II Nationality: American Political party:Democratic Spouse(s): Michelle Obama (m. 1992)
  • 32. How SW engineer sees that? Honolulu, Hawaii Place Event object 321321 Date Bi rt h ev male en 1961-08-04 t Sex Barack Obama rt y Marria c al pa ge partne Politi r1 Marriage Object 1231321 rl aitu Michelle Obama Marriage partner2 rtr po http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/ Official_portrait_of_Barack_Obama.jpg/225px-Official_portrait_of_Barack_Obama.jpg
  • 33. Honolulu, Hawaii Place Event object 321321 Date This graph is fantastic! Bir th ev en 1961-08-04 t Sex Barack Obama y Marri age al part partner1 Politic Marria it u rl Marriage partner2 tr a Michelle Obama por http://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/ Official_portrait_of_Barack_Obama.jpg/225px-Official_portrait_of_Barack_Ob • We can find people born on the same day! • We can find who is in Democratic party! • We can find the most similar people (not via SPARQL, but still) • We can exchange identifiers with everyone! • We can display the results easily, no mess!
  • 34. Except • The queries mentioned are mostly boring • In reality the LOD data is too sparse for 'discover anything, ask anything' • We usually want either a shallow search or truly deep and comprehensive data • Our app will have to do one thing and do it well
  • 35. The semantic web is a perfect abstraction
  • 36. From engineer's perspective • Abstractions are great • You can represent almost anything with a graph • You can query for anything you want in the same way! • You get all the cool things like validation, refactoring, reasoning. • .... • So you can treat all your data in the same
  • 37. So you can treat all your data in the same way! Until the user sees it or interacts with it !!!
  • 38. Abstraction • Is a blessing for an engineer • But a curse for user interaction and user interfaces • Semantic web technology tends to attract “architecture astronauts”
  • 39. Architecture astronauts The hallmark of an architecture astronaut is that they don't solve an actual problem... they solve something that appears to be the template of a lot of problems. Or at least, they try. – Joel Sposlky <
  • 40. Rule number one Let's not be architectural astronauts. Let's solve one problem and solve it well
  • 41. User experience • We need to tailor the experience to specific use-cases • Ignoring (powerful) underlying technology at first! • Spending more than just the last 10% of the time figuring out how the software/data are going to be used in practice • User experience is not just graphics design!
  • 42. User experience • It might be advantageous to have an unified data model on the backend • But that doesn't matter on the frontend/UX • Your software could theoretically offer limitless flexibility.... but are you sure you want to pay the price? • The price is a software that can do everything and is not good at anything in particular
  • 43. Throw away a dream of unified interfaces for data access And start designing software that concentrates on limited, but efficient ways to deal with data in scope of a specific task or a problem
  • 44. So where are the tools? • SemWeb is full of tools to manage ontologies, to extract data and to query data • But when it comes to interacting with data by end users on the web, the tools (libraries, frameworks) are missing • It's even worse. Everything beyond the triple store and SPARQL server is missing.
  • 47. Semantic Web developer's toolbox Sparql Freebase Acre
  • 48. We don't have enough time • Everyone needs to do visualizations, interfaces, data interactions on his own • But most of the time we're just reimplementing bottom layers • Thus there is no time to actually concentrate on interfaces • So we need to have the 'framework' problem solved in order to have resources for UI/UX
  • 49. SemWeb web development - missing parts • Semantic ORM built deep into the framework • Scaffolding admin, user management • Javascript library capable of dealing with SPARQL on one side and HTML/CSS on the other • Frameworks with preselected ontologies • Easy installations of development environments (really, this matters!) • Community?
  • 50. SIOC • Semantically-Interlinked Online Communities • Arguably ontology that went furthest in gaining support • But still no development frameworks
  • 51. SIOC could be practical
  • 52. Looking solely at UI side • An UI toolset capable of dealing with specific ontologies • For starters: a decent graph presenting/manipulating JS library? • When I deal with dates, people, places, events, ... I want to 'outsource' design and interaction to people more capable than myself in bringing machines and computers together.
  • 53. Ideas: PlaceSemWebUI • Assuming common geo ontologies • Displaying the data using Google Maps or Cloudmade • Allowing for 'smart' display of multiple entities, 'smart' selection, editing, route planning, overlaying with other data, etc.
  • 54. Ideas: PersonSemWebUI • Understanding common person ontologies • Understanding what type of things people want to do with “Person” objects • Offer different visualizations, listing friends, contacts, relationships in different ways • Mashing it up with Facebook, LinkedIn, Twitter, Glue, etc...
  • 55. Good tools to start with • Sparta (ORM for Python, dead) • ActiveRDF, HyperDE (ORM for Ruby) • Simile MIT project (Timeline, Seek) • Longwell (RDF faceted browser) • Freebase Parallax (open sourced) • Freebase Acre (Semantic PaaS)
  • 56. Do you know how stupidly hard it is to display such a graph on the web?
  • 57. Why are there no frameworks? • Because they are hard • Because there's no specification up front (Frenzel failed) • No immediate benefits to authors, questionable demand • It takes UI/UX designer, designer, semweb expert, backend engineer and frontend engineer (5 different people!) • Or maybe I just don't know about them??
  • 58. So you want to be a hero? • You might be the savior of SemWeb – making it appeal to wider web development community • If you are Semantic Web backend provider, you can look at this as a complementary product which rises demand for your main one • Since there is so little competition, you can take the world by storm
  • 59. And don't hesitate about • Making politically incorrect requirements (“to run this fast, please download whole Freebase locally into MySQL database”) • Building opinionated software (Apple...) • Creating ontology specific solutions • Releasing it as open source, even half baked
  • 60. RDFa, Microdata? • Browsers turned away from creating useful default interactions for common data types • Extensions like Mozilla Operator seem to be a dead end (unfortunately) • However new browser wars are coming! • And that is a good thing for semantic web!
  • 62. Facebook Open Graph • Publishing stuff in Facebook-supported way might become more important than anything else regarding RDFa or microdata • Useful for people dealing with social or 'popular' objects • Are FB apps based on this actually semantic apps already?
  • 63. Is Facebook offering the best SemWeb UX/UI design, ever?
  • 64. When to do what? • Start with use-cases • Involve user experience designers early on • Exploration is overrated • If there's one thought I want to leave you with: Not constraining yourself to specific use-cases is the greatest design sin of Semantic Web, ever.
  • 65. Conclusion • SemWeb on the web right now is mostly a data interchange layer • Creating web applications based solely on SemWeb stack is for most advanterous • We need more of a 'pull' projects, 'push' isn't getting us anywhere
  • 66. Killer app for semantic web? First we need killer frameworks!
  • 67. User Interfaces for Semantic Web: Do They Have to Be Ugly? Yes, … for now. Andraz Tori, Zemanta andraz@zemanta.com Twitter: @andraz
  • 68. Images • http://www.flickr.com/photos/pasma/485201047/ • http://www.flickr.com/photos/steffe/2457114284/ • http://www.flickr.com/photos/bradybd/2819339876/ • http://en.wikipedia.org/wiki/File:Alice_par_John_Tennie l_02.png • NASA • Wikipedia