-
Notifications
You must be signed in to change notification settings - Fork 2
/
module.html
133 lines (120 loc) · 6.74 KB
/
module.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
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8">
<title>Load Balancer</title>
<!--Import Google Icon Font-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="row z-depth-2">
<!--Header-->
<div class="navbar-fixed z-depth-3">
<nav>
<div class="nav-wrapper" id="header">
<div class="container">
<a href="index.html" class="brand-logo"><img src="img/logo.png" style="margin-top: 10px;"></a>
<ul class="right">
<li><a href="">Network</a></li>
<li><a href="">ITIT</a></li>
<li><a href=""><i class="material-icons">search</i></a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="row">
<div class="col s4">
<div class="card blue">
<div class="card-content white-text">
<h5>Load Balancer(Yük Dengeleme)</h5>
<p>Yük dengeleme; işi, iki ya da daha fazla bilgisayar, işlemci, sabit disk ya da diğer kaynaklar arasında paylaştırma teknolojisidir.</p>
</div>
<div class="card-tabs">
<ul class="tabs tabs-fixed-width tabs-transparent">
<li class="tab"><a href="#test4" class="active">Uygulama</a></li>
<li class="tab"><a href="#test6">Nedir?</a></li>
<li class="tab"><a href="#test5">Bilgilendirme</a></li>
</ul>
</div>
<div class="card-content blue lighten-5">
<div id="test6">
<p>Yük dengelemenin en genel kullanım alanı sunucu çiftliği olarak bilinen, birçok sunucu kullanarak bir tane internet servisi sağlamaktır. Bu internet servisi genellikle popüler web siteleri, yüksek bant genişliğine sahip dosya aktarım iletişim kuralı siteleri, NNTP sunucusu, DNS sunucusu, mali işlemler gibi çalışması kritik uygulamalardır. Yük dengeleyici genellikle bir yazılımdır. İstemcilerle iletişime geçer ve gelen isteği cevap vermesi için herhangi bir zamanlama algoritması kullanarak seçtiği arka uç sunucusuna iletir. Sanal ip adrese (VIPs) sahiptir. Bu yöntemde istemciler arka uç sunucularla direk iletişime geçmediği için ağ yapısı ve diğer portlar üzerinde koşan bağımsız servisler üzerine gelebilecek saldırılar engellenir. </p>
</div>
<div id="test4">
<div class="row">
<div class="col s12">
<div class="row">
<div class="input-field col s6">
<i class="material-icons prefix">import_export</i>
<input id="clientCount" type="text" class="validate" required>
<label for="icon_prefix">İstek miktarı</label>
</div>
<div class="input-field col s6">
<i class="material-icons prefix">view_carousel</i>
<input id="serverPower" type="tel" class="validate" required>
<label for="icon_telephone">Sunucu güçleri sırasıyla</label>
</div>
<div class="input-field col s6">
<button class="btn waves-effect waves-light" type="submit" onclick="clientCount()">Gönder
<i class="material-icons right">input</i>
</button>
</div>
<div class="input-field col s6">
<button class="btn waves-effect waves-light" type="submit" onclick="addNewClient()">Sunucu Ekle <span id="countServer">1</span>
</button>
</div>
</div>
<div class="row">
<div class="col s12">
<ul class="collection" id="myList">
<li class="collection-item">İşlemler</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="test5">
<ul class="collection">
<li class="collection-item" style="color:#26a69a;">Başarılı veri akışı</li>
<li class="collection-item" style="color:#ee6e73;">Başarısız veri akışı</li>
<li class="collection-item" style="color:#f1c40f;">Load Balancer ile sunucu arasındaki başarılı veri akışı</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col s8">
<!--Load Balancer Visualise-->
<div>
<svg class="Module"></svg>
</div>
</div>
</div>
<footer class="page-footer" id="header">
<div class="container">
<div class="row">
<p class="white-text">Bu proje KTÜ Of Teknoloji Fakültesi Yazılım Kulübündeki öğrenciler tarafından geliştirilmiştir.</p>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2017 kodla.co | Hackathon
</div>
</footer>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<!--Import LoadBalance animation-->
<script src="js/loadBalancer.js"></script>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script>
</body>
</html>