Programação III

(1)

Programação III

UNIDADE 1 – INTRODUÇÃO

Prof. Toni Montenegro

(2)

Conteúdo Previsto

• Apresentação da Disciplina

• Introdução a Programação Web

Toni Montenegro

(3)

Objetivo

• Apresentar os conceitos básicos para

programação voltada à web. Auxiliar o aluno no desenvolvimento de aplicações em páginas da internet. Introduzir tecnologias atuais

aplicadas no desenvolvimento web

(4)

Programação

• UNIDADE 1

– Introdução a web – HTML

• UNIDADE 2

– Folhas de Estilo em Cascata (CSS)

• UNIDADE 3

– Scripts (Javascript, Jquery, ...)

• UNIDADE 4

– PHP

(5)

Avaliações

• 2 Trabalhos

• Provas

• Atividades em Sala + Av. qualitativa

– NF = (T1 + P1) + (T2 + P2) + AS

(6)

Bibliografia

• CONVERSE, Tim; PARK, Joyce. Php - A Bíblia. 2.ed. Rio de Janeiro: Campus, 2003.

• MUTO, Claudio Adonai. PHP & MYSQL - Guia introdutório.

3.ed. Rio de Janeiro:Brasport, 2003.

• THOMSON, Laura; WELLIG, Luke. PHP e MYSQL -

Desenvolvimento Web. 3.ed. Rio de Janeiro: Campus, 2003.

• OLIVIERO, Carlos A. J. Série Faça um Site - Dreamweaver CS4 - Orientado por Projeto - para Windows. São Paulo:

Érica, 2009.

(7)

(8)

Visão Geral - Internet

• Internet – Uma rede formada por diversas redes (internetwork).

• É um conjunto de LANs/WANs interligadas a fim de fornecer facilidade de comunicação.

• As tecnologias e protocolos de cada rede

individual tornam-se transparentes aos usuários.

(9)

Protocolos

• Em termos lógicos, a comunicação na Internet se baseia na família de protocolos TCP/IP.

• Os protocolos TCP/IP foram criados pelo Dept.

de Defesa dos EUA, tendo sido adotados como padrão no UNIX a partir do 4.3 BSD.

• Protocolos:

– TCP, UDP, IP, ARP, RARP, ICMP, RIP, SMTP,

HTTP, DNS, SLIP, PPP...

(10)

TCP/IP

• Os protocolos da família TCP/IP constituem a base para a interligação dos computadores na Internet

• Arquitetura dividida em camadas:

– Aplicação, Transporte, Internet e Acesso à Rede

• IP -> Protocolo de Roteamento

• TCP, UDP -> Protocolos de Transporte

• FTP, TELNET, DNS, SMTP, SNMP, NFS, HTTP … ->

– Protocolos da Camada de Aplicação.

(11)

Camadas TCP/IP

(12)

WWW

• Conceito: Estrutura arquitetônica que permite o acesso a documentos interligados

espalhados pela Internet.

• Aplicação tão popular que muitas pessoas

pensam ser “A Internet”, porém é a aplicação

do hipertexto na Internet.

(13)

A Web

• Desde 1995, a Web é responsável pela maior parte do tráfego na Internet.

• A Web é um gigantesco sistema de hipertexto em escala global

• Separação entre o software de armazenamento da informação e o software de visualização

• A Web funciona sobre dois padrões:

– Protocolo HTTP

– Linguagem HTML

(14)

Arquitetura

(15)

Execução Nível Cliente

• HTML

• CSS

• Javascript

• Applets

• ...

(16)

HTML

(17)

CSS

(18)

CSS - “pagina.css”

(19)

CSS

• Demonstração:

– http://www.csszengarden.com/

(20)

(21)

(22)

(23)

(24)

(25)

JavaScript

(26)

JavaScript

(27)

Execução no Cliente

• Problema: compatibilidade entre browsers!

– Firefox – Opera – Safari – Chrome

– Internet Explorer

– Konqueror

(28)

Execução no Servidor

• Necessidade dos websites oferecerem conteúdos dinâmicos e atualizados

• Ciclo de vida da informações trafegadas entre servidor e cliente (escopo)

• Linguagens de script – JSP

– ASP

– PHP

(29)

Execução no Servidor

(30)

Servidores Web

• IIS

• Apache

• Tomcat

(31)

IIS

• Internet Information Server

• Microsoft

• Famoso por apresentar diversos problemas de

segurança no passado

(32)

Apache

• Servidor web mais utilizado no mundo atualmente (Fonte: Netcraft)

• Software Livre

• Escrito em C

• Executa diversas linguagens script: PhP,

– Perl, ASP, etc.

• Possui suporte nativo ao MySQL

(33)

Tomcat

• Implementação de referência para JSP/

– Servlets (Java)

• Escrito em Java

• Devido à sua simplicidade e fácil instalação, é comumente utilizado em cursos para

desenvolvimento web

(34)

Exemplo PHP

(35)