templates/report/hosting.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SWEatshop.tech</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400" rel="stylesheet">
<link rel="stylesheet" href="/static/css/styles.processed.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
</head>
<body class="gradient-bgr">
<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse-opacity">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="/index.html"><img alt="Brand" src="/static/img/sweatshop-logo.png" style="width: 200px;"></a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/companies.html">Companies</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/people.html">People</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/investors.html">Investors</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/schools.html">Schools</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/visualization.html">Visualization</a>
</li>
</ul>
</div>
</nav>
<div class="inner" style="color: white; font-family: Open Sans;">
<br/>
<div class="card text-center" style="background-color: #333; width:500px; max-width: 95%;" >
<div class="card-block">
<h4 class="card-title">Report Menu</h4>
<p class="card-text"><br/>
<a href="../report" style="color:white;">Report</a><br />
<a href="introduction.html" style="color:white;">Introduction</a><br />
<a href="design.html" style="color:white;">Design</a><br />
<a href="tools.html" style="color:white;">Tools</a><br />
<a href="hosting.html" style="color:white;">Hosting</a><br />
</p>
</div>
</div>
<br/>
<h1><b>Hosting</b></h1>
<br/>
We created an Elastic Compute Cloud (EC2) instance (virtual machine) and placed <a href="http://idb.py">idb.py</a> inside of it. We then used Apache2 to map the ip address of the EC2 instance to <a href="http://idb.py">idb.py</a>. In <a href="http://idb.py">idb.py</a> we utilize Flask as our backend to link the database and the HTML templates. On top of Flask we have Jinja2 which allows us to embed dynamic content through Flask onto the HTML pages. We use SQLAlchemy to model databases in Python using classes instead of plsql. It is also used to query the tables, integrate with Flask, and get data from the database which is hosted on Amazon Web Services relation database (AWS RDS). We bought the domain sweatshop.tech from Namecheap after much deliberation. We mapped the domain to the public IP and public DNS of our EC2 instance on AWS so that going to the Namecheap domain would run <a href="http://idb.py">idb.py</a> and Flask can route your request, connect to the AWS PostgresSQL database, and finally render the HTML templates.
</div>
<div class="outro">
© SWEatshop 2017
</div>
</body>
</html>