Cara menggunakan css kartu pelajar

Aplikasi pembuatan maupun cetak kartu ini akan memudahkan Anda untuk membuat, mencetak, dan mengelola berbagai kartu identitas, seperti kartu pelajar, kartu NISN, ID Card karyawan dan sebagainya.

Aplikasi ini berbasis web dengan didesain responsive sehingga dapat di buka dengan baik di berbagai ukuran device, baik desktop maupun mobile. Bahasa pemrograman yang digunakan adalah PHP dan MariaDB/MySQL, software yang populer digunakan dilingkungan pengembangan aplikasi berbasis web.

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Cetak Kartu Pelajar NISN ID Card Anggota dengan PHP dan MySQL

Aplikasi Cetak Kartu ini sudah disertai dengan pembuatan QR Code otomatis, Anda tinggal memasukkan kontent QR Code, maka otomatis tergenerate QR Code nya. Selain itu, ukuran dan tata letak QR Code sangat fliksibel, dengan mudah Anda dapat menyesuaikan ukuran QR Code dan dengan fitur drag and drop Anda dengan mudah mengatur posisi QR Code.

Template yang digunakan untuk mengambangkan aplikasi ini adalah PHP Admin Template dimana didalamnya sudah dilengkapi berbagai modul untuk menajemen aplikasi seperti manajemen menu, user, setting aplikasi, seperti memberi nama aplikasi, logo, tema, dll, sehingga Anda dapat lebih fokus untuk mengembangkan aplikasi.

I. Fitur Aplikasi Cetak Kartu Pelajar, NISN, ID Card Karyawan

Aplikasi cetak kartu pelajar, NISN, maupun ID Card Karyawan ini dilengkapi dengan berbagai fitur menarik yang dapat memudahkan Anda dalam mengelola kartu anggota, beberapa diantaranya adalah:

  1. Menggunakan PHP Admin Template yang fleksibel dan ready to use sehingga aplikasi mudah dikembangkan.
  2. Manajemen Aplikasi seperti user, menu, logo, dll.
  3. Pengaturan layout kartu.
  4. Pengaturan tanda tangan dan stempel organisasi
  5. QR Code Otomatis dengan fitur drag and drop.
  6. Cetak satu atau banyak kartu sekaligus.
  7. Smart upload file excel (xlsx).
  8. Smart ekspor data ke file excel (xlsx).
  9. Download kartu ke dalam format PDF.
  10. Kirim kartu otomatis via email.
  11. Setiap pengaturan dilengkapi dengan fitur CRUD.
  12. Quality coding, manajemen file aplikasi, dan database.

Lebih lanjut mengenai fitur dari aplikasi diatas, dibahas di bagian selanjutnya

II. Fitur Aplikasi Cetak Kartu

Berikut ini beberapa screenshot dari aplikasi beserta penjelasan mengenai fitur – fitur yang ada

1. Pengaturan layout aplikasi

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Cetak Kartu Pelajar NISN – Pengaturan Layout Aplikasi

Pada menu ini, user dapat melakukan pengaturan aplikasi seperti nama dan tampilan aplikasi, menu, logo, tema warna, dll. Lebih lanjut mengenai pengaturan ini dapat dilikat pada deskripsi aplikasi PHP Admin Template

2. Pengaturan data organisasi

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Pembuatan Kartu Mahasiswa Berbasis Web – Pengaturan Data Organisasi (Universitas)

Pada bagian ini, user dapat mengatur data organisasi seperti identitas organisasi dan logo organisasi.

3. Tambah Data Anggota

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Cetak Kartu Pelajar NISN – Tambah Data Pelajar

Pada bagian ini user dapat menambah, menghapus, maupun mengubah data anggota termasuk foto anggota yang nantinya akan dicetak di kartu.

4. Pengaturan Layout Kartu

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Pembuatan Kartu Anggota – Pengaturan Layout Kartu

Pada bagian ini user dapat mengatur layout kartu seperti panjang dan lebar kartu nama berlaku kartu, serta background untuk bagian depan dan belakang kartu.

5. Pengaturan QR Code

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Cetak Kartu Anggota dengan PHP dan MySQL- Pengaturan QR Code

Bagian ini digunakan untuk melakukan pengaturan layout dari QR Code termasuk mendefinisikan konten default dari QR Code. Pengaturan letak QR Code dapat dilakukan dengan mudah, cukup drag and drop pada bidang kartu.

6. Pengaturan penandatangan kartu

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Cetak Tanda Pengenal dengan PHP MySQL – Pengaturan Tanda Tangan dan Cap

Bagian ini digunakan untuk melakukan pengaturan data penandatangan kartu termasuk upload scan tanda tangan dan stempel organisasi. Stempel dan tanda tangan ini nantinya akan dimunculkan di bagian depan kartu

7. Pengaturan layout printer

Resolusi layar monitor berbeda beda, pada monitor resolusi tinggi kartu akan tampak kecil sebaliknya pada monitor yang beresolusi rendah kartu akan tampak besar, untuk itu perlu dilakukan pengatutan DPI printer yang akan digunakan untuk mencetak kartu.

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Pembuatan ID Card dengan PHP MySQL – Pengaturan Layout Printer

Selain DPI Printer, pada bagian ini kita dapat mengatur margin printer termasuk margin antara kartu depan dan kartu belakang.

8. Menu Cetak kartu

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Cetak Kartu NISN – Menu Cetak Kartu

Pada menu ini, user dapat mencetak kartu yang diinginkan. User dapat memilih apakah mencetak satu atau beberapa kartu sekaligus.

9. Smart Upload Excel

Pada menu ini, user dapat upload data ke tabel database menggunakan file excel. Menu ini didesain sedemikian rupa agar dapat mengupload banyak data sekaligus, di server konfigurasi standar (max_execution_time = 120), dapat mengupload hingga 40 ribu data.

Menu excel upload otomatis mendeteksi baris pertama dari file excel yang nantinya akan digunakan sebagai nama kolom tabel database, sehingga Anda tidak perlu repot menenentukan kolom kolom yang ingin diinsert datanya.

Berikut contoh tampilannya

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Upload Excel Dengan Jumlah Data Besar

10. Smart Download Excel

Menu ini dapat digunakan untuk meng ekspor data dari database ke file excel (xlsx). Script pada menu ini didesain agar dapat menulis data ke file excel dengan jumlah yang besar, di server konfigurasi standar (max_execution_time = 120), dapat mengekspor data hingga 100.000 lebih data.

Menu ini akan otomatis mengambil data semua nama kolom tabel database, kemudian menjadikannya sebagai baris pertama file excel, selanjutnya isi tabel akan ditulis dibaris kedua dan seterusnya. Program juga otomatis mendeteksi tipe data kolom tersebut sehingga tipe data pada output file excel akan lebih akurat.

Berikut contoh tampilannya

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Menu Ekspor Database ke Excel Dengan Jumlah Besar

11. Ekspor PDF dan Kirim Email

Pada menu cetak kartu, selain dapat mencetak kartu, user juga dapat ekspor kartu ke dalam format PDF, file pdf tersebut otomatis akan terdownload. Selain download kartu dalam format PDF, user juga dapat mengirim kartu ke email pemilik kartu. kartu akan dikirim dalam format PDF dan dilampirkan dalam attachment email.

Berikut contoh tampilan kartu dalam format PDF

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Ekspor Kartu ke Dalam Format PDF

Contoh tampilan pengiriman kartu via email:

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Kirim Kartu NISN, Pelajar, Pegawai Via Email

12. Quality coding, file management, dan database

Tidak hanya layout dan fitur aplikasi yang kami perhatikan, kami juga memperhatikan bagaimana script di desain dan ditulis, file script ditempatkan dan database didesain sehingga dapat memudahkan Anda mengembangkan aplikasi ini sesuai dengan kebutuhan Anda.

III. Contoh Tampilan Kartu Pegawai, Pelajar, NISN, IDCard Karyawan

Berikut ini contoh tampilan kartu bagian depan yang dibuat menggunakan aplikasi ini

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Cetak Kartu Anggota, NISN, ID Card Karyawan – Contoh Kartu Bagian Depan

Selanjutnya, berikut ini contoh tampilan kartu bagian belakang yang dilengkapi QR Code

Cara menggunakan css kartu pelajar
Cara menggunakan css kartu pelajar
Aplikasi Cetak Kartu Pelajar, NISN, Kartu Anggota – Contoh Kartu Bagian Belakang

IV. Demo Aplikasi

Agar memiliki gambaran seperti apa aplikasi Cetak Kartu Pelajar / Pegawai yang kami kembangkan, silakan klik tautan berikut ini:

LIVE DEMO – Aplikasi Cetak Kartu

Sedangkan untuk live demo aplikasi Admin Template yang digunakan untuk menggembangkan aplikasi ini, silakan klik tautan berikut:

LIVE DEMO – PHP ADMIN TEMPLATE

V. Custom Aplikasi

Jika Aplikasi Cetak Kartu Pelajar NISN maupun ID Card Anggota ini belum sesuai dengan kebutuhan Anda, Anda dapat request untuk custom aplikasi, untuk info selengkapnya silakan kunjungi halaman ini

VI. Investasi

Aplikasi ini tidak dijual terpisah. Anda dapat mendapatkan aplikasi ini dengan bergabung menjadi member premium Jagowebdev. Caranya:

  1. Kunjungi halaman https://jagowebdev.com
  2. Daftar menjadi Anggota
  3. Masuk menu Membership > Join Premium dan klik beli akun premium

Setelah Anda menjadi member, Anda tidak hanya dapat mendownload aplikasi cetak kartu ini, melainkan juga dapat mendownload semua materi yang ada di halaman tersebut, termasuk ebook, cheatsheet dan aplikasi lain.

Saat ini, biaya investasi termasuk ringan, namun demikian biaya tersebut dapat berubah sewaktu waktu seiring bertambahnya materi, so grab it fast