-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathdocpage2.html
92 lines (92 loc) · 4.92 KB
/
docpage2.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
<!DOCTYPE html>
<html lang = "pt-br">
<head>
<title>NUNA - Documentação</title>
<meta charset = "utf-8"/>
<link rel="stylesheet" type="text/css" href="css/style5.css">
<script src="js/voltar.js"></script>
</head>
<body>
<div class="navcontainer">
<nav id="navbar">
<ul class="list-style">
<header class="title1">Doc. NUNA</header>
<li><a href="#Introdução" class="nav-link">Introdução</a></li>
<li><a href="#por_que" class="nav-link">Por que utilizar a NUNA?</a></li>
<li><a href="#uso_geral" class="nav-link">Uso geral</a></li>
<li><a href="#dicas_uso" class="nav-link">Dicas de uso</a></li>
<li><a href="#exemplos" class="nav-link">Exemplos de utilização</a></li>
</ul>
</nav>
</div>
<br>
<div class="container">
<main id="main-doc">
<section id="Introdução" class="main-section">
<header class="title1">Introdução</header>
<p>Uma assistente guiada por comando de voz para auxiliá-lo em sua viagem e estadia.</p>
<p>Produzida para o Projeto Integrador da FATEC São José dos Campos - Prof. Jessen Vidal.</p>
<p>Técnologias utilizadas:</p>
<ul>
<li>HTML;</li>
<li>CSS e</li>
<li>Javascript.</li>
</ul>
</section>
<br>
<section id="por_que" class="main-section">
<header class="title1">Por que utilizar a NUNA?</header>
<p>Para facilitar sua viagem e estadia possuimos funções como:</p>
<ul>
<li>Mapa, disponibiliza o mapa de qualquer cidade, estado ou país que o usuário informar;</li>
<li>Documento, disponibiliza uma lista de documentos necessários para a sua viagem;</li>
<li>Posição, procura e mostra a localização do usuário;</li>
<li>Aeroporto, disponibiliza uma lista de aeroportos do estado informado pelo usuário;</li>
<li>Clima, procura e mostra a temperatura do local onde você está visitando;</li>
<li>Notícias, para se informar sobre a cidade que irá visitar;</li>
<li>Trajeto, procura uma rota para chegar até o destino informado pelo usuário;</li>
<li>Calculadora, disponibiliza a conversão atualizada do dólar e euro do valor informado pelo usuário e</li>
<li>Filmes, faz uma sugestão de filme para o usuário assistir em sua viagem de avião ou ônibus.</li>
</ul>
<p>Tudo isso sem utilizar um clique!</p>
</section>
<br>
<section id="uso_geral" class="main-section">
<header class="title1">Uso geral</header>
<p>Para melhor aproveitar o aplicativo web:</p>
<ul>
<li>A assistente utiliza comando de voz para fazer suas funções, portanto certifique-se de que seu microfone está ligado e desbloqueado;</li>
<li>Caso tenha dúvidas de alguma funcionalidade siga o exemplo, quase todas as funções possuem um exemplo na caixa de diálogo e</li>
<li>Para aproveitar 100% das funcionalidades marque a página como confiável em seu navegador Chrome.</li>
</ul>
</section>
<br>
<section id="dicas_uso" class="main-section">
<header class="title1">Dicas de uso</header>
<p>Todas as funcionalidades estão bem explicadas em suas páginas porém algumas conseguem fazer ainda mais!</p>
<ul>
<li>Voltar, fale voltar a qualquer momento para ser redirecionado até noss página de funcionalidades;</li>
<li>Fechar, fale fechar para fechar qualquer página aberta pela assistente;</li>
<li>Função Documento, é uma funcionalidade simples porém pode evitar muita dor de cabeça na hora da viagem aeroportuária;</li>
</ul>
</section>
<br>
<br>
<section id="exemplos" class="main-section">
<header class="title1">Exemplos de utilização</header>
<ul>
<li>Calculadora, "10 dólar real" para buscar o valor de 10 dólares para real;</li>
<li>Mapa, "São José dos Campos";</li>
<li>Clima, apenas clique na caixa de diálogo aberta pelo navegador para dar permissão para nossa assistente procurar sua localização;</li>
<li>Posição, fale a frase chave "me encontre" e dê permissão para a nossa assistente calcular sua localização;</li>
<li>Documento, caso tenha dúvidas repita "documento" e a assistente o redirecionará para a página da ANAC;</li>
<li>Notícias, "São Paulo" para as notícias da cidade, caso o usuário queira ser mais específico pode tentar "estado São Paulo";</li>
<li>Trajeto, "São Paulo para Rio de Janeiro" é essencial utilizar a palavra para ou nossa assistente não irá calcular a rota e</li>
<li>Aeroporto, "São Paulo" essa função também lista clubes! Caso queira procurar escolas de voo pode ser útil.</li>
<li>Filmes, "filmes".</li>
</ul>
</section>
</main>
</div>
</body>
</html>