Il y a quelques jours, AWS a annoncé via une publication sur son site officiel le lancement de Système de conception Cloudscape, une solution open source pour créer des applications Web intuitives.
Le système de conception Cloudscape se compose d'un ensemble complet de directives pour la création d'applications Web, ainsi que de ressources de conception et de composants frontaux pour accélérer le déploiement.
"Aujourd'hui, nous sommes ravis d'annoncer le Cloudscape Design System, une solution open source pour créer des expériences utilisateur engageantes et inclusives à grande échelle. nuage
« Nous l'avons créé en 2016 pour améliorer l'expérience utilisateur des applications Web AWS et aussi pour aider les équipes à déployer ces applications plus rapidement. Depuis lors, nous l'avons continuellement amélioré en fonction des commentaires et des recherches des clients », déclare AWS.
À propos du système de conception Cloudscape
Cloudscape est un système de conception open source pour la création d'applications Web afin d'améliorer l'expérience utilisateur dans les applications web qui appartiennent aux services AWS et aussi pour aider les équipes à déployer ces applications plus rapidement.
Chaque composant a un environnement de travail où les concepteurs et les développeurs peuvent voir comment le composant se comporte, ainsi que des exemples de code. Pour vous faire gagner du temps et des efforts lors de la création, AWS fournit des conseils étape par étape sur les options d'accessibilité et les solutions de conception.
Lorsque vous créez des tests automatisés pour une application, vous interagissez avec les composants Cloudscape. Par exemple, vous pouvez choisir un bouton Cloudscape et affirmer que l'application se met à jour pour refléter l'action que vous avez associée à ce bouton. La structure HTML interne des composants Cloudscape, y compris les noms de classe CSS, peut changer à tout moment.
C'est pour ça que AWS a créé des utilitaires de test pour chaque composant. Les utilitaires de test ont des API stables afin que vous puissiez accéder aux parties pertinentes de ces composants sans vous soucier du sélecteur à utiliser. Les utilitaires de test de Cloudscape sont indépendants du framework et peuvent être utilisés avec n'importe quelle pile de test (de Jest et jsdom à WebdriverIO), ainsi que les éléments suivants :
- Tests unitaires, où vous avez généralement un accès direct au modèle d'objet de document (DOM)
- Tests d'intégration, où il est courant de s'appuyer sur des sélecteurs de chaîne. Les utilitaires de test font partie du package du composant principal.
- Un filtre de sélection : qui permet aux utilisateurs de trouver des éléments spécifiques dans une collection de ressources en choisissant une ou deux propriétés.
- Récipient: Avec le conteneur, vous pouvez présenter un groupe d'éléments de contenu, indiquant que les éléments sont liés. Par exemple, un tableau est un type de conteneur.
- Section extensible : avec elle, les utilisateurs peuvent développer ou réduire une section. L'utilisation de sections extensibles est recommandée lorsque vous avez plusieurs sections sur une page et que vous souhaitez autoriser les utilisateurs à afficher une ou plusieurs sections à la fois. Les sections extensibles sont réduites par défaut.
- Un point d'accès : Dans les didacticiels pratiques, les hotspots sont des conteneurs invisibles qui indiquent où les icônes de hotspot doivent être placées. Les icônes de point d'accès sont représentées par le contexte d'annotation et sont utilisées pour ouvrir et fermer les fenêtres contextuelles d'annotation.
- Volet divisé : il s'agit d'un panneau réglable qui permet d'accéder à des informations ou à des commandes secondaires. Il s'agit du composant principal pour implémenter la vue fractionnée, un modèle permettant d'afficher une collection de ressources avec des détails contextuels sur les ressources.
- Sorcier: Un formulaire de plusieurs pages qui guide l'utilisateur à travers un flux complexe ou une série de tâches interdépendantes. Un assistant se compose d'un volet de navigation, d'un en-tête, d'une zone de contenu principale et de boutons d'action.
Enfin si vous souhaitez en savoir plus, vous devez savoir que le Cloudscape Design System a été créé pour et est utilisé par les produits et services AWS. Il est publié en open source afin que toute personne qui crée des produits dans le cloud puisse bénéficier d'AWS Design System.
Vous pouvez vérifier les détails dans le lien suivant.