Introducao desenvolvimento-web

  • 91 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
91
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
4
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