Tampilan Table SI Gaji Karyawan Part 2

Pada Bagian kedua ini, saya mempercantik table sebelumnya dengan template yang bisa didapatkan di google. Tujuan menggunakan template adalah mempercantik dan menyusun tampilan agar tidak teracak-acak. Disini saya menggunakan template "Stila-master". Sebelum menggunakan template ini anda harus mengganti beberapa komponen agar template anda sesuai dengan selera anda. Setelah itu di pecah menjadi 3 bagaian, yaitu : head, menu, footer. Disini saya menggunakan head untuk pemanggilan css serta pembuka html, sedangkan menu berisi dengan navbar, topbar, dan beberapa class sebagai wadah sebelum "Body" yang kita gunakan untuk table nantinya, dan footer yang berguna untuk memanggil Js (Java Script) dan penutup class yang kita panggil di menu tadi.

Selanjutnya, saya mengganti class index yang terdapat di C_pegawai menjadi dashboard agar ketika kita memanggil C_pegawai akan langsung menjadi dashboard SI. Sedangkan table karyawan kita buat kemaren kita akan membuat class baru. Controler kita kurang lebih akan seperti dibawah ini.

Ini adalah beberapa tampilan dari table-table yang saya telah perbarui :

Dashboard

Karyawan (t_karyawan)

Cuti (t_cuti)

Departemen (t_departemen )

Gaji (t_gaji)

Pada table gaji ini saya menjoin 3 table (t_karyawan, t_lembur, dan t_jataban) lalu hasil lembur itu berasal dari (t_lembur dan t_jabatan) pada table lembur terdapat jumlah lembur yang akan di kali oleh gaji lembur yang terdapat pada t_jabatan. Sedangkan hasil gaji berasal dari pertambahan dari gaji pokok, gaji lembur 

Jabatan (t_jabatan)

Lembur (t_lembur)

User (t_user)


Itu lah beberapa table yang telah saya buat dan table yang sudah di percantik, sekian dari sedikit penjelasan dari saya terima kasih 😁

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Menggunakan SUM, AVG, MAX, MIN pada CMD

Gambar
Sebelum masuk ke langkah-langkah cara menggunakan perintah tersebut. Kita harus mengetahui apa itu SUM, AVG, MAX, MIN terlebih dahulu. SUM, fungsi SUM adalah menghitung total nilai dari sebuah kolom yang telah di tentukan. Average atay AVG adalah sebuah fungsi untuk mencari rata-rata nilai dalam sebuah range yang telah ditentukan. MAX, fungsi Max adalah mencari nilai tertinggi/terbesar dalam suatu kelas/kolom tertentu. MIN, fungsi Min adalah mencari nilai terendah/terkecil dalam suatu kelas/kolom tertentu. Pada kesempatan kali ini saya aka membuat tabel yang bernama Orders, yang berisi tentang info atau data seputar transaksi. Struktur dan isi dari tabel tersebut adalah sebagai berikut. Langkah pertama, kita akan mencari Pencarian Dengan Transaksi yang lebih besar dari 500 maka kita harus mengetik query/syntax "Select*from orders where total >=500;" kegunaan ">=" adalah sebagai perintah untuk memuncul kan hasil yang lebih sama dengan d...
Baca selengkapnya

Cara Menghitung Jumlah Record Dengan Menggunakan CMD

Gambar
Basis Data terdiri dari kata basis dan data. Basis dapat diartikan sebagai markas atau gudang. Sedangkan data adalah catatan atas kumpulan fakta dunia nyata yang mewakili objek seperti manusia, barang, hewan, konsep, peristiwa dan sebagainya yang diwujudkan dalam bentuk huruf, angka, simbol, gambar, teks, bunyi atau kombinasinya. Sebelum kita masuk kedalam langkah-langkah nya kita harus mengetahui apa itu  Group By, Where, As,  dan Having pada SQL . Group By, Perintah yang digunakan untuk menampilkan sekumpulan data berdasarkan kelompok yang sudah di tentukan. Where , Perintah yang digunakan untuk memampilkan hasil dengan mengekstrak yang memenuhi kondisi tersebut. As, Perintah yang digunakan untuk mengganti nama kolom atau table pada saat di tampilkan Having, menentukan kondisi yang dihasilkan oleh Group By. Langkah pertama, anda menyiapkan Tabel (yang telah diisi) anda terlebih dahulu. Saya menggunakan tabel yang bernama "pegawai" seperti berikut : Se...
Baca selengkapnya

Glow Effect di photoshop

Gambar
Kali ini saya membuat Glow effect pada photoshop, pertama pertama kita harus mencari bahan yang anda mau. Disini saya menggunakan foto rusa untuk bahan saya.  Mula mula kita crop object kita dengan backgroud.  Selanjut nya kita ubah warna background tersebut dengan hue color dan white and black. Kemudian kita akan crop tanduk tersebut, guna nya untuk memberi efect glow pada tanduk rusa.dan kita memberi efect gaussian blur pada tanduk nya. Langkah selanjut nya kita memberi warna pada crop tanduk tersebut dengan menggunakan hue color.  Selanjutnya kita akan curves dan hue pada bagian tubuh rusa tersebut Langkah terakhir kita membuat partikel kecil di tanduk nya. Hasil nya akan seperti ini :
Baca selengkapnya