Applications

Applications


Portail intranet du Cégep

2.2012

Portail intranet, selon les préférences de l'utilisateur connecté

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

Description du projet:

À titre d’analyste-webmeste, j’ai été le concepteur de l’environnement intranet du cégep de Saint-Laurent.  Véritable carrefour de l’ensemble des services en ligne offerts au personnel et aux étudiants, le Portail intranet centralise tous les liens aux outils, aux applications et aux pages web disponibles à la communauté du Cégep.  Conviviale, personnalisable et contemporain, cet outil donne une longueur d’avance au Cégep parmi les produits offerts sur le marché.  Testé en mode « béta » depuis l’été 2011, ce portail a été lancé officiellement à l’hiver 2012, accessible à tous.

Un accès centralisé aux services en ligne

Voici quelques exemples des services en ligne, que j’ai conçu pour la plupart moi-même dans le cadre de mon travail au Cégep :

  • Consultation de son profil en ligne, incluant le changement de mot de passe en ligne
  • Consultation du bottin du personnel et signalement d’un changement
  • Consultation de ses groupes-cours et consultation des membres d’un groupe ou d’une liste de distribution courriel
  • Consultation de l’aide en ligne et des divers guides pour les nouveaux employés
  • Demande de reprographie et déclaration des droits d’auteur en ligne
  • Demande de services aux divers services du Cégep
  • Gestion des inscriptions en ligne (activités étudiantes, Étudiant d’un jour, centre d’aide, sports, formation aux adultes, services aux entreprises)
  • Gestion du suivi de la condition physique, outil développé pour les étudiants et les enseignants d’éducation physique
  • Gestion et contribution à sa zone web
  • Location de logiciels sur son poste de travail (intégration avec Microsoft Application Virtualization – App-V)
  • Porte d’entrée vers d’autres applications Web, développées par d’autres fournisseurs externes du Cégep

Ce nouveau portail comporte une multitude d’outils intégrés, aussi appelés gadgets.  Par exemple, j’y ai développé un widget qui liste les cours annulés en temps réel (tiré d’une page d’Omnivox), un outil de recherche du bottin du personnel qui tire ses données de Windows Active Directory via LDAP, un aperçu des demandes de service, tirées du système SysAid, le menu du jour de la cafétéria, un lecteur de fils RSS, et plus.

La personnalisation poussée à l’extrême

Le portail intranet offre plusieurs options de personnalisation visant une plus grande appropriation par les utilisateurs.  Chacune des options est enregistrée dans le dossier de l’utilisateur de façon à ce qu’il puisse retrouver ses choix, peu importe l’ordinateur ou le fureteur qu’il utilise.  Les options que j’ai offert sont les suivantes :
  • Choix d’un thème visuel parmi 85 thèmes. Chaque thème comporte une image de fond et une palette de couleurs spécifiques.
  • Choix du nombre de colonnes pour placer ses gadgets (entre 2 et 4)
  • Choix de la position de chacun des gadgets
  • Choix du type de navigation (organisationnelle ou thématique)
  • Choix de six couleurs pour chacun des gadgets
  • Options spécifiques relatives aux gadgets

Technologies utilisées:

  • Côté serveur: PHP 5, Symfony 1.2, WordPress 3, MySQL 5, MS SQL
  • Côté client: XHTML 1.1, CSS, jQuery avec de multiples requêtes Ajax

Status:

En ligne – L’intranet est un environnement protégé pour les utilisateurs du Cégep uniquement.


Formation continue + inscription en ligne

12.2009

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.


Anciens de Saint-Laurent

3.2009

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.


Visites virtuelles du cégep de Saint-Laurent

3.2009

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.


Néoclic

6.2004

Description de l’application:
Néoclic est une application que j’ai bâti afin de répondre aux besoins de mes clients en matière de gestion publicitaire en ligne.  Cette application permet à un éditeur de site Internet de choisir les formats de publicité à ajouter sur son site, et d’y insérer facilement les publicités, selon le type de campagne choisie (par clic (CPC) ou par impression (CPM)).  Le système accepte les bannières de type JPG, GIF et Adobe Flash.  Facile à gérer, il est aussi possible d’obtenir des statistiques sur le nombre de clics et d’impresions.  De plus, en cas d’absence de publicité, le site peut afficher des publicités externes, telles que celles de Google AdSense ou BV Max. L’application est utilisée par AlterHéros, et a été utilisée par Québec Jeunes.com

Composantes:

  • Système de gestion publicitaires
  • Intégration des composantes Google Adsense et BV Max
  • Compatibilité avec Firefox 2, IE 6, Opera, Safari

Technologies utilisées:

  • Côté serveur: ColdFusion et une base de données (MS Access ou MySQL)
  • Côté client: XHTML, CSS, et Javascript

Plate-forme de formation en ligne

10.2003

Client:
McGill University, Montréal, Québec

Description du projet:
Le Centre Dobson en entrepreneuriat de l’Université McGill souhaitait offrir un complément en ligne à tous les étudiants inscrits aux cours offerts par le centre.  La plate-forme de formation en ligne devait permettre aux professeurs de publier les nouvelles du cours, les devoirs, les travaux, le calendrier, etc.  De plus, l’application devait être facile à gérer par l’administration du centre et/ou les professeurs eux-mêmes.  Finalement, le design graphique de l’application devait être similaire à la ligne graphique du Centre Dobson.  On m’a confié le mandat de développer cette application web.

Composantes:

  • Un système de gestion de contenu (CMS) avec plusieurs niveaux d’accès (administrateur, étudiants)
  • Compatibilité avec IE, Opera, Safari

Technologies utilisées:

  • Côté serveur: Adobe ColdFusion, MS Access
  • Côté client: HTML, CSS, Javascript

Statut:
L’application a été utilisée de 2003 à 2005.