PRAKTIKUM PEMROGRAMAN WEB

MANUAL BOOK
PEMBUATAN WEBSITE DATA MAHASISWA MENGGUNAKAN
CODEIGNITER
Nama Angoota : Luky Ramadhan (53418837)
Kelvin Immanuel Susanto (53418614)
Muhammad Rifqi Erfandira (54418892)
Jurusan : Teknik Informatika
Pembimbing : Diokta Redho Lastin

Diajukan Guna Melengkapi Sebagian Syarat Praktikum Pemrograman Web

Jenjang S1
Universitas Gunadarma
2021
 BAB 1
PENDAHULUAN
1.1 Latar Belakang
Teknologi semakin hari semakin berkembang. Salah satunya adalah, teknologi informasi,
banyak sekali bidang yang memanfaatkan teknologi Informasi. Tuntutan kebutuhan akan
informasi dan penggunaan komputer yang semakin banyak mendorong terbentuknya sebuah
jaringan komputer yangmampu melayani berbagai kebutuhan tertentu.
Jaringan komputer kita kenal dengan nama internet. Internet bisa diakses dan
dimanfaatkan untuk berbagai keperluan, oleh siapa saja dan dimana saja, kapanpun kita mau
menggunakannya. Salah satunya adalah web, yang mampu menyediakan informasi dalam
bentuk teks, gambar, suara, maupun gambar bergerak. Dengan kemampuan sepeti ini,
webmenjadi sangat terkenal dan perkembangannya sangatlah pesat.
Dengan terus berkembangnya roda perkembangan teknologi, web berkembang menjadi
alat bantu yang tidak hanya mampu menyediakaninformasi, namun juga mampu untuk
mengolah informasi. Proses pengolahan informasi dengan memanfaatkan teknologi web
menyebabkan web menjadi media yang dinamis.

1.2 Tujuan
Penulisan ini bertujuan untuk mempermudah dalam proses pembuatan web dan
mengimplemtasikan apa yang penulis pelajari sebelumnya. Penjabaran mengenai Tujuan dari
penulisan tugas ini adalah sebagai berikut :
1. Menerapkan teori yang didapat selama belajar di Laboratorium Teknik Informatika.
2. Mengembangkan ketelitian dan wawasan penulis.
3. Memberikan uraian tentang pemrograman PHP, dan framework CodeIgniter secara
lebih terperinci.
 BAB 2
PEMBAHASAN
2.1 Hyper Text Preprocessor (PHP)
PHP (HyperText Preprocessor) merupakan bahasa pemrogramman berbasis web yang memiliki
kemampuan untuk memroses dan mengolah data secara dinamis. PHP dapat dikatakan sebagai
sebuah serverside embedded script language, artinya semua sintaks dan perintah program yang
anda tulis akan sepenuhnya dijalankan oleh server, tetapi dapat disertakan pada halaman HTML
biasa. Pada umumnya, semua aplikasi yang dibangun menggunakan PHP akan memberikan hasil
pada web browser, tetapi prosesnya secara keseluruhan dijalankan pada server.

2.2 MySQL
MySQl merupakan software yang tergolong database server dan bersifat Open Source
menyatakan bahwa software ini dilengkapi dengan source code (kode yang dipakai untuk
membuat MySQL), selain tentu saja bentuk executable-nya atau kode yang dapat dijalankan
secara langsung dalam sistem operasi, dan bisa diperoleh dengan cara mengunduh di internet
secara gratis. Hal menarik lainnya adalah MySQL juga bersifat multiplatform. MySQL dapat
dijalankan pada berbagai sistem operasi.

2.3 Hypertext Markup Language (HTML)

HTML kependekan dari Hyper Text Markup language adalah standard yang dipakai pada
halaman web. Berdasarkan standard inilah browser bisa memahami isi suatu dokumen yang
berasal dari web server. HTML bekerja dengan menggunakan HTTP (HyperText Transfer
Protocol), yaitu protocol komunikasi yang memungkinkan web server berkomunikasi dengan
web browser.

2.4 CodeIgniter
CodeIgniter adalah salah satu bentuk framework yang dapat dieksekusi lebih cepat dibandingkan
dengan framework lainnya. Codeigniter menyediakan fasilitas penunjang aplikasi website,
sehingga waktu pembuatan menjadi lebih efisien.
 BAB 3
ANALISIS DAN PEMBAHASAN
3.1 Awalan
Projek yang akan kami buat adalah web data mahasiswa, yang dibuat menggunakan
gabungan dari IDE, CodeIgniter dan Xampp. Pertama-tama kami akan melakukan instalasi
terhadap IDE yang akan digunakan yaitu VSCode, program pendukung web server lokal yaitu
Xampp, dan aplikasi penunjang website yaitu CodeIgniter yang akan diintegrasikan dengan
Xampp setelah instalasi CodeIgniter selesai. Kemudian kami akan membuat file-file php baru
yang akan diberi pengaturan-pengaturan dasar, seperti welcome.php yang diganti namanya
menjadi pweb.php, penambahan nama database pada database,php dan pengaturan lain pada
routes.php, URI.php serta config.php. Berikut adalah contoh pengaturan yang kami lakukan pada
database.php.

Gambar 1.1 Konfigurasi database.php

3.2 Pweb.php
Pertama-tama akan didefinisikan kelas bernama pweb (sama dengan nama file php-nya
yaitu pweb.php), yang meng-extends CI_controller. Kemudian, didalamnya dibuat fungsi-fungsi
baru seperti :
- __construct = digunakan untuk me-load model M_pweb.
- index = digunakan menampilkan halaman home
- login = digunakan menampilkan halaman login
- _login = digunakan untuk mengecek apakah user dan password sesuai dengan data pada
database dan mengecek apakah user sudah login atau belum, karena jika belum login user
tidak akan bisa mengakses halaman lain selain dari halaman login itu sendiri.
- logout = digunakan untuk keluar dari session (keluar setelah login)
- tambah = digunakan menampilkan halaman tambah (update)
- edit = digunakan menampilkan halaman edit
- delete = digunakan menampilkan halaman delete

Gambar 1.2 Fungsi-fungsi pada pweb.php (1)

Gambar 1.3 Fungsi-fungsi pada pweb.php (2)
 Gambar 1.4 Fungsi-fungsi pada pweb.php (3)

Gambar 1.5 Fungsi-fungsi pada pweb.php (4)

3.3 M_pweb.php
Buat kelas baru bernama M_pweb yang meng-extends CI_model, didalamnya akan dibuat
fungsi CRUD dan fungsi lain, seperti :
- read = digunakan untuk membaca data dari tabel mahasiswa.
- create = menambahkan data baru kedalam tabel mahasiswa, yang terdiri dari nama, npm,
kelas, alamat. Setelah data selesai ditambahkan, akan muncul notifikasi pemberitahuan
bahwa data mahasiswa berhasil ditambahkan.
- get_row = mengambil data, dimana akan dihitung ada berapa baris data.
- update = memperbarui data mahasiswa yang sudah diinput sebelumnya. Setelah data
selesai diubah, akan muncul notifikasi pemberitahuan bahwa data mahasiswa berhasil
diubah.
- hapus = menghapus data mahasiswa yang sudah diinput sebelumnya. Setelah data selesai
dihapus, akan muncul notifikasi pemberitahuan bahwa data mahasiswa berhasil diubah.

Gambar 1.6 Fungsi-fungsi pada M_pweb.php (1)

 Gambar 1.7 Fungsi-fungsi pada M_pweb.php (2)

Gambar 1.8 Fungsi-fungsi pada M_pweb.php (3)

3.4 Login.php
login.php adalah tempat dimana tampilan halaman login itu dibuat, beserta dengan pesan-
pesan notifikasi jika ada kesalahan dalam penginputan username atau password.
 Gambar 1.9 Kodingan tampilan halaman login (1)

Gambar 1.10 Kodingan tampilan halaman login (2)

3.5 Home.php
 home.php adalah tempat dimana tampilan halaman utama yang berisi tabel data
mahasiswa, beserta dengan pesan-pesan notifikasi jika ada perubahan yang dilakukan terhadap
isi tabel.

Gambar 1.11 Kodingan tampilan halaman utama (1)

Gambar 1.12 Kodingan tampilan halaman utama (2)

3.6 Tambah.php
tambah.php adalah tempat dimana tampilan halaman tambah yang berisi form untuk
menambahkan data mahasiswa baru ke dalam database, beserta dengan pesan-pesan notifikasi
jika ada bagian dari form tambah yang belum di isi.

Gambar 1.13 Kodigan tampilan halaman tambah (1)

 Gambar 1.14 Kodigan tampilan halaman tambah (2)
3.7 Edit.php
edit.php adalah tempat dimana tampilan halaman tambah yang berisi form untuk
mengubah data mahasiswa yang sudah di input ke dalam database, beserta dengan pesan-pesan
notifikasi jika ada bagian dari form edit yang belum di isi.

Gambar 1.15 Kodingan tampilan halaman edit (1)

 Gambar 1.16 Kodingan tampilan halaman edit (2)
BAB 4
PENUTUP

4.1 Penutup
Dengan adanya praktikum ini mahasiswa diharapkan dapat membuat website sederhana
dengan fungsi CRUD menggunakan php, html, mysql, dan framework CodeIgniter. Berdasarkan
semua hal yang telah dilakukan oleh kelompok kami dalam proses pembuatan website ini, bisa
disimpulkan bahwa game novel visual “A New Path” telah berhasil dibuat menggunakan
Ren’Py. Website ini dibuat hanya sebagai sarana pencatatan daftar mahasiswa.
4.2 Saran
Lebih teliti saat melakukan pengetikan kodingan, karena beberapakali ditemukan
kesalahan kecil yang mengakibatkan halaman tertentu tidak muncul. Serta menurut kami,
tampilan website dapat diperbagus lagi menggunakan CSS.