2013 Italian Election


Building an app for the 2013 Italian election

[column3]

Italy's February 2013 election is a major event for the nation, and iperdesign recently completed the back-end coding for a web application to bring voter awareness to the potential shift in Senate seats. 

[/column3]

[column3]

the challenge

Users expect instant access to information in today's digital landscape. Our goal was to provide a tool that allows users to manipulate the possible outcomes of the election in real time, placing emphasis on the shift of Senate seats in the Italian Parliament to further inform voters of their influence on potential outcomes.

[/column3]

[column3]

the solution

We built the application's framework with jQuery, CSS3, and JSON to optimize the layout for PCs, laptops, tablets, and smartphones.

The most notable feature is the multislider that allows the mobile user to swipe across to edit data rates and manipulate the potential results for the six regions in the balance.

[/column3]

[clear]

[column23]

[/column23]

[column3]

multislider touch

Users have the power to utilize the multislider touch feature (compatibile with smartphones and tablets) through the implementation of slide / touch gestures in jQuery, which updates the percentages of each coalition depending on the user's interaction.

[/column3]

[clear]

[column23]

[/column23]

[column3]

additional features

The main dashboard on the home screen was developed through the integration of two crucial components: the display of senators affiliated with specific coalitions within the chamber, and the index of governability.

This application was created with responsive design, which adapts automatically to the layout and size of the screen being used. Users can expect the same overall experience regardless of whether the app is being viewed vertically on an Android or horizontally on an iPhone. With full compatibility for desktop and laptop computers as well, every possible option of accessing the application has been explored and perfected.

View the final product here.

[/column3]

[clear]

Chi vincerà le elezioni politiche 2013? Scoprilo con Prove di Senato per Repubblica.it

[column3]

Prove di Senato è una web app Html, jQuery e CSS3 in responsive design per modificare i dati delle 6 regioni in bilico per le Elezioni Politiche 2013 al Senato, verificare l’indice di governabilità della tua coalizione ed giocare alle alleanze. Il tuo nuovo senato potrà essere condiviso sui social network.

[/column3]

[column3]

La sfida

Durante le elezioni politiche 2013 il sistema di voto per la composizione del Senato con premio di maggioranza su base regionale non ha permesso rilevazioni statistiche chiare sull’esito finale del voto, e la futura maggioranza dipenderà dal risultato delle 6 regioni in bilico: Lombardia, Veneto, Lazio, Campania, Calabria e Sicilia.

Assieme a Vertigo Design abbiamo sviluppato per Repubblica.it una web application interattiva da inserire nello speciale elezioni per permettere agli utenti di valutare la futura maggioranza modificando i dati delle elezioni su base regionale.

[/column3]

[column3]

La soluzione

Prove di Senato in partnership con Vertigo Design è stata sviluppata in jQuery e CSS3 con connessioni a dati esterni in JSON, layout in Responsive Design e ottimizzazione per dispositivi desktop e mobile.

Prevede due aree di interazione: il Multislider per la modifica dei dati percentuali per le 6 regioni in bilico e l’area centrale che con la rappresentazione dinamica del senato ed il manometro per l’indice di governabilità.

Per visitare Prove di Senato

[/column3]

[clear]

[column23]

[/column23]

[column3]

Multislider Touch

Iperdesign ha sviluppato il primo componente multislider con compatibilità touch per dispositivi smartphone e tablet attraverso l’implementazione delle Slide/touch gestures in JQuery.In questo modo posizionando i cursori è possibile aggiornare le percentuali di ogni coalizione.

[/column3]

[clear]

[column23]

[/column23]

[column3]

Senato

La dashbord centrale è sviluppata integrando tra di loro due componenti basati su Highcharts, uno per la visualizzazione dei senatori attribuiti alle coalizioni lungo l’emiciclo ed uno per l’indice di governabilità.

Responsive Design e Smartphone compatible

Il design della pagina è sviluppato in responsive design per adattarsi automaticamente i allo schermo del dispositivo utilizzato. La web app è ottimizzata per large desktop, stardard desktop, tablet e smarthpone.

[/column3]

[clear]