Néhány nappal ezelőtt az AWS a hivatalos honlapján közzétett közzétételen keresztül bejelentette az indulást Cloudscape tervező rendszer, nyílt forráskódú megoldás intuitív webalkalmazások készítésére.
A Cloudscape Design System átfogó irányelveket tartalmaz a webalkalmazások létrehozásához, valamint tervezési erőforrásokat és előtér-komponenseket a telepítés felgyorsítása érdekében.
„Örömmel jelentjük be a Cloudscape Design System-et, egy nyílt forráskódú megoldást, amely lebilincselő és inkluzív felhasználói élményt nyújt széleskörűen. felhőkép
„2016-ban hoztuk létre, hogy javítsuk az AWS webalkalmazások felhasználói élményét, és segítsük a csapatokat ezen alkalmazások gyorsabb üzembe helyezésében. Azóta az ügyfelek visszajelzései és kutatásai alapján folyamatosan fejlesztjük” – mondja az AWS.
A Cloudscape Design Systemről
felhőkép egy nyílt forráskódú tervezőrendszer webes alkalmazások készítésére az AWS-szolgáltatásokhoz tartozó webalkalmazások felhasználói élményének javítása és a csapatok ezen alkalmazások gyorsabb üzembe helyezése érdekében.
Minden alkatrésznek van munkakörnyezete ahol a tervezők és a fejlesztők láthatják az összetevő viselkedését, valamint mintakódot. Az AWS lépésről lépésre útmutatást ad a kisegítő lehetőségekről és a tervezési megoldásokról, hogy időt és energiát takarítson meg a létrehozás során.
Amikor automatizált teszteket hoz létre egy alkalmazáshoz, interakcióba lép a Cloudscape összetevőivel. Például kiválaszthat egy Cloudscape gombot, és kijelentheti, hogy az alkalmazás frissül, hogy tükrözze az adott gombhoz társított műveletet. A Cloudscape összetevőinek belső HTML-struktúrája, beleértve a CSS-osztályneveket is, bármikor megváltozhat.
Ezért Az AWS teszt segédprogramokat hozott létre minden egyes összetevőhöz. A teszt segédprogramok stabil API-kkal rendelkeznek, így Ön anélkül érheti el ezen összetevők releváns részeit, hogy azon kell aggódnia, hogy melyik választót használja. A Cloudscape teszt segédprogramjai keretfüggetlenek, és bármilyen tesztveremhez használhatók (a Jesttől és a jsdom-tól a WebdriverIO-ig), valamint a következőkhöz:
- Egységtesztek, ahol általában közvetlen hozzáférése van a dokumentumobjektum-modellhez (DOM)
- Integrációs tesztelés, ahol jellemző a karakterláncválasztókra hagyatkozni. A teszt segédprogramok a fő összetevő csomag részét képezik.
- Egy kiválasztási szűrő: amely lehetővé teszi a felhasználók számára, hogy egy vagy két tulajdonság kiválasztásával konkrét elemeket találjanak az erőforrások gyűjteményében.
- Tartály: A tárolóval tartalmi elemek csoportját mutathatja be, jelezve, hogy az elemek kapcsolatban állnak egymással. Például egy tömb egy tárolótípus.
- Bővíthető rész: ezzel a felhasználók kibonthatják vagy összecsukhatják a szakaszt. A kibontható szakaszok használata akkor javasolt, ha egy oldalon több szakasz van, és lehetővé szeretné tenni a felhasználók számára, hogy egyszerre egy vagy több szakaszt tekintsenek meg. A kibontható szakaszok alapértelmezés szerint össze vannak csukva.
- Egy hozzáférési pont: A gyakorlati oktatóanyagokban a hotspotok láthatatlan konténerek, amelyek jelzik, hogy hol kell elhelyezni a hotspot ikonokat. A hotspot ikonokat a megjegyzéskörnyezet képviseli, és a megjegyzések felugró ablakainak megnyitására és bezárására szolgál.
- Osztott ablaktábla: ez egy állítható panel, amely hozzáférést biztosít az információkhoz vagy a másodlagos vezérlőelemekhez. Ez az osztott nézet megvalósításának fő összetevője, egy sablon az erőforrások gyűjteményének kontextuális erőforrás-részletekkel való megjelenítéséhez.
- Varázsló: Többoldalas űrlap, amely egy összetett folyamaton vagy egymáshoz kapcsolódó feladatok sorozatán vezeti végig a felhasználót. A varázsló egy navigációs ablaktáblából, egy fejlécből, egy fő tartalomterületből és műveletgombokból áll.
Végül ha érdekel, hogy többet tudjon meg róla, tudnia kell, hogy a Cloudscape Design System rendszert az AWS termékekhez és szolgáltatásokhoz hozták létre, és azok használják. Nyílt forráskódként adják ki, így bárki, aki a felhőben készít termékeket, profitálhat az AWS Design System előnyeiből.
A részleteket meg tudod nézni a következő link.