Techniki opracowywania raportów w oparciu o Internet w usłudze LuckyTemplates

W tym samouczku pokażę, jak zaprojektować raport w usłudze LuckyTemplates, który wygląda i zachowuje się jak internetowa aplikacja do raportowania. Dowiesz się, jak tworzyć unikalne doświadczenia nawigacyjne w swoich raportach, korzystać z nowego generatora motywów LuckyTemplates, aby podwoić szybkość programowania i opracowywać szablony wielokrotnego użytku, aby skalować tworzenie raportów w swoich zespołach. Możesz obejrzeć pełny film z tego samouczka na dole tego bloga.

Ostatnio usługa LuckyTemplates dodała funkcje i funkcje, które umożliwiły nam tworzenie bardzo atrakcyjnych raportów i internetowych aplikacji do raportowania. Chcę ci pokazać, jak możesz wziąć stary raport lub nawet zacząć od zera i sprawić, by wyglądał znacznie lepiej i był bardziej interaktywny.

Ci z Was, którzy nas dobrze znają, wiedzą, że stosujemy podejście oparte na czterech filarach. Oto nasze ramy tworzenia raportów usługi LuckyTemplates. Pierwszy filar to ładowanie i przekształcanie danych. Drugi filar to modelowanie danych. Trzeci filar to obliczenia DAX, a czwarty to raporty i wizualizacje. Dzisiaj pomijamy pierwsze trzy filary i naprawdę zagłębiamy się w filar czwarty.

Spis treści

• Jak utworzyć raport internetowy w usłudze LuckyTemplates
  • Zgłoś motyw kolorystyczny
  • Internetowa nawigacja po stronie raportu
  • Podpowiedzi w raporcie internetowym
• Więcej technik i wskazówek dotyczących wizualizacji raportu internetowego
• Wniosek

Jak utworzyć raport internetowy w usłudze LuckyTemplates

W tym przykładzie stworzyłem prosty model przy użyciu techniki kaskadowej, w której nasze tabele przeglądowe u góry spływają w dół do naszej tabeli faktów. To jest prosty zestaw danych. Mamy organizację, która sprzedaje rzeczy i tabelę faktów ze wszystkimi różnymi transakcjami, które miały miejsce w firmie.

Zgłoś motyw kolorystyczny

Pierwszą rzeczą, o której myślę, że jest absolutnie niezbędna podczas opracowywania aplikacji do raportowania, jest właściwe ustawienie motywu. Musisz uzyskać jednolitą i spójną kolorystykę w swoich raportach.

Być może masz już motyw pasujący do Twojej organizacji i to świetnie. Może ktoś stworzył dla Ciebie szablon. Ale jeśli jeszcze tego nie zrobiłeś, pokażę ci, jak możesz stworzyć coś całkiem efektywnego w LuckyTemplates w połączeniu z niektórymi narzędziami, które mamy w naszej własnej aplikacji o nazwie Analyst .

Na wstążce Widok mamy to menu rozwijane z naszym wyborem motywów, a zobaczysz, że mamy całą gamę gotowych motywów. Myślę jednak, że to nie są tak przekonujące motywy kolorystyczne, więc tak naprawdę nie używam żadnego z nich.

Musisz naprawdę wyróżnić swoje kolory i muszą one naprawdę dobrze ze sobą współpracować. Kiedyś indywidualnie zmieniałem kolory dla każdego z tych różnych elementów, ale teraz dostosowuję swój motyw kolorystyczny. Na wstążce Widok przewiń w dół, a zobaczysz opcję Dostosuj bieżący motyw . Kliknij na to, a pojawi się to wyskakujące okienko.

Masz mnóstwo sposobów dostosowywania motywu tutaj. Możesz zmienić ogólne kolory motywu, ale możesz także zmienić różne elementy, takie jak tytuły, etykiety danych, tekst, elementy wizualne itp. Możesz także tworzyć kolory dla okienka filtrowania.

Jest to świetna opcja do tworzenia motywów, ale innym sposobem na szybkie zrobienie tego jest skorzystanie z Centrum analityków, które jest bezpłatne! Każdy ma dostęp do Analyst Hub. Naszym celem jest, aby był on znacznie prostszy i łatwiejszy do zrozumienia dla wszystkich naszych użytkowników.

W Analyst Hub dostępny jest generator motywów kolorystycznych . Istnieje kilka sposobów tworzenia tutaj motywu kolorystycznego. Osobiście uwielbiam Color Fan. Problem z motywami polega na tym, że nie chcesz zbytnio komplikować kolorów w swoim raporcie, aby stworzyć spójny motyw. Posiadanie podobnej palety, ale tylko różnych odcieni, naprawdę dobrze sprawdza się w raportowaniu projektów.

Po wybraniu motywu kolorystycznego możesz po prostu skopiować kolor i wkleić go do raportu. Osobiście lubię mieć ciemniejsze tło i białe litery.

Możesz więc kliknąć wybrany kolor, a następnie skopiować i wkleić go do opcji Dostosuj kolory motywu w usłudze LuckyTemplates.

Masz tutaj pełną swobodę dostosowywania swojego raportu pod względem motywów, w tym tekstu, czcionek, podpowiedzi, nagłówków itp. Następnie w swoim raporcie możesz wprowadzić więcej dostosowań, takich jak kolory, przezroczystość i tak dalej. Uwielbiam także używać Malarza formatów, a także możesz wybrać wiele, aby przyspieszyć działanie.

Teraz, gdy mamy już skonfigurowany motyw, przejdźmy do nawigacji po stronie.

Internetowa nawigacja po stronie raportu

Tworząc raport, chcesz umożliwić użytkownikowi poruszanie się po raporcie dokładnie tak, jak chcesz. Nie wystarczy po prostu zrzucić wszystkiego na stronę, a następnie pozwolić użytkownikowi na klikanie różnych fragmentatorów i stron. Chcesz przeprowadzić użytkownika przez historię, którą chcesz mu opowiedzieć, używając technik nawigacji, które naprawdę mogą to umożliwić.

Pierwszą rzeczą, którą chciałbym zrobić, to dodać kształty i ikony . Zwykle pobieram ikony ze strony internetowej o nazwie Flaticons . Dostałem subskrypcję i pobrałem kilka ikon, które są bardzo przydatne przy tworzeniu takich raportów.

Następnie możesz umieścić te ikony w raporcie. Możesz je sformatować, zmienić kolor, zmienić rozmiar i przeciągnąć do miejsca, w którym chcesz je umieścić.

Następnie potrzebujesz sposobu na oznaczenie strony, na której aktualnie się znajdujesz. Aby to zademonstrować, utworzę kolejny prostokąt lub po prostu skopiuję i wkleję już utworzony. Mogę układać kształty jeden na drugim. Następnie po prostu duplikuję stronę i umieszczam podobną funkcjonalność na następnej stronie i następnej stronie itp.

Osobiście nie chcę, aby wszystkie moje filtry zostały po prostu wyrzucone na moją stronę. Chcę być dużo mądrzejszy w kwestii korzystania z filtrów. Dlatego zazwyczaj tworzę pole dynamicznego filtrowania, które pojawia się po kliknięciu. Aby to zrobić, musimy użyć zakładek i selekcji .

Zamierzam dodać ikonę, która będzie moim filtrującym obrazem. Tak więc, gdy ktoś to kliknie, chcę, aby pojawiło się okno. A następnie chcę, aby to pole umożliwiło mi na przykład filtrowanie według daty. Zamierzam zacząć budować to pudełko, zanim zrobię cokolwiek innego. Mogę dostosować go tak, jak mi się podoba.

Okienko wyboru daje nam listę każdego elementu w naszym raporcie. Tym też możemy manipulować. Możemy wyodrębnić niektóre części naszego raportu. Możemy je pokazywać i ukrywać.

Teraz mogę dodać do pudełka kilka fragmentatorów, obrazów lub dowolnych elementów wizualnych. Mogę również zgrupować te elementy razem, powiedzmy jako moją grupę filtrów. W ten sposób mogę po prostu wybrać grupę zamiast wybierać poszczególne elementy.

Następnie utworzę dwie zakładki. Jedna to Pokaż filtry, a druga to Ukryj filtry. Wszystko, co muszę teraz zrobić, to połączyć te zakładki z wybranymi obrazami. Aby to zrobić, kliknę obraz, a następnie przejdę do opcji Akcja w okienku Formatuj obraz i włączę ją. Wybiorę Zakładki jako Typ i Pokaż filtry dla Zakładki.

Następnie mogę szybko dodać elementy wizualne i utworzyć szczegółowe informacje na potrzeby raportu.

Następnie zduplikuję tę stronę jako Klienci, Lokalizacje i Produkty. Ukrywam też te strony, ponieważ nie chcę, aby moi użytkownicy widzieli je na dole naszego raportu. Chcę, aby nawigowali bezpośrednio po utworzonym przeze mnie pasku nawigacyjnym.

Aby osadzić nawigację na pasku nawigacyjnym, po prostu wybierz ikonę, a następnie przejdź do Formatuj obraz i odpowiednio umieść akcje.

Teraz wprowadzę niezbędne zmiany dla każdej powielonej strony. Na przykład dla strony Klienci zmienię tytuł strony na Analiza klienta. Dostosuję również ikonę dla klientów na pasku nawigacyjnym i usunę lub umieszczę odpowiednie elementy wizualne.

Podpowiedzi w raporcie internetowym

To tylko kilka technik, które możesz wykonać w usłudze LuckyTemplates. Kolejną świetną rzeczą, której możesz użyć w swoim raporcie internetowym, są podpowiedzi . To niesamowita funkcja. Możesz go dostosować, aby dopasować go do naszego motywu. Korzystanie z podpowiedzi to świetny sposób na efektywne i szybkie przechodzenie do szczegółów raportu.

Stwórzmy więc prostą podpowiedź. W tym celu utwórz nową stronę i nadaj jej nazwę. Na potrzeby tego przykładu nazwiemy go Etykietką dla klienta. Zamierzam to również ukryć, ponieważ nie chcę pokazywać tych podpowiedzi jako strony w raporcie. Kluczową rzeczą, na którą należy zwrócić uwagę, jest to, że musisz włączyć Tooltip .

Możesz także dostosować podpowiedzi. Możesz dostosować rozmiar i kolory i sprawić, by były tak fantazyjne, jak chcesz. Możesz tworzyć tabele i wykresy, w zależności od tego, jak chcesz, aby szczegóły wyglądały, gdy użytkownicy przechodzą do raportu.

Po zakończeniu tworzenia podpowiedzi możesz osadzić je w elementach wizualnych raportu. Po prostu kliknij wizualizację, przejdź do wałka do malowania, a następnie kliknij podpowiedź na dole.

Możliwości dostosowywania są szerokie. Możesz tworzyć bardziej złożone podpowiedzi, a jeśli chcesz, możesz nawet utworzyć stronę na stronie. Możesz mieć znacznie większy zakres informacji i całą gamę różnych wizualizacji, a wszystko to w jednej podpowiedzi.

Więcej technik i wskazówek dotyczących wizualizacji raportu internetowego

Inną rzeczą, którą chciałbym zrobić podczas tworzenia raportu internetowego, jest utworzenie strony głównej , na której mogę wprowadzić wiele ustawień. Uwielbiam mieć stronę główną, która jest centralnym punktem nawigacyjnym, który pozwala użytkownikom łatwo poruszać się po pozostałej części mojego raportu.

Możesz być kreatywny w budowaniu swojej strony głównej. Używaj ikon lub obrazów jako przycisków, aby przenosić użytkowników na różne strony, a następnie z powrotem na stronę główną.

W ciągu kilku minut możesz utworzyć doskonały raport internetowy w usłudze LuckyTemplates z doskonałą nawigacją i atrakcyjnym wyglądem.

W kwestii wizualizacji ważne są kolory . Upewnij się, że nie nadużywasz kolorów. Inną ważną wskazówką dotyczącą wizualizacji jest to, aby zawsze myśleć w siatkach o tym, jak projektujesz raporty i gdzie umieszczasz wizualizacje.

Upewnij się, że masz dobrą nawigację , prowadząc użytkownika przez historię, którą chcesz mu opowiedzieć. Myśl nieszablonowo i bądź bardziej kreatywny. Nie przesadzaj jednak z wizualizacjami . Możesz skorzystać z innych funkcji, aby zaoszczędzić miejsce na swojej stronie. Skorzystaj z możliwości ukrycia filtrów, jeśli chcesz. Wykorzystaj możliwość korzystania z podpowiedzi i drążenia wszerz.

Jeśli chcesz uzyskać więcej pomysłów na projekty raportów, przejdź do naszej i odwiedź naszą . Tutaj znajdziesz jedne z najlepiej zaprojektowanych raportów usługi LuckyTemplates. Nigdzie w internecie nie ma czegoś takiego. Wiele z tych raportów zostało ostatnio utworzonych wewnętrznie przez LuckyTemplates. Wiele z nich pochodzi z naszej społeczności i naszych wyzwań.

Porady dotyczące projektowania usługi LuckyTemplates: Tworzenie raportów podobnych do aplikacji
Techniki raportowania w usłudze LuckyTemplates: Konfigurowanie raportów podobnych do aplikacji
Najlepsze przykłady raportów usługi LuckyTemplates | Aplikacje do raportowania Formuły 1

Wniosek

Ten samouczek został oparty na niedawnym szczycie, który odbyliśmy w LuckyTemplates. Możesz obejrzeć cały film poniżej, aby zobaczyć szczegóły tworzenia tego raportu.

W tym samouczku omówiliśmy takie kwestie, jak techniki nawigacji po stronie, motywy, zakładki, podpowiedzi, przeglądanie szczegółowe, tworzenie strony głównej itp. Ponadto pokazałem, jak tworzyć szablony aplikacji do raportowania, które można wykorzystać w szerszym gronie odbiorców, wśród więcej użytkowników lub programistów w Twojej organizacji.

Niektórzy korzystają z programu PowerPoint, a inni z serwisu Canva, które są również doskonałymi narzędziami do tworzenia teł i atrakcyjnego wyglądu raportów. Na naszej stronie internetowej dostępne są również samouczki dotyczące tych narzędzi .

Dzięki,