Desenvolvimento para

Dispositivos Móveis
(DDM)

Introdução
Prof. Wesley Pecoraro
wesley.pecoraro@gmail.com 1
 Ementa do Curso
• Introdução • JavaScript
– Motivação e Objetivos, Histórico da – Características da linguagem
Internet e das Linguagens para – Funções, Eventos
WEB/MOBILE, Comparação entre – Windows
linguagens.
– Validação de dados
• HTML (HyperText Markup Language)
– JQuery
– Estrutura da linguagem
• XML (Extensible Markup Language)
– Principais TAG’s, Formulários
– Botões, Caixa de Texto
– Caixa de Seleção, Botão de opção
– Hiperlinks
• Criação de Páginas estáticas
– Cabeçalho, Menu
– Navegação entre páginas
• CSS
– Estruturação de código
– Criação de folhas de estilo 2
– Aplicação de folhas de estilo
 Ementa do Curso
• Introdução • JavaScript
– Motivação e Objetivos, Histórico da – Características da linguagem
Internet e das Linguagens para – Funções, Eventos
WEB/MOBILE, Comparação entre – Windows
linguagens.
– Validação de dados
• HTML (HyperText Markup Language)
– JQuery
– Estrutura da linguagem
• XML (Extensible Markup Language)
– Principais TAG’s, Formulários
– Botões, Caixa de Texto
– Caixa de Seleção, Botão de opção
– Hiperlinks
• Criação de Páginas estáticas
– Cabeçalho, Menu
– Navegação entre páginas
• CSS
– Estruturação de código
– Criação de folhas de estilo 3
– Aplicação de folhas de estilo
 História da Internet

• No início os computadores:
– Ocupavam um andar inteiro;
– Eram extremamente caros;
– Todos os recursos em um único computador;
– Eram manipulados por pessoal especializado;
– Portanto, não havia um rede de computadores.

4
História da Internet

MarkI
5
História da Internet

Eniac

6
 História da Internet

• Depois:
– Foram diminuindo cada vez mais de tamanho;
– Tiveram seu custo reduzido;
– Deixaram de ser exclusivos de órgãos governamentais e de
grandes empresas;
– Tornaram-se máquinas de uso pessoal
– Surgiu a necessidade de compartilhamento de informações e
de recursos
– Tornaram-se um meio de comunicação.

7
História da Internet

8
 História da Internet
• ARPANET

– Implementado no final de 1960 pela ARPA (Advanced

Research Projects Agency);

– Sistemas de computador em rede de uma dúzia de

universidades e instituições com 56KB comunicações linhas;

– Criada para permitir a comunicação rápida entre os

pesquisadores e o compartilhamento de dados;

– Projetada para ser operada sem controle centralizado.

9
 História da Internet
• Arquitetura de rede:
– Para que pudessem operar de forma consistente e com
diferentes tecnologias e meios de comunicação, as redes
foram divididas em camadas.

10
 História da Internet
• A ARPANET foi se expandindo, juntando com redes
da europa, asia e atingindo outros países.

• Enorme variedade de hardware e software de rede

foi desenvolvida.

• Em seguida, foi liberar para uso comercial,

tornando-se a Internet.

Tim Berners-Lee (déc. 90)

World Wide Web (www)

11
 História da Internet
• Internet hoje
– Mistura de tecnologias de computação e de comunicação;
– Torna a informação constantemente e instantaneamente
disponíveis a qualquer pessoa com uma conexão;
– Páginas dinâmicas
– Diversas tecnologias:
• HTML, Java, XML, CSS, PHP, JavaScript, React.js, Angular, Node.js...
etc.

https://programadoresdepre.com.br/8-melhores-frameworks-de-desenvolvimento-web-em-2022/
12
 World Wide Web
Consortium (W3C)
• W3C
– Organização fundada em 1994 por Tim Berners-Lee
• Dedicado ao desenvolvimento de tecnologias não-
proprietárias e interoperáveis ​para a World Wide Web e
tornar a Web acessível a todos
– Padronização
• Recomendações W3C: tecnologias padronizadas pelo W3C
– Incluído Extensible HyperText Markup Language (XHTML),
Cascading Style Sheets (CSS) e o Extensible Markup Language
(XML)
• As sugestões para padronização deve ser colocada à prova
de um processo de avaliação para poder ser considerado
uma Recomendação W3C
13
 World Wide Web
Consortium (W3C)
• Órgão não governamental que regulamenta os padrões
da Internet.

• W3C homepage : www.w3.org www.w3schools.com

• Milhares de sócios em todo o planeta.

14
 Tendências de Hardware
• Melhoria das tecnologias
– Comunidade da Internet prospera na melhoria de:
• Hardware
• Software
• Comunicações

– Custo dos produtos e serviços

• Constantemente caindo ao longo das décadas

– Capacidade e a velocidade dos computadores

• Dobra a cada dois anos (em média)

– Capacidade e velocidade das redes

• Melhorias com base em protocolos e hardware 15
 Tendência de Software

• Custos
– Custos do HW caindo
– Custos de desenvolvimento de software subindo

• Objetos
– Componentes de software reutilizáveis
– Maior produtividade
– Facilidade de entendimento, correção e
modificação
16
 Evolução das Linguagens de
Programação

• C
• Evolução da linguagem B
• Implementada em 1972
• Linguagem estruturada

• C++
• Desenvolvida em 1980
• Usada em Unix
• Orientada a Objetos
17
 Evolução das Linguagens de
Programação
• Java
– Desenvolvida em 1991 a partir das linguagem C/C++
– Visava dispositivos eletrônicos inteligentes
– Evolui em 1993 com a explosão da WWW com potencial
para criar páginas web
– Introduzida com o nome Java em 1995
– Vantagens:
• Desenvolvimento de páginas web dinâmicas e com conteúdo interativo
• Permite aplicações corporativas de larga escala
• Fornece aplicações para consumidores de dispositivos móveis

18
 Evolução das Linguagens de
Programação
• JavaScript
– Linguagem de script Orientada a Objetos
– Suporta técnicas de engenharia de software
– Uso livre
– Portável
– Executa no lado do cliente

20
 Evolução das Linguagens de
Programação
• PHP (Personal Home Page)
– Linguagem de script Orientada a Objetos
– Executa no lado do servidor
– Depende de servidor PHP instalado no servidor do site

https://www.php.net/elephpant.php

21
 Linguagens da Web

• HTML • Linguagem que define a

estrutura de páginas web.
• XML
• Permite publicar
• XHTML documentos online;
• CSS recuperar informação com
um click; inclusão de
material multimídia.

22
 O que é isso?

• HTML • Linguagem que permite

• XML representar informação
• XHTML estruturada.
• CSS • Documentos, dados,
configurações, livros,
transações, etc.

23
 O que é isso?

• HTML • Linguagem variante do

• XML HTML que utiliza a
• XHTML sintaxe do XML.
• CSS • Tem todos os elementos
do HTML mas com
sintaxe diferente.

24
 O que é isso?

• HTML • Linguagem que

• XML descreve a
• XHTML apresentação de
páginas web.
• CSS
• Incluindo cores, layout e
fontes.

25
 Bibliografia
Livros

RAMALHO, José Antonio Alves. Curso

Completo para Desenvolvedores Web.
Campus, 2005.

STARK, Jonathan; JEPSON, Brian.

Construindo aplicativos Android com
HTML, CSS e JavaScript. São Paulo:
Editora Novatec, 2012.

26