Curso Tcnico em Informtica

Mdulo II
Introduo a Programao Web

Prof. Marcelo Antunes Davi IFPR Campus Umuarama

O que Internet
o conjunto de diversas redes de computadores que se comunicam atravs dos protocolos TCP/IP, conhecida popularmente como a grande rede mundial de computadores. Uma rede de computadores nada mais que a interligao de dois ou mais computadores, que sejam capazes de trocar informaes entre si.
2

Um Pouco de Histria da Internet

Sua origem nos Estados Unidos em 1969, auge da guerra fria, tendo objetivos militares e interligava originalmente laboratrios de pesquisa e se chamava ARPAnet. O nome Internet propriamente dito surgiu bem mais tarde, quando a tecnologia da ARPAnet passou a ser usada para conectar universidades e laboratrios, primeiro nos Estados Unidos e depois em outros pases. Durante duas dcadas a Internet ficou restrita ao ambiente acadmico e cientfico. Em 1987 pela primeira vez foi liberado seu uso comercial nos Estados Unidos.
3

Histria e Evoluo da Internet

Mas foi em 1992 que a rede virou moda, comearam a aparecer nos Estados Unidos vrias empresas provedoras de acesso Internet. Centenas de milhares de pessoas comearam a colocar informaes na Internet tornando-se uma mania mundial. A Internet no Brasil tem sua origem com a criao da Rede Nacional de Pesquisas (RNP) em julho de 1990. Um projeto do Ministrio da Educao, para gerenciar a rede acadmica brasileira, at ento dispersa em iniciativas isoladas.
4

Histria e Evoluo da Internet

Em 1992, foi instalado o primeiro backbone (espinha dorsal) no Brasil, conectando as principais universidades e centros de pesquisa do pas, alm de algumas organizaes no-governamentais, como o Ibase. A liberao da Internet, no Brasil, para explorao comercial ocorreu em 1995 quando os primeiros provedores de acesso comerciais surgiram. O Ministrio das Comunicaes e o Ministrio da Cincia e Tecnologia criaram um Comit Gestor Internet, com nove representantes, para acompanhar a expanso da rede no Brasil.
5

Principais Servios da Internet

Pginas Web ou WWW Correio Eletrnico Transferncia de Arquivos Acesso Remoto Listas de discusso Bate-papo Traduo de endereos IP em nomes
6

O que a WWW
A World Wide Web (algo como: Grande Teia Mundial) ou simplesmente Web, uma designao dada a prpria rede Internet atravs do seu uso com navegadores (browsers). A Web nasceu em 1991 no laboratrio CERN, na Sua. Seu criador, Tim Berners-Lee, a concebeu apenas como uma linguagem que serviria para interligar computadores do laboratrio e outras instituies de pesquisa e exibir documentos cientficos de forma simples e fcil de acessar. A chave do sucesso da World Wide Web o hipertexto, que so textos e imagens interligados atravs de palavras-chave, tornando a navegao simples e agradvel.
7

WWW e Browser
A "antiga" Internet, antes da Web, exigia do usurio disposio para aprender comandos em Unix bastante complicados e enfrentar um ambiente unicamente em texto. A Web fez pela Internet o que o Windows fez pelo computador pessoal, tornando o seu uso mais fcil e amigvel. Para vermos todo potencial da grande rede, utilizamos um Browser, uma palavra em ingls utilizada para designar os Programas de Navegao na Internet. Em portugus o termo empregado Navegador.
8

Alguns Navegadores (Browser)

K-Meleon
Internet Explorer

Chrome

Safari

SeaMonkey Opera Netscape 9

Firefox

Servidores Web
Servidores Web so computadores dotados de software especfico de gerenciamento de sites e que permitem aceitar solicitaes de computadores de clientes (atravs dos browsers) e retornar respostas essas solicitaes. Os servidores Web realizam a traduo de scripts, repassando ao browser do usurio apenas os cdigos que eles possuam capacidade para executar, alm de permitir que voc compartilhe informaes pela Internet.

10

Principais Servidores do Mercado

O Apache Webserver mudou a Internet e abriu os olhos de muita gente para o mundo do software livre. Graas a eles possvel ter um servidor web de alto desempenho e qualidade, a um custo mnimo. Internet Information Service (IIS) o servidor Web da Microsoft. a plataforma para quem quer trabalhar com a tecnologia ASP e .NET.

Servidor Web da IBM voltado para aplicaes Java e J2EE, um dos principais servidores de alto desempenho e robustez do mercado.

11

Principais Servidores do Mercado

Servidor Web gratuito para aplicaes J2EE, pode rodar sozinho ou como uma extenso do Apache ou do IIS. Faz parte da Apache Fundation, responsveis pelo Apache Webserver. Muito utilizado no meio acadmico.

Muito bem conceituado, um dos lideres de mercado de servidores J2EE.

Sun GlassFish Enterprise Server, um servidor de aplicaes rpido e fcil de usar, baseado na Plataforma Java e tecnologia Enterprise Edition (Java EE) para o desenvolvimento e entrega de aplicaes e servios web.

12

O Protocolo de Transferncia de Hipertexto (HTTP)

O HTTP (Protocolo de Transferncia de Hipertexto) um protocolo que estabelece um conjunto de regras e padres para troca de mensagens entre recursos na Web, alm de proporcionar a comunicao entre o cliente (browser) e o servidor Web. Este protocolo tem a caracterstica de ser stateless, isso significa que ele no mantm uma conexo, ele sempre conecta, envia uma mensagem, recebe uma resposta e desconecta.
13

Arquitetura Cliente / Servidor

14

Endereo da Web - URL Localizador Universal de Recursos

Seu formato mais comum algo como http://www.nome.com.br http: o protocolo utilizado para buscar pginas na Web. www: (World Wide Web) conveno que indica que o endereo pertence Web (no obrigatrio). nome: nome da empresa ou instituio que mantm o servio. com: indica ser uma empresa comercial (edu, mil, org, net ..) br: indica que o endereo no Brasil (ar, pt, py, es, dk, mx ...) Exemplo: www.ifpr.edu.br
15

Linguagens de Marcao
Uma pgina Web contm marcas especiais, conhecidas por tags, que determinam o papel de cada elemento dentro do texto. Uma linguagem de marcao combina texto com informaes sobre ele, sendo que estas informaes podem se referir tanto a estrutura do texto quanto a sua apresentao. As marcaes ou marcas so divididas basicamente em duas classes: as marcaes procedimentais e descritivas.
16

Marcaes Procedimentais
X

Marcaes Descritivas
Marcaes procedimentais: so aquelas que contm informao sobre o que fazer no momento da impresso, centralizar o texto na linha, mudar o tipo ou tamanho da fonte. Em outras palavras, o autor do documento atua diretamente no layout final da apresentao do documento. Exemplo: LATEX. Marcaes Descritivas: conhecidas tambm por semnticas, so aquelas que do informao sobre o significado associado a um trecho de texto, tais como ttulo, autor, sees, etc. Aqui o autor no se preocupa com a apresentao e indica simplesmente o que deve ser impresso. O layout de responsabilidade do programa de composio de documentos. Exemplo: Browser.
17

Principais Linguagens de Marcao

SGML (Standard Generalized Markup Language) XML (Extensible Markup Language) CML (Chemical Markup Language) MathML (Mathematical Markup Language) GML (Geography Markup Language) HTML (Hypertext Markup Language) XHTML (Extensible Hypertext Markup Language)

18

Trecho da Hierarquia das Linguagens de Marcao

19

Web Standards
Web Standards ou Padres Web um conjunto de normas, diretrizes, recomendaes, notas, artigos, tutoriais e afins de carter tcnico, produzidos pelo W3C (World Wide Web Consortium) e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de prticas que possibilitem a criao de uma Web acessvel a todos, independentemente dos dispositivos usados ou de suas necessidades especiais. Validando cdigo HTML - http://validator.w3.org/ Validando cdigo CSS - http://jigsaw.w3.org/css-validator/
20

A Linguagem de Marcao de Hipertexto (HTML)

A HTML (Hypertext Markup Language) uma Linguagem de Marcao voltada para: estruturao de documentos, apresentao visual de documentos em um navegador ("browser") A HTML derivada da linguagem pioneira de marcao SGML (Standard Generalized Markup Language) e foi criada por Tim Berners Lee (o idealizador da WWW) especificamente para a composio e apresentao de documentos na Web.
21

A Linguagem de Marcao de Hipertexto (HTML)

A evoluo cronolgica dessas linguagens foi a seguinte: SGML HTML 1.0 HTML xx XML HTML 4.01 XHTML. Um documento estruturado composto por contedo (texto, figuras, etc) e informao sobre o papel do contedo no documento, ou seja, como ele est estruturado. Por exemplo: um artigo tcnico usualmente composto por um "ttulo", "autores", "resumo", diversas "sees" e uma "bibliografia", nesta ordem. Cada um dos componentes (ou "elementos") indicados entre aspas acima, representa uma parte estrutural do documento.
22