Introducao desenvolvimento-web

AULA 01
UMA VISÃO GERAL DO
DESENVOLVIMENTO
WEB
domingo, 15 de setembro de 13

CONCEITOS QUE
FUNDAMENTAM A WEB
• O que é WEB 2.0
• Ciclos da WEB
• Abrangência
• WEB 2.0 hoje

O QUE É ISSO
• Informação a qualquer hora
• Rápidos resultados
• Portabilidade absoluta
• Manutenção facilitada

O QUE É WEB 2.0 ?
• Voltar ao tempo para entender o termo
• A evolução da web
• Ciclo

1º CICLO: 1994 - 1996
• Conteúdo: estático e atualizado pelos webmasters
• Tecnologia: escassa e limitada
• Desenvolvimento: Praticamente artesanal
• Serviços:Apenas uma vitrine, nenhuma interação com o usuário

2º CICLO: 1997 - 2000
• Conteúdo:A publicação de artigos e notícias se torna automático
• Tecnologia: Evolução das tecnologias e surgimento de outras
• Desenvolvimento: Surgem softwares que ajudam em algumas partes
do processo
• Serviços: Surgem as primeiras aplicações comerciais, os usuários já
tem alguma interatividade. Inicio dos “Webmails”

3º CICLO: 2001 - 2004
• Conteúdo:Ainda mais dinâmico, mais customizável e mais abrangente
(músicas, vídeos e animações).
• Tecnologia:Tecnologia começa a se tornar padrão com (xHTML,
CSS, XML).A era do flash. Os navegadores alcançam níveis
satisfatórios de recursos
• Desenvolvimento: Surgem NOVOS softwares que ajudam em
algumas partes do processo
• Serviços: Deixam de ser vitrines e se tornam aplicações profissionais.
O usuário confia um pouco mais na web e começa a comprar pela
internet

4º CICLO: 2004 - ? ? ? ?
• Conteúdo: Em sua grande maioria livre. Os usuários
• Tecnologia: Padrões muito mais próximos ao W3C; Surgimento do
AJAX, consolidação do padrão XML
• Desenvolvimento: Mais automatizado, mais ferramentas de
desenvolvimento, muito mais produtivo. Seja no cliente ou no
Servidor.
• Serviços: O uso de recursos como o Ajax, deixam os sites com
aparência de aplicações. Os usuários tem muito mais interação com
os sites, conquistam mais poder e liberdade

ENTENDENDO O
DESENVOLVIMENTO WEB

VANTAGENS
• Informação a qualquer hora, em qualquer lugar
• Rápidos resultados
• Portabilidade absoluta
• Manutenção facilitada

COMO FUNCIONA ?
• Visualização de dados sem comunicação externa (conteúdo estático)
• A partir da troca de dados, entre um cliente e um servidor
(conteúdo dinâmico)
• Arquitetura client-server: requisição - resposta

COMO FUNCIONA ?

DEFINIÇÃO
• Desenvolver pra web resume-se, então, em:
"criar interfaces (páginas) que dão acesso a um conteúdo local ou
externo, sendo este através de requisições e respostas (troca de dados)."

DESENVOLVIMENTO
FRON-END
desenvolvimento em CAMADAS

CAMADAS ?
• Uma página web constitui-se de três camadas:
• Conteúdo
• Apresentação
• Comportamento
• A divisão em camadas, além de ser uma boa prática, facilita o nosso
trabalho e nos oferece mais performance ao projeto.

CAMADAS ?

CAMADA DE CONTEÚDO
• Camada fundamental, a mais importante.
• Na maioria das vezes, HTML / xHTML – hoje evoluído para HTML5.

CAMADA DE CONTEÚDO
• XHTML É a linguagem responsável por exibir e estruturar os dados.
• Teoria muito simples, fácil entendida quando bem usada
• Deve ser sempre o mesmo código, independentemente do
dispositivo / programa que acessa a página.

CAMADA DE APRESENTAÇÃO
• Basicamente, é a formatação, o design da página.
• Deve ser construída a partir de uma linguagem chamada CSS
(Cascading Style Sheet – Folha de estilos encadeados).
• CSS é a parte do código que cuida do layout, design e formatação da
página e seus componentes;
• Uso simples, intuitivo;
• Pode mudar de acordo com o dispositivo ou programa que está
acessando a página, ou até mesmo com as preferências do usuário.

E AGORA ?
• Até agora, temos pouca interação com o usuário.
• Tem conteúdo, é bonito. Mas é sem graça.
• O usuário precisa interagir mais com a página, e a página precisa
reagir a comandos do usuário! A página precisa de comportamento!

CAMADA DE
COMPORTAMENTO
• É a camada que permite melhorar a interação do usuário com a
página
• É composta principalmente por uma outra linguagem, chamada
JavaScript. Muitas vezes essa camada ﬁca restrita a determinados
dispositivos / programas

JAVASCRIPT
• Uma poderosíssima linguagem de programação, mais voltada para a
Web, que nos oferece inúmeros recursos para uma página
• Recursos mais avançados da linguagem, às vezes, requerem um
navegador mais aprimorado

RESUMINDO...

DESENVOLVIMENTO
BACK-END

ENTENDENDO...
Servidores
Web, BD Internet
Terceirizável Manutenção
Mínima,
Tempo Zero de
ConfiguraçãoAplicação
Cliente com
Web Browser

ALGUMASTECNOLOGIAS

PADRÕES WEB
fazendo certo

PADRÕES WEB ?
• É um conjunto de normas e recomendações para o desenvolvimento
web que visam padronizar e, assim, facilitar a programação e acesso.

QUEM CRIA ?
• Um consórcio chamado W3C (World Wide Web Consortium), que
foi criado para tornar a Web "universal", criando padrões
• É composto por empresas na área de tecnologias pra Web

PADRÕES WEB
• O maior problema que enfrentamos hoje, quando estamos
desenvolvendo uma aplicação web, é a incompatibilidade de nossos
projetos entre navegadores.
• Quando a Web surgiu, navegadores começaram a adicionar recursos
que apenas ele possuíam, no intuito de atrair desenvolvedores
• O problema era que todos os navegadores eram usados. E o usuário
tem direito a ter acesso onde ele quiser

PADRÕES WEB
• Internet Explorer e Netscape Navigator, os mais usados na época,
travaram uma verdadeira "guerra"
• O resultado foi que cada site tinha que ter uma versão para cada
navegador
• E quem era mais prejudicado? Isso. Nós. Desenvolvedores

NAVEGADORES
• Então entramos na briga e agora apoiamos completamente os
padrões web.
• E agora os navegadores estão cada vez mais se aprimorando neste
aspecto.
• Próxima geração (mais usados)

QUAIS AS ÁREAS DE
TRABALHO ?

ÁREAS DETRABALHO
• Desenvolvedor back-end
• JAVA,php, ruby, django (python), asp;
• Desenvolvedor front-end
• Html 5, CSS3, javascript, Usabilidade / Acessibilidade
• Arquitetura web
• SOA,Web-Services,API
• Segurança web

AULA 02
SISTEMAS
GERENCIADORES DE
CONTEÚDO

O DESENVOLVIMENTO DO
CMS
• A história do gerenciamento de conteúdos
• Papiros
• Livros
• Bibliotecas
• Prensa de Gutenberg
• Catalogação

O QUE É GERENCIAMENTO
DE CONTEÚDO ?
• O gerenciamento de conteúdo pode ser descrito como a solução do
problema geral para o produtor de conteúdo bem como para a
entrega desse conteúdo para o consumidor ﬁnal seja essa informação
de forma impressa ou digital.

CARACTERÍSTICAS DE UM
CMS
• O que é conteúdo ?
• O que é um gerenciador ?
• O que é um gerenciador de conteúdos ?

CARACTERÍSTICAS DE UM
CMS
• Criação de Conteúdo - Essa fase pode ser dividida em Aquisição de
conteúdo,Agregação de conteúdo Distribuído e Criação / Autoria de
novos conteúdos propriamente ditos.
• Gerenciamento Adequado de Conteúdo - Inclui Design da
Informação (o que pode ser relevante para cada plataforma em que
o conteúdo será aplicado),Workﬂow, Metadados,Aprovações,
Repositório,Transformações, localização, servidor de teste, garantia de
qualidade, etc.
• Entrega do Conteúdo - Aqui dividi-se em servidor de entrega,
Publicação em multi-canais e Distribuição (RSS,Web Services)

SELECIONANDO UM CMS
• Funcionalidade Principal
• O editor de textos
• Gerenciamento de recursos (imagens, videos)
• Buscas
• Personalização
• Interação com o usuário
• Acessos e Permissões
• Versionamento de conteúdos

Introducao desenvolvimento-web

Mais conteúdo relacionado

Mais procurados

Semelhante a Introducao desenvolvimento-web

Introducao desenvolvimento-web