Sections projets

superPatate.js

Programmation d'un plugin sur GitHub

Dans le cadre du cours 582-534-EM Portfolio du programme des techniques d’intégration multimédia du collège Édouard-Montpetit, j’ai conçu, sous format de plugin jQuery mis en ligne sur GitHub, un support de présentation de maquettes qui servira, je l’espère, aux étudiants de ma cohorte et de celles à venir. J’ai choisi de concevoir un tel projet car je trouvais que plusieurs personnes investissaient plus de temps dans la création d’un support de présentation que dans la conception de leurs maquettes et j’ai cru bon de concevoir mon propre support que je souhaite partager avec mes collègues étudiants et ainsi offrir un support de qualité qui pourra servir à tous.
Voir sur GitHub
Image représentant le plugin superpatate.js sur GitHub

L'AMAZ3ING

Installation interractive

Un des points tournants de la technique, l’événement Chaos média nous pousse à sortir de notre zone de confort pour présenter une application interactive qui dépasse la simple utilisation du clavier et de la sourie. Mon équipe et moi avons choisi de produire un jeu ayant pour manettes un joystick ainsi qu’un bloc de mousse muni d’un détecteur de secousses qui servit de bouton action. J’ai programmé la grande majorité de l’application en programmation orientée objet dans Adobe Flash en y incorporant des notions que nous n’avions jamais vues comme les Phidgets (une librairie qui nous permet d’utiliser les joysticks et les détecteurs de secousses). Un des agréables défis de ce projet est que nous sommes majoritairement laissés à nous-mêmes pour produire quelque chose dont nous seront assez fiers pour présenter devant public et d’y ajouter un brin de compétition pour remporter les divers prix de l’événement.
Voir la vidéo
Affiche du projet L'AMAZ3ING

OFFF TOUR Qc

Programmation pour un site web événementiel

Le OFFF TOUR Qc est une journée de conférences sur le design que le CÉgep Édouard-Montpetit organise depuis déjà 2 ans. Cette année, j'ai participé à la conception du site web pour l'événement. J'y ai intégré quelques fonctionnalités JavaScript (La neige et le décompte) ainsi que le changement de langues en PHP.
Voir le site
Écran d'accueil du site web pour l'événement OFFF TOUR Qc

Pourvoirie Réal

Refonte fictive d'un site web déjà existant

Dans le cadre du cours Production Multimédia du Cégep Édouard-Montpetit, nous avions pour mandant de faire la refonte fictive d'un site web déjà existant. Après avoir sélectionné un design, mon équipe et moi avons intégrés le tout dans WordPress.
Capture d'écran de l'accueil de ma proposition pour la refonte fictive du site web La pourvoirie au pays de Réal Massé

Boing!

Concours pour la refonte d'un site web de la technique d'intégration multimédia

Le site web Boing! est un site web de la technique d’intégration multimédia ayant pour objectif de récolter les projets de banque de sons des étudiants dans le cadre du cours de conception sonore ayant lieu à la session précédente. Le projet se composait en 3 étapes. Premièrement, chacun devait présenter une nouvelle idée pour le logo du site. Parmi ces propositions, quelques-unes furent retenues, dont la mienne. Chaque élève devait ensuite présenter une maquette utilisant un de ces logos puis finalement, en équipe de deux, dans le cours d’intégration en ligne, nous devions intégrer la maquette d’un des deux équipiers tout en y intégrant certains éléments de programmation comme un carrousel qui présente les sons les mieux côtés ou les plus téléchargés.
Capture d'écran de l'accueil de ma proposition pour la refonte du site web Boing!

Collections

Création d'un site web WordPress

La création d’un site web de collections personnalisée nous as permis de nous familiariser avec l’utilisation d’un CMS comme WordPress et à l’intégration de certains plugins propres à WordPress tel que advanced-custom-fields et custom-post-type-ui. Ce fut notre premier projet d’envergure avec WordPress.
Image du dossier contenant les fichiers WordPress pour mon site de collections

Veuve Clicquot

Refonte fictive d'un site web

Nous avions, dans le cadre du cours d’intégration en ligne à concevoir et intégrer des maquettes pour la refonte fictive du site web de Veuve Clicquot puis, dans le cadre du cours de programmation, à ajouter certaines composantes d’actions. Par exemple, l’intégration d’un carrousel, afficher ou cacher certains éléments selon la catégorie sélectionnée ou encore l’ajout d’un widget (le mien affiche deux produits semblables sur la page d’un produit).
Capture d'écran de l'accueil de ma proposition pour la refonte fictive du site web Veuve Clicquot

Planète immobilier

Programmation d'un faux commerce en ligne

Le défi principal constituait d’utiliser le Session Storage qui peut garder en mémoire les données que l’on lui envoie afin d’instaurer un commerce en ligne équipé d’un panier d’achat. Sans le savoir, nous commencions à penser avec des bases de données. Nous utilisions en fait des tableaux JavaScript pour retenir nos données au lieu d’une base de données réelle, mais le résultat reste semblable.
Capture d'écran de la page panier pour un site web de commerce en ligne fictif

Lestage Fantasy I

Programmation d'un jeu simple en ligne

Nous avions pour objectif d’intégrer les différentes notions de base de JavaScript apprises durant la session, notamment des événements d’actions sur la page (click, hover), un intervalle, un élément de hasard, des tests de logique (if, else, &&, ||, etc.) ou encore des boucles (while). J’ai choisi de créer un jeu simple ou le joueur choisi un personnage ainsi que ses statistiques de combat (qui influencent les sorts et habiletés que le personnage utilise) puis après avoir sélectionné un adversaire, lance le combat. Tour par tour, le programme calcul les attaques du joueur et de l’adversaire jusqu’à ce que la vitalité de l’un d’eux tombe à zéro, alors le combat se termine et le programme évalue qui a gagné. Finalement, le joueur peut utiliser l’argent récolté après ses victoires pour acheter des sorts supplémentaires.
Jouer au jeu
capture d'écran de la page du jeu Lestage fantasy 1

Section Accueil

Effet Javascript/jQuery

Voir la suite

À propos

Cette photo est un gag

Frédéric Lestage

Je m’appelle Frédéric Lestage et je suis un passionné de l’informatique. Au cours de mes 3 années au cégep Édouard-Montpetit en techniques d’intégration multimédia, je me suis distingué par ma facilité d’apprentissage et mon intérêt pour les différents projets ouverts aux étudiants de la technique.

Mon objectif professionnel est de faire de la programmation et de l’intégration web et être de temps en temps appelé à réaliser des projets plus interactifs ou de la programmation ailleurs que sur le web tel que sur des appareils mobiles ou encore pour des applications interactives.

Mon parcours scolaire m'a permis d'apprendre et de maîtriser les languages du web, soit le HTML, CSS, Javascript & jQuery, le PHP ainsi que le ActionScript.