Πριν λίγες μέρες η AWS ανακοίνωσε μέσω δημοσίευσης στην επίσημη ιστοσελίδα της την κυκλοφορία του Σύστημα σχεδίασης cloudscape, μια λύση ανοιχτού κώδικα για τη δημιουργία έξυπνων διαδικτυακών εφαρμογών.
Το Σύστημα Σχεδίασης Cloudscape αποτελείται από ένα ολοκληρωμένο σύνολο κατευθυντήριων γραμμών για τη δημιουργία εφαρμογών ιστού, καθώς και από πόρους σχεδιασμού και εξαρτήματα διεπαφής για την επιτάχυνση της ανάπτυξης.
«Σήμερα, είμαστε στην ευχάριστη θέση να ανακοινώσουμε το Cloudscape Design System, μια λύση ανοιχτού κώδικα για τη δημιουργία ελκυστικών και περιεκτικών εμπειριών χρηστών σε κλίμακα. συννεφιά
«Το δημιουργήσαμε το 2016 για να βελτιώσουμε την εμπειρία χρήστη για εφαρμογές web AWS και επίσης για να βοηθήσουμε τις ομάδες να αναπτύξουν αυτές τις εφαρμογές πιο γρήγορα. Από τότε, το βελτιώνουμε συνεχώς με βάση τα σχόλια και την έρευνα των πελατών», λέει η AWS.
Σχετικά με το Cloudscape Design System
cloudscape είναι ένα σύστημα σχεδίασης ανοιχτού κώδικα για τη δημιουργία διαδικτυακών εφαρμογών προκειμένου να βελτιωθεί η εμπειρία χρήστη σε εφαρμογές web που ανήκουν σε υπηρεσίες AWS και επίσης να βοηθηθούν οι ομάδες να αναπτύξουν αυτές τις εφαρμογές πιο γρήγορα.
Κάθε στοιχείο έχει ένα περιβάλλον εργασίας όπου οι σχεδιαστές και οι προγραμματιστές μπορούν να δουν πώς συμπεριφέρεται το στοιχείο, καθώς και δείγμα κώδικα. Για να εξοικονομήσετε χρόνο και προσπάθεια κατά τη δημιουργία, το AWS παρέχει οδηγίες βήμα προς βήμα σχετικά με τις επιλογές προσβασιμότητας και τις σχεδιαστικές λύσεις.
Όταν δημιουργείτε αυτοματοποιημένες δοκιμές για μια εφαρμογή, αλληλεπιδράτε με στοιχεία Cloudscape. Για παράδειγμα, μπορείτε να επιλέξετε ένα κουμπί Cloudscape και να βεβαιώσετε ότι η εφαρμογή ενημερώνεται για να αντικατοπτρίζει την ενέργεια που συσχετίσατε με αυτό το κουμπί. Η εσωτερική δομή HTML των στοιχείων Cloudscape, συμπεριλαμβανομένων των ονομάτων κλάσεων CSS, μπορεί να αλλάξει ανά πάσα στιγμή.
Γι 'αυτό Η AWS δημιούργησε βοηθητικά προγράμματα δοκιμής για κάθε στοιχείο. Τα βοηθητικά προγράμματα δοκιμής διαθέτουν σταθερά API, ώστε να μπορείτε να έχετε πρόσβαση στα σχετικά μέρη αυτών των στοιχείων χωρίς να ανησυχείτε για τον επιλογέα που θα χρησιμοποιήσετε. Τα βοηθητικά προγράμματα δοκιμής του Cloudscape είναι ανεξάρτητα από το πλαίσιο και μπορούν να χρησιμοποιηθούν με οποιαδήποτε δοκιμαστική στοίβα (από Jest και jsdom έως WebdriverIO), καθώς και με τα ακόλουθα:
- Δοκιμές μονάδων, όπου συνήθως έχετε άμεση πρόσβαση στο μοντέλο αντικειμένου εγγράφου (DOM)
- Δοκιμή ενσωμάτωσης, όπου είναι τυπικό να βασίζεστε σε επιλογείς συμβολοσειρών. Τα βοηθητικά προγράμματα δοκιμής αποτελούν μέρος του κύριου πακέτου εξαρτημάτων.
- Ένα φίλτρο επιλογής: που επιτρέπει στους χρήστες να βρίσκουν συγκεκριμένα στοιχεία σε μια συλλογή πόρων επιλέγοντας μία ή δύο ιδιότητες.
- Δοχείο: Με το κοντέινερ, μπορείτε να παρουσιάσετε μια ομάδα στοιχείων περιεχομένου, υποδεικνύοντας ότι τα στοιχεία σχετίζονται. Για παράδειγμα, ένας πίνακας είναι ένας τύπος κοντέινερ.
- Επεκτάσιμη ενότητα: με αυτό οι χρήστες μπορούν να επεκτείνουν ή να συμπτύξουν μια ενότητα. Η χρήση επεκτάσιμων ενοτήτων συνιστάται όταν έχετε πολλές ενότητες σε μια σελίδα και θέλετε να επιτρέψετε στους χρήστες να προβάλλουν μία ή περισσότερες ενότητες τη φορά. Οι επεκτάσιμες ενότητες συμπτύσσονται από προεπιλογή.
- Ένα σημείο πρόσβασης: Στους πρακτικούς οδηγούς, τα hotspot είναι αόρατα δοχεία που επισημαίνουν πού πρέπει να τοποθετηθούν τα εικονίδια hotspot. Τα εικονίδια hotspot αντιπροσωπεύονται από το περιβάλλον σχολιασμού και χρησιμοποιούνται για το άνοιγμα και το κλείσιμο των αναδυόμενων παραθύρων σχολιασμού.
- Διαίρεση παραθύρου: Αυτό είναι ένα ρυθμιζόμενο πάνελ που παρέχει πρόσβαση σε πληροφορίες ή δευτερεύοντα στοιχεία ελέγχου. Αυτό είναι το κύριο στοιχείο για την υλοποίηση της διαίρεσης, ένα πρότυπο για την εμφάνιση μιας συλλογής πόρων με λεπτομέρειες πόρων με βάση τα συμφραζόμενα.
- Μάγος: Μια πολυσέλιδη φόρμα που καθοδηγεί τον χρήστη σε μια πολύπλοκη ροή ή μια σειρά αλληλένδετων εργασιών. Ένας οδηγός αποτελείται από ένα παράθυρο πλοήγησης, μια κεφαλίδα, μια κύρια περιοχή περιεχομένου και κουμπιά ενεργειών.
Τελικά αν ενδιαφέρεστε να μάθετε περισσότερα γι 'αυτό, θα πρέπει να γνωρίζετε ότι το Σύστημα σχεδίασης Cloudscape δημιουργήθηκε για και χρησιμοποιείται από προϊόντα και υπηρεσίες AWS. Κυκλοφορεί ως ανοιχτού κώδικα, ώστε όποιος δημιουργεί προϊόντα στο cloud να μπορεί να επωφεληθεί από το Σύστημα Σχεδίασης AWS.
Μπορείτε να ελέγξετε τις λεπτομέρειες στο τον ακόλουθο σύνδεσμο.