gt4 - tópicos de programação e evolução web
DESCRIPTION
Trabalho apresentado pelos alunos de Eng da Comp 2014.1 da UFSTRANSCRIPT
![Page 1: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/1.jpg)
![Page 2: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/2.jpg)
GT4Programação e Web
Italo Barbosa
Jhonatas Bruno
Luan Nunes
Lucas Lima
Matheus Freitas
Orientador: Rogério Patricio
Aracaju, 2014
![Page 3: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/3.jpg)
Codificação
#include <stdio.h>
int main ()
{
printf(“Hello World”);
return 0;
}
![Page 4: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/4.jpg)
O desenvolvimento de programas vai bem além do simples fato de conhecer uma linguagem de programação (imperativa e/ou orientada a objeto) e aplicar suas propriedades ao desenvolvimento de programas caseiros-escolar
Este desenvolvimento está sempre associado ao uso de ferramentas ou ambientes de desenvolvimento
![Page 5: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/5.jpg)
Codificação é um processo, um artifício, uma maneira, um modo ou uma forma utilizada e originada pela criatividade humana para identificar
itens, materiais, objetos, entre outras coisas semelhantes.
Esse processo é organizado com base em uma prévia classificação dos itens em categorias (que são escolhidas por conveniência ou necessidade) e é formado a partir de duas únicas dimensões: numérica e/ou alfabética.
Agrupam-se os numeros e/ou letras em séries de conjuntos que irão identificar um determinado item.
http://www.dicionarioinformal.com.br/codifica%C3%A7%C3%A3o/
![Page 6: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/6.jpg)
A primeira ferramenta que utilizamos para a codificação se chama editor, e é nessa etapa, que através dele, será gerado o arquivo, ou conjunto de arquivos que conterá o código-fonte desenvolvido
![Page 7: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/7.jpg)
Paradigmas de Programação
![Page 8: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/8.jpg)
Paradigmas de Programação Procedual
Paradigmas de Programação Orientada a Objeto
Programação Multiparadigma
Paradigma de Programação Estruturada
![Page 9: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/9.jpg)
Conectividade- Informações, recursos, serviços, aplicações, dados
- Conexões
• Dial Modem (Máx 56kbps)
• Xdsl (128Kbps – 24 Mbps)
• Cabo (70Kbps – 150 Mbps)
• Wi-fi (54 Mbps)
• Redes ad-hoc
• Rádio
• Satélite
• WiMax
• NFC (Near Field Communication - Comunicação de Campo Próximo)
![Page 10: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/10.jpg)
Mobilidade- Smartphones, Tablets, Notebooks, etc.
- Conexões
• WAP
• EDGE
• 3G
• LTE
• Bluetooth
Localização
- GPS (Sistema de Posicionamento Global)
- Infravermerho, radar, etc.
![Page 11: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/11.jpg)
Evolução da WEB
![Page 12: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/12.jpg)
INTERNET E WEB SÃO COISAS DIFERENTES
![Page 13: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/13.jpg)
World Wide Web (rede mundial de computadores)
Web 1.0, a chamada “Web estática”
Criação – 21 de março de 1989, por Tim Berners-Lee
Objetivo : Tentar tornar mais fácil o compartilhamento de documentos entre amigos.
![Page 14: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/14.jpg)
WEB 2.0
- Mudanças extraordinárias.- Chegada de todas as redes sociais e sites que conhecemos atualmente.- Chamada “WEB Social”.- Inicio em 2004- Conteúdo colaborativo e/ou participativo.
![Page 15: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/15.jpg)
Novas formas de lucrarLojas Online
![Page 16: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/16.jpg)
JornalismoInformação a qualquer momento
![Page 17: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/17.jpg)
Mudança no Marketing e publicidade
![Page 18: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/18.jpg)
Comparativo da WEB 1.0 e 2.0
![Page 19: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/19.jpg)
WEB 3.0
• O termo Web 3.0 foi empregado pela primeira vez pelo jornalista John Markoff, num artigo do The New York Times.
• A Web 3.0 é uma internet onde temos todas as informações de forma organizada para que não somente os humanos entendam, mas principalmente as maquinas.
• Também se entende por Web 3.0 que se tenha acesso a internet a qualquer hora e em qualquer lugar e em qualquer dispositivo, possibilitando a troca de dados entre dispositivos
![Page 20: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/20.jpg)
Publicidade baseada em Pesquisas do Usuário
![Page 21: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/21.jpg)
Publicidade baseada em Geolocalização
![Page 22: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/22.jpg)
WEB 4.0• Somam-se as evoluções, a mobilidade e a ubiquidade
para marcar o nascimento da Web 4.0.
• Segundo Seth Godin e outros estudiosos, de forma simplificada, a Web 4.0 será como um gigantesco sistema operacional inteligente e dinâmico.
• As informações terão circulação mais rápida e poderá ser usada dentro de suas possibilidades pelas empresas e pessoas
![Page 23: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/23.jpg)
![Page 24: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/24.jpg)
![Page 25: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/25.jpg)
Web Semântica
![Page 26: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/26.jpg)
O que é a Semântica da web?
É a web organizada não somente para o entendimento humano, mas principalmente para o das máquinas.
Quando Surgiu ?
”Surgiu em 2001, quando Tim Berners-Lee, James Hendler e Ora Lassila publicaram um artigo na revista Scientific American, intitulado: “Web Semântica: um novo formato de conteúdo para a Web que tem significado para computadores vai iniciar uma revolução de novas possibilidades.””(fonte:wikipedia)
![Page 27: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/27.jpg)
Onde podemos ver sua utilidade:
Pesquisas em geral:
Custo de viagens, Restaurantes, compras online.
![Page 28: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/28.jpg)
Anúncios sugeridos por sites com base em seu histórico(ou informações que você dá ao site.)
As sugestões de compras dadas em sites de compra quando pesquisamos produtos.
![Page 29: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/29.jpg)
Ontologia
O que é Ontologia? "Em Ciência da Computação, Sistemas de Informação e Ciência da Informação,
uma ontologia é um modelo de dados que representa um conjunto de conceitos dentro de um domínio e os relacionamentos entre estes. Uma ontologia é utilizada para realizar inferência sobre os objetos do domínio." (fonte: wikipedia)
Utilidade na web: É graças a ontologia que facilita provedores pesquisarem mais facilmente no
mesmo contexto do que foi escrito.
É uma forma emergente de se representar a semântica dos documentos. Ou seja, ela vira uma espécie de “banco de dados” de contextos dados à palavras facilitando pesquisas.
É com base nela que linguagens de marcação são criadas para melhor organização da rede.
![Page 30: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/30.jpg)
Exemplos de Ontologia:
![Page 31: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/31.jpg)
Linguagem de Marcação
O que é uma linguagem de marcação? Linguagem de marcação é um grupo de códigos que podem ser aplicados a dados ou textos para serem lidos por computadores ou pessoas.
Exemplo: O HTML é uma linguagem de marcação para organizar e formatar um site enquanto o XML, mesmo conceito, é para padronizar dados com objetivo de organizar e separar o conteúdo e integrá-lo a outras linguagens
![Page 32: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/32.jpg)
XML
Uma linguagem de marcação muito utilizada como complemento ao HTML.
Adiciona “etiquetas“ que descrevem os dados facilitando para ferramentas de buscas poderem lê- las.
OWL
Uma das linguagens utilizadas para instanciar as ontologias na web
Ela possui mais facilidades para expressar significados e semânticas do que XML RDF
foi criada para descrever classes e as relações existentes entre elas, além de possibilitar que essas classes sejam reutilizadas, ou herdadas, em documentos Web e aplicações.
Possui três sub-linguaguens como sua extensão: Owl Lite, Owl Dl, Owl Full.
![Page 33: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/33.jpg)
HTML5 Em quê ele contribui na web Semântica hoje? Um de seus benefícios está relacionado ao SEO (técnicas que auxiliam a
otimização de sites) e semântica, pois o HTML5, além de estruturar sua aplicação, agora também tem relação direta com o conteúdo, o que facilita na procura dos principais buscadores.
Exemplo: pode se determinar um menu como “conteúdo”(a máquina consegue interpretar o que é aquilo) e trabalha nele em segundo plano dando prioridade a outros conteúdos mais importantes na página.
![Page 34: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/34.jpg)
Fontes
http://ontologias.wordpress.com/2008/04/30/web-semantica-ontologias-4/
http://bazardoconhecimento.wordpress.com/2012/06/08/ontologia_para_desenvolvedores/
https://sites.google.com/site/historiasobreossitesdebusca/a-web-semantica
http://www.inf.ufg.br/sites/default/files/uploads/relatorios-tecnicos/RT-INF_004-05.pdf
http://pt.wikipedia.org/wiki/XML
http://pt.wikipedia.org/wiki/OWL
![Page 35: GT4 - Tópicos de Programação e Evolução WEB](https://reader038.vdocuments.net/reader038/viewer/2022103110/5483c18ab4af9fff018b45cc/html5/thumbnails/35.jpg)
Fontes
https://pt.wikipedia.org/wiki/Web_3.0
http://www.ex2.com.br/blog/web-1-0-web-2-0-e-web-3-0-enfim-o-que-e-isso/
http://bytesdainformacao.blogspot.com.br/2014/05/codificacao-de-prograas-do-que-s-trata.html
http://sisnema.com.br/Materias/idmat020826.htm
http://www.internetinnovation.com.br/blog/como-sera-a-web-4-0-2/
http://www.midiatismo.com.br/comunicacao-digital/web-4-0-mas-ja