bab iii · web viewhalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka....

22
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Lingkungan Pendukung Untuk membangun aplikasi website ini dibutuhkan perangkat keras dan perangkat lunak, yaitu : 1. Perangkat Keras a Komputer dengan prosesor minimal 300 MHz b Monitor VGA atau dengan resolusi yang lebih tinggi. c Harddisk 10 GB d Keyboard, mouse dan CD ROM. e Perangkat koneksi internet 2. Perangkat lunak a Sistem operasi Windows XP b Appserve (Software integerasi Apache, PHP dan MySQL) c Web browser 4.2 Tahapan – Tahapan. Implementasi pembuatan website dan pengujian disusun secara sistematis, mulai dari pembuatan database, pembuatan tabel, pembuatan halaman, pengujian 30

Upload: nguyenkhanh

Post on 10-May-2018

213 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

BAB IV

IMPLEMENTASI DAN PENGUJIAN

4.1 Lingkungan Pendukung

Untuk membangun aplikasi website ini dibutuhkan perangkat keras dan

perangkat lunak, yaitu :

1. Perangkat Keras

a Komputer dengan prosesor minimal 300 MHz

b Monitor VGA atau dengan resolusi yang lebih tinggi.

c Harddisk 10 GB

d Keyboard, mouse dan CD ROM.

e Perangkat koneksi internet

2. Perangkat lunak

a Sistem operasi Windows XP

b Appserve (Software integerasi Apache, PHP dan MySQL)

c Web browser

4.2 Tahapan – Tahapan.

Implementasi pembuatan website dan pengujian disusun secara sistematis,

mulai dari pembuatan database, pembuatan tabel, pembuatan halaman, pengujian

di server lokal sampai dengan mengupload ke server online.

4.2.1 Pembuatan Database dan Tabel

Database dan tabel dibuat sesuai dengan perancangan, adapun dalam paket

Appserve telah terintegerasi software phpmyadmin untuk membantu pembuatan

tabel dan database.

30

Page 2: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

Gambar 4.1 tampilan depan phpmyadmin

4.2.2 Implementasi

Halaman-halaman web dibuat sesuai dengan perancangan. Bukan hanya

coding program, halaman web juga didesain agar tampilannya menarik.

31

Page 3: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

1. Halaman depan

Halaman ini adalah halaman yang pertama kali ditampilkan saat website

dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi

lainnya. Halaman ini disimpan dengan nama file index.php

Gambar 4.2 halaman depan

32

Page 4: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

2. Halaman Jurusan

Halaman ini menampilkan daftar jurusan yang diselenggarakan di LPK.

Gambar 4.3 halaman jurusan.php

33

Page 5: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

3. Halaman login siswa

Siswa dapat menggunakan berbagai fasilitas lainnya yang dibutuhkan, tetapi

sebelumnya harus login terlebih dahulu melalui halaman ini.

Gambar 4.4 halaman login_siswa.php

34

Page 6: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

4. Halaman Cek nilai

Setelah melakukan proses login, siswa dapat menggunakan fasilitas-fasilitas

salah satunya adalah pengecekan nilai.

Gambar 4.5 halaman cek_nilai.php

35

Page 7: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

5. Halaman Cek Jadwal

Fasilitas lainnya adalah pengecekan jadwal kursus sesuai jurusan siswa.

Gambar 4.6 Halaman cek_jadwal.php

36

Page 8: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

6. Halaman download

Fasilitas selanjutnya adalah halaman download. Melalui halaman ini siswa

dapat mendownload bahan kursus yang diperlukan dalam proses belajar

mengajar

Gambar 4.7 Halaman download.php

37

Page 9: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

7. Halaman Login Admin

Administrator website memiliki hak untuk mengolah semua data yang

ditampilkan dalam aplikasi website LPK. Sebelum masuk ke halmaan

administrator, harus dilakukan login terlebih dahulu. Halaman ini nantinya

dapat diakses melalui www.namadomain.com/administrator

Gambar 4.8 Halaman administrator/index.php

38

Page 10: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

8. Halaman utama administrator

Halaman ini ditampilkan setelah berhasil login. Dalam halaman ini terdapat

menu-menu administrator.

Gambar 4.9 halaman administrator/utama.php

39

Page 11: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

9. Halaman Data Siswa

Melalui halaman ini administrator dapat mengolah data siswa

Gambar 4.10 halaman administrator/siswa.php

40

Page 12: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

10. Halaman Data Instruktur

Administrator website dapat mengolah data instruktur melalui halaman ini

Gambar 4.11 Halaman administrator/instruktur.php

41

Page 13: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

11. Halaman Data Jurusan

Melalui halaman ini administrator dapat mengolah data siswa

Gambar 4.12 halaman administrator/jurusan.php

42

Page 14: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

12. Halaman Data materi dan Jadwal

Melalui halaman ini administrator dapat mengolah data materi dan jadwal

kursus serta mengupload modul kursus yang nantinyadapat di download

siswa.

Gambar 4.13 halaman administrator/siswa.php

43

Page 15: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

13. Halaman Edit Berita

Administrator website dapat meng-update informasi-informasi yang

ditampilkan dalam website malalui halaman ini

Gambar 4.14 Halaman administrator/berita.php

44

Page 16: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

14. Halaman Data Nilai

Melalui halaman ini administrator dapat mengolah data nilai siswa.

Gambar 4.12 halaman administrator/nilain.php

45

Page 17: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

4.3 Pengujian

Pengujian adalah proses mengevaluasi sebuah aplikasi untuk memastikan

aplikasi telah memenuhi persyaratan dan siap untuk digunakan. Langkah-langkah

pengujian aplikasi website LPK adalah sebagai berikut

NoKebutuhan Deskripsi Hasil yang diharapkan Sesuai?

1 Informasi jurusan dan berita

Informasi jurusan dan berita untuk dapat dilihat dengan baik pengunjung biasa melalui beberapa jenis browser.

2 Kontak administratorPengunjung bisa mengirimkan masukkan ke administrator melalui buku tamu

3 Login siswaSiswa dapat mengakses halaman siswa dengan username dan password khusus

4 Cek Nilai Siswa dapat mengecek nilai sesuai dengan jurusan maupun NIS-nya

5 Cek JadwalSiswa dapat mengecek jadwal sesuai dengan jurusan maupun NIS-nya

6 Download materi kursus Siswa dapat mendownload materi kursus.

7 Login administratorAdminisistrator website dapat mengakses halaman admin dengan username dan password khusus.

8 Olah data siswaAdministrator dapat melihat, menambah, mengubah serta menghapus data siswa.

9 Olah data instrukturAdministrator dapat melihat, menambah, mengubah serta menghapus data instruktur

10 Olah data jurusanAdministrator dapat melihat, menambah, mengubah serta menghapus data jurusan

11 Olah data materiAdministrator dapat melihat, menambah, mengubah serta menghapus data materi

12 Olah data jadwalAdministrator dapat melihat, menambah, mengubah serta menghapus data jadwal

46

Page 18: BAB III · Web viewHalaman ini adalah halaman yang pertama kali ditampilkan saat website dibuka. Halaman ini menampilkan profil LPK serta informasi-informasi lainnya. Halaman ini

13 Olah data nilaiAdministrator dapat melihat, menambah, mengubah serta menghapus data nilai

14 Olah data beritaAdministrator dapat melihat, menambah, mengubah serta menghapus data berita

15 Olah data kontakAdministrator dapat melihat, menambah, mengubah serta menghapus data kontak

47