3
objek di dalam
Java
dengan tipe data
java
ke dalam
model
data relational dengan tipe data SQL [8]. Kelebihan integrasi
Vaadin
dengan
spring
dan
hibernate
pada saat proses manipulasi terhadap
databa se
dikelola secara menyeluruh oleh
framework Spring
dan
Hibernate
yang mengatur kapan dilakukannya
rollback
atau
commit
transaksi pada
database
data
manipulation languageSQL, insert, update, delete
.
3. Metode Penelitian
Metode penelitian dapat diartikan sebagai cara kerja untuk dapat memahami suatu
object
penelitian [9]. Penelitian dilakukan melalui tahapan pada Gambar 1.
Gambar 1 Tahapan Penelitian[10]
Pada tahap pertama adalah identifikasi masalah, pada tahap ini dilakukan identifikasi terhadap permasalahan yang ada. Tahap kedua adalah studi literatur
yang bertujuan untuk menyusun dasar teori yang akan digunakan dalam penelitian seperti artikel, jurnal, buku, dokumen, laporan penelitian, maupun informasi yang
didapat dari internet. Tahap ketiga adalah analisis kebutuhan, dimana dengan adanya analisis dapat mengetahui kebutuhan data.
Tahap keempat adalah perancangan sistem, pada tahap ini meliputi perancangan proses menggunakan UML, perancangan arsitektur, perancangan
database
dan perancangan antarmuka. Tahap selanjutnya dilakukan implementasi sistem, tahap dimana perancangan perangkat lunak direalisasikan sebagai
serangkaian program atau perangkat lunak. Kemudian dilanjutkan ketahap pengujian sistem serta evaluasi pengujian sistem yaitu menguji sistem yang sudah
4
dibuat sesuai dengan yang diharapkan, jika belum sesuai maka dilakukan pengujian ulang.
Tahap terakhir adalah penulisan laporan, yaitu menulis hasil dokumentasi dari pengujian sistem dari tahap awal hingga tahap akhir yang nantinya akan
menjadi hasil penelitian.
Pengembangan Sistem
Pengembangan sistem ini menggunakan metode
waterfall
.
Waterfall
dipilih karena jika terdapat suatu kesalahan, pengembang tidak perlu mengulangi fase
dari awal, tetapi hanya cukup mengulang satu tahapan sebelumnya dan jika masalah belum terselesaikan cukup kembali ke tahap berikutnya lagi. Tahap-tahap
metode
waterfall
terlihat pada Gambar 2 [10].
Gambar 2 Metode
Waterfall
[11]
Gambar 1 merupakan tahapan umum dari model proses ini. Aktifitas yang dilakukan pada setiap tahap di model
waterfall.
Tahapan pertama adalah
requirements definition
dimana dilakukan pengumpulan kebutuhan sistem. Adapun sumber data atau kebutuhan yang digunakan adalah data primer dan data
sekunder. Data primer adalah data yang diperoleh langsung dari sumber yang diamati dan dicatat untuk pertama kali. Pada penelitian ini didapatkan dari
dokumen dan hasil wawancara dengan pihak Dinas PPO kota Semarang tentang kebutuhan aplikasi yang dibuat. Data sekunder adalah data yang diperoleh secara
tidak langsung baik dari buku literatur, arsip
– arsip dan dokumen – dokumen yang dimiliki oleh organisasi yang bersangkutan atau media lain mengenai
informasi sekolah kota Semarang. Tahap kedua adalah
system and software design.
Pada proses ini terdiri dari penentuan desain kebutuhan
ha rdware
,
sofware
, komponen, modul, antar muka pengguna dan data untuk memenuhi kebutuhan yang diperlukan pada tahap
requirements definition.
Setelah tahap
system and softwa re design
, tahap selanjutnya adalah
implementation and unit testing
dimana proses perancangan perangkat lunak direalisasikan sebagai serangkaian program atau perangkat lunak.
Kemudian dilanjutkan ke tahap
integration and system testing
dimana unit
5
program atau program individual diintegrasikan dan diuji sebagai sistem yang lengkap untuk menjamin bahwa persyaratan sistem telah dipenuhi.
Tahap terakhir adalah
operation and maintenance
dimana sistem diimplementasikan, dipakai dan dipelihara. Pemeliharaan sistem mencakup
koreksi dari berbagai
error
yang tidak ditemukan pada tahap – tahap terdahulu,
perbaikan atas implementasikan unit sistem dan pengembangan pelayanan sistem, sementara persyaratan
– persyaratan baru ditambahkan. Permodelan dan perancangan program pada sistem ini menggunakan UML
Unified Modeling Language
yang terdiri dari
Use Case, Activity, Sequence,
dan
Class Diagram
.
Use Case Diagram
menggambarkan suatu rangkaian kegiatan yang dijalankan oleh aplikasi dan menggambarkan hubungan antara masing-
masing aktor dengan setiap proses yang digambarkan melalui setiap
use case
.
Use Case
diagram
ini menjelaskan dan
menerangkan
requirement
yang diinginkandikehendaki
user
orang tua siswa, serta berguna dalam menentukan struktur organisasi dan model dari sebuah sistem yang akan dikembangkan.
Use case diagram
pada sistem ini dapat dilihat pada Gambar 3.
mengatur inf ormasi sekolah admin Dinas PPO
melihat detail inf ormasi sekolah include
melihat peta sekolah include
extend orang tua siswai
menambah inf ormasi sekolah mengubah inf ormasi sekolah
menghapus inf ormasi sekolah extend
extend extend
melihat daf tar sekolah include
Gambar 3
Use Case
Orang Tua Siswa dan
Admin
Pada
use case
yang ditunjukan pada Gambar 3 diatas menunjukkan model bagi orang tua siswa dan
admin
.
Admin
yang dimaksud adalah pihak Dinas PPO. Orang tua siswa dapat mengakses halaman
web
SIG sebagai
user
untuk melihat peta sekolah dan melihat
detail
informasi sekolah secara garis besar informasi
yang ditampilkan tentang pencarian data sekolah. Menu yang dapat diakses orang tua siswa adalah menu pencarian, tingkatan sekolah, akreditasi, dan kecamatan
untuk pencarian lokasi dan data sekolah yang diinginkan. Menambah data dan mengubah data tidak bisa dilakukan oleh
user
karena sistem ini hanya memberikan akses
login
dan hak akses hanya pada
admin
. Hal ini
admin
dapat mengakses ke halaman admin untuk menambah data, mengubah data, menghapus
data informasi sekolah.
Activity
diagram merupakan penggambaran alur aktivitas dalam sistem yang sedang dirancang, bagaimana aktivitas dimulai,
decision
yang mungkin terjadi
6
dan bagaimana aktivitas berakhir. Pada sistem ini akan terdapat dua
activity diagram
yaitu untuk
user
orang tua siswa dan untuk
admin
pihak Dinas PPO.
Sequence Diagra m
berfungsi untuk mendeskripsikan interaksi antara setiap komponen baik di dalam maupun disekitar sistem dalam bentuk pesan yang
digambarkan terhadap waktu.
Sequence Diagram
juga mendeskripsikan alur yang dilakukan sebagai respon dari sebuah
input
untuk menghasilkan suatu
output
tertentu.
Class Diagram
berfungsi untuk mendeskripsikan struktur serta relasi antar kelas yang terdapat pada sistem aplikasi.
Class Diagram
pada perancangan sistem dapat dilihat pada Gambar 4.
Gambar 4
Class Diagram
7
Pada Gambar 4 terdapat 7
class
yang digunakan untuk merancang struktur program dari aplikasi yang dibangun. Masing
– masing
class
memiliki fungsi dan
attribute
yang berbeda dan saling berhubungan. Pada semua
class
memiliki
getter
dan
setter. Cla ss UserAccount
tersebut diatur oleh
admin
dengan memasukan
username
dan
password
untuk mengatur semua isi dalam aplikasi. Arsitektur Aplikasi sebagai proses sistem menggunakan
Vaadin.
Arsitektur aplikasi dapat dilihat pada Gambar 5 dibawah ini.
Gambar 5 Arsitektur Sistem Aplikasi
Pada Gambar 5 menunjukkan arsitektur sistem yang dibangun. Bagian berwarna hijau adalah bagian dari sistem yang dirancang pada penelitian ini.
Aplikasi yang dirancang adalah aplikasi berbasis
Java web
yang berinteraksi dengan pengguna melalui
browser
. Sistem memiliki beberapa komponen sistem yang saling berinteraksi satu sama lain.
Vaadin
menggunakan
Service
dan DAO yang disediakan oleh
Spring
untuk melakukan
transaction management
dalam membantu proses bisnis pada sistem.
Persistence
untuk menghubungkan sistem ke
database
dan keterlibatan
Hibernate
dalam sistem ini membantu proses manipulasi pada
database
mulai dari membuat
schema database
hingga proses pembentukan
query
melalui
Ja va Databa se Connectivity
JDBC. Menampilkan peta pada aplikasi digunakan
add-on component
yang disediakan oleh
Vaadin
yaitu
Google Maps Add-on
. Komponen tersebut dapat menampilkan peta
Google Maps
pada
browser client
menggunakan
Google Maps API
dengan bantuan koneksi internet.
Perancangan desain antar muka diperlukan sebagai dasar untuk membuat tampilan aplikasi yang akan dibuat. Rancangan dapat dilihat pada Gambar 6.
8
Gambar 6 Rancangan Antar Muka Aplikasi
Gambar 6 menunjukkan ada 5 bagian dari antar muka aplikasi adalah 1
Form login,
2 Judul aplikasi, 3 Fitur pencarian sekolah, 4 Peta, 5 kontrol pada peta
.
4. Hasil dan Pembahasan
