LAPORAN PRAKTIKUM

PROJECT 2
APLIKASI LOGIN MAHASISWA DAN DOSEN

Dosen Pengampu : Akhmad Maulidi, ST, M.T.

Disusun oleh:
Nama : Wisnu Adi Brata Pamungkas
NRP : 33312301008
Jurusan : Teknologi Kemaritiman
Prodi : D3 Teknik Bangunan Kapal

POLITEKNIK NEGERI MADURA

1
 2023
KATA PENGANTAR
Assalamualaikum wr.wb

Puji Syukur kehadirat Allah SWT atas begitu banyak nikmat yang telah
dilimpahkan berupa kesehatan sehingga kita dapat menyelesaikan laporan
praktikum pemrograman komputer ini bisa saya selesaikan.
Puji Syukur kehadirat Allah SWT atas begitu banyak nikmat yang telah
dilimpahkan berupa kesehatan sehingga kita dapat menyelesaikan
Dalam penyusunannya, saya mengucapkan banyak terimakasih kepada bapak Didi
yang telah memberikan bimbingan, dukungan, kasih, dan kepercayaan yang
begitu besar. Dukungan dari keluarga dan juga teman-teman dekat juga membuat
saya bersemangat dalam menyelesaikan laporan ini. Semoga laporan praktikum
Pemrograman Komputer ini memberikan sedikit kebahagiaan dan menuntun pada
Langkah yang lebih baik lagi.
Meskipun saya berharap isi dari laporan praktikum saya ini bebas dari kekurangan
dan kesalahan, namun kesempurnaan itu sepertinya hal yang mustahil. Oleh
karena itu, saya mengharapkan kritik dan saran yang membangun agar tugas
makalah praktikum Pemrograman Komputer ini dapat lebih baik lagi.
Akhir kata saya mengucapkan terimakasih, semoga hasil laporan praktikum saya
ini bermanfaat

Wassalamualaikum wr.wb

Sampang, 02 Januari 2024

Wisnu Adi Brata Pamungkas

2
 DAFTAR ISI
KATA PENGANTAR..............................................................................................................2
BAB I...................................................................................................................................3
PENDAHULUAN..................................................................................................................3
1.1 Tujuan.................................................................................................................3
1.2 Manfaat yang diperoleh.....................................................................................4
1.3 Rumusan Masalah..............................................................................................4
BAB II..................................................................................................................................4
PROGRAM..........................................................................................................................4
2.1 Struktur php.......................................................................................................5
2.2 Fungsi project.....................................................................................................5
2.3 Script dari masing-masing struktur php..............................................................6
2.4 Database, tabel dan struktur yang digunakan..................................................21
BAB III...............................................................................................................................25
HASIL DAN PEMBAHASAN................................................................................................25
3.1 Hasil dan Pembahasan dari project 2...............................................................25
BAB IV..............................................................................................................................33
KESIMPULAN....................................................................................................................33
4.1 Kesimpulan project...........................................................................................33
4.2 Evaluasi.............................................................................................................33

3
 BAB I
PENDAHULUAN
1.1 Tujuan
Agar mahasiswa dapat memahami dan mengintegrasikan materi sebelumnya
yaitu Operasi Aritmatika, Variable, Kondisi, Echo ke dalam bentuk aplikasi
login sederhana bagi mahasiswa dan dosen

1.2 Manfaat yang diperoleh

Mahasiswa dapat mengetahui dan memahami bagaimana cara pembuatan web
maupun apliksai untuk login sederhana menggunakan phpMyAdmin sebagai
server web nya

1.3 Rumusan Masalah

Berdasarkan latar belakang yang telah dipaparkan di atas, maka dapat
Dirumuskan sebuah permasalahan untul mengatasi hal tersebut, dibutuhkan
yang dapat menangani proses login yang dilakukan oleh beberapa orang dari
suatu satu segmen jaringan.

4
 BAB II
PROGRAM
2.1 Struktur php
Struktur php yang akan digunakan dalam web login untuk Mahasiswa dan
dosen sebagain berikut:
 Index.php
 Registrasi.php
 Insert_registrasi.php
 Terima.php
 Koneksi.php
 Cek_login.php
 Halaman_admin.php
 Halaman_dosen.php
 Halaman_Mahasiswa.php
 Insert_jawab.php
 Insert_tanya.php
 Insert_update.php
 Jawab.php
 Tanya.php
 Terima.php
 Update_pwd.php
 Hapus.php
 Logout.php
 Logo k3.png
 Style.css
 Style2.css
 Style3.css

Tahap pertama untuk membuat web untuk login dengan PHP adalah
membuat design dari web nya dulu. Setelah membuat sebuah file php
dengan nama index.php dalam folder project 2. Lokasi folder project
membuat aplikasi login bagi mahasiswa dan dosen ada di C:\xampp\
htdocs\wisnu\project2
2.2 Fungsi project
adalah kita bisa buat aplikasi login sederhana menggunakan php dengan
database di xampp/phpMyAdmin. Dan mengetahui apa saja yang di

5
butuhkan dalam membuat aplikasi tersebut seperti script dan cara kerja
dari masing-masing scriptnya.

Gambar 2.2.1 flowchart

Dari flowchart di atas bisa di jelaskan dengan yang pertama adalah
membuka browser untuk mengakses url dari web yang sudah dibuat dan
jika belum punya akun maka akan registrasi atau mendaftarkan akun
terlebih dahulu, jika sudah maka anda akan di arahkan untuk ke halaman
log in, dan di admin akan menerima data yang sudah di di daftarkan dan di
admin itu yang akan memberikan akses ke halaman Mahasiswa atau tidak
dan jika sudah di setujui di halaman admin maka akun yang sudah di
daftarkan tadi bisa mengkases halaman Mahasiswa, dan di halaman
Mahasiswa itu bisa mengganti password dan mengajukan pertanyaan yang
akan langsung tertuju ke dosen dan di halaman dosen nanti akan muncul
pertanyaan dari halaman Mahasiswa tadi dan bisa langsung di jawab oleh
dosen.

6
2.3 Script dari masing-masing struktur php

Gambar 2.3.1 index.php

Gambar 2.3.2 indeks.php

Ini adalah file index.php yang dipakai untuk membuat web login dimana nanti ini
yang akan menjadi di tampilan utama saat kita buka web nya.

7
 Gambar 2.3.3 style.css

Gambar 2.3.4 style.css

Dan berikan sentuhan untuk mengubah tampilan dari web yang sudah dibuat dari
cssnya.
Fungsi dari css sendiri itu adalah untuk membuat suatu website agar enak
dipandang dan memberikan penawaran variasi tampilan.

8
 Gambar 2.3.5 registrasi.php

Gambar 2.3.6 registrasi.php

Dan ini adalah script untuk registrasi atau membuat user baru sebelum login dan
ini akan terhubung langsung dengan server yang sudah di buat di
localhost/PHPMyAdmin.

9
 Gambar 2.3.7 insert_registrasi.php

Disini adalah script untuk insert_registrasi dimana fungsinya sebagai mengirim

inputan data yang sudah kita input di form registrasi untuk dikirim ke web server
kita dan dia akan mengirim pesan bahwa sukses atau gagalnya dari kita daftar di
form registrasi tadi. Dan disini saya menggunakan methode POST

Gambar 2.3.8 halaman_admin.php

10
 Gambar 2.3.9 halaman_admin.php

Fungsi dari halaman admin ini adalah untuk mengecek yang sedang mengakses
halaman Mahasiswa dan untuk menyetujui bahwa user yang sudah dibuat itu bisa
memakai akunya untuk login ke halaman Mahasiswa.

Gambar 2.3.10 cek_login.php

11
 Gambar 2.3.11 cek_login.php

Jika sudah disetujui maka user tadi akan masuk ke server web kita di
localhost/phpMyAdmin, yang akan di tampilkan di server kita adalah
nama,username,dan password yang telah dibuat.

Gambar 2.3.12 halaman_mahasiswa.php

Dan ini adalah script dari halaman Mahasiswa, dimana nanti jika sudah berhasil
untuk registrasi dan sudah di setujui maka halaman inilah yang akan dituju.

12
 Gambar 2.3.13 halaman_mahasiswa

Gambar 2.3.14 halaman_mahasiswa.php

13
 Gambar 2.3.15 koneksi.php

Ini adalah script dari koneksi antara localhost dengan server yang kita buat di
dalam localhost.

Gambar 2.3.16 hapus.php

Dan script hapus ini adalah untuk menghapus user pada saat ada di halaman
admin.

14
 Gambar 2.3.17 logout.php

Dan script yang terakhir ini adalah script log out dimana script ini digunakan jika
kita sudah login dan masuk pada halaman Mahasiswa dan ingin keluar maka kita
akan mengeluarkan akun dari halaman tersebut dengan menekan tombol log out.

Gambar 2.3.18 halaman_dosen.php

15
 Gambar 2.3.19 halaman_dosen,php

Gambar 2.3.20 terima.php

Di script terima.php adalah untuk mengubungkan koneksi dengan database yang

sudah di buat

16
Gambar 2.3.21 insert_jawab.php

Gambar 2.3.22 insert_tanya.php

17
Gambar 2.3.23 insert_update.php

Gambar 2.3.24 jawab.php

18
 Gambar 2.3.25 jawab.php

Di script ini digunakan untuk menjawab pertanyaan yang sudah di ajukan lewat
halaman Mahasiswa.

Gambar 2.3.26 tanya.php

19
 Gambar 2.3.27 tanya.php

Dan script ini digunakan untuk mengajukan pertanyaan di halaman Mahasiswa

dan akan di jawab di halaman dosen.

Gambar 2.3.28 update_pwd.php

Dan ini berfungsi untuk mengganti password login dari akun Mahasiswa.

20
2.4 Database, tabel dan struktur yang digunakan

Gambar 2.4.1 tampilan awal phpMyAdmin

Ini adalah tampilan pertama saat membuka phpMyAdmin dan disini kita buat
database baru dengan nama “sb_wisnu”,sesuaikan dengan nama kalian sendiri

Gambar 2.4.2 membuat database user

Setelah terbuat database, maka kita buat database user di dalam tb_wisnu dengan
6 tabel dan strukturnya sebagai berikut:

21
 Gambar 2.4.3 struktur tabel dari database user

Dan untuk struktur tabel dari database tb_wisnu adalah seperti gambar 2.4.3.

Gambar 2.4.4 membuat user sebagai admin

Jika sudah selesai, maka kita buat user login untuk admin, yang Dimana admin
nanti yang akan menyetujui dari user mahasiswa yang daftar di halaman registrasi
untuk bisa mengakses halaman Mahasiswa tersebut.

22
 Gambar 2.4.5 membuat user sebagai dosen

Jika sudah selesai, maka kita buat user login sebagai dosen.

Gambar 2.4.6 struktur tabel dari tb_tanya

Dan kita buat juga database untuk bertanya dengan nama tb_tanya dengan 4 tabel,
dan strukturnya seperti gambar 2.4.6.

23
 Gambar 2.4.7 struktur dari tabel tb_jawab

Dan kita juga membuat database tb_jawab dengan 4 tabel, dan strukturnya seperti
di dalam gambar 2.4.7. dan fungsi dari database tb_jawab dalah untuk
menampung jawaban yang sudah di jawab di halaman dosen.

24
 BAB III
HASIL DAN PEMBAHASAN
3.1 Hasil dan Pembahasan dari project 2

Gambar 3.1.1 halaman utama

Hasil output dari program yang pertama adalah desain yang sudah di gabung
dengan file css untuk aplikasi login.

Gambar 3.1.2 form registrasi

25
 Gambar 3.1.3 registrasi berhasil

Dan jika sudah registrasi, maka akan diarahkan langsung ke halaman utama untuk
login tapi belum bisa login karena belum disetujui oleh admin.

Gambar 3.1.4 login sebagai admin

Disini kita akan login sebagai admin untuk melihat siapa saja yang sudah
registrasi dan ingin mengakses halaman Mahasiswa.

26
 Gambar 3.1.5 halaman admin

Di halaman admin bisa dilihat siapa saja yang telah registrasi dan ingin masuk ke
halaman Mahasiswa, dan di halaman admin ini yang bisa memberikan akses ke
halaman Mahasiswa apa tidak, dan jika sudah di setujui maka akan muncul update
berhasil.

Gambar 3.1.6 halaman Mahasiswa

Jika sudah di setujui oleh admin maka kita bisa login ke halaman Mahasiswa, dan
seperti inilah tampilan halaman Mahasiswa seperti dalam gambar 2.3.6, dan di
halaman Mahasiswa ini bisa mengajukan pertanyaan dan mengganti password di
dalam halaman ini.

27
 Gambar 3.1.7 mengganti password

Gambar 3.1.8 berhasil mengganti password

Jika sudah berhasil mengganti password maka akan muncul notifikasi “Password
BERHASIL” dan sudah tidak bisa login menggunakan password yang lama.

28
 Gambar 3.1.9 session

Dan di halaman Mahasiswa ini ada session atau di beri waktu untuk membuka
halaman Mahasiswa dengan waktu yang sudah di tentukan di script nya, dan jika
waktunya sudah habis maka akan muncul notifikasi “session anda telah habis” dan
anda di suruh login Kembali.

Gambar 3.1.10 mengajukan pertanyaan

Di dalam form mengajukan pertanyaan ini ada beberapa kategori pertanyaan

seperti di dalam gambar 3.1.10

29
 Gambar 3.1.11 contoh mengajukan pertanyaan

Dan ini adalah contoh mengajukan pertanyaan, dan untuk pertanyaan bisa kalian
sesuaikan sendiri dengan keperluan kalian sendiri.

Gambar 3.1.12 sudah berhasil mengajukan pertanyaan

Dan jika sudah mengajukan pertanyaan maka akan muncul pertanyaan tadi di
halaman home Mahasiswa, jika sudah di jawab oleh dosen maka akan muncul di
tabel balasan.

30
 Gambar 3.1.13 login sebagai dosen

Dan kita lanjut login sebagai dosen dengan username dan password yang sudah
dibuat sebelumnya.

Gambar 3.1.14 halaman dosen

dan ini adalah tampilan halaman dosen dan sudah ada pertanyaan yang masuk
atau yang sudah di ajukan oleh Mahasiswa tadi.

31
 Gambar 3.1.15 menjawab pertanyaan

Dan ini adalah halaman untuk menjawab pertanyaan, dan di halaman ini dosen
menjawab pertanyaan yang diajukan dari Mahasiswa.

Gambar 3.1.16 sudah membalas

Jika sudah membalas pertanyaan tadi maka akan Kembali ke halaman home di
halaman dosen dan di tabel balasan ada tulisan sudah dibalas.

32
 Gambar 3.1.17 halaman Mahasiswa

Login ke halaman Mahasiswa dan kita cek jika sudah ada balasan dari dosen maka
akan muncul balasannya di tabel balasan seperti dalam gambar 3.1.17.

BAB IV
KESIMPULAN
4.1 Kesimpulan project
Dari project 2 dapat kita simpulkan bahwa halaman-halaman yang terdapat
pada project 2 mempunyai keunggulan tersendiri yaitu memudahkan siswa untuk
bertanya kepada instruktur tanpa harus terkoneksi dengan internet. Namun, Anda
perlu menautkan kode yang Anda buat ke server host lokal dan administrator
sebagai penanggung jawab.
4.2 Evaluasi

33
Untuk dosen :
untuk penyampaian dan penjelasan materi sudah sangat baik dan
jelas namun suara dalam menjelaskannya itu pelan, jadi Mahasiswa
yang duduk di belakang kurang mendengar kalua saat dijelaskan
Untuk materi :
Materi di project 2 ini aslinya sangat sederhana, namun kadang kita
yang kurang teliti dalam script yang dimasukkan.
Untuk sarpras :
Sarana dan prasarana yang digunakan di lab computer poltera itu
kurang karena banyak komputer yang tidak bisa digunakan dan
untuk mouse itu juga banyak yang tidak bisa dipakai.
Untuk Mahasiswa :
Untuk mahasiswa tidak boleh mengabaikan mata pelajaran apa
pun, termasuk mata kuliah prokom. Kedepannya diharapkan
mahasiswa dapat lebih menghargai dosen ketika menjelaskan
materi di hadapannya, dan tidak tidur ketika dosen sedang fokus
menjelaskan materi dan sibuk sendiri. Selain itu, jangan terlalu
mengandalkan teman yang memudahkan pekerjaan. Jika ada yang
kurang paham bisa bertanya langsung kepada dosen, atau jika
malu bertanya kepada dosen bisa bertanya kepada teman lain dan
mendiskusikannya bersama.

34