-
Notifications
You must be signed in to change notification settings - Fork 1
/
how_it_works.html
46 lines (46 loc) · 3.35 KB
/
how_it_works.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>How It Works</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
</head>
<header>
<ul class="nav fixed-top">
<li class="nav-item">
<a id="logo" class="nav-link" href="index.html">Lisingo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="the_idea.html">The Idea</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="how_it_works.html">How It Works</a>
</li>
<li class="nav-item">
<a class="nav-link" href="who_we_are.html">Who We Are</a>
</li>
</ul>
</header>
<body>
<div class="container">
<div class="page_header">
<h1>How It Works</h1>
</div>
<div class="body_text" style="width:90%">
<p>
Lisingo is a surprisingly simple design that we believe is an elegant solution to a common problem. It starts by the user entering a URL into our search bar. From there our product scrapes the given web page for relevent text, making sure to leave out all tables of content, foot notes, ads, and anything that is not essential text. From there, we utilize Amazon Web Services Polly API to translate that text into an mp3 file. Once the mp3 file is ready, we send it to an AWS Simple Storage Solution (S3) Bucket where it is stored. A link to this S3 bucket is then delivered to the user, where then can then download the corresponding mp3.
</p>
<p>
To achieve this, we use a pipeline of Amazon Web Services mostly written in Python using the Boto3 SDK. Our web-client is written using HTML5, CSS3, and JavaScript. When a URL is entered into the search bar, the client kicks off the back-end pipeline. The URL, along with an email and phone number, is then passed to an AWS API Gateway and kicks off our Step Function state machine. This state machine is comprised of three AWS Serverless Lambda functions.
</p>
<p>
The frist Lambda function creates an S3 bucket using the email address provided. It also uploads all necessary permissions configurations to the bucket. The second lambda scrapes the webpage for relevant text using the BeautifulSoup Python library. From there, it makes a AWS Polly API call, sending the aquired text to be conveted into an MP3 audio file which is automatically stored in the S3 bucket created by the first lambda function. The third and final lambda function sends an email and text message to the user, letting them know that their data is ready. Both the text message and the email contain a download link for the MP3 file.
</p>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>