Interface Web riche avec HTML5 & Javascript.

Dans cet article, nous allons vous présenter ce qui est, à ce jour, notre plus belle réalisation. Il sagit d'une application Web permettant de gérer tous les processus métiers de Rendez-Vous Digital, une maison de disques qui travaille principalement dans la musique numérique.

Les principales fonctionnalités de cette application sont:

• Une grande rapidité (aucun rechargement complet de pages, toutes les données sont envoyées du serveur en JSON, et nous utilisons KnockoutJS pour le rendu côté client).
• Une recherche avancée parmis plus de 100 000 titres, 5000 albums, 1000 projets et 4000 artistes.
• La possibilité d'écouter l'entièreté du catalogue en ligne.
• Un workflow complet permettant de créer des projets, de les transformer en albums et des les livrer automatiquement sur iTunes, Spotify, Deezer et plus de 200 autres plates-formes, sans quitter l'interface !
• La gestion des labels, de leurs contrats et royalties au titre par titre.
• Le tagging automatique du catalogue via des informations récupérées d'APIs externes.
• L'import des données de ventes, une interface d'analytics et la création automatique de rapports détaillés pour chacun des ayants droits.
• Plusieurs APIs permettant d'exporter les données sur une multitude de sites Internet.

Rendez-Vous Digital nous a à nouveau fait confiance pour la réalisation d'une nouvelle version de l'application (principalement de gros changements au niveau de l'interface).

L'ancien design (inspiré de celui de Basecamp il y a quelques années) ressemblait à ceci.

Ce design (réalisé en 2009) remplissait déjà bien son rôle, à savoir un accès rapide et un affichage clair de l'information, mais nous étions sûrs de pouvoir faire mieux en 2012. A savoir une interface qui fait oublier que nous sommes sur une application Web, mais qui nous rapproche encore plus de l'expérience Desktop (sélections multiples, clics droits, raccourcis claviers, etc).

Après plusieurs semaines de travail, nous avons livré le fruit de notre travail.

Il est très difficile de se rendre compte du niveau des interactions sur une simple capture d'écran, je vous invite donc fortement à regarder la vidéo de présentation ci-dessous (à peine 4 petites minutes !). Regardez jusqu'au bout et vous verrez une intégration des APIs de Spotify, Deezer ;-)

Cliquez ici pour regarder la vidéo en HD sur le site de Vimeo.

La vidéo ne couvre malheureusement qu'une partie des fonctionnalités de l'application finale.

Que pensez-vous du résultat? Laissez-nous vos commentaires !