getting-started.php

<!DOCTYPE html>
<html>

<head>
  <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet">
  <?php include 'cdn.php'; ?>
  <link rel="stylesheet" type="text/css" href="//www.eclipse.org/eclipse.org-common/themes/solstice/public/stylesheets/vendor/cookieconsent/cookieconsent.min.css" />
  <script src="//www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/vendor/cookieconsent/default.min.js"></script>
  <?php include 'cookieconsent.php'?>
  <script src="js/materialize.min.js"></script>
  <script src="js/ui-helper.js" defer></script>
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Eclipse Kapua</title>
  <meta name="author" content="Eurotech" />
</head>

<body>
  <?php include 'navbar.php'; ?>
  <div class="main-content" id="main-content">
    <section id="getting-started">
      <h3>Getting Started</h3>
      <div class="step">
        <h5>Run Eclipse Kapua</h5>
        <div class="divider"></div>
        <div class="substep">
          <div class="description">Ensure you have the following dependencies statisfied</div>
          <ul style="padding-left: 4vw; font-size: .5cm;">
            <li>64 bit architecture</li>
            <li>Java VM Version 8</li>
            <li>Docker Version 1.2+</li>
            <li>Internet Access (needed to download the artifacts)</li>
          </ul>
        </div>
        <div class="substep">
          <div class="description">Run the docker containers through Docker Compose</div>
          <div class="commandline-list" style="overflow-x:scroll; min-width: 75%;">
            <span class="commandline li">$ git clone git@github.com:eclipse/kapua.git kapua</span>
            <span class="commandline li">$ cd kapua/deployment/docker</span>
            <span class="commandline li">$ ./docker-deploy</span>
          </div>
        </div>
        <div class="substep">
          <div class="description">The following services are now available</div>
          <div class="services">
            <div class="service">
              <div class="service-name">Web Console</div>
              <div class="service-description">
                <ul>
                  <li>http://127.0.0.1:8080/</li>
                  <li>Username: kapua-sys</li>
                  <li>Password: kapua-password</li>
                </ul>
              </div>
            </div>
            <div class="service">
              <div class="service-name">Message Broker</div>
              <div class="service-description">
                <ul>
                  <li>tcp://127.0.0.1:1883/</li>
                  <li>Username: kapua-broker</li>
                  <li>Password: kapua-password</li>
                </ul>
              </div>
            </div>
            <div class="service">
              <div class="service-name">RESTful APIs</div>
              <div class="service-description">
                <ul>
                  <li>http://127.0.0.1:8081/doc</li>
                  <li>Username: kapua-sys</li>
                  <li>Password: kapua-password</li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="substep">
          <div class="description">For more information on the manual build process or for creating a development Vagrant machine or the Docker images please refer to the <a href="documentation.php">Eclipse Kapua Documentation</a>
          </div>
        </div>
        <div class="step">
          <h5>Connect an Eclipse Kura&trade; device</h5>
          <div class="divider"></div>
          <div class="substep">
            <div class="description"> Connect a Kura-powered device like a RaspberryPi to Kapua
              <div class="description-images">
                <img id="rpi-image" src="<?=$cdn_url?>img/rpi.png">
                <img id="kura-logo" src="<?=$cdn_url?>img/kura_logo_400.png"></div>
            </div>
            <div class="screenshot">
              <img src="<?=$cdn_url?>img/kura_config.png">
            </div>
          </div>
          <div class="substep">
            <div class="description">Connect other MQTT devices</div>
          </div>
        </div>
        <div class="step">
          <h5>Manage the device</h5>
          <div class="divider"></div>
          <div class="substep">
            <div class="description"> Manage your IoT device</div>
            <div class="screenshot">
              <img src="<?=$cdn_url?>img/kapua_config.png">
            </div>
          </div>
          <div class="substep">
            <div class="description">Install heater app</div>
          </div>
        </div>
        <div class="step">
          <h5>Analyze device data</h5>
          <div class="divider"></div>
          <div class="substep">
            <div class="description">Review your IoT device data</div>
          </div>
        </div>
    </section>
    <?php include 'footer.php'; ?>
  </div>
</body>

</html>