Your SlideShare is downloading. ×

Introducao desenvolvimento-web

128
views

Published on


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

  • Be the first to like this

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. AULA 01 UMA VISÃO GERAL DO DESENVOLVIMENTO WEB domingo, 15 de setembro de 13
  • 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. O QUE É ISSO • Informação a qualquer hora • Rápidos resultados • Portabilidade absoluta • Manutenção facilitada domingo, 15 de setembro de 13
  • 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. 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. 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. 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. 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. ENTENDENDO O DESENVOLVIMENTO WEB domingo, 15 de setembro de 13
  • 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. 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. COMO FUNCIONA ? domingo, 15 de setembro de 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. DESENVOLVIMENTO FRON-END desenvolvimento em CAMADAS domingo, 15 de setembro de 13
  • 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. CAMADAS ? domingo, 15 de setembro de 13
  • 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. 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. 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. 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. 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. 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. RESUMINDO... domingo, 15 de setembro de 13
  • 24. DESENVOLVIMENTO BACK-END domingo, 15 de setembro de 13
  • 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. ALGUMASTECNOLOGIAS domingo, 15 de setembro de 13
  • 27. PADRÕES WEB fazendo certo domingo, 15 de setembro de 13
  • 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. 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. 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. 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. 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. QUAIS AS ÁREAS DE TRABALHO ? domingo, 15 de setembro de 13
  • 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. AULA 02 SISTEMAS GERENCIADORES DE CONTEÚDO domingo, 15 de setembro de 13
  • 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. 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. 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. 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. 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

×