Permalink
335 lines (306 sloc) 13.7 KB
<!DOCTYPE html>
<html
prefix="
xhv: http://www.w3.org/1999/xhtml/vocab#
xsd: http://www.w3.org/2001/XMLSchema#
rdfs: http://www.w3.org/2000/01/rdf-schema#
dc: http://purl.org/dc/terms/
vcard: http://www.w3.org/2006/vcard/ns#
v: http://rdf.data-vocabulary.org/#"
lang="en" >
<head>
<title>JSON-LD - JSON for Linking Data</title>
<!-- Meta Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!-- Style Sheets -->
<link rel="stylesheet" type="text/css" href="static/css/bootstrap/bootstrap.css">
<link rel="stylesheet" type="text/css" href="static/css/bootstrap/bootstrap-responsive.css">
<link rel="stylesheet" type="text/css" href="static/css/bootstrap/font-awesome.css">
<link rel="shortcut icon" href="favicon.ico" />
<!-- Script tags -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42886053-1', 'json-ld.org');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="navbar navbar-static-top">
<div class="navbar-inner">
<div class="row-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand active" href="#"><img src="images/json-ld-data-24.png" alt="JSON-LD logo"> JSON-LD</a>
<div class="nav-collapse">
<ul class="nav">
<li>
<a href="playground/"><span class="icon-beer"></span> Playground</a>
</li>
<li>
<a href="learn.html"><span class="icon-book"></span> Documentation</a>
</li>
<!-- <li><a href="#"><span class="icon-beaker"></span> Developers</a></li> -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="icon-folder-open"></span> Specifications <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li class="nav-header"><strong>Latest</strong></li>
<li><a href="spec/latest/json-ld/">Syntax</a></li>
<li><a href="spec/latest/json-ld-api/">API</a></li>
<li><a href="spec/latest/json-ld-framing/">Framing</a></li>
<li><a href="spec/latest/json-ld-api-best-practices/">Best Practices</a></li>
<li><a href="spec/latest/rdf-dataset-normalization/">Normalization</a></li>
<li class="divider"></li>
<li class="nav-header"><strong>Previous Drafts</strong></li>
<li><a href="spec#syntax">Syntax</a></li>
<li><a href="spec#api">API</a></li>
<li><a href="spec#framing">Framing</a></li>
<li><a href="spec#normalization">Normalization</a></li>
</ul>
</li>
<li><a href="images/"><span class="icon-picture"></span> Branding</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
<div class="hero-unit">
<h1>JSON for Linking Data</h1>
<br>
<p class="tagline">Data is messy and disconnected. JSON-LD organizes and
connects it, creating a better Web.</p>
</div>
<div class="container">
<div class="row">
<div class="span3">
<h2><span class="icon-exchange"></span> Linked Data </h2>
<p class="text-justify">
<a href="http://en.wikipedia.org/wiki/Linked_data">Linked Data</a>
empowers people that publish and use information on the Web. It is a
way to create a network of standards-based, machine-readable data across
Web sites. It allows an application to start at one piece of Linked Data,
and follow embedded links to other pieces of Linked Data that are hosted
on different sites across the Web.
</p>
</div>
<!-- End span -->
<div class="span6">
<h2 style="text-align: center;">A Simple Example</h2>
<pre>{
"<span style="color: rgb(255, 122, 0);">@context</span>": "<a href="http://json-ld.org/contexts/person.jsonld">http://json-ld.org/contexts/person.jsonld</a>",
"<span style="color: rgb(255, 122, 0);">@id</span>": "<a href="http://dbpedia.org/resource/John_Lennon">http://dbpedia.org/resource/John_Lennon</a>",
"<span style="color: rgb(255, 122, 0);">name</span>": "<span style="color: rgb(0, 148, 0);">John Lennon</span>",
"<span style="color: rgb(255, 122, 0);">born</span>": "<span style="color: rgb(0, 0, 175);">1940-10-09</span>",
"<span style="color: rgb(255, 122, 0);">spouse</span>": "<a href="http://dbpedia.org/resource/Cynthia_Lennon">http://dbpedia.org/resource/Cynthia_Lennon</a>"
}</pre>
</div>
<!-- End span -->
<div class="span3">
<h2>
<span><img src="images/json-ld-data-32.png" alt="JSON-LD logo"></span> JSON-LD
</h2>
<p class="text-justify">JSON-LD is a lightweight Linked Data format. It
is easy for humans to read and write. It is based on the already
successful JSON format and provides a way to help JSON data interoperate
at Web-scale. JSON-LD is an ideal data format for programming
environments, REST Web services, and unstructured databases such as
CouchDB and MongoDB.
</p>
</div>
<!-- End span -->
</div>
</div>
<br/><br/>
<div class="hero-unit">
<h2 style="text-align:center;"><span class="icon-beer icon-large"></span> Playground</h2>
<div class="container">
<div class="row">
<p class="text-justify offset2 span8">
The <strong>JSON-LD Playground</strong> is a web-based JSON-LD viewer and debugger.
If you are interested in learning JSON-LD, this tool will be of great help
to you. Developers may also use the tool to debug, visualize, and share
their JSON-LD markup.
</p>
<a class="btn" href="./playground/">Launch the JSON-LD Playground</a>
</div>
</div>
<!-- End span -->
</div>
<div class="container">
<div id="developers" class="row">
<h1 class="span12" style="text-align: center;"> <span class="icon-cog"></span> Developers</h1>
</div>
<div id="developers-description" class="row">
<p class="offset2 span8" style="text-align: center;">JSON-LD is available in
a number of popular programming environments. Each implementation of JSON-LD
listed below is fully conforming to the offical JSON-LD specifications.
</p>
</div>
<div class="row">
<div class="span2">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>Javascript</h3></li>
<li><a href="https://github.com/digitalbazaar/jsonld.js">jsonld.js</a></li>
</ul>
</div>
</div>
<div class="span2">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>Python</h3></li>
<li><a href="https://github.com/digitalbazaar/pyld">PyLD</a></li>
<li><a href="https://github.com/RDFLib/rdflib-jsonld">RDFLib-jsonld</a></li>
</ul>
</div>
</div>
<div class="span">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>PHP</h3></li>
<li><a href="https://github.com/digitalbazaar/php-json-ld">php-json-ld</a></li>
<li><a href="http://m.lanthi.com/json-ld">JsonLD</a></li>
</ul>
</div>
</div>
<div class="span2">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>Ruby</h3></li>
<li><a href="https://github.com/ruby-rdf/json-ld/">JSON-LD for
RDF.rb</a>
</li>
</ul>
</div>
</div>
<div class="span2">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>Java</h3></li>
<li><a href="https://github.com/jsonld-java/jsonld-java">JSONLD-JAVA</a></li>
</ul>
</div>
</div>
<div class="span1">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>C#</h3></li>
<li><a href="https://github.com/NuGet/json-ld.net">json-ld.net</a></li>
</ul>
</div>
</div>
<div class="span1">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>Go</h3></li>
<li><a href="https://github.com/kazarena/json-gold">JSON-goLD</a></li>
</ul>
</div>
</div>
</div>
<div id="tests-description" class="row">
<p class="offset2 span8" style="text-align: center;">
The <a href="test-suite/">JSON-LD Test Suite</a> is useful for validating JSON-LD Processors.
</p>
<p class="offset3 span6" style="text-align: center;">
Conformance of various processors is documented in the <a href="test-suite/reports/">implementation report</a>.
</p>
</div>
<hr>
</div>
<!-- /container -->
<div class="container">
<div id="collaborating" class="row">
<h1 class="span12" style="text-align: center;">
<span class="icon-group"></span> Getting Help / Collaborating</h1>
</div>
<div id="collaborating-description" class="row">
<p class="offset2 span8" style="text-align: center;">
JSON-LD is being developed by the W3C <a
href="http://www.w3.org/community/json-ld/">JSON-LD Community Group</a>.
It is a <a href="http://www.w3.org/TR/json-ld/">W3C Recommendation</a>
as of 16 January 2014. Participation is open
to the public. There is a <a href="http://github.com/json-ld">JSON-LD
Github repository</a>. If you need immediate help, we have a <a
href="https://webchat.freenode.net/?channels=#json-ld">#json-ld</a> IRC
support channel on freenode.net. There is also a <a
href="http://lists.w3.org/Archives/Public/public-linked-json/">JSON-LD
mailing list</a>. All weekly meetings are open to the public, and are <a
href="http://json-ld.org/minutes/">minuted, recorded, and archived</a>. Listed below are all of the
communication tools that the community uses on a weekly basis.</p>
</div>
<div class="row">
<div class="span3">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>Code</h3></li>
<li><a href="http://github.com/json-ld/json-ld.org">json-ld on Github</a></li>
</ul>
</div>
</div>
<div class="span3">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>Meetings</h3></li>
<li><a href="minutes/">Text and audio minutes</a></li>
</ul>
</div>
</div>
<div class="span3">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>Mailing List</h3></li>
<li><a href="http://lists.w3.org/Archives/Public/public-linked-json/">public-linked-json@w3.org</a></li>
</ul>
</div>
</div>
<div class="span3">
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li class="nav-header"><h3>IRC</h3></li>
<li><a href="http://webchat.freenode.net/?channels=#json-ld">#json-ld on Freenode</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- /container -->
<hr>
<div class="container">
<div id="learn-more" class="row">
<h1 class="span12" style="text-align: center;">
<span class="icon-book"></span> Learn More...</h1>
</div>
<div id="learn-more-description" class="row">
<p class="offset2 span8" style="text-align: center;">
This website contains a number of curated
video, presentations, tutorials, and documentation about JSON-LD. Assuming you
are familiar with JSON, these training materials will help you quickly
put the power of JSON-LD into your web development efforts.<br><br>
<a class="btn" href="./learn.html">Learn more about JSON-LD</a>
</p>
</div>
<!-- End Row -->
<hr>
<div id="footer">
<p id="copyright">
Website content released under a <a href="http://creativecommons.org/about/cc0">Creative Commons CC0 Public Domain Dedication</a> except where an alternate is specified.
Part of the <a href="http://payswarm.com/">PaySwarm</a> standardization initiative.
</p>
</div>
</div>
<!-- /container -->
<!-- Script tags -->
<script type="text/javascript" src="static/js/bootstrap/bootstrap.js"></script>
</body>
</html>