Mediashape: Greenshape

Può il web essere ecosostenibile?

Bella domanda, alla quale una risposta sostenibile è sicuramente: "Almeno dovrebbe provarci".

Con la bandiera di Greenshape, stiamo cercando idee e collaboratori per sviluppare applicazioni web per computer o cellulari, che siano innovative e a basso impatto ambientale. Un esempio? Applicazioni a basso assorbimento di risorse, oppure strumenti informatici web-based che possano aiutare gli utenti a monitorare e migliorare i propri consumi energetici.

Un altro esempio "pratico" è il tool "greenshape.js", che permette di ridurre la luminosità di una pagina web dopo un certo intervallo di inattività dell'utente.

Il tool, disponibile gratuitamente con licenza GPL 3.0, è destinato non tanto ai singoli utenti che gestiscono il proprio sito o il proprio blog, bensì ad agenzie web specializzate nella gestione di CMS e pagine di back-end per il management dei contenuti.

Come collaborare?

Il primo passo è quello di ideare e progettare strumenti finalizzati alla tutela dell'ambiente e successivamente di distribuirli gratuitamente ed in open-source una volta realizzati. Ma Greenshape ha anche l'ambizione di costituire un archivio di links, articoli, pubblicazioni o altro, finalizzati all'abbinamento fra tutela ambientale e nuove tecnologie.

Segnala la tua idea

Se hai un'idea innovativa segnalacela, le migliori o le più attuabili verranno realizzate, ma anche le ispirazioni più complesse o fantasiose, anche se non potremmo mai realizzarle, verranno comunque proposte su questo sito.

L'idea di fondo è che la conoscenza e la creatività, se veicolate verso un nobile obiettivo quale la tutela e la salvaguardia dell'ambiente, devono rimanere libere ed alla portata di tutti.

Segnala un progetto esistente

Se conosci un progetto già esistente, segnalacelo!

La nostra prima idea: Greenshape.js

Greenshape.js è uno strumento scritto in Javascript (attualmente compatibile con due dei più diffusi framework quali jQuey e Prototype) che, detto in parole povere, aggiunge uno "screensaver" al proprio sito.
Questo tool è stato ricavato dallo script "idle.js" sviluppato da Alexios Chouchoulas e rilasciato con licenza GPL 2.0.

Greenshape.js: cosa, dove, come, quando e perché.

Aggiungere Greenshape ad un sito di "lettura" o di intrattenimento come un blog o un web-tube, può diventare infernale per gli utenti. Dover star a muovere il mouse di continuo mentre si legge un post o si guarda un video è sicuramente un incubo e riduce drasticamente la leggibilità e la fruibilità del sito. D'altro canto esistono "zone" del web in cui un tool come greenshape, per alcune tipologie di monitor, potrebbe effettivamente fare la differenza. Mi riferisco soprattutto ai siti di "ascolto" tipo myspace, soundcloud, ecc... o ai pannelli di amministrazione dei vari blog, cms, e-shop, ecc... In seguito a questo ragionamento, greenshape verrà integrato di default nella prossima release del CMS NetJack ed in tutti i pannelli di amministrazione che verranno realizzati da mediashape.

Un back-office (o pannello di amministrazione) è generalmente una delle zone di maggior attività di un sito, in cui, quando un utente vi accede, lo fa per eseguire differenti azioni. Può capitare ovviamente che durante queste modifiche l'utente si assenti o interrompa il suo lavoro per una telefonata, una pausa caffé, una sigaretta, ecc... Durante questo momento di inattività lo script farà in modo di ridurre la luminosità della pagina web e di conseguenza l'energia assorbita dal monitor. È chiaro che uno strumento del genere avrà effetto soltanto sugli "amministratori" e quindi su una piccola parte dell'utenza web, ma se i più diffusi strumenti di web-editing online e cms, come wordpress, blogspot, phpnuke, joomla, ecc... adottassero una soluzione del genere per i propri pannelli di controllo il risparmio energetico potrebbe diventare importante.

Download & Setup

Scarica il file greenshape.zip ed estrai il contenuto sul tuo sito web
Prima di tutto aggiungi il tuo framework, ecco un esempio per jQuery :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js" language="javascript"></script>

Oppure prototype:
<script src="http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js" language="javascript"></script>
Aggiungi Greenshape.js:

<script src="greenshape.js" language="javascript"></script>
Oppure indica il percorso completo di dove caricherai il file es: src="/scripts/greenshape.js"
Personalizza il file greenshape.js

Modifica i tempi di attesa per i due status di "Idle" e "Away"

var Idle_seconds = 2; // Secondi di inattività da attendere prima dell'Idle Status
var Away_seconds = 5; // Secondi di inattività da attendere prima dell'Away Status

Modifica la percentuale di riduzione di luminosità (esempi: 0.1=10%; 0.5=50%; 1=100%)
var Idle_opacity = 0.5; // On Idle: riduzione del 50% della luminosità dello schermo
var Away_opacity = 0.8; // On Away: riduzione dell'80% della luminosità dello schermo
Aggiungi questo elemento DIV prima del tag </body>.

<div id="green" style="display:none; position:fixed; top:0px; display:block; background:#000;"></div>