SlideShare uma empresa Scribd logo
1 de 40
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados

Desenvolvimento Mobile
Desenvolvimento MobileDesenvolvimento Mobile
Desenvolvimento MobileElton Minetto
 
Who Is A DevOps Engineer? | DevOps Skills You Must Master | DevOps Engineer M...
Who Is A DevOps Engineer? | DevOps Skills You Must Master | DevOps Engineer M...Who Is A DevOps Engineer? | DevOps Skills You Must Master | DevOps Engineer M...
Who Is A DevOps Engineer? | DevOps Skills You Must Master | DevOps Engineer M...Edureka!
 
Gerenciamento de projetos - Iniciação
Gerenciamento de projetos - IniciaçãoGerenciamento de projetos - Iniciação
Gerenciamento de projetos - IniciaçãoPaulo Junior
 
Introdução a Testes Automatizados
Introdução a Testes AutomatizadosIntrodução a Testes Automatizados
Introdução a Testes Automatizadoselliando dias
 
Qualidade de Software - Introdução
Qualidade de Software - Introdução Qualidade de Software - Introdução
Qualidade de Software - Introdução Elaine Cecília Gatto
 
Extreme Programming (XP) e Scrum
Extreme Programming (XP) e ScrumExtreme Programming (XP) e Scrum
Extreme Programming (XP) e ScrumRafael Souza
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxMarceloRosenbrock1
 
Engenharia De Software
Engenharia De SoftwareEngenharia De Software
Engenharia De SoftwareCursoSENAC
 
Node.JS - Workshop do básico ao avançado
Node.JS - Workshop do básico ao avançadoNode.JS - Workshop do básico ao avançado
Node.JS - Workshop do básico ao avançadoEduardo Bohrer
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento webRodrigo Rodrigues
 
Engenharia Requisitos - Aula4 06 03 2006
Engenharia Requisitos - Aula4 06 03 2006Engenharia Requisitos - Aula4 06 03 2006
Engenharia Requisitos - Aula4 06 03 2006Luís Fernando Richter
 
Testes de Software
Testes de SoftwareTestes de Software
Testes de SoftwareCapgemini
 
Aula 1- Fundamentos da computação móvel
Aula 1- Fundamentos da computação móvelAula 1- Fundamentos da computação móvel
Aula 1- Fundamentos da computação móvelJanynne Gomes
 
Introdução à Engenharia de Software
Introdução à Engenharia de SoftwareIntrodução à Engenharia de Software
Introdução à Engenharia de SoftwareNécio de Lima Veras
 
Engenharia de requisitos
Engenharia de requisitosEngenharia de requisitos
Engenharia de requisitosMailson Queiroz
 

Mais procurados (20)

Desenvolvimento Mobile
Desenvolvimento MobileDesenvolvimento Mobile
Desenvolvimento Mobile
 
Who Is A DevOps Engineer? | DevOps Skills You Must Master | DevOps Engineer M...
Who Is A DevOps Engineer? | DevOps Skills You Must Master | DevOps Engineer M...Who Is A DevOps Engineer? | DevOps Skills You Must Master | DevOps Engineer M...
Who Is A DevOps Engineer? | DevOps Skills You Must Master | DevOps Engineer M...
 
Gerenciamento de projetos - Iniciação
Gerenciamento de projetos - IniciaçãoGerenciamento de projetos - Iniciação
Gerenciamento de projetos - Iniciação
 
Teste de Software - Introdução
Teste de Software - IntroduçãoTeste de Software - Introdução
Teste de Software - Introdução
 
Scrum
ScrumScrum
Scrum
 
Introdução a Gerenciamento de Projetos
Introdução a Gerenciamento de ProjetosIntrodução a Gerenciamento de Projetos
Introdução a Gerenciamento de Projetos
 
Introdução a Testes Automatizados
Introdução a Testes AutomatizadosIntrodução a Testes Automatizados
Introdução a Testes Automatizados
 
Qualidade de Software - Introdução
Qualidade de Software - Introdução Qualidade de Software - Introdução
Qualidade de Software - Introdução
 
Extreme Programming (XP) e Scrum
Extreme Programming (XP) e ScrumExtreme Programming (XP) e Scrum
Extreme Programming (XP) e Scrum
 
Introdução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptxIntrodução ao desenvolvimento da web.pptx
Introdução ao desenvolvimento da web.pptx
 
Engenharia De Software
Engenharia De SoftwareEngenharia De Software
Engenharia De Software
 
Node.JS - Workshop do básico ao avançado
Node.JS - Workshop do básico ao avançadoNode.JS - Workshop do básico ao avançado
Node.JS - Workshop do básico ao avançado
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Engenharia Requisitos - Aula4 06 03 2006
Engenharia Requisitos - Aula4 06 03 2006Engenharia Requisitos - Aula4 06 03 2006
Engenharia Requisitos - Aula4 06 03 2006
 
Testes de Software
Testes de SoftwareTestes de Software
Testes de Software
 
Aula 1- Fundamentos da computação móvel
Aula 1- Fundamentos da computação móvelAula 1- Fundamentos da computação móvel
Aula 1- Fundamentos da computação móvel
 
Introdução à Engenharia de Software
Introdução à Engenharia de SoftwareIntrodução à Engenharia de Software
Introdução à Engenharia de Software
 
Páginas dinâmicas
Páginas dinâmicasPáginas dinâmicas
Páginas dinâmicas
 
Engenharia de requisitos
Engenharia de requisitosEngenharia de requisitos
Engenharia de requisitos
 
Aula 6 - Qualidade de Software
Aula 6 - Qualidade de SoftwareAula 6 - Qualidade de Software
Aula 6 - Qualidade de Software
 

Semelhante a Introducao desenvolvimento-web

Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoUbiratan Z. do Nascimento
 
Introdução ao WCM System
Introdução ao WCM SystemIntrodução ao WCM System
Introdução ao WCM SystemWander Costa
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web appsJoão Maciel
 
AMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps ModernasAMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps ModernasDan Vitoriano
 
Introdução a arquitetura de sistemas com .NET
Introdução a arquitetura de sistemas com .NETIntrodução a arquitetura de sistemas com .NET
Introdução a arquitetura de sistemas com .NETMário Meyrelles
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livreRuan Carvalho
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software LivreRuan Carvalho
 
A importância dos padrões web
A importância dos padrões webA importância dos padrões web
A importância dos padrões webDivulgrs
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxLuiz Antonio
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveisLeandro Borges
 
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...E-Commerce Brasil
 

Semelhante a Introducao desenvolvimento-web (20)

Engenharia Web
Engenharia WebEngenharia Web
Engenharia Web
 
Desvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucessoDesvendando padrões para desenvolvimento web, base para o sucesso
Desvendando padrões para desenvolvimento web, base para o sucesso
 
Dream 01
Dream 01Dream 01
Dream 01
 
Dream 01
Dream 01Dream 01
Dream 01
 
Introdução ao WCM System
Introdução ao WCM SystemIntrodução ao WCM System
Introdução ao WCM System
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Progressive web apps
Progressive web appsProgressive web apps
Progressive web apps
 
AMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps ModernasAMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps Modernas
 
Introdução a arquitetura de sistemas com .NET
Introdução a arquitetura de sistemas com .NETIntrodução a arquitetura de sistemas com .NET
Introdução a arquitetura de sistemas com .NET
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
 
Whole Site Delivery with Amazon CloudFront
Whole Site Delivery with Amazon CloudFrontWhole Site Delivery with Amazon CloudFront
Whole Site Delivery with Amazon CloudFront
 
A importância dos padrões web
A importância dos padrões webA importância dos padrões web
A importância dos padrões web
 
Aula09 - Java Script
Aula09 - Java ScriptAula09 - Java Script
Aula09 - Java Script
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
 
Intro desenvolvimento-web
Intro desenvolvimento-webIntro desenvolvimento-web
Intro desenvolvimento-web
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveis
 
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
 
Web Standards
Web StandardsWeb Standards
Web Standards
 

Introducao desenvolvimento-web

  • 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
  • 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
  • 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
  • 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
  • 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
  • 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