onthing's thing

I NT

EL

LI G

EN

CE

I N

TE

RA

CT

I VE

C O N S E I L D E S I G N I N G É N I E R I E

PLAQUETTE_HYPTIQUE:PLAQUETTE_HYPTIQUE 22/10/08 17:26 Page1

INT

EL

LIG

EN

CE

IN

TE

RA

CT

IVE

CONSEIL DESIGN INGÉNIERIE



EN UN MOTHyptique a été fondée en 1987. D‘abord tournée vers le design d‘applications et les systèmesd‘information, elle intègre le multimédia dès 1993pour constituer une offre de communicationinteractive globale - conseil, design et ingénierie -déclinée sur tout support! : internet, intranet,extranet, cd-rom, dvd, audiovisuel, installations.

Pierre Lavoie, designer d‘interactivité depuis 1983,président de Numer, gère la société et y assume la direction de création.

2 / 3



APPROCHELa démarche est celle du design au sens large : la recherche de la solutionidéale conciliant intentions et contraintes - architectes, rédacteurs, chefscuisiniers et administrateurs, par exemple, sont tous des designers.

Le cheminement est simple et rigoureux! : analyse de l‘existant et des besoins,formalisation des objectifs, recherche des solutions et identification des étapesà franchir. En matière d‘interactivité, nous avonscréé nos propres repères formels afin de mieuxcerner cette réalité complexe.

VALEURSLe mot clef est adéquation! : l‘objet interactif est une réponse à un besoin, une solution à unproblème - fut-il d‘ordre éditorial ou identitaire.Son efficacité se mesure en termes d‘usageauprès des publics visés. Pérennité del‘information, découplage contenu-exploitation,scénarios d‘utilisation, structure auto-explicative,prévisibilité de l‘interface, dosage esthétique...autant de jalons qu‘on retrouve systématiquementdans toute démarche de qualité.

MÉTIERSHyptique emploie des chefs de projet et desassistants de production, des ingénieurs et desprogrammeurs, des directeurs artistiques et desgraphistes, des animateurs, des concepteurs, des rédacteurs.L‘intelligence interactive est le fait du collectif etnécessite une interdisciplinarité recherchée, dont l‘équilibre est un véritableenjeu. C‘est pourquoi Hyptique a choisi d‘intégrer à la fois les technologies del‘information et la maîtrise des médias (texte, image, son), pour assurer la priseen compte réciproque des contingences techniques et éditoriales.

MARCHÉHyptique œuvre surtout auprès des acteurs de la culture, des organismesgouvernementaux et paragouvernementaux, et des sociétés de petite, moyenneet grande envergure soucieuses de se doter d‘une communication interactive à forte valeur ajoutée.

RAYONNEMENTPour mieux comprendre les enjeux émergents de cette jeune discipline, Hyptique a créé l‘association Numer qui réunit régulièrement les sommitésinternationales de la discipline. Elle a aussi fondé les éditions hyptique.net, afin d‘appréhender plus directement les rapports entre le grand public et les contenus interactifs.


IDENTITÉLe métier d‘Hyptique est celui de l‘interactivité. Pour concevoir une campagne de communication en ligne, penser la logique d‘un service Web, mettreen place une plate-forme intranet, structurer unsystème d‘information... ou encore produire un cd-romde présentation, raconter une histoire interactive,créer un jeu, un logiciel éducatif, un environnementde e-Learning, réaliser une vidéo non linéaire... il s‘agit toujours de scénariser l‘interaction avecl‘usager! : attente, requête, prévisibilité, étonnement,repérage, mémoire, récit - ce sont les enjeux de l‘intelligence interactive.

4 / 5



ASSISTANCE À MAÎTRISE D‘OUVRAGEAnalyse des besoins, rédaction de cahier descharges, sélection des prestataires, suivi et réception des travaux.

ANALYSES STRATÉGIQUESAnalyse des enjeux de communication interactive,préconisations stratégiques, évaluation dessolutions.

ÉTUDES DE FAISABILITÉRapprochement des besoins et des contraintes,définition de l‘envergure et du phasage du projet.

SITE WEBAnalyse, chartes éditoriale et graphique,spécifications fonctionnelles et techniques, miseen œuvre, recette, formation, référencement,audit, évolutions, refonte.

INTRANET/EXTRANETEnjeux communautaires (appartenance,motivation), information, productivité,communication.

SYSTÈMES D‘INFORMATIONAnalyse des besoins, cas d‘utilisation, architecturen-tiers, gestion des flux, montée en charge.

PLATES-FORMES DE PUBLICATIONApplication d‘édition, workflow, publication multi-supports, sources hétérogènes,synchronisation.

ÉDITION DÉLÉGUÉEChoix de sujets, documentation, rédaction,iconographie, traduction, publication.

E-LEARNINGSystèmes d‘apprentissage interactifs avecmétrique d‘acquisition et suivi à distance.

CD/DVD-ROMSScénarisation, chartes interactive et graphique,tournage, voix, illustration, animation, jeux,musique, programmation, pressage, jaquette.

SCÉNOGRAPHIEBornes interactives, dispositifs immersifs, bornes en réseau, réalité virtuelle, pilotage de périphériques.

RÉALISATION VIDÉOTournage, captation, montage, trucage,compression, déclinaison interactive, dvd,streaming, multi-écrans.

JEUX Conception, développement, animation, 3D,internet, multi-niveaux, multi-joueurs.

ANIMATIONStory-boarding, model sheets, dessin animé, 3D -à destination d‘internet, de la vidéo, du jeu.

RECHERCHE ET DÉVELOPPEMENTUsages des TIC, intelligence artificielle, projetsRNRT, RNTL, membre du CO de RIAM, partenairedu CNRS.


MISS IONSL‘ intelligence interactive peut servir toutes lesdémarches (marketing, communication, information,administration, culture, éducation, divertissement) et s‘exprimer sur tous les supports (Web, cd/dvd,bornes, systèmes embarqués). Notre expériences‘est construite au fil de plus de cent réalisationsà destination de publics variés - professionnels,grand public et jeunesse.

6 / 7


www.mnhn.fr (Muséum national d‘Histoire naturelle) PLATE-FORME INTERNET MUSÉALE :stratégie globale, logique éditoriale(contributeurs multiples et distants),rédaction scientifique et institutionnelle,identité graphique, ergonomie, architecture3-tiers, prise en compte de l‘existant (lourdet hétérogène), développement,référencement - 1 700 jours/homme.

www.enviedagir.fr (Ministère de l‘Éducation nationale)PORTAIL SOLIDARITÉ POUR LA JEUNESSE :processus éditorial de l‘équiperédactionnelle, structure de lacommunication auprès des milliers de partenaires (extranet), conception et développement de la plate-forme depublication (site Web) - 500 jours/homme.

Collection Terre des villes (Belin)SÉRIE DE DOCUMENTAIRES INTERACTIFS :concept et production de la collection de cd-roms (Naples, San Francisco, Paris,Hong Kong, Rome), réalisation de 45 minutes de vidéo par titre (images desynthèse reconstituées à partir de photossatellite) - 700 jours/homme.

Kaena (Chaman)ÉVÉNEMENTIEL INTERNATIONAL ET MARKETING VIRAL : concept decommunication virale (jeu de piste et de duels), déclinaison multilingue, sitemodulaire par langue - 300 jours/homme.

www.ecolebourse.com (École de la Bourse)PLATE-FORME E-LEARNING : stratégie decommunication en ligne, conception du site,mise au point de la plate-forme e-Learning(programme pédagogique, contenu,application de consultation, systèmed‘abonnement par téléchargement,métrique d‘apprentissage, suivi en ligne) -400 jours/homme.

www.epocket.fr(Vivendi Universal Publishing)ÉTUDE ET RÉALISATION D‘UNE PLATE-FORME DE PUBLICATION de contenusnumériques destinés aux supportsélectroniques (e-Book, PDA, PC), concept,développement - 240 jours/homme.

Centre Juno Beach PARCOURS MUSÉOGRAPHIQUE : étude et réalisation d‘un parcours audiovisuelinteractif (plusieurs heures de montagesd‘archives, vidéo immersive sur 6 écrans,projection synchronisée sur 18 mètres debase) - 450 jours/homme.

Atelier de Noël (Hachette)CD-ROM ENFANT : développement d‘unconcept pour un créneau éditorial défini,scénarisation, recherche, textes, voix,musique, illustration, animation,développement - 250 jours/homme.

Europort Vatry (Alliance)CD-ROM DE PRÉSENTATION : étude d‘unargumentaire de sensibilisation (enjeu dedéveloppement économique), conception et production - 80 jours/homme.

CAS TYPES : CONSEIL


OFFRENotre intervention dès l‘amont de la démarche peut en garantir la cohérence :

* élaboration d‘une stratégie de communication interactive (audit, mesures denotoriété, enjeux identitaires, services, e-GRC, fidélisation, dispositifs d‘appel)

* développement d‘une politique éditoriale Web (définition de la dynamique,gestion des flux, structure de l‘équipe, fidélisation)

* accompagnement d‘un déploiement technique (environnement, architecture,cahier des charges, encadrement dudéveloppement, recettage)

* conception d‘une collection multimédia (atelierde production, amortissement des coûts, mises àjour automatiques)

* création d‘un événement en ligne à forte visibilité(jeu multi-joueurs, Web casting)

* intégration des logiques audiovisuelles etinteractives (dvd, bornes, Web-TV)

* analyse de systèmes muséographiquescomplexes (dispositifs immersifs, déploiementen réseau, technologies embarquées)

Comme assistant à la maîtrise d‘ouvrageou comme consultant, nous accompagnons lesprojets dont la réalisation est confiée à un tiers ou, le plus souvent, nous intégrons à nos missions deréalisation une première phase d‘étude stratégique.

MÉTHODOLOGIESi la méthode reste fondamentalement semblable (analyse de la cible,formalisation des intentions, recherche créative, formulation factuelle etpragmatisme), chaque problématique comporte sa terminologie, ses objectifs,ses contraintes organisationnelles et son périmètre. Il s‘agit donc d‘adapter laméthode au discours, et la première étape de chaque projet sera d‘en spécifierla méthodologie.

Dans cet effort d‘adaptation, nous nous concentrons sur la qualité de lacommunication avec le client, qu‘il faut savoir écouter pour en recenser lesvéritables besoins, et à qui il faut expliquer l‘enjeu de chaque alternative. Le processus repose essentiellement sur la qualité de la formalisation, portéepar des documents couvrant les enjeux éditoriaux, graphiques, fonctionnels et techniques, qui sont corrigés, enrichis et précisés au fil des échanges.

RESSOURCESLes consultants d‘Hyptique sont des experts de haut niveau, aguerris auxmissions d‘étude et d‘accompagnement et maîtrisant des spécialités diverses(fidélisation, changement, marketing, action culturelle, presse, édition, jeu, etc.).


CONSEILUne problématique comportant une dimensioninteractive est toujours complexe. Pour bienl‘appréhender, lui trouver des solutions créativeset mettre celles-ci en œuvre dans le respect descontraintes, l‘ingrédient indispensable est lapratique, l‘expérience des enjeux de conceptionautant que de développement et d‘évolution. Nos consultants mettent leurs acquis au service de tout type de projet, depuis ses prémisses jusqu‘à sa finalisation.

8 / 9


www.enviedagir.fr (Ministère de l‘Education nationale)PORTAIL SOLIDARITÉ POUR LA JEUNESSE :hiérarchisation de l‘information, compromisdensité/lisibilité, fonctionnalités complexes,enjeu identitaire critique, customisationétendue.

www.e-design-artem-nancy.com (ICN, ENSA, Mines Nancy)VITRINE DU PROGRAMME E-DESIGN : projet exprimant la convergence del‘ingénierie, des beaux-arts et dumanagement - référence à l‘école deNancy, clarté du message, identitéattractive, supra-fonctionnalisme.

Pressbook PORTAIL DES PROFESSIONNELS DE LAMODE : conception d‘une plate-formeinternet/extranet administrable multi-utilisateurs - Flash intégral, enjeuidentitaire critique (communauté de lamode), nombreuses interfaces, niveaux devisibilité multiples, ergonomie complexe.

www.numer.orgPERMANENCE DE L‘ASSOCIATION NUMER :conception d‘une plate-forme associative et d‘un site événementiel international surle design interactif, enjeu à la fois tendanceet scientifique - l‘interactivité traitée parl‘interactivité.

« Yves Saint Laurent - 40 ans decréation » (YSL)CD-ROM : conception multimédia d‘undocumentaire interactif - identité graphiquetrès surveillée, iconographie prestigieuse,ergonomie essentielle, animations,audiovisuel interactif, design sonore.

www.musee-marine.fr(Musée national de la Marine)SITE WEB : conception d‘une plate-formeWeb muséale dynamique - enjeuxfonctionnels des processus éditoriaux,identité graphique critique, grandeévolutivité, moyens limités.

Collection Passeport (Hachette)SÉRIE DE CD-ROMS ÉDUCATIFS : conception multimédia d‘une collectiond‘accompagnement scolaire multi-âges -enjeu visuel critique, jeux, exercices, designsonore, animations interactives, pâte àmodeler, illustration, déclinaison Web.

L‘Abbaye de Fontevraud BORNE DE PRÉSENTATION : conceptiond‘une présentation interactive - enjeupatrimonial important, traitement visuelmoderne, réalité virtuelle, rechercheshistoriques, rédaction, scénarisation,iconographie, animation programmatique.

Centre Juno Beach (Courseulles)PARCOURS AUDIOVISUEL IMMERSIF ETINTERACTIF : recherche documentaire trèsimportante, réalisation de 36 sujets dont un sur 6 écrans juxtaposés, contrainte desimages d‘archives, traitement graphique,animation, trucage, design sonore, voix off,musique, montage, mixage, installation surplace.

CAS TYPES : DESIGN


OFFREL‘interactivité surgit et devient un enjeu lorsqu‘on articule la représentationmédia du discours à l‘aide des technologies de l‘information. Cette rencontrepeut cependant prendre plusieurs formes - que nous maîtrisons :

* site identitaire pour une entité communicante(identité graphique, charte signalétique, analysefonctionnelle, enjeux ergonomiques)

* plate-forme de publication pour une activitééditoriale importante (charte éditoriale, habillagegraphique modulaire, jeu de composantspermutables, système d‘information sous-jacent,back-office complexe)

* services spécifiques pour une clientèle ou unecommunauté définie (analyse fonctionnelle, chartegraphique et ergonomique, applications ad hoc)

* audiovisuel interactif (scénarisation, tournage,habillage, design sonore, montage, mixage,trucage, développement)

* pédagogie interactive (scénarisation, designgraphique, articulation ludique du contenu, exercices, animations, illustrations,musique, voix)

* dispositif scénographique interactif (intégration graphique au contextescénographique, prise en compte des flux, ergonomie intuitive)

* support interactif ludique, marketing ou culturel (concept éditorial, narrationinteractive, animation, 3D)

MÉTHODOLOGIESi les intentions (objectifs, public, message) sont claires et les contraintes bien répertoriées, la recherche de la solution idéale sera toujours stimulante et sa mise en œuvre gratifiante. Tout au long du processus de conceptioninterdisciplinaire, il faudra cependant s‘assurer que l‘objet qui se précisecorrespond toujours aux attentes du client.

RESSOURCESTous les chefs de projet, directeurs artistiques et responsables techniquesd‘Hyptique sont partie prenante dans la démarche de design de chaqueréalisation.


DESIGNLe design est l‘art de trouver l‘équilibre idéal entre les intentions et les contraintes, principe qui s‘applique à toutes les facettes de l‘intelligenceinteractive! : l‘analyse, le scénario, le texte, legraphisme, l‘ergonomie, la structure, l‘information,le développement... La dimension visuelle de l‘objetinteractif reflète la synthèse des solutions retenues! :le dessein global.

1 0 / 1 1


FRAMEWORK JAVA! : Hyptique développetous ses sites d‘envergure à partir de sonframework interne, en Java, basé sur destechnologies Open-Source (Apache, J2EE,Tomcat, Cocoon, XSP, XML, XSL, Lucene,etc.) interfacées avec un serveur de base dedonnées (Oracle, PostgreSQL, MySQL, etc.).Le module de back-office dédié s‘enrichitau fil des productions.

PHPKernel : pour les sites d‘enverguremoyenne, Hyptique utilise un environnementpropriétaire à base de PHP et de MySQL qui permet à tout utilisateur non-techniciende modifier sans effort les contenustextuels et visuels du site. Cette plate-forme intègre un moteur de recherche et le multilinguisme point à point.

INTÉGRATION DE SYSTÈMES D‘INFORMATIONHÉTÉROGÈNES! : le Muséum nationald‘Histoire naturelle opère plusieurs basesde données hétérogènes liées à desapplicatifs spécifiques - il a fallu unifier la gestion, l‘accès, la recherche et lapublication afin que cette hétérogénéité soitinvisible pour l‘utilisateur et transparentepour l‘administrateur.

INTEROPÉRABILITÉ DE SYSTÈMES D‘INFORMATION DISJOINTS! : le siteinternet www.enviedagir.fr exploite desdizaines de milliers de fiches qui sontsaisies et maintenues dans le cadre d‘unréseau extranet - pour la réalisation du site Web, Hytique a mis en œuvrel‘intégration des deux plates-formes et leur interopérabilité transparente.

SYSTÈME D‘INFORMATIONCOMMUNAUTAIRE! : dans le cadre d‘unservice d‘interconnexion des acteurs de la mode, Hyptique a développé unenvironnement Flash accédant à un moteur Java permettant la recherche, la consultation et la rémunération descontributeurs de professions diverses.

GÉNÉRATION AUTOMATIQUE D‘AIDE À LANAVIGATION!(projet RNTL « G icsweb ») :en collaboration avec le LIP6 et SDC,Hyptique a mis au point un dispositifd‘analyse des stratégies de consultationWeb à la volée, couplé à un modèle d‘aideprédictive. Le système a été testé sur le sitedu Muséum national d‘Histoire naturelle.

SYSTÈME D‘INFORMATIONGÉOGRAPHIQUE : pour le site de laDélégation aux arts plastiques du ministèrede la Culture et de la Communication, nous avons développé un outil de repéragegéographique de tout lieu situé sur leterritoire français.

PLATE-FORME D‘EXPÉRIMENTATION SURLES USAGES DE LA RADIO EN LIGNE(projet RNRT « Radiothem ») :en collaboration avec France Telecom,l‘IRCAM et Radio France, Hyptique a mis en place une architecture client-serveurmodulaire RTSP permettant l‘exploitationd‘un corpus audio de grande envergure etl‘expérimentation d‘interfaces intelligenteset multimodales.

DÉAMBULATION SPATIALE INTERACTIVEPARMI UN CATALOGUE D‘OFFRES! : dans le cadre du programme de rechercheCreanet de France Telecom R&D, Hyptiquea développé un concept de navigation dansun espace de représentation 3D restructuréà la volée selon le comportement del‘utilisateur, pour faciliter la recherched‘une offre non identifiée a priori.

CAS TYPES : INGÉNIERIE


OFFREL‘ingénierie informatique couvre un grand nombre de domaines distincts - nousnous concentrons sur un sous-ensemble d‘enjeux voisins et complémentaires! :

* systèmes d‘information (analyse, modèle de données, interopérabilité,architecture technique, cas d‘utilisation,spécifications fonctionnelles et techniques)

* plates-formes de publication (dynamique desflux, workflow, architecture n-tiers, optimisation de performance, multilinguisme, statistiques,recherches complexes, calcul de pertinence)

* e-GRC (gestion de la relation client) (sémantiquede l‘offre, dispositifs de fidélisation, suivi defréquentation, boucle de rétroaction, e-mailing)

* multimédia de contenu (conception interactive,atelier de production, jeux de tous types, Flashinterfacé au système d‘information, Shockwave,installations, vidéo synchronisée)

* interactivité média (vidéo interactive, compositingdynamique, animation programmatique, 3D tempsréel, comportements intelligents)

* interfaces homme-machine (applications complexes, informatique embarquée,dispositifs asservis, électronique ad hoc, capteurs divers)

* R&D (nouveaux usages, apprentissage, intelligence artificielle, traitement dusignal, traitement de l‘image)

MÉTHODOLOGIEL‘ingénierie est un concept essentiellement méthodologique. Dans l‘univers des projets informatiques, la difficulté d‘appréhender a priori la combinatoireastronomique des possibles fait reposer sur la formalisation toute la charge de la cohérence. Analyse, comptes rendus, spécifications, validation, recetteconstituent les gages indispensables de la réussite. Les outils de modélisation -principalement UML - y contribuent grandement.

RESSOURCESChez Hyptique, consultants, architectes, chefs de projets, concepteurs etdéveloppeurs manipulent familièrement divers langages (Java, C++, C#,JavaScript, PHP, Perl, JSP, ActionScript, Lingo, Lisp), technologies (Apache,Tomcat, J2EE, Cocoon, .Net, Websphere, Weblogic, Struts, Lucene, Cactus,Maeve, XSP/XML/XSL/XHTML, Oracle, PostgreSQL, MySQL), outils dedéveloppement (Eclipse/JBuilder, WebMatrix/VisualStudio, CVS) et systèmesd‘exploitation (Linux/UNIX/AIX, Windows, Mac OS, OS X).


INGÉNIERIEL‘ingénierie constitue le socle de tout objet interactif.La complexité inhérente à l‘informatique et la difficultéde vérifier l‘adéquation et la fiabilité des dispositifsimposent des règles de mise en œuvre très strictes.Garante de l‘intégrité, l‘ingénierie est cependantaussi force de proposition et source d‘innovation. On lui doit les vraies révolutions paradigmatiquesdans le traitement de l‘information. Elle est le brasarmé de l‘intelligence interactive.

1 2 / 1 3


38èmes rugissantsAbbaye de FontevraudAllianceArteArtem-NancyAtlantechBayard PresseBDDP & Tequila interactiveBelin ÉditionsBibliothèque nationale de FranceBuchet ChastelCanal+Centre Georges PompidouCentre Juno BeachCentre National du Cinéma (CNC)ChamanCité des Sciences et de l‘IndustrieCrédit LyonnaisDélégation aux arts plastiques (DAP)Direction de la musique, de la danse, du théâtre etdu spectacle (DMDTS)Du côté des fillesÉcole de la Bourse (EuroNext)Éditions MagnardEmme InteractiveFestival BerliozFestival d‘AvignonFilms d‘iciFinnish Music Information CentreFlammarionFondation SeydouxFonds Francophone des Inforoutes (FFI)France 5France Telecom R&DGallimardGallimard JeunesseGroupe de recherches musicales (GRM)Hachette LivreHachette MultimédiaHall de la ChansonINAIRCAMLa Bande SonLa FemisM6 Interactions

Maison du CinémaMedia IIMinistère de la CultureMinistère de l‘Éducation nationaleMinistère de la JeunesseMinistère de la RechercheMK2Musée d‘Art Américain de GivernyMusée de la Civilisation (Québec)Musée des Arts et MétiersMusée des Beaux-Arts du CanadaMusée du LouvreMusée du quai BranlyMusée Fenaille de Rodez

Musée national de la MarineMuséum national d‘Histoire naturelleMusic MusicsOrchestre National de JazzParc d‘aventures scientifiques (PASS)Paris BoursePathé InteractivePlanet NemoPressbookPublicisRadio FranceRéunion des musées nationauxRIFFStudioCanalTéléramaTextuelViloVivendi Universal PublishingWanadoo ÉditionsYves Saint Laurent

1 4 / 1 5

Depuis plus de 15 ans, nous avons eu le privilège de mettre notre expertise et notre énergie au servicede nombreux acteurs de la communication, de laculture et de l‘industrie.


ce


T É L • [ 3 3 ] 0 1 4 9 2 9 5 3 0 0 • FA X • [ 3 3 ] 0 1 4 9 2 9 5 3 1 9

c o n t a c t @ h y p t i q u e . f r

w w w . h y p t i q u e . f r

1 7 I M P A S S E T R U I L L O T

7 5 0 1 1 P A R I S , F R A N C E

Créa

tion

: la

grap

hist

erie

•

Pho

togr

aphi

es: F

rédé

ric

Dum

ur, J

ean

Lebo

rgne

, Oliv

ier

Koe

chlin

, Pie

rre

Lavo

ie

• I

mpr

essi

on: H

emm

erlé

Hyp

tique

SAS

•

17,

impa

sse

Trui

llot,

7501

1 Pa

ris,

Fra

nce

•

RCS

Par

is B

342

866

225


Documents

onthing's thing