{"id":13254,"date":"2022-03-28T07:00:31","date_gmt":"2022-03-28T05:00:31","guid":{"rendered":"https:\/\/sii.pl\/blog\/?p=13254"},"modified":"2023-06-14T15:55:21","modified_gmt":"2023-06-14T13:55:21","slug":"jak-wdrozyc-produkty-klasy-flagship-do-systemu-e-commerce-w-zaledwie-13-dni-czyli-do-czego-sluzy-adobe-experience-manager","status":"publish","type":"post","link":"https:\/\/sii.pl\/blog\/jak-wdrozyc-produkty-klasy-flagship-do-systemu-e-commerce-w-zaledwie-13-dni-czyli-do-czego-sluzy-adobe-experience-manager\/","title":{"rendered":"Jak wdro\u017cy\u0107 produkty klasy \u201eflagship\u201d do systemu e-commerce w zaledwie 13 dni, czyli do czego s\u0142u\u017cy Adobe Experience Manager"},"content":{"rendered":"\n<p>Jako zesp\u00f3\u0142 developerski zostali\u015bmy postawieni przed bardzo ambitnym zadaniem. Mieli\u015bmy w kr\u00f3tkim czasie wdro\u017cy\u0107 produkt klasy \u201eflagship\u201d do systemu e-commerce <strong>u \u015bwiatowego lidera bran\u017cy elektroniki u\u017cytkowej. <\/strong><\/p>\n\n\n\n<p>W artykule chcia\u0142bym opisa\u0107, dlaczego zdecydowali\u015bmy si\u0119 na narz\u0119dzie Adobe Experience Manager oraz jak za jego pomoc\u0105, w trybie ekspresowym i przy ma\u0142ym nak\u0142adzie pracy, zrealizowali\u015bmy ten cel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wyzwania projektu<\/h2>\n\n\n\n<p>Produkt klasy \u201eflagship\u201d (produkt sztandarowy) to najistotniejszy produkt dla firmy, dla kt\u00f3rego zwykle firma zosta\u0142a za\u0142o\u017cona i kt\u00f3ry sprawi\u0142, \u017ce sta\u0142a si\u0119 dobrze znana. Przyk\u0142adem mo\u017ce by\u0107 system operacyjny Windows dla firmy Microsoft.<\/p>\n\n\n\n<p>Z uwagi na wag\u0119 zadania, <strong>stan\u0119li\u015bmy przed nast\u0119puj\u0105cymi wyzwaniami<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>kr\u00f3tki czas na development oraz autoring,<\/li>\n\n\n\n<li>jednoczesne wdro\u017cenie na kilkadziesi\u0105t rynk\u00f3w europejskich,<\/li>\n\n\n\n<li>wymagana sp\u00f3jno\u015b\u0107 layout\u00f3w zar\u00f3wno strony zakupowej, jak i stron marketingowych dla danego produktu.<\/li>\n<\/ul>\n\n\n\n<p>Zdecydowali\u015bmy o wykorzystaniu <strong>optymalnego narz\u0119dzia<\/strong>, kt\u00f3re umo\u017cliwi\u0142oby nam realizacj\u0119 celu i kt\u00f3re znali\u015bmy ju\u017c dobrze \u2013 Adobe Experience Managera.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Czym jest Adobe Experience Manager?<\/h2>\n\n\n\n<p>AEM to system zarz\u0105dzania tre\u015bci\u0105 (CMS) oferowany przez AEC (<strong>Adobe Experience Cloud<\/strong>). To narz\u0119dzie umo\u017cliwia <strong>\u0142atwe i dynamiczne zarz\u0105dzanie zasobami cyfrowymi<\/strong> za pomoc\u0105 rozwi\u0105za\u0144 do zarz\u0105dzania dokumentami, opcji zaanga\u017cowania u\u017cytkownika czy te\u017c po\u0142\u0105czenia z portalami spo\u0142eczno\u015bciowymi.<\/p>\n\n\n\n<p>Zespo\u0142y kreatywne mog\u0105 u\u017cywa\u0107 AEM jako centralnej stacji roboczej i bezproblemowo usprawnia\u0107 swoje bie\u017c\u0105ce procesy. Umo\u017cliwia on tak\u017ce zespo\u0142om harmonijn\u0105 wsp\u00f3\u0142prac\u0119 z r\u00f3\u017cnych lokalizacji i dostarczanie u\u017cytkownikom atrakcyjnych multimedi\u00f3w poprzez r\u00f3\u017cne kana\u0142y. Najwi\u0119ksz\u0105 zalet\u0105 AEM jest fakt, \u017ce upraszcza zarz\u0105dzanie i dostarczanie tre\u015bci w ogromnym stopniu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Proces wdro\u017cenia produktu flagowego<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Development stron produktowych<\/h3>\n\n\n\n<p>Pocz\u0105tkowym etapem procesu wdro\u017cenia by\u0142o nakre\u015blenie roadmapy dla zespo\u0142u. Ca\u0142e wdro\u017cenie zaplanowano na 15 dni. Jako team developerski dostali\u015bmy zadanie, aby <strong>przygotowa\u0107 stron\u0119 produktow\u0105<\/strong>. Mo\u017cliwo\u015b\u0107 wykorzystania komponent\u00f3w u\u017cytych dla poprzednich produkt\u00f3w sztandarowych i dost\u0119pnych w AEM sprawi\u0142o, \u017ce by\u0142 to proces szybki i bezbolesny.<\/p>\n\n\n\n<p>Dokonali\u015bmy zmiany kilku po\u0142\u0105cze\u0144 z API oraz stylowa\u0144 niekt\u00f3rych komponent\u00f3w. W ten spos\u00f3b strona sprzeda\u017cowa by\u0142a gotowa dla content manager\u00f3w, tester\u00f3w, a p\u00f3\u017aniej klient\u00f3w.<\/p>\n\n\n\n<p>Warstwa autoringowa Adobe Experience Managera oraz <strong>DAM (Zintegrowany Digital Asset Management)<\/strong> pozwoli\u0142y na bardzo szybkie wstawienie multimedi\u00f3w oraz dokument\u00f3w PDF. Nast\u0119pnie, na zasadzie drag and drop, zape\u0142nienie stworzonej templatki strony zawarto\u015bci\u0105 (multimedia i tekst).<\/p>\n\n\n\n<p>Dzi\u0119ki instancji UAT, dzia\u0142 QA, a p\u00f3\u017aniej stakeholderzy, mieli prosty oraz bezpieczny (wymagne by\u0142o posiadanie odpowiednich hase\u0142) dost\u0119p do podgl\u0105du strony. Po otrzymaniu feedbacku ze strony QA oraz klienta i wprowadzeniu zmian, strona zosta\u0142a przekazana do lokalizacji na rynki europejskie.<\/p>\n\n\n\n<p>Ca\u0142y proces polega\u0142 na utworzeniu nowej strony w CMS oraz przeklejeniu templatki, a nast\u0119pnie wstawieniu tekstu w danym j\u0119zyku. Po ko\u0144cowych akceptacjach, dzi\u0119ki mo\u017cliwo\u015bci\u0105 AEM, publikacja stron zosta\u0142a zaplanowana na konkretn\u0105 dat\u0119, kiedy to mia\u0142a miejsce premiera \u015bwiatowa.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter wp-image-13255\"><a href=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2022\/03\/Grafika_Artykul_AEM.png\"><img decoding=\"async\" width=\"1862\" height=\"935\" src=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2022\/03\/Grafika_Artykul_AEM.png\" alt=\"Przyk\u0142adowy widok warstwy autoringowej\" class=\"wp-image-13255\" srcset=\"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2022\/03\/Grafika_Artykul_AEM.png 1862w, https:\/\/sii.pl\/blog\/wp-content\/uploads\/2022\/03\/Grafika_Artykul_AEM-300x151.png 300w, https:\/\/sii.pl\/blog\/wp-content\/uploads\/2022\/03\/Grafika_Artykul_AEM-1024x514.png 1024w, https:\/\/sii.pl\/blog\/wp-content\/uploads\/2022\/03\/Grafika_Artykul_AEM-768x386.png 768w, https:\/\/sii.pl\/blog\/wp-content\/uploads\/2022\/03\/Grafika_Artykul_AEM-1536x771.png 1536w\" sizes=\"(max-width: 1862px) 100vw, 1862px\" \/><\/a><figcaption class=\"wp-element-caption\">Ryc. 1 Przyk\u0142adowy widok warstwy autoringowej<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Development stron sprzeda\u017cowych<\/h3>\n\n\n\n<p>Proces developmentu stron sprzeda\u017cowych r\u00f3\u017cni\u0142 si\u0119 nieznacznie od <strong>developmentu stron produktowych<\/strong>. W zale\u017cno\u015bci od pa\u0144stwa, mo\u017cliwe by\u0142y r\u00f3\u017cne formy finansowania (p\u0142atno\u015b\u0107 elektroniczna, Klarna, plan p\u0142atno\u015bci u operatora telefonii kom\u00f3rkowej czy te\u017c pokrycie cz\u0119\u015bci p\u0142atno\u015bci przez oddanie w rozliczeniu swojego urz\u0105dzenia).<\/p>\n\n\n\n<p>W poszczeg\u00f3lnych krajach udost\u0119pniono r\u00f3wnie\u017c inne promocje oraz korzy\u015bci zwi\u0105zane z zakupem produktu klasy \u201eflagship\u201d. Programowanie wymaga\u0142o tutaj stworzenia templatki, kt\u00f3ra obejmowa\u0142a <strong>komponenty pokrywaj\u0105ce ca\u0142e zapotrzebowanie klient\u00f3w<\/strong>. Utworzony szablon strony zawiera\u0142 wszystkie mo\u017cliwe typy komponent\u00f3w z planami finansowania oraz promocji. Nast\u0119pnie, na etapie lokalizacji, content managerowie wybierali odpowiednie komponenty pod dany kraj. Kolejne etapy przebiega\u0142y analogicznie jak przy stronie produktowej.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Efekt ko\u0144cowy<\/h3>\n\n\n\n<p>Finalnie, <strong>ca\u0142y proces wdro\u017cenia<\/strong> nowych wersji produkt\u00f3w sztandarowych do systemu CMS <strong>wyni\u00f3s\u0142 13 dni<\/strong>. Pozosta\u0142e 2 dni zosta\u0142y wykorzystane na minimalne poprawki w samym contencie. Wszystkie <strong>za\u0142o\u017cenia oraz wyzwania projektu zosta\u0142y spe\u0142nione<\/strong>.<\/p>\n\n\n\n<p>Powy\u017csze case study pokazuje, \u017ce za pomoc\u0105 Adobe Experience Managera mo\u017cliwe jest ekspresowe wdro\u017cenie na wielk\u0105 skal\u0119.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Funkcje i mo\u017cliwo\u015bci AEM<\/h2>\n\n\n\n<p>Opr\u00f3cz mo\u017cliwo\u015bci ekspresowego wdro\u017cenia, warto te\u017c zwr\u00f3ci\u0107 uwag\u0119 na funkcje i mo\u017cliwo\u015bci, jakie oferuje narz\u0119dzie pod k\u0105tem innych implementacji.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zintegrowany Digital Asset Management (DAM)<\/h3>\n\n\n\n<p>DAM, czyli platforma zarz\u0105dzania zasobami cyfrowymi, jest to hub do zarz\u0105dzania, przechowywania oraz pobierania wszelkiego rodzaju multimedi\u00f3w. AEM Sites oferuje mo\u017cliwo\u015b\u0107 tworzenia stron internetowych z multimediami, kt\u00f3re zapewnia w\u0142a\u015bnie DAM. AEM umo\u017cliwia tak\u017ce korzystanie z zasob\u00f3w multimedialnych DAM, dzia\u0142aj\u0105cym w zupe\u0142nie innej instancji AEM.<\/p>\n\n\n\n<p><strong>W du\u017cych firmach mog\u0105 dzia\u0142a\u0107 dwie lub wi\u0119cej instancji AEM<\/strong>. Jednym ze scenariuszy, w kt\u00f3rym tak si\u0119 dzieje, jest sytuacja, gdzie jedna instancja jest u\u017cywana jako <strong>AEM Site Author<\/strong> \u2013 do tworzenia stron przez web publisher\u00f3w, a druga instancja (<strong>Assets Author<\/strong>) jest u\u017cywana przez zesp\u00f3\u0142 kreatywny do przechowywania zasob\u00f3w multimedialnych.<\/p>\n\n\n\n<p>Dzi\u0119ki zintegrowanej platformie do zarz\u0105dzania zasobami cyfrowymi web publisherzy mog\u0105 wyszuka\u0107 zas\u00f3b, nast\u0119pnie metod\u0105 drag &amp; drop przeci\u0105gn\u0105\u0107 assety na stron\u0119, aby w kolejnym kroku bezpo\u015brednio je opublikowa\u0107 nawet, je\u015bli dany zas\u00f3b znajduje si\u0119 w innej instancji. Dzieje si\u0119 tak, gdy\u017c AEM umo\u017cliwia dost\u0119p ze zdalnej instancji zasob\u00f3w.<\/p>\n\n\n\n<p>Ta funkcja Adobe Experience Manager oferuje <strong>ujednolicony, \u0142atwy w u\u017cyciu dost\u0119p do wszystkich posiadanych zasob\u00f3w<\/strong>, bez wzgl\u0119du na to gdzie s\u0105 przechowywane. Jest to idealne rozwi\u0105zanie dla wielu firm, kt\u00f3re potrzebuj\u0105 centralnego, samodzielnego modu\u0142u DAM.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0141atwiejsza integracja z innymi narz\u0119dziami marketingowymi<\/h3>\n\n\n\n<p>AEM, kt\u00f3ry jest cz\u0119\u015bci\u0105 Adobe Experience Cloud, mo\u017cna <strong>bezproblemowo zintegrowa\u0107<\/strong> z innymi rozwi\u0105zaniami i produktami Adobe (jak np. <strong>Adobe Analytics<\/strong>). Mo\u017cna go r\u00f3wnie\u017c zintegrowa\u0107 z dowolnym narz\u0119dziem \u201ethird-party\u201d (jak np. chatbot) za pomoc\u0105 AEM Connectors.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Integracja z chmur\u0105<\/h3>\n\n\n\n<p>Integracja AEM Cloud to skuteczny spos\u00f3b na <strong>po\u0142\u0105czenie marketingu oraz DAM w firmie<\/strong>. Upraszcza przep\u0142yw informacji i pomaga dostarczy\u0107 tre\u015bci wysokiej jako\u015bci. Co wi\u0119cej, pakiet Adobe oferuje pe\u0142n\u0105 obs\u0142ug\u0119 chmury oraz rozmaite zestawy us\u0142ug, kt\u00f3re pomagaj\u0105 zaspokoi\u0107 potrzeby firmy.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bezpiecze\u0144stwo<\/h3>\n\n\n\n<p>AEM to bezpieczny i niezawodny CMS, kt\u00f3ry zapewnia ca\u0142kowit\u0105 prywatno\u015b\u0107 i ochron\u0119 wra\u017cliwych danych przedsi\u0119biorstwa. Obs\u0142uguje wszystkie standardowe protoko\u0142y uwierzytelniania w tym <strong>SAML SSO i LDAP<\/strong> i regularnie wydaje udoskonalenia zabezpiecze\u0144, kt\u00f3re mo\u017cna \u0142atwo zainstalowa\u0107.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zintegrowane zasoby Adobe Stocks<\/h3>\n\n\n\n<p>Adobe Stock udost\u0119pnia miliony wysokiej jako\u015bci asset\u00f3w 3D, szablon\u00f3w, film\u00f3w, ilustracji (w tym wiele ilustracji wektorowych) i tym podobnych do projekt\u00f3w kreatywnych. Teraz <strong>licencja Adobe Stock w ramach AEM Assets zapewnia korzystanie ze wszystkich wy\u017cej wymienionych asset\u00f3w<\/strong> dla dzia\u0142\u00f3w kreatywnych czy marketingu. Dzi\u0119ki tej integracji mo\u017cna zapisywa\u0107 obrazy obj\u0119te licencj\u0105 Adobe Stocks w DAM. Po zapisaniu assetu w DAM mo\u017cna korzysta\u0107 i zarz\u0105dza\u0107 nim jak normalnym zasobem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">AEM SPA Editor<\/h3>\n\n\n\n<p>U\u017cywaj\u0105c <strong>AEM SPA (Single Page Application) Editor<\/strong>, programi\u015bci mog\u0105 w \u0142atwiejszy spos\u00f3b <strong>tworzy\u0107 komponenty czy templatki stron w nowoczesnych frameworkach<\/strong>, a <strong>webpublisherzy mog\u0105 bezproblemowo edytowa\u0107 ich zawarto\u015b\u0107 w AEM<\/strong>. Jest to opcja zalecana, je\u015bli dany projekt wymaga renderowania frameworku po stronie klienta (np. React lub Angular).<\/p>\n\n\n\n<p>Od wersji <strong>AEM 6.5 SPA Editors<\/strong> s\u0105 bardziej wydajne, dzi\u0119ki mo\u017cliwo\u015bci zarz\u0105dzania wieloma stronami. W wy\u017cej wymienionej wersji zosta\u0142y dodane nast\u0119puj\u0105ce funkcje:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Renderowanie SPA po stronie serwera w celu skr\u00f3cenia czasu \u0142adowania pierwszej strony i poprawy SEO.<\/li>\n\n\n\n<li>Rozszerzenie o zestaw SDK AEM SJ dodaje mo\u017cliwo\u015b\u0107 edycji dla edytor\u00f3w tre\u015bci.<\/li>\n\n\n\n<li>Edytor szablon\u00f3w, kt\u00f3ry umo\u017cliwia edycj\u0119 i konfiguracj\u0119 edytowalnych cz\u0119\u015bci SPA.<\/li>\n\n\n\n<li>Mo\u017cliwo\u015b\u0107 zarz\u0105dzania wieloma stronami, w celu stworzenia SPA dla osobnego kraju b\u0105d\u017a franczyzy.<\/li>\n\n\n\n<li>Wsparcie lokalizacji i t\u0142umacze\u0144 dla SPA.<\/li>\n\n\n\n<li>Dodanie funkcjonalno\u015bci umo\u017cliwiaj\u0105cej osadzanie formularzy z AEM Forms w SPA.<\/li>\n\n\n\n<li>Mo\u017cliwo\u015b\u0107 podgl\u0105du i edycji \u2018in-context\u2019 SPA.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Headless CMS<\/h3>\n\n\n\n<p>Headless jest to CMS, kt\u00f3ry pozwala na zarz\u0105dzanie danymi, lecz nie posiada obs\u0142ugi front-end. Zamiast tego <strong>dane s\u0105 udost\u0119pniane przez REST API<\/strong>, dzi\u0119ki czemu mo\u017cna samodzielnie dobra\u0107 interesuj\u0105c\u0105 liczb\u0119 kana\u0142\u00f3w front-end w dowolnych technologiach. Ta funkcjonalno\u015b\u0107 AEM umo\u017cliwia posiadanie kontroli nad sposobem prezentowania tre\u015bci w przer\u00f3\u017cnych kana\u0142ach, takich jak systemy mobilne, desktopowe, IoT czy PIM. Zapewnia to firmom maksymaln\u0105 elastyczno\u015b\u0107 i mo\u017cliwo\u015b\u0107 dzia\u0142ania omnichanel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Intuicyjne Zarz\u0105dzanie Tre\u015bci\u0105<\/h3>\n\n\n\n<p>Funkcja inferfejsu u\u017cytkownika w Adobe Experience Manager jest bardzo intuicyjna (dzia\u0142a na zasadzie drag&amp;drop) i zapewnia bezproblemowe tworzenie tre\u015bci na wiele urz\u0105dze\u0144. Web publisherzy mog\u0105 \u0142atwo tworzy\u0107 nowe fragmenty tre\u015bci i dystrybuowa\u0107 je do r\u00f3\u017cnych kana\u0142\u00f3w zapewniaj\u0105c przy tym <strong>sp\u00f3jny User Experience.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Visual Search i Smart Crop<\/h3>\n\n\n\n<p>Wyszukiwanie wizualne to funkcja oparta na <strong>Adobe Sensei<\/strong>, kt\u00f3ra umo\u017cliwia znajdowanie wizualnie podobnych zasob\u00f3w w DAM. Adobe Sensei obs\u0142uguje inteligentne funkcje w pakiecie AEC, aby radykalnie usprawni\u0107 projektowanie i dostarczanie cyfrowych asset\u00f3w przy u\u017cyciu sztucznej inteligencji, uczenia maszynowego i deep-learningu. Visual Search w AEM automatycznie identyfikuje zawarto\u015b\u0107 oraz kompozycje obrazu i automatcznie dodaje metatagi, aby natychmiastowo <strong>dostarcza\u0107 wyniki wyszukiwania na podstawie informacji wizualnych. <\/strong><\/p>\n\n\n\n<p>W praktyce wyszukiwanie jest bardzo proste, wystarczy przeci\u0105gn\u0105\u0107 i upu\u015bci\u0107 obraz na pasek wyszukiwania, a wyszukiwanie wizualne automatycznie otaguje, wyszuka i dostarczy podobne obrazy.<\/p>\n\n\n\n<p>Przed wej\u015bciem Adobe wersji AEM6.5, aby obraz wygl\u0105da\u0142 dobrze w wielu uk\u0142adach (mobile, tablet, desktop) potrzebne by\u0142o wiele rozmiar\u00f3w ka\u017cdego assetu. W przypadku wielkiego CMS zawieraj\u0105cego tysi\u0105ce obraz\u00f3w, nie by\u0142o to praktyczne rozwi\u0105zanie. Oparta na Adobe Sensei funkcja Smart Crop pozwala na <strong>automatyczne oraz inteligentne przycinanie obraz\u00f3w w AEM<\/strong>. Nie potrzeba do tego \u017cadnego innego narz\u0119dzia.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Podsumowanie<\/h2>\n\n\n\n<p>Dynamiczny rozw\u00f3j bran\u017cy E-commerce wymusza na developerach, testerach i analitykach szukania coraz lepszych rozwi\u0105za\u0144, by w kr\u00f3tkim czasie przygotowa\u0107 jak najlepsze wdro\u017cenie. Konieczne jest tak\u017ce, by zastosowane narz\u0119dzie zoptymalizowa\u0142o proces zarz\u0105dzania produktem, sklepem lub kampani\u0105.<\/p>\n\n\n\n<p>***<\/p>\n\n\n\n<p>Je\u015bli ciekawi\u0105 Ci\u0119 <a href=\"https:\/\/sii.pl\/blog\/wyzwania-podczas-tworzenia-frameworku-do-testow-automatycznych-systemu-e-commerce-zbudowanego-w-oparciu-o-adobe-experience-manager\/\">wyzwania, z jakimi zmierzyli si\u0119 nasi specjali\u015bci podczas tworzenia frameworku do test\u00f3w automatycznych systemu e-commerce<\/a> zbudowanego w oparciu o Adobe Experience Manager, zach\u0119camy do lektury.<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;13254&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;14&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;4.9&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;11&quot;,&quot;greet&quot;:&quot;&quot;,&quot;legend&quot;:&quot;4.9\\\/5 ( votes: 14)&quot;,&quot;size&quot;:&quot;18&quot;,&quot;title&quot;:&quot;Jak wdro\u017cy\u0107 produkty klasy \u201eflagship\u201d do systemu e-commerce w zaledwie 13 dni, czyli do czego s\u0142u\u017cy Adobe Experience Manager&quot;,&quot;width&quot;:&quot;136.6&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} ( {votes}: {count})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 11px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 11px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 11px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 11px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 11px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 136.6px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 11px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 11px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 11px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 11px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 11px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 18px; height: 18px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 14.4px;\">\n            4.9\/5 ( votes: 14)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Jako zesp\u00f3\u0142 developerski zostali\u015bmy postawieni przed bardzo ambitnym zadaniem. Mieli\u015bmy w kr\u00f3tkim czasie wdro\u017cy\u0107 produkt klasy \u201eflagship\u201d do systemu e-commerce &hellip; <a class=\"continued-btn\" href=\"https:\/\/sii.pl\/blog\/jak-wdrozyc-produkty-klasy-flagship-do-systemu-e-commerce-w-zaledwie-13-dni-czyli-do-czego-sluzy-adobe-experience-manager\/\">Continued<\/a><\/p>\n","protected":false},"author":345,"featured_media":13258,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","inline_featured_image":false,"footnotes":""},"categories":[1314],"tags":[1218,270,771],"class_list":["post-13254","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development-na-twardo","tag-adobe-experience-manager","tag-development","tag-wdrozenie"],"acf":[],"aioseo_notices":[],"republish_history":[],"featured_media_url":"https:\/\/sii.pl\/blog\/wp-content\/uploads\/2022\/03\/Wdrozenie-produktu-flagowego-przy-uzyciu-AEM.png","category_names":["Development na twardo"],"_links":{"self":[{"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/posts\/13254"}],"collection":[{"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/users\/345"}],"replies":[{"embeddable":true,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/comments?post=13254"}],"version-history":[{"count":2,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/posts\/13254\/revisions"}],"predecessor-version":[{"id":22308,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/posts\/13254\/revisions\/22308"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/media\/13258"}],"wp:attachment":[{"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/media?parent=13254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/categories?post=13254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sii.pl\/blog\/wp-json\/wp\/v2\/tags?post=13254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}