UJIAN AKHIR SEMESTER

APLIKASI WEB

Nama : Saprida Yani Harahap

NPM : A1C017050

Dosen Pengampu : Syafdi Maizora, S.Si, M.Pd.

FAKULTAS KEGURUAN DAN ILMU PENDIDIKAN

JURUSAN PENDIDIKAN MIPA

PROGRAM STUDI PENDIDIKAN MATEMATIKA

UNIVERSITAS BENGKULU

2019
 UJIAN AKHIR SEMESTER APLIKASI WEB
Nama : Saprida Yani Harahap
NPM : A1C017050
Dosen : Syafdi Mayzora S.Si., M.Pd
Mata Kuliah : Aplikasi Web

Dalam pembuatan website pembelajaran yang dapat digunakan oleh siswa untuk belajar dan
mengerjakan latihan dan bagi guru untuk mengunggah materi dan menilai, pertama buat dulu
tampilan untuk siswa. Disini saya menggunakan skrip index.html, koneksi.php,
login.php,latihan.php, simpan.php,tampil.php,utama.php.
A. script untuk tampilan siswa
(http://pmat-unib.com/apliweb/A1C017050/tugassembilan/index.html)
Script yang akan dibuat
 Pertama buat dulu index.html, di skrip inilah kita akan dapat mengubah tampilan website
kita,berikut adalah tampilannya
Pada yang penting dari index ini adalah adanya kolom untuk mengisi username dan
password,tombol untuk login dan perintah untuk menghubungkan ke beberapa skrip lainnya.
1. buat pembuka skrip seperti skrip 1-4, lalu pilih latar seperti di skrip 5-6 lalu atur tampilan
seperti yang tampak sampai skrip 24
2. buat kolom username, password dan tombol kliknya seperti di skrip 29-31
3. lalu hubungkan password dan username dengan fungsi login dan login script deperti di 34-
46
4. lalu hubungkan index.html ke script tampil untuk kemudian dapat menampilkan isi materi
seperti di script 48-56
5. karena di menu tampilan diinginkan ada latihan maka hubungkan index ke latihan yang
kemudian script latihan terhubung ke database table latihan, untuk menghubungkan script
index ke script latihan tampak seperti script 59-68
6. untuk menyimpan jawaban dari latihan siswa dibuatlah script seperti 69-80
 buat script koneksi.php script ini bertujuan untuk menghubungkan script ke database
yang ada di php my admin, masukkan password data base dan username data base.
Script koneksi ini tujuannya untuk menghubungkan script lainnya untuk mengambil
data di databse seperti agar script latihan dapat mengambil data dari kolom latihan di
data base kita

 membuat script login untuk mengambil cek data username dan password yang
dimasukkan dengan username dan password di table siswa di database. Pada script ini
akan diambil data untuk username dari table username di data base dan data password di
database password table siswa
  buat script utama untuk utama.php seperti berikut

 Selanjutnya buat script tampil, script ini akan menampilkan tampilan setelah kita
login. Script tampil ini berguna untuk menampilkan materi yang datanya diambil dari table
materi di database, serta menginput latihan sesuai waktu yang diatur di database
 Data base yang dibuat
 Data base tabel siswa, data base ini digunakan pada script login agar bisa masuk ke
halaman yang menampilkan materi. Table username diisi username yg kemudian akan
diinput ke halaman utama dan password untuk kata sandinya, username dan password
dipilih int dngan panjang 11 sebagai batas jumlah hurufnya.
 Buat data base untuk materi dengan judul table materi seperti berikut
 Kunci AI nya dengan tujuan agar tidak ada nomor yang sama. Pada isi dan judul diberi
teks saja karena kelak akan diisi oleh gurunya dalam bentuk teks maupun paragraph

 B. Script untuk tampilan guru

(http://pmat-unib.com/apliweb/A1C017050/tugassembilan/index.html)
Pertama buat folder dengan nama guru di dalam folder yang berisi script untuk siswa
seperti berikut ini :
Buka folder guru tersebut lalu buat beberapa script diantaranya index.html ,

 pertama buat index.html seperti berikut ini

pada index.html di folder guru ini script 1-25 adalah pembuka dan desain latar belakang atau
background, lalu masukkan kotak untuk mengisi password dan username seperti pada script
28-44. kemudian agar bisa login kita hubungkan index.html ke login yang sudah
tersambung dengan koneksi untuk mengecek data yang dimasukkan dengan data yang telah
ada di tabel siswa pada data base, disini harus sama jika di tabel menggunakan username
maka di perintah script juga harus menuliskan username. kemudian jangan lupa buat tombol
login seperti pada script 29-31. script 45-46 adalah script yang berfungsi menghubungkan
ke login.php setelah itu pada script 55-56 untuk menghubungkan ke tampil.php pada script
59-67 adalah script tampilan untuk menampilkan latihan dan script 79-80 untuk menyimpan
dan menghubungkan ke script tampil.php

 buat koneksi.php untuk menghubungkan ke data base milik kita di php my admin,
isikan password dan usrname data base sesuai dengan data base dan password
yang kita punya

 buat login.php seperti ini, login ini akan mengambil data dari tabel siswa berupa
password dan username sesuai dengan kolom pada tabel yang dibuat
 buat nilai.php untuk memasukkan nilai atas jawaban latihan yang dibuat oleh
siswa

 buat simpan.php seperti dibawah ini

  buat tampil.php seperti dibawah ini

database yang dibuat

 buat tabel jawaban seperti dibawah ini, buat jawaban sebanyak soal dan materi
yang telah dibuat
dan website dapat digunakan.
 secara detail, komponen dalam setiap komponen adalah sebagai berikut :
APLIKASI SISWA (Tugas sembilan)
1. index.html
Function login, berfungsi untuk melakukan tugas login. Dijalankan ketika username dan
password dipanggil dari database.
a. Funtion tampilkan, dirancang untuk melakukan tugas menampilkan materi pada
database.
b. Function latihan, dirancang untuk melakukan tugas menampilan latihan pada
database.
c. Function simpan, dirancang untuk melakukan tugas menyimpan jawaban siswa.

2. koneksi.php
koneksi.php berfungsi sebagai jembatan untuk menghubungkan html ke server agar dapat
mengakses data pada database MySQL. Dalam koneksi.php (aplikasi siswa) terdapat point-
point penting, yaitu :
a. $host, $username, $password dan $database, berfungsi untuk menghubungkan kita
pada akun database MySQL.
b. $conn, berfungsi untuk menutup koneksi sebelumnya secara otomatis ketika script
berakhir.

3. utama.php
a. $sql, memeriksa judul pertemuan dari materi pada database
b. $result, berfungsi menampung hasil dari fungsi database. Kemudian akan
menampilkan hasil output .

4. login.php
Include, berfungsi untuk menjalankan file dengan cara memasukkan file lain
(koneksi.php) ke dalam login.php .
a. $username dan $password, berfungsi menerima variabel username dan password dari
fungsi login
b. $sql, berfungsi memeriksa kebenaran usenamer dan password yang dipanggil
c. $result, menampung hasil dari fungsi database kemudian akan menampilkan hasil
output.
d. $conn, kode untuk menutup koneksi ke database.

5. tampil.php
Include, berfungsi untuk menjalankan file dengan cara memasukkan file lain (koneksi.php)
ke dalam nilail.php.
a. $id, berfungsi untuk memanggil id (pertemuan)
b. $user, berfungsi untuk memanggil akun pengguna/user yang terdaftar pada database
 c. $sql, memastikan data waktu dari tabel latihan pada pertemuan di database
d. $result, berfungsi menampung hasil dari fungsi my sql. Kemudian akan
menampilkan hasil output.
e. $conn, kode untuk menutup koneksi ke data base dengan cara manual.

6. latihan.php
include berfungsi untuk menjalankan file dengan cara memasukkan file lain (koneksi.php)
kedalam file latihan.php
a. $pertemuan, berfungsi untuk mengambil id pertemuan pada database
b. $user, berfungsi untuk mamanggil akun yang terdaftar pada database
c. $sql, berfungsi untuk mengecek kebenaran soal latihan pada id pertemuan
d. $result, berfungsi untuk menampung hasil dari fungsi my sql. kemudian akan
menampilan hasil output.

7. simpan php.
Include, berfungsi untuk menjalankan file dengan cara memasukkan file lain (koneksi.php)
kedalam file simpan.php
a. $pertemuan, berfungsi untuk mengambil id pertemuan pada database
b. $jawaban, berfungsi untuk mengambil id jawaban pada database
c. $npm, berfungsi untuk mamanggil akun pengguna yang terdaftar pada database
d. $kunci, berfungsi untuk menampilkan akun pengguna dan pertemuan dari database
e. $sql, berfungsi untuk mengecek id, npm, jawaban, dan kunci pada database sama atau
tidak dengan pertemuan, npm, jawaban, kunci pada latihan
f. $result, berfungsi untuk menutup koneksi ke database

APLIKASI GURU
1. index.html
Function login, berfungsi untuk melakukan tugas login. Dijalankan ketika username dan
password dipanggil dari database.
a. Function tampilkan, dirancang untuk melakukan tugas menampilkan jawaban pada
database.
b. Function nilai, dirancang untuk melakukan tugas mengambil nilai yang telah di input
dan meletakkan ke database.
c. Function simpan, untuk melakukan tugas menyimpan pertemuan, materi, latihan,
waktu yang diinput oleh guru.

2. koneksi.php
koneksi.php berfungsi sebagai jembatan untuk menghubungkan html ke server agar dapat
mengakses data pada database MySQL. Dalam koneksi.php (aplikasi guru) terdapat point-
point penting, yaitu :
 a. $host, $username, $password dan $database, berfungsi untuk menghubungkan kita
pada akun database MySQL.
b. $conn, berfungsi untuk menutup koneksi sebelumnya secara otomatis ketika script
berakhir.

3. login.php
login.php, berfungsi menjalankan fungsi login dibelakang layar yang didalamnya
terkandung/memuat file koneksi.php untuk menghubungkan html dengan database dimana
$username dan $password menerima variabel username dan password dari fungsi login
pada index.html. kebenaran variabel username dan password kemudian diverifikasi oleh
$sql dari tabel siswa pada database dimana ketika username dan password yang diinput
adalag benar (ada di dalam tabel siswa pada database), maka halaman web akan diarahkan
ke tampilan untuk guru dapat menginput materi, latihan, dan melihat jawaban latihan siswa
kemudian memberikan nilainya. Namun jika username dan/atau password salah (tidak ada
di tabel siswa database), maka akan muncul respon berupa kalimat “Maaf, akun yang Anda
input salah”.

4. nilai.php
include, berfungsi untuk menjalankan file dengan cara memasukkan file lain
(koneksi.php) ke dalam nilail.php.
a. $kunci, berfungsi untuk mengunci user/pengguna agar hanya dapat menjawab latihan
sebanyak satu kali.
b. $nilai, berfungsi untuk mengambil nilai yang telah diinput dan meletakkan ke
database.
c. $sql, memastikan nilai yang diinput sesuai dengan materi pertemuan yang dijawab.
d. $result, berfungsi menampung hasil dari fungsi database. Kemudian akan
menampilkan hasil output.

5. tampil.php
tampil.php, berfungsi untuk menampilkan jawaban latihan yang telah disimpan oleh siswa
dari aplikasi siswa dimana script yang menangani hal ini adalah $sql yang dikirim dari
jawaban pada tabel jawaban pada database kemudian direspon oleh database dengan script
$result yang akan menampilkan jawaban sesuai nama siswa yang diklik (menjawab latihan
tersebut). Setelah script ini berakhir, $conn secara ptomatis akan menutup koneksi
sebelumnya. Selain itu, pada tampil.php juga menampilkan kolom input nilai untuk
memberikan nilai pada jawaban latihan tersebut.

6. simpan.php
Include, berfungsi untuk berfungsi untuk menjalankan file dengan cara memasukkan file
lain (koneksi.php) ke dalam simpan.php
a. $judul, $materi, $latihan, $waktu berfungsi untuk menampilkan pertemuan, materi,
latihan, waktu pada database
b. $sql, mengecek kebenaran nilai (id, judul, isi) sesuai dengan database
c. $result, menampung hasil dari fungsi database kemudian akan menampilkan hasil
output.
d. $conn kode untuk menutup koneksi ke database.