UNIVERSIDADE DE SÃO PAULO

Escola de Artes, Ciências e Humanidades

Ilziane Campos da Silva

CUIDANDO DO MEU BAIRRO:

Plataforma colaborativa com aplicação para rede social

São Paulo

Janeiro de 2014
 Universidade de São Paulo

Escola de Artes, Ciências e Humanidades

Ilziane Campos da Silva

CUIDANDO DO MEU BAIRRO:

Plataforma colaborativa com aplicação para rede social

Monografia apresentada à Escola de Artes, Ciências e

Humanidades, da Universidade de São Paulo, como parte
dos requisitos exigidos na disciplina ACH 2018 – Projeto
Supervisionado ou de Graduação II, para obtenção do
título de Bacharel em Sistemas de Informação.
Orientador: Profa. Dra. Gisele da Silva Craveiro

Modalidade: TCC Longo (1 ano) – individual

São Paulo

Janeiro de 2014
 Universidade de São Paulo
Escola de Artes, Ciências e Humanidades

Ilziane Campos da Silva

CUIDANDO DO MEU BAIRRO:

Plataforma colaborativa com aplicação para rede social

Orientação

__________________________________

Prof. Dr. Gisele da Silva Craveiro

Banca Examinadora:

____________________________________

Prof. Dr. Luciano Araújo (Supervisor da Disciplina)

___________________________________

(Parecerista)

São Paulo, Janeiro de 2014

 i

Glossário

AJAX: Asynchronous Javascript and XML.

CSV: Comma-separated values.

API: Application Programming Interface.

HTML: HyperText Markup Language.

LRF: Lei de responsabilidade fiscal.

PHP: PHP (Personal home page): Hypertext Preprocessor.

P2P: Peer-to-peer -

ZOBD: Zope Object Data Base.

 ii

Resumo

O presente trabalho apresenta o protótipo 2.0 do programa “Cuidando do meu bairro”

que faz o mapeamento dos gastos do orçamento público e que, com este trabalho, passa a
oferecer a interação entre usuários. Para atingir o objetivo de conversão da plataforma,
foram necessárias pesquisas bibliográficas (sobre a temática orçamentária, web 2.0 e de
inteligência colaborativa), práticas (utilização de outras plataformas colaborativas de cunho
social) e técnicas (ferramental para implementação). Através de brainstormings foram
definidos os requisitos funcionais do protótipo. A implementação inseriu um banco de
dados na plataforma, para o cadastro de usuários e novos dados de orçamento, e conexão
com redes sociais, também para a interação de usuários e divulgação da plataforma. Todo o
código foi documentado e comentado para facilitar a expansão potencial deste protótipo
por projetos futuros. O protótipo tem grande potencial de se tornar uma ferramenta de
mobilização social na fiscalização do exercício do dinheiro público. O endereço onde o site
está hospedado é o www.gpopai.usp.br/cuidando2/.

Palavras chaves: Orçamento público, Web 2.0, plataformas colaborativas, inteligência

coletiva, Redes sociais;
 iii

Abstract

This paper presents a 2.0 prototype from “Cuidando do meu bairro", that maps the public
spending budget and, with this work, is going to offer the interaction between users. To
achieve the goal of converting the platform, literature searches (on the budget theme, web 2.0
and collaborative intelligence), practices (use of other collaborative platforms of social nature
) and techniques (tools for implementation) were necessary. Through brainstorming the
functional requirements of the prototype were defined. The implementation inserted a
database to the platform for user registration and new budget data, and connect to social
networks, also for user interaction and for platform dissemination. All code was documented
and commented to facilitate the potential expansion of this prototype for future projects. The
prototype has great potential to become a tool of social mobilization inspecting the exercise of
public money. The address where the site is hosted is www.gpopai.usp.br/cuidando2/

.Keywords: Public budget, Web 2.0, collaborative platforms, collective intelligence, social
networking;
 iv

Lista de Figuras

Figura 1 - Cuidando - Página inicial ................................................................................... 34

Figura 3 - Cuidando –Telas de login e de inserção de ponto no mapa ............................... 34

Figura 4 - Cuidando - Esboço da tela inicial ...................................................................... 49

Figura 5 - Cuidando - Esboço da tela de login ................................................................... 50

Figura 6 - Cuidando - Esboço da tela de cadastro .............................................................. 51

Figura 7 - Cuidando - Tela de cadastro simplificado.......................................................... 52

Figura 8 - Cuidando - Esboço da página de mapa .............................................................. 53

Figura 9 - Cuidando - Esboço da sessão de gráficos .......................................................... 53

Figura 10 - Cuidando - Esboço da tela de orçamento ......................................................... 54

Figura 11 - Cuidando - Esboço das caixas de comentários ................................................ 55

Figura 12 - Cuidando - Esboço da tela de inserção de pontos ............................................ 56

Figura 13 - Cuidando - Esboço da tela de configuração do usuário ................................... 57

Figura 14 - Cuidando - Esboço da tela configuração do usuário, segunda parte ................ 57

Figura 15 - Cuidando - Esboço da tela inicial de usuário ................................................... 58

Figura 16 - Cuidando - Esboço da tela de about ................................................................. 59

Figura 17 - Cuidando - Esboço da tela de contato .............................................................. 59

Figura 18 - Esquema do banco de dados ............................................................................ 62

Figura 19 - Cuidando - Protótipo da lista de atividades inseridas por usuários .................. 66

Figura 20 - Cuidando - Protótipo da lista de usuários cadastrados ..................................... 67

 v

Figura 21 - Cuidando - Protótipo da página inicial do usuário ........................................... 67

Figura 23 - Cuidando - Protótipo da página de cadastro .................................................... 68

Figura 24 - Cuidando - Protótipo da página de configuração de usuário ........................... 69

Figura 25 - Cuidando - Continuação do protótipo da página de configuração de usuário . 70

Figura 26 - Cuidando - Continuação do protótipo da página de configuração de usuário . 71

Figura 27 - Cuidando - Protótipo da página de inserção de ponto no mapa ....................... 71

Figura 28 - Cuidando - Continuação do protótipo da página de inserção de ponto no mapa

.................................................................................................................................................. 72

Figura 29 - Cuidando - Protótipo da página do orçamento ................................................. 73

Figura 30 - Cuidando - Continuação do protótipo da página do orçamento ....................... 74

Figura 31 - Cuidando - Continuação do protótipo da página do orçamento ....................... 75

Figura 32 - Cuidando - Protótipo da página de contato ...................................................... 75

Figura 33 - Cuidando - Prótitpo da página de about ........................................................... 76

Figura 34 - Cuidando 1.0 - Página do mapa dos orçamentos ............................................. 81

Figura 35 - Cuidando 1.0 - Página de descrição do orçamento .......................................... 81

Figura 36 - Cuidando 1.0 - Página de atividades mapeadas ............................................... 82

Figura 37 - Cuidando 1.0 - Gráficos da situação dos orçamentos ...................................... 82

Figura 38 - Cuidando 1.0 - Página de exportação de dados para Comma-separated values

(CSV) ........................................................................................................................................ 82

Figura 39 - Números de usuários nas redes sociais mais populares ................................... 83

Figura 40 - Quantidade de visitantes mensais nas redes sociais populares ........................ 84

Figura 41- Distribuição de usuários por gênero nas redes sociais populares ..................... 85
 vi

Figura 42 - Média de tempo gasto mensalmente por usuário nas redes sociais populares . 86

Figura 43 - Distribuição por faixa etária dos usuários das redes sociais populares ............ 87

Figura 44 - Valor estimado de usuário das redes sociais populares ................................... 88

Figura 45 - Gráfico do tempo médio mensal de usuários brasileiros em relação à média

mundial ..................................................................................................................................... 89

Figura 46 - Gráfico dos visitantes únicos brasileiros por rede social ................................. 90

Figura 47 - Porcentagem do tempo gasto por usuários brasileiros por rede social............. 91
 vii

Lista de Tabelas

Tabela 1 - Relação de recursos técnicos selecionados ........................................................ 28

Tabela 2 - Levantamento de hospedagem, bando de dados e ferramentas extras............... 29

Tabela 3 - Levantamento de portais de transparência governamentais .............................. 46

Tabela 4 - Levantamento de plataformas colaborativas ..................................................... 47

Tabela 5 - Comparação entre funcionalidades das plataformas.......................................... 48

 viii

Sumário

1 Introdução ........................................................................................................................... 11

2 Objetivos ............................................................................................................................. 13

2.1 Objetivo Geral ....................................................................................................... 13

2.2 Objetivos Específicos ............................................................................................ 13

3 Revisão Bibliográfica ......................................................................................................... 14

3.1 Transparência do orçamento público ..................................................................... 14

3.2 Cuidando do meu bairro 1.0 .................................................................................. 15

3.3 Web 2.0 .................................................................................................................. 16

3.3.1 Inteligência coletiva .......................................................................................... 17

3.3.2 Requisitos - Portais Web 2.0 ............................................................................. 18

3.4 Informações nas redes sociais ................................................................................ 19

3.4.1 Redes sociais em destaque ................................................................................ 20

4 Metodologia ........................................................................................................................ 22

5 Resultados ........................................................................................................................... 25

5.1 Plataformas colaborativas ...................................................................................... 25

5.1.1 Funcionalidades das plataformas ...................................................................... 25

5.2 Proposta de ampliação do projeto .......................................................................... 25

5.3 Funções da nova plataforma .................................................................................. 26

5.4 Requisitos técnicos ................................................................................................ 27

5.5 Implementação ....................................................................................................... 30

 ix

5.6 Resultado final – O protótipo ................................................................................ 33

6 Discussão ............................................................................................................................ 35

6.1 Embasamento teórico............................................................................................. 35

6.2 Ferramentas de desenvolvimento .......................................................................... 36

6.3 Implementação ....................................................................................................... 37

6.4 Perspectivas futuras ............................................................................................... 39

7 Conclusão............................................................................................................................ 40

Referências Bibliográficas ........................................................................................................ 42

APÊNDICE A – Levantamento de portais de transparência governamentais.......................... 45

APÊNDICE B – Levantamento de plataformas colaborativas ................................................. 47

APÊNDICE C – Tabelas de comparação entre funcionalidades das plataformas .................... 48

APÊNDICE D – Esboços da plataforma - wireframes ............................................................. 49

APÊNDICE E – Questionário .................................................................................................. 60

APÊNDICE F – Esquema do banco de dados .......................................................................... 62

APÊNDICE G – Bibliotecas do protótipo ................................................................................ 63

APÊNDICE H – Estrutura final do banco de dados ................................................................. 64

APÊNDICE I – Ilustrações do protótipo .................................................................................. 66

APÊNDICE J – Termos e condições de uso ............................................................................ 76

APÊNDICE K – Política de privacidade .................................................................................. 79

ANEXO A – Cuidando do meu bairro 1.0 - características ..................................................... 81

ANEXO B – Redes sociais em números - GO-Gulf ................................................................ 83

 x

ANEXO C – Comportamento digital no Brasil - comScore .................................................... 89

 11

1 Introdução
O orçamento é a peça mais importante da Administração Pública. Nele estão os programas
e projetos, que definem a prioridade do governo ao distribuir entre os vários órgãos o dinheiro
arrecadado dos cidadãos através de impostos (SANTOS, 2005).

O acesso a essas informações do governo, na esfera municipal e estadual, são livres para a
população. Porém, nem sempre de forma clara ou com algum grau de abstração. Há o
interesse, por parte de muitos, em saber onde é empregado o dinheiro público e, da mesma
forma, há o interesse de fiscalizar estes orçamentos, principalmente dentro do seu município.
Assim, o cidadão pode se informar melhor sobre o que os políticos da sua região estão
executando no orçamento.

O programa “Cuidando do meu bairro” contribuiu para a melhor visualização e

mapeamento do orçamento de forma interativa e centrada. Nele, também estão gráficos e
tabelas para uma melhor comparação dos dados. Porém, apesar de ser uma ferramenta voltada
para a população, o “Cuidando do meu bairro” é uma plataforma passiva, que não oferece o
contato entre os internautas. Para um maior entendimento e envolvimento da população, há a
necessidade de estabelecer uma ponte entre os moradores-internautas, conectando-os pelos
dados fornecidos e pelas suas próprias experiências.

O próximo passo é ter o feedback da população que mora ou passa por estes locais
mapeados e assim compartilhar com outros usuários a real situação destas obras/projetos.
Pensando neste retorno da população, o “Cuidando do meu bairro” foi transformado em uma
plataforma colaborativa e passa a ser parte da Web 2.0. Há exemplos de sites cívicos (e-
democracia) disponíveis na internet que disponibilizam dados para que os usuários construam
um conhecimento coletivo em cima destes, assim agregam mais conteúdo com seus próprios
conhecimentos e experiências. Da mesma forma, o “Cuidando do meu bairro 2.0” pretende se
estabelecer como uma plataforma colaborativa na área do orçamento público.

Para conseguir mais envolvimento de usuários, a plataforma se conecta às redes sociais,

permitindo que as pessoas troquem informações entre si, sobre os dados já fornecidos pelo
 12

“Cuidando do meu bairro” atual e de novos conteúdos a serem disponibilizados pelos usuários
na nova plataforma.

O incentivo à participação dos internautas na investigação e fiscalização do gasto do

dinheiro público fortalece a mobilização da sociedade para a reivindicação dos seus direitos.
A mobilização, por sua vez, é um reflexo de um maior engajamento no exercício democrático,
o qual é fundamental para a formação e evolução de uma consciência política.
 13

2 Objetivos

2.1 Objetivo Geral

O presente trabalho teve como objetivo o desenvolvimento de um protótipo Web 2.0
expandido a partir do programa “Cuidando do meu bairro”, ou seja, possibilitar a interação
entre usuários dos dados disponibilizados pelo site.

2.2 Objetivos Específicos

Os objetivos específicos deste trabalho foram:

 Estudar sobre a temática do orçamento público

 Estudar a plataforma atual

 Estudar sobre a Web 2.0, seus benefícios (inteligência coletiva) e requisitos.

 Pesquisar sobre a distribuição de informação nas redes sociais e quais são as mais
abrangentes atualmente

 Pesquisar sobre plataformas colaborativas existentes: levantamento de funções que

estas plataformas exercem e das ferramentas empregadas

 Pesquisar os requisitos de sistema da nova plataforma

 Definir o escopo da plataforma

 Definir as ferramentas e plataformas para o desenvolvimento

 Pesquisar e analisar a melhor forma de implementação da conexão com as redes

sociais

 Implementar a plataforma colaborativa e conexão com as redes sociais

 Documentar o código-fonte
 14

3 Revisão Bibliográfica
Esta sessão irá apresentar as referências teóricas que auxiliaram em todo o
desenvolvimento do projeto.

3.1 Transparência do orçamento público

O orçamento é um instrumento essencial de planejamento de qualquer entidade, seja ela
pública ou privada. Ele representa o fluxo previsto dos ingressos (receitas) e das aplicações
(despesas) de recursos em um determinado período. Na Administração Pública o orçamento
tem importância crucial: através dele são definidas as prioridades de programas e projetos de
um governo, que distribui entre os vários órgãos o dinheiro arrecadado dos cidadãos através
de impostos (SANTOS, 2005).

O controle e aplicação do orçamento público deve ser o mais transparente possível para a
população. Por ser composto principalmente por impostos vindo dos cidadãos, o orçamento
público deve permitir um amplo acompanhamento pela povo. No Brasil, há legislação que
obriga a publicação na Web e em tempo real dos dados detalhados da execução do orçamento
das cidades, são elas:

 A Lei de Responsabilidade Fiscal (LRF, Lei Complementar 101), de 4 de maio de

2000, é um código de conduta para administradores públicos de todo o país. A
partir dela, todos os governantes passaram a ter compromisso com orçamento e
com metas, que devem ser apresentadas e aprovadas pelo respectivo Poder
Legislativo (BRASIL, 2000).

 A Lei Capiberibe, de 27 de maio de 2009, (Lei Complementar 131) insere na LRF

a necessidade de toda a Administração Pública Federal, Estadual e Municipal
divulgar suas contas (receitas e despesas) na rede mundial de computadores. Ela
obriga que os dados estejam descritos meticulosamente e que sejam
disponibilizados em tempo real (BRASIL, 2009).
 15

Com a elaboração das leis citadas, muitos portais governamentais de transparência

surgiram para o cumprimento das leis e foram estas as primeiras plataformas estudadas. No
apêndice A estão descritas as plataformas pesquisadas.

Apesar destas legislações, a realidade é que pouquíssimas pessoas entendem, se

interessam e/ou se apropriam desse conhecimento (CRAVEIRO, 2012). A informação, e a
facilidade de interpretá-la, é essencial não só para assegurar a transparência, o controle e a
integridade (e, assim, a boa governança) da gestão pública; ela é fundamental para a
prevenção da corrupção e para o próprio exercício da cidadania e da democracia (ALVES,
2011).

3.2 Cuidando do meu bairro 1.0

No Brasil, iniciativas que visam assegurar a execução e aplicação adequada de recursos
públicos como o Portal da Transparência (PORTAL DA TRANSPARÊNCIA, 2004) e “Para
Onde Foi o Meu Dinheiro?”. Estes projetos visam promover a transparência e o engajamento
dos cidadãos através de análises e visualizações de informações de orçamentos respectivos.

Com o intuito de facilitar o acesso à informação pela população e tornar este acesso amplo
e transparente, o projeto “Cuidando do meu bairro” sintetiza as informações disponibilizadas
sobre orçamento público e mapeia nos endereços respectivos das informações de cada local.
O site já obteve apoio da Rede Nossa São Paulo, que reúne organizações que trabalham pelo
desenvolvimento da cidade.

O software, de código aberto desenvolvido da linguagem PERL, monitora as propostas

orçamentárias disponibilizadas pelo governo e, por intermédio de uma Application
Programming Interface (Interface de Programação de Aplicativos - API) do Google Maps, as
localiza e aponta no mapa indicando quanto foi idealizado para a obra, o montante já
empenhado e executado. Ao mostrar em um mapa a localização dos gastos previstos ou
realizados nos equipamentos públicos dentro do município acredita-se que o cidadão
poderá identificar as questões orçamentárias com sua realidade cotidiana. (MORAES, 2012).

Todas as despesas geocodificadas com sucesso são dispostas em uma visualização em

forma de mapa disponibilizado na Web. Cada despesa pode assumir uma entre quatro cores,
 16

indicando o estágio em que se encontra a despesa: vermelho, que indica que a despesa foi
apenas orçada; amarelo, que indica que a despesa teve alguma atualização no valor orçado;
verde, que indica que parte ou todo o montante orçado foi empenhado; e azul, que indica que
parte ou todo montante empenhado foi liquidado.

A interface também conta com a apresentação dos dados na forma de duas tabelas
(MORAES, 2012). A primeira tabela exibe todas as despesas que foram mapeadas com
sucesso, permitindo que o usuário clique sobre a descrição de uma dada despesa para
visualizá-la no mapa. A segunda tabela exibe todas as despesas que, por algum motivo (falta
de descrição de endereços, grafia errada, etc), não puderam ser mapeadas.

Uma apresentação sintetizada na forma de dois gráficos também está disponível. O

primeiro deles é um gráfico de setor e nele é apresentado a informação de quantas despesas
foram mapeadas de todo o orçamento. O segundo gráfico assume a forma de colunas. Ele tem
esta forma para mostrar a distribuição de recursos entre as atividades mapeadas e não
mapeadas (MORAES, 2012). Os elementos gráficos do site estão ilustrados no anexo A.

3.3 Web 2.0

A partir de 2004, o termo “Web 2.0” foi muito utilizado para se referir à nova forma de
enxergar a web tendo como conceito a "Web como plataforma". O'Reilly, precursor do uso do
termo, define que:

"Web 2.0 é a mudança para uma internet como plataforma, e um entendimento das
regras para obter sucesso nesta nova plataforma. Entre outras, a regra mais
importante é desenvolver aplicativos que aproveitem os efeitos de rede para se
tornarem melhores quanto mais são usados pelas pessoas, aproveitando a inteligência
coletiva"

Tim O'Reilly

Ou seja, sites passam a incorporar recursos para interação entre os usuários. Sites (antes
enquadrados na categoria de Web 1.0) deixaram de ser apenas páginas estáticas de entrega de
 17

conteúdo e se tornaram aplicativos colaborativos favorecendo a participação dos usuários

(Michalsky et al, 2010).

Por exemplo, sites de comércio eletrônico, oferecem para cada produto suporte a
avaliação, resenha, troca de mensagens, wiki, compartilhamento de fotos, filtragem
colaborativa, recomendação, etc. Outras características de sites pertencentes à Web 2.0 é a
formação de comunidades e adição de valor à aplicação pelos usuários. Neste contexto uma
“inteligência coletiva” surge a partir das interações entre os usuários.

3.3.1 Inteligência coletiva

O conceito de inteligência coletiva, como definido por Pierre Lévy:

“É uma inteligência distribuída por toda a parte, incessantemente valorizada,

coordenada em tempo real, que resulta em uma mobilização efetiva das competências.
Acrescentemos à nossa definição este complemento indispensável: a base e o objetivo
da inteligência coletiva são o reconhecimento e o enriquecimento mútuos das pessoas,
e não o culto de comunidades fetichizadas ou hipostasiadas. Uma inteligência
distribuída por toda parte: tal é o nosso axioma inicial. Ninguém sabe tudo, todos
sabem alguma coisa, todo o saber está na humanidade.”

Pierre Lévy

A confiabilidade das informações geradas dessa forma vem da ideia que o conhecimento
gerado por muitas pessoas é maior e mais apurado do que o conhecimento de pequenos
grupos especialistas. Esta confiança se dá pois esse conhecimento é corrigido e incrementado
pela própria massa envolvida.

O grande exemplo da inteligência de massa é a Wikipedia, que foi criada totalmente por
meio da colaboração dos usuários. Qualquer página pode ser criada ou editada por qualquer
um, mas ela possui alguns poucos administradores para monitorar abusos (vandalismo ou
informações falsas). A Wikipedia tem mais verbetes do que qualquer outra enciclopédia e é
considerada precisa na maioria dos casos. Isso é um exemplo de inteligência coletiva, pois
todos os artigos são mantidos por um grande grupo de usuários e o resultado é uma fonte de
conhecimento muito maior do que qualquer outra.
 18

A inteligência coletiva era possível antes da internet (através de plebiscitos e censos),

porém, com a Web 2.0, esta inteligência em massa ganha uma capacidade muito maior, graças
à coleta de informações de milhares de pessoas pela rede mundial.

3.3.2 Requisitos - Portais Web 2.0

Pode-se visualizar a Web 2.0 como um conjunto de princípios e práticas que interligam um
verdadeiro sistema de sites que demonstram alguns ou todos esses princípios (O’REILLY,
2005). Os princípios apresentados por O’Reilly, que serão explorados pelo protótipo da nova
plataforma, são resumidos a seguir.

A web como plataforma: este princípio também é usado por sites de Web 1.0 (assim
como o “Cuidando do meu bairro” é Web 1.0 e tem a web como plataforma). Por ser uma
“cria da internet” o “Cuidando do meu bairro” já contém o princípio inicial de Web 2.0.

Confiança e descentralização radical: A BitTorrent, sistema de compartilhamento de

dados, como outras plataformas da arquitetura Peer-to-peer (P2P) têm como principal
característica o compartilhamento de dados entre usuários. Neste ambiente, cada consumidor
traz os seus próprios recursos para o grupo. Existe uma “arquitetura de participação”
implícita, uma ética de cooperação embutida pela qual o serviço atua, primariamente, como
um intermediário inteligente que conecta as pontas entre si e combina o poder dos próprios
usuários.

Com isso, vemos outro princípio chave da Web 2.0: O serviço fica automaticamente
melhor quanto mais forem os usuários que se utilizam. Podemos estender este exemplo às
wikis e outras plataformas colaborativas que foram apresentadas nas sessões anteriores.
Muitos exemplos de sucesso da transição da Web 1.0 para a Web 2.0 são mostrados em
O’REILLY (2005). A característica essencial para o sucesso é a capacidade dessas
plataformas de tirar proveito da inteligência coletiva a partir da rede.

Dados são o foco: O gerenciamento de bancos de dados é a nova competência central das
companhias Web 2.0 (O’REILLY, 2005). Dados são os únicos componentes essenciais em
sistemas cuja infraestrutura de software é principalmente de código aberto. Ainda um outro
 19

ponto deve ser considerado em relação a dados: a preocupação do usuário com privacidade e
direitos sobre seus próprios dados.

Efeitos de rede como padrão: Apenas uma pequena percentagem de usuários adicionarão
valor ao seu aplicativo. Portanto: deve-se criar padrões para agregar dados de usuário como
efeito colateral ao uso do aplicativo.

O beta perpétuo: Quando dispositivos e programas estão conectados à internet, os

aplicativos não são mais artefatos de software, são serviços em andamento. Portanto: Não
deve-se “empacotar” novos recursos em lançamentos, mas, deve-se adicionar regularmente
como parte da experiência diária do usuário. Engajar os usuários como avaliadores em tempo
real e equipar o serviço para saber como as pessoas estão usando os novos recursos.

Coopere, não controle: Aplicativos Web 2.0 são construídos a partir de uma rede
cooperativa de serviços de dados. Deve-se oferecer interfaces para permitir a colaboração dos
usuários na manutenção das boas práticas da plataforma. Assim os próprios usuários serão
monitores uns dos outros.

Ao explorar os princípios acima, enfatiza-se alguns dos principais recursos Web 2.0. Cada
um dos exemplos discutidos demonstra um ou mais desses sete princípios-chave, mas pode
não ter outros. Em resumo o que se acredita ser as competências centrais das plataformas Web
2.0 relevantes para este trabalho:

 Controle sobre fontes de dados únicas e difíceis de serem criadas e que ficam mais
ricas quanto mais as pessoas as utilizarem

 Confiança nos usuários como co-desenvolvedores

 Agregação de inteligência coletiva

 Interfaces de usuário, modelos de desenvolvimento e modelos de negócios leves

3.4 Informações nas redes sociais

O surgimento da Internet proporcionou às pessoas o poder de difundir as informações de
forma mais rápida e mais interativa. Tal mudança criou novos canais e, ao mesmo tempo, uma
grande quantidade de novas informações circulando nos grupos sociais (RECUERO, 2009).
 20

Um elemento característico das redes sociais na Internet é sua capacidade de difundir

informações através das conexões existentes entre os atores (primeiro elemento das redes
sociais, pessoas envolvidas na rede que se analisa). Muitas dessas informações são difundidas
de forma quase epidêmica, alcançando grandes proporções tanto on-line quanto off-line. A
difusão epidêmica de informações na Web é observada como consequência da existência de
indivíduos extremamente bem conectados em uma ou várias redes sociais (RECUERO,
2009).

Em pesquisa realizada pelo IBOPE1, sobre o fenômeno das redes sociais no Brasil,
verificou-se uma grande aceitação do povo brasileiro e seu engajamento nas redes sociais na
internet. Quanto aos usuários presentes nas redes, 60% utilizam a plataforma há três anos ou
mais e da totalidade de internautas que não acessam nenhuma rede social, 34% tinham
interesse de ingressar.

Pretende-se explorar, através do aplicativo desenvolvido, a característica epidêmica e

interativa e a crescente aceitação pela população brasileira das redes sociais na internet. Para
isso é necessário selecionar as redes mais abrangentes e populares para serem conectadas à
plataforma do “Cuidando o meu bairro”. Esta será a discussão da subseção seguinte.

3.4.1 Redes sociais em destaque

Há uma grande quantidade de redes sociais existentes na internet. Esse número cresce a
cada dia com o surgimento de novas redes abrangentes e especializadas. Entre as redes sociais
existentes, podemos citar: Twittter, Facebook, Orkut, LinkedIN, Google+, Instagram,
Foursquare, Pinterest, etc.

A partir dessa lista simplificada, nota-se que há redes sociais diferenciadas, que giram em
torno de um atemática. Como exemplo temos o LinkedIN, que é uma rede social voltada para
o contato profissional, favorecendo o networking. O mesmo pode-se falar do Instagram (rede
social de imagens) e o Foursquare (rede social de locais visitados). Nessas redes sociais
especializadas ou verticais, como são apresentadas por KRZYK e KUNST (2012), há a

1
Fonte: IBOPE – Redes Sociais POP – Estudo realizado em Set/2010, com pessoas de 10 anos ou mais em 11
regiões metropolitanas do Brasil.
 21

segmentação do público e/ou conteúdo presentes na rede. A criação de um conteúdo

exclusivo, com perfis customizados, em uma base homogênea e fidelizada, possibilita que
anunciantes e patrocinadores possam interagir com a audiência da rede.

Este tipo de rede social não foram objetivadas pelo trabalho, pois o alcance das chamadas
redes sociais tradicionais ou horizontais (Twitter, Facebook, Orkut, Google+, Pinterest) é
mais variado, os usuários são heterogêneos em seus interesses e necessidades (KRZYK &
KUNST, 2012). Como não há a segmentação nas redes tradicionais, a quantidade de usuários
também é maior.

Para a seleção das redes sociais, foram analisados dados comparativos das mais
abrangentes. Os estudos apresentados nos próximos parágrafos foram feitos por diferentes
entidades.

Segundo a empresa GO-Gulf.com, que montou um infográfico com a comparação a partir

de dados mundiais. Facebook e Twitter lideram o ranking de utilização por usuários (os
números dessas pesquisas são mostrados no anexo B).

A comScore, uma das grandes empresas em índices de internet, revelou que a maior rede
social do globo também é a que tem a maioria dos usuários brasileiros. De acordo com dados
disponibilizados, o número de visitantes únicos do Facebook cresceu 192% em 2011,
alcançando 36 milhões de visitantes brasileiros. Mais dados sobre estas pesquisas, são
detalhados no anexo C.

Com estes estudos, percebe-se que as redes sociais que mais se destacam são o Facebook e
o Twitter.
 22

4 Metodologia
A metodologia aplicada neste trabalho foi dividida em dois principais blocos: revisão
bibliográfica e implementação. A revisão bibliográfica, apresentada na sessão anterior,
compreende as pesquisas teóricas que foram utilizadas para embasar o início da
implementação, que constitui o esforço prático da construção da plataforma.

Como já apresentado na sessão 3, a fase inicial das pesquisas (que foi feito em todo o
primeiro semestre de 2013) consistiu do levantamento das referência teóricas que fazem parte
do contexto do trabalho. Este levantamento bibliográfico é composto de trabalhos científicos
(artigos, monografias, teses) e livros com o foco nas temáticas de: orçamento público,
inteligência coletiva, informação nas redes sociais e Web 2.0 (benefícios e requisitos). Estas
pesquisas preliminares auxiliaram no entendimento dos conceitos relacionados ao antigo
“Cuidando do meu bairro” e ampliaram a visão do que o “Cuidando do meu bairro 2.0” podia
se tornar.

Da mesma forma, o site atual do “Cuidando do meu bairro” foi estudado, a partir do
trabalho de MORAES (2012) e dos códigos disponibilizados no GitHub. Este estudo teve a
finalidade de esclarecer trabalho anterior tanto tecnicamente como contextualmente. Os
detalhes técnicos tiveram o maior foco, pois ele ajudaria a tomar as decisões do ferramental.

Na sequência, pesquisou-se plataformas Web com cunho social (dados ilustrativos no

apêndice A), plataformas Web colaborativas (exibidas no apêndice B) e, principalmente,
plataformas sociais colaborativas, para entender melhor como é, na prática, o funcionamento
desses portais. Assim, a partir destas plataformas pesquisadas, foram levantados alguns
requisitos e funções preliminares para a nova plataforma. As características destas
plataformas foram sumarizadas para elaborar o comparativo entre elas. A partir do resultado
da comparação deste levantamento e do material teórico para a elaboração do escopo de
plataformas Web 2.0, foi organizado um esboço com as páginas e funcionalidades que o novo
“Cuidando do meu bairro” deveria ter.
 23

Para consolidar o escopo do “Cuidando do meu bairro”, foi feita uma reunião com
membros do Gpopai para se discutir o esboço inicial, e assim dar entrada aos trabalhos
relacionados à implementação do projeto.

O projeto contou com a tutoria do Andres Martano, participante da equipe e mestrando da

Professora Doutora Gisele da Silva Craveiro. Este membro da equipe acompanhou todo o
projeto e teve importante papel para orientar nas escolhas técnicas, configurações de
implementação e respostas às dúvidas das linguagens escolhidas.

Através de pesquisas, análises e discussões escolheu-se linguagens e ferramentas open

source para o desenvolvimento do site. Para a linguagem do servidor web foi utilizado o
Python, que é orientado a objetos. As demais ferramentas escolhidas foram desenvolvidas
específicamente para o Python: banco de dados Zope object data base (ZODB) que é também
orientado a objetos, linguagem de template PLIM, framework de desenvolvimento web
Pyramid e Mod_wsgi (Web server gateway interface) que é um middleware para interface do
Python com o servidor Apache (Apache HTTP Server). As plataformas escolhidas se
destacaram devido à homogeneidade que apresentavam em relação à linguagem Python e,
principalmente, por seguirem os preceitos de simplicidade no desenvolvimento, entendimento
e manutenção do código.

A penúltima fase foi a implementação em si, feita no segundo semestre. Nesta fase tratou-
se, além das novas funcionalidades do site, da configuração das ferramentas, da integração
com as redes sociais escolhidas previamente e da integração dos dados da plataforma 1.0 do
“Cuidando do meu bairro” e adaptação do mapa para a nova realidade da Web 2.0. Para
auxiliar na implementação, foram visitados fóruns e tutoriais da internet e de livros.

Ferramentas auxiliares foram necessárias, como o GitHub, para backup, versionamento e

disponibilização do código para a equipe do Gpopai e para a comunidade. Para a
documentação do código, que é essencial para futuros desenvolvimentos no protótipo
desenvolvido, foi utilizado o próprio Pyramid, que possui ferramentas para extração da
documentação.
24
 25

5 Resultados
Os resultados mostrados nesta sessão dizem respeito às análises feitas a partir da revisão
bibliográfica, pesquisas de plataformas e da aplicação da metodologia (apresentados nas
sessões 3 e 4).

5.1 Plataformas colaborativas

Nesse contexto de inteligência e conhecimentos coletivos (crowdsourcing) muitos sites
foram criados com o propósito de gerar novos conhecimentos e ideias, e um grande número é
voltado para as questões sócio-políticas, onde usuários se reúnem para levantar questões de
sua cidade, município, bairro, comunidade, e então discutir, opinar e construir soluções para
os problemas apresentados.

As tabelas no apêndice B dão o exemplo de algumas plataformas colaborativas que têm

propósitos cívicos (também chamados de e-democracy) e as principais funcionalidades (na
visão sociotécnica) das ferramentas. Nesta pesquisa, confirmou-se o fato de não haver
plataformas com o mesmo propósito do “Cuidando do meu bairro 2.0”.

5.1.1 Funcionalidades das plataformas

Os sites da sessão anterior foram analisados quanto as suas funcionalidade, a tabela no
apêndice C resume as funcionalidades encontradas. Em resumo, são encontradas funções de
login, de mapeamento geográfico, e compartilhamento e login por redes sociais, possibilidade
de inserção de comentários por usuários logados ou anônimos.

Para conhecer melhor cada uma dessas plataformas (e um pouco do histórico do

desenvolvimento delas) foi passado um questionário que foi respondido por algumas
empresas. O questionário e as respectivas respostas estão descritos no apêndice E.

5.2 Proposta de ampliação do projeto

Primeiramente, como resultado das revisões bibliográficas, pode-se citar o arcabouço
teórico onde a proposta criou raízes e as diretrizes para o foco do projeto. Dessa forma, o
trabalho teve o foco nos orçamentos públicos apenas da cidade de São Paulo e as interações
 26

entre os usuários ao redor destes dados. A pesquisa realizada norteou todo o planejamento do
protótipo.

As pesquisas das plataformas colaborativas de cunho social constatou a inexistência de

projetos semelhantes relacionados ao tema orçamentário. Apesar de encontrar sites de
transparência pública e sites colaborativos de e-democracia, não há projeto brasileiro que una
estas duas características e ainda mapeie os dados.

Tendo o projeto “Cuidando do meu bairro” (demonstração da plataforma no anexo A)

como ponto de partida, este trabalho procurou incentivar a troca de informações entre os
usuários utilizando-se também das redes sociais, que são essenciais para a divulgação do
projeto. Esta importante característica foi confirmada com as pesquisas das plataformas
colaborativas (apêndice C) onde 9 das 13 plataformas sociais colaborativas se utilizam de
alguma funcionalidade das redes sociais, como divulgação de seu conteúdo, interação de seus
usuários e login com uma conta já existente na rede social.

Os números recolhidos de dados de utilização de redes sociais confirmaram as escolhas do

Twitter e Facebook como principais redes sociais para conexão com a plataforma, tanto no
critérios de números de usuário como em tempo de utilização de cada usuário. Apesar de
previsíveis, os números encontrados dão a dimensão da importância destas duas redes sociais.

5.3 Funções da nova plataforma

Como demonstrado nas comparações anteriores das plataformas sociais colaborativas,
vimos algumas funções em comum:

 Login

 Login com redes sociais

 Mapeamento dos dados novos

 Compartilhamento por redes sociais

 Trocas de comentários entre usuários

 Sessão de contato com formulário

 27

Estas funções básicas fazem parte da nova plataforma. Outras funções adicionais foram
sugeridas para tornar a navegação mais interessante:

 Feed de novas informações e dados adicionados à plataforma

 Base de dados que controle informações de usuários

 Visualizador de vídeos na própria plataforma, ao invés de apenas redirecionar para o

site do link onde o vídeo está hospedado

 Estatísticas de visitas e conteúdos mais acessados

A partir destas funções que a equipe elegeu, foram esboçadas as telas que o site deveria ter
e, consequentemente, o esquema de banco de dados (apêndice F). Este primeiro esboço foi
levado à reunião com integrantes do Gpopai, onde o escopo inicial do site foi ampliado e o
escopo final concretizado (demonstração no apêndice D).

O último material teórico criado foram os termos e condições de uso e as políticas de

privacidade do site, que foram elaboradas a partir dos exemplos das plataformas
colaborativas. Estes textos estão contidos nos apêndices J e K.

5.4 Requisitos técnicos

Para poder implementar as funções apresentadas anteriormente, também foram tomadas as
seguintes decisões técnicas:

 banco de dados: para gerenciar dados de login dos usuários e informações

compartilhadas

 linguagem script: necessária para o desenvolvimento do website

 linguagens para possíveis integrações: possivelmente necessárias para integrar os

dados da plataforma 1.0 do “Cuidando do meu bairro”

 servidor web: onde será hospedada a nova plataforma. Este item será disponibilizado
pelo GPOPAI.
Alguns recursos técnicos foram levantados (a partir das respostas dos questionários de
outras plataformas e pesquisas já apresentadas) para implementar a nova plataforma. Eles são:

Banco de dados MySql, PostgreSql

 28

PHP (Personal home page): Hypertext

Linguagem script Preprocessor (PHP), Ruby, JQuery

Linguagens de Asynchronous Javascript and XML (Javascript

integração Assíncrono e XML - Ajax), Javascript, Perl

Tabela 1 - Relação de recursos técnicos selecionados

Com as discussões em equipe e pesquisas, foi estabelecido um padrão de ferramentas de
desenvolvimento para o novo Cuidando do meu bairro. As características técnicas serão mais
detalhadas nos próximos parágrafos.

Linguagem escolhida: Python

Python é uma linguagem de propósito geral, orientada a objetos e de código aberto

(gratuita). A linguagem, segundo LUTZ e ASCHER (2007), dá enfoque à legibilidade,
coerência e qualidade de software. Na plataforma, Python é usado como linguagem do
servidor (back-end).

Framework de back-end: Pyramid

Pyramid é um framework web, open source, da linguagem Python. Assim como a própria
linguagem, o objetivo deste framework é fazer com que seja mais fácil para o desenvolvedor
criar aplicações web arbitrárias.

Linguagem de template: PLIM

Plim é uma linguagem de template feita para trabalhar com o Python. Esta linguagem é
traduzida para o HyperText Markup Language (Linguagem de Marcação de Hipertexto -
HTML), porém, é deveras mais simples e “limpa” que o HTML. Esta propriedade segue os
mesmos preceitos de minialismo, facilidade e rapidez do Python e, da mesma forma, é open
source.

Framework de front-end: Booststrap

Apesar de não ser objetivo para este trabalho a finalização do design do site, utilizou-se o
Bootstrap para facilitar a visualização dos componentes nas páginas. Estre framework
 29

proporciona estilos prontos para serem configurados com o projeto e assim, todos os
elementos gerados pelos templates PLIM são estilizados com este framework. O único
trabalho feito neste framework foram as configurações iniciais de integração com os templates
e poucos outros ajustes, também de configuração, para alguns elementos que dera erros ao
longo do desenvolvimento.

Banco de dados e hospedagem

Nossas discussões se prolongaram à respeito do banco de dados, pois o “Cuidando do meu

bairro” original não possuia banco de dados permanente. Assim, com o esquema de bancos de
dados previamente criado e já analisado, foram elencadas e estudadas as possibilidades de
bancos de dados para o Python. Da mesma forma também estudou-se novas possibilidades de
hospedagem para o cuidando, incluindo a hospedagem já existente:

Hospedagem Banco de dados Ferramentas extras

ZODB -
Servidor do MySql SqlAlchemy
Gpopai (atual 1.0) SqlAlchemy
SqlLite
WSGI
ZODB -
Openshift
MySql -
Tabela 2 - Levantamento de hospedagem, bando de dados e ferramentas extras

Após pesquisas, análises e discussões da hospedagem, bancos de dados e ferramentas, a

equipe chegou às seguintes conclusões.

Banco de dados: ZODB

O ZODB é um banco de dados orientando a objetos feito para Python. Por ser um banco
de dados específico para a linguagem, tem-se homogeneidade no desenvolvimento.

Hospedagem: Servidor Gpopai

O site, após concluído o protótipo e seus testes, entrará em produção no servidor do

Gpopai. Para a inserção do site no servidor do Gpopai, além das instalações e configurações
dos softwares previamente descritos, é necessário uso de outras ferramentas adicionais.
 30

WSGI

Para ter o site no servidor do Gpopai, é necessário utilizar esta interface que comunica a
aplicação web (em python) e o servidor web (APACHE). Assim, utilizou-se o Mod_wsgi
como o middleware para esta comunicação.

Repositório de código: GitHub

Para manter o backup e disponibilizar o código para o público, utilizou-se a ferramenta do

GitHub, onde é possível trabalhar com diversas versões de muitos colaboradores trabalhando
em conjunto.

Documentação

Para oficializar a documentação (e também disponibilizá-la para consulta de quem se

interessar no código-fonte), fez-se uso do próprio Pyramid, que tem suporte para a extração da
documentação.

5.5 Implementação
Tendo como partida as ferramentas listadas na sessão anterior, teve início as configurações
para o desenvolvimento. As configurações e exemplos simples são dados pelo tutorial de
configuração do Pyramid (PYLONS PROJECT, 2013). Na instalação do Pyramid também
foram necessárias as instalações e configurações de bibliotecas (enumeradas no apêndice G)
ao longo do desenvolvimento, para acomodar o uso de formulários, do design pelo bootstrap,
das API do Google Maps, Facebook e Twitter, utilização do banco de dados ZODB, da
linguagem de template PLIM, configurações de segurança, entre outras funcionalidades:

Também como as configurações adicionais, foram necessárias modificações na estrutura

inicial do banco de dados (feita de acordo com a estrutura relacional), tanto por causa do
banco de dados orientado a objetos (ZODB) quanto para acomodar a implementação das
funcionalidades à medida que necessitavam de modificações não esperadas. A estrutura final
está descrita no apêndice H.

A codificação foi realizada tanto em PLIM, HTML como em Python. As funcionalidades

implementadas no protótipo são detalhadas abaixo e ilustradas no apêndice I:
 31

Cadastro de usuário: inserção de novo objeto no banco onde a chave primária é o e-mail
a ser cadastrado. Neste cadastro só são pedidos o e-mail e a senha de acesso. As sub-
funcionalidades do cadastro de usuário são:

 Validações de dados no formulário (formato de e-mail, formato de senha, confirmação

de e-mail e senha);

 Validação de cadastro existente;

 Inserção opcional de apelido;

 Obrigatoriedade na aceitação dos termos e condições de uso da plataforma;

 Salvar objeto no banco ou cancelar ação;

 Incremento nas estatísticas de quantidade de usuários cadastrados;

 Redirecionamento para página inicial.

Login: Uma vez cadastrado, o usuário pode logar com sua conta e interagir com o site.
Mesmo não cadastrado é possível interagir com o login pelo Facebook ou Twitter. As
funcionalidades do login são:

 Identificar o usuário pelo e-mail e conferir a senha inserida;

 Iniciar sessão temporária criptografada;

 Autorizar conta do Twitter/Facebook ao aplicativo;

 Cadastrar acessos de Twitter/Facebook ao banco de dados;

 Incremento nas estatísticas de quantidade de usuários cadastrados, caso haja novo

usuário de rede social;

 Autorizar sessão do usuário com login do Twitter/Facebook;

 Redefinição de senha caso o usuário não se lembre;

 Redirecionamento para tela de usuário.

Configuração do usuário: página onde o usuário pode editar suas preferências de
notificações do site e seu perfil de usuário. Esta configuração só é acessada pelo usuário
logado. Assim, as funcionalidades que a compõem são:

 Recuperação de dados do usuário no banco;

 Inserção de dados do banco no formulário da página;
 32

 Validações de dados editados no formulário (formato de data, tamanho da informação

etc);

 Redefinição de senha (validação e confirmação);

 Habilitar ou desabilitar notificações do site (checkboxes).

 Salvar dados editados no banco ou cancelar ação;

 Redirecionamento para perfil do usuário.

Inserção de pontos orçamentários: cadastro de novos pontos orçamentários por usuários
logados.

 Criação de novo objeto para o banco com identificação incremental;

 Inserção obrigatória do nome da atividade orçamentária;

 Inserção opcional de dados (descrição, endereço, link de imagem e link de vídeo);

 Salvar registro no banco ou cancelar ação;

 Incremento nas estatísticas de quantidade de atividades inseridas por usuários;

 Redirecionamento para página do orçamento;

Inserção de mídias às atividades orçamentárias: tanto para as atividades inseridas por
usuários como para atividades disponibilizadas pelos dados governamentais. As mídias
compreendem fotos, vídeos e comentários com direito à respostas.

 Localização da atividade pretendida e suas mídias atuais;

 Exibição de todas as informações pertinentes às atividades (descrições, valores,

imagens, vídeos, comentários)

 Validação de tamanho de comentários;

 Edição de link de vídeo para exibição na página;

 Inserção de objeto de mídia, de acordo com o que for inserido.

 Incremento de estatística de quantidades de mídias, individualmente;

 Opção de seguir atividade (atualizações de outros usuário para a atividade de interesse

do usuário)

 Atualização da página com a exibição das mídias antigas e da recém cadastrada;

 33

 Disponibilização, para cada mídia da atividade, de links de: denúncia,

compartilhamento no facebook, tweet e like.
Formulário de contato: formulário com validação de e-mail do remetente e envio de e-
mail para a equipe do cuidando.

Denúncias: As denúncias são relacionadas às mídias e às atividades inseridas por

usuários. Estas denúncias são contabilizadas por mídia e por usuário que as inseriu. Com a
contagem, automatizou-se o processo de exclusão de mídias com muitas denúncias. A
contagem por usuário pode ser usada para bloquear o usuário denunciado, se necessário.

Integrações com dados do Cuidando atuais: Os dados atuais do cuidando e os

desenvolvimentos de integração com a API de geocodificação do Google Maps foram
trazidos para o protótipo, para manter as funcionalidades originais.

Documentação: Todo o código foi documentado à medida que o desenvolvimento

evoluía. Todos os métodos possuem cabeçalhos breves explicando sua funcionalidades, e há
comentários espalhados pelo código para melhor explicar as funcionalidades pontualmente.

5.6 Resultado final – O protótipo

O protótipo do “Cuidando 2.0” será hospedado no endereço:
www.gpopai.usp.br/cuidando2/, abaixo seguem imagens para ilustrar o desenvolvimento.
Mais ilustrações do protótipo estão no apêndice I.
 34

Figura 1 - Cuidando - Página inicial

Figura 2 - Cuidando –Telas de login e de inserção de ponto no mapa

 35

6 Discussão
O presente trabalho, apesar de ter o objetivo de gerar um protótipo de plataforma, foi
inteiramente planejado de forma a montar uma estrutura sólida da nova plataforma do
Cuidando do Meu Bairro 2.0, tanto conceitualmente quanto tecnicamente. Desta forma, desde
o princípio, foi pesquisado, estudado e discutido os temas que envolviam a ampliação do
projeto com acuidade. Esta tarefa, apesar de muito expeculativa, demandou bastante foco e
“pé-no-chão” com os brainstormings, pois muitas idéias surgiram, e o escopo aumentou cada
vez mais e, por vezes, até saindo do foco em si e se aproximando de outros temas diferentes
do orçamento público e de trabalhos já existentes. Mas estas idéias foram podadas e focou-se
as funcionalidades pertencentes ao que diz respeito ao orçamento público.

6.1 Embasamento teórico

Com a disponibilização do “Cuidando do meu bairro”, teve-se noção da informação
quantitativa de quantos recursos foram aplicados em tal área, mas se perde a informação
qualitativa a respeito do que de fato foi realizado pelos órgãos públicos. A abordagem
escolhida para este projeto foi aproximar o cidadão ao menor grau de granularidade do
orçamento: a ação pública realizada de fato.

Os resultados obtidos das pesquisas bibliográficas e das plataformas existentes

influenciaram diretamente a proposta de ampliação. Foram os números recolhidos e a base
teórica que fundamentaram as escolhas do projeto. Escolhas estas que foram tomadas com a
maior cautela e estudos, pois não só este projeto depende destas escolhas, mas também
projetos futuros que refinem este protótipo utilizar-se-ão diretamente das escolhas aqui feitas.
A responsabilidade por estas escolhas foram muito bem apoiadas pelos direcionamentos,
pesquisas e discussões.

Com a implementação do protótipo, os usuários podem compartilhar, nas redes que

participam, os próprios dados do “Cuidando do meu bairro” e informações adicionais de
fotos, vídeos, comentários sobre os pontos mapeados e, assim, fiscalizar o andamento real do
que foi orçado previamente pelos documentos disponibilizados. A troca de informações entre
 36

internautas e a divulgação para suas conexões foi o principal objetivo do trabalho e,

consequentemente o foco do desenvolvimento.

O plano de ampliação da plataforma para se conectar às redes sociais vem da ideia de

monitoração dos gastos de forma crowdsourcing. Segundo Jeff Howe, que criou o termo,
crowdsourcing (colaboração em massa) é uma grande fonte de força de trabalho, formada por
grupos de pessoas de qualquer formação, que, por meio da Internet, contribuem naturalmente
com os seus conhecimentos para desenvolver um projeto ou resolver problemas, pelo simples
desafio ou prazer de colaborar, sem nenhum tipo de remuneração ou recompensa
(BITTENCOURT & FILHO, 2011).

Crowdsourcing comtempla a noção de que o universo dos internautas pode fornecer

informações mais exatas do que peritos individuais ou grupos pequenos. É uma nova e
crescente ferramenta para a inovação. Utilizado adequadamente, pode gerar ideias novas e
reduzir o tempo de investigação e de desenvolvimento dos projetos (WIKIPEDIA, 2010).

O protótipo desenvolvido será uma ferramenta de apoio a essa poderosa arma de

colaboração em massa através das redes sociais, que têm grande capacidade de alcance de
divulgação. O projeto inicial e a ampliação feitas por este trabalho deram bastante poder de
informação para a população se mobilizar.

6.2 Ferramentas de desenvolvimento

O ponto mais difícil nas escolhas foram as ferramentas de desenvolvimento, pois estas
escolhas serão perpetuadas para projetos vindouros, e a mudança de qualquer um delas pode
acarretar em um retrabalho de 1 semestre. Assim, foram necessárias muitas pesquisas e
discussões sobre as possibilidades existentes.

Apesar do site original ser escrito em PHP (para back e front-end) a equipe decidiu por
implementar a plataforma em linguagem Python. Da mesma forma foi sugerida a linguagem
PLIM para o desenvolvimento dos templates (front-end) e o framework Pyramid, como já
apresentado na metodologia.

Os motivos para a escolha das linguagens são agrupados nas categorias técnica e pessoal.
A linguagem Python e PLIM foram sugeridas inicialmente por integrante da equipe do
 37

Gpopai, experiente na linguagem com o foco para desenvolvimento web. Por eu ser
inexperiente em plataformas de desenvolvimento web, escolheu-se seguir pelo mesmo
caminho, pois a tutoria nas linguagens e framework seria facilitado, graças ao contato
frequente e reuniões. Dessa forma, a vantagem pessoal das ferramentas se baseia na tutoria
por parte do integrante e minha experiência em linguagens de programação orientadas a
objetos. Desta forma, a equipe estabeleceu um padrão de ferramentas de desenvolvimento
para o novo Cuidando do Meu Bairro.

Sobre as vantagens técnicas da linguagem Python, que motivaram a sua escolha, são:
facilidade no aprendizado, simplicidade do código (para o desenvolvimento, entendimento e
manutenção), o foco na qualidade e produtividade/rapidez na implementação, dispensa
compilação e também possui amplo volume de bibliotecas.

Outras vantagens podem ser citadas, como a portabilidade, comunidade extensa de

programadores, tipagem dinâmica e gerenciamento de memória transparente. Porém, estas
características não contribuíram diretamente para a escolha da linguagem.

Da mesma forma que Python, o framework Pyramid tem a característica mais importante
de simplificar a vida do desenvolvedor: é possível ter resultados mesmo conhecendo
parcialmente o Pyramid, o que nos ajudou a diminuir a curva de aprendizado na linguagem.
Concentra-se em providenciar soluções rápidas e de ótima qualidade para o desenvolvimento
web. Por ser minimalista, facilita a documentação do código. A confiabilidade é uma
característica em destaque, pois o framework fornece unidades de teste para a codificação.
Estas descrições reafirmam o objetivo em comum da linguagem e do framework.

6.3 Implementação
Tendo como partida as ferramentas listadas na sessão anterior, teve início as configurações
para o desenvolvimento. As configurações e exemplos simples são dados pelo tutorial de
configuração do Pyramid (PYLONS PROJECT, 2013).

Tendo como partida as ferramentas listadas na sessão anterior, iniciou-se o

desenvolvimento com um exemplo simples dados pelo tutorial de configuração do Pyramid
(PYLONS PROJECT, 2013). Esta primeira etapa foi acompanhada de perto pelo Andres
 38

Martano, mestrando da professora Gisele. Assim, o Andres configurou o WSGI e a conta do

Github onde começamos a inserir os códigos. A tutoria do Andrés foi essencial neste kickoff
inicial, pois por ter experiência na linguagem e em sua aplicação web, fez modelos iniciais
(configuração de back-end e front-end, de template e configuração do banco de dados) para
que se pudesse entender como funciona a linguagem Python, PLIM e ZODB, e assim seguir a
base que ele havia feito e expandir o desenvolvimento pouco a pouco para atingir o objetivo.
Os modelos de front-end e do middleware do servidor (Booststrap e WSGI respectivamente)
também foram configurados por ele e poucos ajustes de configurações foram feitos nestas
duas ferramentas.

Esta primeira etapa foi acompanhada de perto pelo Andres Martano que configurou o
WSGI e a conta do Github onde começamos a inserir os códigos. A tutoria do Andrés foi
essencial neste kickoff inicial, pois por ter experiência na linguagem e em sua aplicação web,
fez modelos iniciais (configuração de back-end e front-end, de template e configuração do
banco de dados) para que se pudesse entender como funciona a linguagem Python, PLIM e
ZODB, e assim seguir a base que ele havia feito e expandir o desenvolvimento pouco a pouco
para atingir o objetivo. Os modelos de front-end e do middleware do servidor (Booststrap e
WSGI respectivamente) também foram configurados por ele e poucos ajustes de
configurações foram feitos nestas duas ferramentas.

Com os modelos iniciais da plataforma, o cronograma de implementação foi elaborado e

consistia de objetivos semanais da codificação dos formulários e gerenciamento do banco de
dados, de acordo com a orientação da Profª Drª. Gisele. Desta forma a plataforma ganhou a
forma esboçada.

Terminada a fase de ambientação com o python e pyramid e da codificação da estrutura e

gerenciamento do BD, duas fases distintas se seguiram: conexão com redes sociais e inserção
do mapa com a integração dos dados do Cuidando 1.0.

Ambos, Facebook e Twitter, possuem diversas bibliotecas para conexão, muitas em

Python propriamente. Desta forma, o trabalho nesta fase era estudar estas bibliotecas e utilizá-
las no projeto. Nos sites das próprias redes sociais há bons tutoriais e documentações sobre
 39

estas bibliotecas e como utilizá-las, mas outras pesquisas em outros domínios de

desenvolvedores foram necessários para concretizar o desenvolvimento desta fase.

As dificuldades que surgiram neste protótipo são referentes às configurações e

implementações. No começo do projeto, não possuía nenhuma experiência em
desenvolvimento web e em banco de dados orientado à objetos, ou seja, toda a implementação
foi feita à partir de conhecimentos recém adquiridos. Por isto, ao longo do desenvolvimento,
surgiram muitas dúvidas e erros, mas nem todos puderam ser contornados e/ou superados. A
tutoria recebida foi um ótimo impulso para guiar o desenvolvimento. Por causa dessas
dificuldades, as funções descritas nos próximos parágrafos não puderam ser implementadas.

A inserção de imagens, tanto de perfil de usuário quanto de orçamentos, deveriam ser

hospedados no banco de dados da plataforma. Infelizmente, não foi possível fazer este tipo de
inserção, então o cadastro de imagens é feita com links de imagens hospedadas em outros
sites.

A fase de integração com os dados, apesar de parecer simples (pois os dados já foram
tratados no projeto anterior) demandou muito esforço para a configuração dos scripts em Java
Script, e não foi possível inserir os elementos gráficos do “Cuidando 1.0” (tabelas, gráficos e
mapa). Por este motivo, não houve tempo para a inserção de novos pontos diretamente no
mapa, apenas inserções de dados de orçamento, onde são necessários os endereços.

6.4 Perspectivas futuras

Em projetos futuros, serão necessários desenvolvimentos para mostrar os elementos
gráficos para interação dos usuários (mapas, tabelas e gráficos). Serão necessários mais
pesquisas para inserir imagens no banco de dados ZODB, pois só é possível, no momento,
inserir o link de uma imagem já hospedada.

O protótipo precisa de desenvolvimento específico para o design e refinamentos de

validações e segurança. Além da parte de desenvolvimento, este projeto tem a possibilidade
para outras ampliações, expandindo as fronteiras além do orçamento público ou mesmo
acrescentando mais funcionalidades.
 40

7 Conclusão
Nosso projeto teve como objetivo implementar um protótipo para o “Cuidando do meu
bairro 2.0”. Para o “Cuidando do meu bairro” ter sua versão 2.0, este teve que possibilitar as
interações entre os internautas e assim proporcionar a geração de inteligência coletiva
(crowdsourcing). Também com o objetivo de interação entre os usuários, fizemos uso das
redes sociais, que têm como utilização secundária a divulgação da plataforma.

Para tal objetivo, foram necessárias pesquisas bibliográficas sobre dinheiro público,
transparência orçamentária, web 2.0 e inteligência coletiva, afim de fornecerem a base
contextual. Foram feitas comparações entre plataformas sociais colaborativas para
identificarmos suas funções em comum, seus pontos fortes e fracos. Realizamos pesquisas
técnicas e funcionais sobre requisitos de plataformas web 2.0 e brainstorming para a definição
dos requisitos que o protótipo englobaria, para a plataforma ser considerada como um site 2.0.

As funções definidas para a nova plataforma foram: Login, login com redes sociais,
mapeamento dos dados novos, compartilhamento por redes sociais, trocas de comentários
entre usuários, sessão de contato com formulário. Outras funções adicionais foram sugeridas
para tornar a navegação mais interessante: Feed de novas informações e dados adicionados à
plataforma, base de dados para controle informações dos usuários, visualizador de vídeos na
própria plataforma e estatísticas de visitas e conteúdos mais acessados.

Na implementação, por não possuir experiência em programação web, precisei aprender as

linguagens e ferramentas: Python, Plim, JavaScript, Pyramid e ZODB. Assim, a
implementação e o aprendizado progrediram conjuntamente, à medida que implementávamos
as funções definidas. O protótipo que implementamos, pode ser visitado no endereço:
www.gpopai.usp.br/cuidando2/.

Apesar da tutoria na linguagem Python, algumas funções propostas não puderam ser
finalizadas, elas foram a inserção de imagens no banco de dados, a inserção dos dados
gráficos do “Cuidando 1.0” e, por consequência deste último, não foi possível inserir dados
diretamente no mapa. Apesar das dificuldades de implementação, foi possível implementar as
funções principais e até mesmo as secundárias previstas.
 41

Desde o início este projeto foi um grande desafio, pois o tema do orçamento público nunca
havia se apresentado de forma tão próxima da minha realidade como é mostrado no
“Cuidando do meu bairro”. A transparência governamental utilizando-se de sistemas de
informação para, além de levar a informação básica, aproximar o usuário desta realidade e
agora colocá-lo em contato com outros usuários, que também se interessaram pelo tema e
pelos dados de sua região, faz com que, mais do que conhecimento passivo, os internautas
gerem conhecimentos coletivamente e o transformem em ação.

Neste projeto pude pôr em prática muitas das disciplinas cursadas durante toda a
graduação, como gerenciamento de projetos, engenharia de software, banco de dados,
programação orientada a objetos, resolução de problemas e a aplicação do método científico.
Além de todo esse conhecimento prévio aplicado, este projeto também acrescentou para mim
a experiência em programação web (e as linguagens e ferramentas) e banco de dados
orientado a objetos.

O projeto do “Cuidando do meu bairro” como um todo, teve uma ótima proposta desde o
projeto anterior, com o “Cuidando 1.0”. Com este segundo projeto, o “Cuidando do meu
bairro” tem grande capacidade de se tornar uma ferramenta de mobilização social e de
monitoramento dos gastos públicos. Porém, o projeto ainda tem muito potencial a ser
explorado em projetos futuros, como implementação de um design mais atrativo, inserção de
novas funcionalidades e ampliação da temática.
 42

Referências Bibliográficas
BITTENCOURT, Luís C; FILHO, Reinaldo Mendes de Moraes. Colaboração em Massa
(Crowdsourcing) na Comunicação Corporativa. 2 p. 2011.

IBM developer Works. Usando o Software Livre para Projetar, Desenvolver e

Implementar um plataforma colaborativa web. Disponível em: <
http://www.ibm.com/developerworks/br/library/i-osource3/index.html>. Acessado em: 06
jun. 2013.

KRZYK, Tatiana; KUNST, Rafael. Redes Sociais na Internet: contextualização, mercado

e desenvolvimento. 2012. 24 p. Centro Universitário La Salle. Canoas, RS.

LUTZ, M.; ASCHER, D. Aprendendo Python. Tradução João Tortello. 2. ed. Porto Alegre:
Bookman, 2007. 568 p.

MANUAL. Como Usar ZODB (tradução). 2003. 9 p. Universidade do Vale do Rio dos
Sinos (UNISINOS). Rio Grande do Sul.

MICHALSKY, S.; MAMANI, E. Z. S.; GEROSA, M. A. A Inteligência Coletiva na Web:

Uma Análise de Domínio para o Jornalismo Online. 2010. Universidade de São
Paulo (USP). Instituto de Matemática e Estatística (IME). São Paulo.

MORAES, Fernando Ferreira Diniz. Mapeamento geográfico de parte das ações

orçamentárias do município de São Paulo. 2012. 68 p. Universidade de São Paulo (USP).
Escola de Artes, Ciências e Humanidades (EACH). São Paulo.

OPENSHIFT. Openshift Online. Documentação. Disponível em: <

https://www.openshift.com/products/online>. Acesso em:11 ago. 2013.

O’REILLY, Tim. O que é Web 2.0 - Padrões de design e modelos de negócios para a nova
geração de software. 2005. Publicado em O'Reilly(http://www.oreilly.com/). Tradução:
Miriam Medeiros. Revisão técnica: Julio Preuss. Novembro 2006.
 43

PINHEIRO, D. R. S. et al. Comparativo entre Banco de Dados Orientado a Objetos

(BDOO) e Bancos de Dados Objeto Relacional (BDOR). 2009. 8p. Universidade Federal
Fluminense. Rio de Janeiro.

PORTAL DA TRANSPARÊNCIA DO GOVERNO FEDERAL. Sobre o Portal. 2004.

Disponível em: <http://www.portaldatransparencia.gov.br/sobre/>. Acesso em: 13 abr. 2013.
PORTAL DA TRANSPARÊNCIA DO GOVERNO FEDERAL. Lei complementar.
Disponível em: <http://www.portaltransparencia.gov.br/faleConosco/perguntas-tema-
transparencia-lei-complementar.asp/>. Acesso em: 13 abr. 2013.
PYLONS PROJECT. About Pyramid. Disponível em:
<http://www.pylonsproject.org/projects/pyramid/about>. Acesso em:15 ago. 2013.

PYLONS PROJECT. Getting Started with Pyramid. Disponível em:

<http://docs.pylonsproject.org/projects/pyramid_tutorials/en/latest/getting_started/index.html
>. Acesso em:16 dez. 2013.

PYTHON WIKI. MySql. Disponível em: <http://wiki.python.org/moin/MySQL>. Acesso

em:11 ago. 2013.

SQLALCHEMY. The Python SQL Toolkit and Object Relational Mapper.

Documentação. Disponível em: <http://www.sqlalchemy.org/ >. Acesso em:11 ago. 2013.

VILA MUNDO. “Cuidando do meu bairro” mapeia obras públicas em São Paulo. São
Paulo, 2012. Disponível em: <http://vilamundo.org.br/2012/08/cuidando-do-meu-bairro-
mapeia-obras-publicas-em-sao-paulo>. Acesso em: 06 de abril de 2013.

WIKIPEDIA. Banco de dados orientado a objetos. 2010. Disponível em:

<http://pt.wikipedia.org/wiki/Banco_de_dados_orientado_a_objetos>. Acesso em: 10 ago.
2013.

WIKIPEDIA. Web server gateway interface. Disponível em:

<http://pt.wikipedia.org/wiki/Web_Server_Gateway_Interface>. Acesso em: 11 ago. 2013.

WIKIPEDIA. Crowdsourcing. São Paulo, 2010. Disponível em:

<http://pt.wikipedia.org/wiki/Crowdsourcing>. Acesso em: 07 abr. 2013.

WIKIPEDIA. Zope. 2013. Disponível em: <http://pt.wikipedia.org/wiki/Zope>. Acesso em:

10 ago. 2013.
 44

WSGI. Learn about WSGI. Read the docs. Disponível em:

<http://wsgi.readthedocs.org/en/latest/learn.html>. Acesso em: 11 ago. 2013.

ZOPE. ZODB - a native object database for Python. Documentação. 2011. Disponível em:
<http://www.zodb.org/en/latest/>. Acesso em:10 ago. 2013.
 45

APÊNDICE A – Levantamento de portais de transparência

governamentais

Portais de transparência governamental

Nome Site Sobre

O Portal da Transparência do Governo Federal é uma iniciativa da Controladoria-
Portal da Geral da União (CGU), lançada em novembro de 2004, para assegurar a boa e
http://www.po
transparência correta aplicação dos recursos públicos. O objetivo é aumentar a transparência da
rtaldatranspare
do governo gestão pública, permitindo que o cidadão acompanhe como o dinheiro público
ncia.gov.br
federal está sendo utilizado e ajude a fiscalizar. Possível ver dados por município, por
órgão, programa etc. Possível fazer o download dos dados.

http://www.ac Access Info Europe é uma organização de direitos humanos dedicada a promover
Access Info e proteger o direito de acesso à informação na Europa e no mundo como uma
cess-info.org
ferramenta para defender as liberdades civis e os direitos humanos, para facilitar
a participação do público na tomada de decisões e para a realização de governos.
Apresentam os dados referentes às despesas realizadas por cada órgão e entidade
Páginas de http://www3.tr
Transparência ansparencia.go da Administração Pública Federal com informações sobre execução orçamentária,
Pública v.br licitações, contratações, convênios, diárias e passagens. Apresenta uma lista de
outros sites de transparência por ministério.
O Portal de Compras do Governo Federal é um site WEB, instituído pelo Ministério
do Planejamento, Orçamento e Gestão (MPOG). Nele podem ser vistos os avisos
http://www.co de licitação, as contratações realizadas, a execução de processos de aquisição pela
Comprasnet mprasnet.gov. modalidade de pregão e outras informações relativas a negociações realizadas
br/ pela administração pública federal direta, autárquica e fundacional. O
COMPRASNET disponibiliza, também, a legislação vigente que regula o processo
de serviços gerais e de contratação, além de diversas publicações relativas ao
assunto.
http://www2.c
amara.leg.br/at Nesse espaço são divulgadas informações sobre o Orçamento da União, com
Câmara dos
ividade- acompanhamento de sua elaboração e execução, bem como informações sobre as
deputados
legislativa/orca transferências da União para Estados e Municípios, legislação correlata, artigos, e
mentobrasil muitas outras.
http://portal2.t
Tribunal de cu.gov.br/port Homepage criada por força da Lei Federal nº 9.755/98, na qual toda entidade
contas da al/page/portal/ gestora de recursos públicos está sujeita a divulgar suas contas. Possui também
união TCU/contas_pu dados sobre repasse de recursos, demonstrativos bimestrais, balanços, entre
blicas/inicio outros.
 46

A Controladoria-Geral da União (CGU) é o órgão do Governo Federal responsável

por assistir direta e imediatamente ao Presidente da República quanto aos
http://www.cg assuntos que, no âmbito do Poder Executivo, sejam relativos à defesa do
CGU
u.gov.br/ patrimônio público e ao incremento da transparência da gestão, por meio das
atividades de controle interno, auditoria pública, correição, prevenção e combate
à corrupção e ouvidoria.
https://www.c O Portal de Convênios do Governo Federal deverá ser utilizado para todos os atos
Portal dos onvenios.gov.b de celebração, alteração, liberação de recursos, acompanhamento da execução e
convênios r/portal/index. prestação de contas de convênios e contratos de repasse firmados com recursos
html voluntários da União.
Secretaria do https://www.t
tesouro esouro.fazenda Constitui-se em órgão central do Sistema de Administração Financeira Federal e
nacional .gov.br/ do Sistema de Contabilidade Federal.

Senado Nesse espaço são encontradas informações sobre o processo orçamentário,

http://www12. acompanhamento da elaboração e execução das leis orçamentárias, consulta a
federal -
senado.gov.br/ emendas parlamentares, verificação de transferências para estados, municípios e
orçamento da
orcamento#/ entidades privadas, acesso a um amplo banco de dados sobre as leis
união
orçamentárias (SIGA Brasil) e muito mais.

Open http://openspe Objectivo é acompanhar todas as transações financeiras do governo em todo o

Spending nding.org/ mundo e apresentá-lo em formas úteis e envolvente para todos a partir de uma
criança de escola até um geek de dados.

Olho vivo no http://www.cg O hotsite do Programa "Olho Vivo no Dinheiro Público" traz informações sobre as
dinheiro u.gov.br/olho_ ações da Controladoria-Geral da União (CGU) voltadas para o fomento ao controle
público vivo/ social, à prevenção da corrupção e à promoção da transparência dos gastos dos
recursos federais.
Where does http://whered Tem como objetivo promover a transparência ea participação dos cidadãos,
my money oesmymoneyg através da análise e visualização de informações sobre os gastos públicos do Reino
go? o.org/ Unido.

http://www.pa É o maior nível de agregação das diversas áreas de atuação do setor público. A
Para onde foi função está relacionada com a missão institucional do órgão, por exemplo,
raondefoiomeu
o meu cultura, educação, saúde, defesa, que guarda relação com os respectivos
dinheiro.com.b
dinheiro? Ministérios. O primeiro quadro deste sistema apresenta os dados distribuídos nas
r/
respectivas funções de governo.

http://sidornet Instituído pelo Ministério do Planejamento, Orçamento e Gestão, o Cadastro

Cadastro de
.planejamento. contém informações qualitativas sobre as ações programadas no orçamento, de
ações
gov.br/docs/ca forma a subsidiar o processo de monitoramento e avaliação das ações de
orçamentárias governo, e divulga para a sociedade brasileira os atributos cadastrais das ações
dacao/
constantes do Projeto de Lei Orçamentária.
Tabela 3 - Levantamento de portais de transparência governamentais
 47

APÊNDICE B – Levantamento de plataformas

colaborativas
Site Sobre
Site de engajamento cívico apartidário:
• Apresenta, de forma simples e resumida, os projetos de lei em tramitação no Congresso Nacional
Votenaweb
• Usuários podem votar contra ou a favor das propostas e dar a sua opinião.
• O site fica encarregado de levar ao Congresso os resultados dessa participação popular.

• O sistema de reclamações é aberto a qualquer cidadão que preencha corretamente o cadastro no site.
• A reclamação é publicada e um aviso é encaminhado via e-mail à parte reclamada, caso a empresa
Reclame aqui tenha seu Serviço de Atendimento ao Cliente Cadastrado no Reclame Aqui.
• As empresas poderão responder a qualquer momento, publicando assim a resposta à reclamação do
cidadão.

Um site com fins estritamente educacionais e de conscientização da população. As multas sociais

criadas aqui são fictícias.
Multas sociais
Este site não possui nenhum vínculo com os órgãos oficiais de controle de infrações de trânsito ou
nenhum departamento governamental.
É um espaço de radicalização da democracia, onde você tem voz e vez para discutir a cidade,
mostrando o que ela tem de bom e o que precisa ser melhorado. Melhor ainda, você pode dar sua
PortoAlegre.cc
opinião de como a cidade pode melhorar, e chamar as pessoas para ajudarem a transformar essa ideia
em realidade.
é um software que permite a pesquisa, visualização e registro de ocorrências criminais em um mapa
WikiCrimes
digitalizado.
O MootiroMaps permite que os usuários criem um mapa da sua comunidade, mostrando onde estão
MootiroMaps
localizados recursos, necessidades e organizações.
É uma ferramenta de participação cidadã que se aprimora de forma sistemática e que permite a você
conhecer as principais questões propostas em uma determinada área (território, bairro, cidade) e
Cidade
relacionadas aos temas (tags) que você escolher. Além disso, o Cidade Democrática é, também, um
democrática
espaço para você propor soluções, registrar problemas e construir diálogos colaborativos como
instrumento de viabilização das questões, que, em sua opinião, são mais relevantes para o bem comum.
O Movimento Minas é um espaço para usuários construirem soluções para os desafios da sociedade de
Movimento
forma colaborativa. O Movimento Minas se divide em 2 processos de colaboração, sendo um chamado
Minas
de "Desafios" e outro de "conversas".
Reeportar, ver ou discutir os problemas locais
FixMyStreet
(como grafite, lajes quebradas, ou iluminação pública)
Ajuda usuários de transportes públicos a reportarem problemas e enviam essas mensagens para as
FixMyTransport
companias responsáveis
Barnet "EuPrometo" pode ser usado para reunir as pessoas a executar projetos. Estes projetos podem
ser tarefas como limpeza de neve e gelo de calçadas na rua, pintura sobre pichações ou a criação de
PledgeBank aulas de informática em sua área. O site é baseado no princípio simples de que a pessoa que faz a
"penhora" on line irá trabalhar para que isso aconteça ", mas apenas se" uma série de outras pessoas
se comprometerem também.

Tabela 4 - Levantamento de plataformas colaborativas

 48

APÊNDICE C – Tabelas de comparação entre

funcionalidades das plataformas
Login
Site Mapeamento Facebook Twitter OpenSource Outras informações
próprio?
login com facebook; Gráficos das
Sim, em nível
Votenaweb Sim Sim Sim Nâo votações; Possibilita o envio de emails
estadual
para compartilhar com outras pessoas
Ranking e índices das empresas; login
com facebook; conexão com youtube;
não aceita participações anônimas ou
Reclame aqui Sim Não Sim Sim -
registradas com apelidos.
Compartilhamento para o orkut
também.
"Multas" com inserção de vídeo do
yout tube; Aplicativos para smart fone
Multas sociais Não Não Sim Sim Sim
e api disponível. Código disponível no
github
Login apenas com contas do face,
PortoAlegre.cc Não Sim Sim Sim -
twitter e googleaccounts
Logins com face, twitter, blogger,
yahoo, google, wordpress e windows
WikiCrimes Sim Sim Nâo Não Sim live. Possível exportar o wikicrimes
para sites particulares, possui app
mobile. Gráficos com estatísticas
MootiroMaps Sim Sim Não Não Sim Login com face e google.
Cidade
Sim Não Não Não - Login com face;
democrática
Movimento
Sim Não Sim Sim -
Minas
FixMyStreet Sim SIM Nâo Não Sim
FixMyTransport Sim Sim Não Não Sim Login com face;
PledgeBank Não Nâo Nâo Não Sim

Tabela 5 - Comparação entre funcionalidades das plataformas

 49

APÊNDICE D – Esboços da plataforma - wireframes

Figura 3 - Cuidando - Esboço da tela inicial

 50

Figura 4 - Cuidando - Esboço da tela de login

Para conseguir interagir com o conteúdo do site (inserir fotos, vídeos e comentários) o
usuário deve se logar ao site.

Nesta tela haverá a possibilidade de se logar com o cadastro do próprio site ou com o
Twitter e/ou facebook.

Caso não haja conta, o usuário digita o email e é redirecionado para a tela de cadastro.
 51

Figura 5 - Cuidando - Esboço da tela de cadastro

Redirecionada da tela de login ou do menu “Participe!”, são sugeridos os seguintes

campos acima para cadastro (conforme reunião anterior).

Porém, como haviamos conversado, muita coisa para preencher acaba assustando o
usuário (apesar de muitas informações serem opcionais).

Assim, proponho um formulário de cadastro mais simplificado, apenas com as

informações obrigatórias. As demais informações o usuário preenche na configuração do seu
perfil.
 52

Figura 6 - Cuidando - Tela de cadastro simplificado

Assim, o usuário também ganha rapidez se quiser já interagir com o site.

 53

Figura 7 - Cuidando - Esboço da página de mapa

Figura 8 - Cuidando - Esboço da sessão de gráficos

 54

Semelhante à tela do cuidando atual, esta página terá o diferencial de curtir/compartilhar

no facebook.

A intenção aqui é ter links em cada ponto do mapa (além as informações já mostradas).
Estes links irão encaminhar à páginas com as informações específicas de cada ponto.

A esta tela foi adicionado a sessão de gráficos e tabelas (lembrando que serão expansíveis,
e só carregado quando o usuário expandir a sessão)

Figura 9 - Cuidando - Esboço da tela de orçamento

Nesta tela, além das informações apresentadas no mapa, serão mostradas a sessão de fotos,
vídeos e comentários.
 55

Será interessante armazenar apenas os links para vídeos, por terem grande volume. Assim,
pode-se mostrar em um player na própria página.

As fotos e vídeos podem ser mostrado em uma página redirecionada a partir desta
(mostrando todas as imagens/vídeos), ou pode-se mostrar as imagens com um scroll nesta
mesma página (abrindo um pop-up para ampliar a foto).

O upload das mídias segue na mesma sessão da mídia correspondente. Para cada foto ou
vídeo é interessante botões para curtir, compartilhar, tweetar e denunciar (assim como os
comentários mais abaixo)

Os checkboxes sugeridos são para o caso do usuário ter a conta do twitter e face já
conectados à conta do Cuidando. Assim, ao comentar, a publicação no twitter e face é feita
automaticamente.

Abaixo da caixa de comentários haverão os comentários de outros usuários:

Figura 10 - Cuidando - Esboço das caixas de comentários

E em cada publicação as sugestões dos botões. É interessante ressaltar que esta página pode
ser visualizada por usuários não cadastrados, que podem até compartilhar e curtir as
publicações. Mas, para inserir conteúdos, apenas estando logados.
 56

Figura 11 - Cuidando - Esboço da tela de inserção de pontos

 57

Figura 12 - Cuidando - Esboço da tela de configuração do usuário

Figura 13 - Cuidando - Esboço da tela configuração do usuário, segunda parte

 58

Figura 14 - Cuidando - Esboço da tela inicial de usuário

Esta tela é uma idéia para facilitar ao usuário a procura pelos conteúdos que ele já
interagiu:

Nesta tela podemos também inserir estatísticas geradas pelo usuário (quantidade de
tópicos que já participou, quantidade de respostas obtidas, quantidade de imagens/vídeos que
ele já deu upload, etc)
 59

Figura 15 - Cuidando - Esboço da tela de about

Figura 16 - Cuidando - Esboço da tela de contato

 60

APÊNDICE E – Questionário
Questionário aplicado:

- Quais linguagens são usadas para a manutenção do site e scripts?

- Qual o banco de dados utilizado?
- Como escolheram estas redes socias que fazem integração com o sistema?
- Como são feitas as integrações com as redes sociais?
- O desenvolvimento inicial e nova versão da plataforma foi feita por quantas pessoas?
- A equipe de desenvolvimento do site é composta por quantos membros atualmente? (ou
é terceirizada)
- Existe uma equipe que modera o site? É composta por quantas pessoas?
- O código é aberto? (é possível dar exemplos deles?)
- Há uma documentação do código disponível para o público?

Respostas:

Porto Alegre.cc

- Quais linguagens são usadas para a manutenção do site e scripts?

Ruby on Rails, JQuery, Ajax, Javascript
- Qual o banco de dados utilizado?
MySQL
- Como escolheram estas redes socias que fazem integração com o sistema?
As redes utilizadas foram escolhidas por serem muito utilizadas e por possibiitarem diferentes
formas de discussão e engajamento. São um excelente espaço para o diálogo e mobilização dos
agentes.
- Como são feitas as integrações com as redes sociais?
A integração com as redes sociais é feita no intuito de trazer visibilidade para as causas
cadastradas na plataforma, dialogar com os cidadãos, colocar em debate temas e assuntos
importantes para a cidade. Há um planejamento editorial que rege a publicação de conteúdo, e o
objetivo
- O desenvolvimento inicial e nova versão da plataforma foi feita por quantas pessoas?
Variou entre 3 e 6, dependendo do momento.
- A equipe de desenvolvimento do site é composta por quantos membros atualmente? (ouo é
terceirizada)
É terceirizada.
- Existe uma equipe que modera o site? É composta por quantas pessoas?
3 pessoas cuidam do cadastro das causas e do contato feito através do e-mail.
- O código é aberto? (é possível dar exemplos deles?)
O código, hoje, não é aberto.
- Há uma documentação do código disponível para o público?
De código, não.

Votenaweb (WebCitzen)
 61

- Quais linguagens são usadas para a manutenção do site e scripts?

No Votenaweb a linguagem utilizada é Ruby, Framework Ruby on Rails
- Qual o banco de dados utilizado?
Utilizamos o banco de dados PostgreSQL
- Como escolheram estas redes socias que fazem integração com o sistema?
Escolhemos o Facebook e Twitter por serem redes sociais de grande alcance e que
permitem a integração com nosso sistema. Através destas redes sociais podemos interagir de
outras formas com os usuários da plataforma, apresentar novidades, chamar as pessoas para
votarem, mostrar reportagens com temas relacionados aos projetos de lei, enfim, estas são
duas redes que nos ajudam a estimular o engajamento e a espalhar nossa marca.
- Como são feitas as integrações com as redes sociais?
Fizemos a intergração do Votenaweb com o Facebook através de uma api.
- O desenvolvimento inicial e nova versão da plataforma foi feita por quantas
pessoas?
A primeira versão da plataforma foi desenvolvida por uma empresa terceirizada. Não sei
te informar quantas pessoas atuaram diretamente nesta fase. A segunda versão da plataforma
foi feita internamente na Webcitizen com mão de obra de um programador com dedicação
integral ao projeto. O desenvolvimento da nova plataforma durou cerca de 6 meses de
trabalho.
- A equipe de desenvolvimento do site é composta por quantos membros atualmente?
(ouo é terceirizada)
Hoje temos apenas um programador fulltime cuidando do Votenaweb. Ele é funcionário
da Webcitizen e trabalha diretamente conosco aqui.
- Existe uma equipe que modera o site? É composta por quantas pessoas?
A equipe principal do Votenaweb é relativamente pequena:
1 Coordenador geral;
1 Gerente;
1 Programador;
1 Designer
1 Jornalista;
2 Estagiários de Direito.
- O código é aberto? (é possível dar exemplos deles?)
O Votenaweb não está disponível em código aberto, mas todas as Bibliotecas (plugins)
que utilizamos são em formato de código aberto como, por exemplo, JQuery que serve para
aumentar a interatividade do usuário com o site (uso de filtros e mapas)
- Há uma documentação do código disponível para o público?
Não disponibilizamos nenhuma documentação de código do Votenaweb.
 62

APÊNDICE F – Esquema do banco de dados

Figura 17 - Esquema do banco de dados

 63

APÊNDICE G – Bibliotecas do protótipo

 pyramid==1.5a1

 pyramid_zodbconn

 transaction

 pyramid_tm

 pyramid_debugtoolbar

 waitress

 ZODB3

 pyramid_mako

 pyramid_chameleon

 plim

 deform

 pyramid_deform

 pyramid_beaker

 deform_bootstrap

 tweepy

 facebook

 pyramid_mailer

 venusian

 webob
 64

APÊNDICE H – Estrutura final do banco de dados

class Cidadao(PersistentMapping): Classe de cidadãos (usuários) cadastrados
 senha
 email
 apelido
 nome_completo
 genero
 nascimento
 nome
 rua
 bairro
 cidade
 estado
 foto
 informacoes
 login_twitter
 twitter_key
 twitter_secret
 login_facebook
 facebook_url
 facebook_token
 notificacoes_site
 notificacoes_email
 atualizacoes_pontos
 atualizacoes_eventos

 pontos_inseridos = []
 pontos_a_seguir = []
 denuncias = []

class Atividade(Persistent): Classe mãe das atividades orçamentárias e atividades inseridas pelos
usuários
 atividade
 descricao
 id

 midia_video = []
 midia_foto = []
 midia_coment = []

class Atividade_cidadao(Atividade): Deve herdar de Atividade. Classe atividades inseridas pelos

usuários
 cidadao
 data
 tipo
 65

 denuncias = []

class Atividade_orcamento(Atividade): Deve herdar de Atividade. Classe atividades orçamentárias

vindas do cuidando 1.0
 atividade
 orcado
 atualizado
 ano
 empenhado
 liquidado
 orgao

class Midia(Persistent): Classe mãe dos tipos de mídias que serão associados às atividades
 data
 cidadao
 excluir

 denuncias = []

class Midia_foto(Midia): Herda de Mídia. Classe que receberá as imagens

 imagem

class Midia_video(Midia): Herda de Mídia. Classe que receberá os links para os vídeos
 linkOrig
 link

class Midia_comentario(Midia): Herda de Mídia. Classe que receberá os comentários

 comentario

 respostas = []

class Denuncia(Persistent): Classe que irá armazenar as denúncias relacionadas ás mídias inseridas
 denunciante
 descricao

class Dados_site(PersistentMapping): Objeto único no bd para inserir os dados estatísticos do site

 atualiz_atv = []
 destaque_atv = []
 qtde_usr
 qtde_atv_orc
 qtde_atv_usr
 qtde_fotos
 qtde_videos
 qtde_coment
 proxId
 66

class Atualizacao_Usr(PersistentMapping):
 usuario = []

APÊNDICE I – Ilustrações do protótipo

Figura 18 - Cuidando - Protótipo da lista de atividades inseridas por usuários

 67

Figura 19 - Cuidando - Protótipo da lista de usuários cadastrados

Figura 20 - Cuidando - Protótipo da página inicial do usuário

 68

Figura 21 - Cuidando - Protótipo da página de cadastro

 69

Figura 22 - Cuidando - Protótipo da página de configuração de usuário

 70

Figura 23 - Cuidando - Continuação do protótipo da página de configuração de usuário

 71

Figura 24 - Cuidando - Continuação do protótipo da página de configuração de usuário

Figura 25 - Cuidando - Protótipo da página de inserção de ponto no mapa

 72

Figura 26 - Cuidando - Continuação do protótipo da página de inserção de ponto no mapa

 73

Figura 27 - Cuidando - Protótipo da página do orçamento

 74

Figura 28 - Cuidando - Continuação do protótipo da página do orçamento

 75

Figura 29 - Cuidando - Continuação do protótipo da página do orçamento

Figura 30 - Cuidando - Protótipo da página de contato

 76

Figura 31 - Cuidando - Prótitpo da página de about

APÊNDICE J – Termos e condições de uso

O Usuário deve ler com atenção os Termos de Uso da plataforma digital Cuidando do meu bairro,
uma vez que a sua utilização implica na aceitação e na concordância com os mesmos.

1. Do objetivo da plataforma digital Cuidando do meu bairro

A plataforma tem como missão a difusão de informações relevantes do orçamento público
em São Paulo e promover a colaboração dos usuários na construção dos conteúdos da
plataforma.

Você é responsável pelas suas próprias ações: você é legalmente responsável pelas suas
publicações no Cuidando do meu Bairro. Assim, você deve, para a sua própria proteção,
exercer cautela e evitar contribuir com qualquer conteúdo que possa resultar em
responsabilidade cível ou criminal sob qualquer lei aplicável.

2. Política de privacidade
Solicitamos que você analise os termos da nossa Política de privacidade de forma a tomar
ciência de como coletamos e usamos suas informações.

3. Aceitação dos termos

Para usar os Serviços, o usuário deverá primeiro concordar com os Termos. Não é
permitido o uso dos Serviços por parte do usuário se ele não aceitar os Termos.
 77

O usuário reconhece e aceita que, se sua conta for desativada, poderá ser impedido de
acessar os Serviços, os detalhes da conta ou quaisquer arquivos ou outros conteúdos que
estejam na conta.

4. Atividades a serem evitadas

O Cuidando do meu Bairro necessita da colaboração dos usuários que juntos inserem
conteúdo para as páginas. Ficamos felizes em dar boas-vindas à sua participação nesta
comunidade. Nós o encorajamos a ser polido e educado nas suas interações com outros
usuários, a agir de boa-fé e fazer comentários e uploads com o fim de promover a missão do
colaborativismo cívico.
Certas atividades, sejam legais ou ilegais, podem ser prejudiciais a outros usuários e violar
nossas regras. Algumas atividades podem ainda sujeitá-lo a responsabilização civil. Assim,
para a sua própria proteção e para a de outros usuários, você não pode participar de tais
atividades nos nossos sites. Essas atividades incluem:

Assediar terceiros e tratá-los de maneira abusiva

 participar de assédio, ameaças, perseguição, envio de spam ou vandalismo; e
 transmitir e-mails com correntes, publicidade ou spam para outros usuários.

Violar a privacidade de terceiros

 infringir os direitos de privacidade de terceiros ;
 solicitar informações pessoalmente identificáveis com o fim de assédio, exploração,
violação da privacidade ou qualquer fim de promoção comercial não explicitamente
aprovado; e
 solicitar informações pessoalmente identificáveis de qualquer pessoa com menos de 18
anos de idade para fins ilegais ou violação de qualquer lei aplicável referente à saúde
ou ao bem-estar de menores.

Cometer infração
 postar pornografia infantil ou qualquer outro conteúdo que viole as leis aplicáveis
referentes à pornografia infantil;
 postar ou transmitir materiais obscenos que sejam ilegais sob as leis aplicáveis; e
 usar os serviços de maneira que seja inconsistente com a lei aplicável.

Realizar uso disruptivo ou mau uso ilegal de instalações

 postar ou distribuir conteúdo que contenha vírus, malware, worms, cavalos-de-troia,
código malicioso ou outros dispositivos que possam danificar nossa infraestrutura
técnica ou sistema ou os dos nossos usuários;
 interromper os serviços colocando uma carga indevida no website;
Nós nos reservamos o direito de fazer valer nosso entendimento no que se refere aos
termos acima.

5. Segurança de senhas
Você é responsável pela segurança de sua própria senha e nunca deverá revelá-la a
terceiros.
 78

6. Limitação da responsabilidade
O Cuidando do meu bairro não será responsável perante você ou qualquer outra parte por
qualquer dano direto, indireto, especial, consequencial ou exemplar, incluindo, entre outros,
danos por perda de lucros, boa-fé, uso, dados ou outras perdas intangíveis, independente de
termos sido avisados da possibilidade de tais danos. Caso a legislação aplicável não permita a
limitação ou exclusão da responsabilidade ou de dados incidentais ou consequenciais, a
limitação ou exclusão acima poderá não se aplicar a você, ainda que nossa responsabilidade
seja limitada na medida máxima possível autorizada pela legislação aplicável.

7. Alterações do termo de uso

A plataforma Cuidando do meu Bairro poderá alterar este Termo de Uso a qualquer
momento.
Solicita-se a leitura periódica deste Termo de Uso a título de conhecimento sobre as
responsabilidades, os deveres e as obrigações que o usuário assume quando utiliza a
plataforma.

Muito obrigado!
Apreciamos o fato de você ter se dado ao trabalho de ler esses termos de uso e ficamos
muito felizes por você estar contribuindo com o site e usando nossos serviços. Obrigado pelas
suas contribuições. Você está ajudando a construir algo realmente grande – não somente uma
importante coleção de projetos de referência editados em colaboração, que proporcionam
educação e informação a milhões, que, de outra forma, poderiam não ter acesso – mas
também uma vibrante comunidade de pessoas de mentalidade semelhante focadas em uma
meta muito nobre.
 79

APÊNDICE K – Política de privacidade

Esta política trata das informações passíveis de identificar pessoalmente usuários,

recolhidas ou guarnecidas pelo Cuidando do meu Bairro nos seus servidores em relação aos
seus usuários. Em consonância com a sua política de retenção de dados, a plataforma recolhe
e retém a menor quantidade possível de dados pessoais necessária ao cumprimento das
necessidades do site.

8. Coleta de informações
Para acessar determinados Serviços, poderá ser solicitado ao usuário que forneça
informações pessoais (tais como identificação ou detalhes de contato) como parte do processo
de registro para o Serviço ou como parte da utilização continuada dos Serviços por parte do
usuário. O usuário declara que as informações de registro que fornecer ao Cuidando do meu
bairro serão sempre exatas, corretas e atualizadas.
Coletamos informações das seguintes maneiras:
 Quando o usuário, voluntariamente, as fornece ao se registrar no site;
 Quando o usuário se cadastra no Cuidando do meu bairro por meio de contas que
possui em outras redes de relacionamento (Facebook e Twitter);

9. Uso das informações

O usuário tem ciência e concorda que as informações coletadas serão utilizadas para os
seguintes propósitos:
 informar a respeito de novos produtos, serviços, notícias e eventos;
 atualização das informações de contato;
 otimizar o uso e a experiência interativa durante a navegação do usuário no Site;
 elaborar estatísticas gerais;
 responder às dúvidas e solicitações dos próprios usuários;
 obedecer determinações legais ou judiciais.
As informações de cadastro fornecidas pelos usuários serão obtidas e armazenadas de
acordo com os mais rígidos padrões de segurança e confiabilidade. Envidaremos nossos
melhores esforços na manutenção da integridade das informações cadastrais que nos forem
fornecidas, razão pela qual não somos responsáveis pelos danos decorrentes do seu acesso
e/ou utilização por terceiros estranhos.

10. Uso das informações em redes sociais

As informações disponibilizadas no Cuidando do meu bairro (incluindo informações
pessoais) poderão ser compartilhadas com os sites de redes de relacionamento em que o
usuário tenha conta.
Permite-se que os usuários vinculem sua conta no Cuidando do meu bairro com as suas
contas do Facebook e Twiter. O usuário será consultado para decidir quando as suas
informações serão compartilhadas e divulgadas em seu Facebook ou Twitter. A opção de
compartilhamento poderá ser desativada em campo específico nas configurações do usuário.

11. Informações, opiniões e conteúdos gerados por terceiros

 80

Este Site possibilita a participação de usuários através de comentários, troca de

informações, publicação de conteúdos gerados por terceiros.
Os usuários ficam desde já cientes de que não devem publicar informações, opiniões ou
conteúdos imorais, ilegais, racistas, difamatórios, injuriosos, pornográficos, criminosos, ou
qualquer conteúdo que viole os direitos do autor. Ficam cientes ainda que as informações,
conteúdos ou opiniões fornecidos ou publicados livremente neste Site, à exceção das
informações pessoais solicitadas para fins de cadastro, NÃO SERÃO SIGILOSAS NEM
ESTÃO PROTEGIDAS POR ESTA POLÍTICA DE PRIVACIDADE, podendo ser
livremente acessadas e visualizadas por outros visitantes e usuários. Ficam também vedados
anúncios publicitários ou qualquer divulgação sobre produtos, serviços ou eventos que
desrespeitem a lei, a moral e os bons costumes. Qualquer manifestação, reprodução ou
publicação imoral ou ilegal deverá ser notificada aos organizadores deste site (através dos
links de denúncia) e será imediatamente removida.
 81

ANEXO A – Cuidando do meu bairro 1.0 - características

Figura 32 - Cuidando 1.0 - Página do mapa dos orçamentos

Figura 33 - Cuidando 1.0 - Página de descrição do orçamento

 82

Figura 34 - Cuidando 1.0 - Página de atividades mapeadas

Figura 35 - Cuidando 1.0 - Gráficos da situação dos orçamentos

Figura 36 - Cuidando 1.0 - Página de exportação de dados para Comma-separated values (CSV)
 83

ANEXO B – Redes sociais em números - GO-Gulf

Figura 37 - Números de usuários nas redes sociais mais populares

 84

Figura 38 - Quantidade de visitantes mensais nas redes sociais populares

 85

Figura 39- Distribuição de usuários por gênero nas redes sociais populares
 86

Figura 40 - Média de tempo gasto mensalmente por usuário nas redes sociais populares
 87

Figura 41 - Distribuição por faixa etária dos usuários das redes sociais populares
 88

Figura 42 - Valor estimado de usuário das redes sociais populares

 89

ANEXO C – Comportamento digital no Brasil - comScore

Figura 43 - Gráfico do tempo médio mensal de usuários brasileiros em relação à média mundial
 90

Figura 44 - Gráfico dos visitantes únicos brasileiros por rede social

 91

Figura 45 - Porcentagem do tempo gasto por usuários brasileiros por rede social