Introdução aos Padrões Web e Tecnologias para o Ambiente Digital<br />Thiago Prado de Campos<br />Aula 1<br />21/maio/2011...
Programa<br />Conceitos de Padrões, Padrões Abertos e Padrões Fechados.<br />Entidades Padronizadoras de Tecnologias de In...
PADRÕES, LICENÇAS E ENTIDADES<br />Introdução aos Padrões Web e Tecnologias para o Ambiente Digital<br />
O que são Padrões?<br />Padrão é um documento aprovado por um organismo reconhecido que provê, pelo uso comum e repetitivo...
Padrões Abertos<br />Não há uma interpretação única para Padrões Abertos, mas em geral, costuma significar:<br />Disponíve...
Padrões Abertos<br />Algumas especificações podem estar disponíveis sob alguns termos contratuais restritivas quanto ao se...
Padrões Abertos<br />Exemplos de Padrões Abertos:<br />Arquitetura da WWW<br />http://www.w3.org/TR/webarch/<br />Peripher...
Padrões Abertos<br />“os padrões abertos são importantes para ajudar a criar soluções interoperáveis e acessíveis para tod...
Padrões Fechados<br />Encontra-se na literatura também os termos “Padrões Proprietários” ou “Sistemas Fechados”.<br />Poss...
Padrões Fechados<br />Software licenciado sob direito exclusivo do detentor do copyright. Ao titular da licença é dado o d...
Padrões Fechados<br />Exemplos de Padrões Fechados<br />Softwares: Microsoft Windows, Adobe Flash Player, Apple iTunes, Ma...
Padrões Fechados<br />iTunes Music Store da Apple tem sido um padrão de fato no negócio da música online, ultrapassando em...
E Open Source (Código Aberto)?<br />Descreve a prática de software desenvolvido de forma que permita que qualquer pessoa t...
E Open Source (Código Aberto)?<br />Exemplos:<br />Linguagens de Programação: PHP, Python<br />Sistemas Operacionais: Linu...
E Open Source (Código Aberto)?<br />Vantagem do open source<br />Facilita a compreensão do funcionamento do software e pod...
E Software Livre?<br />Software livre (free software) é um conceito de extrema importância no mundo da computação. Para es...
E Software Livre?<br />A ideia começou a tomar forma em 1983, pelas mãos de Richard Stallman, que na época criou o GNU e, ...
Fundamentos do Software Livre<br />Liberdade de<br />executar o programa, para qualquer propósito;<br />estudar como o pro...
Software Livre vs. Open Source<br />Todo Software Livre é open source.<br />Nem todo programa open source é Software Livre...
Freeware (Software Gratuito)<br />É um software que é disponibilizado sem custo.<br />Não necessariamente é open source ou...
Licenças<br />Quando um software é criado, o desenvolvedor o associa a um documento que determina quais ações o utilizador...
Copyright ©<br />Também denominado direito autoral ou direitos de autor.<br />São termos que definem as restrições  sobre ...
Copyleft<br />No caso, a palavra "left" faz alusão a um contexto mais generoso: enquanto o copyright dá mais foco nas rest...
GNU Public License (GPL)<br />Licença criada pela FSF baseada nas liberdades que ela defende. <br />A GPL surgiu em 1989 e...
Creative Commons<br />Idealizadas para permitir a padronização de declarações de vontade no tocante ao licenciamento e dis...
Creative Commons<br />As licenças são disponibilizadas em 3 camadas: licença jurídica, legível por humanos e legível por m...
Exercício<br />Acesse e responda o questionário disponível em: http://bit.ly/pitagoras01<br />
Organizações que criam/gerenciam padrões<br />Existem organizações que através de processos bem definidos gerem a criação,...
ISO – www.iso.org<br />A Organização Internacional para Padronização (em inglês: InternationalOrganization for Standardiza...
ISO  - Exemplos<br /><ul><li>ISO 31 Tamanhos e unidades
 ISO 1000 Unidades SI e recomendações para o uso de seus múltiplos e de algumas outras unidades
 ISO 216 Formatos e dimensões de papel - série A e B
 ISO 639 Códigos para representação de nomes de línguas
 ISO 2108 ISBN - Sistema internacional de identificação de livros
 ISO 3166 Códigos de países e subdivisões
 ISO 4217 Códigos de moeda
 ISO 5218 Convenção numérica para representação de sexos
 ISO 8601 International Standard Date and Time Notation
 ISO 8859 Codificação de caracteres em fontes, as quais incluem o ASCII
 ISO 8879 Standard Generalized Markup Language (SGML)
 ISO 9000 Sistema de gestão da qualidade em ambientes de produção
 ISO 9899 A linguagem de programação C
 ISO 10006 Gestão da qualidade (aplicada em gestão de projetos)
 ISO 10646 Universal Character Set (equivalente ao Unicode)
 ISO 14000 Normas de gestão do ambiente em ambientes de produção
 ISO 14772 Virtual Reality ModellingLanguage VRML
 ISO 15930 Portable Document Format (PDF)</li></li></ul><li>IEEE – www.ieee.org<br />O Instituto de Engenheiros Eletricist...
IEEE – exemplos<br />IEEE 802 - Os padrões IEEE 802 são referentes às redes locais e redes metropolitanas.<br /> IEEE 1394...
IEC - www.iec.ch<br />A International Electrotechnical Commission ou Comissão Eletrotécnico Internacional (IEC) é uma orga...
IEC - Exemplos<br /> ISO/IEC 12207 é a norma que define processo de desenvolvimento de software<br /> ISO/IEC 15445 padron...
IETF – www.ietf.org<br />A Internet Engineering Task Force é uma comunidade internacional ampla e aberta<br />técnicos, ag...
IETF – Exemplos<br />RFC 793 - Transmission Control Protocol    <br /> RFC-822   Standard for ARPA Internet text messages<...
Outros<br />ABNT – www.abnt.org.br<br />A  Associação Brasileira de Normas Técnicas (ABNT) é o órgão responsável pela norm...
W3C – www.w3c.org<br />O World Wide Web Consortium é um consórcio de empresas de tecnologia, atualmente com cerca de 500 m...
W3C – www.w3c.org<br />As recomendações do W3C são desenvolvidas por grupos de trabalho formados por membros do Consórcio ...
W3C – Ciclo de Vida<br />Recommendation<br />Proposed to<br />Recommendation<br />Candidate for<br />Recommendation<br />L...
W3C – Ciclo de Vida<br />Cria-se um Working Group para discussão sobre um assunto.<br />O grupo propõe uma recomendação, a...
W3C – Outros Docs<br />A W3C, através dos Working Groups e colaboradores também publica outros tipos de documentos:<br />A...
Exercício<br />Acesse e responda o questionário publicado em: http://bit.ly/pitagoras02<br />
Infraestrutura de internet e navegadores<br />Introdução aos Padrões Web e Tecnologias para o Ambiente Digital<br />
Internet / Início Militar<br />A Internet é uma rede antiga, com quase 40 anos. <br />Até o ex-presidente de Cuba, Fidel C...
Internet / Amadurecimento acadêmico<br />A principal utilidade da Arpanet era a troca de mensagens de correio eletrônico e...
Internet / Expansão Comercial<br />Em 1992, num laboratório de Física, em Genebra na Suíça, Tim Berners-Lee criou o World ...
Internet / Expansão Comercial<br />Nesta época, a NSFNET já tinha se entregue à iniciativa privada e provedores de acesso ...
Internet / Explosão Social<br />No século XXI, com a invasão da Internet nas casas, muita gente mergulhou de cabeça na gra...
Arquitetura Cliente/Servidor<br />Cliente-servidor é um modelo computacional que separa clientes e servidores, sendo inter...
Características do Cliente<br /><ul><li>Quem envia requisição é conhecido como cliente
Inicia requisições
Espera para receber respostas
Normalmente, conecta-se à um número pequeno de servidores ao mesmo tempo
Comumente Interage diretamente com usuário final usando uma interface gráfica</li></li></ul><li>Características do Servido...
É passivo (escravo)
Espera por requisições dos clientes
Após receber requisições, processa e então envia respostas
Normalmente aceita conexões de um grande número de clientes
Comumente não interage diretamente com usuários finais</li></li></ul><li>Cliente-Servidor / Exemplos<br />
Cliente-Servidor / Exemplos<br />
Serviços de Internet<br />Web não é Internet!<br />A Internet possui diversos serviços. A World Wide Web (conhecido também...
Serviços de Internet<br />PROTOCOLOS<br />É através de protocolos de comunicação que um computador pode se comunicar com o...
Como Funciona o TCP/IP<br />servidor<br />cliente<br />mensagem<br />segmento<br />datagrama<br />quadro/frame<br />
Como Funciona o TCP/IP<br />Camada 4 – Protocolos de Aplicação<br />oferecem serviços de acesso remoto (telnet), e-mail (P...
Como Funciona o TCP/IP<br />Camada 2 – Protocolos de Nível de Internet<br />identificam as máquinas e pacotes através de e...
Endereço de Internet (IP)<br />O Protocolo IP (Internet Protocol) é um dos mais importantes no TCP/IP. Ele define a forma ...
Endereço de Internet (IP)<br />Computadores que hospedam páginas Web e que oferecem outros serviços de internet precisam d...
Serviço de Nomes de Domínio (DNS)<br />Para facilitar o acesso aos computadores da Internet e evitar a necessidade de se d...
Portas<br />Uma mesma máquina pode oferecer vários serviços, desde que em portas diferentes, como um prédio de escritórios...
Web<br />A World Wide Web é um serviço TCP/IP baseado no protocolo de nível de aplicação HTTP (HyperText Transfer Protocol...
Hipertexto<br />É uma forma não-linear de publicação de informações onde palavras que aparecem no texto podem levar a outr...
Hipertexto<br />
Servidor Web<br />O serviço HTTP funciona de forma semelhante ao serviço FTP (File Transfer Protocol – protocolo de transf...
URI - UniformResourceIdentifier<br />É um endereço que sintaticamente representa um recurso presente na Internet. Contém d...
Protocolo HTTP - códigos<br />Toda requisição HTTP recebe um cabeçalho de resposta, que contém um Código e uma Frase, pelo...
Protocolo HTTP - códigos<br />O primeiro dígito do Status-Code define a classe da resposta. Os 2 dígitos finais definem um...
Protocolo HTTP - códigos<br />100 - Continue <br />101 - Switching Protocols <br />200 - OK<br />201 - Created<br />202 - ...
Navegador (browser)<br />É um programa que serve de interface universal a todos os serviços que podem ser oferecidos via W...
Navegador (browser)<br />precisam interpretar vários tipos de arquivos que são enviados para ele pelo servidor web:<br />a...
Nestcape Navigator<br />Início: 15/dez/1994<br />Dominou o marketshare de navegadores nos anos 90 e praticamente sucumbiu ...
Internet Explorer<br />Início: ago/1995<br />Domina atualmente o marketshare de navegadores. A última versão estável é a 9...
Firefox<br />Início: 9/nov/2004<br />Baseado no motor open-source Gecko desenvolvido pela fundação Mozilla.<br />Hoje tem ...
Opera<br />Início: 1996<br />É um dos navegadores mais aderentes aos padrões web e popular em dispositivos móveis (OperaMi...
Safari<br />Início: 23/jun/2003<br />Baseado no motor KHTML opensource, é desenvolvido pela Apple e tem grande uso no sist...
Chrome<br />Início: Set/2008<br />É o navegador  mantido pelo Google. O mais caçula dentre eles.<br />Sua atual versão é a...
Market share de Navegadores<br />http://gs.statcounter.com/#browser-ww-monthly-200812-201105<br />
Exercício<br />Acesse e responda o questionário disponível em http://bit.ly/pitagoras03 <br />
Camadas e tecnologias de conteúdo para web<br />Introdução aos Padrões Web e Tecnologias para o Ambiente Digital<br />
Desenvolvimento Web<br />SERVIDOR<br />CLIENTE<br />CLIENTE<br />CLIENTE<br />CLIENTE<br />
Desenvolvimento Web<br />Sistema Operacional<br />Windows, Linux, FreeBSD<br />Servidor Web<br />IIS, Apache, Tomcat<br />...
Sistema Operacional<br />Plataforma que será utilizada no servidor que hospedará o site. É ele que permite utilização do s...
Servidor Web<br />Servidor que se comunicará com os clientes web (navegadores) atendendo as solicitações de páginas e envi...
Banco de Dados<br />Serviço que armazenará tabelas com registros de informações sobre o site, como usuários, produtos, ped...
Linguagem de Programação<br />Tecnologia que irá tratar as informações enviadas pelos navegadores podendo armazená-las ou ...
Linguagem de Programação<br />Linguagens de programação mais populares e mais utilizadas no mundo:<br />http://www.tiobe.c...
Desenvolvimento Web<br />Conteúdo<br />HTML, XML, JSON, SVG, ..., Imagens (JPEG, GIF, PNG)<br />Apresentação<br />CSS, Ima...
Desenvolvimento Web<br />
Desenvolvimento em Camadas<br />Conteúdo<br />Camada responsável pela informação. A mais importante.<br />Formatos: HTML, ...
Tudo em 1<br />Java (applets), Flash Movie, Silverlight, Objective-C<br />Prós:<br />Geralmente possuem um bom ambiente de...
Conteúdo para Web<br />A camada de conteúdo É A MAIS IMPORTANTE!<br />A principal tecnologia utilizada na camada de conteú...
HTML<br />HyperTextMarkupLanguage<br />HTML é a linguagem para descrever a estrutura de páginas web. Possibilita aos autor...
LinguagemMarcação versus Programação<br />Criada para expressar uma computação que pode ser executada por uma máquina, par...
Versões da HTML para hoje!<br />HTML 1 – criado entre 1990-1991, por Tim Berners Lee<br />HTML 2 – lançada em 1995 pela IE...
Versões da HTML para hoje!<br />HTML 1 – criado entre 1990-1991, por Tim Berners Lee<br />HTML 2 – lançada em 1995 pela IE...
HTML 5<br />Descontente com o que estavam acompanhando no WorkingGroup do XHTML2, fabricantes de navegadores se reuniram e...
Os Players desta Guerra<br />Microsoft ($ 39 bi / 93 mil empregados)<br />Detêm 60% do mercado de usuários de browsers com...
Os Players desta Guerra<br />Apple ($ 31 bi / 34 mil empregados)<br />Parceira majoritária no Webkit, fonte para iPhone e ...
Os Players desta Guerra<br />Opera ($ 1 bi / 750 empregados)<br />Desenvolve o Opera Browser (3% - PCs + Mobile)<br />Foco...
Próximos SlideShares
Carregando em…5
×

Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 01 - 21-05-2011

3.510 visualizações

Publicada em

Slide da disciplina de Introdução aos Padrões Web e Tecnologias para o Ambiente Digital, ministrada pelo professor Thiago Prado Campos - Aula 01 - 21/05/2011

Publicada em: Educação
0 comentários
3 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
3.510
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
1
Comentários
0
Gostaram
3
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 01 - 21-05-2011

  1. 1. Introdução aos Padrões Web e Tecnologias para o Ambiente Digital<br />Thiago Prado de Campos<br />Aula 1<br />21/maio/2011<br />
  2. 2. Programa<br />Conceitos de Padrões, Padrões Abertos e Padrões Fechados.<br />Entidades Padronizadoras de Tecnologias de Internet e Conteúdo Web.<br />Arquitetura de Internet e Navegadores<br />Padrões de Conteúdo de Documentos da Web<br />HTML, XML, RSS, Sitemap, PNG, GIF, JPEG, SVG.<br />
  3. 3. PADRÕES, LICENÇAS E ENTIDADES<br />Introdução aos Padrões Web e Tecnologias para o Ambiente Digital<br />
  4. 4. O que são Padrões?<br />Padrão é um documento aprovado por um organismo reconhecido que provê, pelo uso comum e repetitivo, regras, diretrizes ou características de produtos, processos ou serviços cuja obediência não é obrigatória.<br />Existem inúmeros exemplos de padrões em uso, cobrindo todas as áreas, desde a estabilidade térmica de fluidos hidráulicos até o tamanho de CDs ou DVDs.<br />
  5. 5. Padrões Abertos<br />Não há uma interpretação única para Padrões Abertos, mas em geral, costuma significar:<br />Disponível publicamente para acesso e implementação;<br />Não dependente de royalties ou quaisquer taxas;<br />Costumam ser definidos por ampla participação de empresas, instituições e profissionais do mercado.<br />
  6. 6. Padrões Abertos<br />Algumas especificações podem estar disponíveis sob alguns termos contratuais restritivas quanto ao seu uso, definidos pela organização que detêm os direitos autorais sobre elas.<br />Neste caso, dizemos que o padrão é parcialmente aberto.<br />Exemplos: JPEG, DDR SDRAM, H.264<br />
  7. 7. Padrões Abertos<br />Exemplos de Padrões Abertos:<br />Arquitetura da WWW<br />http://www.w3.org/TR/webarch/<br />Peripheral Component Interconnect (PCI) <br />Especificação da Intel para conexão de computadores tipo IBM-PC.<br />Formato de Documentos: ODF, OOXML, PNG, PDF<br />Linguagens de Programação: C#, ANSI C<br />
  8. 8. Padrões Abertos<br />“os padrões abertos são importantes para ajudar a criar soluções interoperáveis e acessíveis para todos. Eles também promovem concorrência sadia através do campo técnico ao nível de todos os players de mercado. Isto significa baixo custo para as empresas e, finalmente, para o consumidor.”<br />Erkki Liikanen, União Européia<br />
  9. 9. Padrões Fechados<br />Encontra-se na literatura também os termos “Padrões Proprietários” ou “Sistemas Fechados”.<br />Possui aceitação pública generalizada mas não cumpre os requisitos para ser aberto.<br />Podem ser formatos cujas especificações não estão publicamente disponíveis ou cobram royalties para implementação.<br />
  10. 10. Padrões Fechados<br />Software licenciado sob direito exclusivo do detentor do copyright. Ao titular da licença é dado o direito de usar o software sob certas condições, mas restrito de outros usos, tais como a modificação, distribuição complementar, ou engenharia reversa.<br />Em geral são desenvolvidos por empresas privadas sem a participação da sociedade ou mercado.<br />
  11. 11. Padrões Fechados<br />Exemplos de Padrões Fechados<br />Softwares: Microsoft Windows, Adobe Flash Player, Apple iTunes, MacOS, WinRAR, MySQL, Skype protocol<br />
  12. 12. Padrões Fechados<br />iTunes Music Store da Apple tem sido um padrão de fato no negócio da música online, ultrapassando em 2008 a Wal-Mart. É uma plataforma proprietária da Apple, em que baseia a sua oferta de meios de comunicação.<br />
  13. 13. E Open Source (Código Aberto)?<br />Descreve a prática de software desenvolvido de forma que permita que qualquer pessoa tenha acesso ao código do programa, mas seu desenvolvedor determina suas condições de uso.<br />O acesso ao código fonte nem sempre significa que é permitido cópia, modificação e redistribuição.<br />
  14. 14. E Open Source (Código Aberto)?<br />Exemplos:<br />Linguagens de Programação: PHP, Python<br />Sistemas Operacionais: Linux, FreeBSD<br />Aplicações para Web: Apache, Tomcat, MediaWiki, Drupal, Joomla, Wordpress, Moodle, Mozilla Firefox, OpenOffice.org, 7-ZIP<br />Contra-Exemplo: Symbian<br />http://symbian.nokia.com/blog/2011/04/04/not-open-source-just-open-for-business/<br />
  15. 15. E Open Source (Código Aberto)?<br />Vantagem do open source<br />Facilita a compreensão do funcionamento do software e pode permitir contribuir com melhorias e correções.<br />
  16. 16. E Software Livre?<br />Software livre (free software) é um conceito de extrema importância no mundo da computação. Para estar nesta condição, o software precisa ter características atreladas a aspectos de liberdade. Pode-se dizer, portanto, que o software livre é um movimento social, que defende uma causa.<br />
  17. 17. E Software Livre?<br />A ideia começou a tomar forma em 1983, pelas mãos de Richard Stallman, que na época criou o GNU e, cerca de dois anos depois, fundou a Free Software Foundation (FSF).<br />
  18. 18. Fundamentos do Software Livre<br />Liberdade de<br />executar o programa, para qualquer propósito;<br />estudar como o programa funciona e adaptá-lo às suas necessidades (exige open source)<br />distribuir cópias de forma que você possa ajudar ao seu próximo;<br />liberdade de melhorar o programa e liberar os seus aperfeiçoamentos, de modo que toda a comunidade se beneficie (exige open source)<br />
  19. 19. Software Livre vs. Open Source<br />Todo Software Livre é open source.<br />Nem todo programa open source é Software Livre.<br />Exemplos:<br />Mozilla Firefox é open source mas não é software livre. Ele usa a “Mozilla Public License” que diz que se um software teve fonte alterado terá que ser distribuído com outro nome.<br />
  20. 20. Freeware (Software Gratuito)<br />É um software que é disponibilizado sem custo.<br />Não necessariamente é open source ou software livre.<br />
  21. 21. Licenças<br />Quando um software é criado, o desenvolvedor o associa a um documento que determina quais ações o utilizador pode ou não executar. Esta é a licença de software.<br />Licenças:<br />Copyright<br />GNU<br />Copyleft<br />Creative Commons<br />
  22. 22. Copyright ©<br />Também denominado direito autoral ou direitos de autor.<br />São termos que definem as restrições sobre acesso, uso e reprodução de obras literárias, artísticas ou científicas.<br />Além do documento específico aplica-se o disposto na legislação em vigor a respeito.<br />
  23. 23. Copyleft<br />No caso, a palavra "left" faz alusão a um contexto mais generoso: enquanto o copyright dá mais foco nas restrições, o copyleft se baseia nas permissões.<br />
  24. 24. GNU Public License (GPL)<br />Licença criada pela FSF baseada nas liberdades que ela defende. <br />A GPL surgiu em 1989 e foi revisada em 1991 e 2007, estando atualmente na versão 3: http://www.gnu.org/licenses/gpl.html<br />Um programa não necessita obrigatoriamente de uma licença GPL para ser um software livre. É possível o uso de outras licenças, desde que compatível com as liberdades em questão. <br />
  25. 25. Creative Commons<br />Idealizadas para permitir a padronização de declarações de vontade no tocante ao licenciamento e distribuição de conteúdos culturais em geral (textos, músicas, imagens, filmes e outros), de modo a facilitar seu compartilhamento e recombinação.<br />http://creativecommons.org/licenses/?lang=pt<br />
  26. 26. Creative Commons<br />As licenças são disponibilizadas em 3 camadas: licença jurídica, legível por humanos e legível por máquinas.<br />Isto é, o conteúdo é o mesmo mas com público diferente em cada formato.<br />
  27. 27. Exercício<br />Acesse e responda o questionário disponível em: http://bit.ly/pitagoras01<br />
  28. 28. Organizações que criam/gerenciam padrões<br />Existem organizações que através de processos bem definidos gerem a criação, disponibilização e continuidade de padrões.<br />No contexto de Internet é importante conhecer algumas destas organizações, que trabalham para padronizar as tecnologias envolvidas com a grande rede mundial.<br />
  29. 29. ISO – www.iso.org<br />A Organização Internacional para Padronização (em inglês: InternationalOrganization for Standardization) aglomera os grêmios de padronização/normalização de 158 países. <br />Fundada em 23 de Fevereiro de 1947, em Genebra, Suíça, a ISO aprova normas internacionais em todos os campos técnicos, exceto na electricidade e eletrônica, cuja responsabilidade é da InternationalElectrotechnicalCommission (IEC).<br />
  30. 30. ISO - Exemplos<br /><ul><li>ISO 31 Tamanhos e unidades
  31. 31. ISO 1000 Unidades SI e recomendações para o uso de seus múltiplos e de algumas outras unidades
  32. 32. ISO 216 Formatos e dimensões de papel - série A e B
  33. 33. ISO 639 Códigos para representação de nomes de línguas
  34. 34. ISO 2108 ISBN - Sistema internacional de identificação de livros
  35. 35. ISO 3166 Códigos de países e subdivisões
  36. 36. ISO 4217 Códigos de moeda
  37. 37. ISO 5218 Convenção numérica para representação de sexos
  38. 38. ISO 8601 International Standard Date and Time Notation
  39. 39. ISO 8859 Codificação de caracteres em fontes, as quais incluem o ASCII
  40. 40. ISO 8879 Standard Generalized Markup Language (SGML)
  41. 41. ISO 9000 Sistema de gestão da qualidade em ambientes de produção
  42. 42. ISO 9899 A linguagem de programação C
  43. 43. ISO 10006 Gestão da qualidade (aplicada em gestão de projetos)
  44. 44. ISO 10646 Universal Character Set (equivalente ao Unicode)
  45. 45. ISO 14000 Normas de gestão do ambiente em ambientes de produção
  46. 46. ISO 14772 Virtual Reality ModellingLanguage VRML
  47. 47. ISO 15930 Portable Document Format (PDF)</li></li></ul><li>IEEE – www.ieee.org<br />O Instituto de Engenheiros Eletricistas e Eletrônicos, fundada nos Estados Unidos. É a maior (em número de sócios) organização profissional do mundo. <br />engenheiros elétricos, engenheiros da computação, cientistas da computação, profissionais de telecomunicações etc. <br />Sua meta é promover conhecimento no campo da engenharia elétrica, eletrônica e computação. <br />Um de seus papéis mais importantes é o estabelecimento de padrões para formatos de computadores e dispositivos.<br />
  48. 48. IEEE – exemplos<br />IEEE 802 - Os padrões IEEE 802 são referentes às redes locais e redes metropolitanas.<br /> IEEE 1394 – Firewire<br /> IEEE 829 — Software Test Documentation<br /> IEEE 1284 — Parallel port<br /> IEEE P1363 — Public key cryptography<br /> IEEE 12207 — Information Technology – Ciclo de vida de um software<br />
  49. 49. IEC - www.iec.ch<br />A International Electrotechnical Commission ou Comissão Eletrotécnico Internacional (IEC) é uma organização internacional de padronização de tecnologias elétricas, eletrônicas e relacionadas. <br />Alguns dos seus padrões são desenvolvidos juntamente com a ISO.<br />
  50. 50. IEC - Exemplos<br /> ISO/IEC 12207 é a norma que define processo de desenvolvimento de software<br /> ISO/IEC 15445 padroniza a descrição e processamento de documentos HTML<br /> ISO/IEC 15504 também conhecida como SPICE, é uma evolução da ISO/IEC 12207<br /> ISO/IEC 15948 define o PNG<br /> ISO/IEC 16262 define o ECMAScript (javascript)<br /> ISO/IEC 17799 é uma norma de Segurança da Informação<br /> ISO/IEC 19501 define a Unified Modeling Language (UML)<br /> ISO/IEC 23270 define a Linguagem de Programação C#<br /> ISO/IEC 26300 define o OpenDocument (ODF)<br /> ISO/IEC 27001 é um padrão para sistema de gerência da segurança da informação<br /> ISO/IEC 29500 define o Office Open XML File (OOXML)<br />
  51. 51. IETF – www.ietf.org<br />A Internet Engineering Task Force é uma comunidade internacional ampla e aberta<br />técnicos, agências, fabricantes, fornecedores, pesquisadores<br />Missão: identificar e propor soluções a questões/problemas relacionados à utilização da Internet, além de propor padronização das tecnologias e protocolos envolvidos. <br />As recomendações da IETF são usualmente publicadas em documentos denominados RFCs (Request for Comments).<br />
  52. 52. IETF – Exemplos<br />RFC 793 - Transmission Control Protocol <br /> RFC-822 Standard for ARPA Internet text messages<br /> RFC-2045 MIME Part 1: Format of Internet Message Bodies<br /> RFC-2046 MIME Part 2: Media Types<br /> RFC-2047 MIME Part 3: Header Extensions for Non-ASCII Text<br /> RFC-2048 MIME Part 4: Registration Procedures<br /> RFC-2049 MIME Part 5: Conformance Criteria and Examples<br /> RFC-2110 MIME E-mail Encapsulation of Aggregate Documents, such as HTML<br /> RFC-2616 Hypertext Transfer Protocol -- HTTP/1.1<br /> RFC-2821 Simple Mail Transfer Protocol<br /> RFC-2854 The 'text/html' Media Type<br /> RFC 3986 Uniform Resource Identifiers (URI)<br />
  53. 53. Outros<br />ABNT – www.abnt.org.br<br />A Associação Brasileira de Normas Técnicas (ABNT) é o órgão responsável pela normalização técnica no Brasil, fornecendo a base necessária ao desenvolvimento tecnológico brasileiro. A ABNT é a única e exclusiva representante no Brasil das entidades internacionais ISO e IEC.<br />IANA – www.iana.org<br />A Internet Assigned Numbers Authority é a organização mundial que funciona como a máxima autoridade na atribuição dos "números" na Internet. Entre os quais estão os números das portas e os endereços IP. Ela mantém uma estreita ligação com o IETF no cumprimento desta função.<br />
  54. 54. W3C – www.w3c.org<br />O World Wide Web Consortium é um consórcio de empresas de tecnologia, atualmente com cerca de 500 membros. <br />Fundado por Tim Berners-Lee em 1994 para levar a Web ao seu potencial máximo.<br />O W3C desenvolve padrões para a criação e a interpretação dos conteúdos para a Web.<br />
  55. 55. W3C – www.w3c.org<br />As recomendações do W3C são desenvolvidas por grupos de trabalho formados por membros do Consórcio e experts convidados. <br />Os grupos de trabalho criam esboços e propostas de recomendações , baseados em um consenso comum de companhias e organizações interessadas na criação de aplicações Web. Estas são então submetidas à apreciação dos membros do W3C e seu diretor para aprovação formal como uma Recomendação. <br />
  56. 56. W3C – Ciclo de Vida<br />Recommendation<br />Proposed to<br />Recommendation<br />Candidate for<br />Recommendation<br />Last Call for<br />Working Draft<br />Working Draft<br />http://www.w3.org/Consortium/Process/<br />
  57. 57. W3C – Ciclo de Vida<br />Cria-se um Working Group para discussão sobre um assunto.<br />O grupo propõe uma recomendação, através de um Working Draft<br />O Working Draft pode sofrer alterações conforme contribuições recebidas. Quando o grupo achar conveniente, publica um Last Call for Working Draft, como sendo última oportunidade de opinar sobre o rascunho<br />Após todos darem suas últimas contribuições o documento é convertido para Candidate Recommendation. É uma versão estável do WD. Ela é proposta para a comunidade experimentar sua implementação e dar feedbacks.<br />Aqui acontece o Call for Implementation, para apresentação das implementações<br />Após os feedbacks e experiência, o documento passa ao status de Proposed Recommendation e é submetido a um comitê consultivo para revisão.<br />Após aprovação pelo comitê, finalmente, o documento é então publicado como Recommendation.<br />
  58. 58. W3C – Outros Docs<br />A W3C, através dos Working Groups e colaboradores também publica outros tipos de documentos:<br />Artigos – podem ser do tipo Quality Assurance (ex.: My Web site is standard! And yours?), FAQs (Ex.: HTML and XHTML Frequently Answered Questions) ou informativos diversos.<br />Interest Group Note – tutoriais (Ex.: Tableless layout HOWTO), guias e diretrizes (Ex.: HTML 4.0 Guidelines for Mobile Access), etc.<br />
  59. 59. Exercício<br />Acesse e responda o questionário publicado em: http://bit.ly/pitagoras02<br />
  60. 60. Infraestrutura de internet e navegadores<br />Introdução aos Padrões Web e Tecnologias para o Ambiente Digital<br />
  61. 61. Internet / Início Militar<br />A Internet é uma rede antiga, com quase 40 anos. <br />Até o ex-presidente de Cuba, Fidel Castro teve importante papel no seu surgimento. Na década de 60, os Estados Unidos tinham uma real possibilidade de ataque nuclear através de Cuba. Desta forma, a interligação das bases militares em rede foi a principal estratégia norte-americana para se defender de um possível ataque.<br />Na hipótese de uma base ser atingida, a comunicação entre as demais permaneceria possível. Essa rede era a ARPANET (AdvancedResearch Project Agency Network). A rede interligou várias computadores de bases militares, universidades e centros de pesquisas envolvidos.<br />
  62. 62. Internet / Amadurecimento acadêmico<br />A principal utilidade da Arpanet era a troca de mensagens de correio eletrônico e arquivos. Isso despertou o interesse dos demais departamentos das universidades e a rede foi se expandindo. Na década de 80, a NSFNET (rede nacional de pesquisa dos EUA) também se conectou à Arpanete outras cinco grandes centros regionais de supercomputação. A NSFNET e a ARPANET seriam os dois primeiros backbones da Internet. Outras redes foram então se conectando, como a USENET, a Bitnet, a EARN e diversas redes BBS.<br />Acessar e operar os recursos da Internet nesta época era algo restrito à acadêmicos e exigiam muito conhecimento de Unix, shells e comandos de e-mail e ftp.<br />
  63. 63. Internet / Expansão Comercial<br />Em 1992, num laboratório de Física, em Genebra na Suíça, Tim Berners-Lee criou o World Wide Web. O modelo inicialmente foi aplicado no CERN (Centre European pour la Recherche Nucleaire) que possuía laboratórios distribuídos por várias cidades em 19 países da Europa. A informação, que se perdia diariamente foi organizada e distribuída através de documentos hipertexto.<br />O primeiro navegador gráfico foi o X-Mosaic, desenvolvido no NCSA (Centro Nacional de Supercomputação da Universidade de Illinois), inicialmente para Unix. Depois, portado para Windows e Macintosh, onde então se popularizou para mais usuários.<br />
  64. 64. Internet / Expansão Comercial<br />Nesta época, a NSFNET já tinha se entregue à iniciativa privada e provedores de acesso e informação comerciais se multiplicaram, oferecendo às pessoas comuns o mesmo acesso que antes só tinham as grandes organizações e o meio acadêmico.<br />Os criadores do Mosaic (entre eles Marc Andreesen), deixaram a universidade e fundaram uma empresa: a Netscape.<br />Daí por diante, a Web evoluiu e o próprio movimento do mercado propiciou sua expansão através de grandes, médias, pequenas empresas e profissionais autônomos.<br />
  65. 65. Internet / Explosão Social<br />No século XXI, com a invasão da Internet nas casas, muita gente mergulhou de cabeça na grande rede mundial. O surgimento de novas aplicações e conteúdos atraentes à todas as faixas etárias (principalmente crianças e jovens) formaram uma cultura na qual a comunicação através da Internet já é adotada de forma comum pela nova geração. <br />Estamos num ponto onde a Internet já passa a fazer parte do dia-a-dia das pessoas: pesquisa de trabalhos escolares, comunicação com amigos e parentes, diversão, trabalho, obrigações sociais e interoperabilidade com outras tecnologias são exemplos de fatores que trouxeram a Internet para um ponto no qual não há mais regresso.<br />
  66. 66. Arquitetura Cliente/Servidor<br />Cliente-servidor é um modelo computacional que separa clientes e servidores, sendo interligados entre si geralmente utilizando-se uma rede de computadores. <br />Cada instância de um cliente pode enviar requisições de dados para algum dos servidores conectados e esperar pela resposta. Por sua vez, algum dos servidores disponíveis pode aceitar tais requisições, processá-las e retornar o resultado para o cliente. <br />
  67. 67. Características do Cliente<br /><ul><li>Quem envia requisição é conhecido como cliente
  68. 68. Inicia requisições
  69. 69. Espera para receber respostas
  70. 70. Normalmente, conecta-se à um número pequeno de servidores ao mesmo tempo
  71. 71. Comumente Interage diretamente com usuário final usando uma interface gráfica</li></li></ul><li>Características do Servidor<br /><ul><li>Quem recebe requisições enviadas pelo cliente é conhecido como servidor
  72. 72. É passivo (escravo)
  73. 73. Espera por requisições dos clientes
  74. 74. Após receber requisições, processa e então envia respostas
  75. 75. Normalmente aceita conexões de um grande número de clientes
  76. 76. Comumente não interage diretamente com usuários finais</li></li></ul><li>Cliente-Servidor / Exemplos<br />
  77. 77. Cliente-Servidor / Exemplos<br />
  78. 78. Serviços de Internet<br />Web não é Internet!<br />A Internet possui diversos serviços. A World Wide Web (conhecido também como Web) é o nome do serviço mais popular da Internet. Por esse motivo, é freqüentemente confundida com a própria Internet.<br />Internet é o nome dado ao conjunto de computadores, provedores de acesso, satélites, cabos e serviços que formam uma rede mundial baseada em uma coleção de protocolos de comunicação conhecidas como TCP/IP. <br />
  79. 79. Serviços de Internet<br />PROTOCOLOS<br />É através de protocolos de comunicação que um computador pode se comunicar com outro através de uma linha telefônica ou placa de rede sem que o usuário precise se preocupar em saber qual o meio físico que está sendo utilizado.<br />TCP/IP é um conjunto de protocolos padrão que foi adotado como ‘língua oficial’ da Internet.<br />
  80. 80. Como Funciona o TCP/IP<br />servidor<br />cliente<br />mensagem<br />segmento<br />datagrama<br />quadro/frame<br />
  81. 81. Como Funciona o TCP/IP<br />Camada 4 – Protocolos de Aplicação<br />oferecem serviços de acesso remoto (telnet), e-mail (POP e SMTP), transferência de arquivos (FTP), serviço de nomes (DNS), serviço web (HTTP), entre outros. Lidam com a comunicação aparente entre duas aplicações rodando em computadores diferentes.<br />Camada 3 – Protocolos de Transporte<br />realiza a transferência dos dados organizados em pacotes de uma máquina para outra. Pode ser confiável (TCP) ou não confiável (UDP).<br />
  82. 82. Como Funciona o TCP/IP<br />Camada 2 – Protocolos de Nível de Internet<br />identificam as máquinas e pacotes através de endereços IP de origem e destino. <br />Camada 1 – Protocolos de Camada Rede/Física<br />interfaceia e realiza a transmissão dos dados através da linha telefônica, placas e cabos de rede, etc.<br />
  83. 83. Endereço de Internet (IP)<br />O Protocolo IP (Internet Protocol) é um dos mais importantes no TCP/IP. Ele define a forma de endereçamento que permite a localização de um computador na Internet, através de um conjunto de dígitos chamado de endereço IP. <br />Qualquer máquina acessível através da Internet tem um endereço IP exclusivo, podendo ser temporário ou permanente. <br />
  84. 84. Endereço de Internet (IP)<br />Computadores que hospedam páginas Web e que oferecem outros serviços de internet precisam de um endereço IP, para que você possa localizá-los a qualquer hora. <br />O endereço IP do site da UTFPR (www.utfpr.edu.br) é 200.19.73.171.<br />O endereço IP do servidor que hospeda o site www.thiagotpc.com é 201.76.50.86.<br />
  85. 85. Serviço de Nomes de Domínio (DNS)<br />Para facilitar o acesso aos computadores da Internet e evitar a necessidade de se decorar números IP é que foi criado o DNS. <br />Este serviço guarda tabelas que associam o nome de uma máquina ou de uma rede à um endereço IP. Quando você digita o nome de uma máquina no seu navegador, o browser primeiro tenta localizá-lo consultando uma outra máquina (cujo IP o navegador já conhece) que oferece o serviço de nomes.<br />Se esse serviço de nomes falhar, o navegador não conseguirá o número IP que precisa e assim não localizará a máquina correspondente. <br />
  86. 86. Portas<br />Uma mesma máquina pode oferecer vários serviços, desde que em portas diferentes, como um prédio de escritórios.<br />As portas são identificadas por números e para facilitar, várias portas para determinados serviços foram padronizadas. Para ter acesso a um serviço, é preciso que a aplicação cliente saiba conversar na língua de uma aplicação servidora. <br />Como são portas padronizadas, um cliente muitas vezes só precisa saber o nome ou endereço IP da máquina que tem determinado serviço. É o que ocorre com os navegadores.<br />
  87. 87. Web<br />A World Wide Web é um serviço TCP/IP baseado no protocolo de nível de aplicação HTTP (HyperText Transfer Protocol – Protocolo de Transferência de Hipertexto). <br />É o meio virtual formado <br />pelos servidores HTTP (servidores web), <br />clientes HTTP (navegadores) e <br />protocolo HTTP (regras de comunicação entre cliente e servidor).<br />
  88. 88. Hipertexto<br />É uma forma não-linear de publicação de informações onde palavras que aparecem no texto podem levar a outras seções de um documento, outros documentos ou até outros sistemas de informação, fugindo da estrutura linear original de um texto simples. <br />O hipertexto baseia-se em ligações entre dois pontos, chamados de âncoras. As ligações entre as âncoras são chamadas de vínculos (links). <br />Para Web, escolheu-se como linguagem declarativa de hipertextos o HTML (HyperText Markup Language).<br />
  89. 89. Hipertexto<br />
  90. 90. Servidor Web<br />O serviço HTTP funciona de forma semelhante ao serviço FTP (File Transfer Protocol – protocolo de transferência de arquivos), oferecendo aos seus clientes um conjunto de arquivos e recursos que podem ser transferidos para seus programas clientes que o interpretam e exibem ao usuário.<br />Servidores Web mais comuns: <br />APACHE (para Linux) e <br />IIS (para Windows)<br />
  91. 91. URI - UniformResourceIdentifier<br />É um endereço que sintaticamente representa um recurso presente na Internet. Contém duas informações essenciais:<br />COMO transferir o objeto (o protocolo) e <br />ONDE encontrá-lo (máquina, porta e caminho virtual)<br />Sintaxe:<br />protocolo://maquina:porta/caminho/recurso<br />Exemplos:<br />http://www.thiagotpc.com/arquivos/curriculo.pdf<br />http://intranet:8081/pedidos<br />ftp://usuario:senha@maquina.com/pub/arquivo.doc<br />mailto:contato@thiagotpc.com<br />
  92. 92. Protocolo HTTP - códigos<br />Toda requisição HTTP recebe um cabeçalho de resposta, que contém um Código e uma Frase, pelo menos.<br />O elemento Status-Code é um código de inteiro de 3 dígitos do resultado da tentativa do servidor em entender e processar a requisição (request). <br />Estes códigos são definidos em detalhes na seção 10 da RFC 2616. A Reason-Phrase visa fornecer uma breve descrição textual do Status-Code.<br />O Status-Code é voltado para a interpretação automatizada (programa cliente) e a Reason-Phrase é voltada para o usuário humano. O cliente HTTP não precisa necessariamente examinar ou exibir a Reason-Phrase.<br />
  93. 93. Protocolo HTTP - códigos<br />O primeiro dígito do Status-Code define a classe da resposta. Os 2 dígitos finais definem um significado específico. <br />1xx: Informacional - Requisição recebida, processo continua;<br />2xx: Sucesso - recebida, compreendida e aceita com sucesso;<br />3xx: Redirecionamento (Transitório) - Deve haver ação consecutiva para que a requisição seja completada;<br />4xx: Erro Cliente - A requisição enviada pelo cliente contém sintaxe errada ou não pode ser atendida;<br />5xx: Erro Servidor - O servidor falhou em atender requisição aparentemente válida. Erros e exceções em programas (Java, .NET, PHP etc.) e servidores são casos típicos destes erros.<br />
  94. 94. Protocolo HTTP - códigos<br />100 - Continue <br />101 - Switching Protocols <br />200 - OK<br />201 - Created<br />202 - Accepted<br />203 - Non-Authoritative Information <br />204 - No Content<br />205 - Reset Content <br />206 - Partial Content <br />300 - Multiple Choices <br />301 - Moved Permanently<br />302 - Found, Moved Temporarily<br />303 - See Other <br />304 - Not Modified<br />305 - Use Proxy <br />307 - Temporary Redirect <br />400 - Bad Request<br />401 - Unauthorized<br />402 - Payment Required <br />403 - Forbidden<br />404 - Not Found<br />405 - Method Not Allowed <br />406 - Not Acceptable <br />407 - Proxy Authentication Required <br />408 - Request Time-out <br />409 - Conflict <br />410 - Gone <br />411 - Length Required <br />412 - Precondition Failed <br />413 - Request Entity Too Large <br />414 - Request-URI Too Large <br />415 - Unsupported Media Type <br />416 - Requested range not satisfiable<br />417 - Expectation Failed <br />500 - Internal Server Error<br />501 - Not Implemented<br />502 - Bad Gateway<br />503 - Service Unavailable<br />504 - Gateway Time-out <br />505 - HTTP Version not supported <br />
  95. 95. Navegador (browser)<br />É um programa que serve de interface universal a todos os serviços que podem ser oferecidos via Web.<br />Ele é um cliente HTTP. A principal função do navegador é ler e exibir o conteúdo de uma página.<br />Navegadores podem ser usados para abrir páginas armazenadas localmente no computador. Neste caso, não estão atuando como clientes HTTP e sim como interpretadores de arquivos hipertexto.<br />
  96. 96. Navegador (browser)<br />precisam interpretar vários tipos de arquivos que são enviados para ele pelo servidor web:<br />arquivos em formato de texto, como HTML, XML, CSS, XSL, SVG, Javascript etc.; <br />arquivos binários, como imagens GIF, JPG, PNG, e programas Java, Flash, dentre outros. <br />Quando envia o arquivo o servidor web informa ao navegador o tipo MIME do arquivo.<br />Código ASP, PHP, .net, Java, Python, ColdFusion não é interpretado pelo navegador.<br />
  97. 97. Nestcape Navigator<br />Início: 15/dez/1994<br />Dominou o marketshare de navegadores nos anos 90 e praticamente sucumbiu em 2002. Sua última versão foi o Netscape Navigator 9, lançado em 2007. <br />Em Dez/2007, foi anunciado o fim do projeto. O suporte ao navegador foi prestado pela AOL até Fev/2008.<br />
  98. 98. Internet Explorer<br />Início: ago/1995<br />Domina atualmente o marketshare de navegadores. A última versão estável é a 9 (fev/2011).<br />Atualmente a versão 10 está em desenvolvimento.<br />
  99. 99. Firefox<br />Início: 9/nov/2004<br />Baseado no motor open-source Gecko desenvolvido pela fundação Mozilla.<br />Hoje tem a segunda colocação do marketshare de navegadores. A última versão estável é a 4.0.<br />
  100. 100. Opera<br />Início: 1996<br />É um dos navegadores mais aderentes aos padrões web e popular em dispositivos móveis (OperaMini). Proprietário.<br />A última versão estável é a 11.1.<br />
  101. 101. Safari<br />Início: 23/jun/2003<br />Baseado no motor KHTML opensource, é desenvolvido pela Apple e tem grande uso no sistema operacional Mac, no iPad, iPod e iPhone. <br />A última versão estável é a 5.0.<br />
  102. 102. Chrome<br />Início: Set/2008<br />É o navegador mantido pelo Google. O mais caçula dentre eles.<br />Sua atual versão é a 11.0.<br />
  103. 103. Market share de Navegadores<br />http://gs.statcounter.com/#browser-ww-monthly-200812-201105<br />
  104. 104. Exercício<br />Acesse e responda o questionário disponível em http://bit.ly/pitagoras03 <br />
  105. 105. Camadas e tecnologias de conteúdo para web<br />Introdução aos Padrões Web e Tecnologias para o Ambiente Digital<br />
  106. 106. Desenvolvimento Web<br />SERVIDOR<br />CLIENTE<br />CLIENTE<br />CLIENTE<br />CLIENTE<br />
  107. 107. Desenvolvimento Web<br />Sistema Operacional<br />Windows, Linux, FreeBSD<br />Servidor Web<br />IIS, Apache, Tomcat<br />Banco de Dados<br />SQL Server, Oracle, MySQL, PostgreSQL<br />Linguagem de Programação<br />Perl, ASP, ASP.NET, PHP, Java, Python, Ruby, Coldfusion<br />
  108. 108. Sistema Operacional<br />Plataforma que será utilizada no servidor que hospedará o site. É ele que permite utilização do servidor web, de banco de dados e linguagem de programação.<br />Opções:<br />Linux: software livre<br />Windows: software proprietário<br />
  109. 109. Servidor Web<br />Servidor que se comunicará com os clientes web (navegadores) atendendo as solicitações de páginas e envio de informações por formulários.<br />Opções mais comum:<br />Apache (para Linux e Windows), Software Livre<br />IIS (somente Windows), Proprietário<br />Tomcat (Linux e Windows), Software Livre<br />
  110. 110. Banco de Dados<br />Serviço que armazenará tabelas com registros de informações sobre o site, como usuários, produtos, pedidos, etc.<br />Opções mais comuns:<br />MySQL, opensource, Windows e Linux<br />PostgreSQL, Software Livre, Window s e Linux<br />MS SQL Server, proprietário, somente Windows<br />
  111. 111. Linguagem de Programação<br />Tecnologia que irá tratar as informações enviadas pelos navegadores podendo armazená-las ou recuperá-las do banco de dados, enviar e-mails, etc.<br />Opções disponíveis:<br />Java, PHP, Python, Ruby, Perl - livres<br />C# (.net) – open source<br />VBScript (ASP), Visual Basic.net - proprietárias<br />
  112. 112. Linguagem de Programação<br />Linguagens de programação mais populares e mais utilizadas no mundo:<br />http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html<br />http://langpop.com/<br />
  113. 113. Desenvolvimento Web<br />Conteúdo<br />HTML, XML, JSON, SVG, ..., Imagens (JPEG, GIF, PNG)<br />Apresentação<br />CSS, Imagens (JPEG, GIF, PNG)<br />Comportamento<br />Javascript<br />Tudo em 1<br />Flash, Silverlight, Java, Objective-C<br />
  114. 114. Desenvolvimento Web<br />
  115. 115. Desenvolvimento em Camadas<br />Conteúdo<br />Camada responsável pela informação. A mais importante.<br />Formatos: HTML, XML, SVG, MATHML, etc.<br />Apresentação<br />Camada responsável por apresentar o conteúdo ao usuário, através do navegador, impressora ou leitor de tela.<br />Formato: CSS<br />Comportamento<br />Responsável em controlar o comportamento do conteúdo e da apresentação conforme interação realizada pelo usuário.<br />Formato: Ecmascript (javascript)<br />HTML, CSS e EcmaScript são livres e interpretados por qualquer navegador.<br />92<br />
  116. 116. Tudo em 1<br />Java (applets), Flash Movie, Silverlight, Objective-C<br />Prós:<br />Geralmente possuem um bom ambiente de desenvolvimento (IDE);<br />Contra:<br />Não são padrões livres;<br />Não provém boa acessibilidade.<br />Necessita de algo a mais no navegador.<br />93<br />
  117. 117. Conteúdo para Web<br />A camada de conteúdo É A MAIS IMPORTANTE!<br />A principal tecnologia utilizada na camada de conteúdo é a HTML, que estudaremos com maiores detalhes a seguir.<br />
  118. 118. HTML<br />HyperTextMarkupLanguage<br />HTML é a linguagem para descrever a estrutura de páginas web. Possibilita aos autores:<br />Publicar documentos on-line com títulos, texto, tabelas, listas, fotos, etc.<br />Recuperar informação on-line através de links de hipertexto, com o clique de um botão.<br />Criar formulários para a realização de transações com serviços remotos, para uso em busca de informações, fazer reservas, encomenda de produtos, etc<br />Incluir planilhas, clips de vídeo, clips de som e outras aplicações diretamente em seus documentos.<br />Com a HTML, os autores descrevem a estrutura das páginas usando a marcação. Os elementos da linguagem são rótulo de conteúdo, tais como “parágrafo", "lista", “tabela", e assim por diante.<br />95<br />
  119. 119. LinguagemMarcação versus Programação<br />Criada para expressar uma computação que pode ser executada por uma máquina, particularmente, um computador.<br />São usadas para criar programas que controlam o comportamento de uma máquina.<br />Python, PHP, Java, Javascript<br />Criada para transformar texto puro em um documento estruturado.<br />Também pode ser usada para transformar dados em objetos estruturados, como imagens, músicas, espaços 3D, etc.<br />HTML, SVG, VRML, MathML, RTF, LaTex<br />96<br />
  120. 120. Versões da HTML para hoje!<br />HTML 1 – criado entre 1990-1991, por Tim Berners Lee<br />HTML 2 – lançada em 1995 pela IETF<br />HTML 3 – não foi aprovada<br />HTML 3.2 – lançada em 1997 pela W3C<br />HTML 4 – em 1999, pela W3C<br />XHTML 1 – em 2000, trata-se do HTML4 em XML<br />XHTML 1.1 – recomendação somente em nov/2010<br />XHTML 2 – abandonada em 2009<br />HTML 5 – em desenvolvimento desde 2007.<br />97<br />
  121. 121. Versões da HTML para hoje!<br />HTML 1 – criado entre 1990-1991, por Tim Berners Lee<br />HTML 2 – lançada em 1995 pela IETF<br />HTML 3 – não foi aprovada<br />HTML 3.2 – lançada em 1997 pela W3C<br />HTML 4 – em 1999, pela W3C<br />XHTML 1 – em 2000, trata-se do HTML4 em XML<br />XHTML 1.1 – recomendação somente em nov/2010<br />XHTML 2 – abandonada em 2009<br />HTML 5 – em desenvolvimento desde 2007.<br />98<br />
  122. 122. HTML 5<br />Descontente com o que estavam acompanhando no WorkingGroup do XHTML2, fabricantes de navegadores se reuniram em 2004 e fundaram a WHATWG (Apple, Mozilla, Opera). Adobe e Microsoft inicialmente ficaram de fora.<br />O objetivo do HTML5 é tornar os navegadores capazes de rodar aplicativos sob plataforma web.<br />Mas envolve também solução para outros problemas:<br />Áudio e Vídeo sem necessidade de plugins<br />Banco de dados local<br />
  123. 123. Os Players desta Guerra<br />Microsoft ($ 39 bi / 93 mil empregados)<br />Detêm 60% do mercado de usuários de browsers com o Internet Explorer<br />Possui tecnologia proprietária, Silverlight, concorrente do Flash<br />Atualmente apóia HTML5 e diz implementar no IE9<br />7% do mercado de smartphones<br />Google ($ 36 bi / 20 mil empregados)<br />Parceiro no Webkit, no qual baseia-se o Chrome (7%)<br />Apóia HTML 5 desde o início<br />10% do mercado de smartphones<br />
  124. 124. Os Players desta Guerra<br />Apple ($ 31 bi / 34 mil empregados)<br />Parceira majoritária no Webkit, fonte para iPhone e Safari (5%).<br />15% do mercado de smartphones<br />Apóia HTML5 por estar envolvida no Webkit<br />Recentemente “ficou de mal” com a Adobe/Flash<br />Adobe ($ 4 bi / 8.600 empregados)<br />Não produz navegador, mas usa o WebKit para renderizarAdobeAIR<br />Produz o Flash (fechado, proprietário), multiplataforma<br />Mas que consome muitos recursos no MacOS<br />
  125. 125. Os Players desta Guerra<br />Opera ($ 1 bi / 750 empregados)<br />Desenvolve o Opera Browser (3% - PCs + Mobile)<br />Foco principal: browser para smartphones, compatível com Iphones, Android, Windows Mobile (mini), Symbian (44%) e Blackberry (19%)<br />Mozilla Corporation (< $ 1bi / 250 empregados)<br />Produz o Firefox (24%)<br />Apóia HTML5 desde o início<br />
  126. 126. Os Players desta Guerra<br />Nokia ($ 15 bi / 125 mil empregados)<br />Celulares com Symbian e MAEMO (45% mercado)<br />Nokia Browser baseado no WebKit<br />RIM ($ 7bi / 12 mil empregados)<br />Produz os Blackberrys (19% do mercado de smartphones) com SO e navegador próprios.<br />
  127. 127. Browsers e Versões da HTML<br />104<br />
  128. 128. Documento HTML<br />Um documento HTML 4 é composto por duas partes distintas:<br />1. um cabeçalho com uma seção declarativa<br />2. um corpo contendo o atual conteúdo do documento<br />Os espaços em branco (espaços, mudanças de linha, tabulações e comentários) poderão aparecer antes ou depois de cada seção. <br />As seções deverão ser delimitadas pelo elemento HTML.<br />105<br />
  129. 129. Documento HTML<br />Eis aqui o exemplo de um documento HTML simples:<br /><html><br /><head><br /><title>O meu primeiro documento HTML</title><br /> </head><br /><body><br /> <p>Olá Mundo!</p><br /> </body><br /></html><br />106<br />
  130. 130. Documento HTML<br />Agora, informando qual versão do HTML queremos que o navegador interprete.<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br /><html><br /><head><br /><title>O meu primeiro documento HTML</title><br /> </head><br /><body><br /> <p>Olá Mundo!</p><br /> </body><br /></html><br />107<br />
  131. 131. Alguns elementos da HTML<br />Títulos: <h1>, <h2>, ... <h6><br />Parágrafos e Texto: <p>, <strong>, <em>, <abbr>, <a><br />Listas: <ul>, <li>, <ol>, <dl>, <dt>, <dd><br />Contato: <address><br />Estrutura da Página: <header>, <footer>, <article>, <aside>, <section><br />Embutir mídia: <img>, <object>, <audio>, <video>, <canvas>, <svg>, <math><br />
  132. 132. Exercício<br />Vamos criar um documento HTML para entender a lógica de estruturação de uma linguagem de marcação.<br />Tema: um currículo pessoal<br />
  133. 133. Exercício<br />Seu Nome<br />Um parágrafo com uma breve biografia/apresentação<br />Experiência Profissional<br />Formação Acadêmica<br />Capacitação/Atualização<br />Contato<br />
  134. 134. XML<br />XML resumidamente é uma maneira de escrever documentos de marcação.<br />A HTML pode seguir estas regras de sintaxe que a permite ser chamada de XHTML.<br />Algumas outras linguagens seguem a sintaxe XML mas possuem propósito ligeiramente diferente da HTML:<br />RSS, MathML, SVG, Sitemap, etc.<br />
  135. 135. Filosofias da XML<br />Separar conteúdo da formatação<br />Simplicidade e Legibilidade, tanto para humanos quanto para computadores<br />Possibilidade de criação de tags sem limitação<br />Criação de arquivos para validação de estrutura (DTDs ou XML Schema)<br />Interligação de bancos de dados distintos<br />Concentração na estrutura da informação, e não na sua aparência<br />
  136. 136. Regras de Sintaxe da XML<br />Deve possuir um único elemento raiz. Ou seja, a mesma tag deve iniciar e encerrar o documento.<br />O elemento raiz pode ser precedido por uma opcional declaração XML. <br /><?xml version="1.0" encoding="UTF-8"?><br />Dentro do elemento raiz podem haver quantos elementos forem necessários.<br />
  137. 137. Regras de Sintaxe da XML<br />A sintaxe básica de um elemento é:<nome atributo=“valor”> Conteúdo </nome><br />Os valores de atributos devem estar entre aspas (simples ou duplas) e cada atributo deve aparecer somente uma vez num elemento.<br />Os elementos na XML devem estar corretamente encaixado. Ou seja, o último elemento iniciado é o primeiro a ser fechado. Ex.:<pessoa><nome>Thiago</pessoa></nome><pessoa><nome>Thiago</nome></pessoa><br />
  138. 138. Regras de Sintaxe da XML<br />Nomes de elementos são CASE-SENSITIVE. Ou seja: Nome é diferente de nome. Ex.:<nome> ... </nome><Nome> ... </nome><NOME> ... </nome><br />
  139. 139. Distribuição de Informação com RSS<br />RSS É um formato de distribuição de informações (como notícias) pela Internet. <br />Com ele você fica sabendo quando uma informação do seu interesse foi publicada, sem que você tenha de navegar até o site. <br />A abreviatura do RSS é usada para se referir aos seguintes padrões:<br />Rich Site Summary (RSS 0.91)<br />RDF Site Summary (RSS 0.9 e 1.0)<br />ReallySimpleSyndication (RSS 2.0)<br />Também existe o formato Atom 1.0.<br />
  140. 140. Distribuição de Informação com RSS<br />O RSS é amplamente utilizado pela comunidade dos blogs para compartilhar as suas últimas novidades ou artigos completos e até mesmo arquivos multimídia. <br />No ano 2000, o uso do RSS difundiu-se para as maiores empresas de notícias como a Reuters, CNN, e a BBC. Estas empresas permitiam que outros websites incorporassem suas notícias e resumos através de vários acordos de uso.<br />O RSS é usado agora para muitos propósitos, incluindo marketing, bug-reports, e qualquer outra atividade que envolva atualização ou publicação constante de conteúdos. <br />
  141. 141. Feeds RSS<br />O termo Feed vem do verbo em inglês "alimentar“. <br />Os feeds RSS oferecem conteúdo Web ou resumos de conteúdo juntamente com os links para as versões completas deste conteúdo e outros metadados. <br />Esta informação é entregue como um arquivo XML.<br />Um tipo de programa conhecido como "feedreader" ou agregador verifica periodicamente os documentos RSS publicados e informam os usuários se houverem atualizações.<br />
  142. 142. Feeds RSS<br />Os agregadores podem ser programas independentes, extensões de navegadores ou correio-eletrônicos ou ainda aplicações web.<br />Nas páginas web os feeds RSS são tipicamente indicados por um retângulo laranja, com as letras XML ou RSS.<br />
  143. 143. Estrutura de um arquivo RSS<br />channel<br />title<br />link<br />description<br />item<br />title<br />link<br />description<br />Author<br />item<br />title<br />link<br />description<br />author<br />
  144. 144. Exercício<br />Crie uma conta em algum dos seguintes agregadores de feeds:<br />Google Reader<br />Bloglines<br />Netvibes<br />Feedingo<br />
  145. 145. Sitemap (mapa de site)<br />Em 16 de novembro de 2006 Google, Yahoo! e Microsoft formaram uma aliança para estabelecer um padrão comum de um sitemap que facilita a indexação de sites independente do motor de busca envolvido.<br />Sitemap é um arquivo XML com informações de um site que são relevantes para motores de busca, otimizando os resultados de um procura feita por alguém.<br />
  146. 146. Sitemap<br />Última atualização, freqüência da alterações, relevância em relação a outros URLs, etc.<br />Um arquivo de sitemap pode ter até 50 mil URLs e 10 MB.<br />http://sitemaps.org/<br />
  147. 147. Exemplo de Sitemap<br /><urlsetxmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><br /><url><br /> <loc>http://www.pevermelho.net/thiago/</loc><br /> <lastmod>2008-06-25T15:09:03+00:00</lastmod><br /> <changefreq>daily</changefreq><br /> <priority>1.0</priority><br /></url><br /><url><br /> <loc>http://www.pevermelho.net/thiago/politica/eleicoes-2008-para-prefeito-de-londrina/</loc><br /> <lastmod>2008-06-25T15:09:03+00:00</lastmod><br /> <changefreq>weekly</changefreq><br /> <priority>0.3</priority><br /></url><br />(...)<br /></urlset><br />
  148. 148. Referências<br />Esta apresentação contém citação de marcas, imagens de logomarcas que podem possuir direitos de propriedade. Aqui foram usados unicamente para fins didáticos.<br />O conteúdo destes slides foram baseados em documentos publicados nos seguintes sites:<br />http://www.infowester.com/<br />http://pt.wikipedia.com/<br />http://www.w3.org/<br />http://sitemaps.org/<br />http://cyber.law.harvard.edu/rss/rss.html<br />

×