LuckyTemplatesda Web Tabanlı Rapor Geliştirme Teknikleri

Bu eğitimde, LuckyTemplates'da web tabanlı bir rapor uygulaması gibi görünen ve hissedilen bir raporun nasıl tasarlanacağını göstereceğim. Raporlarınızda benzersiz gezinme deneyimleri oluşturmayı, geliştirme hızınızı ikiye katlamak için LuckyTemplates'in yeni tema oluşturucusunu kullanmayı ve ekipleriniz genelinde rapor oluşturmayı ölçeklendirmek için yeniden kullanılabilir şablonlar geliştirmeyi öğreneceksiniz. Bu eğitimin tam videosunu bu blogun alt kısmından izleyebilirsiniz.

Son zamanlarda LuckyTemplates, çok ilgi çekici raporlar ve web tabanlı raporlama uygulamaları oluşturmamızı sağlayan özellikler ve işlevler ekledi. Size eski bir raporu nasıl alabileceğinizi, hatta sıfırdan başlayıp nasıl çok daha iyi ve etkileşimli hale getirebileceğinizi göstermek istiyorum.

Bizi tanıyanlarınız, dört ayak yaklaşımına sahip olduğumuzu çok iyi bilirler. Bu, LuckyTemplates raporları geliştirmeye yönelik çerçevemizdir. İlk sütun, verileri yüklemek ve dönüştürmektir. İkinci sütun veri modellemedir. Üçüncü sütun DAX hesaplamaları, dördüncüsü ise raporlar ve görselleştirmelerdir. Bugün, ilk üç sütunu atlıyoruz ve gerçekten dördüncü sütuna dalıyoruz.

İçindekiler

• LuckyTemplates'da Web Tabanlı Rapor Nasıl Oluşturulur
  • Rapor Renk Teması
  • Web Tabanlı Rapor Sayfasında Gezinme
  • Web Tabanlı Bir Raporla İlgili Araç İpuçları
• Web Tabanlı Bir Rapor İçin Diğer Teknikler ve Görselleştirme İpuçları
• Çözüm

LuckyTemplates'da Web Tabanlı Rapor Nasıl Oluşturulur

Bu örnekte, arama tablolarımızın en üstte olgu tablomuza doğru aktığı şelale tekniğini kullanarak basit bir model oluşturdum. Bu basit bir veri kümesidir. Bir şeyler satan bir organizasyonumuz ve iş içinde meydana gelen tüm farklı işlemleri içeren bir olgu tablomuz var.

Rapor Renk Teması

Bu raporlama uygulamalarını geliştirirken kesinlikle gerekli olduğunu düşündüğüm ilk şey, temanızı doğru yapmanız gerektiğidir. Raporlarınızda kusursuz ve tutarlı bir renk teması elde etmelisiniz.

Kuruluşunuzla uyumlu bir temanız zaten olabilir ve bu harika. Belki birisi sizin için bir şablon oluşturmuştur. Ancak yapmadıysanız, adlı kendi uygulamamızda sahip olduğumuz araçlardan bazılarıyla birlikte LuckyTemplates içinde oldukça etkili bir şeyi nasıl oluşturabileceğinizi size göstereceğim .

Görünüm şeridinde , tema seçimimizin olduğu bu açılır listeye sahibiz ve çok çeşitli kullanıma hazır temalarımız olduğunu göreceksiniz. Ancak bunların pek de çekici olmayan renk temaları olduğunu düşünüyorum, bu yüzden hiçbirini gerçekten kullanmıyorum.

Renklerinizi gerçekten öne çıkarmanız ve birlikte gerçekten iyi çalışmaları gerekir. Eskiden bu farklı öğelerin her birinin rengini ayrı ayrı değiştirirdim ama şimdi renk temamı özelleştiriyorum. Görünüm şeridinde aşağı kaydırın ve Geçerli Temayı Özelleştir seçeneğini göreceksiniz . Buna tıklayın ve bu açılır pencereyi alacaksınız.

Burada temanızı özelleştirmenin tonlarca yolu var. Genel tema renklerini değiştirebileceğiniz gibi, başlıklarınız, veri etiketleriniz, metin, görseller vb. farklı öğeleri de değiştirebilirsiniz. Filtre Bölmesi için de renkler oluşturabilirsiniz.

Bu, tema oluşturmanız için harika bir seçenektir, ancak bunu hızlı bir şekilde yapmanın başka bir yolu da Analyst Hub'dır ve ücretsizdir! Analyst Hub'a herkesin erişimi vardır. Tüm kullanıcılarımız için anlaşılmasını çok daha basit ve kolay hale getirmeyi amaçlıyoruz.

Analyst Hub'da bir Renk Teması Oluşturucumuz var . Renk temanızı burada oluşturmanın birkaç yolu vardır. Ben şahsen Color Fan'ı seviyorum. Temalarla ilgili olan şey, sorunsuz bir tema oluşturmak için raporunuzdaki renkleri aşırı karmaşık hale getirmek istememenizdir. Benzer bir palete sahip olmak, ancak yalnızca farklı tonlara sahip olmak aslında tasarımların raporlanmasında gerçekten işe yarar.

Renk temanızı seçtikten sonra, rengi kopyalayıp raporunuza yapıştırabilirsiniz. Ben şahsen daha koyu bir arka plana ve beyaz yazıya sahip olmayı seviyorum.

Böylece, seçtiğiniz renge tıklayıp LuckyTemplates'daki Tema renklerini Özelleştir seçeneğine kopyalayıp yapıştırabilirsiniz.

Burada, metin, yazı tipleri, araç ipuçları, başlıklar vb. dahil olmak üzere tema açısından raporunuz için tüm özelleştirme esnekliğine sahipsiniz. Ardından, raporunuzda renkler, şeffaflık vb. gibi daha fazla ayarlama yapabilirsiniz. Biçim Boyacısı'nı da kullanmayı seviyorum ve işleri hızlandırmak için çoklu seçim de yapabilirsiniz.

Artık temamızı ayarladığımıza göre, sayfa gezintisine geçelim.

Web Tabanlı Rapor Sayfasında Gezinme

Bir rapor oluştururken, kullanıcının raporunuzda tam olarak istediğiniz gibi gezinmesini sağlamak istersiniz. Her şeyi bir sayfaya döküp ardından kullanıcının tüm bu farklı dilimleyicileri ve sayfaları tıklamasına izin vermeyin. Bunu gerçekten mümkün kılabilecek gezinme tekniklerini kullanarak, kullanıcıyı onlara anlatmak istediğiniz hikayeye götürmek istiyorsunuz.

Yapacağım ilk şey şekiller ve simgeler eklemek . Simgelerimi genellikle Flaticons adlı bir web sitesinden alırım . Bir aboneliğim var ve bu tür raporlar hazırlarken oldukça yararlı olan bazı simgeleri indirdim.

Daha sonra bu simgeleri rapora getirebilirsiniz. Onları biçimlendirebilir, rengini değiştirebilir, yeniden boyutlandırabilir ve yerleştirmek istediğiniz yere sürükleyebilirsiniz.

Ardından, herhangi bir zamanda gerçekte hangi sayfada olduğunuzu belirtmenin bir yoluna ihtiyacınız var. Bunu göstermek için başka bir dikdörtgen oluşturacağım veya daha önce oluşturduğumu kopyalayıp yapıştıracağım. Şekilleri birbiri üzerine katmanlayabilirim. Ardından, sayfayı kopyalarım ve benzer işlevleri bir sonraki sayfaya ve bir sonraki sayfaya vs. koyarım.

Şahsen tüm filtrelerimin sayfama atılmasını istemiyorum. Filtreleri nasıl kullandığım konusunda çok daha akıllı olmak istiyorum. Bu nedenle, genellikle bir tıklamaya göre görünecek dinamik bir filtreleme kutusu oluştururum. Bunu yapmak için yer imlerini ve seçimleri kullanmamız gerekiyor .

Filtreleme resmim olacak bir simge ekleyeceğim. Yani, birisi buna tıkladığında, bir kutunun görünmesini istiyorum. Ve sonra, örneğin tarihe göre filtre uygulamamı sağlayan bu kutuyu istiyorum. Başka bir şey yapmadan önce bu kutuyu yapmaya başlayacağım. Onu nasıl sevdiğime göre özelleştirebilirim.

Seçim bölmesi bize raporumuzdaki her öğenin bir listesini veriyor. Bunu da manipüle edebiliriz. Raporumuzun bazı kısımlarını izole edebiliriz. Onları gösterebilir ve saklayabiliriz.

Artık kutuya bazı dilimleyiciler, resimler veya herhangi bir görsel ekleyebilirim. Ayrıca bu öğeleri, örneğin Filtre grubum olarak gruplandırabilirim. Bunu yaparak, öğeleri tek tek seçmek yerine grubu seçebilirim.

Ardından, iki yer imi oluşturacağım. Biri Filtreleri göster ve diğeri Filtreleri gizle. Bu noktada tek yapmam gereken, bu yer imlerini bu resimlerin seçimleriyle ilişkilendirmek. Bunu yapmak için, resme tıklayacağım ve ardından Resmi Biçimlendir bölmesinin altındaki Eylem'e gidip onu açacağım. Tür için Yer İşaretlerini ve Yer İşareti için Filtreleri Göster'i seçeceğim .

Daha sonra hızla bazı görseller ekleyebilir ve rapor için içgörüler oluşturabilirim.

Bundan sonra, bu sayfayı Müşteriler, Konumlar ve Ürünler olarak çoğaltacağım. Ayrıca, kullanıcılarımın raporumuzun alt kısmında bu sayfaları görmesini istemediğim için bu sayfaları gizlediğimden emin oluyorum. Doğrudan oluşturduğum gezinme çubuğunda gezinmelerini istiyorum.

Gezinmeyi gezinti çubuğuna katıştırmak için simgeyi seçin, ardından Görüntüyü Biçimlendir'e gidin ve eylemleri buna göre yerleştirin.

Şimdi çoğalttığımız her sayfa için gerekli değişiklikleri yapacağım. Örneğin Müşteriler sayfası için sayfa başlığını Müşteri Analizi olarak değiştireceğim. Ayrıca navigasyon çubuğundaki müşteriler için simgeyi ayarlayıp ilgili görselleri kaldıracağım veya yerleştireceğim.

Web Tabanlı Bir Raporla İlgili Araç İpuçları

Bunlar, LuckyTemplates'da yapabileceğiniz tekniklerden yalnızca birkaçıdır. Web tabanlı raporunuz için kullanabileceğiniz bir başka harika şey de araç ipuçlarıdır . Bu harika bir özellik. Temamızla uyumlu hale getirmek için özelleştirebilirsiniz. Araç ipuçlarını kullanmak, kullanıcıların raporun ayrıntılarını olabildiğince verimli ve hızlı bir şekilde incelemeleri için harika bir yoldur.

Öyleyse, basit bir araç ipucu oluşturalım. Bunu yapmak için yeni bir sayfa oluşturun ve adlandırın. Bu örnek için buna Müşteri İpucu adını vereceğiz. Bunu da gizleyeceğim çünkü bu araç ipuçlarını raporda bir sayfa olarak göstermek istemiyorum. Burada dikkat edilmesi gereken en önemli şey, Araç İpucu'nu açmanız gerektiğidir .

Araç ipuçlarınızı da özelleştirebilirsiniz. Boyut ve renkleri ayarlayabilir ve istediğiniz gibi süslü hale getirebilirsiniz. Kullanıcılarınız raporunuzun detayına inerken ayrıntıların nasıl görünmesini istediğinize bağlı olarak tablolar ve grafikler oluşturabilirsiniz.

Araç ipuçlarınızı oluşturmayı tamamladığınızda, bunları raporunuzun görsellerine yerleştirebilirsiniz. Sadece görselleştirmeye tıklayın, Boya Silindirine gidin ve ardından alttaki Araç İpucu'na tıklayın.

Özelleştirme olanakları kapsamlıdır. Daha karmaşık araç ipuçları oluşturabilir ve hatta isterseniz bir sayfa içinde bir sayfa bile oluşturabilirsiniz. Tek bir araç ipucunda çok daha yüksek düzeyde bilgiye ve çok çeşitli görselleştirmelere sahip olabilirsiniz.

Web Tabanlı Bir Rapor İçin Diğer Teknikler ve Görselleştirme İpuçları

Web tabanlı bir rapor oluştururken yapmak istediğim bir diğer şey de birçok ayarı yapabileceğim bir ana sayfa oluşturmaktır. Kullanıcıların raporumun geri kalanında kolayca gezinmesini sağlayan, merkezi gezinme noktası olan bir ana sayfaya sahip olmayı seviyorum.

Ana sayfanızı oluştururken yaratıcı olabilirsiniz. Kullanıcılarınızı farklı sayfalara ve ardından ana sayfanıza geri götürmek için simgeleri veya resimleri düğme olarak kullanın.

Dakikalar içinde, LuckyTemplates'da mükemmel bir gezinme deneyimi ve çekici bir görünüme sahip mükemmel bir web tabanlı rapor oluşturabilirsiniz.

Görsellik açısından renkler önemlidir . Renkleri aşırı kullanmadığınızdan emin olun. Görselleştirme için bir başka önemli ipucu da, raporlarınızı nasıl tasarladığınız ve görselleştirmelerinizi nereye yerleştirdiğiniz konusunda her zaman ızgaralar halinde düşünmektir .

Kullanıcıyı onlara anlatmak istediğiniz hikaye boyunca yönlendirerek iyi bir navigasyona sahip olduğunuzdan emin olun . Kutunun dışında düşünün ve bu konuda daha yaratıcı olun. Ancak, görsellerinizi aşırı kullanmayın . Sayfanızda yer kazanmak için diğer özellikleri kullanabilirsiniz. İsterseniz filtreleri gizleme özelliğini kullanın . Araç ipuçlarını ve detaya geçiş kullanma yeteneğinden yararlanın.

Rapor tasarımları hakkında daha fazla fikir edinmek istiyorsanız web sitemize gidin Vitrinimizi ziyaret . Burada, en iyi tasarlanmış LuckyTemplates raporlarından bazılarını bulacaksınız. İnternette hiçbir yerde böyle bir şey yok. Bu raporların çoğu yakın zamanda LuckyTemplates tarafından dahili olarak oluşturulmuştur. Bunların çoğu topluluğumuzdan ve zorluklarımızdan.

LuckyTemplates Tasarım İpuçları: Uygulama Benzeri Raporlar Oluşturma
LuckyTemplates Raporlama Teknikleri: Uygulama Benzeri Raporlar Ayarlama
En İyi LuckyTemplates Rapor Örnekleri | Formula 1 Raporlama Uygulamaları

Çözüm

Bu öğretici, yakın zamanda LuckyTemplates'te yaptığımız bir zirveye dayanıyordu. Bu raporu nasıl oluşturduğumun ayrıntılarını görmek için aşağıdaki videonun tamamını izleyebilirsiniz.

Bu eğitimde sayfa gezinme teknikleri, tema, yer imleri, araç ipuçları, detaylandırma, ana sayfa oluşturma vb. konuların üzerinden geçtik. Ayrıca, daha geniş bir kitlede kullanabileceğiniz raporlama uygulama şablonlarını nasıl oluşturabileceğinizi gösterdim. kuruluşunuzdaki daha fazla kullanıcı veya geliştirici.

Bazıları PowerPoint'i, bazıları da raporlarınız için arka planlar ve çekici görünümler oluşturmak için harika araçlar olan Canva'yı kullanır. Web sitemizde de bu araçlarla ilgili öğreticilerimiz var .

Şerefe,