blob: 3878b1810fc3b71627f2639a5a7c7d62e4fff36d [file] [log] [blame]
<!DOCTYPE html>
<html lang="en" class="wide wow-animation">
<head>
<!--Site Title-->
<title>Welcome to Apache iota</title>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--Stylesheets-->
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<!--Bootstrap-->
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/.."><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script><[endif]-->
</head>
<body>
<!--The Main Wrapper-->
<div class="page">
<!--
========================================================
HEADER
========================================================
-->
<header class="page-header">
<!--RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar top-panel-none-items" data-layout="rd-navbar-fixed" data-hover-on="false" data-stick-up="false" data-sm-laout="rd-navbar-fullwidth" data-md-layout="rd-navbar-static">
<div class="rd-navbar-top-panel">
<div class="rd-navbar-inner">
<button data-rd-navbar-toggle=".list-inline, .fa-envelope, .fa-phone, .fa-shopping-cart" class="rd-navbar-collapse-toggle"><span></span></button><a href="mailto:#" class="fa-envelope">email@.com</a><a href="callto:#" class="fa-phone">+1 (126) 598-89-75</a>
<ul class="list-inline pull-right">
<li><a href="#" class="fa-facebook"></a></li>
<li><a href="#" class="fa-pinterest-p"></a></li>
<li><a href="#" class="fa-twitter"></a></li>
<li><a href="#" class="fa-google-plus"></a></li>
<li><a href="#" class="fa-instagram"></a></li>
</ul>
</div>
</div>
<div class="rd-navbar-inner">
<!--RD Navbar Panel-->
<div class="rd-navbar-panel">
<!--RD Navbar Toggle-->
<button data-rd-navbar-toggle=".rd-navbar" class="rd-navbar-toggle"><span></span></button>
<!--END RD Navbar Toggle-->
<!--RD Navbar Brand-->
<div class="rd-navbar-brand"><a href="index.html"><img src="img/logo_text.png" width="250" alt=""/></a></div>
<!--END RD Navbar Brand-->
</div>
<!--END RD Navbar Panel-->
<div class="rd-navbar-nav-wrap">
<!--RD Navbar Search-->
<div class="rd-navbar-search">
<form action="search.php" method="GET" class="rd-navbar-search-form">
<label class="rd-navbar-search-form-input">
<input type="text" name="s" placeholder="Search.." autocomplete="off">
</label>
<button type="submit" class="rd-navbar-search-form-submit"></button>
</form><span class="rd-navbar-live-search-results"></span>
<button data-rd-navbar-toggle=".rd-navbar-search, .rd-navbar-live-search-results" class="rd-navbar-search-toggle"></button>
</div>
<!--END RD Navbar Search-->
<!--RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#">Features</a>
<!--RD Navbar Dropdown-->
<ul class="rd-navbar-dropdown">
<li><a href="features.html">iota Features</a></li>
<li><a href="features.html#integrations">Open source integrations</a></li>
</ul>
<!--END RD Navbar Dropdown-->
</li>
<li><a href="#">Community</a>
<ul class="rd-navbar-dropdown">
<li><a href="contribute.html">How to Contribute</a></li>
<li><a href="https://issues.apache.org/jira/browse/iota/">Issue Tracker</a></li>
<li><a href="contribute.html#people">People</a></li>
</ul>
</li>
<li><a href="#">Source</a>
<ul class="rd-navbar-dropdown">
<li><a href="https://github.com/apache/incubator-iota">Apache iota on GitHub</a></li>
</ul>
</li>
<li><a href="#">Documentation</a>
<ul class="rd-navbar-dropdown">
<li><a href="https://cwiki.apache.org/confluence/display/IOTA/iota+Home">Documentation v.0.1</a></li>
</ul>
</li>
<li><a href="#">Apache</a>
<ul class="rd-navbar-dropdown">
<li><a href="http://www.apache.org">Apache Homepage</a></li>
<li><a href="http://www.apache.org/licenses">License</a></li>
<li><a href="http://www.apache.org/foundation/sponsorship">Sponsorship</a></li>
<li><a href="http://www.apache.org/foundation/thanks.html">Thanks</a></li>
<li><a href="http://www.apache.org/security">Security</a></li>
</ul>
</li>
</ul>
<!--END RD Navbar Nav-->
</div>
</div>
</nav>
</div>
<!--END RD Navbar-->
<section>
<!--Swiper-->
<div class="rd-parallax">
<div data-speed="0.6" data-type="media" data-url="img/main_background.jpg" class="rd-parallax-layer"></div>
<div data-speed="0.78" data-type="html" data-fade="true" class="well-parallax jumbotron text-center rd-parallax-layer">
<h1><small></small>Apache iota</h1>
<p class="big">An open-source platform<br> for the Internet of Things.</p><div class='btn-group-variant'> <a class='btn btn-default round-xl btn-sm' href='https://github.com/apache/incubator-iota'>Download iota</a></div>
</div>
</div>
</section>
</header>
<!--
========================================================
CONTENT
========================================================
-->
<main class="page-content">
<!--Start section-->
<section class="text-center well well-sm">
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1">
<h1 class="text-bold">Architecture of iota</h1>
<p class="lead big">The iota core provides highly distributed and fault tolerant IoT point aggregation, security, managed data pipeline and orchestration capabilities:</p>
<img src="img/iota_architecture.png" alt="" width=90% class="offset-2">
</div>
</div>
</div>
</section>
<!--End section-->
<!--Start section-->
<section class="well well-sm bg-lighter relative text-center">
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3">
<h1 class="text-bold">Architecture Components</h1>
</div>
</div>
<div class="row offset-1 text-md-center flow-offset-1">
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-heart"></span>
<h5>Core</h5>
<p>iota is built to ingest, analyze and orchestrate IoT data points in a highly distrubuted and performant fashion.</p>
</div>
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-plus-square"></span>
<h5>API's</h5>
<p>iota's API's include access to the event processing and actions engine, as well as point value queries and interactions. </p>
</div>
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-codepen"></span>
<h5>Microservices</h5>
<p>Developers can create their own microservices that run on iota. A selection is included by default: encrypt, translate modules and more.</p>
</div>
</div>
<div class="row offset-1 text-md-center flow-offset-1">
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-tachometer"></span>
<h5>Management</h5>
<p>iota laptop and server editions (both standalone and cluster) include a web management front end that utilizes Django.</p>
</div>
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-connectdevelop"></span>
<h5>3rd Party Integrations</h5>
<p>iota utilizes some of the world's finest open-source components, including: Spark, Redis, CockroachDB, Kafka and more.</p>
</div>
<div class="col-sm-6 col-md-3 col-md-offset-1"><span class="icon icon-lg icon-primary fa-server"></span>
<h5>Deploy</h5>
<p>Deploy iota directly in your device (ARM,) on your laptop (Mac or PC,) or via server(s) (Intel; standalone and cluster editions.) </p>
</div>
</div>
</div>
</section>
<!--End section-->
<!--Start section-->
<section class="bg-dark-var1 text-center">
<div class="container counter-panel">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-3">
<div data-from="0" data-to="197" class="counter"></div>
<p class="text-opacity font-secondary text-uppercase">Cups of Coffee</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<div data-from="0" data-to="7" class="counter"></div>
<p class="text-opacity font-secondary text-uppercase">Contributors</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<div data-from="0" data-to="9" class="counter"></div>
<p class="text-opacity font-secondary text-uppercase">Microservices</p>
</div>
<div class="col-xs-6 col-sm-6 col-md-3">
<div data-from="0" data-to="3218" class="counter"></div>
<p class="text-opacity font-secondary text-uppercase">Lines of Code</p>
</div>
</div>
</div>
</section>
<!--End section-->
</main>
<!--
========================================================
FOOTER
========================================================
-->
<footer class="page-footer footer-centered text-center">
<section class="footer-content">
<div class="container">
<div class="navbar-brand"><img class="center-block" src="img/apache_incubator.png" alt=""/></div>
<p class="big">iota is an incubator project of the <a href="http://www.apache.org">Apache Software Foundation</a>.</p>
<ul class="list-inline">
<li><a href="#" class="fa-facebook"></a></li>
<li><a href="#" class="fa-twitter"></a></li>
</ul>
</div>
</section>
<section class="copyright">
<div class="container">
<p>&#169; <span id="copyright-year"></span> <a href="http://www.apache.org">The Apache Software Foundation</a><br>
Apache, Apache iota (incubating), the Apache feather and the iota logo are trademarks of The Apache Software Foundation</p>
</div>
</section>
</footer>
</div>
<!--Core Scripts-->
<script src="js/core.min.js"></script>
<!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
<!--Include all compiled plugins (below), or include individual files as needed-->
<script src="js/bootstrap.min.js"></script>
<!--Additional Functionality Scripts-->
<script src="js/script.js"></script>
</body>
</html>