1
00:00:00,000 --> 00:00:00,430

2
00:00:00,430 --> 00:00:03,260
>> COLUNA 1: Vamos implementar uma busca
motor ou, pelo menos, o utilizador interface

3
00:00:03,260 --> 00:00:06,590
interface para um motor de busca que
permite que o usuário digitar alguns termos

4
00:00:06,590 --> 00:00:09,370
e, em seguida, procurar o mundo inteiro
web para esses termos.

5
00:00:09,370 --> 00:00:13,690
Para isso, vamos usar o "formulário" do HTML
tag, assim como alguns outros.

6
00:00:13,690 --> 00:00:17,140
Aqui em search.html, eu já
obtido nos começou por abertura e

7
00:00:17,140 --> 00:00:18,500
fechar algumas tags.

8
00:00:18,500 --> 00:00:22,570
Então, agora aqui, dentro deste corpo, vamos
primeiro definir um rumo de CS50

9
00:00:22,570 --> 00:00:26,460
Pesquisa para servir como uma espécie de título
no corpo da página.

10
00:00:26,460 --> 00:00:30,660
>> Vamos então abrir uma tag "forma" e,
preventivamente, vamos fechá-lo, por isso não

11
00:00:30,660 --> 00:00:31,930
se esqueça de mais tarde.

12
00:00:31,930 --> 00:00:37,450
Vamos, então, definir uma marca de entrada, cujo
nome será "q" para consulta, e cuja

13
00:00:37,450 --> 00:00:40,810
tipo deve ser "texto", de modo que a
navegador processa isso como um campo de texto

14
00:00:40,810 --> 00:00:41,840
na página.

15
00:00:41,840 --> 00:00:43,720
Vamos então fechar esta tag.

16
00:00:43,720 --> 00:00:46,480
Vamos em seguida, insira uma quebra de linha a seguir.

17
00:00:46,480 --> 00:00:50,870
E vamos agora definir mais uma entrada neste
tempo, cujo tipo será apresentar,

18
00:00:50,870 --> 00:00:56,640
de modo que é um botão Enviar, e cuja
valor ou rótulo é CS50 Search.

19
00:00:56,640 --> 00:00:59,930
>> Agora nós definimos esta forma, mas nós
não especificaram para onde o formulário

20
00:00:59,930 --> 00:01:01,120
devem ser apresentadas.

21
00:01:01,120 --> 00:01:04,480
Vamos adicionar mais dois atributos
para ser mais preciso aqui.

22
00:01:04,480 --> 00:01:09,410
Primeiro, vamos especificar no tag "forma"
si que o método pelo qual isto

23
00:01:09,410 --> 00:01:12,620
formulário deve ser submetido é HTTP GET.

24
00:01:12,620 --> 00:01:16,150
E vamos especificar que a ação ou
destino desta forma será

25
00:01:16,150 --> 00:01:22,540
https://www.google.com/search.

26
00:01:22,540 --> 00:01:25,690
>> Agora, eu sei que existe porque URL
Eu já vi isso por algum tempo na minha

27
00:01:25,690 --> 00:01:27,080
barra de endereços do navegador.

28
00:01:27,080 --> 00:01:32,020
Então, eu estou indo simplesmente para se referir ao usuário
URL para que os seus resultados de busca.

29
00:01:32,020 --> 00:01:35,380
Vamos agora salvar, alterar as permissões
, e abrir este estágio.

30
00:01:35,380 --> 00:01:41,090
"Chmod a search.html mais r."
Vamos agora abrir Chrome.

31
00:01:41,090 --> 00:01:46,770
http://localhost/search.html.

32
00:01:46,770 --> 00:01:49,345
Não é o mais sexy de motores de busca,
mas vamos ver se funciona.

33
00:01:49,345 --> 00:01:51,920

34
00:01:51,920 --> 00:01:53,240
E há alguns gatos.

35
00:01:53,240 --> 00:01:57,140
>> Observe, porém, que na barra de endereços
é exatamente a URL que eu esperava,

36
00:01:57,140 --> 00:01:58,910
mas com um pouco de algo
mais no final.

37
00:01:58,910 --> 00:02:04,260
Se eu aumentar o zoom aqui, observe que o URL
é exatamente como se esperava, mas com um

38
00:02:04,260 --> 00:02:07,260
equals ponto de interrogação q
gatos na parte superior.

39
00:02:07,260 --> 00:02:08,729
Onde é que isso veio?

40
00:02:08,729 --> 00:02:12,880
>> Bem, porque eu submeti uma forma que
teve uma entrada cujo nome era q, nossa

41
00:02:12,880 --> 00:02:16,300
navegador encarregou-se de acrescentar que
ponto de interrogação e, em seguida, colocar a

42
00:02:16,300 --> 00:02:17,820
O nome de parâmetro - q -

43
00:02:17,820 --> 00:02:21,130
seguido por um sinal de igual, seguido
por gatos, que é o valor que eu

44
00:02:21,130 --> 00:02:22,550
me digitado dentro

45
00:02:22,550 --> 00:02:26,130
Se houvesse mais de tais parâmetros
dentro da URL, o navegador

46
00:02:26,130 --> 00:02:28,500
simplesmente separado
los, e comercial.

47
00:02:28,500 --> 00:02:30,790
Mas neste caso, temos
apenas um desses pares.

48
00:02:30,790 --> 00:02:35,040
E que é fornecido como entrada para
Google muito parecido com um parâmetro é

49
00:02:35,040 --> 00:02:37,000
fornecida a uma função de entrada.

50
00:02:37,000 --> 00:02:40,600
E o Google, em seguida, usa essa entrada para
procurar seu banco de dados de alguma forma e

51
00:02:40,600 --> 00:02:42,180
exibir uma página de resultados.

52
00:02:42,180 --> 00:02:43,755