Greenpeace - GreenWire

Case Study GreenWire - Greenpeace Nederland

Een duurzaam evenwicht tussen mens en milieu, dat is waar Greenpeace voor staat en naar streeft. Door onderzoek, overleg en acties wordt er gewerkt aan deze doelstelling. Dat doen ze samen met mensen die zich vrijwillig inzetten. Vrijwilligers zijn dan ook onmisbaar voor Greenpeace.

Doelstellingen GreenWire

Greenpeace Nederland begint een online participatienetwerk: GreenWire. Naast het deelnemen aan Greenpeace activiteiten kunnen vrijwilligers hier voortaan zelf activiteiten ontwikkelen en uitvoeren.

Greenpeace gelooft dat door toepassing van een netwerk een hoge mate van interactie, zelfsturing en automatisering mogelijk is, waardoor duizenden mensen actief betrokken raken bij haar campagnes.

GreenWire verbindt de energie, kennis en middelen van de vrijwilligers. In het netwerk is er sprake van 'totale informatie'. Er is continue up-to-date informatie over alle vrijwilligers beschikbaar voor alle vrijwilligers, geautomatiseerd aangeleverd door de vrijwilligers zelf. Hierdoor ontstaat een geavanceerde zelfregulerende organisatievorm.

Tijdens de ontwikkeling van GreenWire houden we vier kernwaarden aan: Usability, Sociale aspecten, Flexibiliteit en Veiligheid.

Functioneel Ontwerp

Om een functioneel ontwerp te creëren zijn drie soorten input gebruikt: De eisen en ideeën van Greenpeace zelf, Persona's die model staan voor de doelgroep van GreenWire en een Rapid Prototype om zo vroeg mogelijk een 'tastbaar' product van de website aan te leveren, dat bediscussieerd kan worden.

Rapid Prototype - GreenWire

Hieruit ontstaan de content typen die door leden toegevoegd worden. Activiteiten staan hierbij natuurlijk centraal, maar ook nieuws, discussies, foto's, video's en documenten moeten op de site geplaatst kunnen worden.

Daarnaast gaat aandacht uit naar het gebruikersbeheer. Dit begint bij het inschrijven. Gebruikers registreren zich via een webservice in het CRM systeem van Greenpeace. Ook passen en gebruikers hun eigen profiel (incl. avatar en Twitter stream) aan, vormen nieuwe groepen en vinden andere leden.

Om dit goed te laten werken is de beveiliging van het systeem een speerpunt. Is een gebruiker geen lid van een bepaalde groep, dan ziet deze geen activiteiten of nieuws en kan hij geen documenten uit deze groep downloaden.

Site administrators kunnen polls en mededelingen aanmaken en content promoveren naar de voorpagina. Dit alles kan in Groepen geplaatst worden. Gebruikers maken ook groepen aan en worden lid van groepen. Tevens was er vraag naar een aantal community functionaliteiten, zoals vrienden maken, shoutboxen, berichten en uitgebreide profielen.

De keuze voor Commons

Over Drupal Commons

Drupal Commons (of gewoon: Commons) betreft een zogenaamd Drupal Installatie Profiel. Installatieprofielen bevatten functionaliteiten voor één specifiek soort website. Één download bevat Drupal core, contrib modules, themes en een specifieke configuratie. Zo kan snel en out-of-the-box een complexe, gebruiker ingerichte website in een paar stappen worden neergezet. Na de installatie is de website net zo flexibel in te richten als een gewone Drupal installatie. Bekende installatieprofielen zijn bijvoorbeeld Open Atrium, Open Public en Pressflow.

Commons is specifiek gebouwd voor online communities. Het bevat de essentiële functies voor social business software en is ideaal voor organisaties. Het programma helpt bij het organiseren van content in organische groepen (OG) door middel van blogs, discussies, wiki's en andere content typen. Gebruikers maken profielen aan en verbinden met andere gebruikers om in contact te komen en te zien wat andere gebruikers bezighoudt. Een Dashboard zorgt voor een overzichtelijk geheel.

Het idee van organische groepen past bij onze use-case. Vrijwilligers vormen zelf groepen en communiceren hierbinnen met elkaar. Met behulp van OG is content eenvoudig beveiligd voor niet-leden van een groep.

Dit alles valt onder de noemer 'sociale samenwerking', ofwel social collaboration met activiteiten van vrienden, wiki's, berichten, profielen etc. Je bouwt je eigen netwerk op in Commons. Dit is de wire in Greenwire. Wire vrijwilligers met elkaar door hen tools te geven waarmee ze kunnen samenwerken en elkaar kunnen vinden.

De functionaliteiten van Commons zijn zeer uitgebreid. Vrijwel alle reeds genoemde content typen komen er in voor. In de basis is het dan ook een erg sterke tool. Ook extra's als shoutboxen en activity streams zijn reeds geconfigureerd.

Commons is nog relatief onbekend, maar biedt veel mogelijkheden. Commons is een project van Acquia. Acquia is het bedrijf van Dries Buytaert en Jay Batson. Laatstgenoemde leidt het Commons project met grote betrokkenheid.

Development Uitdagingen

Gebruikersbeheer & Beveiliging

In GreenWire bestaat een smalle lijn tussen publieke en privé onderdelen. GreenWire is namelijk open en toegankelijk, maar is ook zeer privé waar dat nodig is. Zo promoten alleen beheerders inhoud naar het deel van de website (zoals de homepage) dat voor het gehele internet publiek toegankelijk is. Bestanden in een besloten groep zijn niet toegankelijk voor niet-leden van deze groep.

Goalgorilla heeft dit grotendeels opgelost met een custom module waarmee publieke groepen worden aangemerkt. Alle inhoud die vervolgens hierin wordt geplaatst is toegankelijk voor anonieme bezoekers.

SSL verzendt alle informatie beveiligd van en naar het platform (het webadres begint altijd met https://). Daarnaast zijn enkele basis beveiligingsfunctionaliteiten geïnstalleerd. Hierdoor worden gebruikers bijvoorbeeld automatisch uitgelogd na een aantal minuten inactief te zijn binnen het systeem.

Gebruikte Modules

Drupal commons        

CCK/Views, Heartbeat, Homebox, Messaging, Notifications, Organic Groups, Shoutbox, Apache SOLR

Aanvullende contrib modules

Ter verbetering van de Usability: Vertical tabs, Custom form_alters, Image crop, Mentions, Tab tamer
Beveiliging o.a.: Automated logout, Login security

Custom module - SOAP Service

Er zijn een aantal custom modules gemaakt. De twee meest complexe modules zijn de Activiteiten Planner en de synchronisatie met het bestaande CRM.

Greenpeace heeft een ledensysteem gebouwd met .NET, genaamd Charibase. Belangrijk was dat er een live synchronisatie zou zijn met gebruikersprofielen. Validatie vindt plaats op alle velden, bijvoorbeeld een postcode checker. Ook wordt er gekeken of een dergelijk/bepaald persoon al eerder geregistreerd is (geweest). Daarna wordt de persoon gekoppeld aan het juiste ID.

De custom module onderschept het Drupal content profielformulier. Het valideert de gegevens op een Charibase .NET SOAP Service en krijgt error codes of eventueel een OK terug.

Het toevoegen van leden aan Drupal gebeurt door een SOAP service aan de Drupal kant. De service modules zijn zeer bruikbaar, maar momenteel helaas erg complex en slecht gedocumenteerd. Er kan veel misgaan tijdens het installeren. Bij dit project is daarom gestart met de services 3 module. Onze functie moest simpelweg leden van het systeem importeren. We hebben gekozen voor een SOAP functie waarbij gebruikers kunnen worden ingevoerd. Daarna gebruikt Commons die data om het content profiel van de user te vullen. 

Hosting

Commons heeft veel modules en functionaliteiten. Dit zorgt voor veel queries naar de database en is daarom zwaar om te hosten. Daarboven komt het gebruik van SSL voor beveiliging. Om dit op te lossen is gebruik gemaakt van APC (php caching) en Views caching.

Usability, Design & Theming

Design & theming

De opdracht vanuit Greenpeace Nederland was om de focus op mensen, hun bijdrages en hun gezichten te houden. Iedereen is eigenaar van GreenWire, iedereen is verbonden met elkaar en iedereen heeft gelijke rechten binnen het platform. De inhoud staat voorop (de community is 'slechts' een tool) en de uitstraling is simpel en overzichtelijk: "Less is more".

Usability

Goalgorilla is bij het ontwerp uitgegaan van gebruikers met weinig kennis van online communities. De drempel voor actieve deelname blijkt namelijk snel te hoog. Daarom moeten de functionaliteiten die het platform biedt intuïtief bediend worden; de vrijwilligers snappen in één oogopslag wat het netwerk biedt.

Naast een verbeterde frontpage zijn nog meer wijzigingen met betrekking tot de usability aangebracht. Er waren te veel opties in Commons. Dit leidt de bezoeker te veel af van de inhoud. Overal staan blokken met de laatste gebeurtenissen en wijzigingen in een bewuste groep. Hierdoor staat/komt er teveel tekst op de pagina. Door het standaardthema en de vele opties lijkt alles op elkaar. De oplossing is gevonden in bewust onderscheid maken in het design. Ieder content type maakt gebruik van andere iconen en kleuren. Hierdoor weet de bezoeker precies met welk onderdeel hij bezig is.

Om de navigatie verder te verduidelijken is er een 'acties' block geïmplementeerd rechts bovenin het scherm. Hier staan alle acties die de gebruiker op dat moment kan uitvoeren. Denk bijvoorbeeld aan: 'Vind een groep' of 'Schrijf een blog'.

Project management

Projectplanning & Team

Het team heeft een maand besteed aan de ontwerp- en designfase van GreenWire. Daarna is er 1,5 maand gewerkt aan de ontwikkeling. Tot slot zijn er twee weken gespendeerd aan functionele en technische acceptatietesten en het verwerken van feedback. Na oplevering blijven we het systeem optimaliseren voor gebruikers.

Het kernteam bestaat vanuit Greenpeace: Vanessa van Donselaar (mobilisatie coördinator), Lisanne Bronzwaer (medewerker mobilisatie) en Paul Baars (ontwikkelaar)

Het design is verzorgd door twee bureaus met leads: Ilja Klees van LapCC (lapcc.nl) en Sjoerd Boerrigter van Trendwerk (trendwerk.nl).

Webdevelopment is door GoalGorilla uitgevoerd: Taco Potze (projectleider), Jaap Jan Koster (senior webdeveloper) en Daniel Beeke (junior webdeveloper).

Evaluatie

Dankzij dit omvangrijke project is veel hands-on kennis opgedaan over webdevelopment voor online communities. Positief waren hierbij de vele functionaliteiten, de goede samenwerking tussen de gekozen modules en het feit dat deze modules vele uren bespaarden in de basisinstallatie.

Het werken met Commons was relatief nieuw voor ons. Hierdoor was vooraf onderschat hoeveel aandacht er besteed diende te worden aan usability. Het gebruik van user feedback is voor ons van onschatbare waarde gebleken. Dit heeft veel bijgedragen aan de gebruiksvriendelijkheid van Greenwire. Er is daarnaast veel aandacht besteed aan thematiek. Een voorbeeld hiervan betreft een goede implementatie van de iconen voor elk content type.

Zelf aan de slag!

Download Drupal Commons van acquia.com/downloads/drupal-commons

Of bezoek de Drupal Commons Community site om dit uit te proberen, te bediscussiëren wat een goede community (website) is, documentatie te creëren en ons te helpen met het continue verbeteren van Commons.