DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados....

24
Câmara Municipal de Espera Feliz / MG Câmara Municipal de Espera Feliz/MG Transparência para informar, cidadania para transformar Biênio 2017/2018 DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE DADOS EM Leonardo Alves de Souza

Transcript of DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados....

Page 1: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

MG

Câmara Municipal de Espera Feliz/MG

Transparência para informar, cidadania para transformar

Biênio 2017/2018

DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O

GERENCIAMENTO DE DADOS EM

Leonardo Alves de Souza

Page 2: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

G

A cidade está localizada na Zona da Mata Mineira e encontra-se a 378 km de Belo Horizonte, a capital do estado. Conta com aproximadamente 30 mil habitantes.

Espera Feliz - MG

Page 3: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

A Câmara Municipal de Espera Feliz

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

G

Aderiu ao programa Portal Modelo e SAPL (Sistema de Apoio ao Processo Legislativo) no ano de 2010.

Hoje conta com todas as leis disponíveis no site da Câmara Municipal.

No ano de 2017 tivemos a oportunidade de transmitir AO VIVO as sessões plenárias pela primeira vez.

Page 4: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

G

Page 5: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

MG

Endereço: http://camaraefeliz.mg.gov.br

Resolução Nº 179/2012 que dispõe sobre o site “Portal da Transparência Total” da Câmara Municipal de Espera Feliz.

Como principais ferramentas o Portal Modelo e o SAPL.

Page 6: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

MG

Page 7: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Consulta Pública

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

MG

Objetivo: Aproximar os cidadãos do poder público, fazendo com que os mesmos participem das decisões do município.

Page 8: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Políticas Públicas

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

MG

A partir da identificação do problema, o cidadão é convidado a preencher o formulário web, com sua opinião;

O Formulário web para o gerenciamento de dados em consulta pública, trata-se de uma ferramenta tecnológica destinada, fundamentalmente, à consultas sobre Políticas Públicas ou problemas públicos.

Page 9: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

G

Com o fechamento da consulta

pública, a ferramenta produzirá

relatório, o qual será determinante

para a tomada de decisão do

gestor.

Page 10: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

MG

O ProblemaNo caso do município de Espera Feliz/MG, a consulta foi construída para discutir sobre mobilidade urbana.

Fonte: 2017 (http://pml.lavras.mg.gov.br)

Page 11: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

MG

A consulta pública em questão é destinada aos cidadãos residentes no município.

Page 12: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

G

Ambiente de desenvolvimento

Page 13: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

IDE de desenvolvimento

Page 14: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Desenvolvimento

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

G

• Para o desenvolvimento do formulário foram utilizadas as linguagens de programação PHP (PHP: Hypertext Preprocessor) em orientação a objetos.

• Com a linguagem SQL (Structured Query Language) para banco de dados.

• Para o desenvolvimento da interface gráfica foram utilizadas as marcações de hipertexto HTML5 (Hypertext Markup Language) e a folha de estilo em cascata CSS (Cascading Style Sheets).

Page 15: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Linguagens Utilizadas

Page 16: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

G

Com a necessidade de segurança e abstração de dados foi utilizada a classe PDO

A vantagem está no objetivo de fornecer uma biblioteca limpa e consistente, para deixar unificadas as características das extensões que acessam os bancos de dados.

Page 17: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

G

Características PDO

Flexibilidade – Como o PDO carrega o driver específico do banco de dados em tempo de execução, não é preciso reconfigurar o PHP sempre que um banco de dados diferente for usado.

Desempenho – O PDO está escrito em C e compilado no PHP, o que lhe garante um aumento considerável no desempenho em relação a soluções escritas em PHP.

Consistência de código – No PDO não existe a inconsistência de código, pois é oferecida apenas uma interface unificada que está disponível para qualquer banco de dados.

Características de orientação de objetos – Possui recursos de orientação de objetos, o que resulta em uma comunicação mais poderosa e eficiente com banco de dados.

Fonte: 2017(https://www.devmedia.com.br)

Page 18: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

SGBD – Servidor

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

G

O sistema de gerenciamento de banco de dados utilizado foi o MySQL

Page 19: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e Esp

era

Fe

liz /

MG

Entre os usuários do banco de dados MySQL estão:

Fonte: 2017 (https://www.mysql.com)

Page 20: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

G

Gerenciador do servidor MySQL

Para a criação do banco de dados e coleta de informações foi utilizado o PhpMyAdmin;

um aplicativo web livre e de código aberto desenvolvido em PHP para administração do MySQL.

Page 21: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Relatórios

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

MG

É feita então a alimentação do banco de dados;

Realizando a exportação do banco, podemos então gerar os relatórios necessários;

Para a apuração dos resultados e relatórios será utilizada qualquer ferramenta que suporte a extensão de arquivos CSV.

Page 22: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Considerações Finais

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

M

GOs relatórios apresentados auxiliarão os gestores nas tomadas de decisões.

É importante destacar que a ferramenta de consulta pública será disponibilizada sempre que necessário.

Page 23: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

MG

“O planejamento é a primeira das funções administrativas e é a que determina antecipadamente quais são os objetivos a serem atingidos e como alcançá-los”.

Page 24: DESENVOLVIMENTO DE FORMULÁRIO WEB PARA O GERENCIAMENTO DE ... · Language) para banco de dados. • Para o desenvolvimento da interface gráfica foram utilizadas as marcações de

Contatos

Câm

ara

M

unic

ipal d

e

Esp

era

Fe

liz /

MG

[email protected]

(32)98442-8776

[email protected]

facebook.com/camaraefeliz

http://camaraefeliz.mg.gov.br