Kilka dni temu AWS ogłosił poprzez publikację na swojej oficjalnej stronie internetowej uruchomienie System projektowania chmur, rozwiązanie typu open source do tworzenia intuicyjnych aplikacji internetowych.
Cloudscape Design System składa się z kompleksowego zestawu wytycznych dotyczących tworzenia aplikacji internetowych, a także zasobów projektowych i komponentów front-end, które przyspieszają wdrażanie.
„Dzisiaj z przyjemnością ogłaszamy Cloudscape Design System, rozwiązanie open source do tworzenia angażujących i integracyjnych doświadczeń użytkowników na dużą skalę. chmura
„Stworzyliśmy go w 2016 roku, aby poprawić komfort użytkowania aplikacji internetowych AWS, a także pomóc zespołom szybciej wdrażać te aplikacje. Od tego czasu stale go ulepszamy w oparciu o opinie klientów i badania” – mówi AWS.
O systemie projektowania Cloudscape
Cloudscape to system projektowania open source do tworzenia aplikacji internetowych w celu poprawy doświadczenia użytkownika w aplikacjach internetowych należących do usług AWS, a także w celu ułatwienia zespołom szybszego wdrażania tych aplikacji.
Każdy komponent ma środowisko pracy gdzie projektanci i programiści mogą zobaczyć, jak zachowuje się komponent, a także przykładowy kod. Aby zaoszczędzić czas i wysiłek podczas tworzenia, AWS zapewnia szczegółowe wskazówki dotyczące opcji ułatwień dostępu i rozwiązań projektowych.
Tworząc testy automatyczne dla aplikacji, wchodzisz w interakcję ze składnikami Cloudscape. Na przykład możesz wybrać przycisk Cloudscape i potwierdzić, że aplikacja aktualizuje się, aby odzwierciedlić akcję powiązaną z tym przyciskiem. Wewnętrzna struktura HTML komponentów Cloudscape, w tym nazwy klas CSS, może ulec zmianie w dowolnym momencie.
Właśnie dlatego AWS stworzył narzędzia testowe dla każdego komponentu. Narzędzia testowe mają stabilne interfejsy API, dzięki czemu możesz uzyskać dostęp do odpowiednich części tych komponentów bez martwienia się o to, którego selektora użyć. Narzędzia testowe Cloudscape są niezależne od frameworka i mogą być używane z dowolnym stosem testowym (od Jest i jsdom do WebdriverIO), a także z następującymi:
- Testy jednostkowe, gdzie zwykle masz bezpośredni dostęp do modelu obiektowego dokumentu (DOM)
- Testy integracyjne, gdzie zwykle polega się na selektorach ciągów. Narzędzia testowe są częścią głównego pakietu komponentów.
- Filtr wyboru: co pozwala użytkownikom znaleźć określone elementy w zbiorze zasobów, wybierając jedną lub dwie właściwości.
- Pojemnik: Za pomocą kontenera możesz zaprezentować grupę elementów treści, wskazując, że elementy są ze sobą powiązane. Na przykład tablica jest rodzajem kontenera.
- Sekcja rozwijana: dzięki niemu użytkownicy mogą rozwijać lub zwijać sekcję. Korzystanie z sekcji rozwijanych jest zalecane, gdy masz wiele sekcji na stronie i chcesz umożliwić użytkownikom wyświetlanie jednej lub kilku sekcji naraz. Sekcje rozwijane są domyślnie zwinięte.
- Punkt dostępu: W praktycznych samouczkach hotspoty to niewidoczne pojemniki, które oznaczają, gdzie należy umieścić ikony hotspotów. Ikony punktów aktywnych są reprezentowane przez kontekst adnotacji i służą do otwierania i zamykania wyskakujących okienek adnotacji.
- Podzielone okienko: jest to regulowany panel, który zapewnia dostęp do informacji lub dodatkowych elementów sterujących. Jest to główny składnik do implementacji widoku podzielonego, szablonu do wyświetlania kolekcji zasobów z kontekstowymi szczegółami zasobów.
- Czarodziej: Wielostronicowy formularz, który prowadzi użytkownika przez złożony przepływ lub serię powiązanych ze sobą zadań. Kreator składa się z okienka nawigacji, nagłówka, głównego obszaru zawartości i przycisków akcji.
W końcu jeśli chcesz dowiedzieć się więcej na ten temat, powinieneś wiedzieć, że Cloudscape Design System został stworzony i jest używany przez produkty i usługi AWS. Jest wydany jako open source, dzięki czemu każdy, kto tworzy produkty w chmurze, może korzystać z AWS Design System.
Możesz sprawdzić szczegóły w poniższy link.