Kullanıcı Arayüzü
Bu sayfa, Retmes MES'in genel arayüz bileşenlerini açıklar. Sistemi ilk kez kullananlar için ortak arayüz kalıplarını anlamak, tüm modüllerde tutarlı bir deneyim sağlar.
Genel Düzen
Retmes MES web arayüzü üç ana bölgeye ayrılır:
┌─────────────────────────────────────────────────┐
│ ÜST ÇUBUK (Navbar) │
├──────────────┬──────────────────────────────────┤
│ │ İÇERİK ALANI │
│ SOL MENÜ │ ┌─ Breadcrumb ────────────┐ │
│ (Sidebar) │ │ Sayfa Başlığı │ │
│ │ └──────────────────────────┘ │
│ │ ┌─ Araç Çubuğu ──────────┐ │
│ │ │ Filtreler / Butonlar │ │
│ │ └──────────────────────────┘ │
│ │ ┌─ Veri Alanı ───────────┐ │
│ │ │ Tablo / Form / Grafik │ │
│ │ └──────────────────────────┘ │
└──────────────┴──────────────────────────────────┘
Üst Çubuk (Navbar)
Ekranın en üstündeki sabit çubuktur.
| Öğe | Açıklama |
|---|---|
| Retmes Logosu / Başlık | Ana sayfaya veya varsayılan dashboard'a döner |
| Bildirim Zili | Aktif alarmlar ve sistem bildirimleri; kırmızı rozet okunmamış bildirim sayısını gösterir |
| Profil Menüsü | Kullanıcı adına tıklayarak Profil, Şifre Değiştir ve Çıkış Yap seçeneklerine ulaşılır |
| Dil Seçici | Türkçe / İngilizce arayüz geçişi (profil ayarlarında da değiştirilebilir) |
Sol Menü (Sidebar)
Tüm modüllere erişimin sağlandığı dikey navigasyon çubuğudur. Sidebar iki farklı modda görüntülenebilir:
- Genişletilmiş — Modül adları ve ikonlar birlikte görünür
- Daraltılmış — Yalnızca ikonlar görünür; üzerine gelindiğinde modül adı tooltip olarak çıkar
Modüller, işlevsel gruplara göre bölümlere ayrılmıştır. Her grup başlığı altındaki modüller accordion ile açılıp kapatılabilir.
Sidebar genişliğini değiştirmek için sol menü kenarını sürükleyin veya genişlet/daralt ikonunu kullanın.
Özel Menü (Customer Special Menu)
Sistem yöneticisi, belirli roller için Sidebar'a özel modüller veya dış bağlantılar ekleyebilir. Bu bağlantılar genellikle Sidebar'ın alt bölümünde yer alır.
Breadcrumb (İz Yolu)
Her sayfanın üst sol köşesinde bulunur ve kullanıcının mevcut konumunu gösterir.
Raporlar › Haftalık OEE Raporu › Detay
- İlk bileşen ana modül adıdır
- Aradaki bileşenler tıklanabilir olup üst sayfaya döner
- Son bileşen aktif sayfadır (tıklanamaz)
Araç Çubuğu ve Liste Başlığı
Her liste ekranının üst kısmında standart bir araç çubuğu bulunur:
| Öğe | Açıklama |
|---|---|
| Sayfa Başlığı | Modülün adı (breadcrumb ile birlikte) |
| Oluştur Butonu | Yeni kayıt oluşturma formunu açar (yeşil, sağ üstte) |
| Sütun Seçici | Tabloda gösterilecek sütunları seçme ve sıralama imkanı |
| Dışa Aktar | Tabloyu Excel veya PDF olarak indirme |
| İçe/Dışa Aktar Menüsü | JSON veya özel format içe/dışa aktarma (modüle göre değişir) |
Tablo Özellikleri
Retmes'teki tüm liste ekranları ortak tablo bileşenini kullanır. Bu bileşen şu özellikleri sunar:
Filtreleme
Her sütun başlığının altında bir filtre satırı bulunur. Metin sütunlarına doğrudan yazarak, sayısal sütunlarda operatör seçerek filtre uygulayabilirsiniz.
| Filtre Türü | Kullanım |
|---|---|
| Metin Filtresi | Sütun başlığının altındaki alana yazın; içerik aranır |
| Tarih Filtresi | Tarih seçici açılır; aralık belirleyebilirsiniz |
| Çok Seçimli Filtre | Açılan listeden birden fazla değer seçilir |
Filtreler birleştirilebilir: birden fazla sütuna aynı anda filtre uygulayabilirsiniz.
Sıralama
Herhangi bir sütun başlığına bir kez tıkladığınızda artan (↑), iki kez tıkladığınızda azalan (↓) sıralama uygulanır. Üç kez tıklamak sıralamayı kaldırır.
Gruplama
Sütun başlığını tablo üst kısmındaki "Gruplamak için sürükle" alanına taşıyarak kayıtları o sütuna göre gruplayabilirsiniz.
Sayfalama
Tablonun alt kısmında sayfalama kontrolü bulunur:
| Kontrol | Açıklama |
|---|---|
| Sayfa boyutu | Sayfada gösterilecek kayıt sayısı (10, 25, 50, 100) |
| Sayfa numaraları | Sayfalar arası geçiş |
| Toplam kayıt | Filtreleme sonucu bulunan toplam kayıt sayısı |
Sütun Seçici
Araç çubuğundaki Sütun Seçici ikonuna tıklayarak hangi sütunların görüneceğini ve sırasını yönetebilirsiniz. Seçimler kullanıcı profiline kaydedilir; sayfa yenilendiğinde korunur.
Satır Aksiyonları
Her satırın sonunda İşlemler sütunu bulunur. Bu sütundaki ikonlar modüle göre değişir:
| İkon | Aksiyon |
|---|---|
| ✏️ (Kalem) | Kaydı düzenleme formunda açar |
| 🗑️ (Çöp kutusu) | Onay sonrası kaydı siler |
| 👁️ (Göz) | Kayıt detayını görüntüler (salt okunur) |
| 📋 (Kopyala) | Kaydı kopyalayarak yeni form açar |
| Diğer ikonlar | Modüle özgü aksiyonlar (başlat, bitir, iptal vb.) |
Filtre Belleği
Bir sayfada uyguladığınız filtreler oturum süresince korunur. Başka bir sayfaya geçip geri döndüğünüzde filtreler sıfırlanmaz. Tarayıcı sekmesini kapattığınızda veya oturumu kapattığınızda filtreler temizlenir.
Form Özellikleri
Oluşturma ve düzenleme formlarında ortak öğeler şunlardır:
| Öğe | Açıklama |
|---|---|
| Metin Alanı | Tek satır metin girişi |
| Metin Alanı (çok satır) | <textarea> — uzun açıklama metinleri için |
| Seçim Kutusu | Açılan listeden tek değer seçimi; arama desteğiyle |
| Çoklu Seçim | Birden fazla değer seçilebilir |
| Tarih/Saat Seçici | Takvim ve saat seçici; klavye girişi de desteklenir |
| Anahtar (Toggle) | Açık/kapalı ikili değer |
| Sekme (Tab) | Forma ait konular sekmelere bölünmüşse alt sekmelere tıklayarak geçiş yapın |
| Kaydet | Formu kaydeder; başarı mesajı gösterilir |
| İptal / Geri | Değişiklikleri kaydetmeden liste sayfasına döner |
Zorunlu Alan Göstergesi
Zorunlu alanlar etiketinin yanında kırmızı yıldız (*) ile işaretlenir. Form gönderildiğinde doldurulmayan zorunlu alanlar kırmızı ile vurgulanır ve kayıt gerçekleşmez.
Klavye Kısayolları
| Kısayol | İşlev |
|---|---|
Ctrl + S | Açık formu kaydet |
Esc | Modalı veya açık paneli kapat |
Tab | Form alanları arasında ilerle |
Shift + Tab | Form alanları arasında geri dön |
Enter | Seçim kutusunda vurgulanmış seçeneği onayla |
Ctrl + F (tarayıcı) | Sayfa içinde metin arama |
Bildirimler ve Uyarı Mesajları
Retmes arayüzü dört tür mesaj gösterir:
| Renk | Tür | Ne zaman? |
|---|---|---|
| 🟢 Yeşil | Başarı | Kayıt oluşturuldu, güncellendi veya silindi |
| 🔴 Kırmızı | Hata | İşlem başarısız; hata detayı mesajda yer alır |
| 🟡 Sarı | Uyarı | İşlem tamamlandı ancak dikkate alınması gereken bir durum var |
| 🔵 Mavi | Bilgi | Genel bilgilendirme |
Mesajlar ekranın sağ alt köşesinde birkaç saniyeliğine görünür; sonra otomatik kapanır. Mesajın üzerine tıklayarak erken kapatabilirsiniz.
Onay Diyaloğu
Silme ve bazı kritik işlemler onay diyaloğu açar. Onayla butonuna basılmadan işlem gerçekleşmez.
Yükleme Göstergesi
Veri yüklenirken sayfa ortasında dönen yükleme ikonu (spinner) görünür. Bu sürede form alanları ve butonlar pasif haldedir.
Duyarlı Tasarım
Retmes MES öncelikli olarak masaüstü ve geniş ekranlar için tasarlanmıştır. Tablet ekranlarında (≥768px) temel işlevler çalışır; ancak bazı gelişmiş tablo özellikleri mobil görünümde kısıtlıdır. Kiosk işlemleri için ayrı optimize edilmiş Kiosk arayüzü kullanılır.