This repository was archived by the owner on Mar 4, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
206 lines (197 loc) · 12.2 KB
/
index.html
File metadata and controls
206 lines (197 loc) · 12.2 KB
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Smart Developer Hub</title>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link rel="stylesheet" href="lib/animate/animate.css">
<link rel="stylesheet" href="fonts/fontawesome/css/font-awesome.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/angular-moment/0.9.0/angular-moment.min.js"></script>
<script src="js/init.js"></script>
<link rel="stylesheet" href="css/styles.css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-68930644-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<div class="dashContainer" ng-app>
<div id="introBox" class="section initial-section section-shadow wow pulse animated" data-wow-duration="3s" data-wow-iteration="infinite" data-wow-delay="300ms">
<div class="container">
<div class="row">
<div class="center-block p4 initial-section-content">
<img id="sdhlogo" src="images/sdh_400ppp_RGB.png"></img>
<p class="h4 page-title-content up">
Smart Developer Hub provides insights about the performance of
software development teams by generating quantitative and qualitative
metrics based on metadata gathered from ALM tools that are used in the
organization's development process.
</p>
<p class="h4 page-title-content down">
The Smart Developer Hub platform has been designed with extensibility
and interoperability in mind in order to facilitate the integration of heterogeneous
ALM tools and the provision of tool-independent metrics.
</p>
<div id="linkd">
<a type="button" class="btn btn-primary sdhbutton" id="goToDemo" target="blank_" href="https://sdh.conwet.fi.upm.es/">
<span class="buttonIco fa fa-sellsy"></span>
<span class="buttonLabel">Try our live demo</span>
</a>
<!--a type="button" class="btn btn-primary sdhbutton" id="goToDemo">
<div id="infoDemoLink">
<span class="fa-exclamation-triangle icoL"></span>
<span class="labelL">We are updating the demo just now. Sorry for the inconvenience</span>
</div>
<span class="buttonIco fa fa-sellsy"></span>
<span class="buttonLabel">Try our live demo</span>
</a-->
<a type="button" class="btn btn-primary sdhbutton" id="goToGithub" target="blank_" href="https://github.com/SmartDeveloperHub">
<span class="buttonIco fa fa-github"></span>
<span class="buttonLabel">Follow us in Github</span>
</a>
</div>
</div>
</div>
</div>
</div>
<iframe width="420" height="315" src="https://www.youtube.com/embed/9HiJYSpiurI" frameborder="0" allowfullscreen></iframe>
<div id="arqPanel" class="section feature-section">
<div class="container">
<div class="row">
<div class="row">
<div class="wow pulse animated">
<h2 class="h1 arqTitle">Software Developer Team Performance Analysis using Linked Data</h2>
<p class="h4 parr first">
To facilitate the consumption of the data provided by heterogeneous ALM tools, the
Smart Developer Hub platform (a.k.a. SDH platform) standardizes the data access
mechanism as well as the data model (a.k.a. SDH vocabulary) and format used for
the exchange of the data within the platform, using the web as a platform and leveraging
standards such as the <a target="blank_" href="http://www.w3.org/TR/ldp/">LDP</a>, <a target="blank_" href="http://www.w3.org/TR/2014/REC-rdf11-mt-20140225/">RDF</a>, and <a target="blank_" href="http://www.w3.org/TR/owl-features/">OWL</a> W3C recommendations and the
<a target="blank_" href="http://www.w3.org/Submission/shapes/">OSLC</a> initiative from OASIS.
</p>
</div>
</div>
<div class="row">
<div class="col col-sm-12 wow fadeInLeft animated" data-wow-duration="1.1s" data-wow-delay="0.2s">
<div class="screenshot">
<img class="image" height="100%" width="80%" src="images/sdh-architecture_v3.png">
</div>
</div>
</div>
<div class="row">
<div class="col col-md-12 col-sm-12 wow fadeInUp animated" data-wow-duration="1.1s">
<p class="h4 parr">
In particular, the SDH platform promotes the integration of ALM tools using LDP-aware
adapters that enable exposing the tools' data as Linked Data defined using a common
vocabulary (i.e., the SDH vocabulary) that is exchanged using a common format (i.e.,
RDF serialiations).
</p>
<p class="h4 parr">
To facilitate the consumption of this distributed information graph the SDH platform
provides the Agora, which exploits the SDH vocabulary for creating search plans that
define how to traverse this distributed Linked Data graph in order to retrieve the required
data.
</p>
<p class="h4 parr">
The Smart Developer Hub metric services leverage the search plans provided by the
Agora to retrieve and process the information required to calculate the different
measurements. These measurements are then stored in the form of service-specific
internal data marts.
</p>
<p class="h4 parr">
Finally, the SDH platform offers a set of customizable dashboards to visualize the
metrics via different widgets. These dashboards, which are adapted to the profile
of user within the organization, allow selecting the time range of interest, adjusting
automatically the metrics values shown according to the selected time range.
</p>
</div>
</div>
</div>
</div>
</div>
<div id="teamPane" class="section SDH-team">
<div class="teamContainer">
<div class="row">
<div class="row">
<div class="wow pulse animated">
<div id="teamTitle">Development Team</div>
</div>
</div>
<div class="row row-centered card-list">
<div class="col-sm-3 col-centered card" ng-repeat="member in teamM | orderBy:'sorted'" ng-show="true">
<div class="avatarCotainer">
<img class="card-avatar" ng-src="{{ member.avatar }}" alt="{{ member.name }}">
</div>
<div class="memberData">
<span class="card-name">{{ member.name }}</span>
<div class="icoLab">
<i class="fa fa-envelope-o"></i>
<a href="mailto:{{ member.email }}" class="card-mail" title="{{ member.email }}" target="_blank">{{ member.email }}</a>
</div>
<div class="icoLab" ng-if="member.linkedin">
<i class="fa fa-linkedin-square linkedintLink"></i>
<a class="card-linkedin" title="{{ member.linkedin }}" href="{{ member.linkedin }}" target="_blank">{{ member.name }}</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="proffContainer">
<div class="row">
<div class="row">
<div class="wow pulse animated">
<div id="teamTitle">Project Managers</div>
</div>
</div>
<div class="row row-centered card-list">
<div class="col-sm-3 col-centered card" ng-repeat="p in proff | orderBy:'sorted'" ng-show="true">
<div class="avatarCotainer">
<img class="card-avatar" ng-src="{{ p.avatar }}" alt="{{ p.name }}">
</div>
<div class="memberData">
<span class="card-name">{{ p.name }}</span>
<div class="icoLab">
<i class="fa fa-envelope-o"></i>
<a href="mailto:{{ p.email }}" class="card-mail" title="{{ p.email }}" target="_blank">{{ p.email }}</a>
</div>
<div class="icoLab" ng-if="p.linkedin">
<i class="fa fa-linkedin-square linkedintLink"></i>
<a class="card-linkedin" title="{{ p.linkedin }}" href="{{ p.linkedin }}" target="_blank" >{{ p.linkedin }}</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- dashContainer -->
<footer class="footer-container">
<div class="row">
<div class="col-sm-8 footer-text">
<p>Copyright © 2015 Center for Open Middleware, Universidad Politécnica de Madrid</p>
<p>Licensed under the Apache License, Version 2.0</p>
<p>The Center for Open Middleware is a collaboration between UPM and Banco Santander</p>
</div>
<div class="col-sm-2 footer-img">
<a target="blank_" href="http://www.centeropenmiddleware.com/">
<img src="images/com.png" style="width:100%; max-width:80px; margin-left:0px">
</a>
</div>
<div class="col-sm-2 footer-img">
<a target="blank_" href="http://www.upm.es/">
<img src="images/upm.png" style="width:100%; max-width:70px; margin-left:0px">
</a>
</div>
</div>
</footer>
</body>
</html>