Zbudowaliśmy własne studio, bo jedno demo promptShield to 14 filmów: dwa motywy razy siedem języków. Narzędzia do demo zwykle zapisują obraz ekranu, więc zmiana interfejsu oznacza nowe nagranie. Nasze studio zapisuje kolejne działania i odtwarza je w prawdziwej aplikacji, więc zmiana interfejsu kosztuje tylko czas pracy komputera.
Czternaście wersji jednego filmu
Aplikacja promptShield ma motyw jasny i ciemny. Gdy budowaliśmy studio, produkt był dostępny w siedmiu językach: angielskim, francuskim, niemieckim, hiszpańskim, włoskim, niderlandzkim i portugalskim. Klient powinien zobaczyć demo we własnym języku i w motywie, którego używa.
Dwa motywy razy siedem języków daje 14 wersji każdego filmu, a interfejs aplikacji zmienia się często. Przy nagraniu ekranu każda zmiana etykiety czy przycisku oznacza więc 14 nowych nagrań. Bez nich film pokazuje aplikację, której klient po instalacji już nie zobaczy.
Co zapisuje nagranie ekranu
Popularne narzędzia, takie jak Arcade, Storylane, Supademo czy Trupeer, przechwytują ekran, czyli zapisują wygląd interfejsu w chwili nagrania. Dla wielu zespołów to dobre rozwiązanie, zwłaszcza gdy produkt zmienia się rzadko, a demo powstaje w jednym języku. Nie twierdzimy, że te narzędzia czegoś nie potrafią: opisujemy tylko podejście, na którym się opierają.
Nasz przypadek wygląda inaczej: każda wersja językowa i każdy motyw to osobne nagranie, a każda zmiana w produkcie unieważnia część z nich. Koszt rośnie więc razem z liczbą wersji i liczbą zmian, a każdą poprawkę wykonuje człowiek.
Zapis działań operatora
Nasze studio zapisuje to, co zrobił operator: kliknięcie przycisku wykrywania, wybór obszaru, zmianę działania na kodowanie i pobranie pliku. Operator wykonuje pokaz raz, w jednym języku i jednym motywie. Powstaje scenariusz kolejnych kroków, a film generujemy dopiero przy jego odtworzeniu.
Motyw i język stają się wtedy ustawieniami odtwarzania, więc z tego samego scenariusza powstaje zarówno film w jasnym motywie po francusku, jak i w ciemnym po niemiecku. Czternaście wersji to czternaście odtworzeń tego samego zapisu. Gdy dojdzie ósmy język, dwa motywy razy osiem języków dadzą 16 wersji z tych samych scenariuszy.
Z tej jednej różnicy wynika cała reszta. Po zmianie interfejsu wystarczy ponownie odtworzyć scenariusze. Demo nie może też rozminąć się z produktem, bo do odtwarzania używamy tego samego kodu, który trafia do użytkowników, więc pokazuje te same ekrany, które klient zobaczy po instalacji.
Scenariusz trzeba poprawić ręcznie tylko wtedy, gdy zmienia się sam przebieg pokazu, na przykład gdy przycisk trafia do innego okna albo dochodzi nowy krok.
Gdzie studio odtwarza scenariusze
Studio odtwarza scenariusze na stronie /demo w naszym serwisie. Ta strona uruchamia w przeglądarce prawdziwy interfejs aplikacji na komputer i używa tych samych komponentów React, tego samego CSS i tych samych tłumaczeń.
Serwis sięga do kodu aplikacji przez alias @desktop/* w konfiguracji webpacka. Wtyczka NormalModuleReplacementPlugin podmienia tylko wywołania API i funkcje Tauri na atrapy z przygotowanymi danymi. Zmiana w aplikacji trafia więc do /demo przy następnym budowaniu serwisu i nikt nie musi przenosić jej ręcznie.
Strona /demo służy dziś studiu do generowania filmów. Produkt można wypróbować w bezpłatnej aplikacji w przeglądarce pod adresem app.promptshield.ca. Dokument przetwarzany w tej aplikacji nie opuszcza komputera.
Rachunek dla małego zespołu
Przy wyborze między gotowym narzędziem a budową własnego najważniejsze jest jedno pytanie: ile kosztuje każda kolejna zmiana. Przy nagrywaniu ekranu jest to praca człowieka pomnożona przez 14, a w naszym studiu czas pracy komputera, który nie wymaga niczyjej uwagi.
Budowa też miała swój koszt i podajemy go wprost. Studio zbudowała jedna osoba: założyciel firmy, który pracuje z modelami AI. promptShield nie zatrudnia pracowników.
Ten rachunek nie zawsze przemawia za budową. Własne studio opłaca się, gdy produkt często się zmienia, ma wiele wersji językowych, a jego interfejs da się uruchomić w przeglądarce bez reszty systemu. Jeśli te trzy warunki nie są spełnione, gotowe narzędzie jest zwykle rozsądniejszym wyborem.
Ten sam rachunek przeprowadziliśmy dla produktu, który sprzedajemy, czyli dla samego promptShield. Opisujemy go w tekście o tym, dlaczego zbudowaliśmy własny silnik wykrywania danych osobowych.
Najczęstsze pytania
Czy gotowe narzędzie do demo nie jest tańsze niż budowa własnego?
Przy jednym języku i rzadkich zmianach często tak. Przy 14 wersjach i częstych zmianach interfejsu każde nowe nagranie mnoży pracę, a odtworzenie zapisanego scenariusza kosztuje tylko czas pracy komputera.
Gdzie można wypróbować promptShield?
W bezpłatnej aplikacji w przeglądarce, pod adresem app.promptshield.ca. Strona /demo w serwisie służy studiu do generowania filmów.
Co dzieje się z filmami demo po zmianie interfejsu?
Studio odtwarza zapisane scenariusze w nowej wersji interfejsu i generuje filmy od nowa. Scenariusz trzeba poprawić tylko wtedy, gdy zmienił się przebieg pokazu.
Ile osób zbudowało studio demo promptShield?
Jedna osoba, założyciel firmy, pracujący z modelami AI. Firma nie zatrudnia pracowników.