Browsers

Conceito

O que é um browser?

Os browsers (conhecidos também como navegadores), em poucas palavras, são programas instalados numa máquina de algum cliente, permitindo a este acessar páginas da Web que estão hospedadas em algum servidor. Para quem quer acessar a Internet, o browser é uma ferramenta essencial, sem ele o acesso às diversas páginas disponíveis fica praticamente impossível.

Como um browser funciona?

Um browser é um tipo de software responsável por "traduzir" o código de uma Linguagem de Programação Web para uma interface mais amigável para o usuário diretamente na tela do computador, como ilustra (informalmente) a figura abaixo:

Existem duas formas para acessar um site diretamente:

Através do endereço IP, uma abreviatura de Internet Protocol, que, em português significa Protocolo de Internet:
- 216.58.202.3 dá acesso ao site www.google.com.br;
- Para que um usuário não precise decorar todos os endereços de IP das páginas que ele quer acessar, foi criado o endereço virtual URL;
Através do endereço URL, uma abreviatura de Uniform Resource Locator, que, em português significa Localizador Padrão de Recursos:
- http://www.icmc.usp.br/ensino/material/html/url.html
- (protocolo)://(máquina)/(caminho)/(recurso)

Estes tipos dois são endereços únicos, ou seja, nunca um mesmo endereço irá fornecer acesso à páginas diferentes. Não irei detalhar o que cada parte dos endereços significa, pois este não é o foco do projeto. Mas há algumas páginas que especificam os mesmos, vale a pena dar uma olhada:

O processo de recebimento e envio de dados é mais complexo do que o mostrado acima, pois envolve muitas outras etapas no processo. A ilustração foi feita de forma simples afim de facilitar o entendimento do papel do browser.

Os navegadores

Mais comuns

Todos nós temos o nosso navegador favorito não é verdade? O meu, por exemplo, é o Google Chrome. Este é o mais baixado no www.baixaki.com.br atualmente, por sua rapidez e uma interface simples e fácil de usar, independente do grau de conhecimento do usuário. Cada navegador tem suas características, seus prós e seus contras. Mas todos perguntam: qual é o melhor navegador? É o mesmo que perguntar sobre uma operadora de celular ou um posto de gasolina, pois varia com o gosto de cada um.

Da mesma forma que o Google Chrome tem seus prós, os outros navegadores também têm. Com base na minha experiência com navegadores, segue uma lista de alguns dos vários navegadores mais utilizados pelos usuários da Internet e algumas de suas características:

Internet Explorer:
- Já vem instalado no Windows;
- É o mais utilizado no mundo;
- Alguns sites da Web só funcionam com ele;
Mozilla Firefox:
- Código Fonte Aberto, ou seja, qualquer um tem acesso ao código do software, podendo assim, por exemplo, fazer melhorias no mesmo;
- Rápido e de fácil interface;
- Seguro;
Opera:
- Rápido e simples;
- Seguro;
- Bloqueador de anúncios integrado.

Móveis ou mobiles

Com a ascensão dos aparelhos móveis, as páginas da Web também estão sendo compatíveis para os navegadores mobiles. As páginas mobiles são mais simples, pois geralmente a conexão dos aparelhos com a Internet é mais lenta, com conteúdo mais vertical para melhor leitura dos usuários, uma vez que a maioria dos aparelhos têm a base da tela menor que a altura, e na maioria das vezes ela é especificada com um "m." em seu endereço (por exemplo: "m.facebook.com").

Mas os navegadores mobiles também precisam ser mais simples e leves, pois a maioria dos dispositivos não têm a mesma capacidade de processamento que um desktop comum. Sendo assim, os navegadores citados anteriormente se viram obrigados a criar a plataforma mobile de seus softwares, de interface parecida com as versões para desktop, afim de deixar o usuário familiarizado com o navegador. Hoje é possível procurar cada um deles através de seu dispositivo móvel e achá-los com facilidade.

Sites responsivos

Ao falar de navegação na Web através de dispositivos mobile, não podemos deixar de falar sobre os sites responsivos. Como foi dito antes, os grandes sites da Web estão vendo a necessidade de deixar as suas páginas compatíveis com os novos dispositivos. São vários tipos de aparelhos diferentes dos desktops convencionais, os mais comuns são os smartphones, tablets e ultimamente as smart TV, cada um com uma resolução de tela diferente.

A imagem acima mostra alguns dos vários diferentes tamanhos dos aparelhos. Ao criar um site responsivo, este deve se adaptar a cada resolução de tela, o que pode ser trabalhoso, mas de extrema importância, pois a navegação Web mobile está aumentando cada vez mais: de acordo com o site www.comersite.com.br, responsável por criar soluções que aumentam a visibilidade de uma página da Web, o Brasil registrou quase 276 milhões de usuários (matéria feita em 22/02/2013).

Um bom exemplo de site responsivo é o http://www.gustavodudamel.com/, o site do grande maestro de orquestras venezuelano Gustavo Dudamel. Através de outro site, o http://responsivedesignchecker.com/, conseguimos "emular" o site para diferentes resoluções de tela, para que o desenvolvedor do site saiba como está o andamento do projeto. Vale a pena conferir como seria o primeiro site em outros tamanhos e ainda conhecer um pouco mais sobre o trabalho do artista, basta acessar: http://responsivedesignchecker.com/www.gustavodudamel.com/.

Plugins

O que são?

Uma página da Web, por mais avançada que seja a linguagem que o programador utilizou ao criá-la, pode não ter uma ferramenta específica para poder executar um determinado processo, é aí que entram os plugins: quando um navegador precisa se comunicar com uma outra aplicação, afim de trabalharem juntos com o intuito de dar ao usuário uma melhor experiência, essa aplicação é chamada de plugin.

Para que eles servem?

Imagine que quando um estudante precisa acessar uma aula de Programação Procedimental que está disponível no canal do professor ~~André Backes~~ no YouTube, o navegador não possui reprodutor próprio, então o navegador se comunica com o Adobe Flash Player para poder reproduzir o vídeo. A partir desse exemplo, dá pra se ter uma noção da importância que os plugins exercem nos navegadores.

No Google Chrome, por exemplo, você pode acessar vários e vários plugins na webstore do navegador, que são chamados de "extensões", la você faz o download e integra a extensão com o navegador de forma rápida e fácil. Existem várias ferramentas que ajudam o usuário de diversas formas, como um bloqueador de anúncios irritantes que deixam a navegação lenta, uma "lupa" afim de aumentar o zoom da página, um que converte a página Web para um arquivo em PDF e muitos outros.

Cache e cookies

Algumas páginas da Web possuem muito conteúdo, estes podem ser fotos, gifs, anúncios, pequenos vídeos, etc. que, dependendo da conexão, demoram a serem carregados. A partir disto, surgiu a ideia de salvar esses arquivos na máquina do usuário, fazendo com que o carregamento das páginas fosse um processo menos lento, dessa forma, quando o usuário for acessar a mesma página uma outra vez, não será necessário ter que fazer o download dos arquivos, já que os mesmos já estão na máquina, o navegador irá coletar esses arquivos e os utilizará na página. Esse armazenamento dos arquivos tem o nome de cache. Esse nome não é exclusivo para os navegadores, ele é também utilizado em outras áreas, como por exemplo o cache de um processador, que tem a mesma função que o cache de um navegador: armazenar arquivos para uma reutilização futura.

Assim como o cache, os cookies também armazenam dados para reutilização futura, mas ao invés de armazenar arquivos da estrutura base do site, guarda as preferências do usuário de cada site. Por exemplo, se um usuário qualquer acessar um site de previsão do tempo e escolher a cidade de Manaus, quando ele acessar novamente o site, o mesmo irá indicar a previsão do tempo em Manaus. Outro exemplo bem comum, Quando algum usuário está a procura de um produto específico, como uma guitarra, essa busca é armazenada e quando o usuário for acessar um site de compras, será indicado para ele a compra de guitarras.

As duas ferramentas são de extrema importância na navegação pela Web, mas devemos ter muito cuidado ao utilizá-los. Ao usarmos uma máquina pública em uma LAN House, por exemplo, acessando um serviço de internet banking, nossos dados bancários podem ficar salvos no navegador, sendo assim um outro usuário sem boas intenções ao acessar a máquina, poderá utilizar esses dados e prejudicar o dono da conta bancária. Desta forma, é aconselhável sempre tomarmos muito cuidado ao usar principalmente máquinas públicas.

Referências Bibliográficas

CELSO, Ivan, SITES RESPONSIVOS: O QUE SÃO? EU PRECISO DE UM?. Disponível em: http://www.comersite.com.br/sites-responsivos-o-que-sao-eu-preciso-de-um. Acesso em: 07/09/2016

PROTALINSKI, Emil, MICROSOFT REVAMPS ONEDRIVE FOR WEB WITH RESPONSIVE DESIGN. Disponível em: http://pureanarchy.net/microsoft-revamps-onedrive-for-web-with-responsive-design/. Acesso em: 07/09/2016

CESAR, Fernando, O que é e como funciona uma URL. Disponível em: http://portal-xp.blogspot.com.br/2011/05/o-que-e-e-como-funciona-uma-url.html. Acesso em: 07/09/2016

HOW RESPONSIVE IS YOUR WEBSITE?. Disponível em: http://responsivedesignchecker.com/www.gustavodudamel.com/. Acesso em: 07/09/2016

CONGER, Cristen, Design moderno de veleiros [MODIFICADO]. Disponível em: http://viagem.hsw.uol.com.br/barco-a-vela7.htm. Acesso em: 07/09/2016

Limpar cache e cookies. Disponível em: https://support.google.com/accounts/answer/32050?hl=pt-BR. Acesso em: 07/09/2016.