Kullanıcı Kılavuzu

Report Designer

19/12/25
Report Designer

Kuika'nın Report Designer modülü, uygulamalarınızda rapor oluşturma, düzenleme ve görselleştirme işlemleri için kullanılır. Bu modül ile farklı veri kaynaklarından gelen bilgileri derleyebilir, kullanıcı dostu raporlar hazırlayabilir ve uygulama içinde yayınlayabilirsiniz. Bu eğitim içeriğinde, Report Designer modülü aracılığıyla rapor tasarlamayı, verileri görselleştirmeyi, rapor çıktılarını özelleştirmeyi öğreneceksiniz.

Yeni Bir Rapor Oluşturma

Yeni bir rapor oluşturmak için:

  1. Kuika platformuna giriş yapın ve Apps ekranından çalışacağınız projeyi açın.
  1. Report Designer modülünü seçin.
  2. Açılan ekranda raporunuza bir isim verin.
  3. CREATE butonuna tıklayarak yeni raporunuzu oluşturun.

Report Designer Tasarım Alanı (Canvas)

Canvas, rapor tasarımının yapıldığı ana alandır. Free position özelliği sayesinde öğeleri sayfa üzerinde dilediğiniz yere sürükleyip konumlandırabilirsiniz.

Izometrik (Noktalı Kağıt) Tasarım Modu

Canvas varsayılan olarak izometrik (noktalı kağıt) görünümde gelir. Bu mod sayesinde:

  • Öğeler noktalara hizalanarak sürüklenebilir.
  • Serbest mod ile noktalı görünüm arasında geçiş yapılabilir.
  • Nokta aralıkları ayarlanabilir.
  • Kullanıcının tercih ettiği görünüm tarayıcıda saklanır.

Cetvel ve Ölçülendirme

Canvas üzerinde yer alan mavi cetveller, hizalama ve ölçülendirme işlemlerini kolaylaştırır.

  • Cetvel birimleri point (pt), milimetre (mm) ve inch olarak görüntülenebilir.
  • Mevcut sayfa türlerinde ölçü birimi point–mm–inch şeklindedir.
  • Custom sayfa seçildiğinde ölçü birimi pt / mm / inch olarak ayrı ayrı seçilebilir.
  • Ölçü birimi değiştirildiğinde:
    • Cetvel değerleri
    • Styling panelindeki width, height, x, y alanları
      seçilen birime göre güncellenir.

Ayrıca cetvel üzerinden kılavuz çizgileri (guide) eklenerek hizalama daha da kolaylaştırılabilir.

Sayfa Kenar Boşlukları (Padding)

Sayfa kenar boşlukları özelleştirilebilir. Noktalı tasarım modunda padding alanları noktasız gösterilerek içerik alanı görsel olarak ayrıştırılır.

Paper Size (Kağıt Boyutu)

Header bölümünde bulunan Paper Size alanı aşağıdaki seçenekleri içerir:

  • Custom: 200 px ve üzeri (örn. 850×1300 px) tamamen özelleştirilmiş sayfa boyutu tanımlanabilir.
  • Letter: 8.5×11 inches (850×1100 px)
  • A3: 297×420 mm (1168×1654 px)
  • A4: 210×297 mm (826×1168 px)
  • A5: 148×210 mm (584×826 px)

Boyutlandırma ikonuyla genişlik ve yükseklik manuel olarak düzenlenebilir. Bu ayarlar, raporun hem dijital hem de basılı çıktılarda doğru görünmesini sağlar.

Report Designer Elements Paneli

Canvas’ın sol tarafında yer alan Elements Paneli, rapor içeriğini oluşturmak için kullanılan tüm elementleri içerir.

Header & Footer

  • Sayfa başı ve alt bilgileri otomatik ekler.
  • İçerisine element sürüklendiğinde alan yetersizse otomatik olarak büyür.
  • QR Renderer ve Barcode Renderer bu alanların içine sürüklenemez.
  • Height ve border ayarları yapılabilir.
  • Dinamik raporlarda:
    • Rapor birden fazla sayfaya bölünürse
      • Header yalnızca ilk sayfada
      • Footer yalnızca son sayfada görüntülenir.
  • Sistem içinde Report Header olarak değerlendirilir.

Box

  • Width, height, x ve y değerleri düzenlenebilir.
  • Fill color ve border ayarları yapılabilir.
  • İçerisine istenilen element sürüklenebilir.
  • İçine eklenen içerik sığmazsa Box alanı otomatik genişler.

Label

  • Metin eklemek için kullanılır.
  • Yazı yönü ayarlanabilir.
  • Sağdan sola ve soldan sağa Vertical WritingMode desteği vardır.
  • Symbol Picker üzerinden Current Page seçilerek dinamik sayfa numarası eklenebilir.

Icon & Image

  • Görseller ve simgeler eklenebilir.
  • Boyut, renk ve konum ayarları yapılabilir.

Vertical Panel

  • Dikey sabit panel oluşturmak için kullanılır.
  • Sürükleyerek konumlandırılabilir.
  • Arka plan rengi ve border ayarlanabilir.
  • Birden fazla Vertical Panel eklenebilir.

QR Renderer & Barcode Renderer

  • Değer (Value) girildikten sonra width ve height ayarlanabilir.
  • Veri temelli görselleştirme için kullanılır.

Divider

  • Ayraç ekler.
  • Y pozisyonu, renk ve border ayarları yapılabilir.
  • Düz veya dashed (kesikli) stil uygulanabilir.

Page Break

  • Sayfa sonu eklemek için kullanılır.
  • Örneğin A4 (297 mm) boyutlu iki sayfa oluşturmak için:
    • Cetvelde Y = 297 olacak şekilde Page Break eklenebilir.
    • Layout tarafında Y değeri manuel olarak da 297 girilebilir.

Report Table

Report Table, dinamik veri gösterimi için kullanılır.

Report Table kullanabilmek için:

  • Önce Get Report Base64 aksiyonu eklenmelidir.
  • Ardından Print PDF veya Download PDF aksiyonu eklenmelidir.

Özellikler:

  • Dinamiktir.
  • Bir kolon içerisine birden fazla Label eklenebilir.
  • Element Direction özelliği ile yatay (horizontal) veya dikey (vertical) yön seçilebilir.
  • Element gap ayarlanabilir.
  • Fill color ve border özellikleri desteklenir.

Static Table

Static Table, Excel benzeri sabit tablo yapısı sunar.

  • İçerisine Label sürüklenerek x–y bazlı konumlandırma yapılabilir.
  • Border ayarlanabilir.
  • Kolon bazında:
    • Colspan
    • Rowspan özellikleri desteklenir.

Table Operations

Alt kısımdaki Table Operations alanından:

  • Üste/alta satır eklenebilir.
  • Sağa/sola kolon eklenebilir.
  • Kolon içeriği temizlenebilir.
  • Hücreler birleştirilebilir (Merge).

Merge işlemi sırasında:

  • Colspan ve Rowspan otomatik olarak devreye girer.
  • Birden fazla hücre seçildiğinde, seçilen kolon sayısı Colspan alanına otomatik yansır.

Report Designer Reports Paneli

Reports Paneli, uygulamadaki tüm raporların listelendiği ve yönetildiği ana ekrandır.

  • Yeni bir rapor eklemek için + butonuna tıklayın.
  • Rapor ismi belirleyerek CREATE butonuna tıklayın.
  • Mevcut raporları düzenleyebilir, kopyalayabilir veya silebilirsiniz.

Report Designer Properties Paneli

Properties Paneli, seçilen elemente göre farklı ayarlar sunar:

  1. Actions:
    • Rapor içinde aksiyonlar tanımlanabilir (örn: Share butonu ekleyerek rapor paylaşımı yapabilirsiniz).
  2. Report Inputs:
    • Başka ekranlardan veri alarak rapora dinamik bilgiler ekleyebilirsiniz.
    • Tarih aralıkları gibi filtreler tanımlayabilirsiniz.

Element bazında farklı ayarlar sunulur:

  • Icon: Renk ve boyut ayarları yapabilirsiniz.
  • Label: Metin hizalama ve yazı tipi ayarları mevcuttur.

Report Designer Styling Paneli

Styling Paneli, görsel ayarlamalar yapmanıza olanak tanır.

  • Fill Paneli: Canvas arka plan rengini belirleyebilirsiniz.
  • Background Image:
    • Add Image: Cihazınızdan görsel ekleyebilirsiniz.
    • Generate With AI: Yapay zeka ile arka plan görseli oluşturabilirsiniz.

Styling Paneli, raporlarınıza profesyonel bir görünüm kazandırmanıza yardımcı olur.

Report Designer; serbest konumlandırma, gelişmiş ölçülendirme, dinamik tablo yapıları ve görsel özelleştirme seçenekleri ile raporlarınızı hem veri odaklı hem de profesyonel görünümlü hale getirmenizi sağlar. Bu modül sayesinde uygulamalarınız için etkili, esnek ve baskı uyumlu raporlar tasarlayabilirsiniz.

İlişkili diğer içerikler

No items found.

Sözlük

No items found.

Alt Başlıklar