Étape 8 - Portfolio

Étape 8 - Conclusion

Je crois avoir, au cours de ce projet, réussi à atteindre les objectifs que je m'étais fixé. Je voulais un site plutôt professionnel et je crois que le résultat est plutôt efficace. Je suis arrivé à un très bon résultat sans passer par des centaines de couleurs. Seulement 3 de ces dernières ont été utilisées: le blanc, le noir (charbon) et le vert.

Concernant les points forts et faibles, je doit dire que le site est plutôt chargé. C'était bien entendu mon but. Cela peut être considéré comme point fort par certains ou bien point faible par d'autres. Cependant, me fiant à mon expérience personnelle dans ce style de site, c'est une formule gagnante.

J'ai eu la problématique d'une entête trop vide au début du projet, cependant, quand je suis arrivé à cette idée des lignes avec des cercles, je suis tombé en amour avec cette dernière. Cela rappelle un peu des circuits informatiques, ce qui peut être directement lié à mes études en informatique et en multimédia.

Je crois que le projet s'est bien déroulé en général. Le temps est bien réparti et permet à tout le monde d'avancer leurs travaux convenablement.

Étape 7 - Portfolio

Étape 7 - Maquettes finales

Voici donc mes 2 maquettes finales. J'ai retiré quelques éléments superflus et voici le résultat. J'ai inséré une citation dans la page "à propos de moi" afin de servir d'accroche et de donner le goût au lecteur d'approfondir sa lecture.

Étape 6 - Portfolio

Étape 6 - Maquette Préliminaire

Voici donc ma maquette pour mon portfolio. Les teintes précédement décrites ont été utilisées pour se faire, cependant une d'entre elles fût enlevée dans le processus. Je voulais que la maquette reste plutôt sobre et professionnelle alors j'ai éliminé les couleurs superflues.

Etape 5 - Portfolio

5. Exploration

Voici donc le choix de couleur que j'ai fait pour mon portfolio! Un fond de couleur noir-charbon (gris très foncé) et des teintes de vert pour les éléments de décors. L'entête et les titres auront un font noir et le texte sera en blanc. Le texte normal du site sera, lui, en noir. Les fonds d'entête auront les teintes vertes.

#4AA829
#173316
#1F1F1F

Je ne veux pas avoir des centaines de couleurs et ces choix font professionnels.

Étape 4 - Portfolio

4. Concevoir l'interactivité de la page-écran














Voici donc mes esquisses fonctionnelles. Les interactivités dans ces pages sont les suivantes:

Page 1 (Accueil) :
La navigation primaire, dans le haut de la page.
La navigation répétée dans le bas de la page.
La méta-navigation en haut à droite.
Les images amène sur une image plus grande ou bien nous redirige vers un site.

Page 2 (À propos de moi) :
Les mêmes navigations sont présentes, sauf pour les images qui n'y sont plus.

Dans l'entête, le titre sera indiqué en gros afin qu'il se démarque du reste.
Les textes et les vignettes seront écrites en caractère 12 et le copyright et la méta-navigation seront en 10.

Etape 3 - Portfolio

2. Le contenu de votre site

Table des matières

1. Page « accueil » du Portfolio

1. Entête

2. Images des différents projets

3. Vignettes des différents projets

4. Pied de page

1. Page « à propos de moi »

   1. Photo de moi

   2. Description sommaire (Âge, Nom, Courriel)

   3. Description détaillée (loisirs, compétences, etc.)

Arborescence

Page « accueil » du Portfolio

Entête

PORTFOLIO

Alexandre Beaulieu

Méta-Navigation: | Français | Anglais |

Menu: | Portfolio | À propos de moi | Me contacter |

Images des différents projets

Chacune des images des projets

• CMS: La grosse tortue

• Maquette I.No

• André-Philippe Côté

• Site du Parti Québécois: Circonscription de Maskinongé

• site du Barreau de Québec

• E-Learning: Saaq

• Jeu: Le Barchoratkrag

• Vidéo: Journal Vidéo

• Recherche: Styles typographiques

• Site pour Boréal Design

Vignettes des différents projets

Chacune des vignettes des projets

• CMS: La Grosse Tortue (HTML, PHP)

• Maquette: I.No

• Site Web: André-Philippe Côté (HTML, Javascript)

• Site Web: Parti Québécois, Circonscription de Maskinongé (HTML, PHP)

• Site Web: Barreau de Québec (HTML, ASP)

• Site Web: BoréalDesign (HTML, PHP)

• E-Learning: SAAQ (Actionscript)

• Jeu: Le Barchoratkrag (Actionscript)

• Vidéo: Journal Vidéo

• Recherche: Styles typographiques

Pied de page

Menu répété: | Portfolio | À propos de moi | Me contacter |

© Copyright 2011 Alexandre Beaulieu

Page « à propos de moi » du Portfolio

Entête

PORTFOLIO

Alexandre Beaulieu

Méta-Navigation: | Français | Anglais |

Menu: | Portfolio | À propos de moi | Me contacter |

Description sommaire

À propos de moi

Photo de moi sur la gauche

Nom: Alexandre Beaulieu

Âge: 22 ans

Courriel: Alex_beaulieu12@hotmail.com

Description détaillée

Qui suis-je?

Je suis un passionné du multimédia. Je passe la plupart de mon temps à créer et à développer. Je suis d'ailleurs excellent en programmation et je sais aussi très bien en débrouiller en design et en intégration. On peut dire que j'excelle dans tous ces domaines. Je m'intéresse beaucoup à ce qui touche le multimédia, les nouvelles technologies et je fait beaucoup de recherche par moi même, ce qui fait de moi quelqu'un de très autonome et autodidacte.

Cependant, je ne fait pas que ça, je m'intéresse à de nombreuses choses. L'hiver, je suis plutôt sédentaire, je reste à l'intérieur, je dessine, j'écris, je joue de la musique. L'été, je pratique tout de même ces activités, mais en plus, je fais de la marche et je joue au golf. J'ai aussi fait durant les dernières années, des activités tel que le curling et des arts martiaux (Taijutsu/Ninjutsu, Judo, Karaté)

Compétences techniques

• Bilingue avec base en espagnol

• Utilisation de la suite Adobe

  • Photoshop

  • Illustrator

  • Flash

  • Dreamweaver

  • Premiere Pro

  • After Effects

• Langages de programmation

  • HTML

  • PHP

  • ASP

  • Actionscript

  • Javascript

  • JAVA

  • C++

• Utilisation de Blender (3D)

Qualités et autres compétences

• Capable d’effectuer un suivi de projet tout au long d’une démarche

• Capacité à résoudre les problèmes rencontrés

• Habilité à effectuer une tâche rapidement et efficacement

• Rapidité et facilité d'adaptation à de nouvelles technologies

Pied de page

Menu répété: | Portfolio | À propos de moi | Me contacter |

© Copyright 2011 Alexandre Beaulieu

Étape 2 - Portfolio

2. Connaître son utilisateur

Nom: Martin Larouche

Âge: 32 ans

Travail: Gérant d'une entreprise multimédia vieille de 10 ans, dans le quartier St-Roch de Québec.

Description: Martin Larouche, à la suite d'un cours en multimédia, à l'âge de 22 ans, décida de fonder sa propre entreprise. tout commença avec lui et quelques uns de ses amis. Après ces 10 ans, l'entreprise s'est largement agrandie. Ils sont maintenant une cinquantaine dans la bâtisse. Martin fait beaucoup de design, d'intégration et de programmation. En d'autres termes, il est très polyvalent et s'y connait beaucoup en informatique.

Cependant, il ne fait pas que ça dans la vie. Il a une femme, avec qui il s'est marié 3 ans auparavant et ensemble ils ont eu deux enfant: un garçon et une fille. Pour lui, la famille est aussi importante que le travail. Il ne passe donc pas ses soirées à travailler. Il lui arrive cependant de faire quelques heures supplémentaires dans le confort de son foyer.

L'été, il s'adonne à jouer au golf de temps à autre avec quelques uns de ses amis. L'hiver, il pratique des sports un peu plus difficile pour le système cardiovasculaire: le ski alpin et le ski de fond.

Il adore sortir avec ses amis ou sa femme les soirs de fin de semaine. Un petit restaurant tranquille ou bien un petit café dans un endroit plutôt calme. Il aime donc le confort et la détente.

Chaque saison, il prend 2 semaines de vacances bien méritées. Il va a son chalet et y emmène toute sa famille.

Mises en contexte d'utilisation du portfolio:

Étant propriétaire d'une compagnie dans le domaine du multimédia, je lui fait donc parvenir mon CV électroniquement dans l'espoir de trouver un travail. Dans le coin supérieur droit de mon CV se trouve un lien qui mène directement à mon portfolio. À cet endroit se trouve toutes mes réalisations et tous les projets que j'ai effectués. Pendant sa journée, il reçoit mon courriel. Il est cependant dans un gros projet et il n'a pas beaucoup de temps pour faire le tour de tous les projets en détail. Il veut savoir de façon efficace et très rapide ce dont je suis capable. Il doit donc avoir accès rapidement à toute l'information nécessaire. Il prend quand même la peine de regarder mon CV pour voir mes compétences et se dirige ensuite vers mon portfolio. Dès son arrivé sur le site, il voit déjà les vignettes et les petites descriptions des projets que j'ai mené. Cela le convainc donc rapidement que je mérite d'être rencontré lors d'une entrevue pour un futur poste.

Étant propriétaire d'une compagnie dans le domaine du multimédia, il est de son devoir de trouver de nouveaux employés pour l'expansion de sont entreprise. Comme elle est en pleine croissance, il est primordial de trouver des gens efficaces et motivés dans ce qu'ils entreprennent. Il demande donc à certaines de ses connaissances pour savoir s'il ne connaitraient pas quelques personnes qui sont performant et qui pourraient lui servir dans son entreprise. Il se retrouve rapidement avec une liste de noms dont certains possèdent un portfolio. Il visite donc ces portfolios et grâce à la rapidité de trouver l'information qu'il recherche sur mon site, il me sélectionne et me contacte pour savoir si je serais intéressé à travailler pour lui.

Je termine ma technique en informatique et je dois donc me trouver un emploi rapidement. Mes compétence sont élevées et je dois les mettre en valeur. Je travaille donc sur mon portfolio. Par la suite, je fouille un peu sur des sites d'emploi, par exemple JobBoom et j'envoie le lien de mon portfolio à quelques entreprises qui m'intéressent en prenant bien sur soin de donner les cordonnées pour me rejoindre. Ayant mit son offre sur ce site, Martin reçoit mon portfolio et le regarde. Il trouve cela très intéressant et me demande mon Curriculum Vitae afin de le regarder. Il décide ensuite de me rencontrer après avoir vu mes compétences et mes réalisations.

Étape 1 - Portfolio

1. Définir la problématique et se fixer des objectifs

Le projet que j'ai choisi de faire sera mon portfolio. N'en ayant présentement aucun, il me sera profitable d'en concevoir un. J'aimerais rester dans les teintes de couleurs rouge, noir et blanc ou bien vert, noir et blanc. L'ajout de gris pourrait très bien se faire dans cette interface.

Les utilisateurs qui pourraient se retrouver sur mon site peuvent être spécifiquement deux types de personnes: Le patron d'une entreprise ou bien un client qui aurait besoin d'un projet. Cela leur permettra bien sûr de voir mes différents projets pour voir ce dont je suis capable. S'il se rendent sur ce site, c'est pour obtenir de l'information à mon sujet et sur mes performances.

Les principaux enjeux ergonomiques seront de garder le site simple et efficace. L'utilisateur devra se retrouver facilement dans l'interface afin d'obtenir toute l'information nécessaire rapidement. Les contrastes devront être bien évalués afin de ne pas faire fuir l'utilisateur. Il faut donc lui offrir une expérience utilisateur des plus agréable afin qu'il soit intéressé par mon travail.

Pour moi même, je crois que le portfolio se devra d'être une expérience magique et agréable. Informer les gens sur mes capacités et mes projets est mon but premier. J'aimerais avoir sur le site plusieurs lignes de trois vignettes avec une brève description en dessous.

Voici mes trois premières esquisses faites dans le cadre du cours de design et interactivité.

CLONES

Qui vole qui? from Alexandre Beaulieu on Vimeo.

Voici un vidéo pris sur le fait! Le clone que je me suis fait faire au laboratoire du docteur Roger-Paul Gendron-Larochelle s'en prend maintenant à moi. Mon clone maléfique me vole les truc qui allaient me servir à faire fonctionner correctement la caméra! Honte à toi, Ô grand moi-même!!!

Comédien/scénariste/monteur: Alexandre Beaulieu

Il n'y a pas de musique pour conserver le suspense marquant du vidéo!!!

Turbo

TURBO from Jarrett Lee Conaway on Vimeo.

TURBO, 23 minutes 40 secondes, Jarett Lee Conaway, Semble être vers la fin 2009, États-Unis.

Le film est principalement d'action. Il s'agit d'un jeune homme, Hugo, qui joue à un nouveau jeu futuriste de combat en réalité virtuelle et qui tente déséspérément de devenir le meilleur et de vaincre son rival. C'est en se pratiquant avec son frère (un ancien boxeur mais maintenant paralysé du bas du corps) qu'il apprend à se battre et à détruire son ennemi juré.

LE film comporte bien évidemment les 4 type de son, d'arrière-plan, émotionnel, d'accentuation et de communication directe. Chacun a son importance. Tout au long du film on peut entendre de la musique de fond, qui diffère en fonction de l'action qui se passe; une musique plus douce dans les bouts plus touchants et plus rapide et forte dans les bouts d'action et de combat. La musique au début et à la fin du film (Génériques) mettent très bien dans l'ambiance de ce qui va se passer et de ce qui s'est passé. On entend aussi, plutôt souvent, le volume des sons qui s'accentuent lorsque l'action se rapproche; les coups par exemples. Cependant, un petit défaut au film, le son des voix est un peu moins fort que le reste des sons, ce qui nuie un peu à l'appréciation générale du film. SAuf ce petit désagrément, tous les sons semblent bien équilibré et amènent très bien l'auditeur à comprendre les événements du film.

Pour ceux qui seraient un peu découragé de la longueur du film, je vous conseille quand même de l'écouter au complet, cela en vaut la peine. Très bien réalisé et les effets sont extraordinaires.

Projet 3 - Animation Garfield

Le projet 3, une animation aux choix. Projet très intéressant, il nous permet de découvrir beaucoup plus en profondeur les possibilités du logiciel Flash. Encore des problèmes d'exportation avec CS4, le vidéo sera donc incrusté ici plus tard.

Étant le premier de la classe à avoir fini mon animation, je peux donner comme conseil, de ne pas s'y prendre trop tard pour avancer le projet. Passez plusieurs heures à la maison afin d'avancer ce que vous avez à faire. Cependant, il y a assez de temps en classe pour ceux qui ont déjà une base en Flash. C'est d'ailleurs pourquoi j'ai fini en avance...

Bien que mes squelettes aient disparu lors du processus, je conseille à tout le monde de les utiliser car ils sont vraiment utiles pour les mouvements des personnages.

Projet 1 - Monsieur Madame

Projet 1, Premier projet de la session en flash. La tâche: animé un personnage, le faire entrer en scène, lui faire faire une action qui lui est propre et le faire sortir de la scène.à

J'aurais bien mis mon animation mais j'ai présentement des problèmes d'exportation. Alors, peut-être un jour. Apparemment une bonne animation de ma part, quelque contrastes de décors auraient été a refaire, sinon c'est correct.

From The Hoop

From the hoop from From the hoop Team on Vimeo.

Scénario

L’introduction (mise en situation) nous montre le personnage principal qui se sauve dans des ruelles sombres du quartier d’Harlem. Il se fait poursuivre par deux individus inconnus.

Le pivot principal se situe environ lorsqu’il arrive face à une clôture qui lui bloque le chemin. De l’autre côté de la clôture, il y a un terrain de basketball et il se voit, illuminé, sur le terrain en train de jouer.

Le développement (confrontation) amène le personnage principal sur le terrain en se faisant pousser par les deux hommes qui le poursuivait. Il se retrouve apparemment dans un combat pour sa survie. Il devra lutter dans une partie contre les deux hommes.

Le pivot final montre le personnage réussir à se sauver en courant. Il s’enfuit du terrain. En s’en allant, un panier de basketball apparait et s’éloigne.

La conclusion (dénouement) permet au personnage d’atteindre le panier qui se trouve dans la lumière au bout du chemin.

Entreprise

Voyage en Entreprises

Dans le cadre du cours de production multimédia, nous sommes allé visité 4 entreprises différentes axées sur le multimédia. On nous demande donc d'écrire sur l'entreprise qui nous a plu le plus.

Parmi les entreprises que nous avons pu avoir la chance de visiter lors de notre visite dernièrement, celle qui m'a plu le plus était IXMédia. Cette entreprise correspondait plus à ce que je fait déjà, car je fait déjà de la programmation web. cependant, à mon compte j'occupe l'équivalent de tous les postes de cette entreprise. leur climat de travail semblait intéressant, calme, musique sur les oreilles, des pauses permises, la possibilité d'échanger des heures avec ses confrères. De plus, ils ont un XBox360! Point très positif de l'entreprise! Bon pour revenir à notre sérieux, l'entreprise semble assez sérieuse et semble respecter les échéanciers comme il se doit. Cependant, cela ne semble pas les empêcher de s'amuser dans la création de leur travail. Cependant, je préfèrerais quand même partir à mon propre compte, comme je le fait déjà, mais à une plus grande envergure.

Animation

Ce que j'aime de l'animation? Tous ses aspects. L'aspect création, l'aspect programmation, l'aspect interaction, etc. J'adore créer. Je passe souvent mes temps libres à créer des sites web, que ce soit pour moi, mon groupe de musique ou bien le Parti Québécois (http://www.pqmaskinonge.org/) de la circonscription de maskinongé. J'intègre à cela des animations, des lecteurs de musiques, tout créé par moi-même. Présentement le site de mon groupe de musique n'est plus disponible dû au fait que mon disque dur à grillé et que c'était hébergé directement à partir de mon ordinateur. je le laisse quand même au cas ou je pourrais le retrouver un jour: http://www.mechanicalsociety.qc.cx .

Qui suis-je?

Qui suis-je?

C'est ce que je tenterai de vous faire découvrir ici.

Je suis tout d'abord et avant tout un artiste dans l'âme. J'adore dessiner. Ma force? les mangas, j'aime passer du temps à en dessiner. Quelques unes de mes vieilles œuvres sont disponible au http://www.montepente.ca.cx/ autrement, dans le même ordre d'idée, j'ai à mon actif une bande dessinée de 75 pages (manga) de dessinée et qui se retrouve en plusieurs exemplaires à la bibliothèque de mon école secondaire.

Autre chose que j'aime? Faire de la musique. Je joue de la batterie depuis déjà plusieurs années. Je suis dans un groupe de métal depuis 4 ans ("Death Trash Métal Mélodique Progressif" pour les plus adeptes) Nous faisons des spectacles surtout dans la région de Trois-Rivières présentement, mais nous allons probablement en faire dans la région dans l'année. Notre démo, que nous enregistrons présentement, devrait sortir d'ici quelque semaines, en vente à notre prochain spectacle, le 12 septembre au Rock Café le Stage, à Trois-Rivières, pour les intéressés.

Moi-même - Alexandre Beaulieu

Bonjour à tous,

Je me nomme Alexandre Beaulieu, je viens de Trois-Rivières.

J'ai fais mes études secondaires à l'école Des Pionniers en programme international. Parfait bilingue, et base en espagnol en main, je me rend donc au Cégep de Trois-Rivières en technique de l'informatique ou je passe deux ans dans la technique jusqu'au moment ou je me rend compte que ce n'est pas assez précisément ce que je cherchais. Je laisse donc tomber ce programme et me rend compte de l'existence de la technique d'intégration multimédia. Je cherche donc a m'inscrire, mais nous sommes déjà rendu à la fin de la session, il est donc trop tard pour m'inscrire et ma candidature n'est pas acceptée. Je me retrouve donc en sabbatique forcée pendant un an ou j'en profite pour me ramasser un peu d'argent afin de venir à Québec l'année suivante.

Je déménage donc avec un de mes amis à environ 20 mètres du terrain du Cégep de Sainte-Foy et me voilà donc ici en TIM - Automne 2009!