^
^

Compagnie En Marge

:: type de projet :

site web+gestion de contenu

:: commanditaire :

La Compagnie En Marge, (ex Scènaction)

:: participation :

Programmation et création du graphisme. Le logo est de Sylvain Vandeven.

:: technologies :

php/mysql/html/javascript/css

:: lien :

http://www.en-marge.be

La Cie En Marge existe professionnellement depuis 2002. Avec plus de cinq spectacles à son actif, elle est maintenant reconnue comme un acteur à part entière dans le paysage théâtral de la Communauté Française.

^
^

Centre Culturel de Soumagne

:: type de projet :

site web+gestion de contenu

:: commanditaire :

Centre Culturel de Soumagne

:: participation :

Conception et réalisation

:: technologies :

PHP mysql css html javascript

:: lien :

http://www.ccsoumagne.be

Projet pour un Centre Culturel ma foi fort sympathique. Ca fait plaisir de voir un client devenir parfaitement autonome dans la gestion de son site!

^
^

Fesival Paroles d'Hommes

:: type de projet :

site web+gestion de contenu

:: commanditaire :

Festival Paroles d'Hommes

:: participation :

Conception et réalisation

:: technologies :

PHP mysql css html javascript

:: lien :

http://www.parolesdhommes.be

Site pour un festival pluridisciplinaire axé sur les droits de l'Homme. L'accent étant mis sur l'agenda (qui est désactivé entre les différentes éditions du festival). Quelques expériences un peu hors normes au niveau du layout: une image de fond qui se redimentionne avec la fenêtre, et un jeu sur les transparences.

^
^

Groupe d'Achats Communs d'Esneux

:: type de projet :

site web+gestion de contenu

:: commanditaire :

GAC Esneux

:: participation :

Conception et réalisation

:: technologies :

PHP mysql css html

:: lien :

http://www.gac-esneux.be

Un GAC (Groupe d’Achats Communs) est un groupe de personnes qui se réunit régulièrement (souvent une fois par semaine) pour faire ses courses tout en ayant un contact avec les autres participants. Le GAC n’est pas un magasin (encore moins un self-service…). Il ne s’agit pas seulement de remplir son panier et de rentrer chez soi avec des produits, certes bio et de qualité, mais de favoriser la rencontre, les échanges et de soutenir les producteurs locaux. Un projet qui me tient à coeur. En cours de développement: un système de gestion de commandes pour les membres et les producteurs. Histoire d'avoir plus de temps pour la convivialité lors des réunions!

^
^

TMD

:: type de projet :

site web

:: commanditaire :

Maison Tasset

:: participation :

création et développement

:: technologies :

php mysql xhtml css javascript

:: lien :

http://www.tmd.be

T.M.D. est une société qui distribue des produits dans le secteur de l'audio: logiciels, instruments, micros, amplis, enceintes.
Le site comporte une section "membres" où les revendeurs ,une fois identifiés, ont accès à une liste de prix qui leur est spécifique (il y a différents types de revendeurs et diffénrentes listes de prix associées). Ils peuvent se servir de cette liste pour préparer une commande qui se calcule en temps réel via javascript, ensuite celle ci sera automatiquement envoyée à TMD par un email pratique à traiter.

Un nouveau système de traitement des url fait son apparition, l'optimisation pour les moteurs de recherche a été revue. Un outil de gestion de newsletters a également été développé, sur base d'un système de queue et de traitement périodique par paquets.

^
^

baltablog.eu

:: type de projet :

blog

:: commanditaire :

Les Balta's

:: participation :

conception, réalisation

:: technologies :

php mysql css xhtml

:: lien :

http://www.baltablog.eu

Blog réalisé pour des amis expatriés.
Développé en rush sur base d'une refonte complète de mon système de gestion de contenu. (en cours de développement, il s'agit donc d'un pre-release).
Les nouveautés au niveau programmation du cms:
-structure de controle centralisée et système de templates (librement inspirés du design pattern MVC).
-systeme de cache reduisant nettement les acces sql et les traitements.
-multilinguisme. (non exploité ici)
-structure plus apte à recevoir des developpements futurs.

^
^

Théatre de la guimbarde

:: type de projet :

développement web

:: commanditaire :

La Guimbarde

:: participation :

installation et modification d'un CMS Joomla et de ses différents plugins

:: technologies :

php+mysql

:: lien :

http://www.laguimbarde.be

Ce projet, m'a été proposé par Thierry Adam, celui-ci s'est occupé du design, de la mise en CSS et de la formation du client.
J'ai pour ma part réalisé la configuration d'un CMS Joomla avec plusieurs modules spécifiques selon les désidératas du client (agenda, galeries, backup automatisé, search-engine optimisation...).
Ensuite j'ai développé et intégré une gestion des "pôles" spécifique à ce client, afin que l'utilisateur final puisse assigner facilement un évenement, un article, une galerie... à un pôle d'activité qui sera représenté par une identité visuelle différente.

^
^

Tasset.com

:: type de projet :

site d' e-commerce

:: commanditaire :

Maisont Tasset , Liège

:: participation :

développements spécifiques dans une structure OsCommerce

:: technologies :

php/mysql/javascript/ajax/xml

:: lien :

http://www.tasset.com

Mon job actuel: responsable du commerce electronique pour la Maison Tasset à Liège.
Le site a été mis en place par mon prédécesseur, Thierry Adam, sur base du logiciel OsCommerce.(php+mysql).
Je continue à développer ce site, et entre autres, je crée une interface de gestion de stock automatisée.
La deuxième partie du job est plutot orientée marketing (référencement, tracking, affiliation...).

^
^

axialyze

:: type de projet :

intégration de layout css d'après projet sous illustrator

:: commanditaire :

Djm-web agency

:: participation :

découpe et mise en css du layout

:: technologies :

html/css/javascript

:: lien :

http://www.axialyze.com/

Réalisation d'une maquette sur base d'un layout concu par Marco de Djm-web.
Job assez amusant à réaliser, le design de départ étant plutôt chouette.
Le résultat final est assez peux gourmand en poids. Chaque section du site a un css différent avec une couleur dominante, le tout est très harmonieux.
Css testé et adapté pour assurer une compatibilite ie6+ie7+mozilla.

^
^

comète

:: type de projet :

maquette de site web

:: commanditaire :

Djm-web agency

:: participation :

réalisation de la maquette

:: technologies :

html/css/asp/sql

Maquette de site pour un magasin de décoration sur base d'une demande précise concernant la structure du layout et de la navigation.
La gestion de contenu a été générée en ASP/SQL à l'aide des extensions INTERAKT dans DREAMWEAVER.

^
^

menuiserie Momin

:: type de projet :

site web+gestion de contenu

:: commanditaire :

Djm-web agency

:: participation :

conception et réalisation

:: technologies :

html/css/asp/sql

:: lien :

http://www.momin.be

Site pour une PME, réalisé après présentation de différentes maquettes.
La gestion de contenu a été générée en ASP/SQL à l'aide des extensions INTERAKT dans DREAMWEAVER.

^
^

taiwa

:: type de projet :

site web+gestion de contenu

:: commanditaire :

Un groupement de Dojos d'Aïkido

:: participation :

conception et réalisation

:: technologies :

html/css/php/mysql/javascript/rss

UPDATE: Après quelques années de loyaux services, le site est mort, remplaçé par un nouveau site pour une nouvelle association...
Site réalisé en Php5/mysql, mise en page en css, implémentation javascript non obstructive.
Lecteurs de flux rss pour suivre l'actualité d'autres sites.
Réalisation d'une interface de gestion de contenu complète comprenant:

  • édition des pages
  • gestion des articles
  • gestion des news
  • gestion d'un agenda
  • gestion basique d'une mailing-list
  • gestion des galeries photo
  • gestion des droits d'utilisations des rédacteurs
  • système de backup et de restauration de la base de données
  • système de SEO automatique (Search Engine Optimisation)
Les rédacteurs travaillent dans un éditeur en ligne et peuvent prévisualiser leur travail dans le contexte réel du site avant de décider de sa publication.
Voir également www.katori-daishin.be (même canvas)

N'hésitez pas à me contacter si vous voulez une démo ou plus de renseignements...

^
^

Tai Belgium

:: type de projet :

site web

:: commanditaire :

une fédération d'Aïkido

:: participation :

conception et réalisation

:: technologies :

html/swish(flash)

:: lien :

http://www.tai.be/

Ma deuxième expérience en web design, toujours en autodidacte.
Cette fois-ci, j'ai utilisé swish pro, programme qui génère du flash.
Ce job m'a permis de découvrir les joies du référencement (une première version était en un seul flash-movie, j'ai fini par couper en pages séparées pour améliorer les résultats).
Le site est en fin de vie pour cause de dissolution du groupe, mais je laisserais une copie consultable en ligne.

^
^

Takemusu Aikido Fléron

:: type de projet :

site web

:: commanditaire :

Dojo d'Aïkido de Fléron

:: participation :

séquence émotion: ma toute première expérience en webdesign!

:: technologies :

html,...frontpage (pour la première et dernière fois!)

:: lien :

http://www.takemusuaikifleron.be/

Ma toute première expérience en web design, alors que je n'avais encore aucune notions d'html.
Le design a été fait sous illustrator et j'ai eu de bons retours quand à la cohérence graphique du site.
Ce job a surtout été pour moi un déclencheur, et il reste un très bon souvenir (quoiqu'un peu douloureux lors des mises à jour...).
Pas grand chose à dire sur le plan technique, si ce n'est que j'ai utilisé frontpage pour réaliser ce site et que l'on ne m'y prendra plus.

^
^

supratecs

:: type de projet :

projet de layout+administration

:: commanditaire :

Djm-web agency

:: participation :

conception et réalisation

:: technologies :

xhtml/css/javascript/sql/asp

:: lien :

http://www.supratecs.be

Maquette de site pour un laboratoire de recherche sur les matériaux de haute technologie. Le laboratoire désire rafraichir la présentation de son site afin d'offrir à ses clients potentiels une présentation plus 'moderne'.
Une interface de gestion de contenu est également souhaitée pour faciliter les mises à jour et la publication des curriculums des chercheurs.
La gestion de contenu a été générée en ASP/SQL à l'aide des extensions INTERAKT dans DREAMWEAVER.

UPDATE: Le site vient d'être finalisé par mes amis de chez DJM Web Agency. Il est enfin en ligne.

^
^

beat my box

:: type de projet :

actionscript

:: commanditaire :

STE Formations

:: participation :

conception et réalisation

:: technologies :

actionscript2 orienté objet

:: lien :

demos/flash/beatmybox/drum_project.html

Update:Depuis les dernières mises à jour du player, la stabilité du timecode est à nouveau très faible avec cette technique. Toutefois je constate l'apparition de programmes parfaitement au point au niveau du timing. Il y a probablement eu du nouveau chez Flash.

Projet réalisé en fin de formation, la programmation d'une boite à rythme était un vieux phantasme, et j'ai profité de la liberté de choix offerte pour m'attaquer au sujet.
Mais quelle idée...
En effet, mis à part un ou deux monstres sacrés de la programmation flash, on peut constater qu'il y a peu de boites à rythme (avec sequenceur j'entends) sur le net.
Et j'ai fini par comprendre pourquoi!
Le problème est assez simple au départ: pour construire un séquenceur, on a besoin de créer un métronome qui servira de signal de synchronisation pour que le séquenceur (une simple serie de tableaux) déclenche les sons au bon moment. Il est tout naturel dès lors de se diriger vers la fonction setInterval qui permet de déclencher un bloc d'instructions périodiquement avec un intervalle spécifié en milisecondes.
Malheureusement, j'ai constaté que cet intervalle fluctue fortement et n'est pas sufisamment stable pour faire de la musique.(pas du tout suffisant...)
J'ai donc cherché longtemps. J'ai tenté une technique de bufferisation, en calculant les décalages des x derniers cycles et en décalant l'execution du prochain cycle en fonction de la moyenne des précedents mais le gain de stabilité etait à peine perceptible. Entre temps j'ai découvert que le nombre de frames par seconde influence la fonction setInterval, et ca c'est pas normal!
Finalement, je suis tombé sur une solution:
Le player Flash ne peut déclencher un son que tout les x milisecondes, don si je lance 2 sons, ils seront joués avex un décalage de x milisecondes precisément. (je dis x car cela varie entre un PC et un MAC...)
Sachant que la fin de la lecture d'un son déclenche un evenement, j'ai lancé une boucle qui déclenche à l'infini un son vide (1 échantillon de long,0dB). Chaque fin de lecture déclenchant un évenement, je me retrouve donc avec un évenement déclenché de manière régulière. Reste à utiliser celui ci comme signal de sychronisation.
Cela fonctionne sur à peu près toutes les plateformes.
En conclusion, je suis content d'avoir solutionné ce problème, cela ma permis de devenir plus 'intime' avec flash, mais flash n'est définitivement pas la plateforme idéale pour développer ce type d'application.
Le projet n'ira donc pas plus loin pour l'instant, je le reprendrais peut être s'il y a du nouveau du coté des mises à jour du player.

^
^

e-tests

:: type de projet :

php-mysql

:: commanditaire :

FUNDP

:: participation :

module de gestion des locaux

:: technologies :

html/php/mysql/javascript

:: lien :

http://www.fundp.ac.be/recherche/publications/page_view/58768/

Projet effectué lors du deuxième stage de ma formation developpeur cd-web.
Ce projet, initié par Gregoire Vincke aux Facultés Universitaires Notre-Dame de la Paix à Namur, est une application web (qui sera probablement open-source) destinée à gérer des QCM pour les evaluations des étudiants.
Des pools de questions sont libérés en fonction de la période de l'année et de la section, sur base de questions types,qui sont modifiées en fonction de la matière visée.
Les tests sont lancés sur des pools d'ordinateurs dans des locaux, et ne sont accessibles qu'a cet endroit et au moment voulu.
Ensuite sont effectuées des analyses statistiques sur les resultats, dans le but d'evaluer les difficultés rencontrées au nioveau de la comprehension des questions, de l'avancement et de l'assimilation de la matière.
Le projet est ambitieux et comporte de nombreux autre aspects que je ne saurais développer ici.
Mon rôle à été de jeter les bases du module de gestion des locaux (back end), à savoir:

  • creation et modification des locaux (description,locatisation,responsable etc...)
  • gestion des accessoires disponibles pour chaque local
  • gestion des pools d'ordinateurs,generation automatique ou non d'ip's ,verifications
Je suis certain que ce projet remplira un besoin réel et aura une longue carrière dans de nombreux etablissements.

^
^

essaim

:: type de projet :

actionsript

:: commanditaire :

travail personnel

:: participation :

conception et réalisation

:: technologies :

flash8/actionscript1

:: lien :

demos/flash/essaim/essaim_attaque.v5.html

UPDATE:  J'ai transposé cet code en javascript avec l'element canvas, qui devient mon terrain de jeu quand j'ai envie de "bricoler".
Petite expérience en action script contenant quelques techniques intéréssantes:

  • création de 400 instances de clip ayant chacune son propre comportement et ses propriétés.
  • un peu de mathématiques pour régler l'orientation des flèches vers le curseur de la souris (si ça continue je vais finir par aimer les maths,qui l'eut cru?).
  • chaque flèche mémorise plusieurs coordonées et a pour ordre de se diriger vers l'une de ces positions sauf lorsque la souris est enfoncée.
  • on ordonne aux flèches de changer de position de départ grace au touches 1,2,3 et 4 du clavier.
  • chaque flèche a une vitesse de déplacement proprtionelle à sa taille,qui est elle même proportionelle à sa transparence.

^
^

chat en ajax

:: type de projet :

exercice de programmation

:: commanditaire :

STE formations

:: participation :

réalisation

:: technologies :

php/mysql/xml/javascript/ajax/css

UPDATE:Quelque temps plus tard, j'ai réalisé un implémentation live d'un chat ajax sur tasset.com: multi client, multi gestionnaire et totalement cross browser. Avec possibilité de guider en live le client dans sa navigation. Assez rare sur les sites d'e-commerce. Un vrai succès auprès de nos clients et un outil indispensable pour les commerciaux.

Exercice de programmation ayant pour objectif la création d'un chat en Ajax (mise à jour sans refresh du browser).
Cet exercice est une bonne synthèse et comprend plusieur aspects intéressants:
-utilisation d'une base de données.
-exploitation de la db avec php pour generer du XML.
-requetes asychrones via javascript et traitement des reponses XML pour mettre à jour l'affichage.
-gestion de la portabilité (différentes methodes de connection asynchrone selon le browser).

^
^

mini-forum

:: type de projet :

exercice php/mysql

:: commanditaire :

STE formations

:: participation :

conception et réalisation

:: technologies :

php/mysql

Exercice de programmation en php/mysql.
L'objectif de l'exercice était d'apprendre à maitriser les instructions sql sous php et de découvrir la possibilité d'utiliser des tables auto-reférentes.
J'ai poussé un peu plus loin en ajoutant la création d'un administrateur avec des droits etendus sur l'édition des messages et des threads ainsi que la possibilité de gerer les utilisateurs.
(l'interface d'administration est elle même générée dynamiquement en fonction des champs présents dans la base de données)

^
^

gestion de panier

:: type de projet :

exercice javascript

:: commanditaire :

STE formations

:: participation :

realisation

:: technologies :

javascript

Exercice de programmation javascript ayant pour objectif la réalisation d'une gestion de panier coté client. L'exercice a servi a assimiler les techniques de base du dhtml. J'ai poussé un peu plus loin en rajoutant une fonction supplémentaire: le temps que passe l'utilisateur sur chaque catégorie est comptabilisé et est stocké sur un cookie. L'utilisateur sera automatiquement dirigé vers sa section préférée lors de sa prochaine visite. On peut bien entendu utiliser cette technique allieé à un base de données pour proposer des offres ciblées aux utilisateurs.

^
^

xenomorphic-2

:: type de projet :

3d

:: commanditaire :

travail personnel

:: participation :

conception et réalisation

:: technologies :

carrara studio/photoshop

Une autre expérimentation sur les formes, cette fois avec un travail de colorisation sous photoshop.

^
^

layout 2

:: type de projet :

projet de layout

:: commanditaire :

Djm-web agency

:: participation :

conception et réalisation

:: technologies :

illustrator

Projet de layout.

^
^

layout 1

:: type de projet :

projet de layout

:: commanditaire :

Djm-web agency

:: participation :

conception et réalisation

:: technologies :

illustrator

Projet de layout.

^
^

xenomorphic-1

:: type de projet :

3d

:: commanditaire :

travail personnel

:: participation :

conception et réalisation

:: technologies :

carrara studio/illustrator

Travail sur les déformations complexes à l'aide de modificateurs géométriques.

^
^

globules rouges

:: type de projet :

3d

:: commanditaire :

travail personnel

:: participation :

conception et réalisation

:: technologies :

3dsMax/Photoshop

Réalisé avec 3dsMax, rendu avec le moteur Final Render.
Correction finale de la couleur et de la profondeur de champ sous Photoshop à l'aide d'une couche alpha générée sous 3dsMax contenant la profondeur sur l'axe z.





^

Laurent Jongbeys



Gsm:
32+(0)495/99.58.65

Adresse:
6 rue Souverain Pré, 4130 Esneux.

Email:
l.jongbeys(at)skynet.be
NOM:   

EMAIL: