Bezgłowy CMS dla drukowanej książki z pizzą

Jak wykorzystujemy nasz proces tworzenia stron internetowych do napisania książki

W Buro.Int interaktywność jest zawsze naszym rdzeniem. Nie oznacza to jednak, że cały czas trzymamy się mediów cyfrowych. W jednym z naszych najnowszych projektów pracowaliśmy nad drukowaną papierową książką do pizzy. Tak, mówię o prawdziwym tuszu!

Naszą ambicją było stworzenie elastycznego rozwiązania, które pozwala łatwo skalować do dowolnego możliwego medium końcowego: od e-książek po aplikacje lub strony internetowe. Aby to osiągnąć, wykorzystaliśmy Headless Content Management System (CMS) z sanity.io.

Co to jest Bezgłowy?

Klasyczny CMS, np. WordPress zapewnia dwie rzeczy: Po pierwsze, łatwy w użyciu graficzny interfejs użytkownika (GUI) do tworzenia treści. Po drugie, zintegrowane rozwiązanie, które wyświetla zawartość jako strony internetowe.

Bezgłowy CMS jest jednak odłączony od drugiej części. Zamiast tego przekazuje tylko czyste dane przez interfejs programowania aplikacji (API). W ogóle nie obchodzi go ostateczny typ wyjścia. Interfejsy mogą być dowolne: strony internetowe, aplikacje, asystenci głosowi, e-książki, gry itp. Wspaniałą ideą jest to, że gdy treść jest czystymi danymi, tryby prezentacji mogą ewoluować niezależnie od treści.

Proces

Definiowanie struktury

Za pomocą zaledwie kilku plików JSON byliśmy w stanie wygenerować całkowicie spersonalizowany interfejs użytkownika. Można go dostosować do różnych typów treści i ich wzajemnych relacji. Nie myśląc o ostatecznej prezentacji, stworzyliśmy całą sieć informacji, na podstawie których moglibyśmy później zdecydować, na ile chcemy je wykorzystać.

Podam przykład: KitchenStories, aplikacja do wielu pysznych przepisów, nie tylko wymienia wszystkie składniki na samej górze, ale także na etapie przygotowania. Można to również łatwo osiągnąć dzięki naszej strukturze. Ale to nie wszystko, obsługa zestawu wielu języków (lokalizacja) może być osiągnięta za pomocą kilku dodatkowych wierszy w JSON.

To wszystko, o czym nie zdecydowaliśmy w naszej książce o gotowaniu. Ale może zrobimy to w przyszłości? Nigdy nie wiesz. Jesteśmy przygotowani.

Zarządzanie treścią

Obsługa treści klienta i przeglądanie również stało się znacznie łatwiejsze. Bez potrzeby dostawcy hostingu otrzymaliśmy prosty interfejs na sanity.io do współpracy z naszym klientem. Każdy może łatwo wstawiać, przeglądać lub przesyłać treści. Nie potrzebujesz dokumentów Word.

Zrzut ekranu z sanity.studio

Sprawiło to, że proces ten był również bardziej skuteczny i odporny na awarie, ponieważ zwykle sposób jest wykonywany przez wysyłanie wielu wiadomości e-mail i dokumentów w tę iz powrotem: pisarz kończy swoją pracę, osoba czyta i dostosowuje, wydawca dokonuje ostatecznych korekt itp Cetera. Wszystko to odbywa się w Sanity. Nigdy więcej e-maili i nieporozumień.

Pobieranie danych

Po zakończeniu tworzenia treści wyeksportowaliśmy ją do formatu XML, który dobrze integruje się z programem Adobe InDesign - wybranym przez nas narzędziem projektowym do drukowania. W XML treść jest zawijana w otwieranie i zamykanie , które definiują znaczenie danych pomiędzy nimi. Niestety, Sanity nie pozwala na eksportowanie XML-a po wyjęciu z pudełka, ale udało nam się napisać mały program, aby to zrobić.

To, co wyeksportowaliśmy, to dość złożony plik XML z dużą ilością danych. Ale InDesign obsługuje inny typ plików o nazwie XSLT, który pozwala nam ograniczyć złożoność do naszych potrzeb. Pozwala zdefiniować pożądaną strukturę i wypełnić ją oryginalnym plikiem XML. Możliwe są również warunki if / else, pętle iteracyjne i wiele innych logiki. XSLT to w zasadzie tylko dodatkowy XML, ale na sterydach.

Generowanie książki

Po zaimportowaniu musieliśmy połączyć tagi ze zdefiniowanymi stylami tekstu przez okno dialogowe i mogliśmy już przeprowadzić szybki test, aby sprawdzić, czy wszystkie dane są poprawnie połączone.

Nagrywanie ekranu: https://youtu.be/0vjLb58xJKE

Aby uniknąć wielu ręcznych operacji przeciągania i upuszczania, skorzystaliśmy z inteligentnego przepływu tekstu w programie InDesign. To wygenerowało nam tyle stron, ile potrzeba, aby zmieścić wszystkie treści - całkowicie zautomatyzowane.

Wynik

Wnioski

Imponujące było, jak łatwo jest zautomatyzować żmudne zadania, a także usprawnić współpracę z klientami.

Praca jako projektant w Sanity.io oznaczała pewną krzywą uczenia się. Ale chłopaki z Bengler, którzy opracowali Sanity, byli bardzo pomocni na swoim kanale Slack. Poza tym JSON nie jest nauką o rakietach - kiedy już się przyzwyczaisz, jest to całkiem proste.

zapowiedź

Poniżej zapoznaj się z ostatnią książką przed jej wydaniem we wrześniu.

Jeśli podobał Ci się ten artykuł, zostaw nam klaskanie, daj nam znać, co myślisz i odwiedź naszych przyjaciół w Lofthus .

Jeśli chcesz dołączyć do naszego zespołu w Oslo, Berlinie, Porto lub Coimbrze. Nie wstydź się, złóż wniosek!