Articles étiquettés avec ‘ buddypress ’

Articles étiquettés ‘buddypress’


AlterHéros 2.0

12.2011 | Sites Internet, Web 2.0

Page d'accueil sur site de l'association

Client:
AlterHéros, Montréal, Québec

Description du projet:
À titre de directeur du développement web bénévole au sein de l’organisme AlterHéros, j’ai été le webmestre en charge de tous les éléments reliés à la refonte complète du site: design, intégration, développement web, coordination.  C’était un projet de très grande envergure, réalisé sur une période de 3 ans.  Il a fallu que je construise de zéro un nouveau site, mieux adaptée à la réalité du web 2.0 pour l’organisme.  Même si l’ancien site demeurait actuel et facile à gérer, il était quand même limité au niveau de ses possibilités futures.  Le nouveau site est tant qu’à lui beaucoup plus puissant.  Bien plus qu’un site Internet, il est une véritable plate-forme de diffusion, de gestion et de promotion.  Des tonnes de changements le rend plus convivial, autant aux yeux des internautes et les administrateurs que pour les outils de recherche comme Google.  Construit sur les standards sur web, il offre des fonctions avancées de type Web 2.0.  De plus, il possède une capacité d’intégrer de nouvelles fonctionnalités assez facilement.

Ma petite équipe de développement web et moi avons du investi plus de 1 500 h de travail dans ce projet.  Nous avons pu compter sur des technologies libres, comme WordPress et BuddyPress pour nous aider à mettre sur pied le nouveau site, qui comprend quatre sous-sites distincts, mais inter-reliés.  Ces sous-sites sont:

  • AlterHéros.com: le réseau social pour la diversité sexuelle
  • Parles-en aux experts: le site d’entraide de démystification
  • AlterCité: le magazine de la diversité sexuelle
  • AlterHéros.org: le site dédié à l’organisme

Grâce à l’intégration à BuddyPress, le site est doté d’un réseau social, ayant plusieurs fonctionnalités intéressantes.  Car en plus de permettre à chaque internaute de se créer un compte AlterHéros où chacune de ses contributions est listée, nous avons aussi donner plus de contrôle aux bénévoles, qui bénéficient eux aussi d’un accès privilégié au réseau.  Désormais, chaque contribution d’un bénévole, que ce soit par la réponse à une question d’un internaute ou la publication d’un article, ne passe plus inaperçue et est pleinement intégrée à notre réseau.  De plus, grâce à la fonctionnalité des « groupes », AlterHéros.com devienne un outil pour les groupes communautaires qui peuvent dès aujourd’hui se créer des groupes d’intérêt pour rejoindre leur clientèle cible par le biais du réseau.

Parles-en aux experts est le programme d’aide et de soutien d’AlterHéros qui centralise plusieurs sections importantes de l’ancien site sur cet espace unique et bilingue.  L’ensemble du contenu de l’ancien site a été migré sur ce sous-site, grâce à un script de migration que j’ai développé en XML pour s’interfacer avec l’outil d’importation de WordPress.  En fait, on y retrouve la plus grande banque de question-réponse sur la diversité sexuelle publié sur le web: près de 2 500 questions ont été répondues et publiées sur ce site!

Composantes:

Le travail de refonte du site n’a pas touché exclusivement la migration du contenu et de l’apparence.  Il a aussi nécessité le développement PHP d’extensions WordPress spécifiques à AlterHéros pour permettre une continuité des fonctionnalités présentes sur l’ancien site et plusieurs nouvelles.  En voici un aperçu:

  • Développement d’une quatre thèmes WordPress et BuddyPress pour chacun des sous-sites
  • Conception de la ligne graphique avec Adobe Photoshop
  • Intégration de plusieurs effets d’animation grâce à jQuery, prettyPhoto et autres libraries Javascript open-source
  • Intégration de plusieurs extensions WP et BP, tel que qTranslate, s2Member, etc.
  • Gestion du projet et coordination des bénévoles impliqués
  • Création d’un outil bilingue de gestion du service de questions-réponses
  • Création d’un outil de gestion des bénévoles de l’organise, intégré à WordPress
  • Création de plusieurs widgets WP et shortcodes
  • Intégration de paiement en ligne avec PayPal
  • Intégration de la connexion avec son compte Facebook
  • Traduction d’extensions en français, avec poEdit
  • Formation des administrateurs et des bénévoles
  • Optimisation des performances du serveur dédié
  • Rédaction d’un guide de gestion pour les bénévoles
  • Compatibilité avec Firefox 8+, IE 8+, Safari 5

Technologies utilisées:

  • Côté serveur: PHP 5, WordPress 3, BuddyPress 1.3, MySQL 5
  • Côté client: XHTML 1.1, CSS 2.1, jQuery

Status:

En ligne