Introducao desenvolvimento-web

AULA 01

UMA VISÃO GERAL DO DESENVOLVIMENTO

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

O QUE É ISSO

• Informação a qualquer hora

• Rápidos resultados

• Portabilidade absoluta

• Manutenção facilitada

O QUE É WEB 2.0 ?

• Voltar ao tempo para entender o termo

• A evolução da web

• Ciclo

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

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”

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

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

ENTENDENDO O DESENVOLVIMENTO WEB

VANTAGENS

• Informação a qualquer hora, em qualquer lugar

• Rápidos resultados

• Portabilidade absoluta

• Manutenção facilitada

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

COMO FUNCIONA ?

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)."

DESENVOLVIMENTO FRON-END

desenvolvimento em CAMADAS

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.

CAMADAS ?

CAMADA DE CONTEÚDO

• Camada fundamental, a mais importante.

• Na maioria das vezes, HTML / xHTML – hoje evoluído para HTML5.

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.

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.

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!

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

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

RESUMINDO...

DESENVOLVIMENTO BACK-END

ENTENDENDO...

Servidores Web, BD Internet

Terceirizável Manutenção Mínima,

Tempo Zero de ConfiguraçãoAplicação

Cliente com Web Browser

ALGUMAS TECNOLOGIAS

PADRÕES WEBfazendo certo

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.

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

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

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

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)

QUAIS AS ÁREAS DE TRABALHO ?

Á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

AULA 02

SISTEMAS GERENCIADORES DE

CONTEÚDO

O DESENVOLVIMENTO DO CMS

• A história do gerenciamento de conteúdos

• Papiros

• Livros

• Bibliotecas

• Prensa de Gutenberg

• Catalogação

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.

CARACTERÍSTICAS DE UM CMS

• O que é conteúdo ?

• O que é um gerenciador ?

• O que é um gerenciador de conteúdos ?

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)

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

Introducao desenvolvimento-web

Documents

Transcript of Introducao desenvolvimento-web

02 introducao

introducao - soldagem

Furtado Celso Introducao Ao Desenvolvimento Enfoque Historico Estrutural

Introducao à Nuvem da Amazon Web Services

Desenvolvimento Web

03 Introducao Seg App Web

Prolog - Introducao

Básico Desenvolvimento Web

Desenvolvimento Mobile Web

Introducao Rup

Cartilha w3c acessibilidade web | Desenvolvimento web

1 Desenvolvimento de coleções: introducao

Desenvolvimento em .Net - Introducao A Framework

Introducao Java Web Globalcode

Desenvolvimento web - XHTML

Desenvolvimento Web

Introducao Apometria

Introducao Java

Introducao Javascript

Introducao - revisado.docx