NUM BASSINAT William - DOSSIER DE TRAVAUX -
BTS
TRADINUM PRATIQUE PLAST.
4
4- SMOG Arbre 6- Cheval de Troie 8- Engineer
TRADITIONNEL STUDIO DE CREA
10 12
10- Metropoli
WORKSHOP
12- Paper Watch 13- La Grande Guerre 14- Nous, Nours
p.4 à p.35 | BTS DESIGN GRAPHIQUE OPTION COMMUNICATION DES MÉDIAS NUMÉRIQUES
NUMERIQUE PRATIQUE PLAST.
16 22 28
16- Sea the book flying 18- Gobelin Tracassin 20- Goldsworthy 21- Kavinsky Equalizer
STUDIO DE CREA 22- RE-PLAY 24- Barobjectif 26- Typographisme
PROJETS PERSOS 28- Alien Evolution 30- Hotline Miami (Fan) 32- Meteo 33- Street Art
34- Graffiti 35- Photomontage/Divers
p.38 à p.55 | LICENCE PRO ACTIVITÉS ET TECHNIQUES DE COMMUNICATION OPTION WEBDESIGN
SMOG ARBRE
TRADI NUM
p.4
LA DEMANDE :
Dans ce projet, le but était l’étude du SMOG (Support, Médium, Outil, Geste). Cette étude devait se réaliser avec la plus large palette d’outils, de techniques en plusieurs séances.
LE DEROULEMENT :
Ici, le sujet se déroula en trois phases distinctes. La première phase étant traditionnelle, appelons la ; phase «Atelier». Puis le choix d’un arbre pour conversion numérique devait s’effectuer dans la phase «Digital Painting» et enfin l’arbre doit être finalisé par la phase d’«Animation».
1-ATELIER : Support : papier Canson N+B Médium : gouache, pastels Outil : pinceaux, exacto, brosse Geste : souple, précis, aléatoire
FINALISER :
2-DIGITAL PAINTING : Support : PC, Bamboo tab Médium : écran Outil : Photoshop, souris Geste : nerveux, aléatoire
RENDU :
Après quelques recherches, une épreuve finale est formée avec une composition de plusieurs arbres créant une ambiance idyllique. Il ne reste plus qu’à l’animer. L’animation commence par une exploration dans une forêt sombre et se termine après qu’un être fantastique secoue les arbres et disparaisse. Puis nous retournons dans la forêt.
3-ANIMATION : Support : PC Médium : écran Outil : After Effect Geste : lent
p.5
CHEVAL DE TROIE
TRADI NUM LA DEMANDE :
Dans ce projet, le but était l’étude d’une pomme. Dans plusieurs dessins nous devions, chacun avec notre pomme et démontrer une évolution.
LE DEROULEMENT :
Le sujet se déroula en trois phases. La première phase étant traditionnelle, la phase «Atelier», succèdée par la recherche sur planche, d’un storyboard, puis la «Pré Production» avec l’ animation traditionelle, et enfin la phase d’«Animation».
1-ATELIER : Étude de pomme. Recherche environnement. Storyboard, décors. 2-PRE PRODUCTION : Animation Traditionnelle. (Bloc Papier) 3-ANIMATION : Traitement des images. Éxécution sur Photoshop. Recherche son. Montage final sur Première Pro.
1
2
3
4
FINALISER :
Après ces recherches, deux storyboards ont été réalisés. Le deuxième a été retenu, ce qui a amorcé l’animation traditionnelle sur bloc papier. Puis chaque dessin a été scanné et traité avant d’être assemblé l’un après l’autre sur Photoshop. Puis la colorisation a armonisé l’ensemble. L’animation est terminée sur Photoshop. Une exportation pour Première Pro s’impose afin de règler les derniers ajustements. Une recherche de son a rendu plus vivante l’animation finale.
p.6
RENDU :
L’animation commence par un cadrage en gros plan sur une pomme en bois. Elle est transportée par un homme jusqu’à un panier à l’intérieur d’une cuisine et disposée à côté d’autres pommes. Chacun ayant tiré un thème de travail dans un chapeau au début du sujet, mon «Cheval de Troie» déverse ses armées et finit par une victoire et le «rot» d’un des vers.
p.7
ENGINEER
TRADI NUM 1
2
3
4
5
FINALISER :
Utilisation d’un fond vert pour incruster la main.
RENDU :
L’ingénieur naît, et refuse son premier ordre. Puis il parcourt le monde jusqu’à retrouver son lit.
BONUS :
Élaboration d’un prototype de jeu type casse brique.
LA DEMANDE :
Ici, nous devions créer un personnage et l’animer en interaction avec notre main.
1-ATELIER : Étude sujet vivant, différentes techniques. Réalisation personnage. 2-ANIMATION : Traitement des images. Recherche son. Montage final sur Première Pro. p.8
p.9
METROPOLI
TRADITIONNEL LA DEMANDE :
Trouver des solutions communicatives pour le magazine Espagnol Metropoli.
RENDU :
Borne interactive, site web, application, jeu vidéo tous médias confondus.
FINAL :
Plusieurs planches explicatives et finalisation d’une application regroupant les premières de couverture pour une interaction vidéoludique.
p.10
p.11
1
Le 70e anniversaire de la grande guerre a poussé la Préfecture d’Angoulême d’organiser une exposition avec de l’équipement, des anecdotes et des machines d’époque qui ont alimenté les combats en Charente.
Nous devions créer une animation grâce aux lettres d’époque de soldats et aux images fournies par la Préfecture.
3
4
5
6 7
LA DEMANDE :
Lors de cette semaine d’atelier, nous devions réaliser un projet avec technique libre par paires. Nous avons trouvé un contexte de communication autour d’une montre en papier customisable.
1-ATELIER : Étude de la demande, premières esquisses. Création d’un storyboard rapide. Pérpa matériel. p.12
2
LA DEMANDE :
Notre option numérique a donc collaboré avec l’option audiovisuelle ; les sons. Ils ont élaboré la bande originale, les bruitages et les voix off du projet. Notre objectif était d’exploiter chaque détail sonore en l’illustrant à l’image et que le tout soit le plus immersif possible. Nous étions une équipe de trois.
1-REFLEXION : Nous avons élaboré une
plannification des tâches à distribuer dans l’équipe. Puis chacun s’est mis à travailler en parallèle avec les directives fixées par notre équipe. Nous avons donc commencé par lire les lettres des soldats, puis écouter la bande originale plusieurs fois. Ensuite nous avons étudié les images fournies et fait une selection. Enfin, nous avons mis en forme un storyboard sur lequel nous nous sommes appuyés pendant tout le projet.
2-ANIMATION : Traitement des images. Intégration sonore. Montage sur After Effect et finalisation sur Première Pro. 3-L’EXPOSITION : Nous avons reçu les
félicitations de la Préfécture d’Angoulême lors du vernissage de l’exposition. Nous avons pu voir les mises en situation de nos deux vidéos. (La deuxième étant seulement visuelle.)
LA GRANDE GUERRE
PAPER WATCH
WORKSHOP 2-PRE PRODUCTION : Trois jours de prise de vue avec une boîte noire.
3-ANIMATION : Traitement des images. Recherche son. Montage final sur Première Pro. 4-RENDU : Projection sur grand écran. p.13
NOUS, NOURS
WORKSHOP LA DEMANDE :
Le Dossier Professionnel est notre mémoire de BTS. Nous sommes passés devant un jury composé de l’équipe pédagogique, pour cet examen de fin d’études. Le but était de trouver un contexte de communication et d’y répondre avec différents supports et de comprendre les enjeux du projet via une problématique. J’ai choisis la BD «Nous, Nours», un projet personnel que j’ai décidé de concrétiser dans le futur.
1-ATELIER : Création du personnage, de la stratégie de communication. 2-DIGITAL : Digital painting des décors du trailer, photomontages des mises en situation dans la rue du personnage. 3-FINALISATION : Animation du trailer. Création du site internet. Happening Grafitti dans la rue. Création des premières et quatrièmes de couverture de BD. RENDU : Passage devant le jury avec étude des droits d’auteur et factures.
p.14
p.15
SEA THE BOOK FLYING
NUMÉRIQUE 1-RECHERCHES :
Afin d’aboutir à un bon photomontage, je me suis appuyé sur quelques croquis d’essais et me suis entraîné à l’art du photomontage avec quelques essais rapides avec des thèmes divers (SF, fantastique, guerre...)
2-BANQUE D’IMAGES : Le plus gros du travail a été la recherche d’images en haute définition et, qui plus est, libre de droit bien sûr. LA DEMANDE :
Par le mélange de choses ordinaires, nous devions créer un environnement extraordinaire par l’outil informatique. Ce photomontage devait être un mélange entre le réel et l’imaginaire.
3-PHOTOMONTAGE : Après ces recherches et trois essais différents de «poulpe», les éléments se sont mis en place dans l’image. Plusieurs essais de composition, mais aussi d’ambiances colorées et de contrastes ont formé peu à peu le rendu final souhaité. RENDU : L’incrustation des éléments et les contrastes sont validés et l’ensemble reste cohérent dans une symbolique marquée par cette bibliothèque. Les livres s’évadent et les histoires qu’ils renferment s’échappent dans le monde réel. L’ordinaire devient extra ordinaire.
p.16
p.17
GOBELIN TRACASSIN
NUMÉRIQUE LA DEMANDE :
Réadaptation d’un conte suivant un nouveau contexte temporel, tout en adoptant le digital painting afin de créer une première de couverture.
1-DIGITAL : Planches d’ambiance, étude temporelle/contexte. 2-OUTIL : Plusieurs essais avant de débuter l’illustration finale, passant par plusieurs styles graphiques. RENDU :
Le nain Tracassin devient le gobelin Tracassin, intéragissant avec la princesse.
p.18
p.19
Planche tendance : Andy GOLDSWORTHY
LA DEMANDE :
Chaque étudiant devait choisir un artiste qu’il appréciait. De cet artiste, nous devions retirer l’essence et la particularité de son art pour la transcender et créer un alphabet stylisé.
1-DIGITAL : Planches d’études. RENDU : Sous forme de clips, j’ai créé
chaque lettre dans la nature l’alphabet Goldswhorthy est ainsi formé. 1/2
BASSINAT William
1 4 7 10
2 5 8
11
3 6 9
1 4 7 10
2 5 8 11
LA DEMANDE :
L’élève choisit une musique qu’il apprécie ou qui l’inspire. Avec toute technique informatique, il doit créer grâce à cette musique un visualiseur musical au rythme du son. Ce peut être 10 à 15 secondes d’animation.
1-RECHERCHES : Storyboard, planches tendances, recherche image.
3 6 9 12
Cette vidéo a été par la suite présentée aux Lisars. Les Lisars sont au Lycée de l’image et du son d’Angoulême ce que sont les césars à Cannes. (J’ai reçu le prix spécial à la fin de la cérémonie, et j’ai fait d’intéressantes rencontres pour différents projets.)
KAVINSKY EQUALIZER
GOLDSWORTHY
NUMÉRIQUE 2-ANIMATION : Animation sur After Effect en accord avec la musique et son univers. RENDU :
Quatre minutes 16 d’animation. J’ai donc experimenté à un tel point que j’ai pu réaliser comme le clip vidéo de la musique. Je suis allé au delà de la demande et ce fut apprecié.
p.20
p.21
RE-PLAY
NUMÉRIQUE 4 3 2 1
LA DEMANDE :
Créer une animation interactive musicale en trouvant un contexte de communication pour celle-ci. Les festival RE-PLAY près de Cannes a annoncé son 3e Festival du jeu retro. Cette animation sera présente sur leur site web.
1-CHARA DESIGN : Planches de recherche de «teams» par thème. 2-EXECUTION : Créa des persos. Animation sprites. Programmation. RENDU :
Le joueur débute par une phase de tuto qui lui explique le fonctionnement du gameplay. On clique sur l’ascenseur pour débloquer les étages supérieurs, seulement ils sont déblocables qu’après avoir activé les 5 personnages, (ce qui active aussi une animation bonus). Chaque personnage a jusqu’à 3 sons afin de pouvoir mixer. Arrivé au dernier niveau, tous les autres étages sont disponibles pour mixer avec l’ensemble des personnages.
p.22
p.23
BAROBJECTIF
NUMÉRIQUE LE FESTIVAL BAROBJECTIF :
L’artiste qui m’a le plus interpelé dans ce festival photographique, ce fut Marta Rossignol. Son ourson, suscitant au premiers abords l’humour, puis différentes émotions, à chaque cliché une empreinte de son passage, un contact humain, une sensation particulière se reflète. Il fait appel à l’enfance et à nos sentiments les plus profonds qui transcendent par l’ourson argenté et innocent m’ont captivés. Le fait de créer un personnage à partir de quelque chose d’inanimé et de lui apporter un rôle m’a plu.
p.24
La manière d’avoir des cadrages et des conditions optimales et de proposer un ensemble technique et maîtrisé m’ont séduits. C’est pourquoi j’ai voulu créer un personnage et m’improviser acteur afin de produire plusieurs clichés créant des émotions variées, passant du questionnement, à la crainte, la joie, la surprise... Elles font appel à notre imagination, et construisent un contexte autour du cliché, une histoire où le personnage capturé pourrait apparaître et jouer un rôle particulier.
LA DEMANDE :
Retenez un photographe et inspirez vous de sont principe de création.
1-PRE PRODUCTION : Création du masque. RENDU : Exposition dans le lycée, image Noir & Blanc avec tonique brune saturée. p.25
TYPOGRAPHISME
NUMÉRIQUE 1
2
3
4
5
6
LA DEMANDE :
Parmi tous les principes typographiques, énoncez certains aspects choisis au préalable, et enfin présentez-les dans une animation vidéo.
1-DIGITAL : Planches d’ambiance, étude contexte. Storyboards. 2-ANIMATION : Création de tous les éléments utilisés à partir du storyboard. Exécution des animations sur After Effect et finalisation sur Premiere Pro.
Recherche couleur :
RENDU :
Recherche éléments :
Planche - 5/8
p.26
Planche - 6/8
Planche - 8/8
La chasse apparaît, puis le corps par dessus impose son poids en tombant sur la chasse qui s’étend. Puis le décor change et nos deux personnages typographiques se retrouvent à l’intérieur d’un avion et se font larguer aussitôt dans le vide. Chaque personnage est accompagné par un «titre» comme interlignage, interlettrage etc... Ils plongent donc dans la mer dont les vagues envahissent l’écran. Nous sommes à présent à l’intérieur des océans entourés d’épaves et de mammifères aquatiques. Des bancs de poissons s’introduisent dans une grotte sous marine. Cette grotte annonce une transition et un fondu au noir. Puis un message vient annoncer au spectateur le but de la vidéo.
p.27
ALIEN EVOLUTION
PROJETS PERSO 1
2
4 3 LA DEMANDE :
Sujet de pratique plastique. Réaliser un résumé de film brievement, soit par le biais d’une scène culte, soit par des scènes iconiques, le tout en pixel art.
1-DIGITAL : Recherche et création des environnements et des personnages.
2-ANIMATION : Animation sur Photoshop frame
par frame. Finalisation vidéo sur Première Pro.
RENDU : L’évolution de l’alien est résumée ici.
p.28
Ripley découvre la ruche. Elle se fait attaquer par un Facehugger et tombe inconsciante. Un scientifique ou médecin vient l’aider car il est sans réponse de Ripley. Il commence son périple avec un casque classique de la série de films, il trouve Ripley en descendant en contre bas et l’emmène à l’infirmerie. Elle se réveille, attrappe son arme et se précipite à la recherche de la reine. Elle croise dans la salle du générateur un alien géant. Puis elle trouve une torche
5 6 7 8 9 10 11
dans les conduits. Une transition avec un chat qui passe devant une sortie de conduit nous introduit le «bébé» alien né de Ripley. Puis l’alien grandit, mange un homme, regrandit entre deux ou trois coupures d’alimentations du vaisseau. Il va enfin se cacher et gran-
dit à nouveau dans sa ruche. L’alien devient une reine et commence à pondre des oeufs. Ces oeufs seront par la suite le piège de Ripley lorsqu’elle découvrira la ruche. L’animation est donc en boucle au point de vue narratif. Plusieurs temps se croisent dans l’animation.
p.29
HOTLINE MIAMI FAN FILM
PROJETS PERSO
p.30
LA DEMANDE :
D’après le hit «Hotline Miami», un shoot’em up indépendant, nous devions créer un «hors série» de l’histoire en s’inspirant d’une scène emblématique du jeu vidéo. C’est à dire le commencement de la folie d’un acteur de film d’épouvante (cochon). Sa folie est exprimée par un coq «Richard» qui rend visite à la plupart des intervenants du jeu.
1-ECRITURE : Ecriture du scénario, puis du script. 2-MONTAGE : Un montage brut est réalisé sur Premiere Pro, puis j’ai créé les effets de lumière et le générique sur After Effect. RENDU :
Youtube : «Hotline Miami Nightmare»
p.31
LA DEMANDE :
Choisir un ou plusieurs décors, produire un graffiti et l’animer. Puis, trouver un contexte de communication, puis créer une animation.
RECHERCHE : Storyboard rapide du level design.
RENDU : Grâce à Construct 2, j’ai pu créer une animation interactive. L’utilisateur utilise les graffitis du décor pour avancer dans l’environnement abandonné. Les personnages fantômatiques, présence d’un passé impregné dans le lieu, nous guident jusqu’à la page internet de la boutique «Urbex», celle-ci fournit des outils bravant les serrures ou autres...
STREET ART
METEO
PROJETS PERSO LA DEMANDE :
Créer un Motion Design suivant un tirage au sort : «Météo et temps». Puis trouver un contexte de communiction : Jingle ou publicité entre deux épisodes de dessins animés sur une chaîne pour enfant qui a pour but d’expliquer les saisons et le temps qui en résulte.
1-DIGITAL : Planches de recherche de style graphique. (Flat Design) 2-ANIMATION : Animation très souple et ludique sur After Effect, puis rajouts d’effets sonores et finalisation sur Première Pro. RENDU :
L’animation commence par un fond Bleu, un décor apparaît, puis une lune accompagnée d’étoiles scintillantes nous introduis le titre «METEO». Changement d’ambiance avec l’apparition d’autres décors. Printemps, été entrecoupés d’une pluie battante sont suivis de l’automne et de l’ hiver. Puis le fond bleu revient avec la disparition des décors et des autres éléments graphiques. La boucle est ainsi bouclée.
p.32
p.33
Graffiti, cerf en papier crées à Angoulême. Peinture acrylique sur canevas, lion, isométrie, photomontages à Denver, CO.
p.34
PHOTOMONTAGE/DIVERS
GRAFFITI
PROJETS PERSO
p.35
LP
NUMÉRIQUE PRODUCTION
38
38- Prod. Photoshop 40- Nagano
TEAMWORK LEAD DE PROJETS
42 50
42- Team Defenders 44- Oasis 46- Business Plan 48- Le Démon du jeu
WEB DESIGN CRÉATION DE SITE
52 54
52- Sensation Fitness
PROJETS PERSOS 54- Exodaïs
PROJET TUTEURÉ 50- Martin&Nash
p.4 à p.35 | BTS DESIGN GRAPHIQUE OPTION COMMUNICATION DES MÉDIAS NUMÉRIQUES
p.38 à p.55 | LICENCE PRO ACTIVITÉS ET TECHNIQUES DE COMMUNICATION OPTION WEBDESIGN
PHOTOMONTAGES
NUMÉRIQUE 1/2- Photomontages fantastiques élaborés lors de sessions de 3h à partir de roughs.
3- Photomontage pour un grand affichage
à imaginer en reprennant la charte graphique générale d’Apple pour une promotion fictive lors de la sortie du nouvel iPhone.
4- Photomontages hyperréaliste
mélangeant les genres après un shoot photo.
5- Photomontage apocalyptique composé
grâce à différentes images assemblées (carte blanche pour la composition de l’univers).
p.38
p.39
NAGANO
NUMÉRIQUE LA DEMANDE :
Créer un logotype pour un restaurant asiatique appelé NAGANO. Puis, à partir de celui-ci, créer la charte graphique qui en découle.
1-LOGO :
Planches de recherche de style graphique «Flat Design». Recherche de couleurs (palette). Puis création du logo en isométrique.
2-RECHERCHES :
Toutes les recherches nécessaires à l’identité visuelle se déclineraient sur toute la charte graphique au grand complet.
RENDU :
L’identité visuelle étant assez complexe par son accumulation d’éléments, une déclinaison simplifiée est élaborée en tant que déclinaison de logotype pour les supports numériques et autres documents officiels. Une typographie personnalisée en isométrie a été produite grâce aux différentes grilles disponibles dans Illustrator. Elle se lie ainsi aux autres éléments isométriques qui composent cette identité visuelle presque illustrative.
Les couleurs saumon et un gris qui tend au vert furent utilisés afin de définir un restaurant de qualité et des produits frais. Le logotype simplifié est disposé comme un «tampon» en forme de maki au saumon où y est incorporée la lettre «N» de NAGANO. Lors de la production de la charte graphique, différents éléments ont été définis, comme la police American Captain pour le texte courant utilisé, les différents supports de communication comme les kakémonos... Mais surtout les logotypes seraient utilisés numériquement dans les boutiques d’applications mobiles et sur Windows.
p.40
p.41
TEAM DEFENDER
TEAMWORK Start menu
Tutorial
Destination choice
First level
Final Boss
Shop
LE PROJET EN ANGLAIS :
Créer un Game Document sur un jeu vidéo imaginé en groupe. En tant que leadership il a fallut définir les membres, le genre du jeu, l’idée générale, la structure complète (du tutoriel à l’écran de fin), le gameplay, la musique, les plateformes de diffusion, la description sur le Play Store etc... Le storyboard ne doit pas seulement donner une idée globale du jeu, ou son univers graphique, mais il doit aussi définir l’interface utilisateur, l’HUD, les différentes interactions avec le joueur, les différents modules disponibles et les objectifs à accomplir.
Asteroid sequence
p.42
End screen
p.43
OASIS - RAMON TA FRAISE p.44
TEAMWORK LA DEMANDE :
Construire une campagne évenementielle sur facebook en créant la page «Oasis». Un jeu concours est organisé afin de dévoiler le prochain parfum de la nouvelle canette Oasis. Différents minis défis sont proposés au cours des semaines.
MISE EN PLACE :
En tant que Leadership, j’ai pu organiser la campagne avec mes camarades en distribuant les différentes tâches de chacun et en participant aux photomontages. Les défis sont regroupés en certaines catégories («Jus» de mot, Photomontage, Photbomb, devinettes...) et reviennent chaque semaine.
RENDU :
Les utilisateurs ayant suivis les différentes consignes des posts et ayant gagné un prix, débloquent une case de la couverture de la page facebook. A la fin de l’évenement, la couverture étant révèlée, un dernier post confirme l’annonce du prochain parfum de la nouvelle cannette d’Oasis.
p.45
MMP - BUSINESS PLAN p.46
TEAMWORK LA DEMANDE :
Lors de ce projet, il nous a été demandé de créer notre entreprise avec tout ce qui s’y rapporte afin de constituer un business plan et de défendre notre projet auprès de futurs investisseurs ou banques.
1-CRÉATION DE L’ENTREPRISE :
Nous avons pensé à une application mobile qui serait un réseau social spécial gamer, du joueur occasionnel au plus expérimenté, afin de trouver des gens avec qui se grouper, chatter, dans le but de jouer ensemble ou bien de partager ses expériences de jeu. Tout ceci regrouperait une masse incroyable d’utilisateurs puisqu’il y aurait la possibilité de lier les comptes Steam, Origin, Uplay, Bethesda, Blizzard, et autres plateformes de Studios de jeux vidéos.
2-ÉCRITURE DU BUSINESS PLAN :
Tous les aspects juridiques et les détails budgetaires liés à la création de notre entreprise ont été rédigées avec le plus de détails possible, une vraie simulation de Business Plan d’une dixaine de pages texte.
RENDU :
Lors de la présentation nous avons fait une simulation de l’application. 1- On crée notre compte 2- On importe ses contacts en liant nos comptes 3- On parcourt nos contacts, on peut voir le temps de jeu, ceux possèdés, derniers joués... 4- Possibilité de Chat direct 5- Le top des jeux joués et l’actualité sont en page d’accueil 6- On peut rechercher des joueurs, rejoindre le chat ou les forums par plateforme et rejoindre un groupe disponible avec une place libre.
p.47
LE DÉMON DU JEU
TEAMWORK
NOM
PHASE
Ardani
Conception
Conception
TÂCHE
2:00:00
3:00:00
HEURE DÉBUT
15:00:00
13:00:00
HEURE FIN
17:00:00
16:00:00
AVANCEMENT
ETAT
100%
VALIDE
100%
VALIDE OK
08:00:00
3:00:00
8:15:00
11:15:00
100%
06:00:00
3:00:00
13:00:00
16:00:00
100%
OK
100%
OK
Fiche Budget
31/01/2017
01:00:00
1:00:00
19:00:00
20:00:00
Conception
Maquette Devis
01/02/2017
01:00:00
1:00:00
9:00:00
10:00:00
100%
Developement
Flyer
28/01/2017
02:00:00
2:00:00
20:00:00
22:00:00
100%
Developement
Developement
MEP DOSSIER
02/02/2017
Finaliser Flyer
08/02/2017
Page contact
08/02/2017
08:00:00
4:00:00
02:00:00
01:00:00
10:45:00
100%
9:45:00
100%
02:00:00
2:30:00
01:30:00
1:30:00
Developement
Affiche
15/02/2017
Charte Graphique Final Rapport de présentation
PHASE
Conception Conception
27/02/2017 24/02/2017
TÂCHE
DATE
Création de logo
22/01/2017
Cahier des charges
01:30:00
25/01/2017
1:30:00
02:00:00
2:30:00
04:00:00 CHARGE PRÉV
7:00:00 CHARGE RÉEL
01:00:00
1:00:00
17:00:00
11:15:00 16:30:00 20:00:00 HEURE FIN
18:00:00
100%
100%
100% 100% 100% AVANCEMENT
ETAT
100% OK
2:00:00
19:00:00
21:00:00
Conception
Choix du thème
25/01/2017
00:15:00
0:15:00
14:30:00
14:45:00
100% OK
Conception
Zoning page d'accueil
26/01/2017
00:30:00
0:30:00
8:30:00
9:00:00
100% OK
Conception
Mockup page d'acceuil
26/01/2017
00:45:00
9:45:00
100% OK
Développement Hébergement
02:00:00
9:45:00 14:00:00 13:00:00 HEURE DÉBUT
15:00:00
100%
16:00:00
8:15:00
8:15:00
09/02/2017
15/02/2017
Developement
20:00:00
13:00:00
15:00:00
Kakémono
Carte de visite
Developement
16:00:00
2:00:00
1:00:00
Developement
Developement
NOM
0:45:00
25/01/2017 16/01/1900 03:00:00
Développement Installation du thème
25/01/2017 16/01/1900 00:15:00
3:00:00 0:15:00
9:00:00 14:00:00 15:00:00
17:00:00 15:15:00
100% OK
100% OK 100% OK
Développement CSS Accueil
01/02/2017
05:00:00
06:00:00
12:00:00
18:00:00
Développement Rédaction article de Jeux
01/02/2017
04:00:00
04:00:00
14:00:00
18:00:00
100%
Développement Carroussel
07/02/2017
01:00:00
01:00:00
16:00:00
17:00:00
100%
Développement Google Map
03/02/2017
Développement Css Footer
12/02/2017
Développement Css header
15/02/2017
Développement Recherche d'images
16/02/2017
00:30:00
00:30:00
02:00:00
02:00:00
01:00:00
03:00:00
02:00:00
02:00:00
9:00:00 10:00:00 15:00:00 10:00:00
9:30:00 12:00:00 18:00:00 12:00:00
100%
100% 100% 100% 100%
Développement Rédaction des mentions légales
27/02/2017
00:30:00
00:30:00
17:00:00
17:30:00
100%
Développement Rédaction des conditions d'utilisation
01/03/2017
04:00:00
05:00:00
14:00:00
19:00:00
100%
Développement Installation plugins NOM
PHASE
11/02/2017
TÂCHE
DATE
04:00:00 CHARGE PRÉV
04:00:00 CHARGE RÉEL
10:00:00 HEURE DÉBUT
14:00:00 HEURE FIN
Conception
création de logo
21/1/17
06:00:00
3:00:00
14:00:00
17:00:00
Conception
analyse de l'existent
25/1/17
06:00:00
2:00:00
14:00:00
16:00:00
Conception
choix du théme
25/1/17
01:00:00
1:00:00
13:00:00
14:00:00
100% AVANCEMENT
ETAT
100% OK 100% OK 100% OK
Conception
mockup-zonning
26/01/17
01:30:00
1:30:00
8:30:00
10:00:00
100% OK
Conception
arborescance
26/01/17
01:00:00
1:30:00
10:00:00
11:30:00
100% OK
Conception Conception Conception
analyse de l'existent
28/01/17
pert
31/01/17
scénarimage
31/01/17
06:00:00
4:00:00
02:00:00
1:15:00
14:00:00
18:00:00 14:15:00
100% OK
31/01/17
01:00:00
1:00:00
16:30:00
17:30:00
100% OK
01/01/17
03:00:00
3:00:00
8:15:00
11:15:00
100% OK
developpement menu/footer
08/02/17 08/02/17
03:00:00
3:00:00
03:00:00
1:00:00
08/02/17
8:15:00 13:00:00
14:20:00
100% OK
14:15:00
arborescance devis
developpement fiche de jeu
01:00:00
13:00:00
0:05:00
Conception Conception
developpement correction erreur
11:15:00 14:00:00
100% OK
100% 100%
1:00:00
14:00:00
15:00:00
developpement fiche de jeu
08/02/17
03:00:00
0:30:00
15:30:00
16:00:00
100%
developpement fiche de jeu
09/02/17
03:00:00
1:15:00
8:15:00
9:30:00
100%
developpement forum
09/02/17
developpement inscription
13/02/17
developpement css
15/02/17
03:00:00
1:45:00
03:00:00
3:00:00
9:30:00 13:00:00
11:15:00
100%
16:00:00
100%
3:00:00
8:15:00
11:15:00
50%
developpement css
27/02/17
03:00:00
3:00:00
14:00:00
17:00:00
75%
01/03/17
03:00:00
3:00:00
8:15:00
11:15:00
PHASE
Conception Conception Conception
TÂCHE
DATE
Logotype
CHARGE PRÉV
21/01
Envoi au client
22/01
Organisation Projet
03:00:00
100%
developpement teste
NOM
William
CHARGE RÉEL
08:00:00
00:25:00
26/01/2017
31/01/2017
Developement
Inès
CHARGE PRÉV
24/01/2017
26/01/2017
Charte Graphique
Analyse concurentielle
Conception
Camille
DATE
LOGO
Finalisation logo
Conception
Conception
23/01
CHARGE RÉEL
01:00:00 00:20:00 01:00:00
1:00:00 0:10:00 1:00:00
HEURE DÉBUT
17:30:00 18:00:00 0:00:00
HEURE FIN
18:30:00 18:10:00 1:00:00
AVANCEMENT
Organisation Projet
24/01
00:30:00
0:30:00
9:30:00
10:00:00
100% OK
Organisation Projet
25/01
03:00:00
3:00:00
13:00:00
16:00:00
100% OK
Conception Conception
Mockups/Oraganisation Projet
26/01
Pert/Planning/Organisation Projet
31/01
03:00:00 03:00:00
3:00:00
8:15:00
3:00:00
13:00:00
11:15:00 16:00:00
100% OK 100% OK
Conception
Gantt/Rédaction/Organisation Projet
01/02
06:00:00
8:45:00
8:15:00
17:00:00
100% OK
Dev
Pages de jeux, création Worpress
08/02
06:00:00
8:00:00
8:15:00
16:15:00
100%
Dev
Rédaction d'article, Organisation Projet
09/02
03:00:00
3:45:00
8:15:00
12:00:00
Dev
Module de Chat, Gallerie, Slider, Organisation
Dev
13/02
03:00:00
Module de Messagerie, Page mon compte, connexion, déconnexion, 15/02 inscription 03:00:00etc...
3:00:00 3:00:00
13:00:00 8:15:00
16:00:00 11:15:00
100% 100% 100%
Dev
Rédaction de contenu, rapport de présentation
25/02
03:00:00
4:00:00
14:00:00
18:00:00
100%
Dev
Screenshots/Dernières modifs
26/02
02:00:00
2:00:00
20:00:00
22:00:00
100%
Inès
William
Camille
Ardani
35:50:00
44:10:00
37:15:00
37:00:00
ETAT
100% OK 100% OK 100% OK
Conception Conception
TOTAL 154:15:00
TOTAL HEURE
LA DEMANDE :
Lors de ce projet j’ai été sélectionné par les responsables de formation parmi les 13 étudiants de la Licence pour être l’un des quatre Chefs d’équipe. J’avais sous ma responsabilité 3 personnes. Le démon du jeu est une association regroupant des fans de jeux de plateaux de différentes catégories, pour tous les âges.
MISE EN PLACE :
J’ai programmé une réunion avec l’équipe, afin de leur présenter le projet. Puis le soir même une deuxième réunion était organisée par les responsables de formation afin de rencontrer le client, et toutes les questions des différentes équipes ont pu trouver leurs réponses.
RENDU :
Nous avons commencé à héberger directement un site WordPress pour travailler à quatre simultanément sur tous les modules à intégrer.
Les différents modules ont tous été intégrés. (Possibilité de chat, Boîte Mail Utilisateur, Espace Administration, Restriction de contenu par rapport à 3 Profils d’utilisateurs différents, Rédaction Web des différents jeux disponibles, Catégories de jeux, Calendrier personnalisable avec intégration d’évennements, Possibilité de se connecter, de s’inscrire à l’association, Rubrique Jeux du moment, Galerie, Recommandations personnalisées par rapport au contenu visité, et bien d’autres détails.)
Nombreux étaient les paramètres à prendre en considération dans notre cahier des charges. Celuici était basé suivant le compte rendu de la réunion avec le client comme précédemment énoncé. Le projet a duré environ deux mois de production.
Nous avons pu finir le projet et les dossiers d’une trentaine de pages dans les temps grâce aux feuilles de temps, Planning et autres outils de Management. Ce travail fut très enrichissant d’un point de vue personnel et professionnel.
En tant que Leadership, j’ai dû tout d’abord «profiler» les membres de mon équipe afin de connaître et évaluer leurs compétences pour ainsi leur attribuer leurs fonctions au sein du projet.
p.48
http://lddjblois.esy.es/
p.49
MARTIN&NASH
PROJET TUTEURÉ LA DEMANDE :
Intégrer de A à Z un site internet non responsive pour un personna fictif, définit par les responsables de formation.
MISE EN PLACE :
J’ai tout d’abord créé les maquettes sur Illustrator du site internet. J’ai débuté par la création du logotype assigné à la marque «Martin&Nash».
RENDU :
Un dossier devait être rédigé à la manière d’un rapport sur le projet. (30 pages)
CONTENU :
La marque nous a transmis sur des fichiers bloc notes les textes à intégrer, mais aussi un dossier d’images à utiliser. Le site s’ouvre sur une page d’Accueil Une page de présentation de la marque et des événements associés ou prix obtenus. Puis une section où chaque profil de créateur est détaillé fait son apparition, suivi d’un «LookBook» (sorte de galerie d’images de shooting photo). Après ceci, une page rassemblant les produits devait être présentée. Pour finir,une page «Google Map» et de Formulaire de Contact devait permettre aux utilisateurs de joindre ou connaître l’emplacement des boutiques physiques de la marque.
PROGRAMMATION :
J’ai décidé lors de la création du site d’intégrer des éléments en jQuery afin d’avoir un rendu plus professionnel, comme : Une Lightbox (Agrandissement sur image, possibilité de cliquer sur des flèches pour visionner les images suivantes et précédentes à celle cliquée). Une Galerie pour chaque catégorie avec tous les produits proposés par la marque.
p.50
p.51
SENSATION FITNESS p.52
WEBDESIGN LA DEMANDE :
Imaginer dans un premier temps des maquettes Photoshop pour la création d’un site internet en Responsive Design. Pour mobile-tablette-écran, développé en «mobile first».
RENDU :
Les différentes pages comprenant : l’Accueil, une galerie (LA SALLE), le planning des cours donnés par cette salle de sport, l’inscription à celle-ci, et son contact. Ce rendu a necessité plusieurs modules jQuery. Le site internet est disponible en ligne à cette adresse afin de pouvoir distinguer les différents modules et leur interaction avec l’utilisateur final.
http://exodais.pe.hu/
p.53
EXODAïS
PROJETS PERSO LE PROJET :
Depuis 2009, et avec un ami, nous avons commencé à créer des serveurs World of Warcraft, puis des prototypes de jeux sur FPS Creator, RPG Maker, ensuite nous avons commencé à explorer différents moteurs 2D comme Verge et enfin le magnifique Unity. Notre ambition est de créer dans les années qui viennent notre studio indépendant et de diffuser notre premier jeu vidéo sur la plateforme de jeux en ligne Steam.
Un FPS horrifique dans lequel le joueur est à la recherche d’un bambin possédé.
Rise of Rebellion :
Le projet de notre vie, un RPG post apocalyptique science fiction où la terre a été à moitié brulée par un rayonnement solaire.
LES CRÉATIONS DE BD : Nous, nours :
LES CRÉATIONS EXISTANTES DE JEU : Edge of Tomorrow :
L’histoire d’un ourson en peluche abandonné qui prend vie tout en étant victime de schyzophrénie.
Adventurer :
L’histoire d’un équipage de vaisseau qui «reboot» la vie sur les planètes devenues incontrôlables du système solaire.
Notre premier jeu «fini». Il résume le film éponyme. C’est un 2D scroller. Un jeu narritif textuel en Français dans lequel nos choix nous conduisent le plus souvent à la mort instantanée, il est totalement développé en #C sur Codeblocks par mes soins.
RE-PLAY :
Une animation interactive musicale pour le festival de Canne du retrogaming.
ENGINEER :
Une casse brique particulier contrôlé par un ouvrier allié avec un Tetris-like contrôlé par le héros, l’ingénieur, qui débloque des items.
p.54
LES CRÉATIONS PROTOTYPES DE JEU : Timmy :
Origins :
NOTRE IMAGE : J’ai créé un site internet référencé et hébergé grâce à Weebly.
J’ai également construit une page facebook qui sera alimentée par nos avancées de projets. J’ai aussi réalisé un compte GameJolt et un compte Itch afin de diffuser nos créations de jeu gratuitement à la communauté.
Le site internet : http://exodais.weebly.com/ La page Facebook : https://www.facebook.com/exodais
La page GameJolt : https://gamejolt.com/@Exodais/games La page Itch : https://exodais.itch.io/
Rendez-nous visite ! p.55