cahier de tendances pour s'mash
Post on 13-Jul-2015
467 Views
Preview:
TRANSCRIPT
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
top related