diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..496ee2c --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_Store \ No newline at end of file diff --git a/www/img/demo.png b/www/img/demo.png new file mode 100644 index 0000000..c68140d Binary files /dev/null and b/www/img/demo.png differ diff --git a/www/img/github.svg b/www/img/github.svg new file mode 100644 index 0000000..977cf9d --- /dev/null +++ b/www/img/github.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/hebrewu.svg b/www/img/hebrewu.svg new file mode 100644 index 0000000..7d749a5 --- /dev/null +++ b/www/img/hebrewu.svg @@ -0,0 +1,356 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/img/mit.svg b/www/img/mit.svg new file mode 100644 index 0000000..043a282 --- /dev/null +++ b/www/img/mit.svg @@ -0,0 +1,10 @@ + + + + + + + + + diff --git a/www/img/ms.svg b/www/img/ms.svg new file mode 100644 index 0000000..0785034 --- /dev/null +++ b/www/img/ms.svg @@ -0,0 +1 @@ +Microsoft logo \ No newline at end of file diff --git a/www/index.html b/www/index.html new file mode 100644 index 0000000..5fda659 --- /dev/null +++ b/www/index.html @@ -0,0 +1,103 @@ + + + TEAVAR + + + + + + + +
+
+

TEAVAR

+
Traffic Engineering Applying Value at Risk
+ Read the Paper +
+
+
+
+
Overview
+
+ To keep up with the continuous growth in demand, cloud providers spend millions of dollars augmenting the capacity of their wide-area backbones and devote significant effort to efficiently utilizing WAN capacity. A key challenge is striking a good balance between network utilization and availability, as these are inherently at odds; a highly utilized network might not be able to withstand unexpected traffic shifts resulting from link/node failures. We advocate a novel approach to this challenge that draws inspiration from financial risk theory: leverage empirical data to generate a probabilistic model of network failures and maximize bandwidth allocation to network users subject to an operator-specified availability target (e.g., 99.9% availability). Our approach enables network operators to strike the utilization-availability balance that best suits their goals and operational reality. We present TEAVAR (Traffic Engineering Applying Value at Risk), a system that realizes this risk management approach to traffic engineering (TE). We compare TEAVAR to state-of-the-art TE solutions through extensive simulations across many network topologies, failure scenarios, and traffic patterns, including real-world data about failures and traffic from a large service provider. Our results show that with TEAVAR, operators can support up to twice as much throughput as state-of-the-art TE schemes, at the same level of availability. +
+
+
+
+
+
Paper
+
+ TeaVaR: Striking the Right Utilization-Availability Balance in WAN Traffic Engineering
+ J. Bogle, N. Bhatia, M. Ghobadi, I. Menache, N. Bjorner, A. Valadarsky, M. Schapira
+ ACM SIGCOMM'19 (to appear) + [paper] [slides] [poster] [video] [code] [demo] +
+
+
+
+
+
Demo
+
+ + Check out the Demo +
+
+
+
+
+
Code
+
+ + Our code is available on github here +
+
+
+
+
+
Members
+
+
+ +
    +
  • Manya Ghobadi
    • +
  • Jeremy Bogle
    • +
  • Nikhil Bhatia
    • +
+
+
+ +
    +
  • Ishai Menache
    • +
  • Nikolaj Bjørner
    • +
+
+
+ +
    +
  • Michael Shapira
    • +
  • Asaf Valadarsky
    • +
+
+
+
+
+ + diff --git a/www/poster.pdf b/www/poster.pdf new file mode 100644 index 0000000..f81c887 Binary files /dev/null and b/www/poster.pdf differ diff --git a/www/styles/header.css b/www/styles/header.css new file mode 100644 index 0000000..610b954 --- /dev/null +++ b/www/styles/header.css @@ -0,0 +1,41 @@ +#header { + width: 100%; + /* height: 60px; */ + background-image: -webkit-linear-gradient(top,#282828,#191919); + position: fixed; + top: 0; + /* padding-top: 15px; */ + font-size: 16px; + z-index: 20; + line-height: 1; +} +#header #sections-list { + margin-top: 0; + margin-bottom: 10px; + padding-top: 5px; +} + + +#left-links { + list-style-type: none; + float: left; +} + +#right-links { + list-style-type: none; + float: right; +} + +.link { + float: left; + color: white; + padding-right: 20px; +} +.link a { + text-decoration: none; + color: white; +} +.link a:hover { + color: rgb(141, 141, 141); + transition: .1s all; +} diff --git a/www/styles/home.css b/www/styles/home.css new file mode 100644 index 0000000..2ca5ebe --- /dev/null +++ b/www/styles/home.css @@ -0,0 +1,124 @@ +body { + margin: 0; + background-color: #f0f4fd; + font-family: "Droid Sans", sans-serif; +} +#cover { + width: 100%; + height: 60%; + background-color: rgba(41, 41, 179, 0.7); + background-size: cover; + background-attachment: fixed; +} +#cover #intro { + position: relative; + text-align: center; + top: 40%; + color: white; + font-size: 30px; +} +#cover #name { + padding-bottom: 10px; + margin-left: auto; + margin-right: auto; + width: 300px; + text-align: center; + letter-spacing: 3; + margin-bottom: 10px; + /* text-shadow: 1px 1px 1px black; */ +} + +#cover #name #highlight1 { + background-color: rgba(220,220,220,0.8); + color: black; + padding: 0px 8px; +} + +#cover #name #highlight2 { + background-color: rgba(40,40,40,0.8); + padding: 0px 8px; +} + + +#cover #intro #sub-name { + font-size: 25px; + color: #dedede; +} + + +.button { + font-size: 20px; + text-decoration: none; + margin-top: 20px; + color: white; + padding: 10px 15px; + background-color: rgba(50,50,50,0.8); + border-radius: 15px; + display: inline-block; +} + +.button i { + position: relative; + top: 1px; + margin-left: 7px; +} + +.section { + width: 100vw; + color: rgba(0,0,0,0.8); +} + +.section .inner { + width: 80%; + margin: 0px auto; +} + +.section .inner .title { + font-size: 25px; + width: 100%; + border-bottom: 1px solid rgba(0,0,0,0.2); + padding-bottom: 10px; + padding-top: 60px; + margin-bottom: 20px; +} + +.section .inner .body { + line-height: 1.5; + display: inline-block; + width: 100%; +} + +.centered { + text-align: center; +} + + +#demo-image { + display: block; + margin: 0px auto; + width: 80%; +} + +.affiliation { + display: inline-block; + text-align: left; + margin: 0px 60px; + vertical-align: top; +} + +.logo { + width: 200px; + height: 50px; +} + +#github-link { + position: relative; + bottom: 15px; +} + +footer { + height: 60px; + width: 100vw; + margin-top: 50px; + background-image: -webkit-linear-gradient(top,#191919,#282828); +}