-
Notifications
You must be signed in to change notification settings - Fork 0
/
project-page.html
215 lines (166 loc) · 7.28 KB
/
project-page.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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>unweb.me - State of the art information systems</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" media="all" href="docs/css/style.css" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,greek'
rel='stylesheet' type='text/css' />
<!-- Adding "maximum-scale=1" fixes the Mobile Safari
auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body lang="en">
<div id="header-wrapper">
<div id="header">
<div id="header-logo"><img class="image-logo" src=
"images/logo.png" /></div>
<div id="nav">
<ul id="list-nav">
<li><a class="category-link special" href=
"index.html">Home</a></li>
<li><a class="category-link special" href=
"about.html">About</a></li>
<li><a class="category-link special" href=
"solutions.html">Solutions</a></li>
<li class="selected"><a class="category-link special" href=
"projects.html">Projects</a></li>
<li><a class="category-link special" href=
"blog.html">Blog</a></li>
</ul>
</div>
</div>
<div id="search-bar" class="gradient-vert-lite-small">
<span id="lang-select" class="small">EN GR</span> <input type="text"
id="searchGadget" />
</div>
</div>
<div id="content-wrapper">
<div id="solutions" class="section">
<h3 class="section-title bigger gradient-vert">Okeanos Cloud
Computing UI Design.</h3>
<div id="solution-content" class="column double-wide">
<div id="parent-fieldname-description" class=
"DocumentDescription">
<h4>Okeanos is an Infrastracture as a Service solution provided
by the Greek Research and Technology Network to the Greek
Academic and Research Community.</h4>
</div>
<div class="newsImageContainer">
<a href=
"http://dev.unweb.me/projects/okeanos-cloud-computing-iaas/image/image_view_fullscreen"
id="parent-fieldname-image"><img src=
"http://dev.unweb.me/projects/okeanos-cloud-computing-iaas/image_mini"
alt="Okeanos Cloud Computing Ui Design" title="" height="224"
width="250" class="newsImage" /></a>
<p>The cloud computing services are based on <a class=
"external-link" href=
"http://code.google.com/p/ganeti/">Ganeti</a> and Python.
Unweb.me created the UI of the solution, with Python and Django,
plus lots of Javascript and CSS. We aso assisted GRNET since the
early beginnings of the project and took part on major
discussions regarding the service infrastructure.</p>
<p>Okeanos GUI enables the creation and management of Virtual
Machines through wizards and an intuitive environment. Okeanos
users can create, destroy, reboot or shutdown virtual machines,
connect to them through a vnc console, enable firewall, get
statistics and perform a series of other actions.</p>
<p>Some screenshots of Okeanos GUI:</p>
<p><img class="image-inline" src=
"copy_of_serverslist2.jpg" /></p>
<p>Here we can see a list of our 3 servers. Visual effects
inform us for the state of each of the servers.</p>
<p>Â </p>
<p><img alt="serversaction.jpg" class="image-inline" src=
"serversaction2.jpg" /></p>
<p>The GUI requests confirmation to perform a reboot to one of
the servers.</p>
<p><img alt="serverstats.jpg" class="image-inline" src=
"serverstats2.jpg" /></p>
<p>Statistics for one of our virtual servers.</p>
<p><img class="image-inline" src="serverswizard2.jpg" /></p>
<p>The 3-step wizard that initiates a virtual machine for
us.</p>
</div>
</div>
<div id="projects-sidebar" class="column gradient">
<div id="elem-1" class="sidebar-element">
<dl>
<dt class="portletHeader">Filed under:</dt>
<dd><span><a href=
"http://dev.unweb.me/search?Subject%3Alist=UI" class=
"link-category" rel="tag">UI</a><span class=
"separator">,</span></span> <span><a href=
"http://dev.unweb.me/search?Subject%3Alist=2011" class=
"link-category" rel="tag">2011</a><span class=
"separator">,</span></span> <span><a href=
"http://dev.unweb.me/search?Subject%3Alist=Cloud" class=
"link-category" rel="tag">Cloud</a><span class=
"separator">,</span></span> <span><a href=
"http://dev.unweb.me/search?Subject%3Alist=Django" class=
"link-category" rel="tag">Django</a></span></dd>
</dl>
</div>
<div id="elem2" class="sidebar-element">
<dl>
<dt class="portletHeader">Projects</dt>
<dd>
<h4 class="project-title">Plumi</h4>
<h4 class="project-title">tee-thrakis.gr</h4>
<h4 class="project-title">invision-images.com</h4>
<h4 class="project-title">marikworld.com</h4>
<h4 class="project-title">openfish.gr</h4>
<h4 class="project-title">stokokkino.gr</h4>
<h4 class="project-title">sexshoptv.gr</h4>
<h4 class="project-title">syriza.gr</h4>
<h4 class="project-title">0-18.gr</h4>
</dd>
</dl>
</div>
</div>
</div>
</div>
<div id="footer-wrapper">
<div id="footer">
<div class="footer-section">
<div id="footer-logo"><img class="image-logo" src=
"images/logo-w.png" /></div>
<ul id="footer-nav">
<li class="selected"><a class="category-link special" href=
"index.html">Home</a></li>
<li><a class="category-link special" href=
"about.html">About</a></li>
<li><a class="category-link special" href=
"solutions.html">Solutions</a></li>
<li><a class="category-link special" href=
"projects.html">Projects</a></li>
<li><a class="category-link special" href=
"blog.html">Blog</a></li>
</ul>
</div>
<div id="footer-details" class="footer-section">
<div class="footer-detail">
<h3>Contact us</h3>
<p>unweb.me Ltd. is a distributed company, registered in
Komotini, Greece. You may arrange for a meeting with one of our
representatives in Athens, Thesaloniki, Komotini, London or
Amsterdam.</p>
<ul>
<li><b>Tel:</b> +30 211 780 3202</li>
<li><b>e-mail:</b> info<img src=
"images/at.png" />unweb.me</li>
</ul>
<h3>Follow us</h3><a href=
"/blog/some-words-on-things-we-like/RSS"><img src=
"images/rss.png" /></a> <a href="http://twitter.com/unwebme"><img src=
"images/twitter.png" /></a>
</div>
<div id="hqmap"><img src="images/hqmap.png" /></div>
</div>
</div>
</div>
</body>
</html>