A tope con el arrousel de caballitos

linkingpaths · Apr 18, 2010 · 679cb15 · 679cb15
1 parent a02ff81
commit 679cb15
Show file tree

Hide file tree

Showing 8 changed files with 324 additions and 27 deletions.
diff --git a/app/controllers/static_controller.rb b/app/controllers/static_controller.rb
@@ -0,0 +1,5 @@
+class StaticController < ApplicationController
+  def show  
+    render :template => "static/#{params[:page]}"
+  end
+end
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -2,19 +2,21 @@
 <html dir="ltr" lang="es-ES">
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-  
+
   <%= title_tag %>
   <%= meta_tags %>
-  
+
   <%= stylesheet_link_tag "autocomplete"  %>
-	<%= stylesheet_link_tag "fontfaces"  %>
-	<%= stylesheet_link_tag "screen"  %>
+  <%= stylesheet_link_tag "fontfaces"  %>
+  <%= stylesheet_link_tag "screen"  %>
+  <%= stylesheet_link_tag "jquery.jcarousel"  %>
 
   <%= javascript_include_tag "jquery" %>
   <%= javascript_include_tag "jquery-ui" %>
   <%= javascript_include_tag "jquery.autocomplete.pack" %>
+  <%= javascript_include_tag "jquery.jcarousel.pack" %>
   <%= javascript_include_tag "jrails" %>
-  
+
   <%= javascript_include_tag "raphael-min" %>
   <%= javascript_include_tag "raphael.presus" %>
   <%= javascript_include_tag "g.raphael-min" %>
@@ -27,17 +29,17 @@
 </head>
 
 <body>
-	<!-- inside -->
-	<div class="inside">
-  	<%= yield %>
-
-		<!-- footer -->
-		<div class="footer">
-			<p>// <strong>Los Presus.de/</strong> Proyecto creado graciosamente por <a href="http://www.linkingpaths.com/">Linking Paths</a> y <a href="http://www.lapersonnalite.com/">La Personnalité</a> para <a href="http://www.probp.org/">Pro Bono Publico</a> en el concurso <a href="http://www.abredatos.es/">AbreDatos</a>.</p>
-			<p><a href="#">Lospresus.de qué van</a></p>
-		</div>
-		<!-- /footer -->
-	</div>
-	<!-- /inside -->
+  <!-- inside -->
+  <div class="inside">
+    <%= yield %>
+
+    <!-- footer -->
+    <div class="footer">
+      <p>// <strong>Los Presus.de/</strong> Proyecto creado graciosamente por <a href="http://www.linkingpaths.com/">Linking Paths</a> y <a href="http://www.lapersonnalite.com/">La Personnalité</a> para <a href="http://www.probp.org/">Pro Bono Publico</a> en el concurso <a href="http://www.abredatos.es/">AbreDatos</a>.</p>
+      <p><%= link_to "Lospresus.de qué van", about_path %></p>
+    </div>
+    <!-- /footer -->
+  </div>
+  <!-- /inside -->
 </body>
 </html>
diff --git a/app/views/municipios/show.html.erb b/app/views/municipios/show.html.erb
@@ -15,12 +15,11 @@
 
 <!-- timeline -->
 <div class="timeline">
-  <p class="years_nav years_prev"><a href="#">&larr; años anteriores</a></p>
-  <p class="years_nav years_next"><a href="#">años siguientes &rarr;</a></p>
-  <ul class="timeline_years">
-    <li class="actual_year"><a href="#">1830</a></li>
-    <% (1985..2009).each do |year| %>
-      <li><%= link_to year, city_card_by_year_path(@muni, year) %></li>
+  <p class="years_nav years_prev" id="mycarousel-prev"><a href="#">&larr; años anteriores</a></p>
+  <p class="years_nav years_next" id="mycarousel-next"><a href="#">años siguientes &rarr;</a></p>
+  <ul id="budget_timeline" class="timeline_years">
+    <% (1985..2009).each do |year| %> 
+      <li <%= (year == @year) ? "class='actual_year'": '' %>><%= link_to year, city_card_by_year_path(@muni, year) %></li>
     <% end %>
   </ul>
 </div>

diff --git a/app/views/static/about.html.erb b/app/views/static/about.html.erb
@@ -0,0 +1,43 @@
+<h1>Lospresus.de qué van</h1>
+
+<p>Lospresus.de es un sitio web con el que queremos analizar los ingresos y gastos municipales de todos los municipios de España basándonos en sus presupuestos oficiales. Estos presupuestos oficiales los obtenemos del <a href="http://www.dgal.map.es/cgi-bin/webapb/webdriver?MIval=presmun">Ministerio de Política Territorial</a>.</p> 
+
+<p>No es la fuente de datos ideal por dos cuestiones:</p>
+
+<ul>
+<li>1. <strong>Son presupuestos, no el auténtico balance de cuentas.</strong> Por lo que podemos conocer los ingresos y gastos estimados, pero no los ingresos y gastos que se dieron en realidad.</li>
+<li>2. <strong>El nivel de profundidad al que podemos llegar en el análisis de los datos es limitado.</strong> Tan sólo disponemos datos de los capítulos, sin poder saber el dinero destinado a cada una de las partidas de esos capítulos. Sabemos que por el capítulo de tasas un Ayuntamiento prentende ingresar determinada cifra, pero dentro de esa cifra, no podemos saber la correspondiente a basuras, al uso de instalaciones deportivas u otros servicios que se contemplan en este capítulo.</li>
+</ul>
+
+<p>Si dispusiéramos de estos datos y fueran abiertos y accesibles, podríamos obtener un análisis más certero y rico en contenido.</p>
+
+<h2>El análisis</h2>
+<p>Se ha construido de la siguiente manera:</p>
+
+<h3>Los ingresos (porcentajes sobre el presupuesto total)</h3>
+<ul>
+  <li>Impuestos y tasas contempla los impuestos directos, los impuestos indirectos y las tasas (capítulos 1, 2 y 3).</li>
+  <li>Otras administraciones contempla las transferencias corrientes y transferencias de capital (capítulos 4 y 7).</li>
+  <li>Patrimonio contempla los ingresos patrimoniales y enajenación de inversiones reales (capítulos 5 y 6).</li>
+  <li>Activos financieros (capítulo 8).</li>
+  <li>Préstamos contempla los pasivos financieros (capítulo 9)</li>
+</ul>
+
+<h3>Los gastos (porcentajes sobre el presupuesto total)</h3>
+<ul>
+  <li>Personal contempla los gastos de personal (capítulo 1).</li>
+  <li>Gastos cotidianos contempla los gastos corrientes (capítulo 2).</li>
+  <li>Proyectos e inversiones contempla las inversiones reales (capítulo 6).</li>
+  <li>Subvenciones contempla las transferencias corrientes (capítulos 4).</li>
+  <li>Otras administraciones y entidades contempla las transferencias de capital (capítulo 7).</li>
+  <li>Activos financieros (capítulo 8).</li>
+  <li>Préstamos y gastos financieros contempla los pasivos y gastos financieros (capítulos 3 y 9).</li>
+</ul>
+
+<h3>Y el resto de datos...</h3>
+<ul>
+  <li>El ciudadano aporta contempla la suma de los impuestos indirectos y tasas (capítulos 1 y 3 de ingresos).</li>
+  <li>El ayuntamiento recibe contempla lo que se pretende ingresar en las transferencias corrientes y transferencias de capital (capítulos 4 y 7 de ingresos) y lo que da es lo que se gastará en transferencias corrientes y transferencias de capital (capítulos 4 y 7 de gastos).</li>
+  <li>Personal contempla el total de los gastos de personal (capítulo 1 de gastos) y proyectos contempla las inversiones reales (capítulo 6 de gastos).</li>
+  <li>Los gastos corrientes al día contempla el total de los gastos corrientes (capítulo 2 de gastos) dividido por los 365 días del año.</li>
+</ul>
diff --git a/config/routes.rb b/config/routes.rb
@@ -1,6 +1,10 @@
 ActionController::Routing::Routes.draw do |map|
 
   map.connect '', :controller => "home"
+
+  map.with_options(:controller => 'static', :action => 'show') do |static|
+    static.about '/quevan', :page => 'about'
+  end
 
   map.with_options(:controller => 'municipios') do |muni|
     muni.city_search  '/search', :action => 'search'
@@ -10,9 +14,6 @@
     muni.city_card_by_year  '/:id/:year', :action => 'show'
   end
 
-  map.with_options(:controller => 'static') do |static|
-    static.about '/quevan', :page => 'about'
-  end
 
   map.root :controller => "home"
 end
diff --git a/public/javascripts/application.js b/public/javascripts/application.js
@@ -44,10 +44,42 @@ $(document).ready(function () {
   }).result(function(e,item){
     location.href = item.url;
   });
+
+  $('#budget_timeline').jcarousel({
+    // Configuration goes here 
+    scroll: 3,
+    start: 100,
+    initCallback: budget_timeline_callback,
+    buttonNextHTML: null,
+    buttonPrevHTML: null
+  });   
+
 
   if ($('#holder').length != 0) {single_graph()}
   if ($('#holder_a').length != 0 || $('#holder_b').length != 0) {compare_graph()}
-});
+}); 
+
+function budget_timeline_callback(carousel) {
+    $('.jcarousel-control a').bind('click', function() {
+        carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
+        return false;
+    });
+
+    $('.jcarousel-scroll select').bind('change', function() {
+        carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);
+        return false;
+    });
+
+    $('#mycarousel-next').bind('click', function() {
+        carousel.next();
+        return false;
+    });
+
+    $('#mycarousel-prev').bind('click', function() {
+        carousel.prev();
+        return false;
+    });
+};
 
 var income_txts = ["IMPUESTOS Y TASAS","OTRAS ADMINISTRACIONES","PATRIMONIO","ACTIVOS FINANCIEROS","PRÉSTAMOS"];
 var income_txts_short  = ["IMPUESTOS Y TASAS","OTRAS ADMONS.","PATRIMONIO","ACT. FINANCIEROS","PRÉSTAMOS"];

diff --git a/public/javascripts/jquery.jcarousel.pack.js b/public/javascripts/jquery.jcarousel.pack.js