Laporan Praktikum Pemrograman Web - Fitur Upload, Report (pdf dan excel), Import dan Grafik

 

LAPORAN PRAKTIKUM

PEMROGRAMAN WEB DINAMIS

PMI1312

MINGGU 13

Dosen Pengampu :

Bpk Tri Sandika Jaya, S.Kom., M.Kom.

Di  Susun  Oleh :

                                    NAMA            : Ahmad Fajar Irawan

                                    NPM               : 19753004

 

MENEJEMEN INFORMATIKA

JURUSAN EKONOMI DAN BISNIS

POLITEKNIK NEGERI LAMPUNG

2020

 

Kata Pengantar

Puji syukur kehadirat Allah SWT, atas segala limpahan rahmat, nikmat dan karunia-Nya yang tak ternilai dan tak dapat dihitung. Saya dapat menyusun dan membuat laporan ini. Laporan ini disusun untuk memenuhi tugas mata kuliah  Pemrograman Web Dinamis.

Dalam membuat laporan ini masih jauh dari kata sempurna. Untuk itu, saya menghaturkan maaf jika ada kesalahan dalam laporan ini. Pembaca bisa membuat keputusan yang dapat memberikan kritikan dan sarannya untuk saya agar di kemudian hari saya bisa membuat laporan yang lebih semprurna lagi.

Akhir kata, saya ucapkan terima kasih kepada berbagai pihak yang telah dapat membantu dalam pembuatan laporan ini.

 

Sekampung Udik, 04 Desember  2020

 

BAB I

PENDAHULUAN

A.    Latar Belakang

Istilah-istilah yang akan sering dijumpai dalam OOP adalah Class, Object, Property, dan Method. Membuat aplikasi dengan menggunakan konsep OOP bisa diibaratkan dalam dunia  nyata  dengan  membuat  atau  memproduksi  mobil.  Yang mana  sebelum membuat mobil, diperlukan adanya desain atau sketsa tampilan mobil, inilah yang disebut  dengan Class. Sketsa  tersebut  menggambarkan  tentang  warna,  ukuran, jumlah  roda  dari  mobil,  inilah  yang  disebut  dengan Property.  Sketsa  tersebut  juga menjelaskan tentang apa yang nantinya bisa dilakukan oleh mobil seperti berjalan dengan  roda,  mengerem,  membunyikan  klakson  dsb..,  apa  yang  bisa  dilakukan  oleh mobil  inilah  yang  disebut  dengan Method.  Kemudian,  sketsa  tersebut dikirimkan ke pabrik untuk dibuatkan bentuk fisiknya yaitu mobil, mobil – mobil hasil produksi inilah yang disebut dengan Object.

 

B.     Rumusan

Guna mengatahui tentang php – fitur  upload, Report (pdf dan excel), import dan grafik.

 

C.    Tujuan

Guna mengatahui tentang php – fitur  upload, Report (pdf dan excel), import dan grafik, dan memenuhi tugas pada mata kuliah Pemrograman Web Dinamis Manajemen Informatika 3A

 

BAB II

LANDASAN

A.    Landasan

Fitur ini biasanya digunakan untuk membuat fitur upload berkas, baik itu berkas bisa berupa image, dokumen, serta berkas – berkas lainnya.

Istilah-istilah yang akan sering dijumpai dalam OOP adalah Class, Object, Property, dan Method. Membuat aplikasi dengan menggunakan konsep OOP bisa diibaratkan dalam dunia  nyata  dengan  membuat  atau  memproduksi  mobil.  Yang mana  sebelum membuat mobil, diperlukan adanya desain atau sketsa tampilan mobil, inilah yang disebut  dengan Class. Sketsa  tersebut  menggambarkan  tentang  warna,  ukuran, jumlah  roda  dari  mobil,  inilah  yang  disebut  dengan Property.  Sketsa  tersebut  juga menjelaskan tentang apa yang nantinya bisa dilakukan oleh mobil seperti berjalan dengan  roda,  mengerem,  membunyikan  klakson  dsb..,  apa  yang  bisa  dilakukan  oleh  mobil  inilah  yang  disebut  dengan Method.  Kemudian,  sketsa  tersebut dikirimkan ke pabrik untuk dibuatkan bentuk fisiknya yaitu mobil, mobil – mobil hasil produksi inilah yang disebut dengan Object.

BAB II

PEMBAHASAN

A.    Upload dan Menyimpan Blob

1.      Membuat Database

·         Pastikan untuk service MySQL sudah berjalan di xampp control panel

·         Lalu silahkan akses phpmyadmin melalui alamat http://localhost/phpmyadmin, berikutnya kita buat table di database db_barangku.

·         Berikutnya silahkan buat tabel yang digunakan untuk menyimpan datanya, dalam contoh ini tabelnya kita beri nama tb_gambar, untuk jumlah kolom isikan 6, lalu klik tombol kirim.

Keterangan :

a)      id_gambar (integer) digunakan sebagai primary key dengan auto increment

b)      gambar (blob) kolom in digunakan untuk menyimpan file yang diupload ke database

c)      nama_gambar (varchar 255) kolom ini digunakan untuk menyimpan nama file yang diupload

d)     tipe_gambar (varchar 255) digunakan untuk menyimpan tipe / format file

e)      ukuran_gambar (integer) digunakan untuk menyimpan ukuran dari file yang diupload

f)       keterangan (varchar 255) digunakan untuk menyimpan keterangan dari file yang diupload

Setelah itu klik simpan/save

2.      form Koneksi

membuat file dengan nama koneksiblob.php dan simpan di /xampp/htdocs/. Dan tuliskan script sebagai berikut.

3.      form Upload

membuat file dengan nama form_upload.php dan simpan di /xampp/htdocs/. Dan tuliskan script sebagai berikut.

Output nya adalah

4.      form menampilkan gambar

Sebelum kita menampilkan data gambar dari database, kita akan membuat dulu file image_view.php dimana didalamnya akan berisi fungsi untuk menkonversi nilai di kolom gambar dengan tipe blob, menjadi sebuah image yang bisa ditampilkan di browser, silahkan buka file image_view.php dan isikan skrip dibawah ini :

5.      form upload gambar

membuat file dengan nama tampil_gambar.php dan simpan di /xampp/htdocs/. Dan tuliskan script sebagai berikut.

Output nya adalah

6.      Delete

Berikutnya untuk fitur menghapus data di tabel tb_gambar, kita akan menggunakan file delete_gambar.php untuk memproses delete datanya, silahkan buka file delete_gambar.php, lalu isikan skripnya seperti berikut ini :

A.    Report PDF

1.      Kita gunakan File Koneksiblob ke database db_barangku

Silahkan Buka file dengan nama koneksiblob.php, lalu tuliskan skrip seperti dibawah ini :

2.       Membuat File report.php

Silahkan buka file report.php menggunakan text edit, lalu isikan code seperti berikut ini :

B.     Report Excel

1.      Kita gunakan File Koneksiblob ke database db_barangku

Silahkan Buka file dengan nama koneksiblob.php, lalu tuliskan skrip seperti dibawah ini :

2.      form report excel

Berikutnya kita akan membuat file reportdataexcel.php, yang digunakan untuk pembuatan fitur export data siswa berupa report excel, baik silahkan buat file dengan nama reportdataexcel.php dengan isi code sebagai berikut :

Output nya adalah

A.    Impor

1.      Kita gunakan File Koneksiblob ke database db_barangku

Silahkan Buka file dengan nama koneksiblob.php, lalu tuliskan skrip seperti dibawah ini :

2.      Form Upload Exel

membuat file dengan nama form_upload_excel.html dan simpan di /xampp/htdocs/. Dan tuliskan script sebagai berikut.

3.      Membuat pemrosesan form upload

Silahkan buka file proses_import_excel.php di folder project, lalu isikan dengan code seperti dibawah ini :

Hasil

A.    Grafik Database

1.      Kita gunakan File Koneksiblob ke database db_barangku

Silahkan Buka file dengan nama koneksiblob.php, lalu tuliskan skrip seperti dibawah ini :

2.      Membuat Grafik Penjualan Per Barang

Berikutnya kita akan membuat grafik Penjualan Perbarang, silahkan buka file grafik_batang.php, lalu isikan code dibawah ini :

3.      Membuat Laporan Penjualan Per Bulan

Berikutnya kita akan membuat laporan penjualan per bulan, silahkan buka file grafik_bulan.php, lalu isikan code dibawah ini :

Outoutnya

4.      Membuat Grafik PIE

 Berikutnya kita akan membuat grafik PIE untuk menampilkan presentase penjualan dengan bentuk PIE, baik silahkan buka file grafik_pie.php yang sebelumnya telah kita buat, lalu isikan dengan code dibawah ini :

Maka outputnya adalah

BAB IV

PENUTUP

Fitur ini biasanya digunakan untuk membuat fitur upload berkas, baik itu berkas bisa berupa image, dokumen, serta berkas – berkas lainnya.