Report Designer

Yeni bir rapor oluşturmak için: 

1. Kuika platformuna giriş yaptıktan sonra “Apps” ekranından çalışacağınız projeyi açın. 

2. Ardından “Report Designer” modülüne tıklayın.
3. Açılan ekrandan rapora bir isim (1) verin ve “CREATE” (2) butonuna tıklayın. 

Böylece uygulamanıza yeni bir rapor eklediniz. 

Report Designer Canvas’ı incelediğinizde, kareli bir zemin ve elementleri serbestçe konumlandırmaya olanak tanıyan “free position” (serbest pozisyon) özelliği dikkatinizi çeker. Bu özellik sayesinde, tasarımınızın farklı alanlarına elementleri istediğiniz gibi ekleyebilir, böylece rapor sayfasını özgün bir şekilde şekillendirebilirsiniz.

Canvas üzerinde yatay ve dikey mavi cetveller yer alır; bu cetveller, tasarım yaparken hizalama ve düzenleme süreçlerini kolaylaştırır. Cetvellerin yardımıyla elementleri simetrik ve düzenli bir biçimde konumlandırarak estetik bir görünüm elde edebilirsiniz.

Rapor sayfasını tasarlarken, Canvas'ın kenarına tıklayarak beliren boyutlandırma ikonuna basılı tutarak genişlik ayarını özelleştirebilirsiniz. Canvas genişliğini minimum 320 piksel ve maksimum 517 piksel arasında ayarlama imkanı sunar. Bu özelleştirme, raporun dijitalde veya basılı formatta nasıl görüneceğini belirler. Özellikle raporlar yazdırılmak veya dijital ortamda paylaşılmak için tasarlandığında, Canvas’ın doğru ölçülere ayarlanması, çıktının kağıt üzerinde veya dijital cihazlarda uyumlu görünmesini sağlar.

Canvas’ın sol tarafında UI Design panelindekine benzer bir yapı vardır. Bu bölümde, raporunuzu oluşturmak için ihtiyaç duyacağınız Elements Panel, Custom Actions ve Item Tree panelleri bulunur. Elements panelinde, raporunuza ekleyebileceğiniz farklı element türlerini görebilirsiniz. Custom Actions paneli, özel işlemleri tanımlamanıza olanak tanır; örneğin, rapor içinde dinamik filtreler veya koşullu biçimlendirme işlemlerini tanımlayabilirsiniz. Item Tree ise raporda kullandığınız tüm elementleri hiyerarşik bir yapıda görüntülemenize ve düzenlemenize olanak sağlar.

Bu modül sayesinde raporlarınızı sadece veri sunumuna odaklanmış bir araçtan öteye taşıyarak, görsel olarak etkili ve kullanıcı dostu bir hale getirebilir, işletme ihtiyaçlarınıza özel raporlar tasarlayabilirsiniz.

Report Designer modülündeyken sol kenarda bulunan “Elements” panelindeki elementleri ve kullanım alanlarını inceleyelim. 

• Header: Rapor başlığını ve genel bilgilerini göstermek için kullanılan sabit üst bilgi alanıdır. Header, bir panel gibi davranır ve her rapor sayfasında otomatik olarak eklenir. Örneğin, 10 sayfalık bir rapor oluşturduğunuzda, her sayfanın üst kısmında header bölümü görünür, böylece tüm sayfalarda tutarlılık sağlanır.
• Footer: Raporun alt kısmında genel bilgileri veya açıklamaları göstermek için kullanılan sabit alt bilgi alanıdır. Tıpkı header gibi, footer da her sayfada otomatik olarak eklenir. 10 sayfalık bir rapor oluşturduğunuzda her sayfanın altında footer bulunur, böylece sayfalar arasında uyumlu bir alt bilgi alanı sağlanır.
• Label: Metin, açıklama veya etiket eklemek için kullanılan bir elementtir. UI Design’dan farklı olarak, metin uzunluğuna göre otomatik olarak yeniden boyutlandırılabilir. Label elementinin “Writing Mode” özelliği ile metin yönünü yatay veya dikey olarak ayarlayabilirsiniz, böylece metinlerin daha okunabilir ve uyumlu bir görünüm kazanmasını sağlayabilirsiniz.
• Icon: Raporlarınıza görsel ikonlar eklemek için kullanılır. Bu element, raporda önemli bilgileri veya belirli içerikleri vurgulamak için idealdir.
• Box: Belirli bölümleri gruplayarak düzenli bir görünüm oluşturmak amacıyla kullanılan bir kutu elementidir. Box, arka plan rengi veya stil özelleştirmesi yapmanıza olanak tanır ve rapor içinde belirgin alanlar oluşturmanızı sağlar.
• Panel: Bir grup öğeyi bir araya getirip düzenli bir yapı oluşturmak için kullanılan bir elementtir. Panel, içerisinde yer alan diğer elementleri düzenlemenizi ve organize etmenizi sağlar.
• Barcode Renderer: Ürün bilgilerini, kimlik numaralarını veya diğer verileri barkod formatında göstermek için kullanılan bir elementtir. Bu sayede veriler, tarayıcı cihazlarla hızlıca okunabilir.
• Page Break: Rapor sayfaları arasında kesinti oluşturur. Bu element, uzun raporları düzenli bir şekilde sayfalara ayırmak için kullanılır.
• Image: Logo, fotoğraf veya diğer görsel öğeleri raporlara eklemek için kullanılır. Base64 formatında görselleri destekler ve fare ile kolayca yeniden boyutlandırılabilir. Ayrıca, styling panelinden boyutlandırma ve stil ayarları yapılabilir.
• QR Renderer: Verileri QR kod formatında göstermek için kullanılan bir elementtir. QR kodlar, mobil cihazlarla kolayca taranabilir. 
• Report Table: Veri tabloları oluşturmak için kullanılan bir elementtir. Panel Block özelliği ile tablodaki içerikleri düzenleyebilir, tablolarınızı daha düzenli ve kullanıcı dostu bir hale getirebilirsiniz.

Ek Özellikler ve Kullanım Detayları

Elements Panelinden Canvas’a Element Ekleme :

• Elementler, Canvas’a otomatik olarak panel oluşturularak eklenir.
• Panel boyutlandırılmasında, içerisinde bulunan elementin boyutundan küçük bir değer verilemez. Elementler panelin dışına taşamaz.

Konum ve Boyut Değişiklikleri:

• Canvas üzerinde bulunan elementlerin konumları sürükle-bırak ile değiştirildiğinde, styling panelinde konum (X-Y) değerleri otomatik olarak yeni konuma göre gösterilir.
• Size (Boyut) değerlerinde yapılan değişiklikler doğrultusunda elementlerin arkasında yer alan panelin de boyutu değişir.

Kuika’nın Report Designer elementleri ve özellikleri, raporlarınızı daha etkili bir şekilde tasarlamanıza ve istediğiniz verileri görsel olarak zengin bir biçimde sunmanıza olanak tanır. 

Report Designer'daki Reports Paneli, uygulama içinde yer alan tüm raporların listelendiği ve yönetildiği ana penceredir. Bu panel sayesinde mevcut raporları görüntüleyebilir, düzenleyebilir ve yeni raporlar oluşturabilirsiniz. Kullanıcı dostu arayüzü ile ihtiyaç duyduğunuz raporlara hızlıca ulaşmanıza ve yönetmenize imkan tanır.

Yeni bir rapor oluşturmak için panelin üst kısmında yer alan “+” simgesine tıklayın. Bu işlem, yeni bir rapor oluşturma sürecini başlatır. Açılan ekranda, oluşturmak istediğiniz rapor için anlamlı ve açıklayıcı bir isim girin. İsimlendirme işlemi tamamlandıktan sonra CREATE butonuna tıklayarak rapor oluşturma işlemini başlatabilirsiniz.

Yeni rapor oluşturulduktan sonra, raporunuz tasarıma hazır hale gelir ve düzenleme ekranına yönlendirilirsiniz. Bu ekranda, Report Designer’ın sunduğu geniş araç setini kullanarak raporunuzu özelleştirebilir ve ihtiyaçlarınıza göre şekillendirebilirsiniz. Raporunuzu oluştururken veri kaynaklarını ekleyebilir, grafik ve tablolar gibi görsel unsurları kullanarak verilerinizi daha anlaşılır hale getirebilirsiniz.

Reports Paneli ayrıca mevcut raporlar üzerinde çeşitli işlemler yapmanızı sağlar. Listelenmiş raporlar üzerinden raporları düzenleme, kopyalama veya silme gibi temel yönetim işlemlerini gerçekleştirebilirsiniz. Bu özellikler sayesinde uygulamanızdaki raporları düzenli ve organize bir şekilde yönetmek mümkün olur.

Sonuç olarak, Reports Paneli, tüm raporlarınızı tek bir merkezden yönetmenizi, düzenlemenizi ve yeni raporlar oluşturmanızı sağlayan kapsamlı bir araçtır. Bu panel, raporlarınız üzerinde tam kontrol sağlarken, işletme ihtiyaçlarınıza uygun ve görsel olarak güçlü raporlar oluşturmanızı kolaylaştırır.

Report Designer’daki Properties Paneli, seçili element veya Canvas özelliklerine göre dinamik olarak değişir ve farklı seçenekler sunar. Rapor tasarımınızı detaylı şekilde özelleştirmenize olanak tanır. Özellikle Actions ve Report Inputs bölümleri, raporun işlevselliğini artıracak önemli ayarlar içerir.

Properties Paneli İçindeki Ana Bölümler

1. Actions

Properties Panelinde yer alan Actions bölümü, rapor içeriğinde çalışacak aksiyonların tanımlandığı alandır. Kuika sisteminde tanımlanmış olan tüm sistem aksiyonlarını veya ihtiyaca göre oluşturduğunuz özel aksiyonları burada kullanabilirsiniz. Örneğin, rapor tasarımında “Share” sistem aksiyonunu kullanarak raporun paylaşılmasını sağlayabilirsiniz. Bu aksiyonlar sayesinde kullanıcı etkileşimleri kolayca tanımlanabilir ve raporlar daha işlevsel hale getirilebilir. Aksiyonlar hakkında daha fazla bilgiye Sistem Aksiyonları ve Özel Aksiyonlar başlıklarından ulaşabilirsiniz.

2. Report Inputs

Report Inputs, başka bir ekrandan rapora veri taşıma işlemini kolaylaştırmak amacıyla kullanılır. Rapor oluşturulurken farklı ekranlardan bilgi alması gerektiğinde bu inputlar devreye girer. Örneğin, bir satış raporunda belirli bir tarih aralığını filtrelemek için tarih inputları kullanabilirsiniz. Yeni bir Report Input oluşturmak için +ADD REPORT INPUT butonuna tıklayın. Açılan pencerede input ismini belirleyip, input tipini seçin ve ardından Create butonuna tıklayarak kolayca yeni bir input tanımlayın. Bu sayede, raporlarınız dinamik olarak veri alabilir ve belirli kriterlere göre güncellenebilir.

Properties Panelinin Elementlere Göre Farklılaşması

UI Design modülünde olduğu gibi, Report Designer’da da Properties Paneli seçili elemente göre farklılık gösterir. Her elementin kendine özgü özellikleri olduğundan, farklı elementler farklı ayar seçenekleri sunar. Örneğin:

• Icon: Icon elementini seçtiğinizde Properties Paneli, ikonun boyutu, rengi, stili gibi ayarlara odaklanır. Bu özellikler sayesinde ikonların tasarımınızda görsel olarak uyumlu hale gelmesini sağlayabilirsiniz.

• Label: Label elementini seçtiğinizde, metin boyutu, yazı tipi, hizalama ve renk gibi ayarlar sunulur. Ayrıca, Label elementinin Writing Mode özelliği ile metnin yatay veya dikey olarak konumlandırılmasını belirleyebilirsiniz. Böylece, metinlerin konumunu ve görünümünü tasarıma uyumlu olacak şekilde kolayca düzenleyebilirsiniz.

Properties Paneli, her element için özel ayarları gösterdiğinden, raporlarınız üzerinde ayrıntılı kontrole sahip olmanızı sağlar. Bu panel sayesinde, hem görsel hem de işlevsel olarak raporlarınızı kullanıcı dostu ve amaca uygun hale getirebilirsiniz.

Report Designer’da Styling Paneli, UI Design’daki yapıyla benzerlik gösterse de, bazı kısıtlamalar içermektedir. Raporun görsel stilini ayarlamak ve düzenlemek için gerekli araçları sunar, ancak Report Designer’a özel sınırlamalar nedeniyle UI Design’daki bazı özellikler burada devre dışı bırakılmıştır.

Styling Paneli İçeriği

Fill Paneli

Styling Panelinde, Canvas için bir Fill Paneli bulunur. Fill Paneli, Canvas’ın arka plan rengini veya görüntüsünü belirlemek için kullanılır. Arka plan tasarımı, raporun genel görünümüne etki eden önemli bir unsurdur ve buradaki seçenekler, tasarımınıza estetik bir katkı sağlar.

• Background Image Alanı: Fill Paneli içinde bulunan Background Image alanı, Canvas’a arka plan olarak görsel eklemenize olanak tanır. Burada iki farklı seçenek sunulur:some text
  • Add Image: “Add Image” seçeneği ile cihazınızda bulunan herhangi bir görseli Canvas arka planına ekleyebilirsiniz. Bu özellik, logolar, desenler veya belirli bir kurumsal kimlik görseli eklemek isteyen kullanıcılar için idealdir. Eklenen görüntü, Canvas üzerinde otomatik olarak boyutlandırılır veya istenilen boyutlara göre ayarlanabilir.
  • Generate With AI: “Generate With AI” seçeneği ile yapay zeka asistanından Canvas arka planı için görseller oluşturmasını talep edebilirsiniz. Bu özellik, özgün ve kreatif arka plan görselleri yaratmak için ideal bir çözümdür. Örneğin, belirli bir tema ya da konsepte uygun bir arka plan görseli oluşturmak istediğinizde, yapay zeka destekli bu özellik sayesinde hızlıca istediğiniz tasarıma ulaşabilirsiniz.

Styling Panelinin Kullanımı ve Avantajları

Styling Paneli, arka plan ayarları dışında, Canvas ve diğer elementlerin genel stil ayarlarını düzenlemek için de kullanılabilir. UI Design’daki özelliklerin bir kısmının sınırlanmış olmasına rağmen, Styling Paneli, raporlarınızın görselliğini geliştirmenize ve uyumlu bir tasarım ortaya çıkarmanıza yardımcı olur. Raporlarınıza profesyonel bir görünüm kazandırarak, daha etkileyici ve kullanıcı dostu bir deneyim sunabilirsiniz.

Bu panel, özellikle görsel sunumun önemli olduğu raporlarda tasarım sürecini kolaylaştırarak estetik ve işlevselliği bir arada sunar.