-
Notifications
You must be signed in to change notification settings - Fork 0
/
utilitarios.html
122 lines (96 loc) · 4.39 KB
/
utilitarios.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Projeto PRI</title>
<meta charset="utf-8">
<meta name="author" content="Jefferson Rocha"/>
<meta name="email" content="[email protected]"/>
<meta name="description" content="Projeto PRI"/>
<meta name="keywords" content="deficiencia na fala, programas para deficientes, projeto pri, prish"/>
<meta http-equiv="content-language" content="pt-br"/>
<meta name="copyright" content="© 2019 Jefferson Rocha"/>
<meta name="rating" content="general"/>
<link rel="shortcut icon" type="image/png" href="../img/photo.png"/>
<link rel="stylesheet" type="text/css" href="css/estilo.css"/>
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans" rel="stylesheet">
</head>
<body>
<nav id='logo'>
<img class='logo' src="img/pri.jpg">
<h1>Dê voz a quem precisa!</h1>
</nav>
<nav id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="utilitarios.html">Utilitários</a></li>
<li><a href="#">Fotos</a></li>
<li><a href="missao.html">Missão</a></li>
<li><a href="#">Github</a></li>
<li><a href="#" title="Ajude o projeto">Doe</a></li>
<li><a href="mailto:[email protected]?subject=Contato Projeto PRI" target="_blank" title="Contato Webmaster">Contato</a></li>
</ul>
</nav>
<div class="main">
<!--História do Projeto-->
<h2 class="mark">Utilitários</h2>
Abaixo segue a lista dos utilitários que estão disponíveis no projeto.
<h2>PRIsh</h2>
<img src="img/prish.png" class="utphoto">
<p>PRISh é um utilitário em linha de comando, feito em uma linguagem de Script chamada Bash. A sua principal meta é atingir um público que tem uma coordenação motora limitada. PRIsh é orientado a teclas númericas e conta com uma sessão de menus sendo elas:
<b>Menu Principal</b> e <b>Submenus</b>.
</p>
<h4>Roda aonde?</h4>
<ul>
<li>Distribuições Linux</li>
</ul>
<h4>Download</h4>
<a href="https://github.com/projeto-pri/prish" target="_blank">Github</a>
<h4>Como Utilizar?</h4>
<hr>
<!-- Adição do utilitário PRIjs -->
<h2>PRIjs</h2>
<!-- Em breve adicionar logo do utilitário aqui -->
<p>
PRIjs é um utilitário web que mostra na tela um menu com um conjunto de frases e através de um controlador simples (como as setas de um teclado de computador ou botões simples na tela) o usuário pode reproduzir o aúdio dessas frases.
O nosso foco são pessoas que tem limitações na sua comunicação e movimentação, por isso é desenvolvido para ser simples e utilizar o mínimo de esforço do usuário. O PRIjs é majoritariamente feito em JavaScript.
</p>
<h4>Roda aonde?</h4>
<ul>
<li>Navegadores WEB de computadores e smartphones.</li>
</ul>
<h4>Download</h4>
<a href="https://github.com/projeto-pri/prijs" target="_blank">Github</a>
<h4>Como Utilizar?</h4>
<p>Acesse o site do PRIjs <a href="https://projeto-pri.github.io/prijs/" target="_blank">aqui</a>.</br>
Para usar utilize os botões na tela:</br></br>
<img src="img/prijs/botoes.png" alt="imagem dos botoes"></br>
</br>
O botão da <b>esquerda</b> <img class="botoes_prijs" src="img/prijs/botao_esquerda.png" alt="imagem do botao da esquerda"> movimenta a lista para cima e o da <b>direita</b> <img class="botoes_prijs" src="img/prijs/botao_direita.png" alt="imagem do botao da direita"> movimenta a lista para baixo.</br>Quando a frase que deseja reproduzir estiver <b>destacada</b> aperte o botão do <b>meio</b> <img class="botoes_prijs" src="img/prijs/botao_meio.png" alt="imagem do botao do meio"> e poderá ouvir o áudio da frase pela saída de som do seu dispositivo.
Se estiver em computador é possível utilizar as setas do teclado para acionar os botões.</br>
<ul>
<li>Seta para cima: Ativa o botão da esquerda.</li>
<li>Seta para baixo: Ativa o botão da direita.</li>
<li>Seta para direita: Ativa o botão do meio.</li>
</ul>
</p>
<hr>
<!-- Adição do template para o utilitário PRIpy -->
<h2>PRIpy</h2>
<!-- Em breve adicionar logo do utilitário aqui -->
<p>
<!-- Adicione a descricao do PRIpy -->
</p>
<h4>Roda aonde?</h4>
<ul>
<li><!-- Adicione onde roda o PRIpy --></li>
</ul>
<h4>Download</h4>
<a href="https://github.com/projeto-pri/pripy" target="_blank">Github</a>
<h4>Como Utilizar?</h4>
<p>
<!-- Adicione como funciona a utilizacao do PRIpy -->
</p>
<hr>
</div>
</body>
</html>