Sommaire

Cahier de tendances

COMPOSIITE

TENDANCE

COMPOSIITE

APPLICATIONLe mash-up.

COMPOSI

Une application composite (ou mashup ou encore mash-up) est une application qui combine du contenu ou du service provenant de plusieurs applications plus ou moins hétérogènes.

OnOn parle de mashup dans le cadre d'une superpo-sition de deux images provenant de sources diffé-rentes, superposition de données visuelles et sonores différentes par exemple dans le but de créer une expérience nouvelle.

Dans le cas de site Web, le principe d'un mashup est donc d'agréger du contenu provenant d'autres sites, afin de créer un site nouveau.

Pour ce faire, on utilise le plus souvent l'objet XML-HttpRequest, RSS, AJAX du côté client, et les API (ou les Services Web) des sites dont on mixe le contenu.

De plus en plus d'éditeurs de contenu proposent gratuitement des API, afin d'encourager la communauté des développeurs à créer des mashup utilisant leur contenu. Les applications composites se basent sur la programmation événe-mentielle.

COMPOSIITE

CIBLELe concepteur web.

COMPOSI

Il imagine des sites sur mesure pour les entrepri-ses, les associations, les travailleurs indépendants, etc. Son rôle est avant tout tourné vers l’étude et le conseil : après avoir analysé avec soin les besoins du client, le concepteur Web, qui possède de fortes compétences techniques, émet des recommanda-tions sur l’architecture idéale du site à construire, les fonctions qu’il doit offrir, son ergonomie… Il établit également un devis détaillé.

Le client accepte la proposition ? Le concepteur web met alors sa casquette de chef de projet : il coordonne le travail des développeurs, graphistes et autres spécialistes chargés de "construire" le site. Il est, en outre, garant des délais et de la qualité du résultat final. Il doit rester à l’écoute du client du premier rendez-vous jusqu’à la mise en ligneligne du site : pour faire ce métier, il est préférable d’aimer les contacts humains et d’avoir des talents d’animateur d’équipe.

COMPOSIITE

INFORMATION

Dans un mashup, ce qui est essentiel n’est pas toujours mis en évidence. Mais justement, il y a-t-il une chose plus essentielle qu’une autre ? Entre liens et couches, l’accès à l’information n’est pas des plus aisée et peut rendre la navigation de l’internaute confuse.

DansDans le cadre d’un mashup et à plus forte raison d’un magazine à destination de concepteurs web, comprendre les souhaits des destinaires, leur recherche d’informations et d’efficacité est essen-tiel, en particulier au niveau de la mise en page.

COMPOSIITE

NAVIGATION

En arrivant sur un mash-up, la première chose qui frappe est l’immense quantité d’informations différentes présentes dans un espace aussi réduit qu’une page web.

sont autant de concepts inhérents au mash-up.

COMPOSIITE

NAVIGATION

socialréseausocialNews

vidéos

Web 2.0

tags cloudfriend feed

inscriptionvidéos

Web 2.0imagesWeb 2.0

login

flux RSSimages

Dans le cadre d’un mash-up à usage des concepteurs web, comment leur assurer un site efficace ?Qu’ajouter à une application composite destinée à leur faciliter la vie ?

COMPOSIITE

NAVIGATION

social

clarté

réseausocialNews

vidéos

Web 2.0

tags cloudfriend feedclarté

inscriptionvidéos

Web 2.0imagesclartéWeb 2.0

login

flux RSSimages

Sur la toile.Auwwwergne est une communauté se définissant elle-même comme «un nouveau pays virtuel, humo-ristique et décalé, dont les “citoyens digitaux” sont les contributeurs actifs». Par le biais d’un espace de connexion, les membres s’intègrent dans le réseau et peuvent poster messages, images, vidéos sur le blog du site ou depuis leur propre blog, commenter...En bref, ils contribuent au mashup.

http://www.auwwwergne.com

Menu de navigation de premier niveau clair.

Bonne hiérarchisation des rubriques.

Design ludique, jouant des clichés que l’on peut se faire de l’Auvergne.

Au final, peu de rubriques.

Définition floue de la cible: Auvergnats, autres ?

Pourquoi l’Auvergne ? Le contenu doit-il être exclusivement en rapport avec cette région ?

COMPOSIITE

ETUDEn°1

ETUDE

Sur la toile.http://www.mashuptown.com/Mashuptown se rapporte avant tout au sens premier et musical du mashup qui est « un genre musical hybride puisqu'il consiste en l'association, dans un même morceau, de deux ou plusieurs titres existants, généralement les parties vocales d'un morceau sur la musique d'un autre.» Construit comme un site mashup, un espace permet de s’inscrire pour rejoindre la communauté et chaque membre contribue à enrichir le site en postant par exemple ses propres compositions.

Un design implicant une cible large.

Des rubriques bien délimitées, aux titres clairs.

Pas de barre de menu principale, ce qui au final rend plus difficile la hyérarchisation des informa-tions.

Certaines rubriques ne sont pas évidentes, il faut promener le curseur sur la page pour les découvrir.

Une trop grande utilisation des nuances de gris nuit au dynamisme de la page et donne au tout un rendu plat.

COMPOSIITE

ETUDEn°2

ETUDE

Sur la toile.http://blog.homeoftom.com/

Design très épuré, géométrique, facilitant la circulation de l’oeil.

Bonne hiérarchisation des rubriques.

Tom Espace-Temps est un blog ayant évolué en mashup (évolution récente selon le webmaster).Ce n’est pas une communauté : pas d’espace utilisateur et contenu géré par une seule personne.

La page est trop longue du fait de ses nombreuses rubriques ; il faut beaucoup scroller pour arriver en bas.

Définition floue de la cible: Auvergnats, autres ?

Le contenu doit-il être exclusivement en rapport avec l’Auvergne ?

Le webmaster donne le lien du site sur lequel il a généré sa palette couleurs : http://www.colourlovers.com/lover/css_rider

COMPOSIITE

ETUDEn°3

ETUDE

COMPOSIITE

CREATION

En se basant sur les différents exemples étudiés, la création d’un nouveau site mashup doit en garder les meilleurs éléments.

Puisqu’il s’agit d’un e-magazine dédié aux concepteurs web, il doit essentiellement :Être clair dans son contenu.

Comporter un réseau social incluant un forum ou toute autre plateforme de discussion via laquelle les utilisateurs pourront intéragir.

COMPOSIITE

CREATION

site marchand

port-folio

site vitrine...

Php/Mysql

Javascript

Ajax

...

dernières vibes du web

dév de dév

ArborescenceCREATION

petites annonces

professionnelles

espacede

connexion

designement vôtre

Accueil

Rubriques principales

Couches de médias sociaux

COMPOSIITE

CREATIONZoning

CREATION

Zone de flux/

friendfeed

Catégorie 1Catégorie 2

Catégorie 3

Catégorie 4

Catégorie 1Catégorie 2

Catégorie 3

Catégorie 4

Login

Mot de passe

Rubrique 1 :dernières vibes

du webRubrique 2 :dév de dév

Rubrique 4 :petites annonces professionnelles

Rubrique 3 :designement

vôtre

Plan du site Mentions légales Contact

Bannière S’mash

Article

COMPOSIITE

CREATIONZoning

CREATION

Zone de flux/

friendfeed

Catégorie 1Catégorie 2

Catégorie 3

Catégorie 4

Catégorie 1Catégorie 2

Catégorie 3

Catégorie 4

Login

Mot de passe

Rubrique 1 :dernières vibes

du webRubrique 2 :dév de dév

Rubrique 4 :petites annonces professionnelles

Rubrique 3 :designement

vôtre

Plan du site Mentions légales Contact

Bannière S’mash

Une scrollbar sera nécessaire. Cependant, pour éviter de trop longues pages, un lien «en savoir plus» sera inséré en bas de chaque rubrique et qui permettra d’accéder au contenu plus ancien.

Article

À paraître.

Logotypes :Police :

http://www.smash.fr/S’mash est un nouveau e-magazine dédié aux concepteurs web.Son objectif est clairement d'offrir en avant-première les orientations de design et de développement à une époque où le mashup s'impose comme la nouvelle norme.

Volontairement tendance, ce webzine reposera sur une plateforme de media social, intégrant en continu des flux RSS et des contributions des membres de sa communauté.

Pour un maximum de compatibilité, le texte courant sera en police Verdana, taille 11.

A B C D E F G H I J K L M N O P Q R S T U V W X Y Zabcdefghijklm nopqrstuvw xyz1 2 3 4 5 6 7 8 9 0

A B C D E F G H I J K L M N O P Q R S T U V W X Y Zabcdefghijklm nopqrstuvw xyz1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0

On choisira une palette de couleurs à la fois chaudes et pastelles, mettant en valeur le contenu des rubriques.

COMPOSIITE

PRELUDE