Rapport Ptut

Description
2018-2019 Ninjutsu Haute Loire Maelle Chevrot Guilloux, Lise Denis, Mélanie Rey Arnaud, Nicolas Verilhac. SO MM AI RE INTRODUCTION p-5 PROJET p-6/11 Contexte p-7-9…

Please download to get full document.

View again

of 36
All materials on our website are shared by users. If you have any questions about copyright issues, please report us to resolve them. We are always happy to assist you.
Information
Category:

Magazine

Publish on:

Views: 6 | Pages: 36

Extension: PDF | Download: 0

Share
Transcript
2018-2019 Ninjutsu Haute Loire Maelle Chevrot Guilloux, Lise Denis, Mélanie Rey Arnaud, Nicolas Verilhac. SO MM AI RE INTRODUCTION p-5 PROJET p-6/11 Contexte p-7-9 Cibles p-9 Objectifs du projet p-9 Gestion de projet p-10/11 PARTIE GENERALE p-12/15 Description des missions p-13 Print p-13 Web p-14 Contenu p-15 PARTIE TECHNIQUE p-16/23 Site internet p-17-19 Maquette p-20 Logo p-21/23 CONCLUSION p-22/23 Générale p-23/28 Remerciements p-29 Introduction RAPPORT DE PTUT 01 INTRODUCTION 4 Introduction RAPPORT DE PTUT N otre projet tutoré se porte sur une as- sociation de Bujinkan Tonbo Dojo-Nin- jutsu située en Haute-Loire. Le sport pratiqué par l’association est peu connu en France, il a la capacité d’attirer la curiosi- té. Le Ninjutsu fait partie de la famille des arts martiaux. Il trouve son origine dans la culture traditionnelle japonaise ; il est en- seigné dans certaines écoles du Japon et il complète en général l’apprentissage d’arts martiaux. Un peu effacé de nos jours par les sports de combat tel que le judo ou le kara- té, le ninjutsu mérite de gagner en populari- té. Notre commanditaire est le président de l’association : il s’agit de Monsieur Yannick Castellino. Cela fait cinq ans qu’il donne des cours à Rosières les lundis et à Lavoûte- sur-Loire les jeudis. Monsieur Castellino a fait appel à nos services pour développer sa notoriété et attirer un public plus jeune. La moyenne d’âge actuelle des adhérents est de 40 ans et l’effectif total est de sept per- sonnes. La création d’un site internet pour l’association va permettre d’étendre leur communication et la lisibilité de leur activité, ainsi, un plus grand nombre de personnes sera touché. M onsieur Castellino n’a pas établi beaucoup de contraintes à son projet. Au contraire, il a lais- sé une grande liberté de création. Son souhait principal était de créer un site web simple de design, avec différentes catégories. Il s’agissait avant tout que le site soit facile d’utilisation pour le client comme pour les visiteurs. Dans la mesure où le club ne possédait pas de site, cet objectif a été identifié comme prioritaire par le commanditaire. C oncernant la partie print du projet, la consigne était claire ; le logo, trop surchargé devait être mis au goût du jour tout en gardant certains éléments importants et le flyer devait conserver son côté combat afin de rendre le document explicite. Le logo et le flyer devaient évidemment respecter la nouvelle charte graphique de façon cohérente et harmonieuse. L a proposition d’agrémenter le site web à l’aide d’une vidéo illustrant les cours de Ninjutsu et de photographies a été accepté par le client. Cette vidéo permet aux internautes de visualiser plus facilement le déroulement d’un cours. 5 Projet RAPPORT DE PTUT 02 PROJET 6 Projet RAPPORT DE PTUT Y annick Castellino a commencé les arts martiaux et les sports de com- bat à 17 ans, en 2001, mais ce n’est qu’en 2007 à Grenoble qu’il a trouvé la voie qui lui convient : le bujinkan budo taijutsu (Ninjutsu). Après avoir pratiqué trois ans à Grenoble il a déménagé en 2010 à Anne- cy pour des raisons professionnelles. Là-bas, il a fait la rencontre de Laïd Bouadjadja qui est depuis son professeur. Lorsqu’il est revenu s’installer en Haute Loire en 2015, il a voulu partager sa passion et le chemin de vie qu’offre la pratique du ninjutsu. Il a donc créé une association loi 1901 afin de proposer des cours à Rosières et dans les environs. Ils s’entraînent une à deux fois par semaine depuis septembre 2016. Lorsqu’un pratiquant travaillant à l’IUT du Puy lui a proposé de faire évo- luer son projet avec un site internet et de nouveaux visuels par des étu- diants il a accepté sans hésiter, y voyant une nouvelle opportunité de faire connaître son association. CONTEXTE EXISTANTS PRINT Le commanditaire possédait déjà un logo. Son souhait était de le moderniser. Il désirait garder quelques éléments dont le kanji (caractère japonais) et la libel- lule. Tonbo dojo (qui est le nom du dojo de rosière) signifie “le dojo des libellules” ; l’idée leur est venue lors d’entraînements près d’un étang, lieu de vie de nom- breuses libellules. Depuis, l’association va s’entraîner à l’étang régulièrement et profite d’un cadre naturel, agréable et en accord avec leur façon de vivre. Une suggestion de simplification a été faites afin de dégager et de mettre en avant ces mêmes éléments. Pour ce qui est de la colorimétrie, le mélange du noir et du rouge donnait un visuel trop lourd au logo, il était un peu difficile de savoir ce que cela représentait de loin. Il fallait donc re- faire le logo avec une colorimétrie plus vi- sible et plus simple, un logo avec un visuel plus aéré. 7 Projet RAPPORT DE PTUT EXISTANTS PRINT L’association était également pourvue d’un flyer. Ici aussi, le commanditaire a fait une demande de modernisation. Cer- tains éléments, comme du texte, ont été jugés accessoires. Globalement, le flyer faisait un peu brouillon, les horaires de cours n’étaient pas assez visibles, il fallait le refaire avec des horaires plus visibles et un design plus structuré. SITE WEB À RÉALISER L’association ne possédait pas de site auparavant, la création de ce dernier était donc la priorité du commanditaire. Il voulait un site au design minimaliste et simple d’utilisation. Plusieurs catégories devaient être présentes : Une pour les cours, comprenant les lieux et les horaires 1 d’entrainement. 2 Une pour les stages proposés au long de l’année. 3 Une partie “historique du ninjutsu” qui présente le sport. Une galerie photo/vidéo. 4 Created by popcornarts from the Noun Project Une partie contact afin que les visiteurs puissent joindre 5 le commanditaire pour des informations supplémentaires. 8 Projet RAPPORT DE PTUT AUDIOVISUEL À REALISER Dans l’intention d’alimenter la galerie photo, il a été néces- saire d’assister à un cours du ninjutsu. Les clichés pris ont eu pour but de montrer le déroulement des cours et de donner un aperçu des techniques de bujinkan ninjutsu. En plus des photographies, une vidéo démonstrative a été filmée afin de présenter le sport. CIBLES Concernant les cibles du projet, le commanditaire a pour objectif d’attirer plus de monde dans ses cours. Il veut développer sa notoriété car ils ne sont pour l’instant que sept. Il désire séduire une cible plus jeune, allant de 15 à 35 ans. Les différentes cibles à toucher sont donc les adolescents, leurs parents, étant donné que c’est eux qui les inscrivent, les étudiants post-bac et les jeunes adultes entrés dans la vie active. Pour cela, la création d’un site internet permet d’accroître la communication et la lisi- bilité de l’association. Pour l’instant, le seul moyen de communication était les flyers et le bouche à oreille. Avec un site internet, la notoriété de l’association va pouvoir s’ac- croître et de nouvelles personnes vont pouvoir découvrir le sport. Les jeunes adolescents et leurs parents trouveront ainsi plus facilement l’association lors de la recherche d’une activité physique pour la rentrée. De même, l’association apparaîtra dans les premières recherches des étudiants et des jeunes adultes de Haute-Loire qui cherchent à se dépen- ser. Ce projet a donc plusieurs missions. Il faut réussir à gagner en notoriété grâce à la création d’un site web, à la refonte de la charte graphique, à la création d’un nouveau logo et d’un nouveau flyer. L’objectif final de ces missions est que l’association gagne des adhérents, mais surtout une nouvelle cible d’adhérents : les adolescents et jeunes adultes, ce qui n’est pas le cas ac- tuellement. Grâce aux informations présentes sur le site internet, les personnes intéressées vont être mises au courant rapidement et pourront ainsi prendre contact avec Monsieur Castellino. La communication de l’association va pouvoir prendre de l’ampleur plus faci- lement, en plus de la communication déjà existante. 9 Projet RAPPORT DE PTUT DIAGRAMME DE PERT 5 C 23 23 1 B 3 I D 7 7 22 22 A K H’ F 0 H 2 E 4 6 L 7 0 0 G 5 7 10 22 24 24 25 25 J Tâches AB CD EF GH IJ KL Antécédents /A ,H BC HE F/ B/ BD ,I,K,F ,D,J Durée en 7 (j) 15 (j) 1 (j) 1 (j) 5 (j) 1 (j) 2 (j) 5 (j) 1/2 (j) 3 (j) 1 (j) 1 (j) jours Un diagramme de Pert et de Gantt ont été réalisés pour pouvoir visua- liser le temps et les délais du projet. C’était un moyen d’organisation qui a permis de ne pas se perdre dans les différentes tâches à réaliser et de savoir dans quel ordre les réaliser. Les diagrammes sont utiles pour savoir dans quel ordre les tâches peuvent être effectuées, quelle tâche précède une autre. 10 Projet RAPPORT DE PTUT Cela a donné une vue d’ensemble des missions à exécuter durant ce projet. Les diagrammes ont l’avantage de permettre d’être sûr de ne pas oublier de tâches et de les effectuer dans les temps. Ils permet- taient également de donner le niveau d’avancement plus facilement au commanditaire. DIAGRAMME DE GANTT Tâche J A H B C D E F G I K L Durée en 25 Chemain critique : A/B/C/D/L JOURS 11 Partie générale RAPPORT DE PTUT PARTIE GENERALE 03 12 Partie générale RAPPORT DE PTUT DESCRIPTION DES MISSIONS Le projet tutoré comprend trois grands axes principaux : Un pôle WEB Un pôle DESIGN Un pôle AUDIOVISUEL comprenant le site avec le graphisme avec le composé des photos et internet. logo et le flyer des vidéos. TACHES PRINTS Dans la partie graphisme, le design du logo initial était à refaire car il était trop chargé. Le com- manditaire voulait tout de même garder quelques éléments comme le kanji et la libellule mais en faisant un logo plus simple, plus minimaliste (résultat définitif ci-dessous). Le flyer était également à refaire. Le souhait du commanditaire était de garder l’esprit combatif afin que l’on comprenne imédiatement que ce flyer est celui d’une association de ninjutsu. Mais comme le logo, il désirait quelque chose de moins chargé, de plus simple. Il voulait aussi que les horaires des cours soient plus visibles, comparé au flyer d’origine (résultat définitif ci-dessous). 13 Partie générale RAPPORT DE PTUT TACHES WEB Il n’y avait pas de site internet à l’ori- Le site internet devait contenir des in- gine, ce dernier était donc la priorité formations sur le tarif, les horaires et les du commanditaire. Afin de cerner son lieux des cours ainsi que sur les stages envie et pour trouver une ambiance afin de tenir au courant les adhérents qui lui plaisait, Yannick Castellino a et d’informer les autres personnes de partagé des exemples de design leur existence. Une partie «contact» d’autres sites internet, en particulier devait également être présente pour des sites d’associations de ninjutsu qui permettre aux visiteurs du site de l’inspirait. Il trouvait bon de s’en servir contacter plus facilement M. Castelli- pour créer le futur design de son site. no. Le commanditaire voulait ensuite Il souhaitait un design simple et mini- une galerie photo pour permettre aux maliste. Le site devait être également utilisateurs de visualiser le déroulement facile d’utilisation car le commandi- de ses cours. Il souhaitait aussi une par- taire n’est pas expérimenté pour la tie historique, pour en apprendre plus gestion d’un site internet. Pour pallier sur le ninjutsu et des articles sur ce qu’il cette contrainte, le site a été créer sur faut emmener lors des cours. Wordpress. Au final, le site internet doit être un À partir de ces données, une ma- nouveau moyen de communication quette a été créée pour donner un pour l’association et un site regroupant premier aperçu du site. Une fois la ma- toutes les informations liées à elle. Le quette validée par le commanditaire, but final du site est de faire connaître c’est elle qui a aiguillée la réalisation l’association, de lui donner une plus et la concrétisation finale du site. grande visibilité. 14 Partie générale RAPPORT DE PTUT TACHES AUDIOVISUEL Il n’y avait pas beaucoup de photos, les seuls clichés existants étaient des photos prises par télé- phone par le commanditaire, il souhaitait donc des photos plus professionnelles pour alimenter le site. Il ne désirait pas une grande quantité de photos, seulement quelques une afin de montrer le déroulement des cours. Une suggestion de création d’une courte vidéo démonstrative a été faite, afin d’introduire le nin- jutsu aux personnes qui ne connaissent pas ce sport et pour alimenter le site et la page Facebook de l’association. Initialement, la vidéo était estimée à environ une minute, composée d’extraits d’une interview avec le commanditaire, d’une courte explication de ce qu’est le ninjutsu, son his- toire, ainsi que des extraits de clips vidéos enregistrés pendant un des cours du commanditaire. En cours de route, le commanditaire a préféré changer le contenu de la vidéo et n’y faire apparaître que les clips vidéos pris lors de son cours. Nous avons pris une trentaine de photos pour alimenter le site internet et la page Facebook de l’association durant son cours. Nous avons pu capturer quelques clips vidéos. Nous attendons d’avoir des conditions météo favorables à la création finale de cette vidéo ainsi qu’un créneau où le commanditaire pourra nous rece- voir. Le montage final sera une compilation des clips capturés avec une musique style japonais (libre de droit) en fond. 15 Partie technique générale RAPPORT DE PTUT PARTIE TECHNIQUE 04 16 4 Partie technique RAPPORT DE PTUT OUTILS UTILISES / TACHES EFFECTUEES Le site internet a été créé avec Wordpress car le commanditaire souhaitait un site simple d’utilisa- tion, où il pourrait ajouter des articles et modifier le contenu avec facilité. Le design du site internet a été créé en se basant sur la maquette. Il fallait trouver un thème qui ressemblait le plus aux at- tentes du commanditaire. Une fois le thème choi- si, il restait à l’adapter et à le personnaliser. Pour cela, l’ajout de plusieurs extensions comme Elementor ont facilité la mise en page d’article, ce qui facilitera aussi les ajouts d’articles pour le commanditaire. Cette extension a permis d’avoir un formulaire dans la partie “Contact” pour pouvoir contacter M.Castellino. Dans les cours, une map a pu être insérée pour visualiser l’emplacement exact des entraînements plus facilement. Il y a également une extension slider qui a servi à mettre en forme les différentes photos et vidéos prises pour l’association. Le thème de départ était Rokophoto Lite. Mais le thème était surtout en noir et blanc, ce qui ne correspondait pas à la charte graphique de l’as- sociation. 17 Partie technique RAPPORT DE PTUT Des modifications ont alors été faites dans les codes html et css afin d’intégrer les cou- leurs de la charte graphique à différents élé- ments du site tels que les boutons et les titres pour rendre l’identité visuelle du site plus per- sonnelle. Grâce à l’éditeur CSS la charte graphique a pu être ajoutée au site. La couleur des titres des pages par exemple, ainsi que le cadre autour du titre ont eu une couleur qui se ré- férence à la charte graphique. L’utilisation de l’éditeur CSS est simple, il suffit de cibler la partie du site qu’on souhaite modifier : le titre h6, les boutons… et ajouter les attributs souhaités (la couleur, la taille…). Le site internet a d’abord été hébergé sous crea.pro pour que le commandi- taire puisse avoir accès à l’évolution de la création du site. Crea.pro est un ser- veur mis à disposition pour l’IUT à destination des étudiants. Il nous fallait donc un vrai hébergeur, sinon le site allait être supprimé au bout d’un an. Il est maintenant hébergé sur OVH. Sur OVH la formule choisit est celle “ Perso” à 2,99euros par mois pour que le commanditaire puisse faire les modifications qu’il souhaite sur le site sans avoir trop de contraintes. Il a fallu acheter un nom de domaine que Monsieur Castellino a choisi à 6,99euros : ninjustu-hauteloire. com. Le site est hébergé sous OVH car c’est l’un des hébergeurs les plus connus, donc il n’y a pas d’inquiétude sur sa fiabilité. La formule choisie convenait bien au projet aussi bien qu’au niveau du contenu qu’au niveau du prix. Le commanditaire peut faire plusieurs modifications sur son site sans avoir à payer en plus ou faire face à d’autres contraintes. La première formule d’OVH, la moins chère était assez réductrice au niveau de la gestion du site, c’est pour ça que la deuxième option à 2,99euros était préférable pour ce projet. 18 Partie technique RAPPORT DE PTUT Pour le référencement, différentes méthodes ont été utilisées. Tout d’abord des liens hypertextes ont été ajoutés pour emmener l’utili- sateur vers la partie dédiée dans le site tout en cliquant sur un des mots. 1 Par exemple sur la page d’accueil quand un utilisateur cliquera sur “ Yannick Castellino”, il sera directement redirigé vers la partie Contact. Ensuite, le site étant sur Wordpress, un plugin Yoast SEO a été instal- lé, il permet d’aider pour le référencement directement via Wordpress. 2 Yoast Seo est l’un des plugins de référencement les plus reconnu sur Wordpress. Il y a une installation guidée ce qui permet un référence- ment simple et rapide grâce aux différentes explications. En plus des plusieurs sites d’aides présents sur internet qui nous aident à comprendre et à se servir de ce plugin. Les questions sont claires ce qui permet de savoir quoi répondre et quoi faire pour le référencement, c’est donc un plugin facile à comprendre. 19 Partie technique RAPPORT DE PTUT La maquette du site internet a été réalisée sous illustrator. Son design a été ins- piré d’un site web que le commanditaire avait envoyé (captures ci-dessous). Dans l’ensemble, un style simple et classe se dégageait. Les différentes par- ties se succédaient sous formes de bandes cliquables. Cette idée a donc été reprise. Les pages ont ensuite été faites une par une. Cependant, le thème choisi ensuite, bien que similaire au design minimaliste, n’a pas permis de ré- aliser cet effet de bandes cliquables. Il y avait plusieurs parties représentées : la page d’accueil (le visuel ci-dessous), Contact, Stages, Bujinkan et Photos (voir annexe 1, 2, 3 et 4) 20 Partie technique RAPPORT DE PTUT L’association avait déjà un logo, dessiné par la compagne d’un membre de l’as- sociation, le commanditaire souhaitait garder le même esprit tout en l’allégeant visuellement. L’ancien logo était composé de nombreux détails qui rappellent le sport. On y retrouve une libellule posée sur des joncs, le kanji “ninjut- su”, mais aussi en tout petit en bas, le mont fuji, symbole du Japon, lieu de naissance du ninjutsu. Le tout en- touré de noir dans un cercle rouge. Le client souhaitait garder deux élé- ments qui sont pour lui indispensables ; la libellule : elle à la capacité de toujours voler en avant à la manière des samouraïs qui luttaient sans ne jamais reculer. C’est également un symbole fort de force et de sagesse. Et le kanji. Le logiciel adobe illustrator permet de créer le logo de façon vectorielle, ce qui per- met au logo d’être utilisé sur tout support sans perte de qualité. La première idée a été de réunir ces deux éléments en gardant l’esprit cercle du premier logo. La libellule a été dessinée de sorte que sa queue fasse un cercle dans lequel se trouve les caractères japonais. Pour assimi- ler le logo au sport l’inscription “nin- jutsu” apparaît avec la police Riotiks Démo. C’est une police qui rappelle l’écriture calligraphie au pinceau. Après réflexion et avec l’avis des membres de l’association, la couleur a été rete- nue mais le logo devait être retravaillé. Le style de la libellule était apprécié, mais la position ne correspondait pas à l’esprit “combat” recherché. 21 Partie technique RAPPORT DE PTUT Les couleurs choisies sont : Le travail a donc été repris avec une nouvelle idée : mettre en scène deux libellules. Inspiré du ying et du yang les deux libellules forment une unité. L’une la tête en haut, l’autre la tête en bas, elles s’affrontent avec respect et se réfèrent aux valeurs du ninjut- su, ici représentées par le cercle que forment leur deux corps. Un second style de libellule a été créé, dans un design plus simple ou leur quatre ailes apparaissent claire
Related Search
We Need Your Support
Thank you for visiting our website and your interest in our free products and services. We are nonprofit website to share and download documents. To the running of this website, we need your help to support us.

Thanks to everyone for your continued support.

No, Thanks