-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (97 loc) · 3.75 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="general.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<title>Blind test</title>
</head>
<body>
<div class="container" id="index_box">
<div class="alert" id="test_result"></div>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Plataforma para examinar ciegos</h3>
</div>
<div class="panel-body">
<p>Buenas instructor, esta plataforma está destinada a ayudar a personas ciegas para que tomen examenes, con la menor intervención posible.</p>
<p><strong>Este sistema es guiado por audio!</strong></p>
<p>Para comenzar, solo di, <strong>Comenzar examen</strong></p>
<p>Para ayuda, solo di, <strong>Ayuda</strong> :P</p>
</div>
</div>
</div>
<div class="container" id="test_box">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title" id="question_name"></h3>
</div>
<div class="panel-body" id="question_description">
</div>
<div class="panel-footer" id="">
<div class="row">
<div class="col-md-10">
<input type="text" value="" id="software_interpretation" class="form-control" placeholder="Aquí se pone lo que interpretó el software..." />
</div>
<div class="col-md-2">
<button type="button" class="btn btn-block btn-success" id="response_changer"><i class="fa fa-refresh"></i> Re evaluar</button>
</div>
</div>
</div>
</div>
<strong>Progreso actual: <em id="progress_percentage"></em></strong>
<div class="progress">
<div class="progress-bar" id="progress" style="width: 0%;"></div>
</div>
</div>
<footer class="footer">
<div class="container">
<p class="text-muted"><strong>Proyecto realizado por</strong>: <a href="https://www.facebook.com/oasting.ferrera">Oasting Ferrera. 20122051</a>.<a href="https://www.facebook.com/manuel.tolentino.961">Manuel Tolentino. 201200467</a>.<a href="http://www.inspira.com.do/">César Méndez. 20130262</a>.</p>
</div>
</footer>
<script src="http://www.meinesoldaten.com/js/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="http://code.responsivevoice.org/responsivevoice.js"></script>
<script src="annyang.min.js"></script>
<script src="questions.js"></script>
<script src="general.js"></script>
<script src="functions.js"></script>
<!--script src="tester.js"></script-->
<script>
if (annyang) {
var commands = {
'Comenzar examen': begin_test,
'Cancelar examen': exit_test,
'Finalizar examen': exit_test,
'Abortar examen': exit_test,
'si': confirm_exit_test,
'no': continue_test,
'Repetir pregunta': repeat,
'Explicar pregunta': more_information,
'Mostrar mi progreso' : show_progress,
'La respuesta es *respuesta': process_answer,
'Ayuda': guide_user,
'Instrucciones': guide_user,
};
speak( 'Bienvenido al sistema de examenes.' );
speak( 'Por favor, tener en cuenta, que cuando el sistema habla usted debe de permanecer en silencio.' );
speak( 'Para obtener ayuda simplemente diga: Ayuda.' );
speak( 'Para comenzar el examen diga: Comenzar examen.' );
annyang.addCommands(commands);
// Start listening. You can call this here, or attach this call to an event, button, etc.
annyang.start( {
paused: false,
continuous: true,
autoRestart: true
} );
annyang.addCallback('error', function( error ) {
speak( 'There was an error, a restart is suggested!' );
if ( !annyang.isListening( ) ) {
annyang.start( );
}
} );
annyang.debug( );
}
</script>
</body>
</html>