Laporan Website

INFORMASI BULUTANGKIS DI INDONESIA BERBASIS

WEBSITE

Kelompok 4:
M ZakariaYusri   (13117718)
Zainal Rahman (16117388)
Fariz Ilham   (12117216)
Ivanov Chaisarlie D A (13117021)
Raden Panca H (14117828)
Arian Pradana (10117934)

Univeritas Gunadarma
 1. Latar Belakang

Bulutangkis merupakan olahraga yang banyak digemari sebagian besar masyarakat. Oleh
karena itu, bulu tangkis menjadi olahraga yang cukup populer di dunia. Hampir di setiap negara
memiliki sebuah kompetisi bulu tangkis dan salah satu yang terbesar seperti di China, Denmark,
dan Malaysia.
Bulutangkis di Indonesia pada saat ini telah mengalami banyak perkembangan dari waktu
ke waktu dengan menyesuaikan standar kompetisi Internasional, namun demikian, masyarakat
pencinta bulu tangkis di tanah air masih kurang mengikuti informasi seputar bulu tangkis di
tanah air.
Perkembangan teknologi informasi yang cukup pesat pada saat ini, seperti pada
smartphone yang sudah menjadi kebutuhan pokok, memudahkan user untuk mendapatkan
informasi atau mencari informasi.
Untuk memberikan informasi tentang bulu tangkis yang lebih lengkap kepada masyarakat
maka penulis memberikan solusi pembuatan website yang diberi judul “Informasi BuluTangkis
di Indonesia berbasis Website“. Dimana website ini merupakan sebuah platform yang
menyediakan informasi tentang bulu tangkis yang berada di Indonesia mulai dari sejarah, lokasi,
club, dan informasi yang terkait.

2.Tujuan Penelitian

Tujuan dari penulisan ini adalah membuat Informasi Bulutangkis di Indonesia berbasis
Website untuk mempermudah dan memperkenalkan informasi mengenai bulutangkis di
Indonesia. Cukup dengan membuka website Informasi Bulutangkis di Indonesia, pengguna bisa
mengetahui tentang Sejarah, Stadion, Club, dan juga Legenda bulutangkis yang ada di Indonesia.

3.Pembahasan

3.1 Gambaran Umum Aplikasi

Aplikasi web yang dibuat pada penulisan ini merupakan aplikasi yang berfungsi sebagai
media informasi tentang informasi mengenai bulutangkis yang ada di indonesia. Pada saat
membuka aplikasi web ini, langsung ditampilkan dengan menu Home, pada menu ini berisi
tentang latar belakang mengenai bulutangkis di indonesia. Apabila user ingin mengetahui
informasi, bisa langsung melihat informasi tersebut yang terdapat di website ini, apabila admin
ingin mengubah isi yang ada didalamnya dapat ke halaman login admin dan apabila belum
mempunyai akun maka melakukan registrasi di bagian buat akun untuk mendaftar terlebih
dahulu. Sesudah mempunyai akun maka admin bisa meng-edit,melihat,menambah,serta
menghapus isi isi pada website ini. Pada menu komentar, maka user dapat memberikan komentar
tentang aplikasi.

3.2 Tahapan Penelitian

Pembuatan aplikasi web ini terdiri dari beberapa tahap, dimulai dari mengumpulkan
data dan informasi mengenai informasi bulutangkis dan mempersiapkan hardware dan software
yang dibutuhkan. Pada tahap perancangan akan menjelaskan gambaran umum merancang web
informasi bulutangkis di indonesia dengan aplikasi starUML.Pada tahap implementasi tentang
pembuatan aplikasi web secara keseluruhan, akan dibuat menggunakan Bahasa PHP dan HTML,
meliputi pembuatan background dengan PHP mySQL dan pembuatan halaman web dengan
Visual Studio Code. Tahapan terakhir yaitu pengujian, langkah pertama melakukan pengujian
secara offline dengan menggunakan Apache dan MySQL, dan online dengan menggunakan
hosting gratis dari Infinity Free dan domainnya sebagaimana berfungsi atau tidak aplikasi
berbasis web berjalan semestinya, terdapat pada gambar 3.1 Tahapan Perancangan Progam.

Gambar 3.1

Tahapan Penelitian

3.3 Struktur Navigasi

Pada aplikasi ini struktur navigasi yang digunakan adalah struktur navigasi campuran,
karena struktur navigasi ini merupakan suatu struktur yang mengandalkan percabangan untuk
menampilkan data atau gambar pada layer dengan kriteria tertentu. Struktur navigasi dibuat
untuk user seperti gambar 3.2 dan untuk admin seperti terlihat pada gambar 3.3.
3.3.1 Struktur Navigasi User
Pada halaman Home terdiri dari 4 menu terdiri dari Sejarah Bulutangkis, Informasi,
Tentang dan Komentar yang masing-masing memiliki fungsi tersendiri. Pada menu Sejarah
Bulutangkis berisi informasi mengenai sejarah bulutangkis. Lalu Menu Informasi berisi lokasi
stadion bulutangkis, club bulutangkis, dan juga legenda bulutangkis di Indonesia yang saling
terhubung dalam satu page. Menu Tentang berisi profil dari pembuat web dan menu Komentar
berisi tempat komentar dari pembaca dan penulis. Pada gambar 3.2 adalah struktur navigasi
untuk user.

Ga
mbar 3.2 Struktur Navigasi User

Struktur navigasi User menunjukkan bahwa User hanya dapat membuka halaman
Home, Sejarah Bulutangkis, Informasi, Tentang dan Komentar saja. Apabila User membuka
halaman Sejarah Bulutangkis, maka User akan masuk ke dalam halaman Sejarah Bulutangkis di
indonesia. Pada halaman Informasi, User dapat melihat info mengenai Stadion, Club, dan
Legenda Bulutangkis. User dapat memberikan komentar mengenai info tentang Stadion, Club
dan juga Legenda Bulutangkis di halaman komentar.
Pada Struktur Navigasi User, penulis menggunakan struktur navigasi campuran. Dalam
struktur navigasi campuran ini terdapat struktur navigasi linear dan juga struktur navigasi hirarki
dimana struktur navigasi linear terdapat menu menu yang berdampingan,dan struktur navigasi
hirarki karena terdapat menu child yang berada dibawah menu lainnya.

3.3.2 Struktur Navigasi Admin

 Aplikasi dimulai dari Login Admin lalu terhubung ke Home Admin, maka yang berisi
halaman Dashboard, Komentar User, menu Informasi berisi informasi mengenai Stadion, Club,
dan Legenda Bulutangkis di Indonesia yang saling terhubung pada satu sub-menu page dan
menu Logout. Pada setiap halaman terdapat Tambah data, Edit data , Lihat data, dan Hapus data.
Dimana dapat melakukan kegiatan menambahkan data pada Tambah Data ,meng-edit data
melalui menu Edit Data dan menghapus beberapa data pada Hapus data.

Gambar 3.3 Struktur Navigasi Admin

Pada Struktur navigasi admin pada gambar 3.3 menunjukkan bahwa admin bisa
membuka halaman Home Admin, Komentar User, Informasi, dan Logout. Pada halaman
Informasi, Admin dapat melakukan Tambah Data, Edit Data, Lihat Data, dan Hapus Data.
Struktur Navigasi Admin, penulis menggunakan struktur navigasi campuran. Dalam
struktur navigasi campuran ini terdapat struktur navigasi linear dan juga struktur navigasi hirarki
dimana struktur navigasi linear terdapat menu menu yang berdampingan,dan struktur navigasi
hirarki karena terdapat menu child yang berada dibawah menu lainnya.
3.4 Perancangan Halaman
Perancangan halaman adalah tahapan merancang antarmuka antara pemakai dan
aplikasi. Pada tahap ini, ada beberapa perancangan tampilan berdasarkan struktur navigasi dari
website Informasi Bulutangkis di Indonesia.

3.4.1 Perancangan Halaman Home User

Halaman Home merupakan halaman awal dari website Informasi Bulutangkis di
Indonesia. Pada gambar 3.4 terdapat rancangan pada halaman Home User.

Gambar 3.4 Tampilan Halaman User

Pada halaman pertama merupakan halaman Home yang berisi tentang latar belakang
dari Informasi Bulutangkis di Indonesia. Pada gambar 3.4 merupakan rancangan pada halaman
home.

3.4.2 Perancangan Halaman Sejarah Bulutangkis

Halaman selanjutnya merupakan halaman kedua dari website Informasi
Bulutangkis Di Indonesia yaitu Sejarah Bulutangkis. Pada gambar 3.5 terdapat
perancangan pada halaman Sejarah Bulutangkis.
 Gambar 3.5 Rancangan Tampilan Sejarah Bulutangkis

Hampir sama dengan halaman Home tetapi perbedaannya terdapat pada bagian tengah
terdapat isi berupa tulisan dan gambar pada sejarah Bulutangkis di Indonesia.

3.4.3 Perancangan Halaman Informasi

Pada Halaman Informasi merupakan halaman ketiga yang berisi halaman mengenai
Stadion, Club, dan Legenda Bulutangkis di Indonesia. Tampilan Halaman Informasi
akan membuka sub menu tersebut yang nantinya bisa mengakses salah satu sub menu
tersebut.

3.4.4 Perancangan Halaman Stadion

Halaman Stadion merupakan halaman kedua dari pada gambar 3.6 terdapat
perancangan pada halaman Stadion.
 Gambar 3.6 Rancangan Stadion

Halaman salah satu sub menu yang terdapat pada Informasi yaitu mengenai informasi
stadion bulutangkis yang ada di Indonesia yang terdapat pada halaman ini.

3.4.5 Perancangan Halaman Club

Halaman Club merupakan Halaman kedua dari pada gambar 3.7 terdapat
perancangan pada halaman Club.
 Gambar 3.7 Rancangan Club

Halaman salah satu sub menu yang terdapat pada Informasi yaitu mengenai
informasi Club Bulutangkis yang ada di Indonesia yang terdapat pada halaman ini.

3.4.6 Perancangan Halaman Legenda Bulutangkis

Halaman Legenda merupakan Halaman kedua dari pada gambar 3.8 terdapat
perancangan pada halaman Legenda.
 Gambar 3.8 Rancangan Legenda

Halaman salah satu sub menu yang terdapat pada Informasi yaitu mengenai informasi
Legenda Bulutangkis di Indonesia yang terdapat pada halaman ini.

3.4.7 Perancangan Halaman Tentang

Halaman Tentang merupakan Halaman ke empat dari pada gambar 3.9 terdapat
perancangan pada halaman Tentang.
 Gambar 3.9 Rancangan Tentang
Pada Halaman Tentang ini terdapat Biodata dan Lokasi pembuat yang akan di isi
oleh pembuat website.

3.4.8 Perancangan Halaman Komentar

Halaman Komentar merupakan Halaman kelima dari pada gambar 4.0 terdapat
perancangan pada halaman Komentar.

Gambar 3.10 Rancangan Komentar

Pada Halaman Komentar ini user dapat memberikan kritik dan saran dalam kolom
Komentar yang ada pada Website ini.

3.4.9 Perancangan Halaman Login Admin

Halaman Login Admin terlihat pada gambar 3.12 yang merupakan tampilan Halaman
Login, admin dapat melakukan login dengan cara memasukkan username dan password
yang sudah dimiliki.
 Gambar 3.11 Rancangan Login Admin

3.4.10 Perancangan Dashboard Admin

Halaman Dashboard memiliki beberapa perbedaan dengan Home User yang merupakan
halaman awal dari website Informasi Bulutangkis di Indonesia. Pada Dashboard terdapat
banyak menu yang bisa diakses pada bagian tengah halaman pada gambar 3.12 terdapat
perancangan halaman Dashboard.

Gambar 3.12 Rancangan Dashboard

3.4.11 Perancangan Informasi Stadion Admin
Halaman Stadion merupakan salah satu sub menu dari bagian Informasi Admin di mana
bisa melakukan banyak kegiatan menambah, mengedit, melihat, dan menghapus data
yang ada di dalam halaman Stadion. Pada gambar 3.13 terdapat perancangan pada
halaman Stadion.

Gambar 3.13 Rancangan Informasi Stadion Admin

Halaman ini menampilkan nama, keterangan, dan aksi yang bisa dilakukan pada halaman
Stadion. Pada kolom Aksi terdapat tombol hijau yang mengarahkan ke halaman Edit Data yang
berguna mengubah isi halaman sesuai keinginan, tombol Biru yang mengarahkan ke halaman
Lihat Data yang berguna untuk melihat halaman yang tampil di bagian user, dan tombol Merah
yang berguna menghapus data yang diinginkan.

3.4.12 Perancangan Informasi Club Admin

Halaman Club merupakan salah satu sub menu dari bagian Informasi Admin di mana bisa
melakukan banyak kegiatan menambah, mengedit, melihat, dan menghapus data yang ada di
dalam halaman Stadion. Pada gambar 3.14 terdapat perancangan pada halaman Club.
 Gambar 3.14 Rancangan Informasi Club Admin
Halaman ini menampilkan nama, keterangan, dan aksi yang bisa dilakukan pada halaman
Club. Pada kolom Aksi terdapat tombol hijau yang mengarahkan ke halaman Edit Data yang
berguna mengubah isi halaman sesuai keinginan, tombol Biru yang mengarahkan ke halaman
Lihat Data yang berguna untuk melihat halaman yang tampil di bagian user, dan tombol Merah
yang berguna menghapus data yang diinginkan.

3.4.13 Perancangan Informasi Legenda Admin

Halaman Club merupakan salah satu sub menu dari bagian Informasi Admin di mana bisa
melakukan banyak kegiatan menambah, mengedit, melihat, dan menghapus data yang ada di
dalam halaman Stadion. Pada gambar 3.15 terdapat perancangan pada halaman Legenda.
 Gambar 3.15 Perancangan Informasi Legenda admin
Halaman ini menampilkan nama, keterangan, dan aksi yang bisa dilakukan pada halaman
Legenda. Pada kolom Aksi terdapat tombol hijau yang mengarahkan ke halaman Edit Data yang
berguna mengubah isi halaman sesuai keinginan, tombol Biru yang mengarahkan ke halaman
Lihat Data yang berguna untuk melihat halaman yang tampil di bagian user, dan tombol Merah
yang berguna menghapus data yang diinginkan.

3.4.14 Perancangan Halaman Komentar user

Halaman Komentar User di mana admin hanya dapat menghapus data komentar yang ada
di dalam halaman Komentar User.
 Gambar 3.16 Halaman Komentar User
Halaman ini menampilkan komentar beserta email pengirim dan tanggal kapan user
melakukan komentar sehingga nantinya bisa dilihat untuk terjadinya komunikasi antara
user dan admin, dibuat hanya tombol hapus karena untuk antisipasi komentar yang tidak
baik.

3.4.15 Perancangan Halaman Tambah Data

Halaman Tambah Data yaitu berfungsi untuk menambah data sesuai kebutuhan
admin di mana hanya dapat menambah data seperti pada gambar 3.17.
 Gambar 3.17 Perancangan Halaman Tambah Data
Halaman ini menampilkan tempat mengisi judul, dan keterangan sesuai yang dibutuhkan.

3.4.16 Perancangan Halaman Edit Data

Halaman Edit Data yaitu berfungsi untuk mengubah data jikalau terjadi kesalahan
penulisan setelah mengirim tulisan ke halaman user di mana admin hanya dapat
mengubah data yang sudah terkirim pada halaman user berikut gambar 3.18 yaitu
perancangan halaman Edit Data.

Gambar 3.18 Perancangan Halaman Edit

Halaman ini berisi tempat untuk mengubah isi yang ada di halaman user sehingga admin
bisa mengkoreksi hal yang tidak diinginkan.

3.4.17 Perancangan Halaman Lihat Data

Halaman Lihat Data yaitu berfungsi untuk melihat data yang sudah terkirim pada
halaman user, berikut gambar 3.19 yaitu Perancangan Halaman Lihat Data.
 Gambar 3.19 Perancangan Halaman Lihat
Halaman ini hanya memunculkan pratinjau dari halaman tersebut. Perancangan di atas
hampir sama dengan Edit Data.

3.4.18 Perancangan Halaman Hapus Data

Berbeda dengan yang sebelumnya, Hapus Data hanya berupa pop-up yang
berfungsi untuk menghapus data yang tidak diinginkan pada halaman user. Setelah
muncul pop-up maka pilih tombol “oke” untuk menghapus atau tombol “batal” untuk
membatalkan eksekusi seperti pada gambar 3.20 yaitu Perancangan Tampilan Hapus
Data.

Gambar 3.20 Perancangan Halaman Hapus Data

3.5 Tampilan Website User
Pada sub bab ini akan dibahas mengenai tampilan halaman dari Aplikasi. Tahap
yang akan dibahas mengenai halaman Home, halaman Sejarah Bulutangkis,
halaman Informasi, halaman Komentar, dan halaman Tentang.

3.5.1 Tampilan Halaman Home User

Halaman Home User adalah halaman yang ditampilkan pada halaman
utama user. Berikut adalah tampilan dari halaman Menu Utama yang dapat
dilihat pada gambar 3.21.

Gambar 3.21 Halaman Menu

3.5.2 Tampilan Halaman Sejarah

Halaman Sejarah adalah halaman yang ditampilkan pada halaman kedua
user. Berikut adalah tampilan dari halaman Sejarah yang dapat dilihat pada
gambar 3.22
 Gambar 3.22 Tampilan Halaman Sejarah

3.5.3 Tampilan Halaman Informasi Stadion

Halaman Informasi Stadion adalah halaman yang ditampilkan pada halaman
Informasi > Informasi Stadion user. Berikut adalah tampilan dari halaman Sejarah yang
dapat dilihat pada gambar 3.23

Gambar 3.23 Halaman Informasi Stadion

3.5.4 Tampilan Halaman Informasi Club
Halaman Informasi Club adalah Halaman yang ditampilkan pada halaman
Informasi > Informasi Club user. Berikut adalah tampilan dari halaman Sejarah yang
dapat dilihat pada gambar 3.24

Gambar 3.24 Tampilan Halaman Informasi Club

3.5.5 Tampilan Halaman Informasi Legenda

Halaman Informasi Legenda adalah Halaman yang ditampilkan pada halaman
Informasi > Informasi Club user. Berikut adalah tampilan dari halaman Sejarah yang
dapat dilihat pada gambar 3.25
 Gambar 3.25 Tampilan Halaman Informasi Legenda

3.5.6 Tampilan Halaman Tentang

Halaman Informasi Tentang adalah Halaman yang ditampilkan pada Halaman
Tentang untuk mengetahui Informasi Tentang pembuat Website. Berikut adalah tampilan
dari halaman Sejarah yang dapat dilihat pada gambar 3.26

Gambar 3.26 Tampilan Halaman Tentang

 3.5.7 Tampilan Halaman Komentar
Halaman Informasi Komentar adalah Halaman yang ditampilkan pada Halaman
Tentang untuk user memberikan pendapat, kritik dan saran Tentang Website ini. Berikut
adalah tampilan dari halaman Sejarah yang dapat dilihat pada gambar 3.27

Gambar 3.27 Tampilan Halaman Komentar

3.6 Tampilan Website Admin

Pada sub bab ini akan dibahas mengenai tampilan halaman Admin . Tahap yang
akan dibahas mengenai halaman Admin, halaman Dashboard, Halaman Informasi
Stadion , Club , dan Informasi Legenda. Terdapat pula Halaman Komentar user dan
Logout.

3.6.1 Tampilan Website Admin

Halaman Login Admin adalah halaman awal yang pertama kali admin lihat. Pada
halaman login, admin diminta untuk memasukan username dan password untuk dapat
masuk dan menggunakan sistem tersebut. Berikut adalah tampilan halaman login admin
yang dapat dilihat pada gambar 3.28
 Gambar 3.28 Login Admin

3.6.2 Tampilan Website Dashboard

Pada Halaman Dashboard terdapat Stadion , Club, Legenda dimana Admin bisa
mengedit , menambahkan dan menghapus data. Berikut tampilan gambar 3.29

Gambar 3.29 Tampilan Dashboard Admin

3.6.3 Tampilan Informasi Stadion
Tampilan Halaman Informasi Stadion berfungsi untuk mengedit , menambahkan
dan menghapu data pada Halaman Informasi Stadion. Berikut tampilan gambar 3.30

Gambar 3.30 Tampilan Halaman Stadion admin

3.6.4 Tampilan Informasi Club

Tampilan Halaman Informasi Club berfungsi untuk mengedit , menambahkan dan
menghapu data pada Halaman Informasi Club. Berikut tampilan gambar 3.31
 Gambar 3.31 Tampilan Informasi Club

3.6.5 Tampilan Informasi Legenda

Tampilan Halaman Informasi Legenda berfungsi untuk mengedit , menambahkan
dan menghapu data pada Halaman Informasi Legenda. Berikut tampilan gambar 3.32

Gambar 3.32 Tampilan Informasi Legenda

3.6.6 Tampilan Komentar user

Tampilan Halaman Komentar User adalah untuk mengetahuin komentar user

kepada website tersebut. Berikut tampilan gambar 3.33
 Gambar 3.33 Tampilan Komentar

3.6.7 Tampilan Halaman Tambah Data

Halaman Tambah Data yaitu berfungsi untuk menambah data sesuai kebutuhan
admin di mana hanya dapat menambah data. Terdapat pada Gambar 3.34

Gambar 3.34 Tampilan Tambah Data

3.6.8 Tampilan Halaman Edit Data

Halaman Edit Data yaitu berfungsi untuk mengubah data jikalau terjadi kesalahan
penulisan setelah mengirim tulisan ke halaman user di mana admin hanya dapat
mengubah data yang sudah terkirim pada halaman user. Terdapat pada Gambar 3.35
 Gambar 3.35 Tampilan Edit Data

3.6.9 Tampilan Hapus Data

Hapus Data hanya berupa pop-up yang berfungsi untuk menghapus data yang
tidak diinginkan pada halaman user. Setelah muncul pop-up maka pilih tombol “oke”
untuk menghapus atau tombol “batal” untuk membatalkan eksekusi. Terlihat pada
gambar 3.36

Gambar 3.36 Tampilan Hapus Data

 3.6.10 Tampilan Halaman Logout

Halaman logout ketika admin mengklik Logout maka otomatis akan kembali ke
halaman user. Jika ingin masuk ke halaman admin lagi maka harus mengklik login
kembali.

3.7 Perancangan Tabel Database

Pada sub bab ini akan dibahas mengenai tabel apa saja yang dibuat untuk
membangun Informasi Bulutangkis di Indonesia Berbasis Website. Nama
database yang dibuat adalah db_panca.

Tabel 3.1 Database Stadion

Nama Tipe Data Ukuran Keterangan

Id_stadion Integer 11 Identitas stadion sebagai primary key

Title Varchar 20 Sebagai judul dari informasi

description Text 1000 Sebagai isi dari informasi stadion

Tabel 3.2 Database Club

Nama Tipe Data Ukuran Keterangan

Id_club Integer 11 Identitas club sebagai primary key

Title Varchar 20 Sebagai judul dari informasi

description Text 1000 Sebagai isi dari informasi club

Tabel 3.3 Database Legenda

Nama Tipe Data Ukuran Keterangan

Id_legenda Integer 11 Identitas legenda sebagai primary key

Title Varchar 20 Sebagai judul dari informasi

description Text 1000 Sebagai isi dari informasi legenda

Tabel 3.4 Database Komentar

Nama Tipe Data Ukuran Keterangan

Id_komentar Integer 11 Identitas komentar sebagai primary key

Komentar Varchar 100 Sebagai isi dari komentar

Email Varchar 15 Sebagai alamat email dari user

Create Date Datetime 10 Sebagai tanggal user melakukan komentar

3.8 Hosting Website

Hosting Website dapat dilakukan dengan beberapa cara, Berikut beberapa langkah
untuk menghosting website.

Pertama Kompres folder sepakbola yang berada di dalam folder xampp/htdocs

menjadi zip file. Lalu export database yang sudah di buat di
localhost/phpmydadmin dengan cara, klik database db_dea lalu pilih button
export, lalu tekan button go.
 Gambar 3.37 Hosting Website

File yang di butuhkan untuk upload ke server hosting

Gambar 3.38 Hosting Website

Login kedalam server hosting, dan akan muncul halaman dashboard

seperti dibawah ini.

Gambar 3.39 Hosting Website

Kemudian Langkah selanjutnya upload file database ke phpmyadmin server
hosting, klik Layanan SQL-> phpMyAdmin, kemudian buat database dengan
nama bk0208_db_panca, lalu import file database yang sudah disiapkan
sebelumnya, klik go untuk mengakhiri.

Gambar 3.40 Hosting Website

Kembali kehalaman dashboard server hosting, pilih Manajemen File->Manajer

File setelah terbuka pilih upload mengupload folder bulutangkis.zip. Kemudian
decompress folder bulutangkis.zip dengan memilih button pojok kanan.

Gambar 3.41 Hosting Website

 Gambar 3.42 Hosting Website

Dan berikut hasil decrompress

Gambar 3.43 Hosting Website

File berhasil di upload ke server hosting. Untuk melihat website yang sudah terupload
ketikan domain berikut di url browser https://bk0208.babastudio.id/bulutangkis

3.9 Uji Coba Website

Proses uji coba web browser berfungsi untuk menguji apakah website dapat
berjalan secara normal pada aplikasi browser serta perangkat dengan spesifikasi yang
berbeda. Berikut merupakan jenis dan spesifikasi dari perangkat yang digunakan oleh
penulis untuk melakukan uji coba aplikasi:

Berikut merupakan jenis dan spesifikasi dari perangkat yang digunakan oleh
penulis untuk melakukan uji coba aplikasi:

1. Laptop Asus

1) Windows 10 Pro 64-bit

2) Ukuran layar 15.6inch ( 1920x1080 pixels)

3) 16 GB RAM

4) 256 GB memori internal

2. Laptop Asus A456U

1) Windows 10 Pro 64-bit

2) Ukuran layar 14 inch (1366 x 768 pixels)

3) 4 GB RAM

4) 500 GB memori internal

Berikut ini merupakan hasil yang di dapatkan oleh penulis setelah melakukan uji coba
aplikasi dengan menggunakan web browser Google Chrome, Mozilla Firefox, Microsoft edge
pada masing-masing perangkat:

Pada uji coba website ini, penulis menggunakan bandwith First Media dengan
kecepatan 10 mb/s.

Tabel 3.39 Hasil Uji Coba Website

Uji Coba Waktu Akses Aplikasi

Tampilan Fitur Google Mozilla Microsoft

No. Nama Device Firefox

Chrome Edge
 1. Leptop Asus Tampilan Semua fitur 0,60s 01,40s 01,64s
ROG GL553VD sempurna berfungsi.
(tidak
terdapat
cacat)
2 Laptop Asus Tampilan Semua fitur 01,45s 01,18s 0,73s
A456U sempurna berfungsi.
( tidak
terdapat
catat)

Uji coba yang dilakukan penulis terhadap website adalah pengujian terhadap tampilan,
dengan cara mencocokan tampilan program dengan tampilan yang telah dibuat oleh penulis.
Pengujian berikutnya adalah uji fitur, pada pengujian ini penulis melakukan test fungsi terhadap
tombol-tombol yang ada pada website, apakah sesuai dengan fungsi saat perancangan atau tidak.
Uji ketiga yaitu uji waktu akses website yaitu pengujian berapa lama waktu yang dibutuhkan
untuk menampilkan halaman awal Informasi Bulutangkis.

Hasil uji coba pada perangkat ke 1, tampilan sempurna ( tidak terdapat cacat), untuk semua fitur
berfungsi dan waktu akses yang dibutuhkan adalah 0,60s detik menggunakan Google Chrome ,
01,40 detik menggunakan Mozilla Firefox dan 01,64 detik menggunakan Microsoft Edge. Uji
coba perangkat 2, tampilan sempurna ( tidak terdapat cacat ), untuk semua fitur berfungsi dan
waktu akses yang dibutuhkan 01,45detik menggunakan Google Chrome, 01,18 detik
menggunakan Mozilla Firefox, 0,73 detik menggunakan Microsoft Egde.

3.10 Analisa Uji Coba

Berdasarkan dari hasil uji coba pada tabel 3.39 Hasil Uji Coba Website di ambil
kesimpulan bahwa perangkat 1 membutuhkan akses tercepat dengan waktu 0.60 detik dengan
menggunakan web browser Google Crome pada Leptop Asus ROG GL553VD, windows 10
Pro 64-bit, Ukuran layar 15.6 inch (1920x1080 pixels), 16 GB RAM dan 256 GB memori
Internal.