forked from nshi/voltdb-docker-demo
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
139 lines (130 loc) · 5.77 KB
/
index.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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>VoltDB Demo Applications</title>
<!-- Bootstrap -->
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<center>
<h1>VoltDB Demo Applications</h1>
<a class="btn btn-primary btn-sm"
href="javascript:launch('all', 'stop');">Stop All Demo</a>
</center>
<div class="container">
<div class="row">
<div class="col-md-4">
<h2>Fast Decisions</h2>
<hr />
<div class="list-group">
<div href="#" class="list-group-item">
<h4 class="list-group-item-heading">Voter</h4>
<p class="list-group-item-text">This example application simulates
a phone based election process. Voters (based on phone numbers
generated randomly by the client application) are allowed a
limited number of votes.<br />
<a class="btn btn-primary btn-sm" href="javascript:launch('voter');">Launch Demo</a>
</p>
</div>
<div href="#" class="list-group-item">
<h4 class="list-group-item-heading">Metro Card</h4>
<p class="list-group-item-text">This application performs high
velocity transaction processing for metro cards, transactions
including card generation during the initialization, and card
swipes during the benchmark.<br />
<a class="btn btn-primary btn-sm" href="javascript:launch('metro');">Launch Demo</a>
</p>
</div>
</div>
</div>
<div class="col-md-4">
<h2>Real-time Analytics</h2>
<hr />
<div class="list-group">
<div href="#" class="list-group-item">
<h4 class="list-group-item-heading">National Best Bid & Offer</h4>
<p class="list-group-item-text">NBBO is the National Best Bid and
Offer, defined as the lowest available ask price and highest
available bid price across the participating markets for a given
security. Brokers should route trade orders to the market with the
best price, and by law must guarantee customers the best available
price.<br />
<a class="btn btn-primary btn-sm" href="javascript:launch('nbbo');">Launch Demo</a>
</p>
</div>
<div href="#" class="list-group-item">
<h4 class="list-group-item-heading">Ad Performance</h4>
<p class="list-group-item-text">This application simulates a high
velocity stream of ad events (impressions, clickthroughs,
conversions) that are enriched and ingested in realtime.<br />
<a class="btn btn-primary btn-sm" href="javascript:launch('adperformance');">Launch Demo</a>
</p>
</div>
</div>
</div>
<div class="col-md-4">
<h2>Real-time ETL</h2>
<hr />
<div class="list-group">
<div href="#" class="list-group-item">
<h4 class="list-group-item-heading">Fast Data</h4>
<p class="list-group-item-text">The Fast Data Streaming app
simulates real-time click stream processing. Click events are
ingested into VoltDB at a high rate, then cleaned up and persisted
into a data warehouse for historical analysis. Segmentation
information is calculated in the data warehouse and stored back
into VoltDB. VoltDB uses the information to segment real-time
events for per-event decisioning.<br />
<a class="btn btn-primary btn-sm"
href="http://voltdb.github.io/app-fastdata/">How to Run</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Loading Modal -->
<div class="modal fade" id="loadingModal" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true"
data-backdrop="static"
data-keyboard="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body center-block">
<h4 class="modal-title" id="myModalLabel">Starting Demo...</h4>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script>
function launch(name, op) {
var action = typeof op !== 'undefined' ? op : "demo";
$('#loadingModal').modal('show');
$.post("/api/0.1/" + name + "/" + action)
.done(function(data) {
if (data.location != undefined) {
window.location = data.location;
}
})
.fail(function(data) {
alert("Failed: " + data.responseJSON.error);
})
.always(function() {
$('#loadingModal').modal('hide');
});
}
</script>
</body>
</html>