PROJETO INTEGRADOR EM

COMPUTAÇÃO II

Desenvolvimento Web
VISÃO GERAL

Cliente Requisição HTTP Servidor

Navegador Servidor
Web
Internet Web

Resposta HTTP
MODELO CLIENTE - SERVIDOR
Arquitetura em três níveis
Módulos Acoplados
ao servidor

Servidor Web
Clientes (Web Server)
PHP
Browser
+ HTTP HTTP
HTML Internet CGI
+
Forms e
Scriptst ASP
Documentos
Sistemas
HTML
Gerenciador de
Base de Dados

Servidor Servidor
Base de Dados
DE ACORDO COM NOSSO TEMA
CENTRAL
Desenvolver um software com framework web
que utilize banco de dados, inclua script web
(JavaScript), nuvem, uso de API, acessibilidade,
controle de versão e testes. Opcionalmente
incluir análises de dados.

Precisamos saber como e onde acoplar cada

uma dessas tecnologias novas.
TECNOLOGIAS FAMILIARES

Linguagem de programação
• Python

Framework Web
• Flash, Django

Controle de versões
• GIT e GITHub

Noções de banco de dados

• SQLite, MySQL, etc.
SCRIPT PARA WEB

Padrão de mercado atualmente é JavaScript.

Linguagem geralmente utilizada do lado do

cliente para gerenciar elementos da página web
no navegador.

Atualmente possui inúmeras extensões: Node.js,

JQuery, Ajax, etc.
COMPUTAÇÃO EM NUVEM
Fornecimento de serviços de computação pela
Internet para oferecer inovações mais rápidas,
recursos flexíveis e economia. [1]

Serviços de computação incluem:

 Servidores, armazenamento, bancos de
dados, rede, software, etc.

Exemplo: hospedagem de um website num

servidor público
[1] https://azure.microsoft.com/pt-br/overview/what-is-cloud-computing/
ACESSIBILIDADE NA WEB
Prática de desenvolvimento de aplicações web
que possam ser utilizadas por todas as pessoas,
portadoras ou não de deficiências.

Necessidades:
 Visual
 Motora
 Auditiva
 Convulsões
 Cognitiva
Exemplo: adicionar descrição textual alternativa
em elementos visuais HTML
APPLICATION PROGRAM INTERFACE (API)
Interface de programação que permite a criação de aplicações e
programas de maneira prática por desenvolvedores.
Oferece também um padrão para desenvolvimento de novas
aplicações/plataformas

Exemplos de APIs:
 Desenvolvimento Android iOS
 Sistema de pagamento em e-commerce
 Download de vídeos do YouTube
 Integração de Facebook e Instagram
 Etc
TESTES DE APLICAÇÕES WEB
Simulação de casos de usos reais e avaliação do desempenho
de cada funcionalidade.

Tipos principais de testes

 Unit tests: interações diretas com o código-fonte.

 Web Service/API tests: validar se APIs, serviços
e bibliotecas da aplicação estão funcionando
conforme esperado.
 GUI tests: valida o comportamento da interface
gráfica de acordo com simulações de interações
específicas do usuário.
ANÁLISE DE DADOS
Processo de aplicação de técnicas estatísticas e
lógicas para avaliar informações obtidas de
determinados processos.

Tipos de análises:
 Descritiva
 Preditiva
 Prescritiva
 Diagnóstica
Exemplo: coleta de dados de interação em páginas de
e-commerce para inferir comportamentos de compra.
PROJETO INTEGRADOR EM
COMPUTAÇÃO II

Desenvolvimento Web