smarthome/docs/index.html

256 строки
10 KiB
HTML

---
layout: landing
---
{% include base.html %}
<section id="hero">
<div class="container center">
<p class="sub-slogan">A Flexible Framework for the Smart Home</p>
<h1 class="slogan">
Open Source. <br /> For an Open Future.
</h1>
</div>
<div class="img-wrapper" >
<img src="{{base}}/img/pipes.png" />
</div>
</div>
</section>
<!--Intro and service-->
<section id="intro">
<div class="container center">
<h1>Our Vision</h1>
<p>Smart Home adoption will only gain momentum if the different
devices can be connected into over-arching use cases, but currently
the market for Smart Home systems and IoT gadgets is heavily
fragmented. While there are a couple of companies big enough to establish their
own proprietary ecosystems, we believe that Open Source is the only viable option
to provide truly open platforms without vendor lock-ins.</p>
<p></p>
<hr />
<div class="row">
<div class="col s12 m6 l6">
<img src="https://www.eclipse.org/smarthome/img/tagcloud.png" class="scrollme animateme" data-when="enter"
data-from="0.5" data-to="0" data-crop="false" data-opacity="0"
data-translatex="-400" />
</div>
<div class="col s12 m6 l6">
<h2>Accept the Diversity</h2>
<p>While there are approaches of defining common communication protocols that all
devices and systems must support in order to communicate with each other, the
Eclipse SmartHome project accepts the fact that there is a vast variety of
communication mechanisms, which all have their right to exist. Eclipse SmartHome
therefore serves as an abstraction and translation framework that makes interaction
possible across system and protocol boundaries.</p>
</div>
</div>
<hr />
<div class="row">
<div class="col s12 m6 l6">
<h2>Made for Embedded</h2>
<p>The framework is designed to run on embedded devices, such as a Raspberry Pi,
a BeagleBone Black or an Intel Edison.
It requires a Java 7 compliant JVM and an OSGi (4.2+) framework, such as Eclipse Equinox.</p>
</div>
<div class="col s12 m6 l6">
<img src="https://www.eclipse.org/smarthome/img/rasppi.png" class=" scrollme animateme"
data-when="enter" data-from="0.5" data-to="0" data-crop="false"
data-opacity="0" data-translatex="400" />
</div>
</div>
</div>
</section>
<section class="z-depth-1" id="targets">
<h3 class="center benefit">Learn how you can benefit from Eclipse
SmartHome</h3>
<div class="row center">
<div class="col s12 m4 l4" id="target-hardware">
<i class="mdi-hardware-memory icon-large"></i>
<h2>Hardware Manufacturers</h2>
<p>Integrate your devices with Eclipse SmartHome and instantly
make them available to multiple Smart Home solutions.
There is no need to do changes to the firmware of your products,
if they already provide an API.</p>
<a href="getting-started.html#hardware"><button class="btn waves-effect waves-light green darken-1"
type="submit" name="action">Learn More</button></a>
</div>
<div class="col s12 m4 l4" id="target-solution">
<i class="mdi-social-people icon-large"></i>
<h2>Solution Vendors</h2>
<p>Join the industry collaboration and build a powerful Smart Home solution that is able to integrate
many 3rd party products and standards easily and benefit from an existing and constantly growing
developer community.</p>
<a href="getting-started.html#solutions"><button class="btn waves-effect waves-light green darken-1"
type="submit" name="action">Learn More</button></a>
</div>
<div class="col s12 m4 l4" id="target-developer">
<i class="mdi-device-developer-mode icon-large"></i>
<h2>Software Developers</h2>
<p>Extensions developed for Eclipse SmartHome are compatible
with Smart Home solutions from different vendors. Code written
for your own purposes can be easily made available on commercial
platforms.</p>
<a href="getting-started.html#developers"><button class="btn waves-effect waves-light green darken-1"
type="submit" name="action">Learn More</button></a>
</div>
</div>
</section>
<div class="parallax-container" id="parallax-1">
<div class="parallax">
<img
src="https://www.eclipse.org/smarthome/img/bridge.jpg"
class="img-responsive js-fluid-image js-packery-image" data-width="2500" data-height="1667"
style="height: 700.14px;">
</div>
</div>
<section>
<div class="container center">
<h1>Flexible. Customizable to Your Needs.</h1>
<p>Eclipse SmartHome is a framework, not a ready-to-use solution. It offers a large set of features to choose from
and leaves enough possibilities to design a Smart Home solution specific to your expectations. Its modular design
brings millions of combinations and proves to be easily extensible by custom parts.</p>
</div>
</section>
<section id="references" class="z-depth-1">
<div class="container">
<h1>References</h1>
<p>These companies offer products, solutions or platforms that use Eclipse SmartHome:</p>
<div class="row scrollme animateme" data-when="enter" data-from="0.75"
data-to="0" data-crop="false" data-opacity="0" data-scale="1.125">
<div class="col s12 m6 l4">
<a href="http://www.openhab.org"><div class="reference z-depth-1">
<div class="logo center valign-wrapper">
<img src="https://www.eclipse.org/smarthome/img/references/openhab.jpg" />
</div>
<div class="text center">
<h2>openHAB</h2>
<p>Free and open source solution based on Eclipse SmartHome</p>
</div>
<div class="info valign-wrapper">
<p class="valign center">openhab.org</p>
</div>
</div></a>
</div></a>
<div class="col s12 m6 l4">
<a href="https://www.qivicon.com"><div class="reference z-depth-1">
<div class="logo center valign-wrapper">
<img src="https://www.eclipse.org/smarthome/img/references/qivicon.jpg" />
</div>
<div class="text center">
<h2>QIVICON</h2>
<p>Smart Home platform by Deutsche Telekom AG</p>
</div>
<div class="info valign-wrapper">
<p class="valign center">qivicon.com</p>
</div>
</div></a>
</div>
<div class="col s12 m6 l4">
<a href="https://www.aleon.eu"><div class="reference z-depth-1">
<div class="logo center valign-wrapper">
<img src="https://www.eclipse.org/smarthome/img/references/aleon.jpg" />
</div>
<div class="text center">
<h2>aleon</h2>
<p>Innovation management for your project</p>
</div>
<div class="info valign-wrapper">
<p class="valign center">aleon.eu</p>
</div>
</div></a>
</div>
<div class="col s12 m6 l4">
<a href="http://www.yetu.de"><div class="reference z-depth-1">
<div class="logo center valign-wrapper">
<img src="https://www.eclipse.org/smarthome/img/references/yetu.jpg" />
</div>
<div class="text center">
<h2>YETU</h2>
<p>Run your entire home with one simple online platform</p>
</div>
<div class="info valign-wrapper">
<p class="valign center">yetu.com</p>
</div>
</div></a>
</div>
<div class="col s12 m6 l4">
<a href="http://www.prosyst.com"><div class="reference z-depth-1">
<div class="logo center valign-wrapper">
<img src="https://www.eclipse.org/smarthome/img/references/prosyst.jpg" />
</div>
<div class="text center">
<h2>ProSyst</h2>
<p>Middleware for the Internet of Things</p>
</div>
<div class="info valign-wrapper">
<p class="valign center">prosyst.com</p>
</div>
</div></a>
</div>
<div class="col s12 m6 l4">
<a href="http://www.zooautomation.com"><div class="reference z-depth-1">
<div class="logo center valign-wrapper">
<img src="https://www.eclipse.org/smarthome/img/references/zooautomation.jpg" />
</div>
<div class="text center">
<h2>Zoo Automation</h2>
<p>One Home, One Control, One Life</p>
</div>
<div class="info valign-wrapper">
<p class="valign center">zooautomation.com</p>
</div>
</div></a>
</div>
</div>
</div>
</section>
<div class="parallax-container">
<div class="parallax">
<img src="https://www.eclipse.org/smarthome/img/kueche.jpg" />
</div>
</div>
<section id="twitter">
<div class="container center">
<div class="card white">
<h1>Latest Tweets</h1>
<a class="twitter-timeline" href="https://twitter.com/smarthome"
data-tweet-limit="3" data-widget-id="604245239797305344"
data-chrome="noborders nofooter" data-border-color="#0288d1">Tweets
von @smarthome </a>
<script>
!function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + "://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
<a href="https://twitter.com/smarthome" class="btn waves-effect waves-light green darken-1"
type="submit" name="action">@smarthome</a>
</div>
</div>
</section>
<section id="community">
<div class="container center">
<h1>Join the Community!</h1>
<p>Eclipse SmartHome is an open-source project that is driven by
its community. Involve yourself now by joining discussions,
by reporting issues and by contributing code!</p>
<a href="https://www.eclipse.org/forums/index.php/f/271/" class="btn waves-effect waves-light green darken-1"
type="submit" name="action">Discussion Forum</a>
<a href="https://bugs.eclipse.org/bugs/buglist.cgi?list_id=12033781&product=SmartHome&query_format=advanced&resolution=---" class="btn waves-effect waves-light green darken-1"
type="submit" name="action">Issue Tracker</a>
<a href="https://github.com/eclipse/smarthome" class="btn waves-effect waves-light green darken-1"
type="submit" name="action">Git Repository</a>
</div>
</section>