Programação e Web
Italo Barbosa
Jhonatas Bruno
Luan Nunes
Lucas Lima
Matheus Freitas
Orientador: Rogério Patricio
Aracaju, 2014
Codificação
#include <stdio.h>
int main ()
{
printf(“Hello World”);
return 0;
}
 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
 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/
 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
Paradigmas de
Programação
 Paradigmas de Programação Procedual
 Paradigmas de Programação Orientada a Objeto
 Programação Multiparadigma
 Paradigma de Programação Estruturada
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)
Mobilidade
- Smartphones, Tablets, Notebooks, etc.
- Conexões
• WAP
• EDGE
• 3G
• LTE
• Bluetooth
Localização
- GPS (Sistema de Posicionamento Global)
- Infravermerho, radar, etc.
Evolução da WEB
INTERNET E WEB SÃO COISAS
DIFERENTES
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.
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.
Novas formas de lucrar
Lojas Online
Jornalismo
Informação a qualquer momento
Mudança no Marketing e
publicidade
 Comparativo da WEB 1.0 e 2.0
 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
Publicidade baseada em
Pesquisas do Usuário
Publicidade baseada em
Geolocalização
 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
Web Semântica
 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)
Onde podemos ver sua utilidade:
Pesquisas em geral:
 Custo de viagens, Restaurantes,
compras online.
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.
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.
Exemplos de Ontologia:
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
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.
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.
Fontes
http://ontologias.wordpress.com/2008/04/30/web-semantica-
ontologias-4/
http://bazardoconhecimento.wordpress.com/2012/06/08/ontologia_p
ara_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
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

GT4 - Tópicos de Programação e Evolução WEB

  • 2.
    Programação e Web ItaloBarbosa Jhonatas Bruno Luan Nunes Lucas Lima Matheus Freitas Orientador: Rogério Patricio Aracaju, 2014
  • 3.
    Codificação #include <stdio.h> int main() { printf(“Hello World”); return 0; }
  • 4.
     O desenvolvimentode 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
  • 5.
     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/
  • 6.
     A primeiraferramenta 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
  • 7.
  • 8.
     Paradigmas deProgramação Procedual  Paradigmas de Programação Orientada a Objeto  Programação Multiparadigma  Paradigma de Programação Estruturada
  • 9.
    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)
  • 10.
    Mobilidade - Smartphones, Tablets,Notebooks, etc. - Conexões • WAP • EDGE • 3G • LTE • Bluetooth Localização - GPS (Sistema de Posicionamento Global) - Infravermerho, radar, etc.
  • 11.
  • 12.
    INTERNET E WEBSÃO COISAS DIFERENTES
  • 13.
    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.
  • 14.
    WEB 2.0 - Mudançasextraordinárias. - Chegada de todas as redes sociais e sites que conhecemos atualmente. - Chamada “WEB Social”. - Inicio em 2004 - Conteúdo colaborativo e/ou participativo.
  • 15.
    Novas formas delucrar Lojas Online
  • 16.
  • 17.
    Mudança no Marketinge publicidade
  • 18.
     Comparativo daWEB 1.0 e 2.0
  • 19.
     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
  • 20.
  • 21.
  • 22.
     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
  • 25.
  • 26.
     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)
  • 27.
    Onde podemos versua utilidade: Pesquisas em geral:  Custo de viagens, Restaurantes, compras online.
  • 28.
    Anúncios sugeridos porsites 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.
  • 29.
    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.
  • 30.
  • 31.
    Linguagem de Marcação Oque é 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
  • 32.
    XML  Uma linguagemde 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.
  • 33.
    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.
  • 34.
  • 35.