Browsers: mudanças entre as edições

← Edição anterior

Edição atual tal como às 17h52min de 1 de junho de 2017

1 Conceito

1.1 O que é um browser?
- Browser é um software criado para viabilizar a navegação na internet, capaz de processar várias linguagens e transformá-las em uma linguagem que o usuário entenda.
1.2 Como um browser funciona?
- Primeiramente o browser inicia e apresenta uma pagina de pesquisa, quando o usuário digita uma pesquisa o browser serve como um mensageiro, ele passa pelo firewall da rede, depois ele leva a minha pesquisa ao DNS server onde ela é adequada a um ip que irá responder a minha pesquisa, depois que minha pesquisa é convertida em um endereço ip, o browser vai até o endereço ip especificado e comunica com o hosting server onde está armazenado o web site que contém a resposta para minha pesquisa, depois de feito esse processo o browser apresenta de forma legível ao leitor o(s) web site(s) que podem conter a resposta para o que eu estou buscando.

2 Os navegadores

2.1 Mais comuns
- Os navegadores mais comuns são:
  - Google Chrome.
  - Mozilla Firefox.
  - Internet Explorer
  - Safari (utilizado em sistemas IOs).

2.2 Móveis ou mobiles

- Os navegadores mais comuns para mobile são:
  - Google Chrome.
  - Opera Mini.
  - Safari (utilizado em sistemas IOs).

3 Sites responsivos

Site ou layout responsivo, é quando o site automaticamente se encaixa na tela do dispositivo do usuário por exemplo Smartphone, table e pc. O site responsivo muda a sua aparência e disposição com base no tamanho da tela em que o site é exibido. Então, se o usuário tem uma tela pequena, os elementos se reorganizam para apresentar as informações mais relevantes em primeiro lugar. Hoje é recomendado que todos os sites sejam responsivos pois o numero de usuários mobile aumentou drasticamente com relação a pesquisas passadas, hoje as pessoas buscam informações de qualquer lugar com acesso a rede e o site responsivo viabiliza uma experiência mais agradável com o sistema mobile.

4 Plugins

4.1 O que são?
- Na informática define-se plugin todo programa, ferramenta ou extensão que se encaixa a outro programa principal para adicionar mais funções e recursos a ele. Geralmente são leves e não comprometem o funcionamento do software e são de fácil instalação e manuseio.
4.2 Para que eles servem?
- Os plugins servem para tornar a navegação ou uso de um certo programa mais fácil. Mais usados em navegadores, os plugins podem fazer sua navegação mais segura, podem personalizar a aparência do seu navegador, também podem traduzir paginas que não estejam na linguagem que o leitor entenda.

5 Cache e cookies site

Cache: O cache é basicamente um lugar onde são armazenados os dados ou processos freqüentemente utilizados. eles são guardados para um acesso futuro mais rápido, poupando tempo e uso desnecessário do hardware.
Cookies: Os cookies são um conjunto de preferências do usuário guardadas pelo navegador para aplicá-las assim que uma pagina ou serviço se adequarem as especificações das preferências. Os cookies são mais utilizados para guardar o seu idioma favorito e nomes de usuários e senhas guardados pelo usuário.

6 Referências Bibliográficas https://www.tecmundo.com.br/navegador/201-o-que-e-cache-.htm https://www.tecmundo.com.br/web/1069-o-que-sao-cookies-.htm https://www.html5rocks.com/pt/tutorials/internals/howbrowserswork/ https://blog.bytequeeugosto.com.br/como-funciona-um-browser/ http://conceito.de/browser https://www.significados.com.br/browser/ https://www.google.com.br/search?q=dns+server&oq=dns+server&aqs=chrome..69i57.3957j0j7&sourceid=chrome&ie=UTF-8 https://pt.wikipedia.org/wiki/Host https://www.comersite.com.br/sites-responsivos-o-que-sao-eu-preciso-de-um

@@ Linha 1: / Linha 1: @@
-== Conceito ==
+Conceito
+*1.1 O que é um browser?
-=== O que é um browser? ===
+** Browser é um software criado para viabilizar a navegação na internet, capaz de processar várias linguagens e transformá-las em uma linguagem que o usuário entenda.
-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.
+*1.2 Como um browser funciona?
+** Primeiramente o browser inicia e apresenta uma pagina de pesquisa, quando o usuário digita uma pesquisa o browser serve como um mensageiro, ele passa pelo firewall da rede, depois ele leva a minha pesquisa ao DNS server onde ela é adequada a um ip que irá responder a minha pesquisa, depois que minha pesquisa é convertida em um endereço ip, o browser vai até o endereço ip especificado e comunica com o hosting server onde está armazenado o web site que contém a resposta para minha pesquisa, depois de feito esse processo o browser apresenta de forma legível ao leitor o(s) web site(s) que podem conter a resposta para o que eu estou buscando.
-=== Como um browser funciona? ===
+Os navegadores
-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:
+*2.1 Mais comuns
+** Os navegadores mais comuns são:
-[[Arquivo:Browsers img1.png|667x667px]]
+*** Google Chrome.
+*** Mozilla Firefox.
-Existem duas formas para acessar um site diretamente:
+*** Internet Explorer
-* Através do endereço IP, uma abreviatura de Internet Protocol, que, em português significa Protocolo de Internet:
+*** Safari (utilizado em sistemas IOs).
-** 216.58.202.3 dá acesso ao site www.google.com.br;
+.2 Móveis ou mobiles
-** 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;
+** Os navegadores mais comuns para mobile são:
-* Através do endereço URL, uma abreviatura de Uniform Resource Locator, que, em português significa Localizador Padrão de Recursos:
+*** Google Chrome.
-** <nowiki>http://www.icmc.usp.br/ensino/material/html/url.html</nowiki>
+*** Opera Mini.
-** (protocolo)://(máquina)/(caminho)/(recurso)
+*** Safari (utilizado em sistemas IOs).
-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:
+Sites responsivos
-* http://portal-xp.blogspot.com.br/2011/05/o-que-e-e-como-funciona-uma-url.html
+* Site ou layout responsivo, é quando o site automaticamente se encaixa na tela do dispositivo do usuário por exemplo Smartphone, table e pc. O site responsivo muda a sua aparência e disposição com base no tamanho da tela em que o site é exibido. Então, se o usuário tem uma tela pequena, os elementos se reorganizam para apresentar as informações mais relevantes em primeiro lugar. Hoje é recomendado que todos os sites sejam responsivos pois o numero de usuários mobile aumentou drasticamente com relação a pesquisas passadas, hoje as pessoas buscam informações de qualquer lugar com acesso a rede e o site responsivo viabiliza uma experiência mais agradável com o sistema mobile.
-* http://www.techtudo.com.br/artigos/noticia/2012/05/o-que-e-ip.html
+Plugins
+*4.1 O que são?
-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.
+** Na informática define-se plugin todo programa, ferramenta ou extensão que se encaixa a outro programa principal para adicionar mais funções e recursos a ele. Geralmente são leves e não comprometem o funcionamento do software e são de fácil instalação e manuseio.
+*4.2 Para que eles servem?
-== Os navegadores ==
+** Os plugins servem para tornar a navegação ou uso de um certo programa mais fácil. Mais usados em navegadores, os plugins podem fazer sua navegação mais segura, podem personalizar a aparência do seu navegador, também podem traduzir paginas que não estejam na linguagem que o leitor entenda.
+Cache e cookies site
-[[Arquivo:Browsers_img3.jpg]]
+* Cache: O cache é basicamente um lugar onde são armazenados os dados ou processos freqüentemente utilizados. eles são guardados para um acesso futuro mais rápido, poupando tempo e uso desnecessário do hardware.
+* Cookies: Os cookies são um conjunto de preferências do usuário guardadas pelo navegador para aplicá-las assim que uma pagina ou serviço se adequarem as especificações das preferências. Os cookies são mais utilizados para guardar o seu idioma favorito e nomes de usuários e senhas guardados pelo usuário.
-=== Mais comuns ===
+Referências Bibliográficas
-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.
+https://www.tecmundo.com.br/navegador/201-o-que-e-cache-.htm
+https://www.tecmundo.com.br/web/1069-o-que-sao-cookies-.htm
-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:
+https://www.html5rocks.com/pt/tutorials/internals/howbrowserswork/
-* Internet Explorer:
+https://blog.bytequeeugosto.com.br/como-funciona-um-browser/
-** Já vem instalado no Windows;
+http://conceito.de/browser
-** É o mais utilizado no mundo;
+https://www.significados.com.br/browser/
-** Alguns sites da Web só funcionam com ele;
+https://www.google.com.br/search?q=dns+server&oq=dns+server&aqs=chrome..69i57.3957j0j7&sourceid=chrome&ie=UTF-8
-* Mozilla Firefox:
+https://pt.wikipedia.org/wiki/Host
-** Código Fonte Aberto, ou seja, qualquer um tem acesso ao código do software, podendo assim, por exemplo, fazer melhorias no mesmo;
+https://www.comersite.com.br/sites-responsivos-o-que-sao-eu-preciso-de-um
-** 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.
-[[Arquivo:Browsers_img2.jpg]]
-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 <s>André Backes</s> 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.
-== Referências Bibliográficas ==
-Autor, título. Disponível em: <website visitado>. Acesso em: coloque a data de acesso: dia, mês e ano.
-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