BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1

Implementasi Untuk mendukung penerapan sistem informasi akademik berbasis web ini, terdapat hal-hal yang perlu dipersiapkan agar sistem yang dirancang dapat berjalan dengan lancar. Hal-hal yang perlu dipersiapkan antara lain spesifikasi perangkat keras (hardware) dan perangkat lunak (software).

4.2

Spesifikasi Perangkat Keras Berikut ini merupakan spesifikasi perangkat keras yang disarankan untuk menjalankan sistem secara optimal.

Spesifikasi kebutuhan server : a. Processor Intel™ Dual Core 2.0 Ghz b. RAM 2 GB c. Harddisk 500 GB d. VGA OnBoard 512 MB e. Monitor 19 inch 1024 x 768 f. CD/DVD-ROM drive g. Mouse dan Keyboard h. LAN Card

Spesifikasi kebutuhan client : a. Processor Intel™ Dual Core 2.0 Ghz b. RAM 1 GB c. Harddisk 160 GB d. VGA OnBoard 256 MB e. Monitor 19 inch 1024 x 768 f. CD ROM drive g. Mouse dan Keyboard h. Modem 56k

69

70

4.3

Spesifikasi Perangkat Lunak Perangkat Lunak yang disarankan untuk menjalankan sistem informasi akademik yang berbasiskan web ini adalah sebagai berikut :

A. Kebutuhan sistem yang diusulkan untuk server : •

Sistem Operasi : Windows XP Proffesional atau Windows 7

•

Aplikasi web server : Hypertext Preprocessing (PHP), XAMPP

•

Basis data : My SQL Server

•

Aplikasi : (PHP)

B. Kebutuhan sistem yang diusulkan untuk client :

4.4

•

Web Browser : Internet Explorer 9.0 atau Mozilla Firefox 8.0

•

Sistem Operasi : Windows XP Professional atau Windows 7

Cara Penggunaan Website Pembahasan cara-cara penggunaan website, seperti bagaimana langkah-langkah yang harus dilakukan oleh admin, user atau siswa akademi ketika mengakses web untuk memperoleh informasi yang mereka perlukan. Pada website My Futsal Akademi ini setiap pengguna dapat mengetahui informasi tentang jadwal latihan, contact person,profil dari myfutsal tanpa login atau pendaftaran untuk menjadi siswa akademi. Pengguna dapat melihat informasi-informasi My Futsal pada halaman awal, yaitu beranda, pendaftaran,contact person,profil dan jadwal latihan.

Selain itu bagi siswa akademi yang sudah mendaftar melalui website akan mendapatkan username dan password. Siswa dapat login pada menu utama website dengan memasukkan username dan password, selanjutnya siswa akan masuk ke dalam halaman utama siswa. Siswa dapat melihat informasi profil siswa pada menu profil, melihat jumlah daftar hadir pada menu daftar hadir dan melihat hasil evaluasi latihan pada menu evaluasi latihan. Data yang dimasukkan oleh siswa akan diproses dan ditindak lanjuti langsung oleh admin. Setelah datanya valid maka

71

siswa akan dihubungi kembali atau datang langsung sebagai proses yang lebih lanjut sebagai konfirmasi.

Bagi pihak admin langsung mengakses menu khusus admin pada website setelah dia melakukan login. Admin dapat memasukkan dan mengubah data siswa yang sudah atau baru mendaftar, data siswa , menginput daftar hadir, menginput evaluasi latihan, menginput kelas, kelola laporan serta menghapus data yang sudah kadaluarsa..

4.5

Implementasi Basis Data Pada sub bab ini akan menjelaskan implementasi basis data dari aplikasi

sistem menggunakan XAMPP beberapa fungsi yang di buat yang terdiri dari ruang lingkup implementasi dari aplikasi sistem tersebut. Aktifkan XAMMP terlebih dahulu sampai tampil gambar seperti gambar berikut :

Gambar 4.1 Tampilan localhost XAMPP

Dibawah ini adalah cara pembuatan database pada MySQL dengan menggunakan PHP, adapun langkah-langkahnya adalah sebagai berikut :

72

1. Tampilan awal pembuatan Database

Gambar 4.2 Tampilan Awal Pembuatan Database

2. Tampilan Tabel Pada Database sia_db

Gambar 4.3 Tampilan Tabel Pada Data Base sia_db

73

3. Tampilan Tabel Admin Database sia_db

Gambar 4.4 Tampilan Tabel Admin Pada Database sia_db

CREATE TABLE IF NOT EXISTS àdmin` ( ìd_admin` varchar(11) NOT NULL, `nama_admin` varchar(25) NOT NULL, ùsername` varchar(25) NOT NULL, `password` varchar(25) NOT NULL, Èmail` varchar(100) NOT NULL, PRIMARY KEY (ìd_admin`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

74

4. Tampilan Tabel Pendaftaran Pada Database sia_db

Gambar 4.5 Tampilan Tabel Pendaftaran Pada Database sia_db

CREATE TABLE IF NOT EXISTS `pendaftaran` ( ìd_pendaftaran` varchar(11) NOT NULL, ìd_siswa` varchar(11) NOT NULL, `tanggal_pendaftaran` date NOT NULL, PRIMARY KEY (ìd_pendaftaran`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

--

75

5. Tampilan Tabel Data Siswa Database sia_db

Gambar 4.6 Tampilan Tabel Data Siswa Pada Database sia_db

CREATE TABLE IF NOT EXISTS `datasiswa` ( ìd_siswa` varchar(11) NOT NULL, `kd_kelas` varchar(1) NOT NULL, `nis` varchar(5) NOT NULL, `nama_siswa` varchar(25) NOT NULL, àlamat` varchar(25) NOT NULL, `tempat_lahir` varchar(15) NOT NULL, `tanggal_lahir` date NOT NULL, èmail` varchar(25) NOT NULL, ùmur` varchar(2) NOT NULL, `no_telepon` varchar(12) NOT NULL, ùsername` varchar(25) NOT NULL, `password` varchar(25) NOT NULL, PRIMARY KEY (ìd_siswa`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

76

6. Tampilan Tabel Absensi Pada Database sia_db

Gambar 4.7 Tampilan Tabel Absensi Pada Database sia_db

CREATE TABLE IF NOT EXISTS `klaim` (

CREATE TABLE IF NOT EXISTS àbsensi` ( `nis` varchar(5) NOT NULL, `kd_kelas` varchar(1) NOT NULL, `tanggal_kehadiran` date NOT NULL, `hadir` int(10) NOT NULL, àlpha` int(10) NOT NULL, `selesai` varchar(5) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

77

7. Tampilan Tabel Evaluasi LatihanPada Database sia_db

Gambar 4.8 Tampilan Tabel Evaluasi Latihan Pada Database sia_db

CREATE TABLE IF NOT EXISTS èvaluasilatihan` ( ìd_nilai` varchar(11) NOT NULL, ìd_siswa` varchar(11) NOT NULL, `tanggal` date NOT NULL, `nilai_speed` varchar(3) NOT NULL, `nilai_shooting` varchar(3) NOT NULL, `nilai_deffence` varchar(3) NOT NULL, `nilai_offence` varchar(3) NOT NULL, `nilai_technique` varchar(3) NOT NULL, `nilai_stamina` varchar(3) NOT NULL, `nilai_kedisiplinan` varchar(3) NOT NULL, PRIMARY KEY (ìd_nilai`) ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

78

8. Tampilan Tabel Kelas Database sia_db

Gambar 4.9 Tampilan Tabel Kelas Pada Database sia_db

CREATE TABLE IF NOT EXISTS `kelas` ( `kd_kelas` varchar(1) NOT NULL, `nama_kelas` varchar(3) NOT NULL ) ENGINE=MyISAM DEFAULT CHARSET=latin1;

4.6

Implementasi Program Berikut adalah implementasi program sesuai dengan rancangan layar yang telah dirancang sebelumnya, antara lain:

79

A. 1.

Tampilan Layar Umum Tampilan Halaman Beranda

Gambar 4.10 Tampilan Halaman Beranda

MYFUTSALFUTSAL ACADEMY

Seperti terlihat pada Gambar 4.10 Tampilan layar ini merupakan tampilan dimana calon siswa akademi melakukan pendaftaran melalui web ini dan bisa melihat informasi dihalaman beranda.

80

2.

Tampilan Halaman Pendaftaran

Gambar 4.11 Tampilan Halaman Pendaftaran

Seperti terlihat pada Gambar 4.11 Tampilan layar ini merupakan tampilan dimana calon siswa dapat mendaftar melalui web ini dan akan dapat memilih kelas sesuai umur. Setelah itu mendapatkan username dan password

$_SESSION['id_pendaftaran'] = $id_pendaftaran; $_SESSION['id_siswa'] = $id_siswa; $_SESSION['tanggal_pendaftaran'] = $tanggal_pendaftaran; $sql = mysql_query("insert into pendaftaran values ('$id_pendaftaran','$id_siswa','$tanggal_pendaftaran')");

81

3. Tampilan Halaman Contact Person

Gambar 4.12 Tampilan Halaman Contact Person

Seperti terlihat pada Gambar 4.12 Tampilan layar ini merupakan tampilan dimana siswa bisa mengetahui alamat , nomor telepon atau mengkonfirmasi siswa sudah terdaftar di akademi My Futsal atau belum

MYFUTSAL Futsal Academy

82

4. Tampilan Halaman Profil Myfutsal

Gambar 4.13 Tampilan Halaman Profil

Seperti terlihat pada Gambar 4.13 Tampilan layar ini merupakan tampilan dimana siswa bisa mengetahui tentang MyFutsal

Profil | MYFUTSALAcademy

83

5. Tampilan Halaman Login

Gambar 4.14 Tampilan Halaman Login Siswa
=

mysql_query("SELECT

*

from

datasiswa

WHERE

username='$input_username' AND password='$input_password'") ; ?>

Seperti terlihat pada Gambar 4.14 Tampilan layar ini merupakan tampilan dimana siswa melakukan login untuk masuk ke halaman utama siswa

84

B. Tampilan Layar Khusus Siswa

1. Tampilan Halaman Siswa

Gambar 4.15 Tampilan Halaman Siswa

MYFUTSAL FUTSAL ACADEMY

div class="clr">

SELAMAT DATANG DIHALAMAN SISWA 

Seperti terlihat pada Gambar 4.15 Tampilan layar ini merupakan tampilan utama dari siswa akademi.

85

6. Tampilan Halaman Profil Siswa Akademi

Gambar 4.16 Tampilan Halaman Profil Siswa Akademi

PROFIL SISWA

Seperti terlihat pada Gambar 4.16 Tampilan layar ini merupakan tampilan dimana siswa akademi dapat melihat profil.

86

7. Tampilan Halaman Melihat Daftar Hadir

Gambar 4.17 Tampilan Halaman Melihat Daftar Hadir

Daftar hadir

Seperti terlihat pada Gambar 4.17 Tampilan layar ini merupakan tampilan dimana siswa dapat melihat total hadir dan alpha .

87

8. Tampilan Halaman Melihat Evaluasi Latihan

Gambar 4.18 Tampilan Halaman Melihat Evaluasi Latihan

88

Seperti terlihat pada Gambar 4.18 Tampilan layar ini merupakan tampilan dimana siswa dapat melihat evaluasi latihan atau nilai selama berlatih di akademi MyFutsal C. Tampilan Layar Khusus Admin 1. Tampilan Halaman Admin

Gambar 4.19 Tampilan Halaman Admin

SELAMAT DATANG DI HALAMAN ADMIN. 

89

Seperti terlihat pada Gambar 4.19 Tampilan layar ini merupakan tampilan dimana admin dapat menginput data siswa, daftar hadir, evaluasi latihan, kelas serta mengedit dan hapus semua data 2. Tampilan Halaman Menginput Data Siswa

Gambar 4.20 Tampilan Halaman Menginput Data Siswa

$sql2 = mysql_query("insert into datasiswa values ('$id_siswa','$kd_kelas','$nis','$nama_siswa','$alamat','$tempat_lahir','$tanggal_la hir','$email','$umur','$no_telepon','$username','$password')");

Seperti terlihat pada Gambar 4.20 Tampilan layar ini merupakan tampilan dimana admin dapat melakukan pendaftaran secara manual , edit hapus data siswa

90

3. Tampilan Halaman Daftar Hadir

Gambar 4.21 Tampilan Halaman Menginput Daftar Hadir

$kd_kelas=$_GET['kd_kelas']; $query=mysql_fetch_array(mysql_query("select * from kelas where kd_kelas='$kd_kelas'")); ?>

Daftar Hadir

Seperti terlihat pada Gambar 4.21 Tampilan layar ini merupakan tampilan dimana admin dapat melakukan daftar hadir dan tergantung pada masing-masing umur atau kelas.

91

4. Tampilan Halaman Menginput Kelas

Gambar 4.22 Tampilan Halaman Mengnput Kelas

Seperti terlihat pada Gambar 4.22 Tampilan layar ini merupakan tampilan dimana admin dapat melakukan input kelas.

92

5. Tammpilan Halaman Menginput Evaluasi Latihan

Gambar 4.23 Tampilan Halaman Menginput Evaluasi Latihan

Seperti terlihat pada Gambar 4.23 Tampilan layar ini merupakan tampilan dimana admin dapat menginput hasil evaluasi latihan , mengedit ataupun menghapus

93

6. Tampilan Halaman Kelola Laporan

Gambar 4.24 Tampilan Halaman Kelola Laporan

$dari = $_POST['dari']; $sampai = $_POST['sampai']; $cek= mysql_query ("select * from daftar hadir inner join datasiswa on daftar

hadir.id_siswa=datasiswa.id_siswa

where

tanggal_kehadiran

between '".$dari."' and '".$sampai."' order by datasiswa.id_siswa asc ");

Seperti terlihat pada Gambar 4.24 Tampilan layar ini merupakan tampilan dimana admin dapat mengelola dan mencetak

laporan

pendaftaran , data siswa , daftar hadir , evaluasi latihan dan detail siswa

4.7

Metode Pengujian Metode pengujian dilakukan untuk memastikan apakah system yang akan dipakai sudah sesuai dengan yang diharapkan. Metode yang digunakan untuk pengujian ini adalah black box, yaitu melakukan pengujian

degan

memfokuskan pada

fungsionality system

mengetahui apa sesungguhnya yang terjadi dalam black end system.

tanpa

94

4.8

Skenario Pengujian Skenario pengujian dilakukan untuk menentukan langkah-langkah dalam melakukan pengujian. Pengujian dilakukan dengan menjalankan aplikasi dari perancangan website. Setelah aplikasi dijalankan selanjutnya adalah menguji tombol-tombol yang terdapat dalam antar muka aplikasi tersebut apakah sesuai dengan tahap perancangan.

Tabel 4.1 Skenario Pengujian No

Antar Muka

Uji Coba

Status aplikasi

Skenario pengujian

Hasil yang diharapkan

1.

Link pada semua laman

Menguji link menu dan link sidebar

Berada di laman selain laman yang ingin di tuju

Klik link menu dan link sidebar

Menu terhubung dengan halaman yang dituju

2.

Laman login

Menguji fitur login user

Laman login sudah aktif

Berhasil melakukan validasi user

3.

Laman profil siswa

Menguji tampilandat a siswa

Laman profil sudah aktif

4.

Laman melihat daftar hadir

Menguji view daftar hadir

Laman daftar hadir sudah aktif

5.

Laman melihat evaluasi latihan

Menguji view evaluasi

Laman klaim sudah aktif

Input username. Password dan klik tombol login Klik menu profil lalu tampil data profil siswa Klik menu daftar hadir lalu tampil data total daftar hadir Klik menu evaluasi latihan lalu tampil data nilai evaluasi

Berhasil menampilkan profil siswa Berhasil menampilkan total daftar hadir Berhasil menampilkan nilai evaluasi latihan

95

Tabel 4.2 Skenario Hasil Pengujian Antar Muka

Uji Coba

Skenario pengujian

Hasil yang diharapkan

Hasil Pengujian

1.

Link pada semua laman

Menguji link menu dan link sidebar

Berada di laman selain laman yang ingin di tuju

Klik link menu dan link sidebar

Menu terhubung dengan halaman yang dituju

Berhasil membuka laman tujuan

2.

Laman login

Menguji fitur login admin

Laman login sudah aktif

Berhasil melakukan validasi user

Berhasil masuk kemenu selanjutnya

Laman input data siswa

Menguji inputan dan menampi lkan data siswa

Laman input data siswa sudah aktif

Input username. Password dan klik tombol login Input data siswa lalu klik tombol submit

3.

Berhasil menampilkan data siswa dan Data siswa tersimpan kedalam database

4.

Laman input daftar hadir

Menguji inputan dan menampi lkan daftar hadir

Laman input daftar hadir sudah aktif

Input daftar hadir lalu klik tombol submit

Berhasil menampilkan data daftar hadir dan Data daftar hadir tersimpan kedalam database

5.

Laman input kelas

Menguji inputan dan menampi lkan kelas

Laman input kelas sudah aktif

Input kelas lalu klik tombol submit

Berhasil menampilkan data kelas dan Data kelas tersimpan kedalam database

6.

Laman evluasi latihan

Menguji inputan evaluasi latihan dan menampi lkan data evaluasi latihan

Laman evaluasi latihan sudah aktif

Input evaluasi latihan lalu klik tombol submit

Berhasil menampilkan data evaluasi latihan dan Data evaluasi latihan tersimpan kedalam database

Berhasil menampilka n data siswa dan Data siswa tersimpan kedalam database Berhasil menampilka n data daftar hadir dan Data daftar hadir tersimpan kedalam database Berhasil menampilka n data kelas dan Data kelas tersimpan kedalam database Berhasil menampilka n data evaluasi latihan dan Data evaluasi latihan tersimpan

No

Status aplikasi

96

kedalam database 7.

Laman laporan pendaftar an siswa

Menguji filter data

Laman laporan pendaftaran siswa sudah aktif

Input periode laporan lalu klik tombol submit

8.

Laman laporan daftar hadir

Menguji filter data

Laman laporan daftar hadir sudah aktif


9.

Laman laporan evaluasi latihan

Menguji filter data

Laman laporan evaluasi latihan sudah aktif


10.

Laman laporan detail siswa

Menguji filter data

Laman laporan detail siswa sudah aktif


4.9

Data pendaftaran siswa berhasil ditampilkan dan sesuai dengan periode laporan Data daftar hadir siswa berhasil ditampilkan dan sesuai dengan periode laporan Data evaluasi latihan berhasil ditampilkan dan sesuai dengan periode laporan Data detail iswa berhasil ditampilkan dan sesuai dengan periode laporan

Berhasil ditampilkan dan sesuai dengan periode laporan Berhasil ditampilkan dan sesuai dengan periode laporan

Berhasil ditampilkan dan sesuai dengan periode laporan

Berhasil ditampilkan dan sesuai dengan periode laporan

Analisa Hasil Pengujian Berikut adalah analisa yang telah dilakukan berdasarkan hasil

pengujian yang telah dilakukan. Pada saat user ( siswa atau atau admin) pertama kali membuka halaman web, maka akan menampilkan laman profil dan users dapat memilih laman lain dengan melakukan klik pada menu utama. Pada form login pengujian yang dilakukan adalah memasukan data login user, apabila validasi sukses maka akan diarahkan ke dashboard users, apabila gagal maka akan kembali lagi pada form login

97

Pada form pendaftaran, pengujian yang dilakukan adalah dengan memasukkan data pada form kemudian melakukan submit. Sistem akan melakukan validasi untuk memastikan bahwa field-field yang penting tidak dikosongkan atau tidak ada kesalahan format data. Bila validasi sukses maka data akan tersimpan kedalam database, apabila gagal pada validasi data maka akan muncul pesan error/kesalahan pada form.

Pada form laporan pendaftaran siswa, laporan daftar hadir dan laporan evaluasi latihan pengujian yang dilakukan adalah dengan memasukkan periode laporan sebagai penentuan data yang akan ditampilkan sebagai laporan kemudian melakukan submit. Sistem akan melakukan pencarian data berdasarkan periode tersebut, bila pencarian sukses maka data akan menampilkan list/daftar data-data tersebut, apabila gagal maka akan muncul pesan error/kesalahan pada form laporan.

Sedangkan laporan detail siswa pengujian yang dilakukan adalah dengan memasukkan id siswa tersebut lalu akan muncul data siswa . Apabila gagal maka akan muncul pesan error/kesalahan pada form laporan.

Report "BAB IV IMPLEMENTASI DAN PENGUJIAN"

Your name

Email

Reason

Description

Copyright © 2025 ADOC.PUB. All rights reserved.
About Us | Privacy Policy | Terms of Service | Copyright | Contact Us | Cookie Policy

Sign In

Email

Password

Remember me Forgot password?

Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close

BAB IV IMPLEMENTASI DAN PENGUJIAN

MYFUTSAL <small>Futsal Academy

MY<span>FUTSAL <small>FUTSAL ACADEMY

<span>PROFIL SISWA

Daftar Hadir

BAB IV IMPLEMENTASI DAN PENGUJIAN

Recommend Documents

MY<span>FUTSAL<small>FUTSAL ACADEMY

MYFUTSAL <small>Futsal Academy

MY<span>FUTSAL <small>FUTSAL ACADEMY

<span>PROFIL SISWA

Daftar Hadir