Neden Bu Aracı Kullanmalısınız?
Esnek Veri Girişi
Koha kütüphane otomasyon sisteminden aldığınız raporları veya kendi oluşturduğunuz Excel/CSV dosyalarını doğrudan yükleyin.
Tam Özelleştirme
Etiket boyutları, fontlar, logo kullanımı ve yerleşimi tamamen sizin kontrolünüzde. Kendi şablonlarınızı kaydedin.
Anında PDF Çıktısı
Tarayıcı üzerinden görsel önizleme yapın ve tek tıkla yüksek kaliteli, baskıya hazır PDF dosyası indirin.
Adım Adım Kullanım Rehberi
Veri Dosyanızı Yükleyin
Excel (.xlsx) veya CSV formatındaki dosyanızı yükleyin. Sistem; Barkod, Eser Adı, Yazar ve Yer Numarası sütunlarını otomatik olarak algılar. Türkçe karakter sorunu yaşarsanız kodlama ayarını değiştirebilirsiniz.
Etiketleri Seçin ve Filtreleyin
Yüklenen listeden etiket basmak istediğiniz kitapları seçin. İsterseniz arama çubuğunu kullanabilir, barkod aralığına göre toplu seçim yapabilir veya kütüphane bölümüne göre filtreleyebilirsiniz.
Tasarımı Özelleştirin
Barkod Etiketi: Eser adı, yazar ve barkodu içerir. Kurum logosu ekleyebilirsiniz.
Sırt Etiketi: Yer numarasını raf düzenine uygun şekilde alt alta parçalar.
PDF Olarak İndirin
Canlı önizleme alanında etiketlerin kağıt üzerindeki yerleşimini kontrol edin ve "PDF Olarak İndir" butonuna basarak baskıya hazır dosyanızı alın.
Teknik Mimari
Bu uygulama, Client-Side (İstemci Taraflı) çalışan bir Single Page Application (SPA)'dır. React kullanılarak geliştirilmiş olup, tüm veri işleme, barkod oluşturma ve PDF render işlemleri kullanıcının tarayıcısında gerçekleşir. Herhangi bir sunucu tarafı (backend) veritabanı veya işlemciye ihtiyaç duymaz.
Veri Akış Diyagramı
Teknoloji Yığını
- React (Functional Components & Hooks)
- Tailwind CSS (Styling)
- CDN Tabanlı Script Yükleme
Kütüphaneler ve Amaçları
| Kütüphane | Kullanım Amacı |
|---|---|
| PapaParse | CSV dosyalarını JSON formatına çevirmek için. |
| SheetJS (XLSX) | Excel dosyalarını okumak için. |
| JsBarcode | SVG formatında barkod (Code128) oluşturmak için. |
| QRCode.js | QR kod oluşturmak için (Alternatif mod). |
| html2canvas | DOM elementini (önizleme alanını) resme çevirmek için. |
| jsPDF | Oluşturulan resmi PDF sayfasına yerleştirmek için. |
Önemli Kod Yapıları
1. Dinamik Script Yükleyici (Custom Hook)
Uygulama tek bir dosya olduğu için, npm paketleri yerine CDN linklerini dinamik olarak yöneten bir Hook kullanılır.
2. Akıllı Sütun Eşleştirme
Kullanıcı farklı isimlerde sütunlara sahip dosyalar yükleyebilir. processData fonksiyonu olası varyasyonları tarar.
3. Sırt Etiketi Ayrıştırma Mantığı
Sırt etiketleri (Spine Labels) için yer numarası boşluklara göre parçalanır ve dikey olarak render edilir.