Profweb

Faciliter le partage d'informations

Section 1 browser mobile bde1023565d1f3580490e590965f4aea2d351a20293512df89f1a14d22c4e34c
Section 1 browser desktop c4151a7676bd801062fcf0f03ecf7fe4ba4eb3627352a633eb2e8fe6e6b15930

Dans un réseau comprenant un très grand nombre d’établissements, le partage d’informations et la communication doivent être privilégiés et facilités. Se doter d’un outil favorisant cet échange devient alors une nécessité. Profweb remplit ce mandat, en permettant aux enseignants du réseau collégial de discuter et d’interagir entre eux, partout au Québec.

Une coopération digne de mention

Section 3 hands@2x ef00a9b1b39676b12001f78cf6643710cf76c2e3d2e488061d0766c7ed56f0b6

On le dit souvent, un bon et beau projet est le résultat d’une belle relation entre un client et un fournisseur. Il est primordial de mentionner ici la qualité des échanges, de la coopération et du respect vécu avec l’équipe de Profweb. Ayant déjà en main la presque totalité de l’ergonomie de leur projet, c’est avec une ouverture d’esprit conjointe que nous avons pu ajouter notre petite touche stratégique, et ce, en étant toujours bien reçus par le client. C’est donc une symbiose des deux parties qui a permis de mettre sur pied une si belle plateforme.

Gestion de contenus

Client pleinement autonome

La plupart de nos clients souhaitent être en mesure de gérer eux-mêmes leurs contenus, que ce soit pour gagner du temps, pour assurer un renouvellement constant des contenus ou pour économiser sur des frais de maintenance et de mises à jour. Nos standards de développement leur permettent toujours d’être autonomes et de gérer leur site à leur façon. Ainsi, Profweb permet aux gestionnaires et aux contributeurs de facilement publier leurs contenus quand ils le souhaitent. De plus, question de nous assurer que le site serait constamment renouvelé, nous avons automatisé la mise à jour de certaines sections à partir de données recueillies sur des sites partenaires externes. Une bonne façon de rendre le contenu dynamique en tout temps.

D’un point de vue plus technique

Lors de l’analyse préliminaire du projet, il était clair que nous devions développer un système à la fois «tentaculaire» et souple. Nous devions aussi apprendre, connaître et maîtriser une API (Application Programming Interface) qui nous permettrait de faire le pont entre le site Web de Profweb et le serveur d’hébergement des espaces Web.

Section 4 graph@2x 30d8d7340b241ec7b05fd3346fe1a6bc10502204ef895b6005fff54053fb5b41

La communication entre cette API et les différentes composantes se fait de façon transparente. Par exemple, à partir du site Profweb, un enseignant peut créer un blogue, une base de données, des accès FTP, etc., et notre plateforme s’occupe de communiquer ces informations à l’API et au serveur Espace Web sans intervention de la part de l’utilisateur. Très simple sur papier, cette idée est en réalité assez complexe à mettre en pratique.

Notre outil d’importation de RSS

Section 5 icons 22d35f21376c2d79a75cfc46dd67a0656fd6af22c7319d7ac654ad746babf743

Chaque nuit, des dizaines de publications sont importées et viennent s’ajouter à celles déjà présentes sur le site Web. Comme ces publications proviennent de fils RSS distincts, nous avons d’abord choisi d’utiliser Yahoo Pipe afin d’agréger les différents fils. Toutefois, si la beauté du Web permet aux choses d’évoluer, il arrive aussi que certaines choses cessent d’y exister. On a vécu ce cas précis durant le développement de notre plateforme, alors que Yahoo a décidé de fermer le service Yahoo Pipe! Qu’à cela ne tienne, armés de notre courage et de notre expertise, nous avons, grâce à cet incident, développé notre propre outil d’importation de fils RSS afin de ne plus dépendre d’un service externe.

Pour l’importation du contenu servant à nourrir la zone Profil TIC, nous avons utilisé le fil du service Ceres, qui offre un catalogue collectif de ressources d'enseignement et d'apprentissage rassemblées par divers organismes œuvrant dans la production et la collecte de ressources numériques. Enfin, un total de cinq fils provenant de Ceres permettent d’ajouter le contenu et de rendre le site des plus dynamiques.

Espace web

Création de sites clé en main

Section 6 graph@2x 7bb708a2d136a03201e4a469905c7052d6cd6fe8321e904fc74c4745b001ff4a

Profweb offre aux enseignants du réseau collégial un environnement Web qui leur permet de créer et de partager en ligne diverses ressources pédagogiques. Grâce à une marche à suivre hyper simple, que ce soit à partir d’un blogue Wordpress ou d’un Wiki (MediaWiki), les enseignants sont en mesure de créer des outils pédagogiques selon leurs besoins. Puisque ces outils sont susceptibles d’être utiles à tous, c’était important d’en faciliter le partage au sein de la communauté d’enseignants.

Objectif technique

Site adaptatif qui répond aux normes d’accessibilité

Section 7 responsive f9307e2b8b030750c367721c9e8ecb060db7bbb2a2ff3031daec594b4e6026f6

Profweb est compatible avec une multitude de tailles et de résolutions d'écran (grands écrans panoramiques, écrans plus petits, tablettes et téléphones multifonctions) afin de permettre une convivialité optimale, n’imposant aucune contrainte de navigation. Ce design adaptatif a été réfléchi et conçu afin de respecter les règles d’accessibilité proposées par le gouvernement du Québec. Qui dit accessibilité Web dit habituellement complexité, mais Profweb est une preuve que malgré des règles strictes et bien établies, le tout peut à la fois demeurer agréable et bien servir tous les utilisateurs.

Objectif expérience client | UX

Une recherche hyper performante

Conscients que la plateforme Profweb regorgerait de contenus, nous avons opté pour un moteur performant qui affiche des résultats de recherche toujours pertinents, et ce, très rapidement.

La qualité des recherches dans cet outil était très importante, voire primordiale. Elastic, un indexeur de contenus, permet de faire des recherches avancées dans les publications et les espaces Web des professeurs en croisant des filtres comme la date, les mots-clés, les types ou les disciplines. Nous en avons fait un véritable outil de recherche intelligent permettant un croisement de filtres avancés.

Section 8 elastic 5f07e06474ae9d255e3954c20361893cc84916e9f5b2fce3de582c69b4319198

Accessibilité

Section 9 logo cbb248e43d8e0f6df17efb8501d774e377707185df5c76e0c095a719966c07d1

Ce mandat respecte les normes SGQRI 008-01, qui énoncent les règles permettant à tout site Web, public, intranet ou extranet, d’être accessible afin de faciliter son utilisation par toute personne, handicapée ou non. Obligatoire pour le gouvernement du Québec, ce standard est aussi recommandé pour l’administration publique québécoise, la communauté éducative, et celle de la formation à distance privée et publique.

 
Nous avons grandi avec ce projet

Avant de réaliser Profweb, nous utilisions le CMS Comfy pour nos projets en Rails. Nous avons toutefois découvert, testé et beaucoup aimé Rails Admin de sorte que nous l’utilisons maintenant dans tous nos projets Ruby. Comme quoi nous grandissons avec nos clients!