Il s’agit d’une de mes dernières réalisation avant un an et demi sans produire de sites web sous la tutelle de Inexis Solution web Inc.

Avec le recul, j’ai réalisé que ce site m’a appris une bonne leçon: Savoir les conditions et les deal-breakers possibles avant de commencer a produire quoi que ce soit!. C’est pour cette raison que j’avait arrêté Inexis Solution web: Je ne pouvait plus travailler seul.

Une histoire pas toujours drôle

Le projet s’est jamais publié parce que j’ai eu un mal-entendu concernant la fin du mandat et que j’avait pas su que son fournisseur de transaction de carte de crédit l’obligeait a utiliser son logiciel de chariot d’achat. D’où la leçon sur les conditions.

Étant donné que j’avait fait 90% du travail et que la relation n’allait pas très bien avec le client j’ai décidé de prendre sur moi et d’arrêter le travail.

Par la suite j’ai travaillé chez Évolubiz car je n’avait plus les moyens de faire vivre Inexis Solution web Inc. J’ai donc décidé à ce moment d’arrêter de travailler directement avec mes clients sans avoir de coéquipiers dans le projet.

Aujourd’hui

Lorsque je l’ai réinstallée, hier. J’ai eu mon sourire en coin en réalisant comment j’avait déjà cerné les outils du web2.0 de 2005.

• Lien Google Map
• Génération de XML dans le format Froogle (Google Product Search de l’époque)
• Carte électronique format VCF (pour les carnets d’adresses)

C’est quand même surprenant que je n’ai pas commencé à ce moment là a étudier le PHP en orienté-objet avec PHP 5 qui était sorti un an avant. Car même si la fin du projet m’a déçu, j’ai définitivement eu beaucoup de plaisir de le programmer.

Le site

J’avait utilisé GéraniumCMS et j’y avait crée pour ce client particulier plusieurs modules, dont:

• Chariot d’achat
• Catalogue des produits
• Génération de XML des pages du catalogue
• Génération de XML pour lister son inventaire
• Zone dernière nouvelle

Le graphisme avait été fait par un certain Jean Légaré, un graphiste que je ne retrouve plus aujourd’hui sur le web.

REMARQUE: Si je me trompe dans le crédit et que tu reconnaît ton travail, fait moi signe, je corrigerai!

Les captures d’écran

Finalement

J’ai eu beaucoup de plaisir a réaliser ce mandat et je suis content d’être sur la voie que je suis. C’est avec des échecs comme celui-là que j’ai appris et qui m’a permis d’évoluer.

Dans la lignée de vouloir apporter a mon blogue l’accumulation de mes réalisations j’ai pensé vous montrer mon travail avec le Musé des Beaux Arts de Sherbrooke. J’ai fait ce site en 2005. Encore ici je n’ai pas conservé de rapport sur la durée du travail que j’ai investi dans ce mandat car à l’époque je ne faisait pas de suivi là dessus.

Mon implication

Comme pour la majorité des mandats que j’ai réalisé avec Tatou Communication visuelle elles me fournissaient les planches Photoshop (PSD) et je m’occupait de m’assurer que le HTML soit identique.

Ce site est l’un de mes premiers que j’ai utilisé avec le «branding» GéraniumCMS. Car avant je n’avait pas de nom en tant que tel et la suite de fonctions de base a été développée pour ce client et le projet Sherbrooke Ville étudiante (NOTE: post a venir).

Gallerie de captures

Rapports de séquence

J’ai eu la chance de travailler sur l’interface d’un logiciel fait en Java avec Struts.

A quoi sert le logiciel

Ce logiciel sert pour automatiser les déploiements des versions selon l’idéologie du Développement en mode «Intégration continue». Bref il est utilisé pour créer des suites d’actions programmables qui peuvent être répétées au besoin.

Histoire brève

Au début le logiciel s’appelait TSCM et était utilisé chez quelques clients dont Téléfilm Canada et la Banque Nationale du Canada dans un département que je ne mentionnerai pas. Dans le but de le rendre plus grand public nous avons changé le nom et remonté l’image.

Mon implication

Aujourd’hui appelé beebox. Mon travail consistait à monter l’interface utilisateur et guider l’équipe développement à monter les librairies du back end pour générer le front-end.

Tout ce qui touchait le design du produit, l’image, le site, l’interface utilisateur, et son intégration html.

Description d'un module

En gros j’ai collaboré avec le créateur du produit pour donner une interface plus actuelle.

• Monté maquettes de présentation du logiciel dans Photoshop CS2;
• Produit les maquettes statiques de l’interface utilisateur avec MooTools et du HTML;
• Monté les maquettes et le découpage;
• Réalisé l’intégration HTML avec les une librairie custom de tags Struts que j’ai participé a la conception;
• Fait la sélection des icônes;
• Travaillé et découpé les icônes;
• Produit le site web (billet à venir…);
• Programmé les behaviors en Javascript sous MooTools;

Sécurité des modules

Pour avoir plus de détails a propos du produit, allez-voir le site web.

Le logiciel est distribué sous licence Creative Commons “paternité” qui demande uniquement de mentionner sur le site de l’entreprise et des personnes qui l’utilisent d’afficher leur utilisation. (Je n’ai pas étudié les termes, allez voir la licence sur le site web.)

Personnellement, je compte développer des suites de scripts qui seraient utilisés pour administrer des projets en PHP avec cet outil. Je n’ai rien de publiable pour le moment.

Voir la suite de mon Portfolio.

Page fabriquez votre remise

Parmi les sites que j’ai fait dans les dernières années. Celui de Remises Réal Lamontagne était parmi les plus agréables a travailler. L’équipe de IMACOM (sherbrooke) avait fait un très beau travail. Chacun avait sa tâche de fait et mon travail consistait qu’a intégrer en html valide le code.

C’est aussi l’un des derniers sites que j’ai fait en utilisant Macromedia Dreamweaver.

voir sur Flickr

Page servant a localiser les magasins

Personellement j’avait toujours utilisé soit les tag “Include” des SSI de Apache ou mon propre CMS (GeraniumCMS, note: j’en parlerai plus tard) pour faire les routines de modifications HTML répétitives.

voir sur Flickr

Page d'Accueil

Ce qui a été fait:

• Integration HTML4, les specifications valides du moment
• Production de d’environ deux temates complets et intègres a l’outil de Macromedia Dreamweaver
• Decoupage a partir de Adobe Photoshop et optimisation des coupures avec Image Ready
• Consultation sur le “plan de match” du mandat pour ce qui concerne les specifiteés des standards du web a l’époque

Voir la suite de mon Portfolio.

Voir la consommation modem

Contexte

J’ai travaillé là pendant un an entre Octobre (environ) 2005 et Novembre 2006. Mon emploi était dit comme étant programmeur d’applications pour améliorer les processus de travail de l’entreprise du point de vue support technique pour les départements de services Internet et télé numérique.

J’ai donc travaillé sur les bases de données accès en Microsoft Access puis ensuite j’ai fait un travail d’intégration sur le site corporatif (ce 30 octobre 2009, c’est encore mon travail qui est aparent pour une bonne partie).

Cette page est celle du premier niveau après avoir été dans la région ciblée (Estrie, Beauce, Mégantic, etc).

Mon travail

Mon travail sur ce projet consistait a Intégrer le contenu en HTML et de pouvoir le modifier aux besoins via la base de donnée.

J’avait déjà développé Géranium CMS a ce moment là et j’ai appliqué plusieurs bouts de code et de fonctions pour ce projet.

Bref. Le graphisme et le marketing est géré par une firme de communication que je respecte beaucoup: Arsenal Média. Mon travail consistait a suivre les demandes de la direction artistique et au final: Voir a ce que le contenant paraîsse exactement comment les graphistes l’on conçu.

Quelques trucs qui ont été faits:

• Intégration html, css, javascript
• Découpage des maquettes Photoshop
• Mise en page html du contenu
• Engin d’affichage du contenu dans un CMS fait maison (que j’ai re-fait, à l’époque)
• Engin programmé en PHP qui va chercher les rapports de consommation par Modem du client (au moment ou je travaillait là, j’ai fait un prototype)
• Moteur de rendu basé sur les templates que j’ai découpé et intégré
• Javascript pour les effets spéciaux (qu’on surnomme a tord AJAX car rien n’est XML dans ce site.)
• Règles de redirection Apache 2 pour le serveur web

Voici d’autres prises de vues:

• Page intérieure 1er niveau
• Page intérieure 2e niveau

Voir la suite de mon Portfolio