www.cin.ufpe.br/~pet

CapaCIntaçãocriação de páginas

Pet Informática UFPEInstrutores: Allynson Praxedes Soares(aps2)

André Barros Braga (abb2) Jesus Sanchez-Palencia (jspff)

• Expressar instruções para um computador

• Objetivo: construir um programa

• Linguagem de marcação:– Sobre textos:

• Informações• Instruções

– Exemplo: HTML

Linguagem de Programação

• Linguagem de máquinaÉ a linguagem natural de um computador. Ex. +1300042774 +1400593419

• Linguagem assemblyÉ uma linguagem que utiliza instruções semelhantes ao inglês. Precisa de tradutor, que vai transformar isso na lingaugem de máquina (acima).Ex. LOAD BASEPAY ADD OVERPAY

Tipos de linguagem de programação

• Linguagem de alto nívelUtilizam instruções mais poderosas do que as instruções assembly. Ex. TOTAL=BASEPAY + OVERPAY

Compiladores traduzem programas em linguagem de alto nível para programas em linguagem de máquina.

Interpretadores : lê uma instrução e executa (não transforma em linguagem de máquina) Ex: HTML, XHTML, JavaScript, etc.

Tipos de linguagem de programação

• Implementação da ARPAnet (avó da Internet)No final da década de 1960 a ARPA (Advanced Research Projects Agency) anuncia os planos para conectar em rede os computadores de algumas universidades. As conexões deveriam ser a 56Kbps (Na época, as poucas pessoas que se conectavam a computadores por linhas telefônicas utilizavam 110bps).Em vez do beneficio principal (compartilhamento dos computadores), a ARPAnet permitiu que os pesquisadores se comunicassem rápida e facilmente por electronic-mail (e-mail).

História da Internet

• A ARPAnet utilizava uma técnica conhecida como de envio de pequenos pacotes• Os pacotes continham informação de endereço(onde está a máquina), controle de erros e sobre seqüência.• As informações sobre endereço permitiam que os pacotes fossem para o lugar certo.• As informações sobre seqüência ajudavam a montar os pacotes na ordem original.

História da Internet

• Pacotes de diferentes destinos eram transmitidos na mesma linha.• A técnica de comutação por pacotes reduziu bastante os custos de transmissão em comparação com os custos de linhas de comunicação dedicadas.• A rede foi projetada para operar sem controle centralizado. Se uma parte da rede falhasse, a rede continuava a operar roteando os pacotes por outros nós da rede.

História da Internet

• Maneira de se comunicar– Português, inglês, chinês

• Padrões de comportamento– “Com licensa, posso entrar?”– Mandar um papel, esperar uma assinatura, etc...

Protocolo

• Os protocolos da ARPAnet tornaram-se conhecidos como TCP – Transmission Control Protocol.• O TCP assegurava que as mensagens fossem corretamente enviadas de um lugar a outro.• Enquanto a Internet se desenvolvia, as organizações mundiais estavam implementando suas próprias redes.• Apareceu uma ampla variedade de Hardware e Software de rede.

História da Internet

• O grande desafio era obter comunicação entre as diferentes redes.• A ARPA realizou isso com o desenvolvimento do protocolo IP – Internetworking Protocol. • O conjunto combinado de protocolos é comumente denominado de TCP/IP.

História da Internet

• Inicialmente, somenta para universidades e instuições de pesquisa.• Depois as forças armadas começaram a usar a Internet.• Por fim, a Internet passou a ser utilizada para propósito comercial.• Em 1977, a Apple Computer popularizou o fenômeno da computação pessoal.• Em 1981, a IBM lançou o IBM personal Computer.

História da Internet

• As empresas começaram a investir no desenvolvimento da Internet.• Aumentou muito a competição no•A largura de banda (o quanto pode ser mandado pela internet) aumentou tremendamente.• Os custos diminuíram significativamente.

História da Internet

• A World Wide Web é um evento relativamente recente.• Em 1990, Tim Berners-Lee, desenvolveu a WWW e vários protocolos de comunicação que formam a base da Web.• Em 1994, Tim Berners-Lee, fundou a organização World Wide Web Consortium (W3C), dedicada a desenvolver tecnologias interoperáveis não-proprietárias para Web

História da Internet

• O W3C (www.w3.org) é também uma organização de padronização.• As tecnologias WEB padronizadas pelo W3Csão chamadas de “recomendações”• As recomendações incluem:

HTML, XML, CSS

• Uma recomendação é um documento que especifica o papel, e regras de uma tecnologia.

História da Internet

Cliente - Sevidor

Dynamic HTML

• Aplicativos na Web de alto desempenho, onde grande parte de uma aplicativo é executada no cliente em vez de no servidor

Dynamic HTML

• A Dynamic HTML faz as páginas Web “ganharem vida”, fornecendo efeitos como animação, som e vídeo.

• Os documentos XHTML podem ser criados em um editor de texto (Word, bloco de notas, ...).

• Devem ser salvos com a extensão .html ou .htm (ex: “pagina.html”)

• Os documentos XHTML ficam no servidor (lembram?)

• Os clientes pedem através dos servidores informações específicas (como páginas (sites))

Editando XHTML

• Como funciona?– Organizamos o texto dizendo onde começa e

onde termina o que queremos fazer– ex: <nome> Allynson Praxedes </nome>– <nome> e </nome> dizem onde começa e oned

termina o nome de Allynson

Primeiro exemplo

• Nosso primeiro exemplo é um documento HTML que exibe a mensagem “Bem vindo ao HTML” no navegador.

• As linha 1 e 7 dizem que é um documento html

• “Body” (Corpo, em inglês), indica o que vai aparecer na página

• A linha chave do programa é a linha 4.

Primeiro exemplo