Tugas Praktikum 13 || Pemrograman Web Dinamis

-

 Fitur Upload,Report (Pdf dan Excel),Import dan Grafik - PHP


Fitur Upload BLOB ke Database

1. Pastikan apache dan mysql pada app xampp sudah di start

2. buka localhost/phpmyadmin pada browser lalu pilih database db_barangku, dan buat table baru dengan nama tb_gambar dan set sebagai berikut :


3. lalu buat folder baru pada directory C:/xampp/htdocs/pw, beri nama Praktikum13

4. Lalu pada folder praktikum13 buat new file koneksiblob.php dengan script sebagai berikut :

5.Selanjutnya membuat form_upload.php dengan script sebagai berikut :

    Saat dijalankan pada browser maka tampilannya seperti ini :

mencoba mengisi gambar
cek pada database apakah sudah masuk atau belum

6. Membuat file image_view.php untuk menampilkan gambar dari database

7. Selanjutnya membuat file tampil_gambar.php untuk menampilkan data hasil upload yang kita lakukan :

saat dijalankan maka tampilanya akan seperti ini :

8.  Lalu membuat file delete_gambar.php dengan script seperti berikut :

coba hapus gambar yang tadi di upload maka akan seperti ini :


Membuat Report PDF dengan Library DomPDF

1. Pertama download library dompdf di : 

https://github.com/dompdf/dompdf/releases/download/v0.8.3/dompdf_0-8-3.zip

lalu ekstrak dan letakkan pada folder Praktikum13.


2. Selanjutnya membuat file reportpdf.php seperti berikut :
saat di jalankan maka akan mendownload file laporan_barang.pdf seperti ini :



Membuat Report Excel dengan Library PHPSpreadsheet 

1. pertama download composer di : https://getcomposer.org/download/ setelah di download install composernya, setelah di install buka command prompt lalu arahkan folder project kita yaitu Praktikum13, kemmudia jalankan perintah composer init seperti berikut :

2. selanjutnya isi data-data seperti berikut :

3. kemudian install library PhpSpreadsheet ke project dengan perintah 'composer require phpoffice/phpspreadsheet' tunggu sampai proses installasi selesai

4.  selanjutnya membuat file reportexcel.php seperti ini :
 Lalu saat di jalankan pada browser localhost/pw/Praktikum13/reportexcel.php, maka hasilnya akan mengexport file excel dengan nama Report-Data-Barang.xlsx
Jika dibuka maka hasilnya seperti ini :



Import Data Excel ke MySQL dengan Library PHPSpreadsheet

1. membuat form_upload_excel.html seperti berikut :
    saat dijalankan tampilan akan seperti ini :

2. lalu membuat file proses_import_excel.php seperti berikut :

Untuk menjalankanya buka localhost/pw/Praktikum13/form_Upload_excel.html lalu pilih file excel yang akan di import

contoh saya mengimport file Data_Barang.xlsx yang isinya seperti ini :

setelah diklik import lihat pada database untuk mengecek apakah data berhasil diimport


Membuat Grafik dengan Chart.js

1. Pertama menyiapkan library chart.js di project kita dengan cara download di 
https://github.com/chartjs/Chart.js/releases/download/v2.8.0/Chart.

2. selanjutnya di databese db_barangku tambahkan tb_penjulan sebagai berikut :
Lalu isi minimal 10 data

3. Kemudian buat file grafik_batang.php seperti ini :

Saat dijalankan akan tampil seperti ini :

4. Kemudian Membuat grafik_bulan.php seperti ini :
    saat dijalankan hasilnya seperti ini :
    


5. Selanjutnya membuat file grafik_pie.php seperti ini :
Saat dijalankan hasilnya seperti ini :


---Selesai---

Komentar

Posting Komentar

Postingan populer dari blog ini

Pertemuan 3 - JavaScript Perulangan

-
Gambar
Perulangan Perulangan akan membantu kita mengeksekusi kode yang berulang-ulang, berapapun yang kita mau. Ada lima macam bentuk perulangan di Javascript. Secara umum, perulangan ini dibagi dua. Yaitu:  counted loop  dan  uncounted loop . Perbedaanya: Counted Loop  merupakan perulangan yang jelas dan sudah tentu banyak perulangannya. Sedangkan  Uncounted Loop , merupakan perulangan yang tidak jelas berapa kali ia harus mengulan. Perulangan yang termasuk dalam  Counted Loop : Perulangan For Perulangan Foreach Perulangan Repeat Perulangan yang termasuk dalam  Uncounted Loop : Perulangan While Perulangan Do/While Perulangan For Perulangan  for  merupakan perulangan yang termasuk dalam  couted loop , karena sudah jelas berapa kali ia akan mengulang. Contoh Script: Hasil: Contoh Script: Hasil: Contoh Script: Hasil: Perulangan While Perulangan  while  merupakan perulangan yang termasuk dalam perulangan  uncounted loop . Perulangan...
Baca selengkapnya

Pertemuan 1 - Cara Penulisan Kode JavaScript

-
Gambar
1. Tag <SCRIPT> cara yang umum dipakai adalah menuliskannya dalam tag <script> dikenal dengan istillah embed. Tag <script> bisa dibuat didalam tag <head>, maupun di dalam tag <body>.            bisa dilihat pada gambar dibawah ini :             2. File External tidak ingin kode javascript bercampurr aduk dengan HTML, kita bisa menuliskannya pada file terpisah, Caranya buatlah sebuah file yang berekstensi .js, misalnya isinya berikut ini :   Kemudian , kita perlu menghubungkan file eksternal tersebut dengan file HTML, caranya, gunakan tag <script> dengan attribute src, untuk menentukan lokasi file javascriptnya, seperti gambar dibawah ini : 3.Atribute Event Cara yang ketiga ini sering digunakan untuk memanggil fungsi pada event tertentu dikenal dengan istilah inline.  Misalnya ketika suatu elemen diklik, maka jalankan fungsi javascript. Con...
Baca selengkapnya