2DSocial Games

3D3Doodler, le stylo 3D

Maxon et Adobe s’associent

AudiovisuelGoogle Glass

WEBLe nouveau Facebook

PoopleMaps, l’appli anti-déjéctions

Message de remerciement

Si vous lisez ces lignes, je suis au regret de vous annoncer que la pérennité de notre projet n’est pas certaine. Pour rappel, Multiclics est un webzine réalisé dans le cadre d’un projet tuteuré. Nous espérons bien sûr, que notre projet sera repris l’année prochaine et nous en serions ravis.Vous trouverez, avant de lire notre troisième magazine, un petit commentaire de chaque membre de l’équipe:

« Ce fut un plaisir d’avoir pu lier et partager avec vous, lecteurs, mes connaissances dans ces différents domaines, et d’avoir pu vous informer sur les dernières nouveautés en terme de web. J’espère que Multiclics ne finira pas comme ce cher Bender (cf. le robot alcoolique de Futurama).Merci encore. On a été agréablement surpris par l’audience du magazine, qui a dépassé les 2000 visiteurs.»

Je vous laisse découvrir notre magazine, bonne lecture !

Simon Michel Redacteur en chef

Infographie 2D

Infographie 3D

AudioVisuel

Web

Dossiers 2D : 570 Méga-pixels pour découvrir l’univers - page 5 Scandale chez Ikéa - page 6 Bien choisir sa tablette graphique - page 7

Atelier 2D : Réaliser Mr Multiclics sous Illustrator - page 8

Dossiers 3D : 3Doodler : le premier stylo 3D - page 10 Alliance entre Maxon et Adobe - page 11 Nouvelle version de Luxology - page 12

Formation 3D : ESMA : Ecole Supérieur des Métiers Artistiques - page 13

Dossier AudioVisuel : Google Glass  : les lunettes du futur - page 15 Formation AudioVisuel : Licence Professionnelle Technique et Activités de l’Image - page 16 Licence Professionnelle Activités et Technique de Communication - page 17

Présentations Web : PoopleMaps : Marcher dans les crottes, elle t’évitera - page 19 Le Nouveau Facebook : Le remède à l’ennui ? - page 20 Chrome World Wide Maze : Et si les sites étaient des labyrinthes - page 22 Formation Web : Licence Pro ATC spécialité Webdesign (IUT Mulhouse) - page 23

#3S o m m a i r e

Le monde de la 2D

INFOGRAPHIE 2D

5

Dossier2D

Social games

Le graphisme des social games Ces jeux gratuits et pourtant lucratifs ont fait le bonheur de nombres de sociétés spécialisées ces dernières années. Farmville, Cityville, Les Simpsons Sprinfield et j’en passe, tout ces jeux sont basés sur le même gameplay qui en font des jeux sensible-ment identiques. Autre avantages: les environnements peuvent variés à loisir sans que le système de jeux n’ait à changer. Gérant d’une animalerie, d’une pâtis-serie ou même d’une agence immobilière, à vous de choir votre terrain de jeux bien que l’expérience offert par chacun de ces titre soit sensiblement la même. C’est le design qui vient servir le système de jeux ainsi les méchants éditeurs véreux peuvent tou-cher des cibles toujours plus large sans se casser la tête (les vieux, les jeunes, les riches, les pauvres...), en effets on à du mal a imaginer un social game pre-nant place dans une prison de haute sécurité en Irak.

Mais la rentabilité de ces jeux repose tout d’abord sur des mécanisme psychologique mesquins. Une fois le client (pigeon) attiré dans le jeux par la gratuité il faut le retenir dans le jeux et le pousser à dépenser ses dollars. Jusqu’à quel point les édi-teur peuvent-ils nous laisser jouer gratuitement? Et pour cela rien de mieux que la pression sociale: On veut la meilleure ville, le même bonnet de Noël que tout les autres joueurs, se montrer avec une grosse épée enflammée, en gros on veut se la péter pour faire voir aux autres joueurs que c ‘est nous le plus fort! Dans un social game cet effet d’accroche se joue lors des première minutes de jeux ressem-blant à un tutoriel durant lequel on nous apprend non pas l’expérience qu’offrira le jeux mais celle qu’il offrirai pour peu qu’on y investisse de l’argent.

Source: Jeuxvideo.com

6

Dos

sier

2D

Mét

ier :

Gra

phis

te

Le métier de Graphiste

Souvent le premier élément à être jugé par les joueurs, le graphisme (2D ou 3D) reste le point central d’un jeux, son identité! Design des person-nages, réalisme des cinématiques, originalité des décors, le graphiste devra mettre les mains dans le cambouis pour retranscrire les idées du direc-teur artistique, du game-designeur, et du scéna-riste.

Suivant de près la direction artistique désirée et recher-chée pour donner vie à un univers et une histoire, le graphiste est évidemment celui ou celle par qui l’aspect visuel prend vie et forme, qu’il s’agisse des personnages, des décors ou même de l’identité graphique du jeu et de ses menus .

Source: Le Monde.fr

7

Dossier2D

Petros Afshar

Petros Afshar : Illustrateur

Petros Afshar est un graphic designer londonien à l’univers vectoriel. Artiste freelance il conçoit des illustrations, des typographies ou des logos et a déjà travaillé pour des clients tels que Microsoft, Hugo Boss, Adidas, Red Bull etc…

Je vais vous presenter içi quelques une des ses illustration réalisées pour diverses marque comme source d’inspiration.

8

Dos

sier

2D

Form

atio

n

LP Métiers de l’édition Spécialité : Edition multi-supports

Cette licence forme des professionnels associant la maîtrise des NTIC à la culture générale nécessaire pour exercer dans les métiers de l’édition. Ils mettront en œuvre et en page sur supports papier et multimé-dias toute forme de production à destination de la jeunesse.

Activités visées · Réaliser une étude de faisabilité du projet

· Évaluer l’impact des supports, des produits

· Coordonner et préparer la réalisation de produits multi-supports (supports papier et numérique) en particulier pour la jeunesse

· Mettre en oeuvre des produits éditoriaux (graphisme en ligne ou sur support papier) ainsi que des actions de communication pour la distribution et la diffusion des produits et supports pour la jeunesse (flyers, affiches, etc.)

· Participer au développement du livre numérique (adaptation des contenus aux spécificités du support : smartphone, iphone, console, etc.)

Formation(s) requise(s) - Etudiants issus de L2 : Psychologie, Lettres, Arts plastiques et histoire de l’art, Information et communi cation ;

- DUT information et communication

- BTS Design de produits, design d’espace, design de mode, communication visuelle, communication et industries graphiques, édition DEUST Métiers du livre ;

infos: içi

Le monde de la 3D

Infographie 3D

1310

Dos

sier

3D

3Doo

dler

Mais c’est quoi 3Doodler  ?

3Doodler : le premier stylo 3D !

N’avez vous jamais rever de pouvoir soulever votre crayon à papier et de voir votre dessin devenir un véritable objet tridimensionnel ? Cest désormais possible grâce à 3Doodler !

Le 3Doodler est un stylo d’impression 3D qui permet de créer des tracés 3D sur diffé-rents types de supports et même dans les airs  !

Pas besoin d’ordinateur, il suffit de le brancher et de dessiner. Ce stylo révolutionnaire utilise du plastique ABS (comme la plupart des imprimantes 3D) qui est chauffé à l’intérieur du stylo et qui se solidifie aus-sitôt au contact de l’air en une structure solide et stable. Il vous sera également possible de dessiner normalement sur différents types de surfaces pour ensuite ôter votre dessin et le faire tenir debout.3Doodler est donc une toute nouvelle façon de créer des objets et des œuvres artistiques.

Que vous soyez un artiste, amateur ou passionné d’im-pression 3D, ce petit gadget est fait pour vous ! De plus, ce stylo est beaucoup plus abordable qu’une imprimante 3D. Pour couronner le tout, les créateurs de 3Doodler ont prévu de mettre à disposition sur leur site, des po-choirs totalement gratuits pour vous aidez à concevoir différents objets comme une tour Eiffel par exemple.

De nombreux artiste s’y sont déjà essayés et les résultats sont vraiment surprenants !

Vous pouvez consulter la vidéo de présentation juste ici

11

Dossier 3D

Alliance Maxon, Adobe

Non vous ne rêvez pas, Adobe (qu’on ne présente plus) et MAXON, l’éditeur de l’outil de 3D Cinema 4D ont annoncé avoir conclu une alliance stratégique autour de leurs logiciels !

Difficile à croire mais c’est bel est bien vrai !

Cette alliance concerne plus particulièrement le logiciel Cinéma 4D du côté de MAXON et After Effect du côté d’Adobe. Le but étant de donner aux utilisateurs une base transparente 2D/3D.

«Un logiciel qui combine 3D et effets spéciaux ? Que c’est alléchant !»

Les informations à ce sujet sont encore très mince, mais sur l’un des blogs d’Adobe, l’auteur promet que les deux logiciels vont pousser leur interaction actuelle à un niveau plus élevé, chaque logiciel s’en tiendra à ce qu’il sait faire de mieux et s’appuiera sur son voisin pour le reste.

On attend donc avec impatience les informations complémentaires à ce sujet

Petit rappel sur ces logiciels :

Cinéma 4D

«CINEMA 4D est une solu-tion 3D de pointe que les utilisateurs After Effects ont appris à connaître et apprécier en raison non seulement de sa simplici-té d’emploi, de sa vitesse et de sa stabilité mais aussi de son intégration très étroite avec cette application de composi-tion 2D»

Source : Harald Egel, co-foundateur et CEO de MAXON Computer GmbH

After Effect

«Adobe After Effects peut se prévaloir d’un historique de 20 années durant lesquelles il n’a eu de cesse de fixer la norme parmi les logiciels de motion gra-phics et d’effets spéciaux»

Non c’est pas possible ???

Source : Steve Forde, chef-produit senior After Effects chez Adobe.

Fuuuuusion

1512

Dos

sier

3D

Mod

o 70

1

Luxology  : Modo 701 La toute dernière version du logiciel de modélisation, animation et rendu de Luxology est

disponible depuis le 19 mars. Multiclics revient sur cette mise à jour.

C’est quoi Modo ?

Modo est un logiciel de 3D déve-loppé par Luxology qui permet de créer de façon simple et rapide des contenus 3D de haute qualité pour le développement de jeux, la visualisation de projets de concep-tion en design, les effets spéciaux cinématographiques, la production vidéo et les arts graphiques. Un

des points forts de modo étant le niveau de liberté laissé à ses utilisateurs concernant la configuration du logiciel, ce qui lui permet de répondre très précisément à leurs besoins.

La Version 701

Le 19 mars dernier, la version 701 de ce logiciel a été mise à disponibilité des utilisateurs.Voici les principales nouveautés de cette version :

- moteur de particules procédural - playback audio et éditeur de canal audio - amélioration au niveau du scene graph pour en réduire la complexité - couche dédiée à la simulation physique, le but étant d’améliorer les performances - simplification des systèmes complexes de matériaux et shaders - performances améliorées jusqu’à X175 pour les scènes imposantes - amélioration de la synchronisation de l’aperçu de rendu, jusqu’à x50 sur les grosses scènes - nouvel interpréteur Python, plus rapide - rendu réseau illimité.

Aperçu de cette mise à jour en vidéo juste ici

13

Formation

Esma

L’ESMA de Montpellier et de Toulouse forme chaque années des étudiants en cycle professionnel de cinéma d’animation 3D. Multiclics revient sur cette école membre du RECA (Réseau des Ecoles fran-

çaises de Cinéma d’Animation).

ESMA : l’Ecole supérieur des métiers Artistiques

Présentation L’ESMA est une école située à Montpel-lier, Toulouse et prochainement à Nantes (ouverture en septembre 2013) qui forme chaque année de nombreux étudiants. Elle propose différentes formations : MANAA, Photographie, BTS Design d’Espace, BTS Design Graphique ou encore un cycle professionnel en cinéma d’animation 3D. Cette école a obtenu le label IPAX (Imageworks Professionnal Academic eXcellence) délivré par les studios Sony Pictures Imageworks qui regroupe au-jourd’hui qu’une vingtaine d’écoles dans le monde seulement ! L’ESMA est éga-lement membre du RECA (Réseau des Ecoles françaises de Cinéma d’Animation).

AdmissionL’ESMA est accessible post-bac que ce soit pour les étudiants sor-tant d’un Bac Professionnel, technologique ou général. Aucune limite d’âges n’est imposé. L’admission ce fait sur examen du dossier scolaire et sur présentation d’un book multimédia lors de l’entretien de moti-vation. Si vous comptez postuler pour le cycle professionnel en ciné-ma d’animation 3D, je vous conseille de mettre l’accent sur le dessin !

Durée de la formationLa formation en animation 3D nécessite une formation sur 3ans parmi lesquels, un stage obligatoire de huit semaines vous sera imposé en fin de deuxième année. A la fin de ces 3 an-nées d’étude, chaque étudiant reçoit le titre RNCP de niveau II.

EnseignementDurant ces 3 années d’études, les étudiants reçoivent un enseignement professionnel et général leurs permettant d’apprendre les différentes techniques de modélisation et d’animation nécessaire à la création d’un film d’animation. Mais savoir modéliser et animer un personnage ne suffit pas pour créer un bon film ! C’est pourquoi, l’ESMA propose également un apprentissage concernant l’élaboration de story-board, l’écriture de scénario, le montage audio/vidéo, les effets spéciaux ... En plus de cet enseignement professionnel et général, les étudiants reçoivent un enseignement artistique basé sur les différentes techniques de dessin et expression plastique, l’analyse de l’image, l’histoire de l’art...

Pour plus d’information, vous pouvez consulter le site officiel juste ici ! Je vous conseille également de jeter un oeil sur les différents films réalisés par les étudiants !

En 3ème années, les étudiants ont pour objectif de réaliser des court-métrage qui seront ensuite présentés à des grands noms du cinéma d’animation, du jeu vidéo et des effets spéciaux numériques tels que Dreamworks, Luxani-mation, Mac Guff, NWave Digital, Def2Shoot, Eden. Chaque année, ces courts-métrages sont sélectionnés et primés dans les plus grands festivals nationaux et internationaux et de nombreux étudiants sont par la suite recrutés dans de grands studios !

Le monde de L'Audiovisuel

Audiovisuel

15

Google Glass  : les lunettes du futur

Dernièrement le géant Google a dévoilé un nouveau produit high-tech, les Google Glass. Ce gadget est en faite une paire de lunettes à réalité augmentée.

Ces lunettes sont dotés d’une caméra, d’un micro, e pavé tactile sur les branches et de haut-par-leurs. On retrouve des capteurs présents sur nos smartphones, comme le compas, le gyroscope et l’ac-céléromètre. Les lunettes seront capables de se con-necter en réseau via le Wifi ou de se coupler avec un autre appareil mobile.

Ces lunettes, ont pleins de fonc-tions possibles. En utilisant le micro interne vous pouvez tous simplement dire : « prend une photo », et les lunettes prendront une photo instantanément. De même pour filmer. On retrouve éga-lement des fonctions que l’on retrouve sur nos smartphones, comme l’envoie de message, une fonction pour ce parler en temps réelle grâce à la caméra intégré on peut contacter une personne sur son ordi-nateur pour lui montrer en live ce qu’on voit en ce moment même alors que nous avec nos lunettes nous les voyons grâce au petit écran situé sur le devant.

Les Google Glass peuvent utiliser des appli-cations comme sur nos téléphones, ou l’on pourra envoyer des messages, utiliser une sorte de GPS pour piétons. Google espère même par la suite pouvoir avoir des conversations téléphonique. Le futur est proche.

Le prix : 1500 $

En ce concerne sa sortie. On peut déjà se les procurer au USA depuis cette année en version EX-PLORER pour les plus fou d’entre vous, pour un prix de 1500$, Oui. La sortie Officiel est prévue pour 2014.

Audiovisuel D

ossierG

oogle Glass

16

Licence Professionnelle Technique et Activités de

l’Image et du Son

Contenus et objectifs de la licence pro TAIS

Situé au bord de la mer en bretagne, la licence pro de Saint-Brieuc TAIS, permettra à l’étudiant de se senbiliser au contexte théorique et culturel (psychoacoustique, analyse filmique, principe de numérisation, management de projet, droit de l’audiovisuel, etc.) et apprendra à maîtriser les tech-niques comme le tournage, cadrage, prise de son, montage, intégration multimédia.

L’enseignement est prodigué par des enseignants ainsi que par des professionnels de l’image, du son et du multimédias. La licence peut se faire sur place, au campus Mazier de Saint-Brieuc ou bien par alternance.

Exemple de convergence en licence pro :

Dans la partie «Audio» les étudiants apprendront l’acous-tique et la perception sonore pour comprendre le chemine-ment d’un son. Des ateliers pratiques du son seront envisa-gés pour réaliser par exemple des prises de son.

Dans la partie «Visuel» de la formation, les étudiants feront des analyse filmique et histoire des représentations pour comprendre la conception d’une image. Des ateliers pra-tiques de l’image seront aussi envisagés pour réaliser par exemple des montages vidéos.

Dans la partie «Internet» de la formation, les étudiants effectueront des cours d’informatique et de réseau pour comprendre le protocole de transmission, la convergence technologique pour la réalisation d’un site web.

A la fin de cette convergence, les étudiants effectueront une convergence numérique avec des projets comme la réalisa-tion d’un site web, des captations multicaméras, etc.

Compétences et savoirs :

L’étudiant diplômé maîtrise la chaîne de numérisation, d’un film, d’une vidéo, d’une animation infographique.Il écrit, maquette et monte une réalisation courte dans le genre fiction ou do- cumentaire, il synchronise et mastèrise sur un support numérique, il maîtrise la mise en ligne, des ressources visuelles et sonores. Il crée une navigation valori-sant ces ressources.

Il réalise une implantation scénique musicale complexe, il configure et syn- chronise l’installation audionumérique nécessaire à la captation, il enregistre et mixe la prestation, il grave et met en ligne la production sonore.

Dos

sier

For

mat

ion

Lice

nce

Pro

TAIS

St-

Brie

uc

Débouchés professionnels

• Nouveaux métiers de la communication (infographiste In-ternet, concepteur développeur web ou multimédia, webmas-ter, chef de projet).• Métiers du multimédia et de l’audiovisuel.• Métiers techniques de l’enseignement supérieur (technicien dans les centres d’Ingénierie multimédia éducatif).

Selon le profil de l’étudiant, la licence pourra déboucher sur les métiers suivants :

chef de projet audiovisuel numérique, opérateur web TV, intégrateur multimédia spécialisé dans l’audiovisuel, chargé de communication multimédia, assistant en post-production numérique, assistant réalisateur en médias électronique, scé-nariste multimédia.

Stages

12 semaines minimum d’avril à juin ou stage étalé sur l’an-née.

Les objectifs du stage sont :

- Etre capable de mettre en pratique les enseignements de licence dans les domaines de la captation vidéo, de l’enregis-trement sonore et de l’intégration multimédia.- Connaître de milieu de l’audiovisuel professionnel.

Pour plus d’informations vous pouvez visiter le site internet de la Licence pro :

CIAN (convergence internet audiovisuel)

http://www.taiscian.info/site/

17

Dossier Form

ationLicence ATC

Angoulèm

e

licence pro ATC de Chambéry

Une autre sorte de licence dans le domaine de l’audiovisuel, la licence pro de Chambery ATC, permettra aux étudiants les plus passionés dans le domaine du multimédia, de l’innovation et de l’esthétique visuelle de continuer leur poursuite d’étude dans une école comme celle-ci.

Des metiers de l’image et du son :

Après la formation plusieurs possibilités s’offre à vous on retrouve le plus souvent :

• Assistant chargé de production multimédia• Assistant de réalisation• Webmaster• Designer d’interactivité• Chef de projet audiovisuel• Assistant montage son• Chargé de communication...

150 H de projets multimédia :

Dans la formation les étudiants auront énormement de pro-jets à réaliser en groupe ou seul. voici quelques exemples :

Film, site web, communication événementielle, print, DVD. Tous les projets sont encadrés par des professionnels et suivis par un enseignant-tuteur, avec accès aux ressources techniques, pédagogiques et humaines de l’IUT de Chambéry.

Un Enseignement polyvalent et Professionnel en 1 an

Une formation polyvalente de 450 heures de cours et de 15 semaines en entreprise.

MISE A NIVEAU (50 H)

• Anglais / Communication / Projet • Bases informatiques(langages : HTML, Javascript, PHP)• Logiciels (Photoshop, Dreamweaver, Première, ...)

CULTURE TECHNIQUE (50 H)

• Systèmes d’information et SGBD • Traitement de l’image et du son

CULTURE ESTHÉTIQUE & CONTEMPORAINE (50 H).

• Culture artistique et contemporaine image / son• Analyse d’oeuvres (art contemporain, cinéma, son) • Anglais

Licence Professionnelle Activités et Technique de Communication

Créer, Concevoir, Développerles supports de communication de demain.

PROJET MULTIMEDIA (40 H)

• Conception et développement de projet• Économie, création d’entreprise• Concepts produits multimédia • Ecriture multimédia et méthodologie projet vidéo

PARCOURS IMAGE (100 H)

• Montage numérique / Projet multimédia • Conception Flash• Effets vidéo• Conception DVD• Régie vidéo

PARCOURS SON (100 H)

• Traitement audio / Régie audio • Conception projet son• Projet multimédia / Régie vidéo

Stages/Projets Tutores

Durant la formations les étudiants réaliserons un projets tutorés par groupes d’étudiants structurés en agence, sous la direction de tuteurs et en partenariat avec une entreprise. On peut retrouver par exemple la conception et réalisation d’un film, site web, de la communication évènementielle ou encore un DVD.

• Stage de 15 semaines en entreprise

Voici quelques exemples de missions réalisées pour les entreprises :

• Suivi vidéo et photographique du chantier des Halles de Chambéry. • Création de DVD et de clips en ligne pour l’In-stitut de la Montagne. • Captation multimédia d’événements pour la MJC de Chambéry(Festival, Concert)

WEB

LEWEBprog MOBILEjeux

LE MONDE DU

DO

SSIE

R W

EB

PO

OP

LEM

AP

S

Marcher dans les crottes, elle t’évitera

L’idée est née il y a un an à l’IUT de Cergy dans le Val d’Oise, dans la tête de quatre étudiants issus du DUT Services et Réseaux de Communication. Leur concept était simple, géo-localiser les crottes de chiens dans les rues pour les éviter.

Originale et drôle, ils ont mené ce projet de façon professionnel, avec à sa tête Eléna (chef de projet et de la communication), Jos-selin (graphiste et développeur) et enfin Barbara (éditorialiste).

En Mars dernier, il mettait à disposition une version bêta de leur site, et depuis, ils ont fait un bon bout de chemin. Se limitant dans un premier temps à la France, l’utilisa-tion s’est étendue aux pays francophones, à l’Angleterre... C’est désormais outre-atlantique qu’on utilise Poople Maps, de la Californie à New York. Une version anglaise est même prévue pour satisfaire pleinement les anglophones.

Dans tout les cas, l’idée de responsabilisation de la population prime sur l’aspect amusant, car quand on regarde la carte ou encore même nos rues, on com-prend tout l’intérêt d’une application de ce genre.

Un projet qui a de l’avenir, à l’image de son équipe de réa-lisation. Alors n’attendez plus, rendez-vous dès maintenant avec votre smartphone sur Pooplemaps.com et signalez les déjections que vos pieds, je vous le souhaite, éviteront !

19

Aperçu de l’application (c) Pooplemaps

The Poople Maps(c) Pooplemaps

Poople Maps est une web-application pour smartphone qui consiste à référencer les déjections des animaux canins dans les rues du monde entier.

PR

ESEN

TAT

ION

WEB

LE

NO

UV

EAU

FA

CEB

OO

k Le Nouveau Facebook,le Remède à l’Ennui  ?

D’après une récente étude de Business Insider, les jeunes s’ennuient sur le réseau social au milliard d’utilisateur, et ils préfèrent faire marcher la concurrence qui ne manque pas dans le domaine, Twitter et Vine, (sa filiale de partage de photo) Instagram, Google+ et les centaines de réseaux sociaux spécialisés.

Un nouveau fil d’actualitéConscient de ce revers, c’est le 7 Mars que le patron de Facebook en personne a présenté à la presse, la nouvelle version de son site. Alors que les derniers résistants à la « Timeline » l’ont adopté de force depuis l’automne 2012, la firme de la Silicon Valley fait évoluer cette dernière, avec un mot d’ordre : « la visibilité ». On peut se l’avouer notre fil d’actualité ressemblait parfois plus à un grand bazar qu’à un fil de nouvelles. C’est pourquoi le nouveau Facebook privilégiera la clarté de l’information à la richesse et la taille du contenu.Pour l’interface, des images plus grandes, un fil plus sobre, avec des menus semblables à la version mobile. De plus l’interface n’est pas sans faire penser à celle de Google+.

20

Un pour tous, tous pour unCette version Facebook sonne l’arrêt des différentes versions du site suivant l’appareil que vous utilisez, plus de jaloux désormais Facebook sera le même pour tout le monde.

Aperçu de la timeline(c) Facebook.com

PR

ESENTAT

ION

WEB

LE NO

UV

EAU

FAC

EBO

Ok

Mais Facebook ne compte pas se limiter à votre fil d’actualité, et souhaite s’attaquer directement à la page « Profil », pour lui donner plus de visibilité, afin de faire ressortir les informations importantes et laisser plus de place aux contenu. Exit la « ligne de vie » (celle qui se trouve au centre de votre profil) avec des publications à droite, à gauche. Facebook revient à la bonne vielle méthode :

21

Et enfin dernière information, il semblerait que Facebook s’intéresse au système de hashtag, popularisé par Twitter et repris en masse par les nouveaux réseaux sociaux : Instagram, Google+... Ce système permettrait de faire évoluer la recherche sur le site, pour rappel les hashtags permettent de référencer des mots-clés et ainsi faciliter la recherche. Rien d’innovant certes, mais cela pourrai ravir les accros du #hashtag.

Une nouvelle image que ce donne le réseau social, toujours plus épurée, mais sur le fond, rien de vraiment nouveau, alors Facebook sera-t-il plus « cool » ? Pour l’instant impossible de le savoir, cependant il est possible d’en douter. Vers une fin de Facebook ? Au grand damne de certain, c’est loin d’être au programme, car avec l’émergence de certains pays (Brésil, Inde, Chine), Facebook a encore de beaux jours devant lui à siroter un jus sur les terrasses de la vallée du Silicium.

Pour plus d’informations, ça se passe sur Facebook.com !

Aperçu des nouveaux profils(c) Facebook.com

Google, Google, encore Google nous dira-t-on, mais il faut l’avouer, que ce soit pour des avancées tech-nologiques monstres avec ses lunettes, sa fibre, ou des applications aux apparences inutiles, Google fait toujours le buzz. En même temps difficile de ne pas faire le buzz pour la firme de Moutain View quand on est le moteur de recherche le plus connu au monde !

Et si les sites étaient des labyrinthes

Revenons à nos moutons, Chrome Maze est une expérimen-tation qui consiste à naviguer sur un site à la façon d’unlabyrinthe en 3D. Pour cela, Maze relie votre écran d’ordi-nateur et votre smartphone, pour faire de ce dernier une manette de jeux et tout ça uniquement avec un navigateur (Chrome de préférence) et votre téléphone Androïd (et oui, croquer la pomme ne permet pas de tout faire ;) )

Afin de transformer les sites en labyrinthe, Maze utilise le moteur graphique WebGL et du javascript, bluffant, non ?

Pour l’essayer, rien de plus simple, rendez-vous sur le site de Chrome Maze et reliez vos appareils grâce au Tab Sync de Chrome, à l’aide d’un QR Code et d’un lien. Une fois cette étape accomplie, il ne reste qu’à choisir le site sur lequel vous souhaitez « naviguer ». Sélectionnez et jouez ! Rien de plus simple pour la prise en main puisque Chrome utilise l’accéléromètre de votre téléphone, il suffit donc de le pencher dans le sens souhaité pour déplacez votre bille et des commandes supplémentaires sont disponibles sur votre smartphone tel que le saut. Le « but » (car oui, il y en a tout de même un) est d’arriver à la sortie de ce labyrinthe en attrapant le plus de « billes » possibles.

Verdict ? Une nouvelle console est née ? Affaire à suivre donc !

(c) Google Chrome Japan

PR

ÉSEN

TAT

ION

WEB

C

HR

OM

E M

AZ

E

22

PrésentationLe Webdesign désigne la conception d’interfaces Web. De l’architecture interactionnelle, en passant par l’organisation des pages, les aspects fonctionnels, l’arborescence et la navigation d’un site web, il s’agit d’une phase essentielle dans la conception d’un site Web.

La licence professionnelle « Activités et Techniques de Communication » (ATC) Webdesigner forme des spécialistes de la communication visuelle sur le Web (création de sites Web, mise en forme pour l’écran, graphisme, ergonomie, esthétique, interactivité, multimédia, services en ligne…), capables, entre autres, de dialoguer avec des spécialistes de l’information et des réseaux afin d’adapter au mieux les créations à l’évolution des techniques de l’édition en ligne.La formation est proposée à temps plein ou par apprentissage.

23

Licence PRO ATC spécialité Webdesign

IUT de Mulhouse

Matières enseignéesLa formation se décompose en 7 unités d’enseignements dont voici les caractéristiques :

UE 1 - Culture communicationnelle (80 h) Communication institutionnelle Conception d’outils de communication Sémiologie Arts appliqués

UE 2 - Culture technique (90 h) Normes et protocoles pour Internet – XML Développement Internet et produits multimédia 3D pour le Web

UE 3 - Culture économiqueet contemporaine (80 h) Culture artistique Communication interpersonnelle Gestion de l’entreprise Droit de l’image & législation TIC Anglais professionnel

UE 4 - Développement Web (60 h) Contenu dynamique : PHP, Javascript, ASP… Bases de données et requêtes SQL

UE 5 – Design (90 h) Design et création graphique Conception et optimisation du design des sites Optimisation des images et objets graphiques Le Web et l’animation

UE6 – Projet tuteuré

UE7 – Stage de 80 jours (Formation ini-tiale) / Mission d’entreprise (Apprentis)

FOR

MAT

ION

WEB

LP PR

O ATC W

EBD

ESIGN

Multiclics #4Multiclics #4Multiclics #4Multiclics #4Multiclics #4Multiclics #4

?VOUS EN VOULEZ un?