Prije nekoliko dana AWS je putem objave na svojoj službenoj web stranici objavio pokretanje Sustav dizajna Cloudscape, rješenje otvorenog koda za izradu intuitivnih web aplikacija.
Cloudscape Design System sastoji se od sveobuhvatnog skupa smjernica za izradu web aplikacija, kao i resursa za dizajn i front-end komponenti za ubrzavanje implementacije.
“Danas sa zadovoljstvom najavljujemo Cloudscape Design System, rješenje otvorenog koda za stvaranje privlačnih i inkluzivnih korisničkih iskustava na velikim razmjerima. cloudscape
“Stvorili smo ga 2016. kako bismo poboljšali korisničko iskustvo za AWS web aplikacije i također kako bismo pomogli timovima da brže implementiraju te aplikacije. Od tada ga neprestano poboljšavamo na temelju povratnih informacija i istraživanja kupaca,” kaže AWS.
O Cloudscape Design Systemu
cloudscape je sustav dizajna otvorenog koda za izradu web aplikacija kako bismo poboljšali korisničko iskustvo u web aplikacijama koje pripadaju AWS uslugama te pomogli timovima da brže implementiraju te aplikacije.
Svaka komponenta ima radno okruženje gdje dizajneri i programeri mogu vidjeti kako se komponenta ponaša, kao i uzorak koda. Kako bi vam uštedio vrijeme i trud pri stvaranju, AWS pruža upute korak po korak o opcijama pristupačnosti i dizajnerskim rješenjima.
Kada izradite automatizirane testove za aplikaciju, komunicirate s komponentama Cloudscapea. Na primjer, možete odabrati gumb Cloudscape i potvrditi da se aplikacija ažurira kako bi odražavala radnju koju ste povezali s tim gumbom. Interna HTML struktura komponenti Cloudscapea, uključujući nazive CSS klasa, može se promijeniti u bilo kojem trenutku.
Zbog toga AWS je izradio pomoćne programe za testiranje za svaku komponentu. Pomoćni programi za testiranje imaju stabilne API-je tako da možete pristupiti relevantnim dijelovima ovih komponenti bez brige koji birač koristiti. Cloudscapeovi uslužni programi za testiranje neovisni su o okviru i mogu se koristiti s bilo kojim testnim skupom (od Jest i jsdom do WebdriverIO), kao i sa sljedećim:
- Jedinični testovi, gdje obično imate izravan pristup objektnom modelu dokumenta (DOM)
- Integracijsko testiranje, gdje je tipično oslanjanje na selektore nizova. Pomoćni programi za testiranje dio su paketa glavnih komponenti.
- Filter odabira: koji korisnicima omogućuje pronalaženje određenih stavki u zbirci resursa odabirom jednog ili dva svojstva.
- kontejnera: Sa spremnikom možete predstaviti grupu elemenata sadržaja, pokazujući da su elementi povezani. Na primjer, polje je vrsta spremnika.
- Proširivi odjeljak: s njim korisnici mogu proširiti ili sažeti odjeljak. Korištenje proširivih odjeljaka preporučuje se kada imate više odjeljaka na stranici i želite dopustiti korisnicima da gledaju jedan ili više odjeljaka odjednom. Proširivi odjeljci su prema zadanim postavkama sažeti.
- Pristupna točka: U praktičnim uputama, žarišne točke su nevidljivi spremnici koji označavaju gdje treba postaviti ikone žarišnih točaka. Ikone žarišnih točaka predstavljene su kontekstom komentara i koriste se za otvaranje i zatvaranje skočnih prozora komentara.
- Podijeljeno okno: ovo je podesiva ploča koja omogućuje pristup informacijama ili sekundarnim kontrolama. Ovo je glavna komponenta za implementaciju podijeljenog prikaza, predloška za prikaz zbirke resursa s kontekstualnim detaljima resursa.
- Čarobnjak: Obrazac s više stranica koji vodi korisnika kroz složen tijek ili niz međusobno povezanih zadataka. Čarobnjak se sastoji od navigacijskog okna, zaglavlja, područja glavnog sadržaja i akcijskih gumba.
Konačno ako vas zanima više o tome, trebali biste znati da je Cloudscape Design System stvoren za proizvode i usluge AWS-a te da ga koriste. Objavljen je kao otvoreni izvor tako da svatko tko gradi proizvode u oblaku može imati koristi od AWS Design Systema.
Detalje možete provjeriti u sljedeći link.