Quelques captures d'écran d'Icybeeen attendant la sortie de sa démo

Après 5 mois de développement mon nouveau CMS "Icybee" est prêt à se dévoiler avec une version de démonstration à paraitre dans les prochaines semaines. En attendant voici quelques captures d'écran qui je l'espère vous donneront envie d'y jeter un œil et de visiter son site de démonstration.

Barre de raccourcis

La barre de raccourcis se trouve tout en haut de l'interface. Elle se compose actuellement d'un lien vers la page d'accueil du site courant, d'un lien vers le profil de l'utilisateur, d'un menu de sélection du site de travail et du menu utilisateur.

Le menu de sélection du site de travail permet de changer de site lorsque plusieurs sont disponibles. Icybee prend nativement en charge le multisite. La démo d'Icybee en utilise trois : une version anglaise, une version française et une version espagnole.

Le menu utilisateur permet actuellement d'éditer le profil utilisateur ou de se déconnecter.

La barre de navigation

La barre de navigation se trouve sous la barre de raccourcis. Elle présente un lien vers le tableau de bord, un lien vers les fonctionnalités du CMS ainsi que des liens vers les catégories de module. Un menu flottant permet d'atteindre les modules d'une même catégorie. Le lien sur la catégorie renvoie vers le module le plus important de la catégorie.

 

La barre d'actions

La barre d'actions se trouve sous la barre de navigation. Elle regroupe toutes les actions possibles sur la page courante. Comme nous le verrons plus tard, elle est toujours visible, c'est à dire qu'elle se détache de sa position et flotte au dessus du contenu pour rester accessible. La barre d'action est très configurable, les modules peuvent y ajouter des fonctionnalités en fonction du contexte.

Menu du module

Le menu du module permet d'accéder aux autres modules de la même catégorie, d'accéder à la configuration du module (si le module est configurable) et d'accéder à la page de liste des enregistrements du module. Ce menu est facilement personnalisable et peut présenter d'autres actions ajoutées par des composants tiers ou le module lui-même.

Bouton de création d'un nouvel enregistrement

Le bouton de création d'un nouvel enregistrement se compose de deux parties : un bouton et un menu déroulant. Le bouton permet de créer un nouvel enregistrement dans le module courant. Le menu déroulant permet quant à lui de créer n'importe quel type d'enregistrement quelque soit le module courant. Le bouton prend la couleur bleu "information" lors de la création d'un nouvel enregistrement.

Dans le contexte d'édition d'un enregistrement

Les trois captures d'écran suivantes présentent la barre d'action dans le contexte d'édition d'un enregistrement. De nombreux éléments sont ajoutés à la barre d'action : un lien pour voir l'enregistrement sur le site, un bouton qui permet de supprimer l'enregistrement ainsi qu'un bouton/menu qui permet d'enregistrer et d'accomplir une action : aller à la liste, continuer l'édition, créer un nouvel enregistrement ou afficher l'enregistrement sur le site. La troisième capture d'écran illustre la barre d'action survolant la page pour rester accessible. On notera que les choix de mode d'enregistrement sont aussi présents dans la zone d'action au pied du formulaire.

Gestion des enregistrements

La page d'accueil des modules présente généralement les enregistrements du modules sous forme de tableau. Les deux captures d'écran suivantes présentent le tableau de gestion des articles, avec à droite celui présenté à un utilisateur possédant seulement des droits de modifications sur ses propres enregistrements.

Il est possible d'effectuer des opérations directement depuis la ligne de l'enregistrement. Ici le symbole "maison" permet d'inclure ou d'exclure un enregistrement de la zone d'accueil du module. Le rond vert indique les enregistrements qui sont "en ligne", c'est à dire qui sont disponibles sur le site. En cliquant dessus on peut publier ou dé-publier un enregistrement tout simplement.

Filtrer les enregistrements

La recherche instantanée permet de retrouver très vite des enregistrements correspondant à des mots clés ou une date. Pour préciser la recherche on utilise les filtres de propriété, soit en les sélectionnant dans le menu de la colonne soit en cliquant sur la valeur que l'on souhaite, comme illustré par la seconde capture d'écran. Ici on affiche les enregistrements modifiés hier par l'utilisateur "Olivier Laviale".

Quelques écrans d'alerte

Les trois captures d'écran suivantes présentent différents écrans d'alerte : l'écran de suppression d'un enregistrement, l'écran d'un enregistrement en cours d'édition par un autre utilisateur, et enfin l'écran d'interdiction d'accès à l'administration d'un site pour un utilisateur qui n'en a pas la permission.

Éléments de configuration contextuelle

Pour finir voici quatre captures d'écran qui mettent en scène quelques un des éléments de configuration contextuelle.

En attendant la démonstration

La démonstration d'Icybee sera disponible dans les semaines qui viennent. Si vous souhaitez être informés de sa disponibilité merci de vous enregistrer sur le site du Publishr. À bientôt !

Laisser un commentaire

Pas de commentaire