21
BAB 3 PERANCANGAN SISTEM
Pada bab ini akan dibahas mengenai perancangan sistem mulai dari desain database sampai desain diagram-diagram UML-nya. Sebelum menginjak ke
bagian pertama, perlu diketahui bahwa perangkat lunak ini sendiri terdiri dari empat bagian, yaitu .
3.1 Gambaran Umum Sistem
Perangkat lunak yang akan di buat terdiri dari tiga bagian, yaitu administrator, client dan agent. Administrator mengatur segala hal yang
berhubungan dengan inserting, updating dan deleting data ke database. Aplikasi inilah yang akan menangani data – data baru yang akan masuk ke sistem. Seperti
situs baru, alamat URL dan sebagainya. Demikian juga jika ada perubahan maupun penghapusan terhadap database. Client merupakan aplikasi bagi
pengguna berisi antarmuka untuk membaca dan mencari berita. agent berfungsi sebagai agen yang bertugas mengambil berita secara otomatis dan menyimpannya
ke dalam database setelah mendapatkan berita dari situs berita atau website berita yang dicari. Fungsi - fungsi yang digunakan client umumnya yang berhubungan
dengan akses ke database, dan fungsi – fungsi untuk parsing filtering data dari suatu halaman website. Gambar di bawah ini menunjukkan gambaran umum
sistem :
Gambar 3.1
Gambar Arsitektur Sistem
3.2 Use Case Diagram
Use case diagram ini akan menggambarkan hubungan actor dengan proses – proses yang menjadi tanggung jawabnya. Dalam use case diagram ini ada tiga
aktor, yaitu Administrator, Pengguna dan Agent. Masing – masing aktor memiliki tanggung jawab masing – masing seperti yang dijelaskan sebagai berikut :
3.2.1 Use Case Diagram Administrator
Use case diagram administrator menggambarkan proses – proses yang dilakukan oleh aktor administrator.Aktor Administrator bertanggung jawab
mengelola data – data yang berhubungan dengan tabel – tabel situs dan direktori.
manipulasi situs administator
manipulasi direktori
Gambar 3.2 Use Case Diagram Administrator
a. Manipulasi Situs : Aktivitas ini merupakan aktivitas administrator yaitu
memanipulasi situs dari inserting, updating dan delete suatu data situs. b.
Manipulasi Direktori : Aktivitas ini merupakan aktivitas administrator yaitu memanipulasi direktori dari inserting, updating dan delete suatu data
direktori.
3.2.2 Use Case Diagram Pengguna
Use case diagram pengguna menggambarkan proses – proses yang dilakukan oleh aktor pengguna. Aktor pengguna melakukan aktivitas mencari
barita dan membaca berita.
mencari berita
pengguna membaca berita
Gambar 3.3 Use Case Diagram Pengguna
a. Mencari Berita : Aktivitas ini merupakan aktivitas utama pengguna yaitu
mencari sebuah berita yang dia inginkan. Dengan memilih nama situs dan direktori dari sebuah halaman website yang sudah tersimpan di database.
b. Membaca Berita : Aktivitas ini merupakan aktivitas pengguna yaitu
membaca berita dan ini merupakan pengguna yang pasif karena hanya memerlukan isi dari berita yang dicari tanpa memperdulikan iklan, banner
maupun gambar.
3.2.3 Use Case Diagram Agent
Use case diagram agent menggambarkan proses – proses yang dilakukan oleh aktor agent. Aktor agent melakukan aktivitas pencarian berita
ke internet, melakukan parsing dan menyimpannya ke database.
melakukan pencarian berita
melakukan parsing halaman website
agent
menyimpan berita
Gambar 3.4 Use Case Diagram Agent
a. Melakukan pencarian berita : Aktivitas ini merupakan aktivitas utama
agent yaitu mencari berita yang diinginkan dalam website. b.
Melakukan parsing halaman website : Aktivitas ini merupakan aktivitas agent setelah melakukan pencarian berita yaitu melakukan parsing
halaman website hasil dari pencarian berita tersebut. c.
Menyimpan berita : Aktivitas ini merupakan aktivitas agent setelah melakukan parsing halaman website karena setelah melakukan parsing
hasil dari parsing tersebut disimpan ke database.
3.3 Activity Diagram
Aktivity diagram menunjukkan aliran proses yang terjadi pada sistem. Ada
beberapa activity diagram yang akan dijelaskan sebagai berikut :
3.3.1 Activity Diagram Manipulasi Situs
Gambar 3.5 Activity Diagram Manipulasi Situs
Aktivity diagram pada gambar diatas menjelaskan tentang proses manipulasi situs. Aktivity diagram tersebut memiliki lima sub-aktivitas.
Kelima sub-aktivitas tersebut adalah : a.
Memilih menu admin : Sebelum masuk ke dalam proses manipulasi maka yang harus dilakukan adalah memilih menu admin pada form pencarian
yaitu form utama dari program pencarian berita. b.
Memilih menu situs : Menu situs merupakan sub menu dari menu admin
dan merupakan form situs. c.
Mengisi form situs : yang harus dilakukan dalam proses manipulasi adalah mengisi form situs untuk inserting data.
d. Simpan : Setelah mengisi form situs maka proses selanjutnya adalah
mengklik jbutton yang sudah tersedia agar data yang telah diinsert akan tersimpan di database.
e. Batal : batal bisa saja terjadi apabila administrator tidak melakukan
pengisian form situs dan memilih mengklik jbutton untuk batal dan keluar dari form situs.
3.3.2 Activity Diagram Manipulasi Direktori
Aktivity diagram pada gambar di bawah ini menjelaskan tentang proses manipulasi direktori. Aktivity diagram tersebut memiliki enam sub-
aktivitas. Keenam sub-aktivitas tersebut adalah : a.
Memilih menu admin : Sebelum masuk ke dalam proses manipulasi maka yang harus dilakukan adalah memilih menu admin pada form pencarian
yaitu form utama dari program pencarian berita. b.
Memilih menu direktori : Menu direktori merupakan sub menu dari menu admin dan merupakan form direktori.
c. Mengecek nama situs : sebelum mengisi form situs yang harus dilakukan
adalah mengecek nama situs apakah nama situs yang diinginkan telah tersedia atau masih belum tersedia.
d. Mengisi form direktori : setelah mengecek nama situs dan diasumsikan
nama situs tersedia proses selanjutnya adalah mengisi form direktori untuk inserting data.
e. Simpan : Setelah mengisi form direktori maka proses selanjutnya adalah
mengklik jbutton yang sudah tersedia agar data yang telah diinsert akan tersimpan di database.
f. Batal : batal bisa saja terjadi apabila administrator tidak melakukan
pengisian form direktori ataupun dalam pengecekan nama situs tidak tersedia nama situs yang diinginkan dan memilih mengklik jbutton untuk
batal dan keluar dari form direktori.
Gambar 3.6
Activity Diagram Manipulas Direktori
3.3.3 Activity Diagram Pengambilan Berita
Aktivity diagram pada gambar di bawah ini menjelaskan tentang proses pengambilan berita. Aktivity diagram tersebut memiliki delapan sub-
aktivitas. Kedelapan sub-aktivitas tersebut adalah : a.
Mengambil alamat URL direktori : agent akan mengambil alamat URL direktori yang terdapat pada form cari sesuai dengan pilihan pengguna
pada saat mengisi form cari. b.
Melakukan pencarian : setelah melakukan pengambilan alamat URL direktori agent akan melakukan pencarian ke internet.
c. Proses pencarian : ini adalah proses yang agent lakukan di internet
mencari sebuah berita. d.
Mendapatkan berita : setelah melalui proses pencarian agent tersebut mendapatkan berita.
e. Mengirimkan berita : berita yang sudah dicari telah didapatkan maka
selanjutnya adalah mengirimkan berita ke agent untuk proses selanjutnya. f.
Menerima berita : agent akan menerima berita yang dikirimkan oleh internet.
g. Melakukan parsing halaman website : setelah agent menerima berita
tersebut maka agent akan melakukan parsing halaman website karena yang dibutuhkan hanyalah isi , judul dan waktu dari beritanya saja.
h. Menyimpan URL, judul, waktu dan isi berita ke dalam database : proses
parsing selesai dan selanjutnya adalah menyimpan hasil dari parsing tersebut ke dalam database.
Gambar 3.7 Activity Diagram Pengambilan Berita
3.4 Perancangan Class Diagram
Class diagram pada Gambar 3.8 menggambarkan 19 class. Class pertama bertindak sebagai MDI Form yaitu class pencarian utama. Lima class bertindak
sebagai Form yang dipanggil oleh class pencarian form yaitu class situs, class direktori, class cari berita, class hasil cari dan class bantuan. Class situs bertugas
sebagai class utama dari manipulasi data situs. Class direktori bertugas sebagai class utama dari manipulasi data direktori.Dua class bertindak sebagai form yang
dipanggil oleh class situs yaitu class tambahsitus dan class detailsitus. Class tambah situs bertugas memanipulasi data situs dengan inserting data. Class
detailsitus bertugas memanipulasi data situs dengan updating dan deleting data.
Dua class lainnya bertindak sama dengan class yang dipanggil oleh situs bedanya hanya ini dipanggil oleh class direktori yaitu class tambahdirektori dan class
detaildirektori. Class tambahdirektori bertugas memanipulasi data direktori dengan inserting data. Class detaildirektori bertugas memanipulasi data direktori
dengan updating dan deleting data. Untuk class yang dipanggil oleh class tambah direktori hanya satu class
saja yaitu class lihatsitustambah. Class lihatsitustambah bertugas sebagai list dari tabel situs. Untuk class yang dipanggil oleh class detaildirektori yaitu class
lihatsitusdetail. Class lihatsitusdetail bertugas sebagai list dari tabel situs. Empat class lainnya bertindak sebagai class yang akan dipanggil melalui
function dan nama classnya dari class – class yang bertindak sebagai form. Untuk class koneksi akan dipanggil apabila membutuhkan proses ke dalam database dan
pemanggilan class koneksi oleh class pencarianutama, class situs, class tambahsitus, class detailsitus, class direktori, class tambahdirektori dan class
detaildirektori. Untuk class modeltabel akan dipanggil apabila membutuhkan view data ke
jtable dan pemanggilan class modeltabel oleh class situs, class direktori, class lihatsitustambah, class lihatsitusdetail dan class hasilcari. Untuk class parsingLink
akan dipanggil apabila ingin memparsing suatu Html dan mengambil link dari Html dari suatu website berita. Class parsingLink hanya dipanggil oleh class
cariberita. Dan nantinya link tersebut akan digunakan untuk class parsingHtml. Untuk class parsingHtml mempunyai fungsi yang sama dengan class parsingLink
karena hanya akan dipanggil apabila ingin memparsing suatu Html untuk
mengambil judul, waktu dan isi berita dari halaman website. Class parsingHtml hanya akan dipanggil oleh class cariberita.
Untuk tiga class lainnya bertindak sebagai class relasi antar tabel di database. Class tblsitus adalah tabel situs yang mempunyai 3 atribut yaitu id_situs,
nama_situs dan url_situs. Class tbldirektori adalah tabel direktori yang mempunyai 3 atribut yaitu id_direktori, nama_direktori dan url_direktori. Class
tblberita adalah tabel berita yang mempunyai 5 atribut yaitu id_berita, judul_berita, isi_berita, wkt_berita dan dan wkt_masuk. Relasi antara class
tblsitus dan tbldirektori adalah one to many yang berarti satu situs mempunyai minimal satu atau lebih dari satu direktori. Relasi antara tblsitus dan tblberita
adalah one to many yang berarti satu situs mempunyai minimal satu atau lebih dari satu berita. Dan untuk relasi antara tbldirektori dan tblberita adalah one to
many yang berarti satu direktori mempunyai minimal satu atau lebih dari dari satu berita.
koneksi getConnection
executeSelect executeUpdate
class modeltabel
namakolom : String[] getValueAt
getRowCount getColumnCount
runQuery setEmpty
class
parsingHtml Judul : String
Waktu : String Isi : String
getParsingJudulKompas getParsingWaktuKompas
getParsingIsiKompas getParsingJudulLiputan6
getParsingWaktuLiputan6 getParsingIsiLiputan6
class
parsingLink Link : String
getParsingLink class
lihatsitustambah tampilsitus
getSitusDikirim Form
lihatsitusdetail tampilsitus
getSitusDikirim Form
tambahsitus tambahdatasitus
Form detailsitus
tampildata ubahdatasitus
hapusdatasitus setbatalubah
Form
tambahdirektori setSitusDiterima
tambahdatadirektori Form
detaildirektori setSitusDiterima
tampilkandata updatedatadirektori
deletedatadirektori setUpdateFailed
Form hasilcari
tampilhasil Form
bantuan Form
situs tampilsitus
Form
direktori tampildirektori
Form cariberita
Form PencarianUtama
MDI Form
tblberita id_berita : int
judul_berita : memo isi_berita : memo
wkt_berita : datetime wkt_masuk : datetime
tbldirektori id_direktori : int
nama_direktori : memo url_direktori : memo
tblsitus id_situs : int
nama_situs : memo url_situs : memo
Gambar 3.8 Class Diagram
3.5 Struktur Website