Skip to content

Commit ad905f9

Browse files
committed
Insert prototype into TBL project
1 parent fb39bee commit ad905f9

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

74 files changed

+8938
-0
lines changed

prototype/classes/class.html

+161
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>TBL</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
9+
<link rel="stylesheet" href="../css/home.css">
10+
<link rel="stylesheet" href="css/class.css">
11+
<link rel="stylesheet" href="css/sidebar.css">
12+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
13+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
14+
</head>
15+
<body>
16+
<header>
17+
<nav class="navbar navbar-inverse navbar-fixed-top">
18+
<div class="container-fluid">
19+
<div class="navbar-header">
20+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse-navbar">
21+
<span class="icon-bar"></span>
22+
<span class="icon-bar"></span>
23+
<span class="icon-bar"></span>
24+
</button>
25+
<a class="navbar-brand navbar-link" href="#vai-para-a-home-logado"><i class="fa fa-home"></i> Team Based Learning</a>
26+
</div>
27+
<div class="collapse navbar-collapse" id="collapse-navbar">
28+
<ul class="nav navbar-nav navbar-right">
29+
<li><a href="../home.html#home" class="navbar-link"><i class="fa fa-sign-out"></i> Logout</a></li>
30+
</ul>
31+
</div>
32+
</div>
33+
</nav>
34+
</header>
35+
<main>
36+
<div class="row">
37+
<div class="col-sm-12 navegation">
38+
<ul class="breadcrumb pull-left">
39+
<li><a href="../home.html#home">Home</a></li>
40+
<li><a href="../profile/profile.html">Perfil</a></li>
41+
<li><a href="class.html">Medição e Análise</a></li>
42+
</ul>
43+
<p class="pull-right">Quinta, 10 de Janeiro de 2017 <i class="fa fa-calendar"></i></p>
44+
</div>
45+
</div>
46+
<div class="row">
47+
<!-- Sidebar -->
48+
<div class="col-sm-2">
49+
<div class="btn-group-vertical">
50+
<a href="class.html" class="btn" data-toggle="tooltip" data-placement="right" title="Ementa">
51+
<i class="fa fa-book icon-lg"></i>
52+
</a>
53+
<a href="student_list.html" class="btn" data-toggle="tooltip" data-placement="right" title="Lista de alunos">
54+
<i class="fa fa-slideshare icon-lg"></i>
55+
</a>
56+
<a href="grade.html" class="btn" data-toggle="tooltip" data-placement="right" title="Notas">
57+
<i class="fa fa-graduation-cap icon-lg"></i>
58+
</a>
59+
<a href="groups.html" class="btn" data-toggle="tooltip" data-placement="right" title="Grupos">
60+
<i class="fa fa-group icon-lg"></i>
61+
</a>
62+
<a href="rank.html" class="btn" data-toggle="tooltip" data-placement="right" title="Rank de grupos">
63+
<i class="fa fa-trophy icon-lg"></i>
64+
</a>
65+
<a href="sessions.html" class="btn" data-toggle="tooltip" data-placement="right" title="Sessões do TBL">
66+
<i class="fa fa-puzzle-piece icon-lg"></i>
67+
</a>
68+
<a href="files.html" class="btn" data-toggle="tooltip" data-placement="right" title="Materiais">
69+
<i class="fa fa-folder-open-o icon-lg"></i>
70+
</a>
71+
</div>
72+
</div>
73+
<!-- profile -->
74+
<div class="col-sm-10">
75+
<div class="container-fluid">
76+
<div class="page-header">
77+
<h1 class="white">
78+
<i class="fa fa-book"></i> Medição e Análise
79+
<span class="pull-right">Turma A</span> <br />
80+
<small>Engenharia de software</small>
81+
</h1>
82+
</div>
83+
<div class="row">
84+
<div class="col-sm-12">
85+
<div class="media lighten-blue-grey">
86+
<div class="media-left">
87+
<img src="img/user.png" class="media-object" style="width:60px">
88+
</div>
89+
<div class="media-body">
90+
<h4 class="media-heading">Professor(a): Fulano de Tal</h4>
91+
<p>fulano@gmail.com</p>
92+
</div>
93+
</div>
94+
</div>
95+
</div>
96+
<br />
97+
<div class="row">
98+
<div class="col-sm-12">
99+
<h4 class="lighten-blue-grey">
100+
<i class="fa fa-wpforms"></i>
101+
<b>Ementa</b>:
102+
</h4>
103+
<ul class="lighten-blue-grey">
104+
<li>Terminologia e fundamentos de medição: entidade, atributo, escalas e tipos de medidas.</li>
105+
<li>Objetivo da medição e análise.</li>
106+
<li>Definição, coleta, análise, armazenamento e comunicação das medições.</li>
107+
<li>Técnicas para definição e seleção de métricas</li>
108+
<li>Medição de produto e processo de software.</li>
109+
<li>Medição e análise no contexto das normas e dos modelos de melhoria de processo de software.</li>
110+
<li>Ferramentas.</li>
111+
</ul>
112+
<h4 class="lighten-blue-grey">
113+
<i class="fa fa-list-alt"></i>
114+
<b>Programação</b>:
115+
</h4>
116+
<dl class="lighten-blue-grey programation">
117+
<dt>1. Terminologia e fundamentos de medição: entidade, atributo, escalas e tipos de medida</dt>
118+
<dd>- 1.1 Motivação para medição e análise</dd>
119+
<dd>- 1.2 Conceitos (métricas, medições e indicadores)</dd>
120+
<dd>- 1.3 Tipos de métricas (produto, processo, projeto e recursos)</dd>
121+
<dd>- 1.4 Princípios da medição e análise</dd>
122+
<dt>2. Objetivos da medição e análise</dt>
123+
<dd>- 2.1 Medição e análise alinhada aos objetivos de negócio da organização</dd>
124+
<dd>- 2.2 Medição e análise no contexto de melhoria de processo e produto de software</dd>
125+
<dt>3. Definição, coleta análise, armazenamento e comunicação das medições</dt>
126+
<dd>- 3.1 O processo de medição e análise</dd>
127+
<dd>- 3.2 Medição e análise como processo de apoio</dd>
128+
<dt>4. Técnicas para definição e seleção de métricas</dt>
129+
<dd>- 4.1 GQM (Goal- Question - Metric)</dd>
130+
<dd>- 3.2 PSM- practical software Measurement</dd>
131+
<dt>5. Medição de produto e processo de software</dt>
132+
<dd>- 5.1 Métricas de tamanho (análise de pontos por função e pontos por caso de uso)</dd>
133+
<dd>- 5.2 Medição de atributos de qualidade de produto de software ( ISSO/IEC 25000)</dd>
134+
<dd>- 5.3 Medição de processos de software</dd>
135+
<dt>6. Medição e análise no contexto das normas e dos modelos de melhoria de processo de software</dt>
136+
<dd>- 6.1 MR-MPS</dd>
137+
<dd>- 6.2 CMMI-DEV</dd>
138+
<dd>- 6.3 ISO 12207 - Processos de ciclo de vida</dd>
139+
<dd>- 6.4 ISO 15939 - Engenharia de sistema - framework para o processo de medição de software</dd>
140+
<dt>7. Ferramentas</dt>
141+
<dd>- 7.1 Processo de apoio ao processo de medição e análise </dd>
142+
</dl>
143+
</div>
144+
</div>
145+
<div class="row">
146+
<div class="col-sm-12">
147+
<div class="page-header profile">
148+
<h3 class="white">Referências</h3>
149+
</div>
150+
<ul class="lighten-blue-grey">
151+
<li>Pressman, Roger S. Engenharia de software. 7a. ed. McGraw-Hill. 2006.</li>
152+
<li>Pfleeger, Shari L., ENGENHARIA DE SOFTWARE: TEORIA E PRÁTICA. 2ª. edição. Prentice Hall, 2004.</li>
153+
<li>Kan, Sthepen H.. METRICS AND MODELS IN SOFTWARE QUALITY ENGINEERING. Addison Wesley, 2003..</li>
154+
</ul>
155+
</div>
156+
</div>
157+
</div>
158+
</div>
159+
</main>
160+
</body>
161+
</html>

prototype/classes/css/add_button.css

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
.add-button {
2+
border-radius: 50%;
3+
position: absolute;
4+
top: 0;
5+
right: 0;
6+
7+
}
8+
9+
.btn:active:focus, .btn:focus {
10+
outline: none;
11+
}

prototype/classes/css/class.css

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
.programation {
2+
margin-left: 20px;
3+
}
4+
5+
.programation > dt {
6+
margin-bottom: 10px;
7+
margin-top: 10px;
8+
}
9+
10+
.media-body {
11+
padding-top: 10px;
12+
}

prototype/classes/css/delete.css

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
.modal {
2+
top: 40px;
3+
}
4+
5+
.modal-content {
6+
background-color: transparent;
7+
border-radius: 10px;
8+
}
9+
10+
.modal-header {
11+
background-color: #263238 !important;
12+
border-top-left-radius: 10px;
13+
border-top-right-radius: 10px;
14+
}
15+
16+
.modal-body {
17+
background-color: white;
18+
}
19+
20+
.modal-footer {
21+
background-color: #263238 !important;
22+
border-bottom-left-radius: 10px;
23+
border-bottom-right-radius: 10px;
24+
}
25+
26+
.modal-title {
27+
color: white;
28+
}
29+
30+
.close, .close:hover {
31+
color: white;
32+
}

prototype/classes/css/files.css

+39
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
.panel-title > a:hover,
2+
.panel-title > a:focus {
3+
text-decoration: none;
4+
}
5+
6+
.panel-heading {
7+
box-shadow: 0 1px 15px gray;
8+
}
9+
10+
.panel-heading:hover {
11+
background-color: #efef8f;
12+
color: white;
13+
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
14+
}
15+
16+
.panel-footer {
17+
box-shadow: 0 1px 5px grey;
18+
}
19+
20+
.submit-button {
21+
background-color: #263238 !important;
22+
width: 97%;
23+
color: white;
24+
margin-bottom: 10px;
25+
}
26+
27+
.submit-button:hover, .submit-button:focus {
28+
color: white;
29+
}
30+
31+
.page-header {
32+
margin: 15px 20px 20px;
33+
}
34+
35+
.modal-footer {
36+
background-color: #263238 !important;
37+
border-bottom-left-radius: 10px;
38+
border-bottom-right-radius: 10px;
39+
}

prototype/classes/css/grade.css

+52
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
.panel {
2+
height: 475px;
3+
overflow-y: auto;
4+
}
5+
6+
.approved {
7+
color: green;
8+
}
9+
10+
.disapproved {
11+
color: red;
12+
}
13+
14+
ul > li > a {
15+
color: white;
16+
}
17+
18+
tbody > tr > td > a:hover {
19+
text-decoration: none;
20+
cursor: pointer;
21+
}
22+
23+
.submit-button {
24+
background-color: #263238 !important;
25+
width: 100%;
26+
color: white;
27+
margin-bottom: 10px;
28+
}
29+
30+
.submit-button:hover, .submit-button:focus {
31+
color: white;
32+
}
33+
34+
thead > tr {
35+
border: 1px solid #DDDDDD;
36+
background-color: #286090;
37+
color: white;
38+
}
39+
40+
th {
41+
border: 2px solid #DDDDDD;
42+
}
43+
44+
tr > th, tr > td {
45+
text-align: center;
46+
}
47+
48+
.modal-footer {
49+
background-color: #263238 !important;
50+
border-bottom-left-radius: 10px;
51+
border-bottom-right-radius: 10px;
52+
}

prototype/classes/css/groups.css

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
.panel-title > a:hover,
2+
.panel-title > a:focus {
3+
text-decoration: none;
4+
}
5+
6+
.panel-heading {
7+
box-shadow: 0 1px 15px gray;
8+
}
9+
10+
.panel-heading:hover {
11+
background-color: #efef8f;
12+
color: white;
13+
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
14+
}
15+
16+
.panel-footer {
17+
box-shadow: 0 1px 5px grey;
18+
}
19+
20+
img {
21+
width: 150px;
22+
margin: 10px;
23+
}
24+
25+
.thumbnail {
26+
padding: 10px;
27+
}
28+
29+
.panel-group {
30+
margin-bottom: 10px;
31+
margin-top: 20px;
32+
margin-right: 30px;
33+
}
34+
35+
.submit-button {
36+
background-color: #263238 !important;
37+
width: 100%;
38+
color: white;
39+
margin-bottom: 10px;
40+
}
41+
42+
.submit-button:hover {
43+
color: white;
44+
}
45+
46+
.send-button {
47+
width: 100%;
48+
position: relative;
49+
right: 15px;
50+
}
51+
52+
.remove-student-button {
53+
color: black !important;
54+
margin-bottom: 2px;
55+
}
56+
57+
.modal-footer {
58+
background-color: #263238 !important;
59+
border-bottom-left-radius: 10px;
60+
border-bottom-right-radius: 10px;
61+
}

0 commit comments

Comments
 (0)