Employeur:
Le Cégep de Saint-Laurent, Montréal, Québec

Fournisseurs externes:
Quiboweb, Longueuil, Québec
Solutions de paiement Desjardins, Québec

Description du projet:
Dans le cadre de mon travail d’analyste-webmestre au cégep de Saint-Laurent, j’ai travaillé au projet de refonte du site de la Formation continue.  Le service de la Formation continue du cégep offre plusieurs types de cours aux adultes, tant des AEC, des ateliers de perfectionnement que des cours offerts aux gestionnaires des municipalités et d’entreprises.  De plus, le site devait permettre l’inscription et le paiement en ligne des cours à temps partiel et des cours offerts aux municipalités.  Pour cette partie, nous avons fait appel à un fournisseur externe qui s’est chargé de développer un module d’inscription sur mesure, que j’ai ensuite intégré à notre site.  Suite à l’offre d’appel, le choix s’est arrêté sur l’entreprise de conception Internet, Quiboweb.

Au niveau de la refonte du site, j’ai décidé de concevoir une nouvelle « zone » au sein de l’infrastructure de la plate-forme open-source WordPress MU (Multi-utilisateur), comme je l’avais fait avec le projet des zones d’études à l’été 2009.  J’ai conçu un thème suffisamment flexible pour s’adapter aux différentes sections du site.  Par exemple, la section « Francisation » affiche une image de fond différente de l’image sur la page d’accueil.  J’ai donc dû développer un petit script qui s’intègre dans WordPress.  J’ai aussi revu entièrement l’arborescence du site, et l’intégration du contenu.  Plusieurs pages ont été optimisées pour assurer une meilleure uniformité dans la présentation du contenu.  Ce travail a necessité une fois de plus le développement de shortcodes spéciaux pour que la mise à jour du contenu par les utilisateurs soient faciles.

Quant au module d’inscription en ligne développé par Quiboweb, j’ai été impliqué dans toutes les phases du projet, autant dans la phase préparatoire (collecte des besoins, définition du plan d’action, rédaction de l’appel d’offre, rencontres avec les fournisseurs invités), la phase de démarrage que les phases de développement, test et mise en ligne.   J’ai particulièrement été impliqué dans les phases de test, où j’ai du demandé des changements importants à la logique d’inscription pour s’assurer que le module était simple et facile à utiliser.  J’ai aussi intégré complètement le module dans la nouvelle zone, de même que sur la page de paiement en ligne chez Desjardins.

Je suis très fier du travail qui a été accompli dans ce projet et les résultats.  Le module d’inscription de Quiboweb fonctionne tel que promis.  Il offre des fonctionnalités uniques au cégep de Saint-Laurent, à faire envier les autres cégeps.  Le module permet de gérer quasiment de A à Z le processus d’inscription pour les ateliers de perfectionnement et les formations aux municipalités (ATPA), y compris le traitement pour les tarifs réduits admissibles pour Emploi-Québec, le paiement en ligne, la génération de PDFs spéciaux, le publipostage, etc.  Donc un gros merci à l’équipe de Quiboweb, et merci aussi à Myriam Boisvert, intégratrice web au cégep de Saint-Laurent pour m’avoir aider dans l’intégration du contenu et les phases de tests.

Composantes:

• Développement d’un thème spécifique pour WordPress MU 2.8
• Conception de la ligne graphique avec Adobe Photoshop
• Intégration de plusieurs effets d’animation grâce à jQuery
• Définition, suivi du développement, intégration, test et déploiement du module d’inscription en ligne par Quiboweb
• Démarches avec les fournisseurs pour la solution de paiement en ligne
• Personnalisation de la page de paiement en ligne chez Desjardins
• Formation du personnel
• Compatibilité avec Firefox 3+, IE 6+, Safari 4

Technologies utilisées:

• Côté serveur: PHP 5, WordPress MU 2.8, MySQL 5
• Côté client: XHTML 1.1, CSS 2.1, jQuery

Status:

En ligne.

Employeur:
Le Cégep de Saint-Laurent, Montréal, Québec

Description du projet:
Dans le cadre de mon travail d’analyste-webmestre au cégep de Saint-Laurent, on m’a demandé de développer un site Internet pour chacun des programmes et des départements du cégep de Saint-Laurent.  Au total, il s’agissait de créer 19 sites Internet en 4 mois.  Sur les 19, certains départements avaient déjà un site Internet datant de plusieurs années conçus sans CMS ou intégré dans un CMS fermé.  De plus, il fallait concevoir des sites ayant chacun un look différent tout en mettant en pied un cadre commun pour l’ensemble des sites.  L’ampleur du travail était donc colossal.

Avec la participation du personnel enseignant et direction des communications pour le contenu, j’ai décidé de baser les 19 sites Internet, nommés « Zones », sur la plate-forme open-source WordPress MU (Multi-utilisateur).  Il s’agissait donc de concevoir une maquette suffisamment flexible pour s’adapter à plusieurs thèmes pour chacune des zones.  En plus de développer une nouvelle ligne graphique commune à l’ensemble des sites, concevoir au minimum deux thèmes différents pour chacune des zones, migrer ou intégrer le contenu, il a fallu penser à optimiser la plate-forme WordPress pour qu’elle réponde au mieux aux besoins du personnel du cégep quant à la gestion du contenu.

Tel que promis, les 19 sites Internet ont été livrés à temps pour la rentrée scolaire 2009.  Le retour a été des plus positifs, tant au niveau des internautes que le personnel utilisateur.

Composantes:

• Installation et déploiement de WordPress MU 2.8
• Conception de la ligne graphique avec Adobe Photoshop
• Adaptation du thème Twicet de Christian Budschedl
• Développement du thème WordPress pour permettre aux internautes un choix de personnalisation grâce à la magie du CSS et du Javascript
• Intégration de plusieurs effets d’animation grâce à jQuery
• Intégration de plusieurs extensions, dont RoleScoper et WP MU LDAP
• Formation du personnel et création de tutoriels en ligne
• Compatibilité avec Firefox 3+, IE 6+, Safari 4

Technologies utilisées:

• Côté serveur: PHP 5, WordPress MU 2.8, MySQL 5
• Côté client: XHTML 1.1, CSS 2.1, jQuery

Status:

En ligne.

Client:
Le Centre des technologies de l’eau, Montréal, Québec

Description du projet:
Dans le cadre de mon travail d’analyste-webmestre au cégep de Saint-Laurent, on m’a demandé de développer le site Internet du Centre des technologies de l’eau, un centre affilié au cégep.  L’objectif du site était de fournir une vitrine informationnelle et promotionnelle pour le centre.  Le Centre désirait un design visuel inspirant le dynamisme et l’innovation, distinct de l’image institutionnelle du cégep de Saint-Laurent.  J’ai donc conçu une ligne graphique respectant le logo du CTE très axée sur les tendances du Web 2.0 en 2009: larges titres, bandeaux colorés, beaucoup de place aux images, navigation animée, grand bandeau foncé en bas de page.  Pour faciliter la gestion du site, le site a été développé sur la plate-forme WordPress.

Composantes:

• Installation et déploiement de WordPress
• Conception d’un thème WordPress spécifique pour le CTE
• Conception de la ligne graphique avec Adobe Photoshop CS3
• Intégration de plusieurs extensions, dont qTranslate pour un site dont l’interface est entièrement bilingue
• Formation du personnel et rédaction de la documentation
• Compatibilité avec Firefox 3+, IE 6+, Safari 4

Technologies utilisées:

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

Status:

En ligne.

Client:
La Fondation du cégep de Saint-Laurent, Montréal, Québec

Description du projet:
Dans le cadre de mon travail d’analyste-webmestre au cégep de Saint-Laurent, on m’a demandé de mettre sur pied une application web permettant aux anciens étudiants et employés du cégep de Saint-Laurent de se retrouver.  Le site devait être développé rapidement car les retrouvailles pour les 40 ans du cégep arrivent à grand pas.   L’application devait permettre aux anciens de s’inscrire, de se créer un profil détaillé, d’accéder à une section réservée.  De plus, le système devait être conviviale et simple à gérer pour l’administration de la Fondation.

Composantes:

• Un système d’inscription et de création d’un profil détaillé
• Fonctionnalité de recherche par  nom, date de fréquentation et de programme
• Fonctionnalités avancées de modération des profils
• Envoi massif de courriel
• Intégration LDAP (Active Directory) avec accès limité pour le personnel du cégep
• Système de confirmation de présence
• Intégration d’une section sécurisée SSL
• Refonte du design pour assurer une compatibilité avec Firefox 2, IE 6, Opera, Safari

Technologies utilisées:

• Côté serveur: PHP 5.2, basé sur le framework Symfony 1.2, MySQL 5
• Côté client: XHTML 1.1, CSS 2.1, jQuery (animations et ajax)

Status:

En ligne.

Employeur:
Le cégep de Saint-Laurent, Montréal, Québec

Description du projet:
Dans le cadre de mon travail d’analyste-webmestre au cégep de Saint-Laurent, la Direction des communications m’a demandé de créer des « visites virtuelles » permettant aux internautes de découvrir les locaux et les lieux d’intérêts au cégep dans le confort de leur domicile.  Après avoir testé quelques produits pour créer des panoramas 360 degrés à partir de photos numériques, mon choix s’est arrêté sur les produits Pano2VR et Autopano Pro.  Armés de ces deux outils, nous avons pu débuter la conception des visites.  C’est Laurence Clément qui s’est chargé de prendre les photos et effectuer les rendus en Adobe Flash.  De mon côté, j’ai conçu une application personnalisée permettant d’ajouter, de modifier et de supprimer des visites, organisées dans un système de classement par programme technique et pré-universitaire.  Jusqu’à présent, plus de 40 visites ont été mises en ligne.  Quant à l’interface, j’ai dû respecter la ligne graphique existante du site du cégep.  Je l’ai agrémenté d’un menu déroulant, d’un système de tabs pour chaque visite en jQuery, de Google Maps, et j’y ai intégré les couleurs de la signalisation existante au cégep.

Composantes:

• Application développée avec le framework Symfony 1.2 et Doctrine
• Retouche des panoramas, et intégration de « hot points » dans les rendus Adobe Flash
• Capacité d’ajouter, de modifier et de supprimer facilement de nouvelles visites
• Développement d’une interface respectant la ligne graphique du cégep, compatible avec Firefox 3, IE 6, Opera, Safari
• Développement une petite API pour intégrer les visites virtuelles facilement dans d’autres sites (ex. les zones du cégep de Saint-Laurent)

Technologies utilisées:

• Côté serveur: PHP 5.2, basé sur le framework Symfony 1.2 et Doctrine, base de données MySQL 5
• Côté client: XHTML 1.1, CSS 2.1, jQuery (animations et ajax)

Status:

En ligne.

Mon aventure en ligne a débuté avant les années 2000 où je créais mon premier site « la page à Marco ».  C’était un site conçu en HTML avec des « frames » en noir et mauve.  L’effet est très cool, mais la maintenance du site était épouvantable!  En 2000, je remodelais la page à Marco en « la zone à Marco » qui était très design, coloré et avant-gardiste.  Je l’utilisais comme un terrain de jeu: mes premiers rollover avant leur temps, les effets Javascripts dynamiques avant Ajax… Puis, quelques années plus tard, j’ai pris le virage du Web 2.0 en convertissant mon site en blogue, plus standard et surtout plus facile à gérer à distance, mais toutefois moins personnel.

Aujourd’hui, je m’offre un cadeau: un tout nouveau site, nettement plus complet, plus adapté, plus design et combien plus l’fun à gérer grâce au meilleur CMS, WordPress!  Pour les détails techniques, visitez mon portfolio.

Alors que retrouverez-vous sur mon site?  Une partie plus professionnelle, axée sur mes réalisations dans le domaine du web, et une partie plus personnelle, avec les textes et les photos extraits de mon ancien blog et des nouveaux textes qui feront leur apparition très bientôt sur divers sujets: le web, la musique, les technos, les voyages, …  Bref un mélange technico-culturo-geeko-communo-fun, comme moi!

Bonne visite!  Et n’hésitez pas à me laisser vos commentaires.

Composantes:

• WordPress 2.6
• Shadowbox 2.0 pour les effets visuels dans les galeries d’images
• Intégration à Google Analytics

Technologies utilisées:

• Côté serveur: PHP 5.2, MySQL 5
• Côté client: XHTML 1.1, CSS 2.1, jQuery (animations et ajax)

Mes responsabilités :

• Fournir mon expertise au conseil d’administration en matière de développement des stratégies Internet, d’e-marketing, de publicité en ligne et des développements logiciels futurs
• Participer à l’élaboration des grandes orientations de l’organisme
• Concevoir, développer et maintenir le portail AlterHeros.com et le système gestion de contenu ci-rattachant, permettant de gérer les activités quotidiennes de l’organisme, telles que les services en ligne, les membres, les bénévoles, les infolettres, etc.
• Orienter l’organisme dans le choix d’applications externes comme Google Apps, de publicité en ligne comme Google AdSense, de CMS tels que WordPress, et autres développements
• Concevoir la ligne graphique et l’ensemble du matériel promotionnelle avec les outils d’Adobe CS3
• Évaluer les stratégies de positionnement, analyser les outils de statistiques tels que Google Analytics, SmarterStats et Urchin, et apporter les optimisations requises

Description
Depuis septembre, je participe à titre de consultant en gestion de projet à l’élaboration du Projet d’amélioration de l’accessibilité des sites Web de l’Administration gouvernementale québécoise (PAASWAGQ).

Responsabilités :

• Compléter l’argumentation du dossier d’affaires en soutien au projet;
• Déterminer les prévisions budgétaires par année financière et par livraison, et établir le calendrier et le détail des livraisons;
• Rédiger une annexe sur les outils complémentaires à développer dans le cadre du projet.

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

Description du projet:
Dans le cadre de la croissance de l’organisme à but non-lucratif AlterHéros, on m’a confié le mandat de la conception et du développement du projet Web 2.0 Parles-en aux experts.com (Tell the experts.com).   Il s’agit d’une initiative unique au monde visant à démystifier la diversité sexuelle, en mettant sur pied un réseau d’experts, tels que médecins, travailleurs sociaux, sexologues, psychologues, tous disponibles pour répondre gratuitement aux questions des visiteurs.  De plus, grâce un réseau social intégré, les internautes peuvent suggérer des compléments de réponse, partager des témoignages, publier des articles.  Le site est aussi doté d’un bottin des ressources que les groupes communautaires peuvent mettre à jour directement.

Composantes:

• Un système de gestion de contenu (CMS) avec plusieurs niveaux d’accès
• Un système de gestion des questions-réponses
• Un réseau social incluant un profil détaillé, liste d’amis, historique
• Un système d’étiquettage et de catégorie
• Intégration des composantes Google Adsense et Google Maps
• Site complètement internationalisé (i18n / l10n), initialement en français (Canada) et anglais (Canada)
• Layout liquide en CSS, sans tableau HTML
• Conforme aux normes d’accessibilité WCAG 2.0 Niveau A
• Compatibilité avec Firefox 2, IE 6, Opera, Safari

Technologies utilisées:

• Côté serveur: PHP 5.2, basé sur le framework Symfony 1.1, MySQL 5
• Côté client: XHTML 1.1, CSS 2.1, jQuery (animations et ajax)

Status:

En développement.  Une première version a été livrée en septembre.
Livraison béta prévue pour l’hiver 2009.