Programação de

Aplicativos

FIEMG - Federação das Indústrias do Estado de Minas Gerais

Guilherme S. Lima
SUMÁRIO

1) Introdução e Conceitos
2) Pré requisitos
3) Linguagens
4) Exemplo prático
5) Referências

2
 1. Introdução

▰ Inserção das tecnologias no cotidiano.

▰ Comunicação
▰ Celulares utilizados como ferramenta de trabalho.
▰ Aplicativos de delivery
▰ Trânsito.

3
 1. Introdução

▰ Ecosistema
▰ Smartphones e iPads
▰ Loja online

4
 1. Introdução

Figura 1 - Comparação entre um Smartphone e um desktop

5
 1. 1 Front-end

Front-End é tudo que envolve a parte visível de um site ou aplicação,

com a qual os usuários podem interagir.

Figura 2 - Código fonte de um aplicativo Figura 3 - Tela de um aplicativo

6
 1. 2 Back-end

O back end é a parte traseira da computação, ou seja, o código. Aquilo que o

usuário não vê, mas que sem ele a interface não teria qualquer funcionalidade

7 Figura 4 - Comparação entre Back-end e Front-end

 2. Pré-requisitos

▰ o programador deve ter domínio das linguagens de programação.

▰ Boa lógica de programação
▰ Conhecimento em banco de dados

8
 3. Linguagens

Em geral, existem os seguintes tipos de aplicativos:

▰ Multiplataforma
▰ Nativos
▰ Web

9
 3. Linguagens

React Native (também conhecido como RN) é uma estrutura de aplicativo

móvel popular, baseada na linguagem JavaScript, que permite criar
aplicativos móveis renderizados nativamente para iOS e Android

10
 3. Linguagens

JavaScript é uma linguagem de programação dinâmica que é usada para

desenvolvimento web, em aplicativos web, para desenvolvimento de jogos
e muito mais.

11
 4. Exemplo prático

Tela de cadastro de usuários, contendo três

campos de entrada de texto e um botão de envio
de cadastro.

Figura 5 - Aplicação feita em React Native

12
 3. Exemplo prático

Figura 7 - Código fonte da aplicação feita

em React Native
Figura 8 - Aplicação feita em React Native
13 Figura 6 - Código fonte da aplicação feita em React Native
 3. Exemplo prático

Figura 10 - Aplicação feita em React

14 Figura 9 - Código fonte da aplicação feita Native
em React Native
 3. Exemplo prático

Navegação na gaveta
O padrão comum na navegação é usar a gaveta
do lado esquerdo (às vezes do lado direito) para
navegar entre as telas.

Figura 11 - Aplicação feita em React

15 Native
 3. Exemplo prático

Figura 13 - Aplicação feita em React

16 Figura 12 - Código fonte da aplicação feita Native
em React Native
 Aviso Legal

O presente material foi gerado com base em conteúdos didáticos e

informações próprias e/ou coletadas a partir dos diversos veículos
de comunicação existentes, inclusive a Internet, citadas ao longo de
seu conteúdo, contendo ilustrações adquiridas de banco de imagens
de origem privada ou pública, não possuindo a intenção de violar
qualquer direito pertencente à terceiros e sendo voltado para fins
acadêmicos ou meramente ilustrativos.

17
 Referências

• Google Android: Aprenda a criar aplicações para dispositivos

móveis com o Android SDK.
2ª edição , Lacheta, Ricardo, 2010, 0003
• Java - Como Programar , Deitel, H. and Deitel, P., 2010, 0002
• Aplicações móveis : arquitetura, projeto e desenvolvimento , Lee,
V.; Schneider, H. Schell,
R., 2005, 0004

18