-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
175 lines (175 loc) · 10 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
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tudo sobre Google Glass</title>
<link rel="stylesheet" type="text/css" href="./css/estilo.css" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="./javascript/funcoes.js"></script>
</head>
<body>
<div id="interface">
<header id="cabecalho">
<hgroup>
<h1>Google Glass</h1>
<h2>A revolução do Google está chegando</h2>
</hgroup>
<img id="icone" src="./imagens/glass-oculos-preto-peq.png" alt="oculos google glass preto e pequeno" />
<nav id="menu">
<h1>Menu Principal</h1>
<ul>
<li onmouseover="mudaFoto('./imagens/home.png')" onmouseout="mudaFoto('./imagens/glass-oculos-preto-peq.png')">
<a href="./index.html">Home</a>
</li>
<li onmouseover="mudaFoto('./imagens/especificacoes.png')" onmouseout="mudaFoto('./imagens/glass-oculos-preto-peq.png')">
<a href="./specs.html">Especificações</a>
</li>
<li onmouseover="mudaFoto('./imagens/fotos.png')" onmouseout="mudaFoto('./imagens/glass-oculos-preto-peq.png')">
<a href="./fotos.html">Fotos</a>
</li>
<li onmouseover="mudaFoto('./imagens/multimidia.png')" onmouseout="mudaFoto('./imagens/glass-oculos-preto-peq.png')">
<a href="./multimidia.html">Multimídia</a>
</li>
<li onmouseover="mudaFoto('./imagens/contato.png')" onmouseout="mudaFoto('./imagens/glass-oculos-preto-peq.png')">
<a href="./fale-conosco.html">Fale conosco</a>
</li>
</ul>
</nav>
</header>
<section id="corpo">
<article id="noticia">
<header id="cabecalho-artigo">
<hgroup>
<h3>Tecnologia e Inovações</h3>
<h1>Saiba tudo sobre o Google Glass</h1>
<h2>
by Marcelo I Campos - Sobre
<a href="./about.html">QUEM SOU EU</a>
</h2>
<h3 class="direita">Atualizado em 01/10/2020</h3>
</hgroup>
</header>
<h2>O que é</h2>
<p>
O Google Glass atualmente é um acessório em forma de óculos que possibilita a interação dos usuários com diversos conteúdos em realidade
aumentada. Também chamado de
<a href="https://www.google.com/glass/start/" target="_blank">Project Glass</a>
← (acesse o link), o eletrônico é capaz de tirar fotos a partir de comandos de voz, enviar mensagens instantâneas e
realizar vídeo conferências. Seu lançamento está previsto para 2014, e seu preço deve ser de US$ 1,5 mil. Atualmente o Google Glass
encontra-se em fase de testes e já possui um vídeo totalmente gravado com o dispositivo. Além disso, a companhia de buscas registrou
novas patentes anti-furto e de desbloqueio de tela para o acessório.
</p>
<figure class="foto_legenda">
<img src="./imagens/glass-quadro-homem-mulher.jpg" alt="homem e mulher usando google glass" />
<figcaption>
<h3>Google Glass</h3>
<p>Uma nova maneira de ver o mundo.</p>
</figcaption>
</figure>
<h2>Data de lançamento</h2>
<p>
Não há uma data específica e oficial para o dispositivo ser lançado, ainda. Pode ser que ele esteja disponível em demonstrações a partir
de 2013, mas seu lançamento para as lojas fica para, pelo menos, 2014.
</p>
<h2>Especificações Técnicas</h2>
<table id="tabela">
<caption>
Tabela Técnica do Google Glass
<span>Mar/2013</span>
</caption>
<tr>
<td class="ce">Tela</td>
<td class="cd">Resolução equivalente a tela de 25"</td>
</tr>
<tr>
<td rowspan="2" class="ce">Camera</td>
<td class="cd">5MP para fotos</td>
</tr>
<tr>
<td class="cd">720p para vídeos</td>
</tr>
<tr>
<td rowspan="2" class="ce">Conectividade</td>
<td class="cd">Wi-Fi</td>
</tr>
<tr>
<td class="cd">Bluetooth</td>
</tr>
<tr>
<td class="ce">Memória Interna</td>
<td class="cd">12GB</td>
</tr>
</table>
<h2>Como funciona</h2>
<p>
De acordo com fontes próximas do Google, os óculos vão contar com uma pequena tela de LCD ou AMOLED na parte superior e em frente aos
olhos do usuário. Com o uso de uma câmera e GPS, você pode se situar, assim como selecionar opções com o movimento da cabeça.
</p>
<h2>O que você pode fazer com o Google Glasses</h2>
<p>
O vídeo de divulgação do Google mostra que você pode se transformar em uma espécie de “super-humano”, já que o aparelho pode indicar a
quantos metros você está de seu destino, se o metrô está aberto ou fechado, mostrar o clima, agenda e até mesmo permitir que você marque
encontros apenas com comandos de voz.
</p>
<div>
<video id="v-1" controls="controls" poster="./imagens/video-mini01.jpg">
<source src="./media/one-day.mp4" type="video/mp4" />
Desculpe, mas não foi possível carregar o Vídeo ou Áudio por questão de incompatibilidade.
</video>
</div>
</article>
</section>
<aside id="lateral">
<h1>Outras Notícias</h1>
<h2>Vídeo mais recente</h2>
<div>
<video id="v-2" controls="controls" poster="./imagens/video-mini02.jpg">
<source src="./media/how-it-feels.mp4" type="video/mp4" />
Desculpe, mas não foi possível carregar o Vídeo ou Áudio por questão de incompatibilidade
</video>
</div>
<h2>Novidades no Glass</h2>
<p>
O Google enfim revelou as especificações completas do Google Glass, e com ele uma surpresa ainda inédita no mercado: a gigante das buscas
usará um sistema de áudio baseado na transdução por condução. Através das hastes dos óculos, o som será transmitido para o ouvido do usuário
por meio de microvibrações em determinados ossos de sua cabeça, sem usar nenhum tipo de alto-falante.
</p>
<p>
Além da surpresa do áudio, a tela montada a frente do olho do usuário também chamou atenção. Serão 640 x 360 pixels de resolução que, em
proporção, equivaleria a um monitor de 25 polegadas de alta definição colocado a 2,5 metros de distância do espectador.
</p>
<h2>Testando o JavaScript</h2>
<script>
document.write('Olá Mundo ! - JS - Hoje é dia:' + Date())
</script>
<h2>PASSE O MOUSE E LIGUE A LÂMPADA</h2>
<h4>
<a href="./testejsID.html"> > EXPERIMENTE: Javascript com ID</a>
</h4>
<h4>
<a href="./testejsIF.html"> > EXPERIMENTE: Javascript com IF</a>
</h4>
<img
src="./imagens/lampada-apagada.jpg"
id="luz"
onmousemove="mudaLampada('lampada-acesa')"
onmouseout="mudaLampada('lampada-apagada')"
onclick="mudaLampada('lampada-quebrada')"
ondblclick="mudaLampada('lampada-alert')"
alt="lâmpada acessa ou lâmpada apagada ou lâmpada quebrada, depende da função usada no JavaScript"
/>
<h3 style="color: red; font-family: Arial, Helvetica, sans-serif">CUIDADO: NÃO CLIQUE na lâmpada !!! Nota: para consertar clique 2 vezes</h3>
</aside>
<footer id="rodape">
<p>
Copyright © 10/2020 - by Marcelo I Campos -
<a href="./about.html">QUEM SOU EU</a><br />
<a href="https://www.facebook.com/marceloicampos" target="_blank">Facebook</a>
|
<a href="https://github.com/marceloicampos" target="_blank">GitHub</a>
</p>
</footer>
</div>
</body>
</html>