PRAKTIKUM PEMROGRAMAN WEB

MANUAL BOOK
“Database Daftar Mahasiswa”

Nama Anggota :

1. Pradnya Krisnasari Kridono (54417720)

2. Rizqi Amalia Rais (55417367)

Kelas : 4IA11
Fakultas : Teknologi Industri
Jurusan : Teknik Informatika
PJ : (Sisy Agnia R)

Ditulis Guna Melengkapi Sebagian Syarat Praktikum Pemrograman Web Jenjang S1

Universitas Gunadarma

2020

1
 DAFTAR ISI

DAFTAR ISI ................................................................................................................................... 2

BAB I .............................................................................................................................................. 3
PENDAHULUAN........................................................................................................................... 3
1.1 Latar Belakang ...................................................................................................................... 3
1.2 Tujuan ................................................................................................................................... 3
BAB II ............................................................................................................................................. 4
PEMBAHASAN ............................................................................................................................. 4
2.1 Pemrograman Web................................................................................................................ 4
2.1.1 Website........................................................................................................................... 4
2.1.2 Web Server..................................................................................................................... 5
2.1.3 Web Browser.................................................................................................................. 6
2.2 Bahasa Pemrograman............................................................................................................ 6
2.2.1 Hypertext Markup Language (HTML) .......................................................................... 6
2.2.2 PHP ................................................................................................................................ 7
2.3 Basis Data ............................................................................................................................. 7
2.3.1 MySql ............................................................................................................................. 7
2.4 Software Pendukung ............................................................................................................. 8
2.4.1 Phpmyadmin .................................................................................................................. 8
2.4.2 WAMP ........................................................................................................................... 8
2.4.3 Sublime Text .................................................................................................................. 8
BAB III.......................................................................................................................................... 10
ANALISA DAN PERANCANGAN ............................................................................................ 10
3.1 Tahap Pembangunan Sistem ............................................................................................... 10
BAB IV ......................................................................................................................................... 20
PENUTUP ..................................................................................................................................... 20
4.1 Kesimpulan ......................................................................................................................... 20
4.2 Saran.................................................................................................................................... 20

2
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Dengan memanfaatkan kemajuan teknologi sangat penting bagi suatu perusahaan, bahkan di
jaman seperti sekarang ini hampir semua perusahaan mempunyai website untuk berbagai
keperluan. Dengan memanfaatkan website, perusahaan dapat mengurangi pekerjaan yang
sebelumnya menggunakan sistem manual. Sistem manual memang bagus untuk perusahaan kecil
tetapi untuk perusahaan maju dan berkembang haruslah menggunakan sistem yang ter-otomatisasi
karena tidak memungkinkan jika menggunakan sistem manual secara terus - menerus, karena suatu
data pasti bertambah banyak seiring dengan waktunya.

Website saat ini muncul karena adanya kebutuhan pasar serta masyarakat yang semakin
tinggi dibidang teknologi. Website saat ini tidak hanya menyediakan jasa atau sebagai company
profile terhadap suatu perusahaan, tetapi juga menjadi tempat jual dan beli, hiburan, forum, dan
berbagai kreativitas lainnya yang dapat menunjang dan memiliki daya tarik lebih untuk menarik
pasar dan konsumennya agar memakai jasanya atau sekedar melihat.

Website merupakan keseluruhan halaman web yang mengandung informasi yang sangat
besar yang terdapat dalam sebuah domain. Informasi yang ada di dalam web dipresentasikan ke
dalam sebuah halaman web yang terbentuk dari sekumpulan teks, grafik, gambar, suara, dan video.

1.2 Tujuan
Tujuan dari penulisan ini adalah merancang suatu web sederhana agar mampu menambah,
memperbaharui, menyimpan dan menampilkan data daftar mahasiswa yang disimpan dalam
database.

3
 BAB II

PEMBAHASAN

2.1 Pemrograman Web

Pemrograman web diambil dari 2 suku kata yaitu pemrograman dan web. Pemrograman
diartikan proses, cara, perbuatan program. Definisi Web : jaringan komputer yang terdiri dari
kumpulan situs internet yang menawarkan teks dan grafik dan suara dan sumber daya animasi
melalui protokol transfer hypertext.

Orang banyak mengenal web dengan istilah WWW (world wide web), World Wide Web
adalah layanan internet yang paling populer saat ini internet mulai dikenal dan digunakan secara
luas setelah adanya layanan WWW. WWW adalah halaman-halaman website yang dapat saling
terkoneksi satu dengan lainnya (hyperlink) yang membentuk samudra belantara informasi. WWW
berjalan dengan protokol HyperText Transfer Protokol (HTTP).
Halaman Web merupakan file teks murni (plain text) yang berisi sintaks-sintaks HTML yang
dapat dibuka/ dilihat/ diterjemahkan dengan Internet Browser. Sintaks HTML mampu memuat
konten text, gambar, audio, video dan animasi.

2.1.1 Website
Website adalah sering juga disebut Web, dapat diartikan suatu kumpulan-kumpulan halaman
yang menampilkan berbagai macam informasi teks, data, gambar diam ataupun bergerak, data
animasi, suara, video maupun gabungan dari semuanya, baik itu yang bersifat statis maupun yang
dinamis, yang dimana membentuk satu rangkaian bangunan yang saling berkaitan dimana masing-
masing dihubungkan dengan jaringan halaman atau hyperlink.

Atau definisi website adalah kumpulan dari berbagai macam halaman situs, yang terangkum
didalam sebuah domain atau juga subdomain, yang lebih tempatnya berada di dalam WWW
(World Wide Web) yang tentunya terdapat di dalam Internet. Halaman website biasanya berupa
dokumen yang ditulis dalam format Hyper Text Markup Language (HTML), yang bisa diakses

4
melalui HTTP, HTTP adalah suatu protokol yang menyampaikan berbagai informasi dari server
website untuk ditampilkan kepada para user atau pemakai melalui web browser.

Jenis-jenis website ada 3 (tiga) macam diantaranya, bisa dibaca dibawah ini:

• Website Statis
Adalah suatu website yang mempunyai halaman yang tidak berubah. Yang artinya adalah
untuk melakukan sebah perubahan pada suatu halaman hanya bisa dilakukan secara manual
yitu dengan cara mengedit kode-kode yang menjadi struktur dari website itu sendiri.
• Website Dinamis
Adalah merupakan suatu website yang secara strukturnya diperuntukan untuk update
sesering mungkin. Biasanya selain dimana utamanya yang bisa diakses oleh para pengguna
(user) pada umumnya, juga telah disediakan halaman backend yaitu untuk mengedit
kontent dari website tersebut. Contoh dari website dinamis seperti web berita yang
didalamnya terdapat fasilitas berita, dsb.
• Website Interaktif
Adalah suatu website yang memang pada saat ini memang terkenal. Contohnya website
interaktif seperti forum dan blog. Di website ini para pengguna bisa berinteraksi dan juga
beradu argument mengenai apa yang menjadi pemikiran mereka.

2.1.2 Web Server

Web server adalah sebuah software yang memberikan layanan berbasis data dan berfungsi
menerima permintaan dari HTTP atau HTTPS pada klien yang dikenal dan biasanya kita kenal
dengan nama web browser (Mozilla Firefox, Google Chrome) dan untuk mengirimkan kembali
yang hasilnya dalam bentuk beberapa halaman web dan pada umumnya akan berbentuk dokumen
HTML.
Salah satu contoh dari Web Server adalah Apache. Apache (Apache Web Server – The
HTTP Web Server) merupakan web server yang paling banyak dipergunakan di Internet. Program
ini pertama kali didesain untuk sistem operasi lingkungan UNIX. Apache mempunyai program

5
pendukung yang cukup banyak. Hal ini memberikan layanan yang cukup lengkap bagi
penggunanya.

Beberapa dukungan Apache :

• Kontrol Akses
Kontrol ini dapat dijalankan berdasarkan nama host atau nomor IP CGI (Common Gateway
Interface) Yang paling terkenal untuk digunakan adalah perl (Practical Extraction and
Report Language), didukung oleh Apache dengan menempatkannya sebagai modul
(mod_perl)
• PHP (Personal Home Page/PHP Hypertext Processor)
Program dengan metode semacam CGI, yang memproses teks dan bekerja di server.
Apache mendukung PHP dengan menempatkannya sebagai salah satu modulnya
(mod_php). Hal ini membuat kinerja PHP menjadi lebih baik
• SSI (Server Side Includes)

2.1.3 Web Browser

Web browser merupakan aplikasi yang bisa menjelajahi, menyajikan, maupun mengambil
konten yang ada di berbagai sumber informasi pada jaringan internet atau WWW. Pengertian dari
web browser juga sering disebut dengan suatu perangkat lunak dengan fungsi yang dimilikinya
sebagai penerima, pengakses, penyaji berbagai informasi di internet.

2.2 Bahasa Pemrograman

2.2.1 Hypertext Markup Language (HTML)

HTML adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web
dan menampilkan berbagai informasi di dalam sebuah Web Browser. Bermula dari sebuah bahasa
yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan
SGML, HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman
web dan HTML kini merupakan standar Internet yang saat ini dikendalikan oleh World Wide Web
Consortium (W3C). Versi terakhir dari HTML adalah HTML 4.01, meskipun saat ini telah
berkembang XHTML yang merupakan pengembangan dari HTML.

6
2.2.2 PHP
PHP Adalah bahasa scripting server-side, Bahasa pemrograman yang digunakan untuk
mengembangkan situs web statis atau situs web dinamis atau aplikasi Web. PHP singkatan
dari Hypertext Pre-processor, yang sebelumnya disebut Personal Home Pages.
Script sendiri merupakan sekumpulan instruksi pemrograman yang ditafsirkan pada saat
runtime. Sedangkan Bahasa scripting adalah bahasa yang menafsirkan skrip saat runtime. Dan
biasanya tertanam ke dalam lingkungan perangkat lunak lain.
Karena php merupakan scripting server-side maka jenis bahasa pemrograman ini nantinya
script/program tersebut akan dijalankan/diproses oleh server. Berbeda dengan javascript yang
client-side.
PHP adalah bahasa pemrograman umum yang berarti php dapat disematkan ke dalam kode
HTML, atau dapat digunakan dalam kombinasi dengan berbagai sistem templat web, sistem
manajemen konten web, dan kerangka kerja web.

2.3 Basis Data

Database adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik
sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari
basis data tersebut. Database adalah representasi kumpulan fakta yang saling berhubungan
disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu,
untuk memenuhi berbagai kebutuhan.

Database merupakan sekumpulan informasi yang saling berkaitan pada suatu subjek tertentu
pada tujuan tertentu pula. Database adalah susunan record data operasional lengkap dari suatu
organisasi atau perusahaan, yang diorganisir dan disimpan secara terintegrasi dengan
menggunakan metode tertentu dalam komputer sehingga mampu memenuhi informasi yang
optimal yang dibutuhkan oleh para pengguna.

2.3.1 MySql
MySQL adalah sebuah DBMS (Database Management System) menggunakan perintah SQL
(Structured Query Language) yang banyak digunakan saat ini dalam pembuatan aplikasi berbasis
website. MySQL dibagi menjadi dua lisensi, pertama adalah Free Software dimana perangkat

7
lunak dapat diakses oleh siapa saja. Dan kedua adalah Shareware dimana perangkat lunak
berpemilik memiliki batasan dalam penggunaannya.
MySQL termasuk ke dalam RDBMS (Relational Database Management System). Sehingga,
menggunakan tabel, kolom, baris, di dalam struktur database -nya. Jadi, dalam proses pengambilan
data menggunakan metode relational database. Dan juga menjadi penghubung antara perangkat
lunak dan database server.

2.4 Software Pendukung

2.4.1 Phpmyadmin
Phpmyadmin adalah sebuah aplikasi open source yang berfungsi untuk memudahkan
manajemen MySQL. Dengan menggunakan phpmyadmin, anda dapat membuat database,
membuat tabel, menginsert, menghapus dan mengupdate data dengan GUI dan terasa lebih mudah,
tanpa perlu mengetikkan perintah SQL secaramanual.
PHPMyAdmin merupakan front-end MySQL berbasis web. PHPMyAdmin dibuat dengan
menggunakan PHP. Saat ini, PHPMyAdmin banyak digunakan dalam hampir semua penyedia
hosting yang ada di internet. PHPMyAdmin mendukung berbagai fitur administrasi MySQL
termasuk manipulasi database, tabel, index dan juga dapat mengeksport data ke dalam berbagai
format data. PHPMyAdmin juga tersedia dalam 50 bahasa lebih, termasuk bahasa Indonesia.

2.4.2 WAMP
WAMP adalah singkatan untuk Windows (OS), Apache (web server), MySQL (database), PHP
(bahasa). Keuntungan terbaik menggunakan wamp adalah bahwa sangat mudah untuk setup
konfigurasi di wamp.

2.4.3 Sublime Text

Sublime Text adalah aplikasi editor untuk kode dan teks yang dapat berjalan diberbagai
platform operating system dengan menggunakan teknologi Phyton API.
Sublime Text mendukung berbagai bahasa pemrograman dan mampu menyajikan
fitur syntax highlight hampir di semua bahasa pemrogramman yang
didukung ataupun dikembangkan oleh komunitas seperti; C, C++, C#, CSS, D,
Dylan, Erlang, HTML, Groovy, Haskell, Java, JavaScript, LaTeX, Lisp, Lua, Markdown,
MATLAB, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile

8
and XML. Biasanya bagi bahasa pemrograman yang didukung ataupun belum
terdukung secara default dapat lebih dimaksimalkan atau didukung dengan
menggunakan add-ons yang bisa didownload sesuai kebutuhan user.

9
 BAB III

ANALISA DAN PERANCANGAN

Dalam bab ini akan membahas mengenai beberapa tahapan dalam membangun sebuah website
yaitu analisa dan perancangan.

3.1 Tahap Pembangunan Sistem

Pada tahap ini rancangan web yang sudah dibuat mulai dikerjakan dan diimplementasikan.

Langkah pertama yang harus dilakukan adalah menginstall beberapa software pendukung yang
diperlukan seperti WAMP dan Sublime (text editor) pada laptop atau PC yang akan digunakan.
Jika semua software yang diperlukan sudah terinstall dan dapat dijalankan kemudian buka WAMP
Control Panel dan aktifkan dengan meng-klik tombol “Run as administrator” seperti pada gambar
dibawah ini.

Setelah module berhasil diaktifkan langkah selanjutnya adalah membuka folder “wamp” yang
tersimpan didalam Local Disk (C:). Kemudian buka folder “www” dan buat sebuah folder baru
yang bernama “crud-mahasiswa”. Folder ini nantinya akan diisi dengan file-file yang berisi
source code untuk membangun website tersebut. Untuk penyimpanan dan isi dari folder “crud-
mahasiswa” dapat dilihat pada gambar dibawah ini.

10
Pada file “tampil_mahasiswa.php”, source kode dibawah ini berguna untuk menambahkan atau
mengganti untuk judul yang ingin ditampilkan.

Pada file “tampil_mahasiswa.php”, source kode dibawah ini berguna untuk membuat panel “Daftar
Mahasiswa” yang nantinya akan diisi dengan button dan database mahasiswa.

Pada file “tampil_mahasiswa.php”, source kode dibawah ini berguna untuk membuat tabel Daftar
Mahasiswa yang berisi No, NIM, Nama Mahasiswa, Alamat, Telp dan Pilihan.

11
Pada file “tampil_mahasiswa.php”, source kode dibawah ini berguna untuk mengisi index dari
tabel yang dibuat.

Pada file “tampil_mahasiswa.php”, source kode dibawah ini berguna untuk menambahkan button
Ubah dan Hapus.

phpMyAdmin

Kemudian pilih New

12
Kemudian akan muncul tampilan untuk create database, buat Basis Data baru dengan nama
“mahasiswa_db”.

Kemudian import file “mahasiswa_db”

Pilih file yang akan diimport. Buka Local Disk (C:) → buka folder wamp → pilih folder www→
pilih folder crud-mahasiswa → pilih file mahasiswa → klik open → scroll ke bawah dan klik kirim.

13
Setelah itu buka folder mahasiswa_db dan akan muncul tampilan seperti gambar dibawah ini.

14
Lalu jalankan program seperti gambar dibawah ini

Lakukan penambahan data mahasiswa dengan cara meng-klik button Tambah Data. Setelah dikilk
maka akan muncul form Tambah Data mahasiswa seperti pada gambar dibawah ini.

15
Masukkan data baru seperti pada gambar dibawah ini kemudian simpan data.

Dapat dilihat perubahan data setelah ditambahkan data baru.

16
Lakukan update data dengan memperbaharui data daftar mahasiswa dngan nim 51288921

Lakukan update data dengan mengubah alamat.

17
Dapat dilihat perubahan data pada gambar dibawah ini.

Lakukan perubahan data dengan menghapus data daftar mahasiswa dengan nim 55497876

18
Setelah mengklik button hapus.

19
 BAB IV

PENUTUP

4.1 Kesimpulan
Dengan adanya praktikum pemrograman web ini dapat menambah pengetahuan dalam
membuat web, sehingga dalam penulisan ini dibuatlah web sederhana yang mengelola data
mahasiswa ke database dengan sistem real time yang dapat melakukan create, input, update, dan
delete.

4.2 Saran
Dalam penulisan ini masih terdapat banyak kekurangan, dalam penulisannya maupun
pembuatan web yang memiliki tampilan masih sederhana.

20