close

Se connecter

Se connecter avec OpenID

BOOK JORDAN mereau

IntégréTéléchargement
BOOK
JORDAN mereau
Motion Designer et Développeur Web
1
sommaire
Réalisations personnelles
3
HUMILITY
autodesk maya
Réalisations scolaires
5
mINERVA
lEARN2pLAY
St Pavut
Dutaf
chat
Réalisations professionnelles
10
mr. GUY Péqueux
contact
11
annexe
12
2
vidéo - humility
personnel
Contexte. Le youtubeur Humility (+100k abonnés) souhaitait
une vidéo (Machinima) qui retrace l’histoire de son personnage sur le jeu Dofus.
Contraintes. Plusieurs contraintes, premièrement c’était la
première fois que j’avais un vrai commanditaire. Ensuite il
fallait recruter et diriger une équipe pour réaliser cette vidéo, un graphiste, des artistes capables de dessiner et des
doubleurs.
Mise en oeuvre. J’ai commencé par écrire un scénario où j’ai
annoté les musiques, les plans, le nombre de personnages,
etc... Ensuite j’ai repéré et contacté les personnes correspondantes le mieux aux travaux à faire. Puis tout en donnant
les premières directives j’ai réalisé les décors, l’ambiance
(Lumières, effets spéciaux, etc...) sur Photoshop, Illustrator
et After effect.
3
logiciel - maya
personnel
Contexte. Limité dans la création de nouveaux élèments graphiques, je peux grâce au logiciel Maya laisser libre cours à
mon imagination et créer de nouveaux éléments graphiques
complexes.
Contraintes. La découverte d’un logiciel aussi complet n’est
pas simple, il faut beaucoup de motivation et de patience.
Mise en oeuvre. J’ai commencé par suivre un tutoriel complet sur Maya. Le dernier travail pratique m’a permis de modéliser une petite maison avec un peu de verdure. Pour autant, le travail quotidien sur ce logiciel me donne les moyens
d’aller plus loin.
4
vidéo - minerva
scolaire
Contexte. Dans le cadre d’un exercice de gestion de projet
dont je faisais parti je devais réaliser avec deux autres collègues la vidéo de notre agence fictive. Je me suis occupé du
tournage de quelques plans et surtout du montage.
Contraintes. J’aime beaucoup créer des histoires alors pour
ce projet ce n’était pas vraiment une contrainte mais plutôt
une prise de risque que de créer une histoire, avec de jolies
effets pour surprendre mon agence.
Mise en oeuvre. J’ai commencé par créer une petite histoire
coérente et décalée, ensuite je me suis enregistré lisant le
texte comme une voix de narrateur. Enfin j’ai réalisé le montage et les effets spéciaux de l’ensemble de la vidéo pour
amener l’univers et l’ambiance que je voulais.
5
développement web - learn2play
scolaire
Contexte. Dans le cadre d’un projet du semestre 3 nous devions réaliser par équipe de 5 en deux semaines un site
dynamique de notre choix. Nous avions choisi de créer un
site web qui donnerait des cours de jeux vidéos. Je me suis
occupé du développement Back.
Contraintes. La contrainte la plus importante était de réaliser seul et en autonomie le développement back de toute un
site en seulement deux semaines.
Mise en oeuvre. Pendant que les graphistes ajustaient les
maquettes et que les développeurs front commençaient
leurs développements sur le framework bootstrap, je commençais à développer le système de connexion/inscriptions,
recherche de membre, ajouts d’annonces, gestion d’un profil, etc...
Exemple de code :
function updateMdp($id,$password)
{
$db= new PDO(«mysql:host=localhost;dbname=basemmi»,’xxxx’,’xxxx’);
if(!empty($_POST[‘password’]) )
{
$password = $_POST[‘password’];
$confirmpassword = $_POST[‘confirmpassword’];
if($password==$confirmpassword)
{
$results = $db->query(«UPDATE profil SET mdp_pro=’$password’ WHERE id_
pro=’$id’»);
echo ‘Mot de passe modifié !’;
}
6
développement web - back
scolaire
Contexte. L’exercice le plus complet est le développement
back d’un site affichant les manifestations se déroulant dans
différentes salles d’une structure. Un visiteur peut consulter la liste des salles, des manifestations, la disponibilité, le
prix, etc...
Contraintes. Il s’agit d’apprendre et de mettre en place des
choses que l’on n’avait jamais encore vu.
Mise en oeuvre. Nous allons étapes par étapes, nous créons
la base de donnée et les différentes tables dans phpmyadmin
avec l’aide du dictionnaire des données, du MCD et du MLD
préalablement fait, puis nous avons commencé à développer
les différentes fonctionnalités.
Exemple de code :
function get_manif(){
$bdd= new PDO(«mysql:host=localhost;dbname=stpavut» , ‘root’ , ‘’);
$result =$bdd->query («SELECT (manif_prix_place+1.13) as manif_prix_place ,
UPPER(manif_intitule) as manif_intitule, manif_description, manif_prix_
place, salle_code_, manif_photo FROM manifestations»);
$manifestation= $result ->fetchAll();
return $manifestation;
}
function get_manif_page($debut){
$bdd= new PDO(«mysql:host=localhost;dbname=stpavut» , ‘root’ , ‘’);
$bdd->query(«SET NAMES ‘utf8’»);
$result =$bdd->query («SELECT (manif_prix_place+1.13) as manif_prix_place ,
UPPER(manif_intitule) as manif_intitule, manif_id, manif_description,
manif_prix_place, salle_code_, manif_photo FROM manifestations LIMIT $debut , 4 «);
$manifestation= $result ->fetchAll();
return $manifestation;
}
7
développement web - back office
scolaire
Contexte. Dans cet exercice nous devions réaliser le développement back office d’un site marchant fictif (Ajouts, supprétions, modifications d’articles) ainsi que la recherche
d’article en fonction du prix ou simplement l’affichage.
Contraintes. La découverte et l’application de nouvelles techniques.
Mise en oeuvre. Nous avons commencé par créer le dictionnaire des données, le MCD et le MLD, puis nous avons crée
notre base et nos tables dans phpmyadmin, ensuite nous
avons commencé à développer les différentes fonctionnalités.
Exemple de code :
$db= new mysqli(‘localhost’,’mmi’,’xxxx’,’basemmi’);
$result = $db->query(‘SELECT * FROM articles INNER JOIN fournisseurs
ON articles._four_id = fournisseurs.four_id
ORDER BY articles.art_id ASC’);
$nb = mysqli_num_rows($result);
for ($i=0; $i < $nb; $i++) {
$article = mysqli_fetch_object($result);
echo ‘<tr>
<td>’.$article->art_id.’</td>
<td>’.$article->art_desc.’</td>
<td>’.$article->art_prix.’ €</td>
<td>’.$article->four_nom.’</td>
<td>’.$article->art_qte.’</td>
</tr>’;
}
8
développement web - chat
scolaire
Contexte. Nous devions créer un chat basique et l’améliorer
avec au moins une fonctionnalité, j’ai choisi d’ajouter le système de connexion/inscriptions.
Contraintes. C’était la première fois que je mettais en place
un système de connexion/inscriptions.
Mise en oeuvre. Avec l’aide du professeur j’ai commencé à
développer le système d’inscriptions, puis quand cela fonctionnait, je me suis occupé de la connexion.
Exemple de code :
$(document).ready ( function() {
setInterval(function() {
$(‘#affiche’).load(‘lire.php’);
}, 500 );
$(‘#envois’).click( function(){
var pseudo=$(‘#pseudo’).val();
var phrase=$(‘#phrase’).val();
$(‘#phrase’).val(‘’);
$.ajax( ‘dire.php?pseudo=’ + pseudo +’&phrase=’ + phrase);
});
$( window ).keydown( function( event ) {
if(event.keyCode==13) {
var pseudo=$(‘#pseudo’).val();
var phrase=$(‘#phrase’).val();
$(‘#phrase’).val(‘’);
}
});
$.ajax( ‘dire.php?pseudo=’ + pseudo +’&phrase=’ + phrase);
9
vidéo - mr. guy Péqueux
professionnel
Contexte. Nous devions réaliser une vidéo et un site internet
pour un peintre local dans le cadre de notre projet du semestre 2, avec mon collègue je me suis occupé de la vidéo.
Contraintes. Nous avions un réel commanditaire, nous allions tourner chez lui et nous lui donnions des instructions
mais ce n’était pas vraiment une contrainte mais plutôt une
très bonne expérience.
Mise en oeuvre. Nous avons commencé à imaginer les plans,
l’ambiance et la mise en scène, puis sur l’espace de deux
jours nous avons filmé l’ensemble des plans pendant que le
reste de l’équipe s’occupait du site internet.
10
contact
Mail : mereaujordan@gmail.com
LinkedIn : Jordan Mereau
Téléphone : 06.23.24.65.96
Site : jordanmereau.com
Twitter : thewhitzfr
Youtube : thewhitzfr
11
annexe
Cette anexe contient les liens de l’ensembles des travaux
présentés ci-dessous.
humility
https://www.youtube.com/watch?v=ajufW68QHvc
mINERVA
https://www.youtube.com/watch?v=QiwOX4nWSv8
lEARN2pLAY
http://195.83.128.55/~mmi14g11/l2p/
back
http://195.83.128.55/~mmi14g11/stpavut/
back office
http://1195.83.128.55/~mmi14g11/travaux/m2203/index.html
chat
http://195.83.128.55/~mmi14g11/travaux/m3206/tp4/controler/c_index.php
mr. guy péqueux
https://www.youtube.com/watch?v=rteNPORy5yQ
12
Auteur
Document
Catégorie
Uncategorized
Affichages
5
Taille du fichier
873 KB
Étiquettes
1/--Pages
signaler