Cahier des charges - Vertiges by Florian Saugues

Cahier des charges

Agence Vertiges - Institut Ingémédia Université du Sud Toulon-Var - BP 20132 83957 La Garde cedex France Saugues Florian, Renault Victor, Liu Xiachu, Wagrez Florian, Bachelard Marion, Presson Harold, Pavan Julien, Rassoul Brice, Aouissaoul Moez, Ben Mansour Hatem Groupe 8C

Présentation de l’agence

L’agence Vertiges est composée de dix

grammation et développement, ou encore en

étudiants de l’Institut Ingémédia de l’Université de Toulon – Var. Elle est née d’un désir de promouvoir la préservation de la colline du Thouar, un lieu en danger, encerclé par l’urbanisation et la société de consommation. L’agence est jeune, dynamique et polyvalente grâce à ses éléments complémentaires qui proviennent tous d’un cursus différent. Nous avons des spécialistes en infographie, d’autres en pro-

audiovisuel, en communication ou en management. Chacun assurant son rôle avec professionnalisme et assurant la qualité du travail grâce à leur cursus scolaire respectif. Nous nous répartissons le travail en fonction de nos connaissances pour assurer aux clients une meilleure réponse. Cependant, nous participons tous et chacun est libre d’expression. Ceux qui n’ont pas de tâche en cours apportent leur aide à ceux qui en ont besoin.

Chef de projet Florian Saugues floriansaugues@hotmail.fr 06 23 72 28 55 Porte-parole du groupe et organisation des tâches

Responsable Communication Marion Bachelard limpikazou@hotmail.fr 06 26 67 20 46 Superviser la démarche communicative qet marketing

Responsable Développement Hatem Ben Mansour ben_mansour_hatem@yahoo.fr 06 11 50 83 03 Superviser le développement de la plateforme multimédia

Responsable Infographie Victor Renault renaultvic@gmail.com 06 81 32 82 90 Superviser la création des supports visuels web et imprimés

Responsable Audiovisuel Julien Pavan julien.pavan@free.fr 06 33 80 43 56 Superviser la réalisation des prises d'images photographique et video, ainsi que la prise de sons.

Responsable Flash Brice Rassoul brice.rassoul@gmail.com 06 61 56 36 86

Florian Wagrez florian.wagrez@hotmail.fr 06 64 25 35 66

Moez Aouissaoui moez.djems@hotmail.com 06 19 19 42 55 Superviser les créations flash

Xiachu Liu lxc_1023@hotmail.com 06 28 48 64 48 Création d'animations flash

Harold Presson presson_harold@msn.com 06 20 06 97 78

Dix agences ont été engagées pour promouvoir Nous souhaitons faire transparaître notre concept commerciaux. la colline du Thouar. L’agence Vertiges, afin de dans notre logo en mettant en scène cet enfant Le jeu de mot « Vert » et « Tiges » permet de garder se différencier des autres, a choisi un nom per- qui est en équilibre, au bord du gouffre, prêt à un lien subtil avec l’écologie. La couleur verte recutant et d’adopter une image adéquate, avec tomber. L’observateur s’implique et prend poun logo surprenant. sition automatiquement et peut-être même inconsciemment, en imaginant la suite : l’enfant tombe ou il est sauvé ! En tombant, il se retrouvera dans tout ce que représente la couleur marron. Au contraire, s’il réussit son numéro d’équilibrisme, il retournera dans la partie verte de notre nom et l’objectif de l’agence Vertiges sera rempli. Cet enfant symbolise l’innocence et l’avenir. L’avenir de la planète qui est entre nos mains. Le nom Vertiges n’est pas explicite, on ne pense pas immédiatement à l’écologie. Mais nous recherchions justement à sortir des sentiers battus

présente la nature et l’écologie et, d’un point de vue purement sonore, peut être interprété par « vers », qui représente la direction dans laquelle nous souhaitons diriger nos internautes. Le mot « tiges » qui trouve, dans un premier temps, son intérêt dans la morale d’une fable car, comme le roseau, elle ploie mais ne rompt pas et dans un deuxième temps, la qualité des comportements que nous désirons susciter ne pourra s’accroître que comme une fleur ou un arbre qui pousse : lentement. Petite tige à l’origine pour créer des bases adéquates à sa taille.

et innover, en offrant au public une façon nouvelle d’aborder l’écologie, fuyant les stéréotypes

notre concept et bien entendu la qualité de notre travail.

Nous souhaitons surprendre par l’originalité de

Le projet L’analyse de la demande

veau parc naturel, comme le maire de la ville belle et non pas par terre. de La Garde où se trouve la colline du Thouar. Mais nous souhaitons les atteindre par une voix Un temps nous a été imparti : notre réponse

détournée, puisqu’ils ne sont pas seulement des personnes de pouvoir mais qu’ils font également L’agence Vertiges a été créée à la suite de partit du grand public. De plus, ils peuvent être la demande formulée par trois clients : Romain influencés par ceux qui côtoient tous les jours le Garrouste, Emilie Dehant et Francine Boillot. Ils campus et la colline. souhaitaient faire accepter l’idée que la colline du Thouar peut, au même titre que l’île de PortPour ce qui est de la manière de procéder Cros, être intégrée dans le programme de proc’est à nous de trouver ce qui touchera un maxitection des parcs nationaux. Pour cela, il nous mum de personnes et qui convaincra que cet a été demandé de mettre en place une camespace doit être préservé. pagne multi-supports, basée en premier lieu sur le support le plus utilisé et le plus influençable de Le but second de la demande serait d’amélionotre société : internet. rer le comportement des individus, en autre ceLa demande a été annoncée difficile puisqu’elle lui de la population du campus, à plus ou moins doit toucher des personnes haut placées poslong terme. Les gens doivent apprendre des sédant le pouvoir d’accepter ou non ce nougestes comme jeter ses ordures dans une pou-

finale devra être présentée le 28 Mai. Pour ce qui est d’une description plus complète de nos tâches dans le temps, ces informations sont disponibles dans le diagramme de Gantt.

L’analyse du besoin La demande se place parfaitement bien dans le contexte actuel où le bio est à son apogée et où les médias ne cessent d’aborder le sujet de l’écologie. La mode est à l’écologie. Toutefois, les gens se lassent de voir et t’entendre toujours les mêmes choses. Vertiges devra donc traiter cette demande de manière innovante et nouvelle, apportant des réponses aux besoins et de la cible et des commanditaires. La population du campus a besoin d’accéder à l’Université plus aisément, nous proposerons alors un service de covoiturage. Les internautes visitant notre site web ou des personnes qui prennent connaissance de la Colline du Thouar pourront la découvrir par une visite virtuelle sur notre site internet, permettant ainsi de limiter l’accès au lieu.

Présentation du concept

« Vertiges » désire concevoir des projets ayant pour but de créer une communauté et un comportement éco-universitaire permettant de donner à la colline du Thouar un environnement plus sain et plus respectueux des concepts écologiques du développement durable et de la protection de la biodiversité. Pour ce faire, notre agence émettra des idées allant dans ce sens, éprouvera leur viabilité par des études de marché, de coût, et de faisabi lité à plus ou moins long terme dans un premier temps. Ensuite, nous tenterons de créer une com munauté universitaire s’intéressant aux pro blèmes environnementaux afin d’entretenir le campus de la Garde pour le transformer en un Le besoin sera soit un rêve à réaliser, soit une modèle pour nombre d’autres grâce à la pré envie à satisfaire, soit à besoin auquel il faut ré- servation de la colline du Thouar. Mais aussi, tout pondre. Vertiges offre ces trois types de besoins simplement, par le respect apporté par ses étu pour répondre à un maximum de publics. diants et son administration aux questions de dé veloppement durable.

De plus, «Vertiges» permettra une découverte interactive de la colline du Thouar et de son écosystème tout en reprenant et explicitant certains concepts de préservation de la biodiversité d’une zone. Le lien entre ces deux points est le fait de présenter une zone préservée appartenant à un parc naturel avec des environs bien plus logiques et intéressants dans le but d’un parc naturel que celui d’une zone industrielle. Cette campagne sur le campus permettra aussi de sensibiliser les étudiants à cette zone qu’ils côtoient couram ment sans s’en rendre compte. Notre agence souhaite agir et faire réagir la population du Campus, qui pourra influencer la population extérieure. Etant implantée au sein même de l’Université, nous sommes conscients des problèmes écologiques que subit le Campus et la Colline. Ainsi, nous pouvons plus aisément introduire des solutions. Vertiges va tenter de faire réagir les gens aux problèmes environnementaux en posant les questions adéquates et tentant de modifier le comportement des gens petit à petit.

Diagramme de Gantt

Stratégie de communication

Analyse de l’existant Petit rappel élémentaire : Commande : Conception multimédia et réalisation sur le terrain d’un dispositif de mise en valeur de la biodiversité en priorité sur la colline (Coste Boyère) (appui association étudiant) Valorisation sur le reste du campus envisageable (complémentaire) Synergie avec les actions campus vert et responsable Concept de l’agence :

pour but de créer une communauté et un comportement éco-universitaire permettant de don-

Voici une liste des groupes : accompagnée d’informations sur le groupe

ner à la colline du Thouar un environnement plus sain et plus respectueux des concepts écologiques du développement durable et de la protection de la biodiversité L’agence souhaite aussi promouvoir la zone pour susciter l’attention sur l’utilité de préserver le lieu.

E-BELLULE : ECOLINE ECOLOSION BIODIVERT ECOZONE FUTURA GAIART GENEA TREEBU

Concurrence directe : Notre agence de projets rencontrera la concurrence directe des autres groupes de projets INGEMEDIAN. Travaillant sur la même commande, ils peuvent proposer les mêmes idées que l’agence VERTIGES, aussi bien au niveau du concept ou encore des réalisations multimédias.

«Vertiges» désire concevoir des projets ayant

Pour aller plus loin sur l’analyse de nos concurrents directs, il est essentiel de notifier quelques points intéressant : (Source : note d’intention des groupe)

La majorité des concurrents directs si ce n’est En effet, notre concept pouvant se diviser en la totalité, ont segmenté leurs prospects en trois deux grands axes :

selon plusieurs critères pertinents. Cette analyse nous permettra de nous différencier de l’existant

catégories, un peu à l’image de notre agence afin de pouvoir optimiser leur stratégie de communication. Cible 1 : Scolaires : Cible 2 : Etudiants : Cible 3 : Grand public.

tout en créant un produit web répondant aux objectifs de manière optimale. En effet, les points faibles de nos concurrents doivent être étudiés et évités ou améliorés. Les points forts peuvent être repris mais alors de manière beaucoup plus originale et adaptée aux cibles.

promotion de la biodiversité de la zone en question. Mise en place d’une campagne de sensibilisation sur l’environnement grâce à la mise en place d’une communauté et d’un comportement éco-universitaire.

La création et le développement d’une visite virtuelle de la colline du Thouars reviennent chez tous nos concurrents. Nous devons donc porter Ce type de concurrent concerne les sites interune grande attention à cela et pouvoir répondre net consacrés à la promotion et à l’information par un produit plus pertinent et plus original. concernant la biodiversité d’une zone ou d’une région. Ajoutons à cela que les plus importants seront Concurrence indirecte : ceux qui sont consacrés à la biodiversité dans le VAR et la région PACA. Deux types de concurrents indirects. Pour cela, nous avons analysé les sites internet

Enfin, il existe des associations environnementales (dont les associations universitaires dites « vertes ») avec lesquelles nous pouvons éventuellement créer un partenariat. (Ces associations pouvant être des concurrents sur la mise en place d’une communauté et d’un comportement éco-universitaire.).

Nom du site Public ciblé Mode de présentation Accès au site Option de la langue CONTENU (60%) Information détaillée / étendue du site Logique de l'organisation des informations Pertinence des liens vers l'extérieur : qualité des pointeurs Date de la dernière mise à jour (si – 3 trois mois > TB) Accès en ligne au texte complet des documents Qualité de la langue et/ou de la traduction Présence utile et pertinence des illustrations ou des animations Sources d'information claires et bien identifiées TOTAL CONTENU /60 NAVIGATION (20%) Facilité de déplacement (aller-retour, retour page d'accueil, plan du site) Compréhension aisée des boutons d'orientation Qualité de l'outil de recherche indexant le contenu du site Rapidité de chargement du site et des différentes pages TOTAL NAVIGATION /20 PRESENTATION VISUELLE (40%) Design du site et couleurs utilisées Lisibilité du texte Rapidité de chargement des illustrations Qualité de l'impression (imprimante) TOTAL PRESENTATION VISUELLE /14 ACCECIBILITE (6%) Présence dans les principaux répertoires et outils de recherche Adresse intuitive TOTAL ACCECIBILITE /6

www.portcrosparcnational.com Grand public adulte Texte et illustrations Libre Français Faible (1 Bien (5 TB pt) pts) (9 pts) X X X X X X X X Faible (1 pt)

Bien (3 Pts)

48/60 TB (5 Pts)

Un bon site internet.

X X Faible (1 pt) X

Faible (1 pt)

Le site du parc national de port-cros a trois objectifs pricnipaux:

X X Bien (3 pts) X X X Bien (3 pts) X X

• Informatif

10/20 TB (5 pts)

• Informatif

sur sur

les les

zones

concernées

visites

autres

sur

activités

biodiversité. possibles.

• Informatif sur la réglementation et sur la politique de gestion. Le site est avant tout un site «vitrine». Il est fait pour rechercher

10/14 TB (5 pts)

des

informations

utiles

sur

zone

protégée

parc.

Point(s) fort(s): Utile d’un point de vue informatif Point(s) faible(s): Site «vitrine». On retrouve que des photos sur la biodi-

6/6

versité protégée et donc aucune visite virtuel. Le site est trop statique malgrè une actualisation régulière.

www.mercantour.eu Grand public adulte Texte et illustrations Libre Français Faible Bien TB (1 pt) (5 pts) (9 pts) Information détaillée / étendue du site X Logique de l'organisation des informations X Pertinence des liens vers l'extérieur : qualité des pointeurs X Date de la dernière mise à jour (si – 3 trois mois > TB) X Accès en ligne au texte complet des documents X Qualité de la langue et/ou de la traduction X Présence utile et pertinence des illustrations ou des animations X Sources d'information claires et bien identifiées X TOTAL CONTENU /60 56/60 NAVIGATION (20%) Faible Bien TB (1 pt) (3 Pts) (5 Pts) Facilité de déplacement (aller-retour, retour page d'accueil, X plan du site) Compréhension aisée des boutons d'orientation X Qualité de l'outil de recherche indexant le contenu du site X Rapidité de chargement du site et des différentes pages X TOTAL NAVIGATION /20 16/20 PRESENTATION VISUELLE (40%) Faible Bien TB (1 pt) (3 pts) (5 pts) Design du site et couleurs utilisées X Lisibilité du texte X Rapidité de chargement des illustrations X Qualité de l'impression (imprimante) X TOTAL PRESENTATION VISUELLE /14 12/14 ACCECIBILITE (6%) Faible Bien TB (1 pt) (3 pts) (5 pts) Présence dans les principaux répertoires et outils de recherche X Adresse intuitive X TOTAL ACCECIBILITE /6 6/6 Nom du site Public ciblé Mode de présentation Accès au site Option de la langue CONTENU (60%)

Un des meilleurs sites concercant un parc national en France métropolitaine. Le site est doté d’une interface web 2.0. Il permet à l’internaute de s’abonner au flux RSS, Twitter et Facebook du parc du Mercantour. Nous pouvons également recevoir les newsletters en s’inscrivant sur le site. Des sondages sont proposés. Le site est informatif. On retrouve les informations essentielles sur le parc. Il y a une gallerie photos sur le parc, sa biodiversité et sa richesse. Enfin, le plus interressant concerne la visite virtuelle que propose le site. Elle est de bonne qualité et elle ressemble davantage au système de Google earth avec zoom assez précis et donc des belles images du parc dans son ensemble sont proposées. Point(s) fort(s): Site web2.0. Interface et ergonomie de qualité. Visite virtuelle de bonne augure. Informatif et ludique. Point(s) faible(s): Site un peu lourd . Lenteur pour certains éléments du site (photos principalement). Installation d’un plugin pour la visite virtuelle.

http://w3.upmkymmene.com Public ciblé Grand public Mode de présentation Texte et illustrations (flash) Accès au site Libre Option de la langue Français, Anglais, Allemand, Mandarin. CONTENU (60%) Faible Bien TB (1 pt) (5 pts) (9 pts) Information détaillée / étendue du site X Logique de l'organisation des informations X Pertinence des liens vers l'extérieur : qualité des pointeurs X Date de la dernière mise à jour (si – 3 trois mois > TB) X Accès en ligne au texte complet des documents X Qualité de la langue et/ou de la traduction X Présence utile et pertinence des illustrations ou des animations X Sources d'information claires et bien identifiées X TOTAL CONTENU /60 36/60 NAVIGATION (20%) Faible Bien TB (1 pt) (3 Pts) (5 Pts) Facilité de déplacement (aller-retour, retour page d'accueil, X plan du site) Compréhension aisée des boutons d'orientation X Qualité de l'outil de recherche indexant le contenu du site X Rapidité de chargement du site et des différentes pages X TOTAL NAVIGATION /20 10/20 PRESENTATION VISUELLE (40%) Faible Bien TB (1 pt) (3 pts) (5 pts) Design du site et couleurs utilisées X Lisibilité du texte X Rapidité de chargement des illustrations X Qualité de l'impression (imprimante) X TOTAL PRESENTATION VISUELLE /14 14/14 ACCECIBILITE (6%) Faible Bien TB (1 pt) (3 pts) (5 pts) Présence dans les principaux répertoires et outils de recherche X Adresse intuitive X TOTAL ACCECIBILITE /6 4/6 Nom du site

Un site de bonne qualité, ludique et culturel à la fois.Nous avons choisi d’analyser ce site puisqu’il présente une bonne visite virtuelle (rôle principal du site), point que nous souhaitant dévellopper pour notre projet. C’est avant tout, un portail qui présente une visite virtuelle d’ un parc naturel protégé au Canada. La viste virtuelle est entièrement en 3D et est réalisée à partir de vrais photos. En se balladant on peut intéragir avec l’environnement pour connaitre des informatiosn sur les éléments qui nous entourent. (faune, flore, ...) Point(s) fort(s): Très bonne qualité. Ludique, informatif et culturel. Beaucoup d’intéractivités présentent. Le site est aussi rapide et il n’y a pas besoin d’installer un quelconque programme. Point(s) faible(s): Le site ne fait pas l’objet d’une actualisation régulière et peut faire donc croire qu’il est obsolete malgrè sa bonne qualité.

www.parcduluberon.fr Grand public Texte et illustrations Libre Français Faible Bien TB (1 pt) (5 pts) (9 pts) Information détaillée / étendue du site X Logique de l'organisation des informations X Pertinence des liens vers l'extérieur : qualité des pointeurs X Date de la dernière mise à jour (si – 3 trois mois > TB) X Accès en ligne au texte complet des documents X Qualité de la langue et/ou de la traduction X Présence utile et pertinence des illustrations ou des animations X Sources d'information claires et bien identifiées X TOTAL CONTENU /60 56/60 NAVIGATION (20%) Faible Bien TB (1 pt) (3 Pts) (5 Pts) Facilité de déplacement (aller-retour, retour page d'accueil, X plan du site) Compréhension aisée des boutons d'orientation X Qualité de l'outil de recherche indexant le contenu du site X Rapidité de chargement du site et des différentes pages X TOTAL NAVIGATION /20 18/20 PRESENTATION VISUELLE (40%) Faible Bien TB (1 pt) (3 pts) (5 pts) Design du site et couleurs utilisées X Lisibilité du texte X Rapidité de chargement des illustrations X Qualité de l'impression (imprimante) X TOTAL PRESENTATION VISUELLE /14 14/14 ACCECIBILITE (6%) Faible Bien TB (1 pt) (3 pts) (5 pts) Présence dans les principaux répertoires et outils de recherche X Adresse intuitive X TOTAL ACCECIBILITE /6 6/6 Nom du site Public ciblé Mode de présentation Accès au site Option de la langue CONTENU (60%)

Un site internet informatif pertinent. Le site présente aisni les atouts du patrimoine du Luberon. On peut aussi s’informer sur les activités présentes autout de la zone protégée. On peut se renseigner sur les hébergements disponibles, les évènements locaux. Cela reste un site vitrine, mais il est sobre, bien adapté à un public large, relativement adulte. Plusieurs liens vers d’autres acteurs sont présents et ils sont pertinents. cela renforce le sérieux du site qui plus est, régulièrement mis à jour. Point(s) fort(s): Sobre, informations bien dosées et pertinentes. Il y a aussi de bonnes fiches concernant le patrimoine, et la biodiversité du lieu. Point(s) faible(s): On regrettera le côté site «vitrine» sans newsletters par exemple.

http://www.covoiturage.fr/ Grand public Texte et illustrations, BdD Libre avec espace membres Français Faible Bien TB (1 pt) (5 pts) (9 pts) Information détaillée / étendue du site X Logique de l'organisation des informations X Pertinence des liens vers l'extérieur : qualité des pointeurs X Date de la dernière mise à jour (si – 3 trois mois > TB) X Accès en ligne au texte complet des documents X Qualité de la langue et/ou de la traduction X Présence utile et pertinence des illustrations ou des animations X Sources d'information claires et bien identifiées X TOTAL CONTENU /60 32/60 NAVIGATION (20%) Faible Bien TB (1 pt) (3 Pts) (5 Pts) Facilité de déplacement (aller-retour, retour page d'accueil, X plan du site) Compréhension aisée des boutons d'orientation X Qualité de l'outil de recherche indexant le contenu du site X Rapidité de chargement du site et des différentes pages X TOTAL NAVIGATION /20 14/20 PRESENTATION VISUELLE (40%) Faible Bien TB (1 pt) (3 pts) (5 pts) Design du site et couleurs utilisées X Lisibilité du texte X Rapidité de chargement des illustrations X Qualité de l'impression (imprimante) X TOTAL PRESENTATION VISUELLE /14 14/14 ACCECIBILITE (6%) Faible Bien TB (1 pt) (3 pts) (5 pts) Présence dans les principaux répertoires et outils de recherche X Adresse intuitive X TOTAL ACCECIBILITE /6 6/6 Nom du site Public ciblé Mode de présentation Accès au site Option de la langue CONTENU (60%)

Notre projet a étudié la mise en place d’un service de covoiturage. Actuellement, c’est une idée que nous tentons de dévelloper. Ainsi, nous avons décidé d’analyser l’existant. Ce système de service est nouveau et il commence à connaitre une bonne notoriété. De plus, l’utilité du service partcipe à son extension. Enfin, aujourd’hui, d’un point de vue financier, (mais aussi écologique), le covoiturage va surement devenir plus populaire. Le présent site est le numéro un en France. Il propose plusieurs milliers de trajets, et cela en mettant en relations les différents internautes inscrits sur le site. Aussi, on retrouve un tas de rubriques dites «pratiques». Point(s) fort(s): Sont disponibles, des millers de trajets relativement bien répartis sur le térritoire métropolitain. La mise en relations des membres fonctionne bien. Le site est mis à jour quotidiennement. La recherche de trajet est simple. Point(s) faible(s): Un peu trop d’information sur la page d’accueil pour une première visite. La logique d’organisation n’est pas optimale.

Afin de supporter notre action nous mettrons en place une communication sur deux fronts. Tout d’abord, il nous faudra informer, mais aussi, en parallèle poser des outils communautaires sensibles afin de supporter la création

partissent en deux grandes catégories. a/ Informer : - Les usagers du campus de la Garde : Ils se- Il faut informer sur les enjeux, les intérêts mais ront les principaux membres et acteurs de notre aussi sur les actions qui peuvent se réaliser par communauté. L’enjeu est de les engager à en- des gestes simples et anodins. trer dans une chaîne d’action afin de transfor-

d’une communauté sur le campus de la faculté. Bien sûr, ces deux fronts n’ont pas la même implication en fonction des cibles.

mer le campus et leurs comportements pour qu’ils soient respectueux de l’environnement. - Les usagers d’autres universités : Bien qu’il soit plus complexe de promouvoir notre site auprès d’eux dans un premier temps, il serait logique d’assurer une promotion à leur égard dans un deuxième temps afin de placer le campus de la Garde comme un exemple.

Cibles Les cibles de notre projet rentrent dans deux grandes catégories : - Le grand public : Il s’agit de l’ensemble de la population. Notre communication vis-à-vis du grand public s’orientera vers une information. Le but sera de montrer, d’expliquer l’intérêt de la protection de la colline de Coste Boyère ainsi que la beauté du lieu à travers les supports qui seront présents sur notre site. - Les universitaires : Il s’agit de l’ensemble des personnes côtoyant les universités. Ceux-ci se ré-

Objectifs de la campagne

b/ Engager :

Notre deuxième point est de regrouper et d’engager les usagers du campus de la Garde dans l’accomplissement de gestes simples. Comme par exemple adhérer à un groupe facebook ou coller un autocollant sur son trieur, tout en communiquant sur des gestes plus évolués comme le fait de garder sa canette afin de la déposer dans une poubelle.

c/ Changer :

Il s’agit là du but ultime de notre communication. Une fois que les principaux acteurs de la communauté sont regroupés, proposer et échanger des idées visant à améliorer la qualité des comportements écologiques. Réussir à créer La campagne a pour objectif la transformation une identité forte. « Je garde ma canette pour des habitudes et des paysages afin de soutenir la jeter à la poubelle » devient « je viens à la fac le projet de protection de la colline du Thouar. en covoiturage » Elle se déroule en trois temps :

Contraintes

Stratégie de création

nous serait possible de proposer à ces associations de devenir leurs partenaires. De fait, nous réaliserions leurs affiches ou flyers et notre logo et adresse web figureraient sur ces supports. La date finale de réalisation de notre pro- Notre stratégie de communication s’orientera Une des autres entrées se fera lors de nos tenjet se trouve au 28 Mai 2010 où nous soutien- principalement sur le modèle de la « Cpy stratetatives d’établir la viabilité d’un projet. En effet, drons celui-ci. Il ne sera bien sûr pas possible en gy ». Celle-ci est généralement employée pour à ces occasions nous réaliserons des études de un laps de temps restreint de modifier vraiment des produits du quotidien ne nécessitant pas de marché, et donc des sondages. Ainsi, nous pourles comportements car un tel projet nécessiterait réflexion d’achat poussée. Aussi comme nous rons nous faire connaître directement des étuun travail de longue durée afin de prendre sa désirons modifier les comportements, il nous faut diants. pleine mesure. Néanmoins, nous pourrons tenter créer de nouvelles habitudes. Ces deux données permettent aisément de de juger si celui-ci a été satisfaisant sur notre pre- Afin de nous faire connaître nous allons réaliser créer une ambivalence dans le « ton » ne notre mier mois. des affiches. Comme vu précédemment notre stratégie de création. D’une part, le côté plaisir, D’un point de vue budgétaire, la de- budget est une contrainte forte de notre projet. « avec Vertiges je protège et je fais la fête », et mande étant réalisée dans le cadre d’un projet Aussi nous est-il venu à l’idée d’utiliser les soirées d’autre part, une image d’implication, « Vertiges étudiant il nous faudra faire face à celle-ci avec étudiantes et certains événements du campus était sur le campus pour tenter un nouveau prodes budgets d’étudiants, aussi sera-t-il compli- comme une solution intermédiaire. En effet, jet ». qué pour nous de réaliser un nombre de visuels nombre d’événements sont organisés par des Toujours dans cette optique de copy strategy, personnels très élevé du fait du prix de l’impres- associations qui souvent impriment des affiches nous devons formuler une promesse auprès des sion. ou flyers qui ne sont pas aussi esthétiques qu’ils adhérents à notre communauté. Cette prole désireraient du fait du temps allouable et des messe est bien sûr de créer un contexte intérescompétences. Aussi avons-nous pensé qu’il

sant de la colline du Thouar et d’apporter des solutions simples pour protéger son environnement immédiat. La preuve que nous apporterons pour soutenir notre promesse se trouve à la base de notre concept : « Mettre les gens au bord du gouffre ». Afin de justifier notre promesse et la nécessité de changer les choses, nous montrerons la colline de Coste Boyère telle qu’elle est à l’heure actuelle. Ce qui fait son charme et ce qui la dégrade, ce qui disparaîtra si notre action porte ses fruits. A l’heure actuelle, l’écologie étant très à la mode, l’impact de notre projet pourrait avoir des répercussions plus fortes, des répercussions qui bénéficient aux consommateurs. En effet, toutes les entreprises tendent à s’associer à des projets, à des comportements éco-citoyen afin d’améliorer leur image. Il sera donc valorisant pour un étudiant de provenir d’un campus où se trouve

un espace préservé rattaché à un parc natio- en utilisant le biais d’un autocollant ou, le lendenal et où les étudiants sont sensibilisés et informés main, d’une inscription à notre groupe sur un des par rapport aux problématiques écologiques. réseaux sociaux. Nous créerons aussi l’occasion lors de nos sondages. Un questionnaire remplit et un autocollant pour la route par exemple. Il y a de forte chance pour que possédant l’autocollant celui-ci finisse afficher sur une des propriétés de la Comme expliquée précédemment, notre personne et que celle-ci porte, du fait qu’elle stratégie de moyens se basera principalement montre par ce biais son appartenance à la sur l’affiche et sur nos interventions au sein de la communauté, une plus grande attention à nos fac. Les affiches où nous espérons apparaître le actions et y participe. plus sont celles réalisées pour des associations Enfin dans la mesure où nous nous trouvons qui nous permettront de nous faire connaître à l’ère du « Web 2,0 », il paraît bien sûr logique de sans avoir de frais d’impression. Il sera, à partir baser notre communication sur celui-ci puisqu’il de là, intéressant de créer l’opportunité en se convient énormément à notre cible universitaire. déplaçant sur les lieux de l’événement et d’y Nous serons donc présents sur plusieurs réseaux participer tout en assurant une promotion de sociaux afin de faire vivre la communauté en fond. Les gens ne se souviendront pas nécessai- ligne. S’inscrire au groupe facebook pourra être rement tout de suite du message mais peuvent un premier acte engageant. facilement s’engager grâce au contact humain

Stratégie de moyens

Logo

Notre logo partait de l’idée d’un enfant observant l’abîme que nous désirons montrer à travers notre communication. Néanmoins, celui-ci a depuis évolué. D’abord le ‘t’ de «Vertiges» a disparu pour que le petit garçon du logo prenne sa place et une branche est apparue soulignant le nom de notre agence. Ceci dans un but originel de recherche d’esthétique et de marquer notre désir de charte graphique à trois couleurs.

Identité

tuelle, l’humanité va basculer vers le «marron» et tout ce qui s’y rapporte.

Puis la branche a pris de la consistance afin de placer l’enfant en équilibre sur cette branche afin de venir appuyer l’idée de gouffre dans lequel on peut tomber très facilement. Ultimement, les mains du garçon se sont trounées vers le bas et ses bras étendus afin de rappeller la position d’un enfant traversant un précipice en équilibre sur un tronc d’arbre. La dernière évolution fut de supprimer toute trace de bleu dans notre logo afin de l’alléger et de supprimer un sens inquiétant qui pourrait se lire dans la couleur bleue de la branche. Les couleurs ont, de plus, été inversées. En effet notre but est de faire changer les choses pasà-pas. Notre message nous montre néanmoins qu’il ne faut pas continuer sur la voie sur laquelle se trouve l’humanité face à l’écologie à l’heure actuelle. Aussi il paraît logique que le vert, la couleur associée à l’écologie se trouve en arrière. Alors que si nous continuons sur la voie ac-

FonctionnalitĂŠs Site Web

Introduction

Le contenu du site

Le site internet est un excellent moyen de communiquer. Or pour cela il faut avoir en tête quelques règles fondamentales à respecter. Un site internet, tout comme un logiciel, doit être conçu de façon à être attrayant par son aspect graphique, mais encore plus important que cela, il doit être conçu de façon ergonomique. L’ergonomie ne doit en aucun cas être entachée par quoi que ce soit. Le succès d’un site réside avant tout dans son ergonomie. L’utilisateur doit être capable de se diriger et de trouver l’information recherchée de façon intuitive. Il est donc primordiale d’établir à l’avance un plan de la structure du site. Ce plan doit faire apparaître les différentes pages, ainsi que les liens qui les relient entre elles.

Plan navigationnel du site PAGE D’ACCUEIL ESPACE NATUREL PROJET CAMPUS VISITE VIRTUELLE GLOSSAIRE NETTOYAGE COVOITURAGE ECO

AMENAGEMENTS RESEAU MISTRAL NAVETTE VELOS

Description des différents contenus Projet Campus vs Espace Naturel: Ce site est divisé en deux parties principales. La première partie, l’espace naturel est dédié à la colline du bord du campus. Elle est composée de trois parties: -La visite virtuelle, qui est une application flash, permettant de se promener dans cette colline juste en se connectant au site. Réalisée grâce à un ensemble de clichés pris sur la colline. -Le glossaire, relié intimement à la visite virtuelle, il répertorie la plupart des espèces protégés de la faune et de la flore présentent sur la colline. -Le nettoyage de la colline, cette partie permet de s’inscrire afin de participer à l’entretien de la colline. Cet événement est organisé par l’association étudiante qui s’occupe de la colline. Ensuite, la deuxième partie est appelée « projet campus », elle permet d’inciter les étudiants à rentrer dans un processus d’éco-citoyenneté. Cette partie est divisée en trois sous-parties: -Le covoiturage, qui est une application permet-

tant aux étudiants de rentrer, de trouver facilement des «co-voitureurs», afin de limiter les déplacements des étudiants le matin et le soir dans la région toulonnaise, et de limiter la saturation des parkings du campus. Les étudiants pourrons s’inscrirent grâce à un formulaire détaillé, permettant de se renseigner sur un maximum de critères, afin de créer des relations entre des étudiants. -Eco-aménagement, cette partie permet de décrire les aménagements réalisés sur le campus, qui participent et augmentent l’éco-participation des étudiants. Cette partie permet de montrer aux étudiants que des poubelles permettant de faire le tri ont été installées, que les machines à café sont pourvues de gobelets cartonnés.... -Le Réseau Mistral, cette partie permet aux étudiants de se renseigner et de bénéficier des services proposés par le partenaire principal de notre agence. Le réseau mistral qui proposera via notre site, des navettes dédiées aux étu diants et des vélos en location et en libre service sur le campus et les environs.

Graphisme Introduction La charte graphique a pour principal but de créer une relation d’attraction entre les interfaces et les utilisateurs. Elle détermine le design du site qui représente la disposition et la forme des organes dans l’espace et dans le temps, c’est à dire la configuration. D’emblée, nous nous formons une idée à partir du fond d’écran, du choix des caractères, de la présence ou l’absence d’illustrations, de la clarté de la mise en page. Son style nous plaît, nous indiffère ou nous rebute. C’est la raison pour laquelle nous avons décidé que la forme prime sur le fond, non pas qu’elle soit plus importante, mais elle vient en premier lieu : c’est une vitrine. De ce fait, nous allons mettre en relief notre choix des éléments de notre composition (lignes, formes, couleurs…) à partir du concept que nous allons analyser ci-dessous.

Conception graphique du site

Dans un premier temps, il a fallut trouver un juste milieu entre 2 principes: -Premièrement, nous voulons fabriquer un univers graphique, qui correspond véritablement à l’agence ainsi qu’au message que nous voulons diffuser. -Deuxièmement, nous voulons réaliser un site simple d’accès, où l’information est facilement accessible, claire et utilisable par tous. Le problème étant que ces deux principes sont radicalement opposés. Enfin, disons que s’il est déjà difficile de créer un univers graphique cohérent, qui correspond aux messages véhiculés par l’agence, il est encore plus difficile de rendre cet univers clair et d’y diffuser de l’information. Afin d’illustrer mes propos, voici un exemple: Le site «http://www.m1-design.de/» possède un graphisme très impressionnant, on y découvre un univers véritablement complet. Ce qui est normal car ce site présente les travaux réalisés par un collectif d’artistes. Cela dit, la navigation de ce site n’est pas aisée est accessible pour

tous. Tous les éléments bougent en fonction des mouvements de la souris, il faut utiliser le clavier afin de profiter de toutes les fonctionnalités du site... Ceci participe à l’univers du site, mais pose certaines barrières entre le site et le public. Les developpeurs de ce site se sont permis cela, car la cible doit sans doute être composée principalement par une jeune tranche d’âge. En ce qui nous concerne, notre cible est assez large et regroupe un large panel de la population. Nous ne pouvons donc nous permettre de réaliser ce genre d’interface. Cela dit, nous possédons une identité forte. Notre nom et notre logo est accrocheur et donne envie de découvrir ce qu’il y a derrière. Cela implique donc que nous ne pouvons nous permettre de réaliser une charte graphique classique et sobre. Nous voulons donc pouvoir trouver un juste milieu entre ces deux aspects. Pour cela, nous devons réaliser un univers simple, composé d’éléments suffisamment représentatifs, afin que chaque utilisateur du site puisse naviguer à son aise au sein du site.

Charte graphique La charte graphique a pour principal but de créer une relation d’attraction entre les interfaces et les utilisateurs. Elle détermine le design du site qui représente la disposition et la forme des organes dans l’espace et dans le temps, c’est à dire la configuration. D’emblée, nous nous formons une idée à partir du fond d’écran, du choix des caractères, de la présence ou l’absence d’illustrations, de la clarté de la mise en page. Son style nous plaît, nous indiffère ou nous rebute. C’est la raison pour laquelle nous avons décidé que la forme prime sur le fond, non pas qu’elle soit plus importante, mais elle vient en premier lieu : c’est une vitrine.

Gamme des formes : Une forme est déterminée par l’organisation des contours d’une image ou d’un objet à deux ou trois dimensions. Dans nos interfaces graphiques, nous avons opté pour les formes arrondies. En effet, le cercle est un symbole de protection. De plus, c’est une forme fine qui présente la durabilité, la solidité et le mouvement.

Gamme des lignes :

mains et de quelques animaux. Ainsi, le choix des couleurs est très important car il influence sur nos émotions et notre humeur. Il est donc souhaitable d’en prendre conscience avant de faire un choix définitif. Dans notre travail, nous avons opté pour les couleurs suivantes : Le vert, le bleu et le marron qui sont des couleurs qui connotent la nature et l’environnement. - Le vert : c’est la couleur la plus présente dans la nature. Associée à juste titre au monde végétal, qui est son plus digne représentant, le vert est une couleur apaisante, rafraîchissante et même tonifiante. Dans la culture occidentale, on l’associe à l’espoir et à la chance. - Le bleu : C’est une couleur que l’on a l’habitude de voir, notamment dans la nature (le ciel et la mer). Et d’ailleurs, couleur de l’océan, le bleu évoque ainsi des idées de voyages, de découvertes et d’horizons lointains. Dans cette même perspective, on peut même dire qu’elle nous pousse à la connaissance, c’est à dire à la compréhension, aux questions fondamentales, à la profondeur des choses.

Une ligne est un ensemble de points, elle représente une trajectoire du déplacement d’un point. On distingue trois types de lignes : droite, curviligne et brisée, et elle peut prendre trois directions : verticale, horizontale et oblique. - Les lignes droites de direction verticale sont utilisées pour suggérer le repos, la continuité et mettre en relief les informations et offrir une De ce fait, nous allons mettre en relief notre meilleure lisibilité et concentration. choix des éléments de notre composition (lignes, - Les lignes courbées, elles, mettent en valeur formes, couleurs…) à partir du concept que nous l’idée de mouvement et de dynamisme dans la allons analyser ci-dessous. composition afin de réduire la sensation de routine. Concept : A partir de ces gammes de formes et de lignes, - Le marron : Couleur de la terre par excellence, C’est l’idée exprimée dans le projet et ceci par nous avons réalisé quelques compositions afin le marron est une couleur douce, rassurante et les formes, les couleurs, la typographie. En effet, d’atteindre la maquette finale des interfaces. presque maternelle. Ni triste, ni joyeuse, cette le choix de ces derniers a été étudié selon le couleur neutre est l’une des plus répandues aussi concept et la notion de la nature de notre probien dans le monde animal que végétal ce qui Gamme des couleurs : duit, et c’est après avoir défini ses mots-clés, que explique qu’on se sente bien en sa présence. La couleur est une sensation visuelle aux lonnous avons pu en avoir une idée finale. gueurs d’onde reçues par l’œil des êtres hu-

La typographie:

Visite virtuelle :

Nous avons choisi la typographie « Verdana », qui est une typographie standard caractérisée par une structure sans empattement, simple et lisible, correspondant à la quantité d’information présente dans notre site.

La visite virtuelle représentera l’outil d’insertion dans le réel. L’internaute visitant le site aura logiquement envie de découvrir physiquement le lieu et pour satisfaire ce besoin nous allons mettre en place un système de randonnée virtuelle dans laquelle le visiteur sera gratifié d’une certaine liberté de Animations: curiosité. En impliquant l’internaute, on pourra Nous allons utiliser des animations simples, légères glisser plus facilement des informations scientien taille, au niveau de la bannière qui contient fiques. Ces données seront liées à des médias le logo, pour assurer l’interactivité du portail. photo ou vidéo pour faciliter leur inscription dans le réel mais aussi dans le but de flatter le lieu. Une ambiance musicale légère va venir se grefLe choix des graphismes et des illustrations joue fer dans la bande sonore pour véhiculer plus efun rôle fondamental dans la présentation du site ficacement le ton de la visite. La musique sera et la compréhension de son contenu, pour cette plus apparentée à un renforcement atmosphéraison, il faut bien tenir compte du choix des rique, aucun thème ne devra briser la ligne de images, leurs formats, leurs tailles et leurs résolucompréhension du spectateur. tions. Pour notre application, le choix des images est étudié selon notre concept, ces images sont de format «JPEG» et de petite taille afin de minimiser le temps de téléchargement.

Propositions d’interfaces :

Langages : Définition XHTML: XHTML est une abréviation d’Extensible HyperText Markup Language. Reformulation de la norme HTML 4.0 en XML, incluant trois DTD correspondant à celle de HTML 4.0 (strict, transitionnel et frameset, pour la version 1.0). L’intérêt est de permettre un passage en douceur du HTML classique à XML. Définition CSS: CSS signifie en anglais « Cascading Style Sheets » et se traduit « feuilles de style en cascade » en français. On utilise le langage CSS pour décrire la présentation d’un document écrit en htlm ou xml. La CSS décrit les couleurs, la police... La CSS permet de rendre un document plus agréable à lire, mieux présenté... La CSS a donc pour rôle d’améliorer la mise en page, de séparer la structure de sa présentation et d’améliorer l’accessibilité des pages web. Le langage CSS n’est autre que des feuilles de style en cascade.

Fonctionnement du site et technologies associées Contraintes Techniques de diffusion

*Assurer l’animation de la page d’accueil : Un site doit être vivant : bannières animées, actualités, visite virtuelle dopent la fréquentation. On peut également utiliser l’arme absolue d’InterLa norme W3C net, le « marketing viral », créer un bouton «recommander ce site à un ami », etc. *Web sémantique : Aujourd’hui, les utilisateurs du *Interopérabilité : Il y a vingt ans, les gens acheWeb partagent leurs connaissances dans des taient des logiciels qui fonctionnaient uniquelangages essentiellement humains. Sur le Web ment avec les autres produits du même foursémantique, nous pourrons nous exprimer dans nisseur. Aujourd’hui, une plus grande liberté de Pour le développement de notre site, nous des termes que nos ordinateurs pourront eux- choix est présente, et les utilisateurs attendent nous imposons le respect des normes du consor- aussi interpréter et échanger. Ce faisant, nous des composants logiciels modernes qu’ils soient tium World Wide Web. Cela nous permet d’assu- pourrons leur faire résoudre des problèmes que interchangeables. rer aux clients une qualité notable et une optimi- nous trouvons fastidieux, pour nous aider à trou- Ils souhaitent aussi accéder aux contenus Web sation de l’e-accessibilité. ver rapidement ce que nous cherchons. avec leur matériel et logiciel préféré (navigateur Voici six points principaux concernant la norme Dans notre cas, par exemple, des informations de bureau graphique, synthétiseur vocal, affiW3C : sur la colline, campus, covoiturage, etc. chage braille, téléphone mobile...). Le W3C est *Accès universel : Le W3C définit le Web comme *Confiance : Le Web est un espace collabora- une organisation neutre qui favorise l’interopél’univers des informations accessibles en réseau. tif, et il ne doit pas être limité à la seule lecture rabilité en concevant et promouvant des lanAujourd’hui, cet univers offre à notre société de comme un magazine. Pour favoriser un envi- gages informatiques et des protocoles ouverts nouvelles formes de communication humaine et ronnement mettant davantage l’accent sur la (non propriétaires), afin d’éviter la fragmentation permet un partage accru des connaissances. collaboration, nous devons établir un Web de que le marché a connu dans le passé comme Un des premiers objectifs du W3C est de mettre confiance garantissant la confidentialité, ins- par exemple avec le monopole toujours actuel ces avantages à la disposition de tous les indi- pirant la sécurité, et permettant aux individus mais descendant d’Internet Explorer. vidus, quelque soit leur matériel ou logiciel, leur d’être responsable des contenus mis en ligne. infrastructure réseau, leur langue maternelle, leur culture, leur localisation géographique, ou leurs aptitudes physiques ou mentales. Les activités d’internationalisation, de web mobile, de tv web, de navigateur vocal, et l’initiative d’accessibilité au web illustrent cet accès universel.

*Evolutivité : Le W3C vise l’excellence technique dans ses travaux mais est bien conscient du fait que nos connaissances et nos besoins actuels seront sûrement insuffisants pour résoudre les problèmes. Il faut donc construire un site Web qui pourra aisément évoluer en un site encore meilleur, sans nuire à ce qui fonctionne déjà. Les principes de simplicité, de modularité, de compatibilité, et d’extensibilité guident tous les efforts de conception.

• le développement d’une approche collaborative (développement des commentaires des visiteurs…) • l’utilisation de standards du web (XHTML, CSS, RSS, etc.) Il est alors évident qu’il est très important que notre site réponde entièrement à ces normes et courants pour rester enclin avec la technologie actuelle, et ainsi assurer une plus grande pérennité de notre site.

tomatiquement sauvegardés dans la base de données MySQL.

Le PHP joue ici un rôle de communicant entre la base de données et le site, c’est ainsi que se crée le dynamisme du site, la plupart du contenu (contenu des pages, bannières publicitaires) ne sera fixé en dur dans une page HTML. Il serait alors assez compliqué à modifier ensuite pour un utilisateur non expérimenté, mais le PHP va alors chercher les informations dans la base de données (par le biais d’exécution de requêtes SQL), Le web 2.0 puis importer dans la page HTML finale générée, encore grâce au PHP. Le Web 2.0 n’est pas une norme établie telle Pour conclure, nous noterons l’importance de que le W3C, comme expliqué précédemment. ces deux langages qui vont détacher le conteCe n’est ni un label, ni une méthode de travail. Il Le langage PHP/ MySQL nu et les paramètres du code source. Ainsi les s’agit plutôt, et ce pour les plus enthousiastes, de opérations de maintenance et de backup seplacer l’utilisateur au cœur du Web. Comme la plus grande partie de notre site ront alors simplifiées, ce qui assurera une durée Ce courant est basé sur plusieurs caractéristiques sera développé par le langage PHP donc notre de vie plus longue à notre site final. qui seront essentielles pour notre site web. interface s’articule entre une base de données MySQL et son code source, écrit en PHP. Cette A savoir : articulation est très avantageuse dans le sens • des interfaces plus riches, plus ergonomiques, ou toutes les données enregistrées (édition de plus fluides (drag & drop, rafraîchissement ciblé contenu, données d’inscription des utilisateurs, de la page) login et mot de passe…) sur notre site seront au-

Techniques et technologies utilisées

La technologie AJAX (Asynchronous JavaScript And XML) Vu que notre site doit respecter les nouvelles normes et technologies mentionnées dans la partie précédente alors la technologie AJAX présente la base de ces normes. Cette technologie nous permet de créer un site tout en utilisant un certain nombre de technologies Web dans le but de produire des contenus interactifs et réactifs ne nécessitant que peu d’appels au serveur hébergeant la page pour rendre cette dernière dynamique. Avec Ajax, les échanges avec le serveur se limitent aux informations nécessaires. La quantité de données qui transite entre le serveur et le client est donc réduite et notre site gagne en réactivité. Donc toutes nos pages HTML (formulaire d’inscription, affichage d’actualité, affichage d’information) seront manipulées sans la nécessité de recharger les interfaces.

La bibliothèque Jquery

Consulter les campagnes de nettoyage de la colline. La bibliothèque Jquery est une bibliothèque Ja- S’inscrire dans une campagne de nettoyage de vaScript open-source et cross-browser qui per- la colline. met de traverser et manipuler très facilement S’inscrire dans le site. l’arbre DOM de nos pages web à l’aide d’une Récupérer son mot de passe si l’internaute l’a syntaxe fortement similaire à celle d’XPath (qui oublié. Envoyer un message de contact est la syntaxe de manipulation d’arbre XML). jQuery nous permet par exemple de changer/ ajouter une classe CSS, créer des animations, Partie campus modifier des attributs, etc. mais également de gérer les événements JavaScript ainsi que de Cette partie doit permettre à un internaute de : faire des requêtes AJAX le plus simplement du monde. S’inscrire dans le site, un mail sera envoyé contenant les coordonnées d’accès. S’identifier après l’inscription en utilisant votre login et mot de passe. Ajouter une offre de covoiturage, cette offre doit être validée par l’administrateur. Réserver une place dans une offre de covoituPartie colline rage. Cette partie du site doit permettre à un inter- Consulter les offres de covoiturage. Consulter les actualités. naute de : Envoyer un message de contact.

Fonctionnalités front office

Fonctionnalités back office

Le back- office est géré par un seul administrateur via un login et mot de passe ces derniers sont modifiables par une rubrique (gérer les codes d’accès) dans le back office. Donc le back – office va permettre à l’administrateur de : Gérer les inscris (consultation et suppression, validation) et bien évidemment un mail sera envoyé aux inscrits après la validation. Gérer les offres de covoiturage (consultation, suppression et validation) et de même pour l’envoie de mail de validation. Gérer les réservations de covoiturage (consulter et supprimer). Gérer les messages des contacts (consulter, supprimer et répondre). Gérer les actualités du site (ajout, suppression, modification). Gérer les campagnes de nettoyage (ajout, suppression, modification). Gérer les listes des inscrits dans les campagnes de nettoyage.

Gérer le contenu statique des différentes rubriques du site (présentation, réseaux mistral, location des vélos etc.…). Gérer les bannières publicitaires (ajout, suppression, modification).

Hébergement : caractéristiques Outre l’ergonomie et le design, un site correct se doit d’être rapide à l’affichage, sinon l’utilisateur se lasse des chargements interminables. C’est pourquoi il est important de noter la place cruciale que prend l’hébergement dans la création d’un site web. Notre site sera développé en utilisant le langage PHP 5, il nécessite la version de PHP5 et une base de données MySQL. Les pages étant générées dynamiquement, il faut aussi que le serveur soit assez puissant pour faire face à des multiples demandes de génération simultanées. Il doit être pourvu d’une bonne bande passante (supérieure ou égale à 100MB/sec) pour que les

fonds d’ambiance sonores et vidéos puissent être chargés sans coupures. Il nécessite aussi un espace disque alloué supérieur ou égal à 400Mo (pour les contenus vidéo, sonore, et applicatifs). Cependant, les besoins sont moins importants (au vu du nombre de personnes visées) qu’un site e-commerce, ou tout autre site devant gérer un afflux continu d’utilisateurs. Nous pouvons donc nous orienter vers un hébergement de type mutualisé et non dédié (qui serait alors beaucoup plus couteux et moins intéressant, au vu des différents objectifs du site). Une autre caractéristique de l’hébergement est le nom de domaine attribué à notre site, qui joue un rôle important dans sa fréquentation et son référencement. Le cœur de cible ce situant en France, le nom de domaine se doit donc de finir par ‘.fr ‘. Propositions de nom de domaine : - www.collines-vertiges.fr -… Le but ici est d’avoir un nom de domaine qui ne soit pas trop compliqué à retenir pour les utilisateurs, et qui fasse directement référence.

Référencement

pour l’intitulé ‘Réserve Biologique’, l’outil nous indique que le terme ‘recherche biologique’ est le plus employé pour des recherches. Outre la communication dans un espace réel Nous pourrons alors entrer ces mots-clefs dans (exposition, flyers, publicité…), tout site web qui les Meta-descriptions du site (balise HTML perse respecte doit être référencé sur des moteurs mettant de rentrer les mots clefs du site web). Il de recherche. Ainsi, le site sera beaucoup plus est aussi intéressant d’utiliser ces mots-clefs dans rapidement identifiable, et nul besoin d’en rel’url du site (par exemple : www.colline-vertiges. tenir l’adresse pour y retourner. Il n’est toutefois fr/espace-colline ), dans le titre de la page (bapas aisé de se faire référencer dans les premiers lise <title>), dans les textes en surbrillance (baliens d’un annuaire, voici quelques points qui ailise h1,h2), ou encore dans la description des deront à cette tâche. images (attribut alt). En prenant garde toutefois L’important pour notre portail est qu’il soit reconde ne pas mettre tous les mots-clefs dans une nu en tête de liste par les moteurs de recherche même balise. Ces dernières méthodes seront pour des mots-clefs tels que : applicables par le biais des titres des articles ou - Réserve Biologique, colline, campus, ingéméimages. dia, USTV; - Vertiges, étudiants, etc. Optimiser son référencement, c’est aussi publier Ainsi, un public cherchant des informations sur le lien de son site sur d’autres sites déjà références localités pourra directement accéder à notre cés et surtout les réseaux sociaux (face book, portail. Cependant, pour aider à trouver des Twitter, …). Ce qui, dans un premier temps, aura mots-clefs pertinents, Google met à disposition pour conséquence d’augmenter le trafic du site, des outils tels que Keyword Tools External (dispomais aussi d’être mieux détectable par les robots nible à l’adresse : https://adwords.google.com/ analyseurs des moteurs de recherche. select/KeywordToolExternal). Il nous indique alors Il faut cependant veiller à placer le lien vers quels seraient les mots-clefs les mieux adaptés notre portail sur des sites à thématique proche (les plus recherchés sur Google). Par exemple, ou directement concernés par notre projet. Afin

d’éviter le phénomène de rebond (l’utilisateur arrive sur le site mais n’est pas intéressé par son contenu et repart directement sans cliquer ou lire une fois sur le contenu). Maintenant que le positionnement par mots-clefs et liens externes est optimisé, il faut soumettre notre site auprès des moteurs de recherches et des annuaires. Il est cependant nécessaire de savoir qu’en France le site le plus visité est Google (source Médiamétrie : étude 2008). Il est donc primordial de viser un bon référencement sur Google avant d’autres annuaires. Pour soumettre notre site sur Google, il faut se rendre sur le lien suivant : https://www.google. fr/webmasters/sitemaps, y créer son compte et rajouter notre site. Google nous indiquera par la suite les derniers moyens à mettre en œuvre pour réussir son référencement. Enfin, il n’est toutefois pas négligeable de soumettre notre portail aux autres annuaires (liens externes en plus). Cependant, ce travail peut être facilité grâce à des outils comme Website Submitter (http://www.shareit.com), un logiciel de soumission semi-automatique.

Sécurité Il s’agit tout d’abord d’interdire l’accès au back office pour tous les utilisateurs, seul l’administrateur a un accès pour cette partie et pour des raisons de sécurité, il peut périodiquement changer son login et mot de passe via la rubrique dédiée. Le site devra procéder à une identification et une authentification sécurisées des utilisateurs, donc toutes les pages intégrant un formulaire de saisie d’identifiant et de mot de passe pour les accès privés, seront sécurisées.

Limites générales Limites linguistiques : Le site sera accessible en Français.

Limites d’accessibilité : Le site sera accessible via les navigateurs suivants : IE 6 ou plus, FireFox , Opéra ,Google Crome.

FonctionnalitĂŠs Supports audiovisuels

Projets audiovisuels

Raisons et besoins d’une réalisation audiovisuelle

Pour commencer,

la licence TAIS option CIAN nous donne une formation en audiovisuel. Nous avons donc la chance de réaliser quel-ques court-métrages en groupe de RéaCo. Parmi les nombreux projets audiovisuels possibles, nous pouvons réaliser un documentaire, sur la colline et ses alentours, ou expliquer le fonction d’un des services que propose l’agence Vertiges (nettoyage bénévole de la colline, covoiturage,...). Ces productions permettront d’enrichir et de valoriser le projet Vertiges. Nous avons décidé de faire un spot publicitaire pour le covoiturage. Pour cela, nous avions à disposition le matériel d’Ingémédia et bien

sur l’ensemble du groupe Vertiges. Nous avons donc pu tourner, en novembre, dans le cadre du cours de monsieur Constantin. Le tournage a pris deux jours et nous n’avons pas eu de gros problèmes. Nous sommes actuellement en post-production, plus exactement nous faisons le montage.

Matériels et logiciels disponibles pour les productions audiovisuels Dans le cadre de nos projets, l’agence Vertiges dispose d’un matériel audiovisuel semi-professionnel, prêté par l’Institut Ingémédia, idéal pour la réalisation de spot publicitaire, interview, court-métrage… Caméra Sony DV CAM semi-pro, jeux d’éclairages, perche son, trépied caméra, nous permettent de proposer un média audiovisuel à notre projet. Un appareil photo Reflex est utilisé pour nos réalisations visuelles dans les projets

graphiques et d’audiovisuels. L’institut Ingémédia nous met à disposition un fond vert ainsi qu’un panel d’éclairage pour obtenir les lumières souhaitées. En ce qui concerne les logiciels, nous utiliserons les logiciels de la suite Adobe c’est-àdire Adobe Première : pour le dérushage des séquences filmées sur cassettes ainsi que pour le montage vidéo et sonore. After Effect : pour la réalisation d’animation vidéo, Photoshop en second temps pour travailler ou retoucher d’éventuels documents qui seront intégrés. Le Pôle Audiovisuel travaille en relation avec le Pôle Graphisme pour quelconques conseils ou idées sur des éléments graphiques.

Court métrage réalisé en novembre Choix du sujet Notre site internet proposera un service de covoiturage, l’idée du spot publicitaire est de montrer le fonctionnement de ce service. Sujet : Valoriser notre système de covoiturage en expliquant le fonctionnement simple et économique de ce service. Intérêt de la vidéo : Inciter les gens à utiliser notre système de covoiturage en ligne, découvrir le covoiturage en montrant l’efficacité, la simplicité et les avantages de ce système. Temps : une durée de 1 à 5 minutes maximum est idéale pour conserver l’attention du visiteur. Nature et support : Caméra Sony DV-CAM numérique avec cassette DV. Personnages : 3 étudiants utilisant le covoiturage Moez AOUISSAOUI, Brice RASSOUL et Marion BACHELARD

Scénario Scène I : Intérieur fin de journée 18h Domicile de Moez Moez, 22 ans, devant son ordinateur portable, est sur internet. Le moteur de recherche Google cherche « covoiturages vertiges » et tombe sur le site du groupe Vertiges. Moez rabat l’écran de son ordinateur à l’aide de sa main et sort de la pièce Scène II : Extérieur début de journée 9h Rue du Domicile de Moez

Moez habillé chaudement attend devant chez lui sur le trottoir. Il tend son bras pour regarder son portable. Il est 7h30 précise. Moez regarde la voiture arriver à son niveau. Il se penche à la fenêtre côté conducteur et s’adresse à celui-ci, Brice. Le jeune homme ouvre la porte arrière et s’introduit dans voiture. Une fille, Marion, se trouve à l’avant de la voiture, côté passager. Les 3 étudiants se mettent à discuter dans la voiture. La voiture s’éloigne du domicile de Moez. Scène III : Intérieur jour Voiture coté passager Du point de vue du passager, il regarde la route et écoute la musique. Le regard de Moez s’arrête sur le panneau de l’université. Scène IV : Extérieur jour Université de Toulon La voiture rentre dans le parking. La caméra s’arrête sur le panneau de l’université.

Autres idées pour de futurs projets audiovisuels

Scène V : Extérieur jour Parking université La voiture se gare à une place de parking de l’université. Les 3 personnages sortent et se disent au revoir, Sachant que le court-métrage sur le coils partent chacun de leurs côtés. voiturage est quasiment terminé, l’agence Vertiges peut envisager de produire un autre projet. Scène VI : Message du covoiturage, adresse site Voici quelques idées abordées : internet et logo.

Spot publicitaire ou explication du fonctionnement de nos services Temps : 1 à 5 min Sujets possibles : *Pour le nettoyage bénévole de la colline : Comment y adhérer et conséquences de ce service sur la colline du Thouar. *Vue panoramique (survol) du campus ou de la colline : Permet de proposer un aperçu du lieu à l’internaute.

Documentaire sur le campus et la colline du Thouar -Interview des étudiants, personnels de l’université, riverains habitant près de la colline. -Découverte de la colline : Son coté positif (biodiversité, vue,…) ou/et son coté négatif (déchet, installation humaine,…). -Découverte du campus : Vue description du campus (superficie, nombre d’étudiants,…) -Etude de la biodiversité de la colline.

Réalisation d’une fiction On peut aussi envisager de faire aussi une fiction intégrant comme décor la colline du Thouar. Un exemple : *épouvante/fantastique : un groupe d’étudiants décide d’aller camper dans la colline. Ils se retrouvent confrontés à une créature. Autres genres envisageables : Comédie, action, aventure, Thriller,...

Récapitulatif technique

Infographie : Suite Adobe : Photoshop et Illustrator Programmation : Suite Adobe : Dreamweaver Animation : Suite Adobe : Flash Audiovisuel : Caméra Sony DV-CAM numérique avec cassette DV Adobe Suite : Premiere et After effect