-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·356 lines (356 loc) · 21.8 KB
/
index.html
File metadata and controls
executable file
·356 lines (356 loc) · 21.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
<html>
<head>
<meta charset="utf-8" />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<title>e-Democracia</title>
<meta content="Uma plataforma inovadora de transparência e participação popular" name="description" />
<meta content="Laboratório Hacker" name="author" />
<meta content="democracia" name="keywords" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="origin" name="referrer" />
<link href="assets/favicons/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180" />
<link href="assets/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png" />
<link href="assets/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png" />
<link href="assets/favicons/manifest.json" rel="manifest" />
<link color="#003322" href="assets/favicons/safari-pinned-tab.svg" rel="mask-icon" />
<meta content="#ffffff" name="theme-color" />
<link href="./style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header class="edem-header">
<div class="container">
<a class="edem-logo js-anchor" href="#home">e-Democracia</a><button class="toggle-menu"></button>
<nav class="navigation-menu">
<a class="js-anchor" href="#cases">Cases</a><a class="js-anchor" href="#sobre">Sobre</a><a class="js-anchor" href="#ferramentas">Ferramentas</a><a class="js-anchor" href="#links">Links</a><a class="js-anchor" href="#contato">Contato</a>
</nav>
</div>
</header>
<main>
<section class="section-hero" id="home">
<div class="container">
<h1 class="title">
Uma plataforma <em>inovadora</em> de <em>transparência</em> e <em>participação</em> popular
</h1>
</div>
</section>
<section class="section-features">
<div class="container">
<div class="feature">
<h3>
Participação comprovada
</h3>
<p class="-small-text">
Com <a class="js-anchor" href="#sobre">8 anos de experiência</a>, o e-Democracia é <a class="js-anchor" href="#estudos">reconhecido nacional e internacionalmente</a> pelo pioneirismo e resultados alcançados.
</p>
</div>
<div class="feature">
<h3>
Participação para todos
</h3>
<p class="-small-text">
Congrega <a class="js-anchor" href="#ferramentas">mecanismos com diferentes características e níveis de complexidade</a>, alcançando desde cidadãos comuns até especialistas e grandes organizações.
</p>
</div>
<div class="feature">
<h3>
Livre, gratuito e aberto
</h3>
<p class="-small-text">
O e-Democracia foi desenvolvido com software livre, é gratuito e totalmente aberto. <a href="https://github.com/edemocracia" target="_blank">Conheça o código-fonte</a> e participe também do desenvolvimento.
</p>
</div>
<div class="feature">
<h3>
Modular e extensível
</h3>
<p class="-small-text">
Você pode montar o e-Democracia da sua organização como convier, escolhendo dentre os mecanismos disponíveis. E você pode ainda propor e ajudar na incorporação de novas ferramentas. <a class="js-anchor" href="#contato">Fale conosco</a>!
</p>
</div>
</div>
</section>
<section class="section-users" id="cases">
<div class="container">
<h2 class="title">
Portais e-Democracia
</h2>
<a class="user -user-cd" href="http://edemocracia.camara.leg.br" target="_blank">
<h3>
Câmara dos Deputados
</h3>
</a><a class="user -user-transp" href="http://novasmedidas.transparenciainternacional.org.br" target="_blank">
<h3>
Transparência Internacional
</h3>
</a><a class="user -user-cldf" href="http://edemocracia.cl.df.leg.br" target="_blank">
<h3>
Câmara Legislativa do Distrito Federal
</h3>
</a>
</div>
</section>
<section class="section-about" id="sobre">
<div class="container">
<h2 class="title">
Sobre o e-Democracia
</h2>
<p>
Criado em junho de 2009 pela <a href="http://www.camara.leg.br/">Câmara dos Deputados</a>, <a href="http://arquivo.edemocracia.camara.leg.br" target="_blank">o primeiro portal e-Democracia</a> surgiu com o formato de projeto piloto, abrigando inicialmente duas discussões, organizadas em comunidades legislativas virtuais. Por meio dessas comunidades, foram discutidos com a sociedade dois projetos de lei específicos: um sobre a Política de Mudança do Clima e outro sobre o Estatuto da Juventude.
</p>
<p>
Ao longo do tempo, os resultados dessas discussões, bem como o expressivo interesse da sociedade em participar, levaram à criação de novas comunidades sobre diversos temas. O portal deixou de ser um projeto piloto para se institucionalizar em 2013, como um dos efeitos da Resolução 49/2013, que criou o <a href="http://labhackercd.leg.br/" target="_blank">Laboratório Hacker</a>.
</p>
<p>
No ano de 2016, o e-Democracia passou por ampla reformulação, que deu origem ao <a href="https://edemocracia.camara.leg.br" target="_blank">portal como ele é hoje</a>
</p>
<p>
Em 2018, Câmara dos Deputados e Senado Federal estabeleceram parceria para distribuição do e-Democracia pelo <a href="http://www.interlegis.leg.br/" target="_blank">Interlegis</a>, somando-se às demais plataformas tecnológicas oferecidas pelo programa a mais de 1700 casas legislativas em todo o Brasil.
</p>
</div>
</section>
<section class="section-tools" id="ferramentas">
<div class="container">
<h2 class="title">
Ferramentas
</h2>
<p>
O e-Democracia é uma plataforma modular que agrega mecanismos de participação com diferentes processos participativos (online/offline, livre/estruturado) e níveis de complexidade. Cada organização pode escolher quais ferramentas adotar.
</p>
<div class="tool-card -tool-aud">
<div class="logo"></div>
<div class="info">
<h3>
Audiências Interativas
</h3>
<p class="-small-text">
Acompanhe ao vivo uma audiência ou reunião transmitida pela internet e interaja com os participantes presenciais e virtuais.
</p>
</div>
</div>
<div class="tool-card -tool-wik">
<div class="logo"></div>
<div class="info">
<h3>
Wikilegis
</h3>
<p class="-small-text">
Edite e aprimore textos normativos, artigo por artigo, com a colaboração de outros internautas.
</p>
</div>
</div>
<div class="tool-card -tool-exp">
<div class="logo"></div>
<div class="info">
<h3>
Expressão
</h3>
<p class="-small-text">
Dê sua opinião sobre os assuntos que afetam a sua vida, discutindo soluções com autoridades e outros internautas.
</p>
</div>
</div>
<div class="tool-card -tool">
<div class="info">
<p class="-small-text">
E vale lembrar: esta é uma lista aberta! Você também pode desenvolver sua própria ferramenta de participação para o e-Democracia (ou colaborar no desenvolvimento de outras)! Se tiver interesse em participar como desenvolvedor, <a class="js-anchor" href="#contato">entre em contato conosco!</a>
</p>
</div>
</div>
</div>
</section>
<section class="section-links" id="links">
<div class="container">
<h2 class="title">
Guias
</h2>
<p>
Guias de suporte do e-Democracia
</p>
<ul>
<li>
<a href="https://paper.dropbox.com/doc/e-Democracia-Guia-de-Instalacao-Op8yJ9DkkBfSchBjDFqsZ?_tk=share_copylink" target="_blank"><span>e-Democracia — Guia de Instalação</span></a>
</li>
<li>
<a href="https://paper.dropbox.com/doc/e-Democracia-Guia-de-Desenvolvimento-G4x38rz4ctNlseA4IIV4H?_tk=share_copylink" target="_blank"><span>e-Democracia — Guia de Desenvolvimento</span></a>
</li>
<li>
<a href="https://paper.dropbox.com/doc/e-Democracia-Guia-de-Administracao-iQvA10wrwHwAOxADopmFy?_tk=share_copylink" target="_blank"><span>e-Democracia — Guia de Administração</span></a>
</li>
<li>
<a href="https://paper.dropbox.com/doc/e-Democracia-Guia-do-Usuario-o5lKeEVY3zyqMRabaiDjx?_tk=share_copylink" target="_blank"><span>e-Democracia — Guia do Usuário</span></a>
</li>
<li>
<a href="https://paper.dropbox.com/doc/Audiencias-Interativas-Guia-de-Administracao-UVUBFuDKlmsx8qLsB8aJq?_tk=share_copylink" target="_blank"><span>Audiências Interativas — Guia de Administração</span></a>
</li>
<li>
<a href="https://paper.dropbox.com/doc/Audiencias-Interativas-Guia-do-Usuario-tYucYGKruzn0ZBJhtu03E?_tk=share_copylink" target="_blank"><span>Audiências Interativas — Guia do Usuário</span></a>
</li>
<li>
<a href="https://drive.google.com/file/d/1RsuOFfbrHE_NxD-6EKDV31iqwOrIDXBN/view?usp=sharing" target="_blank"><span>Audiências Interativas — Guia Geral</span></a>
</li>
<li>
<a href="https://paper.dropbox.com/doc/Wikilegis-Guia-de-Administracao-nrjnikzDT9HFCZslj5Y7W?_tk=share_copylink" target="_blank"><span>Wikilegis — Guia de Administracao</span></a>
</li>
<li>
<a href="https://paper.dropbox.com/doc/Wikilegis-Guia-do-Usuario-sNojPv3b5H6FeffgM9s2k?_tk=share_copylink" target="_blank"><span>Wikilegis — Guia do Usuário</span></a>
</li>
<li>
<a href="https://paper.dropbox.com/doc/Wikilegis-Tutorial-de-importacao-de-arquivo-de-texto-UABjzNPnx17GndKQ8inrr?_tk=share_copylink " target="_blank"><span>Wikilegis — Tutorial de importação de arquivo de texto</span></a>
</li>
<li>
<a href="https://paper.dropbox.com/doc/Expressao-Guida-do-Usuario-LXUsO5OADdvOhNCe5JNcP?_tk=share_copylink" target="_blank"><span>Expressão — Guia do Usuário</span></a>
</li>
</ul>
<h2 class="title">
Estudos
</h2>
<p>
Trabalhos Acadêmicos
</p>
<ul>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5OF9GTnVuV1pVdjA" target="_blank"><span>A experiência de construção colaborativa do Marco Civil da Internet - as possibilidades da participação cidadã diante da crise democrática do sistema representativo</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5WXo0RnYwQllTYVE" target="_blank"><span>A Participação Popular na Democracia Brasileira por meio da Internet</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5WXZ0UmQwX3VSa1E" target="_blank"><span>A política de parlamento aberto - uma análise crítica da Câmara Federal Brasileira</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5TnNnSnBudHVmNU0" target="_blank"><span>A política polissêmica - fazeres, dizeres e silêncio nos programas</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5cmRBQXpadFpkams" target="_blank"><span>Ciberdemocracia, ativismo digital e novas mídias - redefinições da esfera pública no século XXI</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5cVFtUWtTQ3VLeGM" target="_blank"><span>Cidadania Legislativa - um balanço dos dez anos da Comissão de Legislação Participativa da Câmara dos Deputados</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5QV82WWtQMzIzQjg" target="_blank"><span>Cidadania, participação, e deliberação online - um estudo de caso dos sites e-Democracia e VoteNaWeb</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5U2RoUkFzNmo1SXM" target="_blank"><span>Comunicação pública, participação social e representação política - a experiência recente da Câmara dos Deputados</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5azBoc3pQd2lrVnM" target="_blank"><span>Das praças gregas à ágora virtual - um panorama histórico da democracia digital</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5RGpxdnFGcFNFRm8" target="_blank"><span>Democracia conectada</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5alVZdmNtakl6TU0" target="_blank"><span>Democracia Digital e Deliberação online - uma análise do aproveitamento das discussões realizadas no Portal e-Democracia da Câmara dos Deputados</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5bVRGZGJJTk9Walk" target="_blank"><span>Democracia eletrônica - desafios e perspectivas</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5N0JCVEJRajRtTEE" target="_blank"><span>Democracia eletrônica para quem</span></a>
</li>
<li>
<a href="https://repositorium.sdum.uminho.pt/bitstream/1822/28160/1/DemocraciaMassMediaEsferaPublica.pdf#page=222" target="_blank"><span>Democracia, <i>Mass</i> Media e Esfera Pública</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5TkNOcXNDMHJMUW8" target="_blank"><span>Desafios ao desenvolvimento de um ambiente para participação política digital - o caso de uma comunidade virtual legislativa do projeto e-Democracia no Brasil</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5RkNSTGppVmZ3WTA" target="_blank"><span>Desenho institucional e participacao - Desenvolvimento institucional da Camara dos Deputados para a participacao sociodigital</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5TlIwOWk5VWR6ZFE" target="_blank"><span>Do eleitor offline ao cibercidadão online - potencialidades de participação popular na Internet</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5c09WWDFFR3d1Z1E" target="_blank"><span>e-Democracia - possibilidades e a experiência brasileira frente aos novos sistemas</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5U2EtcW5xVUJoVTQ" target="_blank"><span>E-participação e mecanismos de interferência civil - o Portal e-Democracia e a discussão das leis do orçamento nacional</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5UTB1ZzB0YmtkVjg" target="_blank"><span>Fóruns do Portal e-Democracia uma análise da discussão de argumentos online</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5dHB0Q25uUldKU1U" target="_blank"><span>Governo Eletrônico no Brasil - Análise dos Fatores Críticos de Sucesso e dos Novos Desafios</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5bTJyR1NtVE0wZTQ" target="_blank"><span>Instrumentos de participação cidadã na Câmara dos Deputados</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5NFZlNS1Mem9uelk" target="_blank"><span>Internet como instrumento de apoio à consolidação da Democracia Participativa</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5LUwwUnFIODZzeUU" target="_blank"><span>O atendimento ao cidadão e o portal da Câmara dos Deputados</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5a1hVOVdjYVFxQVE" target="_blank"><span>O lado invisível da participação - gestão da informação</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5TkJiZ05fQVI2RUE" target="_blank"><span>O papel do cidadão nas ferramentas de Democracia Digital no Brasil - uma análise do desenho interativo das Comunidades Legislativas do Portal E-Democracia</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5LXBvUHdHQm03R0E" target="_blank"><span>O papel do portal e-Democracia para o fortalecimento da accountability</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5eUhiYVpjU0VuRkk" target="_blank"><span>O Parlamento aberto na era da internet. Pode o povo colaborar com o legislativo na elaboração das leis</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5R1l3UVUzMkdISDQ" target="_blank"><span>O portal e-Democracia da Câmara dos Deptuados como sitema sóciotecnológico</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5eS1vTWdVLWJhTzQ" target="_blank"><span>O Portal e-Democracia e suas potencialidades - avanços e desafios</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5Wl85UEpXcG1RbGc" target="_blank"><span>Os Desafios ao Desenvolvimento de um Ambiente para Participação Política Digital - o Caso de uma Comunidade Virtual Legislativa do Projeto e-Democracia no Brasil</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5SVhfYVpnbjF2bnc" target="_blank"><span>Participação e deliberação em ambiente oline - um estudo do Portal e-Democracia</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5ZTNxdE9VQnVPSDQ" target="_blank"><span>Práticas discursivas de participação política na internet - uma perspectiva do dissenso</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5cWU4Z1ZRWEdtUXc" target="_blank"><span>Processo Legislativo Colaborativo - A participatividade pela internet no trâmite do projeto de Lei do Marco Civil da Internet</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5ZGZsVlVIZmZRcHc" target="_blank"><span>Serviços oferecidos aos cidadãos mediados pelas tecnologias ciberdemocracia no Governo Dilma</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5aWdsa0FOdi15V1E" target="_blank"><span>Sociedade da informação, governo eletrônico e partiicpação popular - uma perspectiva da cidadania no ciberespaço</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5RDZZdkpZd1lOeFU" target="_blank"><span>Uso das tecnologias de informação e comunicação para a promoção da participação cidadã - estudo de caso da consulta pública online da lei das lan houses no Legislativo Federal Brasileiro</span></a>
</li>
<li>
<a href="https://drive.google.com/open?id=0B3hPZPh3pRT5ZTZoSVVBMUtvRWM" target="_blank"><span>Visibilidade e representação política - o caso da Câmara dos Deputados no Brasil</span></a>
</li>
</ul>
</div>
</section>
<section class="section-contact" id="contato">
<div class="container">
<h2 class="title">
Entre em contato
</h2>
<p>
Ficou interessado na plataforma? Tem alguma dúvida? Entre em contato conosco:
</p>
<form action="https://dev.edemocracia.labhackercd.leg.br/contact-us" class="form" id="contact-form" method="post">
<div class="input-container">
<input class="field js-input" id="input-name" name="name" required="true" type="text" /><label class="label" for="input-1">Seu nome</label>
</div>
<div class="input-container">
<input class="field js-input" id="input-email" name="email" required="true" type="email" /><label class="label" for="input-1">Endereço de email</label>
</div>
<div class="input-container -textarea">
<textarea class="field js-input" id="input-message" name="message" required="true"></textarea><label class="label" for="input-1">Mensagem</label>
</div>
<button class="edem-button -big" data-submit="...Sending" id="contact-submit" name="submit" type="submit">Enviar</button>
<p class="error js-error"></p>
</form>
</div>
</section>
</main>
<footer></footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>