DAY 10 PKL ISTN

 

Assalamualaikum wr wb

Masih dengan Fauzan Blog's. Gimana kabarnya nih para penghirup oksigen semua? Masih pada sehat semua kan? semoga sehat selalu ya.. Amin..

Hari kesepuluh nulis di Blog, Oke langsung saja saya mulai ceritanya.. Ekhm Ekhm..

Jumat, 12 Juli 2024

Hari Kesepuluh PKL

Hari Kesepuluh saya PKL di FSTI ISTN. Masih ditemani oleh ketiga teman saya yaitu Asep, Habib dan Parel. Hari kesepuluh, Setelah kami datang sekitar jam 8.30 kami langsung mengerjakan tugas yang sudah diberikan dihari sebelumnya, kami melakukan bersih bersih sesuai dengan tugas masing masing, saya menyapu lantai laintai yang ada di lab.

gambar 1 sedang menyapu lantai.

Menghilangkan debu dan kotoran, menciptakan lingkungan yang lebih sehat. Setelah kami selesai bersih bersih blog kami direvisi oleh pak adi lalu kami diberi materi tentang CRUD lebih tepatnya di bagian Update dan Delete, berikut ini materi yang diberikan oleh pak adi :

Apa itu CRUD?

gambar 2 CRUD. source : https://course-net.com

CRUD adalah akronim dari empat operasi dasar yang digunakan dalam aplikasi penyimpanan data, yaitu:

• Create: Membuat data baru.
• Read: Membaca atau menampilkan data.
• Update: Memperbarui data yang sudah ada.
• Delete: Menghapus data.

Penjelasan tentang Update dan Delete dalam CRUD

Update (Memperbarui Data)

Penjelasan :

• Operasi ini digunakan untuk mengubah data yang sudah ada di dalam database.
• Anda dapat memilih data yang ingin diperbarui dan mengubah nilainya.

Contoh: Misalkan Anda memiliki data pengguna dengan nama dan email. Jika pengguna ingin mengubah alamat email mereka, Anda akan menggunakan operasi update untuk memperbarui data email di database.

Delete (Menghapus Data)

Penjelasan :

• Operasi ini digunakan untuk menghapus data yang sudah ada di dalam database.
• Anda dapat memilih data yang ingin dihapus berdasarkan identifikasi unik, seperti ID.

Contoh: Misalkan Anda memiliki data pengguna yang tidak lagi menggunakan layanan Anda. Anda akan menggunakan operasi delete untuk menghapus data pengguna tersebut dari database.

gambar 3  sedang memperhatikan materi.

Dengan mata tertuju pada materi, berusaha menggali pengetahuan lebih dalam. Setelah kami diberi materi kami diberikan tugas oleh pak adi, tugasnya adalah menambahkan tabel baru dalam database dan halaman web pada web yang diberikan oleh pak adi.

Membuat Database

Pertama tama kami mengimpor database yang diberikan oleh pak adi.

gambar 5 database master_cruds.

Lalu kami membuat table dari database sesuai dengan yang ditugaskan oleh pak adi. berikut ini table table yang kami buat :

tb_aset :

gambar 6 table tb_aset.

tb_barang :

gambar 7 table tb_barang.

tb_jasa :

gambar 8 table tb_jasa.

tb_supplier :

gambar 9 table tb_supplier.

Membuat Website

Setelah itu kami membuat bagian websitenya, berikut ini hasil webnya :

Video di atas memperlihatkan keseluruhan tampilan dan fungsi dari website tersebut.

Lanjut kami membuat halaman web untuk menampilkan, menambah, mengedit dan menghapus data tabel yang tadi kami tambahkan di master_cruds, dan  halaman web untuk print data tabel dari master_cruds.

Berikut ini adalah kodingan dari file 'koneksivar.php' beserta penjelasannya :

Fungsi kodingan di atas adalah:

1. Koneksi Database: Mengatur informasi koneksi ke database MySQL dengan server localhost, pengguna root, tanpa kata sandi, dan nama database master_cruds.

2. Pengaturan Zona Waktu: Mengatur zona waktu default untuk aplikasi menjadi "Asia/Jakarta".

3. Pengaturan Gambar dan CSS: Menentukan file gambar default (avatar.jpg) dan file CSS (greenblack.css) yang digunakan untuk styling aplikasi. PATH dan YPATH adalah direktori untuk file CSS dan file lainnya.

4. Pengaturan Judul dan Header: Menetapkan judul halaman (Create Read Update Delete Search), header (Aplikasi Master CRUDS), dan footer (Aplikasi WebBase CRUDS) untuk aplikasi web.

5. Nama Tabel Database: Menentukan nama-nama tabel dalam database yang digunakan untuk operasi CRUD (Create, Read, Update, Delete) dalam aplikasi:

   • tb_admin untuk data admin.
   • tb_aset untuk data aset.
   • tb_jasa untuk data jasa.
   • tb_supplier untuk data supplier.
   • tb_pengguna untuk data pengguna.
   • tb_barang untuk data barang.

Secara keseluruhan, kode ini mengatur konfigurasi dasar dan parameter penting untuk aplikasi web CRUDS berbasis PHP.

Berikut ini adalah kodingan dari file 'konmysqli.php' beserta penjelasannya :

Fungsi kodingan di atas adalah:

1. Koneksi Database: Menghubungkan aplikasi ke database MySQL dan menangani kesalahan koneksi.
2. Format Tanggal: Mengubah format tanggal antara format Indonesia dan format standar.
3. Operasi Database: Menjalankan query SQL, mendapatkan jumlah baris, mengambil data dari database, dan mengelola transaksi.
4. Pengelolaan Waktu: Menghitung selisih hari dan memperbarui tanggal berakhir untuk anggota.
5. Utilitas: Membuat tautan WhatsApp dan email, mengonversi angka ke dalam kata dalam bahasa Indonesia, dan memformat angka menjadi rupiah.

Secara keseluruhan, kode ini menangani koneksi database, format tanggal, operasi CRUD, pengelolaan waktu, dan menyediakan fungsi utilitas tambahan untuk aplikasi web.

gambar 10 halaman sidebar.

Berikut ini adalah kodingan dari file 'sidebar.php' beserta penjelasannya :

Fungsi kodingan di atas adalah:

1. Sidebar Container: Mengatur sidebar dengan latar belakang berwarna gelap.

2. Logo Header: Menampilkan header logo dengan latar belakang berwarna gelap dan tautan menuju halaman utama (?mnu=home). Logo berupa teks "CPANEL" dengan warna teks putih (text-light).

3. Navigasi dan Toggle Button: Menyediakan tombol untuk men-toggle (menyembunyikan/menampilkan) sidebar dan topbar.

4. Sidebar Wrapper: Mengatur konten dalam sidebar dengan scrollbar kustom.

5. Menu Navigasi:

   • Dashboard: Tautan ke halaman dashboard dengan ikon rumah (fas fa-home).
   • Menu Section: Menampilkan judul menu berdasarkan status sesi pengguna.

6. Item Menu: Menampilkan daftar tautan menu dengan ikon dan label:

   • Admin
   • Aset
   • Pengguna
   • Supplier
   • Barang
   • Jasa
   • Logout

Secara keseluruhan, kode ini membuat sidebar navigasi dengan logo, tombol toggle, dan berbagai item menu untuk aplikasi web.

gambar 11 halaman home.

Berikut ini adalah kodingan dari file 'home.php' beserta penjelasannya :

Fungsi kodingan di atas adalah:

1. Mendapatkan Jumlah Data: Menggunakan fungsi getJumlah untuk mendapatkan jumlah entri dari beberapa tabel dalam database:

   • tb_pengguna untuk jumlah pengguna.
   • tb_barang untuk jumlah barang.
   • tb_jasa untuk jumlah jasa.

2. Menampilkan Kartu Statistik: Membuat empat kartu statistik menggunakan Bootstrap:

   • Pengguna: Menampilkan jumlah pengguna dengan ikon fas fa-user-check.
   • Barang: Menampilkan jumlah barang dengan ikon fas fa-luggage-cart.
   • Jasa: Menampilkan jumlah jasa dengan ikon fas fa-users.
   • Barang (ulang): Menampilkan jumlah barang dengan ikon far fa-check-circle.

3. Menampilkan Gambar Acak: Menghasilkan gambar acak dari iot1.jpg hingga iot5.jpg dan menampilkannya dengan lebar 100% dan tinggi 500 piksel.

4. Fungsi getJumlah: Fungsi ini mengambil koneksi database, nama tabel, dan nama kolom, lalu mengembalikan jumlah entri dalam tabel tersebut.

Secara keseluruhan, kode ini berfungsi untuk mengambil data statistik dari database dan menampilkannya dalam bentuk kartu statistik pada halaman web, serta menampilkan gambar acak sebagai elemen visual tambahan.

Berikut ini adalah kodingan dari file 'index.php' beserta penjelasannya :

Fungsi kodingan di atas adalah :

1. Pengaturan Error Reporting: Mengatur tingkat error reporting berdasarkan versi PHP yang digunakan (lebih dari 5.3.0 atau tidak).

2. Inisialisasi Sesi dan Koneksi Database:

   • Memulai sesi dengan session_start().
   • Memeriksa koneksi ke database menggunakan require_once "konmysqli.php".

3. Penanganan Parameter mnu:

   • Mengambil nilai parameter mnu dari URL untuk menentukan halaman yang ditampilkan.
   • Jika tidak ada sesi pengguna yang aktif ($_SESSION["cid"] tidak di-set), pengguna akan diarahkan kembali ke halaman login (login.php).

4. Struktur Halaman HTML:

   • Mendefinisikan dokumen HTML dengan meta tag, title, dan link CSS.
   • Mengimpor skrip JavaScript yang diperlukan untuk fungsionalitas halaman.

5. Wrapper dan Layout:

   • Menggunakan Bootstrap untuk layout responsif.
   • Memuat sidebar dan navbar dari file terpisah (sidebar.php, navbar.php).
   • Menampilkan konten dinamis berdasarkan nilai mnu menggunakan require_once untuk mengambil file yang sesuai.

6. Skrip JavaScript Tambahan:

   • Menambahkan skrip untuk menghasilkan grafik dan interaksi dinamis di halaman, seperti grafik garis dan pemetaan vektor.
   • Mengimpor skrip kaiadmin.min.js untuk logika administrasi tambahan.

Secara keseluruhan, kodingan ini membangun halaman dashboard yang dinamis dengan navigasi berdasarkan nilai mnu, memastikan penggunaan layout responsif dan fungsionalitas JavaScript untuk interaksi yang lebih baik.

Dan untuk halaman halaman yang kami buat adalah aset.php, aset_print.php, barang.php, barang_print.php, jasa.php, jasa_print.php, supplier.php, supplier_print.php, berikut ini kodingan dan penjelasannya :

gambar 12 halaman aset.

Berikut ini adalah kodingan dari file 'aset.php' :

gambar 13 halaman barang.

Berikut ini adalah kodingan dari file 'barang.php' :

gambar 14 halaman jasa.

Berikut ini adalah kodingan dari file 'jasa.php' :

gambar 15 halaman supplier.

Berikut ini adalah kodingan dari file 'supplier.php' :

Semua kodingan diatas memiliki fungsi sebagai berikut :

1. Inisialisasi:

   • Mendefinisikan beberapa variabel awal seperti $pro, $nama_(nama file), $spesifikasi, $status, dan $keterangan.

2. JavaScript:

   • Fungsi PRINT() untuk membuka jendela baru dan mencetak halaman laporan aset.

3. Query SQL untuk ID Aset:

   • Mengambil ID aset terbaru dari tabel tbaset dan menentukan ID aset baru.

4. Formulir Tambah/Ubah Data Aset:

   • Menampilkan formulir untuk menambah atau mengubah data aset berdasarkan kondisi $_GET["pro"].
   • Menampilkan data aset jika mode ubah (ubah).

5. Menampilkan Laporan Data Aset:

   • Menampilkan tabel data aset dari database dengan opsi untuk mencetak, menambah, mengubah, atau menghapus data.

6. Simpan/Ubah Data:

   • Jika formulir disubmit, data baru akan disimpan ke database atau data yang ada akan diubah.

7. Hapus Data:

   • Menghapus data aset dari database berdasarkan ID aset.

Kode ini digunakan untuk mengelola (menambah, mengubah, menampilkan, dan menghapus) data aset dalam sistem berbasis web.

Berikut ini adalah kodingan dari file 'aset_print.php' :

Berikut ini adalah kodingan dari file 'barang_print.php' :

Berikut ini adalah kodingan dari file 'jasa_print.php' :

Berikut ini adalah kodingan dari file 'supplier_print.php' :

Semua kodingan diatas memiliki fungsi sebagai berikut :

1. Inisialisasi:

   • Menyertakan file koneksi database (konmysqli.php) dan CSS untuk styling tabel.

2. Menampilkan Laporan:

   • Membuat tabel laporan aset dengan kolom: No, ID Aset, Nama Aset, Spesifikasi, Status, dan Keterangan.

3. Mengambil dan Menampilkan Data:

   • Menjalankan query untuk mengambil data aset.
   • Menampilkan data aset dalam tabel dengan warna latar belakang bergantian.
   • Jika tidak ada data, menampilkan pesan "Maaf, Data Pengguna belum tersedia...".

Fungsi kode ini adalah untuk menampilkan laporan data aset dalam bentuk tabel.

Sekian aja cerita pengalaman hari kesepuluh PKL dari saya. Mohon maaf apabila ada pengetikkan yang kurang berkenan di hati karena kadang tangan ini khilaf dan terpeleset karena licinnya keyboard yang digunakan. Terima kasih telah membaca.

Wassalamualaikum wr wb