APS77B5 7E8SEMESTRE CC

Prévia do material em texto

14
Universidade Paulista UNIP
Anne Caroline Dionizio Garcia – F0526G8- annedionizio1998@gmail.com
Alexandre Silvestrin – F08CAF-3- alexandresilvestrin16@gmail.com
Paulo Victor Diogo - F1004F0 - paulovdiogo@outlook.com
Luis Gustavo Gomes Lopes – N519886 – luisgustavolp.contato@gmail.com
“DESENVOLVIMENTO DE UMA APLICAÇÃO DE SISTEMA DISTRIBUÍDO PARA DISPOSITIVO MÓVEL”
DESENVOLVIMENTO DE UM APP PARA VERIFICAR A TEMPERATURA E QUALIDADE DO AR DO LOCAL PESQUISADO
São Paulo
2022
SUMÁRIO
Objetivo	3
Introdução	4
Fundamentos das tecnologias	5
Plano de desenvolvimento	
6.1 API.PI	
6.2 FUNCAO.PY	
Projeto	
Código	
6.1 HTLM	
6.2 API.PI	
6.3 FUNCAO.PY	
Bibliografia	
Fichas	
1 OBJETIVO
Como objetivo deste trabalho, de acordo com a proposta solicitada “desenvolver uma aplicação baseada em sistemas distribuídos para um dispositivo móvel”, desenvolvemos uma aplicação onde como resultado será apresentada a temperatura de um local pesquisado pelo usuário, seja uma cidade ou um estado, e junto a ela, também traga como resultado a qualidade do ar, para atender implementação solicitada referente ao gerenciamento de informações ambientais urbanas no projeto.
Segundo Carlos e Francisco (2013, pág.14) “o tratamento do clima urbano, como um dos componentes da qualidade ambiente, não poderá ser considerado insignificante para o mundo moderno”.
 (
10
)
2 INTRODUÇÃO
 A previsão do tempo é realizada desde as antigas civilizações da Mesopotâmia, China, Índia, Egito e Grécia, com os mais diferentes meios e interesses socioeconômicos.
 As técnicas utilizadas nas previsões meteorológicas evoluíram muito nesse tempo com a criação de instrumentos específicos, e muito mais precisos, para que fosse possível realizar a medição da temperatura, pressão, direção e velocidade do vento, direção e quantidade de chuva, irradiação solar, umidade do ar etc.
 O tempo e o clima estão em constante evolução, mas há padrões que se repetem (clima) e outros que podem ser antecipados, o que permite prever o tempo futuro com dias de antecedência e até mesmo, em algumas circunstâncias, padrões climáticos com meses de antecedência. Todas as previsões meteorológicas são bastante úteis para a humanidade. (NOBRE, Carlos; 2009, pág. 3).
O desenvolvimento desse projeto foi realizado de acordo nossos conhecimentos adquiridos em sala de aula e através das pesquisas realizadas sobre o assunto, e sobre as ferramentas possíveis para utilização. Nosso intuito é desenvolver uma plataforma simples e fácil, para além da temperatura de um determinado local o usuário também tenha a informação da qualidade do ar do estado ou cidade pesquisado. Para o desenvolvimento utilizamos a biblioteca Flask da linguagem de programação Python. 
 
3 FUNDAMENTOS DAS TECNOLOGIAS
Clima Tempo
Umidade do ar
4 PLANO DE DESENVOLVIMENTO
Conceitos:
Python
Flask
HTML
Aplicação mobile
5 PROJETO (ESTRUTURA)
 Utilizamos a linguagem Python e HTML pra desenvolver o nosso aplicativo na web, para funcionando tanto em um desktop quanto no mobile.
 O aplicativo indica a temperatura atual, a temperatura máxima e a temperatura mínima para o dia atual. Indica também a umidade do ar a data e como está o céu (ensolarado, nublado, nuvens dispersas, etc).
Imagem 1 – Layout do projeto
Fonte: Autor
5.1 ARQUIVO API.PY
flask - Utilizamos Flask pra desenvolver o app e poder carregar o HTML usando o render_template()
render_template() – Este método renderiza o arquivo HTML que possui comando PYTHON dentro marcador por duas chaves {{ exemplo }}.
request - usado pra pegar informação do site doque foi digitado na caixa de texto REQUEST.FORM["NOME"].
funcao - E logo após, um IMPORT do arquivo que nós criamos para pegar valores da API utilizada.
time - Utilizado pegar a data do dia atual que foi executado e mostrar para o usuário.
Imagem 2 – Data atual
Fonte: Autor
home - Esta função faz a criação as variáveis que serão utilizadas no HTML e renderiza o arquivo HTML.
5.2 FUNCAO.PY
requests - Utilizado pra fazer a requisição da API utilizada, e pegar as informações dela REQUESTS.GET("LINK AQUI").
json - Utilizado para transformar a informação pega do REQUESTS em JSON e tratá-la.
valorespesq(cidade) - Esta função recebe o nome da cidade e usa o REQUESTS pra pegar a informação da api e depois transforma em arquivo JSON.
 Após coletar a informação da API tratamos ela pegando as informações que queremos e adicionamos em variáveis como na imagem (céu, temperatura, temp_mim, etc.) e no final a função retorna as variáveis que queremos.
Imagem 3 – Informações da cidade pesquisada.
Fonte: Autor
6 CÓDIGO
6.1 HTML
<!DOCTYPE html>
7 <html lang="pt-br">
8 
9 <head>
10 <meta charset="UTF-8">
11 <meta name="viewport" content="width=device-width, initial-scale=1.0">
12 <meta http-equiv="X-UA-Compatible" content="ie=edge">
13 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
14 integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
15 <link rel="stylesheet" href="style.css" />
16 <title>Weather</title>
17 <title>Weather</title>
18 </head>
19 
20 <body>
21 <div class="container-fluid p-0 container-sm d-flex justify-content-center">
22 <div class="card text-center shadow-lg" style="width: 26rem;">
23 <div class="card-header bg-white text-dark font-weight-bold">
24 TEMPO E TEMPERATURA
25 </div>
26 <div class="card-body">
27 <div class="city">{{cidade}}, BR</div>
28 <div class="date">{{dia}}/{{mes}}/{{ano}}</div>
29 <div class="container-temp mx-4 my-3">
30 <div>{{temperatura}}°c</div>
31 <div>umidade do ar = {{umi}}% </div>
32 </div>
33 <div class="weather py-2">{{ceu}}</div>
34 <div class="low-high">{{tempmin}}°c MIN {{tempmax}}°c MAX</div>
35 </div>
36 
37 <div class="card-footer bg-white">
38 <form action="pesq" method="post">
39 <div class="input-group ">
40 <input placeholder="digite o nome da cidade" name="nome">
41 <button class="btn btn-outline-warning text-dark" type="submit">
42 <i class="fas fa-search"></i>
43 </button>
44 </div>
45 </form>
46 </div>
47 </div>
48 
49 </div>
50 </div>
51 
52 <script src="script.js"></script>
53 <script src="https://kit.fontawesome.com/f0e17cbf2f.js" crossorigin="anonymous"></script>
54 </body>
55 
56 </html>
	 6.2 API.PI
import requests
import json
from flask import Flask, render_template, url_for, request, flash, redirect
from funcao import valores, valorespesq
import time
app = Flask(__name__)
app.config['SECRET_KEY'] = 'ac9b08d33bd9c8dbf72a933a368352c8'
@app.route('/')
def home():
 cidade = 'Sao paulo'
 ano, mes, dia, hora, minuto, f, g, h, i = time.localtime()
 ceu, temperatura, umidade , tempMin, tempMax = valores()
 return render_template('index.html', ceu=ceu, temperatura=temperatura, umi=umidade, dia=dia, mes=mes, ano=ano, tempmax= tempMax, tempmin= tempMin,cidade= cidade)
@app.route('/pesq', methods=["POST"])
def pesq():
 cidade = request.form["nome"]
 ano, mes, dia, hora, minuto, f, g, h, i = time.localtime()
 ceu, temperatura, umidade, tempMin, tempMax = valorespesq(cidade)
 return render_template('index.html', ceu=ceu, temperatura=temperatura, umi=umidade, dia=dia, mes=mes, ano=ano, tempmax= tempMax, tempmin= tempMin, cidade=cidade)
if __name__ == '__main__':
 app.run(debug=True)
 6.3 FUNCAO.PY
import requests
import json
def valores():
 pesq = requests.get(
 'https://api.openweathermap.org/data/2.5/weather?q=sao paulo&APPID=64ed82577ced7f69cb1687f0ce536131&lang=pt_br')
 resultado = pesq.json()
 print(resultado)
 ceu = resultado['weather'][0]['description']tempo_dic = resultado['main']
 temperatura = int(tempo_dic['temp'] - 273)
 temp_min = int(tempo_dic['temp_min'] - 273)
 temp_max = int(tempo_dic['temp_max'] - 273)
 umidade = tempo_dic['humidity']
 return ceu, temperatura, umidade, temp_min, temp_max
def valorespesq(cidade):
 pesq = requests.get(f'https://api.openweathermap.org/data/2.5/weather?q={cidade}&APPID=64ed82577ced7f69cb1687f0ce536131&lang=pt_br')
 resultado = pesq.json()
 print(resultado)
 ceu = resultado['weather'][0]['description']
 tempo_dic = resultado['main']
 temperatura = int(tempo_dic['temp'] - 273.15)
 temp_min = int(tempo_dic['temp_min'] - 273.15)
 temp_max = int(tempo_dic['temp_max'] - 273.15)
 umidade = tempo_dic['humidity']
 return ceu, temperatura, umidade, temp_min, temp_max
7 BIBLIOGRAFIA
CAVALVANCI, Iracema et.al. “Tempo e clima no Brasil / Iracema F. A.”. (2009). Editora: Editora Oficina de Textos.
MONTEIRO, Carlos. “CLIMA URBANO”. (2013). Editora: Contexto.
GRINBERG, Miguel. “Flask Web Development.”. (2018). Editora: O'Reilly Media.
Disponível em: https://www.google.com.br/books/edition/Flask_Web_Development/cVlPDwAAQBAJ?hl=pt-BR&gbpv=1&dq=flask&printsec=frontcover
8 FICHAS