Google Git
Sign in
eclipse / gerrit / www.eclipse.org / vorto / 67df2ff7e21b578465b7c8463dc5353b04df3392 / . / index.html
blob: d878eb6a317c9ad24f5623f6ca406cd259eb5dec [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<meta name="generator" content="Hugo 0.54.0" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title> Vorto</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Vorto is an IoT language to define a semantic layer between devices, IoT platforms and solutions.">
<meta http-equiv="content-language" content="en-us" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Vorto">
<meta property="og:title" content="Vorto">
<meta property="og:url" content="https://eclipse.org/vorto/">
<meta property="og:image" content="https://eclipse.org/vortoimages/">
<meta name="twitter:title" content="Vorto" />
<meta name="twitter:url" content="https://eclipse.org/vorto/" />
<meta name="twitter:image" content="https://eclipse.org/vortoimages/" />
<meta name="twitter:card" content="" />
<link rel="canonical" href="https://eclipse.org/vorto/"/>
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="stylesheet"
href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.13.1/styles/default.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/simple-line-icons.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style_vorto.css">
<script src="js/modernizr-2.6.2.min.js"></script>
<link rel="stylesheet" type="text/css"
href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function () {
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#edeff5",
"text": "#838391"
},
"button": {
"background": "#4b81e8"
}
},
"type": "opt-out",
"content": {
"message": "Some Eclipse Foundation pages use cookies to better serve you when you return to the site. You can set your browser to notify you before you receive a cookie or turn off cookies. If you do so, however, some areas of some sites may not function properly.",
"link": "https://www.eclipse.org/legal/"
}
})
});
</script>
</head>
<body>
<header role="banner" id="fh5co-header">
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header">
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
<a class="navbar-brand" href="index.html">Eclipse Vorto</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a target="_blank" class="external" href="https://github.com/eclipse/vorto/blob/master/docs/gettingstarted.md"><span>Getting started</span></a></li>
<li><a target="_blank" class="external" href="https://github.com/eclipse/vorto/blob/master/docs/release-notes.md"><span>Release Notes</span></a></li>
<li><a href="#" data-nav-section="work"><span>Case Studies</span></a></li>
<li><a href="#" data-nav-section="testimonials"><span>Testimonials</span></a></li>
<li><a href="#" data-nav-section="about"><span>Contributors</span></a></li>
<li><a href="#" data-nav-section="contact"><span>Contact</span></a></li>
<li><a class="external" href="https://github.com/eclipse/vorto"><span><i style='font-size: 30px' class='icon-github'></i></span></a></li>
</ul>
</div>
</nav>
</div>
</header>
<section id="fh5co-home" data-section="home" style="background-image: url(images/full_image_2.jpg);" data-stellar-background-ratio="0.5">
<div class="gradient"></div>
<div class="container">
<div class="text-wrap">
<div class="text-inner">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="to-animate"><img src='./images/vorto.png'/></h1>
<h2 class="to-animate" style="display: inline"><a href="https://vorto.eclipse.org/" target="_blank" class="btn btn-primary" style="width: 170px">Search devices</a></h2>
</div>
</div>
</div>
</div>
</div>
<div class="slant"></div>
</section>
<section id="fh5co-intro">
<div class="container">
<div class="row">
<div class="fh5co-block to-animate" style="background-image: url(images/img_7.jpg);">
<div class="overlay-darker"></div>
<div class="overlay"></div>
<div class="fh5co-text">
<i class="fh5co-intro-icon icon-doc"></i>
<h2>Describe</h2>
<p>Vorto provides a simple language to describe IoT device capabilities.</p>
<p><a href="#fh5co-describe" class="btn btn-primary">Start today</a></p>
</div>
</div>
<div class="fh5co-block to-animate" style="background-image: url(images/img_8.jpg);">
<div class="overlay-darker"></div>
<div class="overlay"></div>
<div class="fh5co-text">
<i class="fh5co-intro-icon icon-share"></i>
<h2>Share</h2>
<p>The Vorto Repository is an open platform to share and manage device descriptions.</p>
<p><a href="#fh5co-share" class="btn btn-primary">Check it out</a></p>
</div>
</div>
<div class="fh5co-block to-animate" style="background-image: url(images/img_10.jpg);">
<div class="overlay-darker"></div>
<div class="overlay"></div>
<div class="fh5co-text">
<i class="fh5co-intro-icon icon-link"></i>
<h2>Integrate</h2>
<p>Vorto provides tools and libraries that consume device descriptions to integrate devices with various IoT platforms and solutions.</p>
<p><a href="#fh5co-integrate" class="btn btn-primary">Learn more</a></p>
</div>
</div>
</div>
</div>
</section>
<section id="fh5co-describe" data-section="describe">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Describe</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 subtext to-animate">
<div class="text-editor-wrap">
<div class="text-editor-title-bar">
<span>Vorto DSL</span>
</div>
<div class="text-editor-text-body">
<div id="typed-strings">
<p>temperature <span class="keyword">as</span> Temperature<br/>
location <span class="keyword">as</span> Location
</p>
</div>
<div>
<p><span class="keyword">namespace</span> com.acme<br/>
<span class="keyword">version</span> <span class="version-number">2.0.0</span><br/>
<span class="keyword">displayname</span> <span class="string">"Raspberry Pi"</span><br/>
<span class="keyword">description</span> <span class="string">"Raspberry Pi with onboard sensor and GPS module"</span><br/>
<br/>
<span class="keyword">using</span> org.eclipse.vorto.Location; <span class="version-number">1.0.0</span><br/>
<span class="keyword">using</span> org.eclipse.vorto.Temperature; <span class="version-number">1.0.0</span><br/>
<br/>
<span class="keyword">infomodel</span> RaspberryPi{<br/>
<span class="keyword">functionblocks</span> {<br/>
<div style="margin-left:30px;">
<span id="typed"></span>
</div>
<br/>
}<br/></p>
</div>
</div>
</div>
</div>
<div class="col-md-6 text-center">
<div class="row">
<div class="col-md-12 subtext to-animate">
<h3 class="text-black">The Vorto language is developed based on other, well known programming languages like Java, but with the focus to express device functionality in a clean and slick way. It is both intuitive to understood by people and processable by machines. By leveraging this DSL you can describe the capabilities and functionality of a device as an Information Model. Information Models are assembled from re-usable, abstract and technology-agnostic Function Blocks. IoT Solutions process the Function Block specific data, to be able to stay agnostic of the actual device(s).</h3>
<a style="text-align:left" href="https://github.com/eclipse/vorto/blob/master/docs/tutorials/describe_device-in-5min.md" target="_blank" class="btn btn-primary">Describe your first device</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center to-animate">
<p></p>
</div>
</div>
</div>
</section>
<section id="fh5co-share" data-section="share">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Share</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 text-center">
<div class="row">
<div class="col-md-12 subtext to-animate">
<h3 class="text" style="color:black">The Vorto Repository is an open platform where device manufacturers share Information Models of devices with other IoT Stakeholders, allowing them to easily create solutions using the capabilities of these devices.</h3>
<a href="https://vorto.eclipse.org/" target="_blank" class="btn btn-primary">Open Repository</a>
</div>
</div>
</div>
<div class="col-md-6 subtext to-animate">
<img class="img-responsive" width="100%" src="images/repository.png" />
</div>
</div>
<div class="row">
<div class="col-md-12 text-center to-animate">
<p></p>
</div>
</div>
</div>
</section>
<section id="fh5co-integrate" data-section="integrate">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Integrate</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 text-center">
<div class="row">
<div class="col-md-12 subtext to-animate">
<img class="img-responsive" src="images/vortoDashboard.png" />
</div>
</div>
</div>
<div class="col-md-6 subtext to-animate">
<h3 class="text-black">Vorto harmonises device APIs that helps IoT developers to integrate devices using IoT platforms much quicker, in order to build device-agnostic IoT solutions.</h3>
<a href="https://github.com/eclipse/vorto/blob/master/docs/tutorials/create_webapp_dashboard.md" target="_blank" class="btn btn-primary">Getting Started</a>
</div>
</div>
</div>
</section>
<section id="fh5co-work" data-section="work">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Case studies</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>Take a look at a few interesting Vorto Case Studies, illustrating the usage of Vorto in real-world IoT Projects.</h3>
</div>
</div>
</div>
</div>
<div class="row row-bottom-padded-sm">
<div class="col-md-6 col-sm-6 col-xxs-12" style="float: none; margin: 0 auto;">
<a href="https://blog.bosch-si.com/developer/avoid-tight-coupling-of-devices-in-iot-solutions/" target="_blank" class="fh5co-project-item to-animate">
<img src="images/use_case1.jpg" alt="Image6" class="img-responsive">
<div class="fh5co-text">
<h2>Bosch Security Camera Integration</h2>
<span>Read how Vorto integrates Bosch Security Cameras with Bosch IoT Suite.</span>
</div>
</a>
</div>
<div class="clearfix visible-sm-block"></div>
</div>
<div class="row">
<div class="col-md-12 text-center to-animate">
<p></p>
</div>
</div>
</div>
</section>
<section id="fh5co-testimonials" data-section="testimonials">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Testimonials</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>See what our users have to say about Vorto.</h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="box-testimony">
<blockquote class="to-animate-2">
<p>&ldquo;Vorto serves as the intermediary among all the IoT protocols and brings a common understanding to device data. Additionally the code generation infrastructure enables rapid prototyping and easy integration of IoT devices and platforms.&rdquo;</p>
</blockquote>
<div class="author to-animate">
<figure><img src="images/person-meili-oliver.jpg" alt="Person1"></figure>
<p>Oliver Meili,</br>Head of IoT Development - Bosch</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box-testimony">
<blockquote class="to-animate-2">
<p>&ldquo;Vorto provides an excellent technology stack to develop platform-agnostic IoT solutions.&rdquo;</p>
</blockquote>
<div class="author to-animate">
<figure><img src="images/person-holmes-preston.jpg" alt="Person2"></figure>
<p>Preston Holmes,</br>Head of IoT Solutions - Google</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box-testimony">
<blockquote class="to-animate-2">
<p>&ldquo;Eclipse Vorto provides developers important capabilities for delivering IoT solutions which are platform and language independent.&rdquo;</p>
</blockquote>
<div class="author to-animate">
<figure><img src="images/person-mike-milinkovich.jpg" alt="Person3"></figure>
<p>Mike Milinkovich,</br>Executive Director - Eclipse</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="fh5co-about" data-section="about">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Contributors</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>The Vorto Project is an open source iniative of the Eclipse Foundation, the following companies have contributed to the codebase.</h3>
</div>
</div>
</div>
</div>
<div class="row about-row">
<div class="col-md-4">
<div class="fh5co-person text-center to-animate">
<figure><img src="images/icon-bosch.png" alt="BoschGlobal"></figure>
<h3>Robert Bosch GmbH</h3>
<span class="fh5co-position">Contributor</span>
<p></p>
<ul class="social social-circle">
<li><a href="https://twitter.com/BoschSI"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.facebook.com/BoschGlobal"><i class="icon-facebook"></i></a></li>
<li><a href="https://github.com/bsinno"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-person text-center to-animate">
<figure><img src="images/icon-thingworx.png" alt="Thingworx"></figure>
<h3>ThingWorx</h3>
<span class="fh5co-position">Contributor</span>
<p></p>
<ul class="social social-circle">
<li><a href="https://twitter.com/ThingWorx"><i class="icon-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-person text-center to-animate">
<figure><img src="images/icon-unistuttgart.png" alt="IAS"></figure>
<h3>IAS Universität Stuttgart</h3>
<span class="fh5co-position">Contributor</span>
<p></p>
<ul class="social social-circle">
<li><a href="https://twitter.com/uni_stuttgart?lang=en"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.facebook.com/pages/category/Education/IAS-Institut-f%C3%BCr-Automatisierungs-und-Softwaretechnik-149418635158364/"><i class="icon-facebook"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="row about-row">
<div class="col-md-4">
<div class="fh5co-person text-center to-animate">
<figure><img src="images/icon-fzi.png" alt="FZI"></figure>
<h3>FZI</h3>
<span class="fh5co-position">Contributor</span>
<p></p>
<ul class="social social-circle">
<li><a href="https://twitter.com/fzi_official"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.facebook.com/pg/FZI.Official/"><i class="icon-facebook"></i></a></li>
<li><a href="https://github.com/fzi-forschungszentrum-informatik"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-person text-center to-animate">
<figure><img src="images/icon-eclipse.png" alt="EclipseFdn"></figure>
<h3>Eclipse Foundation</h3>
<span class="fh5co-position">Open Source Organization</span>
<p></p>
<ul class="social social-circle">
<li><a href="https://twitter.com/EclipseFdn"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.facebook.com/eclipse.org/"><i class="icon-facebook"></i></a></li>
<li><a href="https://github.com/eclipse"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-person text-center to-animate">
<figure><img src="images/icon-hahnschickard.png" alt="HahnSchickard"></figure>
<h3>Hahn Schickard</h3>
<span class="fh5co-position">Contributor</span>
<p></p>
<ul class="social social-circle">
<li><a href="https://twitter.com/hahnschickard"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.facebook.com/hahnschickard/"><i class="icon-facebook"></i></a></li>
<li><a href="https://github.com/Hahn-Schickard"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="fh5co-counters" style="background-image: url(images/full_image_1.jpg);" data-stellar-background-ratio="0.5">
<div class="fh5co-overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center to-animate">
<h2>Stats</h2>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fh5co-counter to-animate">
<i class="fh5co-counter-icon icon-layers to-animate-2"></i>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="1207" data-speed="5000" data-refresh-interval="50">1207</span>
<span class="fh5co-counter-label">Described devices</span>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fh5co-counter to-animate">
<i class="fh5co-counter-icon icon-wrench to-animate-2"></i>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="17" data-speed="5000" data-refresh-interval="50">17</span>
<span class="fh5co-counter-label">Vorto Plugins/Add-ons</span>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fh5co-counter to-animate">
<i class="fh5co-counter-icon icon-list to-animate-2"></i>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="86112" data-speed="5000" data-refresh-interval="50">86112</span>
<span class="fh5co-counter-label">Lines of Code</span>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="fh5co-counter to-animate">
<i class="fh5co-counter-icon icon-star to-animate-2"></i>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="103" data-speed="5000" data-refresh-interval="50">103</span>
<span class="fh5co-counter-label">Github stars</span>
</div>
</div>
</div>
</div>
</section>
<section id="fh5co-contact" data-section="contact">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Contact</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>To reach out to us, just send us an email.</h3>
</div>
</div>
</div>
</div>
<div class="row row-bottom-padded-md">
<div class="col-md-6 to-animate">
<h3></h3>
<ul class="fh5co-contact-info">
<li class="fh5co-contact-address "><i class="icon-home"></i>11 Bishan Street 21 Singapore</li>
<li class="fh5co-contact-address "><i class="icon-envelope"></i><a href="mailto:vorto-development@bosch-si.com">Vorto Dev Team</a></li>
<li class="fh5co-contact-address "><i class="icon-globe"></i><a href="http://vorto.eclipse.org/" target="_blank">Vorto</a></li>
</ul>
</div>
<div class="col-md-6 to-animate">
<form method="post" action="//formspree.io/vorto-development%40bosch-si.com">
<div class="form-group ">
<label for="name" class="sr-only">Your name</label>
<input id="name" class="form-control" name="name" placeholder="Your name" type="text">
</div>
<div class="form-group ">
<label for="email" class="sr-only">Your email address</label>
<input id="email" class="form-control" name="_replyto" placeholder="Your email address" type="email">
</div>
<div class="form-group ">
</div>
<div class="form-group ">
<label for="message" class="sr-only">Message</label>
<textarea id="message" cols="30" rows="5" class="form-control" name="message" placeholder="Message"></textarea>
</div>
<div class="form-group ">
<input class="btn btn-primary btn-lg" value="Send message" type="submit">
</div>
</form>
</div>
</div>
</div>
</section>
<footer id="footer" role="contentinfo">
<a href="#" class="gotop js-gotop"><i class="icon-arrow-up2"></i></a>
<div class="container">
<div class="">
<div class="col-md-12 text-center">
<p></p>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<ul class="social social-circle">
<li><a href="#twitter"><i class="icon-twitter"></i></a></li>
<li><a href="#facebook"><i class="icon-facebook"></i></a></li>
<li><a href="#youtube"><i class="icon-youtube"></i></a></li>
</ul>
</div>
</div>
<div class="">
<div class="col-md-12 text-center">
<ul style="list-style: none;">
<li style="display: inline; padding-left: 10px;"><a href="https://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li>
<li style="display: inline; padding-left: 10px;"><a href="https://www.eclipse.org/legal/">Legal</a></li>
<li style="display: inline; padding-left: 10px;"><a href="https://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li>
<li style="display: inline; padding-left: 10px;"><a href="https://www.eclipse.org/legal/privacy.php">Privacy</a></li>
<li style="display: inline; padding-left: 10px;"><a href="https://github.com/eclipse/vorto/blob/development/docs/community.md">Community</a></li>
<li style="display: inline; padding-left: 10px;"><a href="https://eclipse.org/security">Security</a></li>
</ul>
<a href="https://www.eclipse.org/projects/what-is-incubation.php"><img src="https://www.eclipse.org/mita/images/incubating.png"></a>
<a href="https://www.eclipse.org/"><img
src="https://www.eclipse.org/artwork/images/v2/eclipse_foundation_logo.jpg" width="250" /></a>
</div>
</div>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.matchHeight/0.7.0/jquery.matchHeight-min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.13.1/build/highlight.min.js"></script>
<script>
var typed = new Typed('#typed', {
stringsElement: '#typed-strings',
typeSpeed: 40 ,
backSpeed: 0,
loop: true
});
$(document).ready(function(){
$('.single-item').slick({
dots: true,
adaptiveHeight: true,
prevArrow: '<button type="button" class="slick-prev "><i class="fh5co-intro-icon icon-arrow-left"></i></button>',
nextArrow: '<button type="button" class="slick-next"><i class="fh5co-intro-icon icon-arrow-right"></i></button>'
});
});
</script>
<script src="js/main.js"></script>
</body>
</html>