MODUL

WEB PROGRAMMING III

Untuk Mahasiswa Jurusan Sistem Informasi

Disusun oleh :

DWI YUNI UTAMI

STMIK NUSA MANDIRI

2016
 KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT, yang telah

memberikan rahmat dan hidayahnya sehingga Web Programming III ini dapat

terselesaikan dengan baik. Selanjutnya modul ini disusun untuk memberikan

gambaran bagi mahasiswa yang mempelajari pembuatan web programming

dengan perbedaan script dan konsep, yaitu menggunakan OOP.

Tak lupa penulis mengucapkan banyak terima kasih kepada semua

pihak yang telah membantu dengan tenaga dan pikirannya, terima kasih juga

kepada mahasiswa dan semuanya yang tidak bisa disebutkan satu persatu,

yang telah membantu dan mendukung sehingga modul ini dapat selesai sesuai

yang kita inginkan semua.

Penulis menyadari masih banyak kekurangan dalam penyusunan

modul ini. Untuk itu saran dan kritik yang membangun sangat penulis

harapkan guna perbaikan dan pengembangan modul ini ke depan.

Akhir kata penulis berharap semoga modul Web Programing III ini

dapat dipergunakan sebaik-baiknya dan dapat dijadikan referensi untuk

mahasiswa umum yang ingin mempelajari bahasa pemrograman Java

menggunakan program Dreamweaver CS3.

Sukabumi, September 2016

Penulis

ii
 DAFTAR ISI

PERTEMUAN I
KONSEP DASAR WEB DAN OOP .......................................................................1

PERTEMUAN II
PEMBUATAN CLASS DATABASE, ADMIN DAN FORM LOGIN ..................4

PERTEMUAN III
PEMBUATAN HALAMAN ADMINISTRATOR DAN BERANDA ...................8

PERTEMUAN IV
PEMBUATAN CLASS BUKU DAN FORM TAMBAH DATA BUKU ............11

PERTEMUAN V
PEMBUATAN FORM TAMPIL, EDIT DAN HAPUS DATA BUKU ...............14

PERTEMUAN VI
PEMBUATAN CLASS ANGGOTA DAN FORM TAMBAH DATA
ANGGOTA ............................................................................................................19

PERTEMUAN VII
PEMBUATAN FORM TAMPIL ANGGOTA, EDIT DAN HAPUS DATA
ANGGOTA ............................................................................................................22

PERTEMUAN VIII
PEMBUATAN CLASS PINJAM DAN FORM TAMBAH DATA
PEMINJAMAN ...................................................................................................277

PERTEMUAN IX
PEMBUATAN FORM TAMPIL PEMINJAMAN .............................................311

PERTEMUAN X
PEMBUATAN CLASS KEMBALI DAN FORM TAMBAH DATA
PENGEMBALIAN ..............................................................................................344

PERTEMUAN XI
PEMBUATAN FORM TAMPIL PENGEMBALIAN ..........................................37

PERTEMUAN XII
PEMBUATAN LAPORAN BUKU DAN LAPORAN ANGGOTA ....................40

PERTEMUAN XIII
PEMBUATAN LAPORAN PEMINJAMAN DAN LAPORAN
PENGEMBALIAN ................................................................................................42

iii
 PERTEMUAN I

KONSEP DASAR WEB DAN OOP

A. Konsep Dasar Web

1. Website

Menurut Hidayat (2010:2) “Website atau situs adalah sebuah kumpulan

halaman – halaman yang digunakan untuk menampilkan informasi text, gambar

diam atau gerak, animasi, suara, dan atau gabungan dari semuanya, baik yang

bersifat statis maupun dinamis yang membentuk satu halaman web dengan

halaman web yang lainnya disebut Hyperlink, sedangkan text yang dijadikan

media penghubung disebut Hypertext.”

Jenis – jenis web berdasarkan sifat atau style-nya:

a. Website Dinamis, merupakan sebuah website yang menyediakan content atau

isi yang selalu berubah – ubah setiap saat. Bahasa pemrograman yang biasa

digunakan adalah PHP, ASP, .NET dan memanfaatkan database MYSQL.

Contoh dari website dinamis diantaranya, www.detik.com,

www.polinpdg.ac.id, www.artikel-it.com, dan lain – lain.

b. Website Statis, merupakan website yang content – nya sangat jarang diubah.

Bahasa website statis adalah web profile organisasi.

1
B. Konsep Dasar OOP

Menurut Hidayatullah (2014:306) “OOP atau Object Oriented Programming

ialah paradigma atau teknik pemograman yang berorientasikan kepada objek.

Semua data dan fungsi didalam OOP dibagi ke dalam kelas – kelas atau objek –

objek.”

Menurut Rosa dan Salahudin (2013:100) “Metodelogi berorientasi objek

adalah suatustrategi pembangunan perangkat lunak yang mengorganisasikan

perangkat lunak sebagai kumpulan objek yang beisi data dan operasi yang

diberlakukan terhadapnya.”

1. Pengertian Class

Dalam dunia nyata, sebuah objek pasti mempunya karakteristik dan

kebiasaan. Class merupakan sebuah blue print untuk membangun sebuah Object

dan juga yang akan menentukan karakteristik apa yang akan object miliki, tetapi

tidak semua karakteristik tersebut digunakan oleh object.

Contoh sebuah Mobil memiliki warna, bobot, pembuatan dan volume dari

tagki bensin itu semua termasuk kedalam karakteristiknya. Sedangkan mobil

dapat dipercepat, mobil dapat berhenti, suara dari klakson itu termasuk kedalam

kebiasaan objek tersebut. Untuk semua mobil pasti mempunyai karakteristik dan

kebiasaan itu. Dengan adanya OOP, kamu dapat memodelkan ide umum dari

mobil kedalam sebuah Class.

2. Object

Object adalah kumpulan variabel dan fungsi yang digabung menjadi satu

entitas. Entitas tersebut dapat berupa variabel biasa. Objek memiliki 2 elemen

utama, yaitu attributes dan method.

2
 Object adalah contoh khusus dari class Mobil, misalnya anda mempunyai

class mobil, maka anda bisa saja membuat Object pertama dengan nama myCar

dan class kedua dengan nama yourCar yang sama-sama berpacu pada class

Mobil.

3. Properties

Dalam terminologi OOP, karakteristik class atau Object dikenal sebagai

sifat. Properti bisa dibilang seperti sebuah variable yang didalamnya mempunyai

nama dan nilai. Dan beberapa sifat memungkinkan nilainya dapat dirubah atau

tidak sama sekali.

4. Methods

Kebiasaan dari sebuah class atau bisa dibilang sebuah tindakan yang

berkaitan dengan class itu disebut sebagai Methods. Seperti fungsi, beberapa

metode bertindak berdasarkan data eksternal yang diberikan kepada mereka

sebagai argument, tetapi object dari method juga dapat mengakses properties

dari object.

➔ Pengenalan Modifier :

Ada tiga modifier yang biasa digunakan dalam class :

1. Public : Properti dan method dapat diakses oleh kelas itu sendiri oleh

class lain melaui objeknya.

2. Protected : Properti dan method hanya dapat diakses oleh class itu saja

dan turunannya sendiri.

3. Private : Properti dan Method hanya dapat diakses oleh kelas itu

sendiri.

3
 PERTEMUAN II

PEMBUATAN CLASS DATABASE, ADMIN DAN FORM

LOGIN

Untuk contoh projek yang akan dibuat dalam modul ini yaitu projek Sistem

Informasi Perpustakaan dan Database yang akan digunakan adalah mysql

phpMyadmin

➔ Sebelumnya buatlah folder pada htdocss dengan nama “sisfo”

➔ Buatlah database dengan nama “perpustakaan” dan tabel “admin”

➔ Buatlah file dengan nama “class.php” yang akan digunakan untuk membuat

script program class yang ada pada projek sisfo.

4
➔ Buatlah class admin pada file class.php

Pada class admin terdapat 3 methode yaitu :

1. Methode cekuser : sistem akan melakukan cek terhadap username dan

password pada saat user login, jika benar maka akan menampilkan halaman

web index admin dan jika gagal maka akan kembali ke halaman login

2. Methode get_sesi : sistem akan mengambil sesi setelah user berhasil login

3. Methode logout : sistem akan menghapus sesi dan kembali ke halaman login

5
➔ Membuat form login

Setelah membuat database perpustakaan, table admin, class database dan

class admin selanjutnya desain form login (mahasiswa tidak harus terpaku dengan

desain form yang ada, dapat berkreasi sesuai dengan imajinasi masing-masing

mahasiswa)

Simpan dalam folder htdocss → sisfo → index.php

➔ Form login lanjutan

Setelah selesai desain form login kemudian ketikkan script berikut pada

halaman awal file index.php

6
➔ Kemudian buka index.php melalui browser

7
 PERTEMUAN III

PEMBUATAN HALAMAN ADMINISTRATOR DAN

BERANDA

➔ Pembuatan Halaman Administrator

Pada saat user telah berhasil login maka akan menampilkan halaman

admin.php

Simpan dalam folder htdocss → sisfo →admin.php

➔ Lanjutan

Tambahkan script diawal halaman admin.php agar hanya user yang telah

login yang dapat mengakses halaman ini

8
➔ Pembuatan Link Page isi.php

Setelah membuat form login dan halaman admin maka selanjutnya membuat

link page. Link page berisi get yang akan dipanggil berdasarkan nilai yang

digunakan secara global oleh aplikasi yang akan dibuat, sehingga kita tidak perlu

membuat secara satu persatu atau berulang-ulang, dan akan lebih memudahkan

dalam penggunaannya.

Simpan dalam folder htdocss → sisfo → isi.php

9
➔ Pembuatan Tampilan Beranda (home.php)

Kemudian selanjutnya mendesain untuk tampilan beranda

Simpan dalam folder htdocss → sisfo → home.php

➔ Kemudian buka melalui browser

Login terlebih dahulu dan setelah login berhasil maka akan tampil beranda

pada halaman administrator

10
 PERTEMUAN IV

PEMBUATAN CLASS BUKU DAN FORM TAMBAH DATA

BUKU

➔ Buatlah tabel dengan nama buku pada database perpustakaan

➔ Bukalah file class.php kemudian tambahkan class buku pada file tersebut.

11
➔ Pembuatan Form Tambah Data Buku

Simpan dalam folder htdocss → sisfo → buku_add.php

12
➔ Tambahkan script dibawah ini agar hanya user yang telah memiliki akses

yang dapat melakukan tambah data buku.

Letakkan script diawal halaman buku_add.php

➔ Tambahkan script dibawah ini untuk menyimpan data pada tabel buku.

Letakkan script diakhir file buku_add.php

➔ Untuk Melihat Hasil Silahkan Membuka Browser Lalu Ketik :

localhost/sisfo/buku_add.php

13
 PERTEMUAN V

PEMBUATAN FORM TAMPIL BUKU, EDIT DAN HAPUS

DATA BUKU

➔ Pembuatan Halaman Tampil Data Buku

Mahasiswa dapat berkreasi tanpa terpaku dengan desain

Simpan dalam folder htdocs → sisfo → buku.php

➔ Tambahkan script dibawah ini pada awal halaman buku.php agar hanya user

yang telah login yang dapat mengelola data buku

14
➔ Script Lanjutan

15
➔ Hasil dari tampilan buku

16
➔ Pembuatan Form Edit Buku

Simpan dalam folder htdocs → sisfo → buku_edit.php

➔ Script untuk buku_edit.php

17
➔ Tampilan pada saat dijalankan di browser

18
 PERTEMUAN VI

PEMBUATAN CLASS ANGGOTA DAN FORM TAMBAH

DATA ANGGOTA

➔ Buatlah tabel dengan nama anggota pada database perpustakaan

➔ Bukalah file class.php kemudian tambahkan class anggota pada file tersebut

19
➔ Pembuatan Form Tambah Data Anggota.

20
➔ Tambahkan script dibawah ini agar hanya user yang telah memiliki akses

yang dapat melakukan tambah data anggota.

Letakkan script diawal halaman anggota_add.php

➔ Tambahkan script dibawah ini untuk menyimpan data pada tabel anggota.

Letakkan script diakhir file anggota_add.php

➔ Untuk Melihat Hasil Silahkan Membuka Browser Lalu Ketik :

localhost/sisfo/anggota_add.php

21
 PERTEMUAN VII

PEMBUATAN FORM TAMPIL ANGGOTA, EDIT DAN

HAPUS DATA ANGGOTA

➔ Pembuatan Form Tampil Data Anggota

Mahasiswa dapat berkreasi tanpa terpaku dengan desain yang ada pada modul

Simpan dalam folder htdocs → sisfo → anggota.php

➔ Tambahkan script dibawah ini pada awal file anggota.php agar hanya user

yang telah login yang dapat mengelola data anggota

22
➔ Script Lanjutan

23
➔ Hasil dari tampilan anggota

24
➔ Pembuatan Form Edit Anggota
Simpan Dalam Folder htdocs → sisfo → anggota_edit.php

➔ Script untuk anggota_edit.php

25
➔ Tampilan pada saat dijalankan di browser.

26
 PERTEMUAN VIII

PEMBUATAN CLASS PINJAM DAN FORM TAMBAH DATA

PEMINJAMAN

➔ Buatlah tabel dengan nama pinjam pada database perpustakaan

➔ Bukalah file class.php kemudian tambahkan class pinjam pada file tersebut.

27
28
➔ Pembuatan Form Tambah Data Peminjaman

Simpan dalam folder htdocs → sisfo → pinjam_add.php

➔ Tambahkan script dibawah ini agar hanya user yang telah memiliki akses

yang dapat melakukan tambah data pinjam.

Letakkan script diawal halaman pinjam_add.php

➔ Tambahkan script dibawah ini untuk menyimpan data pada tabel pinjam.

Letakkan script diakhir file pinjam_add.php

29
➔ Untuk melihat hasil silahkan membuka browser lalu ketik :
localhost/sisfo/pinjam_add.php

30
 PERTEMUAN IX

PEMBUATAN FORM TAMPIL PEMINJAMAN

➔ Pembuatan Form Tampil Peminjaman

Simpan Dalam Folder htdocs → sisfo → pinjam.php

➔ Tambahkan script dibawah ini pada awal halaman pinjam.php agar hanya

user yang telah login yang dapat mengelola data peminjaman

31
➔ Script Lanjutan

32
➔ Hasil dari tampilan peminjaman

33
 PERTEMUAN X

PEMBUATAN CLASS KEMBALI DAN FORM TAMBAH

DATA PENGEMBALIAN

➔ Buatlah tabel dengan nama kembali pada database perpustakaan

➔ Bukalah file class.php kemudian tambahkan class kembali pada file tersebut

34
35
➔ Pembuatan Form Tambah Data Pengembalian

Mahasiswa dapat berkreasi tanpa terpaku dengan desain yang ada pada modul

Simpan dalam folder htdocs → sisfo → kembali_add.php

➔ Tambahkan script dibawah ini agar hanya user yang telah memiliki akses

yang dapat melakukan tambah data kembali

Letakkan script diawal halaman kembali_add.php

➔ Tambahkan script dibawah ini untuk menyimpan data pada tabel kembali.

Letakkan script diakhir file kembali_add.php

36
 PERTEMUAN XI

PEMBUATAN FORM TAMPIL PENGEMBALIAN

➔ Pembuatan Form Tampil Pengembalian

Mahasiswa dapat berkreasi tanpa terpaku dengan desain yang ada pada modul

Simpan Dalam Folder htdocs → sisfo → kembali.php

➔ Tambahkan script dibawah ini pada awal halaman kembali.php agar hanya

user yang telah login yang dapat mengelola data pengembalian.

37
➔ Script Lanjutan

38
➔ Hasil dari tampilan pengembalian

39
 PERTEMUAN XII

PEMBUATAN LAPORAN BUKU DAN LAPORAN ANGGOTA

➔ Pembuatan Laporan Buku

Buatlah file dan simpan dalam folder htdocss → sisfo → print-buku.php

➔ Untuk melihat hasil silahkan membuka browser lalu ketik :

localhost/sisfo/print-buku.php

40
➔ Pembuatan Laporan Anggota

Simpan dalam folder htdocss → sisfo → print-anggota.php

➔ Untuk melihat hasil silahkan membuka browser lalu ketik :

41
 PERTEMUAN XIII

PEMBUATAN LAPORAN PEMINJAMAN DAN LAPORAN

PENGEMBALIAN

➔ Pembuatan Laporan Peminjaman

Buatlah file dan simpan dalam folder htdocss → sisfo → print-pinjam.php

➔ Untuk melihat hasil silahkan membuka browser lalu ketik :

42
➔ Pembuatan Laporan Pengembalian

Buatlah file dan simpan dalam folder htdocss → sisfo → print-kembali.php

➔ Untuk melihat hasil silahkan membuka browser lalu ketik :

43
 DAFTAR PUSTAKA

Arief, M.Rudianto. 2011. Pemrograman Web Dinamis Menggunakan Php dan

Hidayat, Rahmat. 2010. Cara Praktis Membangun Website. Jakarta : PT Elex

Hidayatullah, Priyanto. 2014. Jauhari Khairul Kawistara. Pemrograman Web.

Nugroho,Bunafit. 2016. Sistem Informasi Perpustakaan. Jakarta : Gava Media.