Nowoczesne możliwości i zalety interfejsu użytkownika Pimcore Studio

Wstęp

W ostatnich latach Pimcore Studio UI stał się jednym z kluczowych elementów rozwoju platformy Pimcore, znanej z kompleksowych rozwiązań do zarządzania informacją produktową (PIM), danymi podstawowymi (MDM) i zasobami cyfrowymi (DAM). Wprowadzenie nowoczesnego interfejsu użytkownika (UI) to nie tylko kwestia estetyki. Za tą zmianą stoją głębokie zmiany technologiczne, lepsza użyteczność i szerokie możliwości personalizacji.

W tym artykule przyglądamy się temu, dlaczego nowy interfejs Pimcore Studio to kamień milowy na drodze do wydajniejszej, bardziej intuicyjnej i skalowalnej pracy z danymi.

Modernizacja i nowe technologie

Jedną z najbardziej przełomowych zmian w nowym interfejsie użytkownika Pimcore Studio jest przejście z technologii ExtJS na nowoczesny stos technologiczny oparty na React, Redux i TypeScript. Decyzję poprzedziły analiza rynku oraz ankiety wśród partnerów i szerokiej społeczności Pimcore.

Dlaczego React, Redux i TypeScript?

• React zapewnia wysoką wydajność dzięki wirtualnemu DOM i architekturze komponentowej. Pozwala też tworzyć przejrzyste interfejsy z łatwych do ponownego użycia elementów UI.
• Redux porządkuje zarządzanie stanem aplikacji, co w tak rozbudowanym narzędziu jak Pimcore Studio jest kluczowe dla stabilności i skalowalności.
• TypeScript zwiększa bezpieczeństwo kodu, bo ogranicza ryzyko błędów typów i poprawia czytelność. Ma to szczególne znaczenie w dużych projektach, w których współpracuje wiele zespołów programistów.

Połączenie tych technologii pozwoliło stworzyć przyjazny interfejs i jednocześnie zachować dużą elastyczność dla programistów.

Najważniejsze funkcje nowego UI

Centralny edytor i panele boczne

Sercem interfejsu Pimcore Studio jest centralny edytor, który wyświetla obiekty danych (np. produkty, dokumenty czy zasoby cyfrowe). Wokół niego rozmieszczone są panele boczne, które można w pełni dostosować do potrzeb zespołu.

Przykłady zastosowania:

• Podczas edycji produktu panel boczny może pokazywać sugerowane powiązane pozycje lub produkty uzupełniające, co przyspiesza kompletowanie oferty.
• Siatki danych mogą korzystać z zaawansowanego języka zapytań Pimcore Query Language (PQL), który zwiększa precyzję wyszukiwania nawet w bardzo dużych bazach danych.

Mega menu

Nowe mega menu w Pimcore Studio wyraźnie uprościło nawigację i zwiększyło wydajność pracy. Dzięki ograniczeniu zbędnych elementów oraz intuicyjnym etykietom i skrótom:

• łatwiej znaleźć potrzebne sekcje i funkcje,
• ikony z poprzednich wersji uzupełniono (lub zastąpiono) czytelnymi opisami, co pomaga też mniej doświadczonym użytkownikom.

Widok siatki

Za wydajne i intuicyjne zarządzanie danymi w widoku siatki odpowiada biblioteka React TanStack Table. Dzięki niej można:

• personalizować widoki: zmieniać układ kolumn, filtrować i sortować,
• edytować dane bezpośrednio w tabelach, bez ciągłego przełączania się między ekranami.

Korzyści dla użytkowników i programistów

Dla użytkowników

1. Wyższa produktywność. Prostszy interfejs i lepsze wyszukiwanie sprawiają, że codzienne czynności (np. dodawanie nowych produktów, edycja zasobów) wymagają mniej kliknięć i czasu.
2. Elastyczna organizacja widoków. Samodzielna konfiguracja paneli i widoków danych ułatwia pracę osobom z różnych działów (marketing, sprzedaż, logistyka).
3. Intuicyjność. Przemyślana architektura paneli ogranicza liczbę błędów nowych użytkowników, a skróty klawiaturowe przyspieszają pracę zaawansowanych ekspertów.

Dla programistów

1. Nowoczesne narzędzia i języki. React, Redux i TypeScript zwiększają satysfakcję programistów i ułatwiają utrzymanie kodu.
2. Rozbudowane API. Integracje z innymi systemami (np. e-commerce, ERP) są prostsze, co oszczędza czas i zasoby przy wdrożeniach.
3. Łatwa rozbudowa. Nowe funkcje i widżety mogą powstawać równolegle w różnych zespołach, więc prace idą szybciej, a zmiany nie destabilizują całego systemu.

Przyszłość i perspektywy rozwoju

Nowy interfejs Pimcore Studio to dopiero początek długofalowego planu rozwoju platformy. Wraz z upowszechnianiem się technologii opartych na mikrofrontendach rośnie znaczenie rozwiązań modułowych. Można spodziewać się kolejnych innowacji, takich jak:

• zaawansowana automatyzacja procesów biznesowych z użyciem sztucznej inteligencji (np. inteligentne przypisywanie zasobów DAM do właściwych kategorii),
• lepsza współpraca w chmurze i nowe narzędzia do współdzielenia projektów w czasie rzeczywistym,
• dalsze usprawnienia UX i personalizacji, w tym własne widoki dla konkretnych ról w organizacji.

Podsumowanie

Nowy interfejs użytkownika Pimcore Studio to nie tylko lepszy wygląd, ale przede wszystkim kompleksowa zmiana podejścia do zarządzania danymi. React, Redux i TypeScript pozwoliły stworzyć środowisko przyjazne zarówno dla osób mniej technicznych, jak i dla zaawansowanych programistów.

Korzyści z wdrożenia nowego UI:

• wyższa produktywność i wygoda pracy,
• elastyczna integracja z innymi systemami,
• wyraźnie lepszy proces tworzenia widżetów i rozszerzeń oraz zarządzania nimi.

Innowacyjne funkcje, takie jak konfigurowalne panele boczne, mega menu i widok siatki oparty na React TanStack Table, sprawiają, że praca z danymi jest szybsza i przyjemniejsza. Programiści zyskują większą kontrolę nad projektem, sprawniejsze zarządzanie stanem aplikacji i bezpieczniejszy kod dzięki TypeScript.

W kolejnych latach Pimcore Studio będzie się dalej rozwijać i dostosowywać do potrzeb szybko zmieniającego się rynku. Już dziś jest to jednak wydajne narzędzie, które pozwala firmom sprawnie zarządzać pełnym spektrum danych, od opisów produktów i zasobów multimedialnych po kompleksowe analizy i raporty. Dlatego Pimcore Studio UI jest dziś jednym z najnowocześniejszych i najbardziej kompleksowych rozwiązań na rynku PIM i DAM.

Więcej: co nowego w Pimcore 2024.3.