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
domingo, 15 de setembro de ...
O QUE É ISSO
• Informação a qualquer hora
• Rápidos resultados
• Portabilidade absoluta
• Manutenção facilitada
domingo, 1...
O QUE É WEB 2.0 ?
• Voltar ao tempo para entender o termo
• A evolução da web
• Ciclo
domingo, 15 de setembro de 13
1º CICLO: 1994 - 1996
• Conteúdo: estático e atualizado pelos webmasters
• Tecnologia: escassa e limitada
• Desenvolviment...
2º CICLO: 1997 - 2000
• Conteúdo:A publicação de artigos e notícias se torna automático
• Tecnologia: Evolução das tecnolo...
3º CICLO: 2001 - 2004
• Conteúdo:Ainda mais dinâmico, mais customizável e mais abrangente
(músicas, vídeos e animações).
•...
4º CICLO: 2004 - ? ? ? ?
• Conteúdo: Em sua grande maioria livre. Os usuários
• Tecnologia: Padrões muito mais próximos ao...
ENTENDENDO O
DESENVOLVIMENTO WEB
domingo, 15 de setembro de 13
VANTAGENS
• Informação a qualquer hora, em qualquer lugar
• Rápidos resultados
• Portabilidade absoluta
• Manutenção facil...
COMO FUNCIONA ?
• Visualização de dados sem comunicação externa (conteúdo estático)
• A partir da troca de dados, entre um...
COMO FUNCIONA ?
domingo, 15 de setembro de 13
DEFINIÇÃO
• Desenvolver pra web resume-se, então, em:
"criar interfaces (páginas) que dão acesso a um conteúdo local ou
ex...
DESENVOLVIMENTO
FRON-END
desenvolvimento em CAMADAS
domingo, 15 de setembro de 13
CAMADAS ?
• Uma página web constitui-se de três camadas:
• Conteúdo
• Apresentação
• Comportamento
• A divisão em camadas,...
CAMADAS ?
domingo, 15 de setembro de 13
CAMADA DE CONTEÚDO
• Camada fundamental, a mais importante.
• Na maioria das vezes, HTML / xHTML – hoje evoluído para HTML...
CAMADA DE CONTEÚDO
• XHTML É a linguagem responsável por exibir e estruturar os dados.
• Teoria muito simples, fácil enten...
CAMADA DE APRESENTAÇÃO
• Basicamente, é a formatação, o design da página.
• Deve ser construída a partir de uma linguagem ...
E AGORA ?
• Até agora, temos pouca interação com o usuário.
• Tem conteúdo, é bonito. Mas é sem graça.
• O usuário precisa...
CAMADA DE
COMPORTAMENTO
• É a camada que permite melhorar a interação do usuário com a
página
• É composta principalmente ...
JAVASCRIPT
• Uma poderosíssima linguagem de programação, mais voltada para a
Web, que nos oferece inúmeros recursos para u...
RESUMINDO...
domingo, 15 de setembro de 13
DESENVOLVIMENTO
BACK-END
domingo, 15 de setembro de 13
ENTENDENDO...
Servidores
Web, BD Internet
Terceirizável Manutenção
Mínima,
Tempo Zero de
ConfiguraçãoAplicação
Cliente com...
ALGUMASTECNOLOGIAS
domingo, 15 de setembro de 13
PADRÕES WEB
fazendo certo
domingo, 15 de setembro de 13
PADRÕES WEB ?
• É um conjunto de normas e recomendações para o desenvolvimento
web que visam padronizar e, assim, facilita...
QUEM CRIA ?
• Um consórcio chamado W3C (World Wide Web Consortium), que
foi criado para tornar a Web "universal", criando ...
PADRÕES WEB
• O maior problema que enfrentamos hoje, quando estamos
desenvolvendo uma aplicação web, é a incompatibilidade...
PADRÕES WEB
• Internet Explorer e Netscape Navigator, os mais usados na época,
travaram uma verdadeira "guerra"
• O result...
NAVEGADORES
• Então entramos na briga e agora apoiamos completamente os
padrões web.
• E agora os navegadores estão cada v...
QUAIS AS ÁREAS DE
TRABALHO ?
domingo, 15 de setembro de 13
ÁREAS DETRABALHO
• Desenvolvedor back-end
• JAVA,php, ruby, django (python), asp;
• Desenvolvedor front-end
• Html 5, CSS3...
AULA 02
SISTEMAS
GERENCIADORES DE
CONTEÚDO
domingo, 15 de setembro de 13
O DESENVOLVIMENTO DO
CMS
• A história do gerenciamento de conteúdos
• Papiros
• Livros
• Bibliotecas
• Prensa de Gutenberg...
O QUE É GERENCIAMENTO
DE CONTEÚDO ?
• O gerenciamento de conteúdo pode ser descrito como a solução do
problema geral para ...
CARACTERÍSTICAS DE UM
CMS
• O que é conteúdo ?
• O que é um gerenciador ?
• O que é um gerenciador de conteúdos ?
domingo,...
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ú...
SELECIONANDO UM CMS
• Funcionalidade Principal
• O editor de textos
• Gerenciamento de recursos (imagens, videos)
• Buscas...
Upcoming SlideShare
Loading in...5
×

Introducao desenvolvimento-web

166

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
166
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Introducao desenvolvimento-web

  1. 1. AULA 01 UMA VISÃO GERAL DO DESENVOLVIMENTO WEB domingo, 15 de setembro de 13
  2. 2. CONCEITOS QUE FUNDAMENTAM A WEB • O que é WEB 2.0 • Ciclos da WEB • Abrangência • WEB 2.0 hoje domingo, 15 de setembro de 13
  3. 3. O QUE É ISSO • Informação a qualquer hora • Rápidos resultados • Portabilidade absoluta • Manutenção facilitada domingo, 15 de setembro de 13
  4. 4. O QUE É WEB 2.0 ? • Voltar ao tempo para entender o termo • A evolução da web • Ciclo domingo, 15 de setembro de 13
  5. 5. 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 domingo, 15 de setembro de 13
  6. 6. 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” domingo, 15 de setembro de 13
  7. 7. 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 domingo, 15 de setembro de 13
  8. 8. 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 domingo, 15 de setembro de 13
  9. 9. ENTENDENDO O DESENVOLVIMENTO WEB domingo, 15 de setembro de 13
  10. 10. VANTAGENS • Informação a qualquer hora, em qualquer lugar • Rápidos resultados • Portabilidade absoluta • Manutenção facilitada domingo, 15 de setembro de 13
  11. 11. 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 domingo, 15 de setembro de 13
  12. 12. COMO FUNCIONA ? domingo, 15 de setembro de 13
  13. 13. 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)." domingo, 15 de setembro de 13
  14. 14. DESENVOLVIMENTO FRON-END desenvolvimento em CAMADAS domingo, 15 de setembro de 13
  15. 15. 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. domingo, 15 de setembro de 13
  16. 16. CAMADAS ? domingo, 15 de setembro de 13
  17. 17. CAMADA DE CONTEÚDO • Camada fundamental, a mais importante. • Na maioria das vezes, HTML / xHTML – hoje evoluído para HTML5. domingo, 15 de setembro de 13
  18. 18. 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. domingo, 15 de setembro de 13
  19. 19. 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. domingo, 15 de setembro de 13
  20. 20. 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! domingo, 15 de setembro de 13
  21. 21. 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 fica restrita a determinados dispositivos / programas domingo, 15 de setembro de 13
  22. 22. 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 domingo, 15 de setembro de 13
  23. 23. RESUMINDO... domingo, 15 de setembro de 13
  24. 24. DESENVOLVIMENTO BACK-END domingo, 15 de setembro de 13
  25. 25. ENTENDENDO... Servidores Web, BD Internet Terceirizável Manutenção Mínima, Tempo Zero de ConfiguraçãoAplicação Cliente com Web Browser domingo, 15 de setembro de 13
  26. 26. ALGUMASTECNOLOGIAS domingo, 15 de setembro de 13
  27. 27. PADRÕES WEB fazendo certo domingo, 15 de setembro de 13
  28. 28. 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. domingo, 15 de setembro de 13
  29. 29. 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 domingo, 15 de setembro de 13
  30. 30. 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 domingo, 15 de setembro de 13
  31. 31. 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 domingo, 15 de setembro de 13
  32. 32. 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) domingo, 15 de setembro de 13
  33. 33. QUAIS AS ÁREAS DE TRABALHO ? domingo, 15 de setembro de 13
  34. 34. Á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 domingo, 15 de setembro de 13
  35. 35. AULA 02 SISTEMAS GERENCIADORES DE CONTEÚDO domingo, 15 de setembro de 13
  36. 36. O DESENVOLVIMENTO DO CMS • A história do gerenciamento de conteúdos • Papiros • Livros • Bibliotecas • Prensa de Gutenberg • Catalogação domingo, 15 de setembro de 13
  37. 37. 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 final seja essa informação de forma impressa ou digital. domingo, 15 de setembro de 13
  38. 38. CARACTERÍSTICAS DE UM CMS • O que é conteúdo ? • O que é um gerenciador ? • O que é um gerenciador de conteúdos ? domingo, 15 de setembro de 13
  39. 39. 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),Workflow, 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) domingo, 15 de setembro de 13
  40. 40. 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 domingo, 15 de setembro de 13
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×