Toplu Öğrenci Kimliği Hazırlama Programı - Html5

• Hazır Temalar: farklı renk teması seçeneği sunar.
• Çift Yönlü Tasarım: Kartın hem ön yüzünü (öğrenci bilgileri) hem de arka yüzünü (kurallar ve okul müdürü imzası) aynı anda hazırlar.
• Dinamik Logo ve Filigran: Okul logosu yüklenebilir; bu logo hem kartın üst kısmında hem de arka planda filigran olarak otomatik görünür.
• QR Kod Desteği: Son sürümde otomatik Kare kod oluşturma özelliği getirildi.
• E-okuldan (xlsx uzantılı resimli öğrenci listesinden)otomatik veri çekme özelliği eklendi.
• Harici bir resim kasörü gerekmez. Veri veri tabanı istemez.
• Toplu Veri Girişi: Ad Soyad, Sınıf, No ve Fotoğraf yolu bilgilerini virgülle ayırarak (CSV mantığıyla) toplu halde eklemeye imkan tanır.
• Otomatik Etiketleme: Kart üzerine "TAŞIMALI", "BURSLU" gibi özel statü etiketleri eklenebilir.
• Kalıcı Hafıza (LocalStorage): Yazılan bilgiler ve seçilen ayarlar tarayıcıya kaydedilir; sayfa yenilense bile veriler kaybolmaz.
• Yazdırma Düzeni: Bir A4 kağıdına 10 öğrencinin sığacağı şekilde otomatik yerleşim yapar.
• Yedekleme Sistemi: Tüm verileri .json formatında dışa aktarma (Yedekle) ve daha sonra tekrar yükleme özelliğine sahiptir.
• Gelişmiş Önizleme: "Sıradaki " butonu ile listedeki öğrenciler arasında hızlıca geçiş yaparak baskı öncesi kontrol sağlar.

Özellikle okullarda, her öğrenci için tek tek tasarım yapmak yerine, bir liste üzerinden hızlı ve standart kimlik kartları oluşturup doğrudan yazıcıdan çıkartmak için optimize edilmiştir.​

erbay1' Alıntı:

Programın öne çıkan özellikleri şunlardır:

Görsel ve Tasarım Özellikleri​

• Hazır Temalar: Turkuaz, Lacivert, Kırmızı, Yeşil, Altın, Gece ve Premium olmak üzere 7 farklı renk teması seçeneği sunar.
• Çift Yönlü Tasarım: Kartın hem ön yüzünü (öğrenci bilgileri) hem de arka yüzünü (kurallar ve okul müdürü imzası) aynı anda hazırlar.
• Dinamik Logo ve Filigran: Okul logosu yüklenebilir; bu logo hem kartın üst kısmında hem de arka planda filigran olarak otomatik görünür.
• QR Kod Desteği: Son sürümde otomatik Kare kod oluşturma özelliği getirildi.

Veri Yönetimi ve Düzenleme​

• Toplu Veri Girişi: Ad Soyad, Sınıf, No ve Fotoğraf yolu bilgilerini virgülle ayırarak (CSV mantığıyla) toplu halde eklemeye imkan tanır.
• Otomatik Etiketleme: Kart üzerine "TAŞIMALI", "BURSLU" gibi özel statü etiketleri eklenebilir.
• Kalıcı Hafıza (LocalStorage): Yazılan bilgiler ve seçilen ayarlar tarayıcıya kaydedilir; sayfa yenilense bile veriler kaybolmaz.

Teknik ve Pratik Araçlar​

• Yazdırma Düzeni: Bir A4 kağıdına 4 öğrencinin (önlü-arkalı toplam 8 yüz) sığacağı şekilde otomatik yerleşim yapar.
• Yedekleme Sistemi: Tüm verileri .json formatında dışa aktarma (Yedekle) ve daha sonra tekrar yükleme özelliğine sahiptir.
• Gelişmiş Önizleme: "Sıradaki 4 Kişi" butonu ile listedeki öğrenciler arasında hızlıca geçiş yaparak baskı öncesi kontrol sağlar.
• Son sürümde 10 lu arkalı önlü yazdrıma eklendi

Kullanım Amacı​

Özellikle okullarda, her öğrenci için tek tek tasarım yapmak yerine, bir liste üzerinden hızlı ve standart kimlik kartları oluşturup doğrudan yazıcıdan çıkartmak için optimize edilmiştir.
Son sürümde Arkaplan renklerini otomatik yazdırma ve kesme çizgileri eklendi.
Tüm tasarım ve kodlama özgün olup Erdal BAYRAK'a aittir. Ticari amaç dışında izinsiz kullanılabilir.
(Tarayıcınızın Arka Plan Grafikleri ayarı kapalı ise arkaplan renkleri görünmeyebilir. Yazdırma ayarları> diğer ayarlar> Arka Plan Grafikleri kutucuğunu işaretleyin) Yada <style>....</style> içine şu kodu ekleyin:

Kod:

@media print {
    * {-webkit-print-color-adjust: exact !important; print-color-adjust: exact !important;
    }
}

Ekli dosyayı görüntüle 81205Ekli dosyayı görüntüle 81206

Ekli dosyayı görüntüle 81194Ekli dosyayı görüntüle 81196Ekli dosyayı görüntüle 81195Ekli dosyayı görüntüle 81207Ekli dosyayı görüntüle 81208

Genişletmek için tıkla ...

ay51' Alıntı:

hocam öğrenci bilgileri otomatik olarak nasıl yükleyebiliriz

Genişletmek için tıkla ...

erbay1' Alıntı:

E okuldan indirilen resimli öğrenci listesinden (.xlsx) veri ve foto çekebilme özelliği eklendi

Genişletmek için tıkla ...