Introducao desenvolvimento-web
Upcoming SlideShare
Loading in...5
×
 

Introducao desenvolvimento-web

on

  • 153 views

 

Statistics

Views

Total Views
153
Views on SlideShare
153
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Introducao desenvolvimento-web Introducao desenvolvimento-web Presentation Transcript

  • 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 13
  • O QUE É ISSO • Informação a qualquer hora • Rápidos resultados • Portabilidade absoluta • Manutenção facilitada domingo, 15 de setembro de 13
  • 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 • Desenvolvimento: Praticamente artesanal • Serviços:Apenas uma vitrine, nenhuma interação com o usuário domingo, 15 de setembro de 13
  • 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
  • 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
  • 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
  • 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 facilitada domingo, 15 de setembro de 13
  • 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
  • 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 externo, sendo este através de requisições e respostas (troca de dados)." domingo, 15 de setembro de 13
  • 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, 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
  • 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 HTML5. domingo, 15 de setembro de 13
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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 Web Browser domingo, 15 de setembro de 13
  • 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, facilitar a programação e acesso. domingo, 15 de setembro de 13
  • 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
  • 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
  • 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
  • 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
  • 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, javascript, Usabilidade / Acessibilidade • Arquitetura web • SOA,Web-Services,API • Segurança web domingo, 15 de setembro de 13
  • 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 • Catalogação domingo, 15 de setembro de 13
  • 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
  • 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
  • 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
  • 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