Upload
marciomota
View
110
Download
1
Embed Size (px)
DESCRIPTION
Citation preview
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
ALGUMAS TECNOLOGIAS
domingo, 15 de setembro de 13
PADRÕES WEBfazendo 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 DE TRABALHO• 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