3. Metode Perancangan
Pengembangan dipilih karena jika terdap
fase dari awal, tetapi ha masalah belum terselesai
metode waterfall terlihat
Gambar 1 merup dilakukan pada setiap tah
a. Requirements de
Perencanaan, Eva Olahraga kota Sa
b. System and softw
kebutuhan hardw dan data untuk me
c. Implementation a
direalisasikan seb d.
Integration and diintegrasikan da
bahwa persyarata e.
Operation and Pemeliharaan me
pada tahap – taha pengembangan p
baru ditambahkan
Untuk menduku observasi: 1 Studi lite
tertulis pada buku, jurna internet; 2 Observasi
langsung lembaga pendid
Tahap berikutnya sistem ini menggunaka
bahasa grafis untuk me sistem perangkat lunak [
7
gan
n sistem ini menggunakan metode waterfall. dapat suatu kesalahan, pengembang tidak perlu me
hanya cukup mengulang satu tahapan sebelumny saikan cukup kembali ke tahap berikutnya lagi. Ta
hat pada Gambar 1 [10].
Gambar 1 Metode Waterfall [10]
upakan tahapan umum dari model proses ini. Akt tahap di model waterfall adalah :
definition. Melakukan wawancara dengan sta
valuasi dan Pelaporan pada Dinas Pendidikan, Pe Salatiga tentang kebutuhan aplikasi yang akan dib
ftware design. Proses yang terdiri dari penentu
dware , software, komponen, modul, antar muka
memenuhi kebutuhan yang diperlukan pada tahap n and unit testing.
Proses perancangan perangkat l sebagai serangkaian program atau perangkat lunak
d system testing. Unit program atau program
dan diuji sebagai sistem yang lengkap untuk atan sistem telah dipenuhi.
d maintenance. Sistem diimplementasi dan
mencakup koreksi dari berbagai error yang tidak ahap terdahulu, perbaikan atas implementasi unit s
pelayanan sistem, sementara persyaratan – p kan.
kung pelaksanaan tersebut dilakukan studi lite literatur yaitu mengumpulkan data – data dan
nal, laporan penelitian, maupun informasi yang di si untuk mencari data dan informasi dengan me
didikan di kota Salatiga. nya yaitu pemodelan data dan perancangan prog
kan Unified Modelling Language UML. UM mendokumentasikan, menspesifikasikan, dan m
[11]. Langkah pertama yaitu merancang use cas . Waterfall
mengulangi mnya dan jika
Tahap-tahap
ktifitas yang staf Bagian
Pemuda, dan ibuat.
ntuan desain ka pengguna
ap pertama. t lunak yang
ak. m individual
k menjamin an dipakai.
k ditemukan it sistem dan
persyaratan literatur dan
an informasi didapat dari
mengunjungi rogram pada
ML adalah membangun
ase diagram
untuk menampilkan hub Use case
secara keseluru
Pada Gambar 2 informasi yang disediaka
di kota Salatiga berbasis lembaga pendidikan da
mengelola data termasu lembaga pendidikan, jum
Activity diagram proses bisnis dan alur ke
bagian yaitu User dan Gambar 3, Gambar 4, da
8 ubungan antara aktor dengan use case di dalam si
uruhan dalam sistem dapat dilihat pada Gambar 2.
Gambar 2 Use Case Diagram Sistem
2 dapat dilihat bahwa aktor User hanya dapa akan dalam sistem informasi pencarian lembaga p
sis web. Sistem akan menampilkan informasi men dan data atributnya. Aktor Admin memiliki h
asuk tambah data, edit, dan hapus data meng umlah siswa dan ubah informasi.
am berfungsi untuk menggambarkan logika p
kerja [12]. Perancangan activity diagram dibagi n Admin. Activity diagram untuk User dapat di
dan Gambar 5. sistem [12].
2.
apat melihat a pendidikan
engenai data i hak untuk
engenai data prosedural,
gi menjadi 2 dilihat pada
G
Proses dari Gamb memilih jenjang. Setelah
memilih Detail untuk me memasukkan koordinat
jarak antara sekolah deng dan menampilkan hasilny
Gamb
Gambar 4 menun sistem akan memberi pi
Selanjutnya sistem akan sekolah. User memilih s
akan menerima input d sekolah sesuai pilihan Us
9
Gambar 3 Activity diagram Daftar Sekolah
mbar 3 yaitu User memilih menu Daftar Sekolah lah itu sistem akan menampilkan daftar sekolah
menampilkan detail data sekolah. Selanjutnya U at lokasi di peta untuk mencari tahu rute dan m
engan titik lokasi yang dipilih. Sistem segera men ilnya kepada User.
mbar 4 Activity diagram Statistik Jumlah Siswa
nunjukkan jika User memilih menu Lihat Statis pilihan jenjang dan User dapat memilih salah sa
an menerima input dan memberi daftar pilihan h satu sekolah di antara daftar sekolah yang tersed
dan memberi hasil grafik jumlah siswa perta User
. ah kemudian
lah dan User User
dapat menghitung
engolah data
tistik Siswa, satu pilihan.
an sekolah – sedia, sistem
rtahun suatu
Gam
Gambar 5 meng sistem akan menerima
memilih salah satu jenja peta seluruh sekolah ya
sebelumnya.
Perancangan acti dan Gambar 7.
Gam
Pada Gambar 6 A itu sistem akan mengece
Admin dan jika tidak s
10
ambar 5 Activity diagram Peta Seluruh Sekolah
nggambarkan User memilih menu Peta Seluruh a input, dan memberi pilihan jenjang sekolah. U
njang, setelah itu sistem memproses dan member yang ada di kota Salatiga berdasarkan jenjang ya
ctivity diagram bagian Admin dapat dilihat pada
mbar 6 Activity diagram Tambah Data Sekolah
Admin login sebelum dapat mengolah data sistem ecek validasi Admin, jika benar akan ditampilkan
k sistem akan mengulang proses login dari awa ruh Sekolah,
User dapat
beri tampilan yang dipilih
da Gambar 6
stem. Setelah kan halaman
wal. Setelah
validasi, Admin dapat m Data untuk melakukan
akan menyimpan data un sesudahnya.
G
Gambar 7 dijelas memvalidasi data. Admi
memilih Jumlah Siswa. Admin dapat melakukan
akan menyimpan perub dengan memilih Jumlah
Perancangan clas untuk menampilkan beb
perangkat lunak yang terdapat 9 class yang di
yang dibangun. Masing dan saling berhubungan
11 t memilih menu Manajemen Sekolah dan memili
n penambahan data sekolah dengan mengisi for untuk kemudian ditampilkan di sistem. Admin da
Gambar 7 Activity diagram Jumlah Siswa
laskan sebagai berikut: Admin melakukan login min dapat mengakses menu Manajemen Data Se
a. Halaman Jumlah Siswa ditampilkan oleh s kan penambahan, edit, dan hapus data. Setelah
rubahan yang ada. Proses perubahan data dapa ah Siswa, dan Admin dapat logout setelahnya.
lass diagram dapat dilihat pada Gambar 8 yang
eberapa kelas serta paket – paket yang ada dal g sedang dikembangkan. Dapat dilihat pada G
digunakan untuk merancang struktur program da ng-masing class memiliki fungsi dan atribut yan
an untuk membentuk fungsi program yang komplit milih Tambah
form . Sistem
dapat logout
dan sistem Sekolah dan
sistem dan h itu sistem
pat diulangi g digunakan
dalam sistem Gambar 8,
m dari aplikasi ang berbeda
lit.
Basis data dibutu tabel yang dibuat adalah
dapat dilihat pada Tabel
Tabel 1 Tabel Jumla Field
Tipe
id integer11
id_sekolah integer11
tahun varchar255
jumlah integer11
12
Gambar 8 Class diagram sistem
utuhkan untuk menyimpan data dalam sistem. R lah Tabel Jumlah Siswa, Tabel Setting, dan Tabe
el 1, Tabel 2, dan Tabel 3.
lah Siswa Tabel 2 Tabel Se
Keterangan
primary
Field Tipe
K
id integer11
username varchar255
password varchar255
informasi text
. Rancangan abel Sekolah
Setting Keterangan
primary
13
Tabel 3 Tabel Data Sekolah
Perancangan desain antar muka diperlukan sebagai dasar untuk membuat tampilan aplikasi yang akan dibuat. Rancangan dapat dilihat pada Gambar 9.
Gambar 9 Antar Muka Aplikasi
Gambar 9 menunjukkan ada 10 bagian dari antar muka aplikasi yang berturut-turut merupakan header web, menu, link jenjang SMP, link jenjang SMA,
link jenjang perguruan tinggi, link statistik jumlah siswa, kolom search, menu
konten, form login, dan footer.
4. Hasil Perancangan Dan Pengujian