Sayfa Modülü
Çalışanların kullanacağı ekranları tasarlama
Sayfa Modülü (Arayüz Katmanı)
Sayfa modülü, Tablo modülünde tutulan ham veriyi çalışanların günlük işlerinde kullanacağı ekranlara dönüştürür. Bu bölüm büyük ölçüde yöneticileri (sayfa tasarlama) ilgilendirir; ancak son kullanıcıları da ilgilendiren kısımlar (sayfayı kullanma) ayrıca işaretlenmiştir.
Sayfa Nedir?
Bir tablo, verinin saklandığı yerdir ama tek başına kullanışlı bir ekran sunmaz. Sayfa, o veriyi anlamlı bir biçimde gösteren arayüzdür. Aynı tablodan birbirinden çok farklı sayfalar oluşturulabilir: birinde veriyi bir liste olarak, diğerinde bir kanban panosu olarak, bir başkasında takvim veya grafik olarak gösterebilirsiniz.
Son kullanıcılar (üyeler) Orkestra'da günlük işlerini çoğunlukla sayfalar üzerinden yürütür. Kenar çubuğundaki menü öğelerinin büyük bölümü aslında sayfalardır.
Sayfalar Listesi
Yönetici bölümü.
Kenar çubuğundaki Sayfalar kısayolundan sayfa listesine ulaşırsınız. Bu ekranda mevcut sayfalarınızı görür, "Sayfa ara..." kutusuyla arama yapar, yeni sayfa oluşturabilir veya var olan bir sayfayı düzenleyebilirsiniz.
Sayfa Oluşturucu (Page Builder)
Yönetici bölümü.
Sayfa Oluşturucu, sayfaları sürükle-bırak ile tasarladığınız ekrandır. Çalışma mantığı şöyledir: bir tarafta eklenebilecek bileşenlerin listesi (Bileşen Paleti) bulunur, bunları sayfa alanına sürükleyerek sayfanızı kurarsınız. Sayfaya bir ad verirsiniz ("Sayfa adı girin").
Henüz hiçbir şey eklenmemişse "Henüz bileşen eklenmedi" bilgisi görünür. Bir bileşeni sayfaya bıraktıktan sonra, üzerine tıklayarak ayar panelini açabilir, taşıyabilir veya silebilirsiniz.
İpucu. Sayfaya simge de atayabilirsiniz ("İkon Seçin"); bu simge kenar çubuğundaki menüde sayfanın yanında görünür.
Yerleşim (Layout) Bileşenleri
Yönetici bölümü.
Bileşenleri sayfaya rastgele değil, bir düzen içinde yerleştirirsiniz. Bunun için yerleşim bileşenleri kullanılır. Sayfanın "iskeletini" oluştururlar; içlerine asıl içerik bileşenlerini koyarsınız.
Tek Kolon
İçeriği tek bir tam genişlikte sütun halinde dizer. En basit yerleşimdir; bileşenleri sırayla alt alta yerleştirmek istediğinizde kullanılır.
Tipik kullanım: Basit veri giriş sayfaları, tek bir liste/tablo gösteren sayfalar.
İki Kolon
Sayfayı sol ve sağ olmak üzere iki sütuna böler. Bileşenleri "sol tarafa" veya "sağ tarafa" sürükleyebilirsiniz. Sol ve sağ sütunların kolon oranı ayarlanabilir (örneğin %30 - %70 veya %50 - %50).
Tipik kullanım: Sol tarafta filtre/menü, sağ tarafta liste; solda detay kartı, sağda ilişkili kayıtlar.
Grid
İçeriği ızgara (grid) düzeninde yerleştirir. Birden fazla bileşeni eşit aralıklarla yan yana ve alt alta dizmek için kullanılır.
Tipik kullanım: Birden çok istatistik kartını yan yana göstermek, kart galerileri.
Sekmeler
Sayfayı sekmelere böler. Her sekmeye ayrı bileşenler eklenir; kullanıcı sekmeler arasında geçiş yaparak farklı içeriklere ulaşır. Bu, sayfa içeriği çok kalabalık olduğunda onu mantıklı parçalara ayırmanın yoludur.
Tipik kullanım: Bir müşteri sayfasında "Genel Bilgiler", "Siparişler", "Faturalar" sekmelerinin olması; ayar sayfalarındaki sekmeli düzen.
Dikkat. Yerleşim bileşenleri yalnızca sayfanın ana seviyesine eklenebilir; bir yerleşimin içine başka bir yerleşim eklenemez. Orkestra bunu denediğinizde "Layout bileşenleri sadece ana seviyeye eklenebilir" uyarısı verir.
İçerik Bileşenleri
Yönetici bölümü.
İçerik bileşenleri, sayfaya statik içerik (başlık, metin, görsel, PDF vb.) ekleyen bileşenlerdir. Çoğu, belirli bir tabloya bağlı değildir — yani veriden bağımsız çalışırlar.
Başlık (Heading)
Sayfaya başlık metni ekler. H1, H2 ve H3 olmak üzere üç farklı seviyede başlık kullanılabilir; H1 en büyük, H3 en küçüktür. Sayfanın bölümlerini ayırmak ve okumayı kolaylaştırmak için kullanılır.
Ayarları: Başlık metni, başlık seviyesi (H1/H2/H3), hizalama (sol/orta/sağ), stil ayarları.
Tipik kullanım: Sayfa içindeki bölüm başlıkları, "Müşteri Bilgileri", "Sipariş Geçmişi" gibi vurgular.
Metin Bloğu (Text Block)
Sayfaya açıklama veya bilgilendirme metni ekler. Başlık değil, daha uzun ve serbest yazı içindir. Sayfanın ne işe yaradığını anlatmak, kullanıcılara not bırakmak için kullanılır.
Ayarları: Metin içeriği, font boyutu, hizalama, stil ayarları.
Tipik kullanım: Sayfa giriş açıklaması, kullanıcıya yönerge, bilgi notu.
Resim (Image)
Sayfaya tek bir görsel ekler. Görsel sabit (yöneticinin yüklediği) olabilir veya bir tabloya bağlanarak kayıttaki dosya/resim alanından alınabilir.
Ayarları: Görsel kaynağı (sabit dosya veya tablo alanı), boyut, hizalama.
Tipik kullanım: Sayfa banner'ı, logo, kayıttan gelen ürün/profil görseli.
Galeri (Gallery)
Birden fazla görseli galeri biçiminde sergiler. Bir tablodaki Çoklu Dosya alanına bağlanır; o alandaki tüm görseller galeri olarak gösterilir.
Ayarları: Hangi tablo ve hangi çoklu dosya alanı, görsellerin nasıl dizileceği (grid, slider vb.).
Tipik kullanım: Ürün resimleri galerisi, etkinlik fotoğrafları, portföy.
PDF Görüntüleyici
Sayfa içinde bir PDF dosyası gösterir. PDF, sabit bir dosya olabilir veya bir tablodaki dosya alanından alınabilir. Kullanıcı PDF'i ayrı bir uygulamada açmadan sayfa içinde inceleyebilir.
Ayarları: PDF kaynağı (sabit dosya veya tablo alanı), görüntüleyici yüksekliği.
Tipik kullanım: Sözleşmeleri inceleme, ekli faturayı görüntüleme, kullanım kılavuzu gösterme.
Iframe
Başka bir web sayfasını veya harici içeriği sayfaya gömer. Verilen adresteki içerik, sayfanın içinde bir pencere içinde gösterilir.
Ayarları: Adres (URL), genişlik, yükseklik.
Tipik kullanım: Harici bir rapor sayfasını gömme, Google Haritalar gömme, harici bir dashboard'u sayfada gösterme.
İpucu. Bazı siteler, başka sitelerde gömülmeye izin vermez. Iframe boş veya kırık görünüyorsa, kaynak sitenin gömülmeye izin verdiğinden emin olun.
Profil Kartı (Profile Card)
Bir kullanıcının veya bir kaydın bilgilerini "profil kartı" biçiminde gösterir. Üstte bir görsel veya avatar, altında başlık ve alt başlık, isteğe bağlı aksiyon butonları içerir.
Ayarları:
- Veri kaynağı — Mevcut kullanıcı bilgisi veya belirli bir tablodaki kayıt.
- Başlık Alanı, Alt Başlık Alanı — Kartta gösterilecek alanlar.
- Çerçeve — Kartın çerçeve biçimi (örneğin Daire).
- Aksiyon Butonları — Kart üzerinde gösterilecek butonlar.
Tipik kullanım: Çalışan profil kartı, müşteri özet kartı, dashboard'da "Hoş geldin, [Ad]" karşılaması.
Breadcrumb
Sayfa içi konum/gezinme izini gösterir. Kullanıcı bir detay sayfasındaysa "Ana Sayfa > Müşteriler > Ahmet Yılmaz" şeklinde nerede olduğunu görür ve geri dönmek istediği seviyeye tıklayabilir.
Ayarları: Gösterilecek seviyeler, ayraç simgesi.
Tipik kullanım: Çok seviyeli sayfa yapılarında, detay sayfalarında yön bulma.
Barkod / QR Kod
Bir veriden barkod veya QR kod üretir. Veri, sabit bir metin olabileceği gibi bir tablodaki alandan da alınabilir; örneğin her ürün kaydı için o ürünün stok kodundan QR kod oluşturulabilir.
Ayarları: Kod türü (barkod / QR kod), veri kaynağı (sabit metin veya alan), boyut.
Tipik kullanım: Ürün etiketleri, ödeme/giriş QR kodları, kayda hızlı erişim kodu.
Sayaç (Countdown)
Belirli bir tarihe geri sayım (veya o tarihten ileri sayım) gösterir. Saniye, dakika, saat, gün cinsinden canlı güncellenir.
Ayarları:
- Hedef Tarih / Saat — Hangi ana sayılacak. Sabit bir tarih olabilir veya bir tablodaki tarih alanından alınabilir.
- Görünecek Birimler — Gün, saat, dakika, saniyenin hangileri gösterilsin.
- Bitiş Metni — Sayım sıfıra ulaştığında gösterilecek metin.
- Alan Değeri ile Durdurma — Belirli bir alan koşulu sağlandığında sayımı durdurma (örneğin "durum = tamamlandı" olunca dursun).
- Renk Teması, Boyut — Görsel ayarlar.
Tipik kullanım: Kampanya bitişine geri sayım, etkinliğe kalan süre, sözleşmenin sona ermesine kalan gün.
Ayırıcı (Divider)
Sayfada bölümleri görsel olarak ayıran yatay çizgi veya boşluk. İçerik kalabalıksa sayfayı okunur kılar.
Ayarları: Stil (çizgi/boşluk), kalınlık, renk, üst/alt boşluk.
Veri Bileşenleri
Yönetici bölümü.
Veri bileşenleri, bir tablodaki kayıtları farklı biçimlerde gösterir. Hepsi bir tabloya bağlanır ve o tablodaki kayıtları listeler. Aynı veri farklı bileşenlerle farklı şekillerde sunulabilir; doğru bileşeni seçmek, kullanıcı deneyimini doğrudan etkiler.
Bu bileşenlerin tamamında, hangi alanların gösterileceği, kayıtların nasıl sıralanacağı (Sıralama), hangi kayıtların gösterileceği (Veri Filtreleme) ve değerlere göre nasıl renklendirileceği (Koşullu Renklendirme) gibi ortak ayarlar bulunur. Bu ortak ayarlar Veri Bileşenleri İçin Ortak Ayarlar bölümünde anlatılmıştır; aşağıdaki bileşen anlatımlarında öncelikle bileşene özgü olanlardan bahsedilmektedir.
Tablo (Data Table)
Bir tablonun kayıtlarını klasik tablo (satır-sütun) görünümünde listeler. En geleneksel ve veri yoğun gösterim biçimidir. Sütunlar Excel'deki gibi yan yana, her satır bir kayıttır.
Tipik kullanım: Müşteri listesi, sipariş tablosu, stok envanteri, yoğun veri taraması gereken her durum.
Bileşene özgü ayarlar:
- Sayfa Başına Kayıt — Tabloda aynı anda kaç satır görünecek.
- Gösterilecek Alanlar — Hangi sütunlar görünür olacak.
- Sıralama — Hangi alana göre, hangi yönde sıralanacak.
- Satır İçi Aksiyon Butonları — Her satırın yanında görünecek aksiyon düğmeleri.
İpucu. Tablo, fazla veriyi göstermek için en verimli bileşendir, ama kullanıcı için her zaman en görsel deneyim değildir. Kayıt sayısı azsa ve görsel bir his vermek istiyorsanız, Kart bileşenini düşünebilirsiniz.
Liste (List)
Kayıtları liste biçiminde gösterir. Tablodan daha sade, kartlardan daha kompakttır. Her kayıt için belirlediğiniz alanlar üstüste değil, satır halinde dizilir.
Bileşene özgü ayarlar: Görüntülenecek başlık, alt başlık, açıklama alanları; satır başına ikon veya görsel.
Tipik kullanım: Bildirim listesi, son etkinlikler, basit kayıt listeleri.
Kart (Card)
Her kaydı ayrı bir kart olarak gösterir. Kartların içinde başlık, alt başlık, görsel, etiket gibi alanlar bulunabilir. Tablonun aksine görsel olarak zengindir.
Bileşene özgü ayarlar:
- Görüntülenecek Alanlar — Kartta hangi alanlar görünecek.
- Görsel Alanı — Karta görsel olarak hangi dosya alanı geçecek.
- Aksiyon Butonları — Her kartın altında görünecek butonlar.
- Detay Sayfası Bağlantısı — Karta tıklandığında hangi detay sayfasına gidilecek.
Tipik kullanım: Ürün vitrini, çalışan listesi (fotoğraflı), proje panoları, müşteri kartları.
Data Grid
Kayıtları ızgara/elektronik tablo benzeri bir görünümde sunar. Tablodan farkı, satırların doğrudan ızgara üzerinde düzenlenmeye uygun olmasıdır — Excel'deki gibi hücreler arasında gezinebilir, doğrudan içine veri girebilirsiniz.
Bileşene özgü ayarlar: Düzenlenebilir mi, sayfa başına kayıt, gösterilecek alanlar.
Tipik kullanım: Excel benzeri veri düzenleme alışkanlığı olan ekipler; toplu veri inceleme ve hızlı düzenleme gereken durumlar.
Kanban Board
Kayıtları durumlarına göre sütunlara ayrılmış kartlar halinde gösterir. Her sütun bir durumu temsil eder ("Beklemede", "Devam Ediyor", "Tamamlandı"); her kart bir kayıttır. Kullanıcı kartları sürükle-bırak ile bir sütundan başkasına taşıdığında, o kaydın durumu otomatik güncellenir.
Bileşene özgü ayarlar:
- Alan Eşleştirme — Sütunları hangi alana göre oluşturulacak (genellikle açılır liste, radyo veya onay kutusu alanı).
- Gösterilecek Alanlar — Kartlarda hangi bilgilerin görüneceği.
- Max Alan / Kart — Her kartta en çok kaç alan gösterileceği.
- Arama Barını Göster — Üstte arama kutusunun olup olmayacağı.
Tipik kullanım: Görev yönetimi (To Do / Doing / Done), proje aşamaları, satış pipeline'ı, başvuru durumları.
İpucu. Kanban'ın güzel çalışması için kayıtlarınızda bir "durum" alanı (genellikle Açılır Liste) olmalıdır. Bu olmadan kanban kuramazsınız.
Takvim (Calendar)
Tarih içeren kayıtları takvim görünümünde gösterir. Her kayıt, ilgili tarihte takvim üzerinde bir olay olarak görünür.
Bileşene özgü ayarlar:
- Tarih Alanı — Hangi tarih alanına göre yerleştirilecek.
- Başlık Alanı — Olay üzerinde hangi metin görünecek.
- Renk Alanı — Olayları neyle renklendirmek istediğiniz (örneğin duruma göre).
Tipik kullanım: Etkinlik takvimi, randevu yönetimi, teslim tarihi takibi, izin takvimi.
İpucu. Takvim, tablodaki Tarih alan(lar)ına dayanır. Tabloda hiç Tarih alanı yoksa takvim çalışmaz.
Accordion
Kayıtları açılıp kapanabilen bölümler halinde sunar. Başlangıçta yalnızca başlıklar görünür; kullanıcı bir başlığa tıkladığında o bölüm açılır ve ayrıntıları gösterir.
Bileşene özgü ayarlar: Başlık alanı, açılınca gösterilecek alanlar, başlangıçta hangi bölümlerin açık geleceği.
Tipik kullanım: SSS sayfaları, çok detaylı kayıt listeleri, "ihtiyaç olunca görmek istediklerim" yaklaşımı.
Görselleştirme Bileşenleri
Yönetici bölümü.
Görselleştirme bileşenleri, veriden bir özet veya görsel temsil çıkarır. Tek tek kayıt göstermek yerine, verinin tamamı üzerinde bir özet sunarlar.
İstatistik Kartı (Stat Card)
Tek bir özet sayıyı vurgulu olarak gösterir. Bir tablodaki tüm kayıtların toplamı, ortalaması veya sayısı tek bir büyük rakam olarak öne çıkarılır.
Bileşene özgü ayarlar:
- Tablo seçimi — Hangi tablo üzerinden hesaplanacağı. ("Bu bileşen için bir tablo seçilmelidir.")
- Alan — İşlem yapılacak alan.
- Aggregasyon Tipi — Toplam, Ortalama, En Büyük, En Küçük, Sayma.
- Görünüm — Kartın görsel düzeni.
- Başlık ve Alt Açıklama — Sayının üstüne ve altına gelecek metinler.
- Kart Rengi — Kartın arka plan rengi.
- Başlığı Gizle — Başlık metnini gizleme.
Tipik kullanım: "Bu Ay Satış: ₺120.450", "Aktif Müşteri: 87", "Tamamlanan Görev: 42".
Grafik (Chart)
Veriyi grafik olarak görselleştirir. Üç farklı grafik tipi vardır:
- Çizgi (Line) — Zaman içindeki değişimi gösterir; trend takibine uygundur.
- Çubuk (Bar) — Kategoriler arası karşılaştırma için uygundur.
- Pasta (Pie) — Bütünün parçalara dağılımını gösterir.
Bileşene özgü ayarlar:
- Grafik Tipi — Yukarıdaki üç türden biri.
- Kategori Alanı — Grafiğin yatay ekseninde (veya pasta dilimlerinde) ne olacak (örneğin "Şehir", "Ay").
- Veri Alanları — Grafikte gösterilecek sayısal alan(lar).
- Gruplama Yöntemi — Verinin nasıl gruplanacağı: Kayıt Sayısı, Toplam, Ortalama, Minimum, Maksimum, veya "Gruplama Yok (Her Kayıt Ayrı)".
- Maksimum Kayıt — Grafikte en çok kaç değer gösterileceği.
Tipik kullanım: Aylık satış grafiği (çizgi), şehirlere göre müşteri sayısı (çubuk), gelir kategorilerinin dağılımı (pasta).
Harita (Map)
Konum içeren verileri harita üzerinde işaretler. Her kayıt, koordinatlarına (enlem-boylam) göre haritada bir işaretçi olarak görünür.
Bileşene özgü ayarlar:
- Kaynak Tipi — Konum bilgisinin nereden geleceği.
- Enlem Alanı ve Boylam Alanı — Konumu hangi alanlardan okuyacağı.
- Etiket Alanı — İşaretçiye tıklayınca görünecek metin.
- İşaretçi Görünümü ve İşaretçi Rengi — İşaretçilerin görsel ayarları.
- Harita Yüksekliği, Kontrol Pozisyonu — Harita görünümünün düzeni.
Tipik kullanım: Şube haritası, müşteri lokasyonları, teslimat noktaları, saha ekibinin konumu.
İlerleme Çubuğu (Progress Bar)
Bir oranı veya yüzdeyi ilerleme çubuğu olarak gösterir. Bir hedefe ne kadar yaklaşıldığını görsel olarak ifade eder.
Bileşene özgü ayarlar:
- Değer kaynağı — Yüzdenin hangi alana göre hesaplanacağı.
- Açılır Liste Oranı — Bir açılır listenin/onay kutusunun belirli değerlere oranı gösterilebilir.
- Çubuk Boyutu, Çizgili Görünüm, Animasyonlu — Görsel ayarlar.
- Değer Göster (örn: 75 / 100) — Çubuğun yanında sayısal değerin gösterilip gösterilmeyeceği.
Tipik kullanım: Proje tamamlanma oranı, hedef-gerçekleşme yüzdesi, anket katılım oranı.
Form Bileşeni
Yönetici bölümü.
Form Gömülü (Form Embed)
Bir tablonun veri giriş formunu doğrudan sayfanın içine yerleştirir. Böylece kullanıcı sayfadan ayrılmadan, ayrı bir ekran açmadan kayıt ekleyebilir.
Ayarları:
- Form Seç — Hangi tablonun formu gömülecek.
- Form Başlığını Göster — Formun başlığının gösterilip gösterilmeyeceği.
- Gösterilecek Alanlar — Formun tüm alanları değil, yalnızca seçilenler görünür yapılabilir.
- Sabit Değerler — Bazı alanlara önceden belirlenmiş değerler atanabilir. Bu sayede kullanıcı o alanı doldurmak zorunda kalmaz; örneğin "Departman" alanı her zaman "Satış" olarak ön doldurulur.
Tipik kullanım: Sayfanın bir yanında liste, diğer yanında hızlı kayıt ekleme formu; karşılama sayfasında "Hızlı not bırak" alanı.
İpucu. Form Gömülü bileşeni, sayfayı "incele ve ekle" yapan en pratik yoldur. Veriyi listelemek yetmiyor, kullanıcı aynı yerde hızlıca kayıt da girmek istiyorsa idealdir.
Aksiyon Bileşeni
Yönetici bölümü.
Aksiyon Butonu (Action Button)
Tıklandığında bir aksiyonu (otomasyonu) çalıştıran düğmedir. Aksiyon modülünde tanımlanmış aksiyonların kullanıcıya açılan yüzüdür.
Ayarları:
- Aksiyon — Hangi aksiyonun çalıştırılacağı. (Aksiyon silinmiş veya pasif yapılmışsa "Bu aksiyon artık aktif değil veya silinmiş" uyarısı çıkar.)
- Buton Metni, Buton Rengi, Boyut — Görsel ayarlar.
- Açılış Hedefi — Aksiyon bittikten sonra ne olsun (örneğin başka bir sayfaya yönlendirme veya "Aynı Sekmede Aç").
- Başarı Mesajı (opsiyonel) — Aksiyon başarıyla tamamlandığında gösterilecek mesaj.
Tipik kullanım: "Onayla" butonu, "PDF Üret" butonu, "E-posta Gönder" butonu, herhangi bir tek seferlik işlem başlatma.
Bunun yanında, veri bileşenlerinde her satırın yanında görünen Satır İçi Aksiyon Butonları vardır. Bunlar Aksiyon Butonu ile aynı mantıkta çalışır, ama belirli bir kayıt için tetiklenir.
Aksiyonların kendisi nasıl tanımlanır, hangi tetikleyiciler ve adımlar vardır — bunlar Aksiyon Modülü bölümünde anlatılır.
Veri Bileşenleri İçin Ortak Ayarlar
Yönetici bölümü.
Veri gösteren bileşenlerin (Tablo, Liste, Kart, Data Grid, Kanban, Takvim, Accordion ve büyük ölçüde görselleştirme bileşenleri) tamamında ortak olan bazı ayarlar vardır.
Tablo Seçimi ve Görüntülenecek Alanlar
Her veri bileşeni bir tabloya bağlanır. Önce hangi tablodan veri alınacağı, ardından o tablodaki hangi alanların görüntüleneceği seçilir. Bütün alanları göstermek zorunda değilsiniz — kullanıcının görmesi gereken alanları seçer, gerisini gizlersiniz.
Sıralama
Kayıtların hangi alana göre, hangi yönde (artan/azalan) sıralanacağı belirlenir. Birden fazla sıralama kuralı eklenebilir (örneğin önce duruma, sonra tarihe göre).
Veri Filtreleme
Bileşende yalnızca belirli koşula uyan kayıtların gösterilmesini sağlar. Örneğin yalnızca "Aktif" durumdaki müşteriler, yalnızca bu aya ait siparişler veya yalnızca o anki kullanıcıya atanmış görevler gösterilebilir. Filtreler birden fazla olabilir ve birbirine bağlı kurallar olarak kurulabilir.
İpucu. Filtreleme ayarında "Güncel Kullanıcı Bilgisi" özel bir değerdir. "Atanan = Güncel Kullanıcı" diye filtre koyarsanız, her kullanıcı yalnızca kendine atanan kayıtları görür. Aynı bileşen, aynı sayfa, ama herkes farklı veri görür.
Koşullu Renklendirme
Kayıtların değerlerine göre otomatik renklenmesini sağlar. Örneğin "durum = Tamamlandı" olan kayıtlar yeşil, "durum = Gecikti" olanlar kırmızı görünür. Birden fazla kural tanımlanabilir.
Tipik kullanım: Gecikmiş işleri kırmızı vurgulamak, kritik stok seviyesini sarı yapmak, başarılı kayıtları yeşil gibi.
Satır İçi Aksiyon Butonları
Listelerde, tablolarda ve kartlarda her kaydın yanında görünen küçük aksiyon düğmeleri. Kullanıcı belirli bir kayıt için doğrudan o satırdan işlem başlatır.
Ayarları:
- Hangi aksiyon çalıştırılacak.
- Buton metni ve rengi.
- Hangi roller görebilir ("Boş bırakılırsa herkes kullanabilir").
Tipik kullanım: Sipariş satırının yanındaki "Kargola" düğmesi, müşteri satırının yanındaki "Ara" veya "Mesaj Gönder" düğmesi.
Detay Sayfası Bağlantısı
Bir kayda (liste satırına, karta) tıklandığında kullanıcının bir detay sayfasına yönlendirilmesini sağlar. Hangi detay sayfasının açılacağı burada seçilir.
Görünürlük Ayarları
Bir bileşenin yalnızca belirli koşullarda görünmesini sağlar. Bileşen, her zaman değil de yalnızca belirli durumda sayfada belirir. Örneğin sadece yöneticiler bir kartı görsün, ya da yalnızca bir alan dolu olduğunda bir grafik gözüksün.
Stil Ayarları
Bileşenin görünümü — renkler, boşluklar, başlık biçimi, kenar yuvarlama, gölge, hizalama — buradan düzenlenir. Her bileşenin kendi stil seçenekleri vardır ama temel ayarlar benzerdir.
Detay Sayfası (Detail Page)
Yönetici bölümü.
Bir liste, tablo veya kart bileşeninde bir kayda tıklandığında, o tek kaydın ayrıntılarını gösteren özel bir ekran açılabilir. Buna Detay Sayfası denir.
Detay sayfası da tıpkı normal sayfa gibi, Detay Sayfası Oluşturucu ile sürükle-bırak yöntemiyle tasarlanır ("Detay sayfası adı girin"). Aradaki fark, detay sayfasının tek bir kayda ait veriyi göstermesidir; bileşenler "o anki kaydın" alanlarını gösterecek şekilde yapılandırılır.
Detay sayfasındaki bileşenler "Detay Sayfası Verisi" ve "Detay Sayfası Alanı" gibi özel değer kaynaklarıyla çalışabilir; böylece bileşenler dinamik olarak hangi kayıt açıldıysa onun verilerini gösterir.
Detay sayfası, normal sayfa ile aynı bileşen kataloğunu kullanır — başlık, kart, tablo, grafik, aksiyon butonu, hepsi detay sayfasında da yer alabilir.
Tipik kullanım: Müşteri listesinden bir müşteriye tıklanınca açılan profil, siparişler, faturalar ve geçmiş bilgileri içeren detay sayfası.
Sayfayı Kullanma (Page Viewer)
Tüm kullanıcılar.
Son kullanıcının gördüğü taraf budur. Bir sayfayı açtığınızda, yöneticinin tasarladığı bileşenler — tablolar, kartlar, grafikler, butonlar — karşınıza gelir ve onlarla çalışırsınız: kayıtları görüntüler, arar, filtreler, butonlara basar, detaylarına girersiniz.
Sayfa henüz tasarlanmadıysa veya içine bileşen eklenmediyse "Bu sayfa boş" bilgisi görünür. Sayfa yüklenirken kısa bir "Sayfa yükleniyor..." bekleme durumu görebilirsiniz.
Hangi sayfaları görebileceğiniz rolünüze ve size verilen yetkilere bağlıdır; bu yüzden menüde herkes aynı sayfaları görmez.
Sayfa İzinleri
Yönetici bölümü.
Her sayfanın, hangi rolün o sayfayla ne yapabileceğini belirleyen izin ayarları vardır. Sayfa İzinleri ekranında roller eklenir ve her rol için:
- Sayfayı Görüntüle — Rolün sayfayı görüp göremeyeceği.
- Sayfayı Düzenle — Rolün sayfa üzerinden veri ekleyip düzenleyebileceği.
izinleri ayrı ayrı verilir. Henüz hiç rol eklenmemişse "Henüz rol eklenmemiş" bilgisi görünür. İzinleri tek tek vermek yerine hazır bir izin şablonu da uygulanabilir ("Şablon Uygula").
İzinler yalnızca sayfa düzeyinde değil, sayfa içindeki bileşenler ve hatta alanlar düzeyinde de incelikli olarak ayarlanabilir. Böylece aynı sayfayı iki farklı rol açtığında, biri tüm sütunları görürken diğeri yalnızca kendisini ilgilendiren sütunları görebilir.
Rollerin oluşturulması ve yönetimi Bölüm 9'da ayrıntılı anlatılmaktadır.
Bundan Sonra
Verinizi çalışanların kullanabileceği ekranlara dönüştürmeyi ve tüm bileşenleri ayrıntılı şekilde öğrendiniz. Geriye, tekrar eden işleri otomatikleştirmek kalıyor. Sıradaki bölümde, kod yazmadan iş akışı ve otomasyon kurmayı sağlayan Aksiyon modülü anlatılıyor.
Aksiyon Modülü