Program Studi Teknik Informatika DPPL
– KUBERIN
52 62
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
4 Deskripsi Perancangan AntarMuka
4.1 Antarmuka Halaman Login Web
Gambar 4.1 Antarmuka Halaman Login Web
Antarmuka ini digunakan untuk melakukan proses login ke dalam sistem aplikasi web. Untuk mendapatkan
akses masuk ke dalam sistem, user harus memasukkan username dan password terlebih dahulu pada textbox yang
telah disediakan. Pada saat tombol login ditekan, sistem akan mengecek username dan password yang
diinpukan dengan data username dan password yang telah tersimpan di database. Jika data username dan password
benar atau cocok maka user akan masuk ke dalam sistem, sebaliknya jika username dan password salah atau tidak
cocok maka akan muncul pesan peringatan. Apabila tombol login di tekan maka proses akan
dilanjutkan ke antarmuka Scraping Berita.
Gambar 4.1 An
tarmuka Ha la
man Login Web
Antarmuka ini di
di gu
gunaka kan
n untuk me la
kukan pros os
es es
lo login ke dalam sistem apli
li kasi web. Untuk mendap
p at
at ka
ka n
ak akse
se s
s masuk ke dalam sistem, user harus me
me ma
masu sukk
kk an
us us
er e
na a
me me
d d
an an
p p
as as
sw sw
o or
d d
te te
rl rl
eb ebih
ih d d
ah ah
ul ul
u u
pa pa
da da
t t
ex ex
t t
bo bo
x x
y yang
te e
la la
h h
di di
se sedi
diak ak
a an. Pa
Pada saat t
tomb b
ol ol
l l
og ogin
in d
dit it
ek an,
sistem akan mengecek use
e rn
r ame dan password
yang diinpukan dengan data
usernam me dan password yang telah
tersimpan di database. Jika d
data username dan password benar atau cocok maka u
user a akan masuk ke dalam sistem,
sebaliknya jika username d
a an password salah atau tidak
cocok maka akan muncul pesan peringatan
Program Studi Teknik Informatika DPPL
– KUBERIN
53 62
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
4.2 Antarmuka Halaman Scraping
Gambar 4.2 Antarmuka Halaman Scraping
Antarmuka ini digunakan untuk melakukan tes pengambilan data berita dan untuk menyimpan tags dan
rules yang diinputkan. Administrator dapat melakukan tes pengambilan data berita atau scraping dengan
memasukkan rules dan tags pada textbox yang tersedia. Klik button test untuk melakukan tes scraping. Hasil
dari tes scraping akan tampil pada panel output atau sebelah kanan form. Jika data berhasil didapatkan maka
akan tertampil di bagian output, sebaliknya jika tidak maka akan tampil pesan Data Kosong di bagian output.
Data yang didapatkan meliputi : link, judul, kategori, tanggal, waktu, gambar, dan isi berita. Setelah data
dapat berhasil didapatkan, admin bisa melakukan
Ga Ga
mb mb
ar ar
4 4
. .
2 2
An ta
ta rmuka
a Hala la
ma ma
n n
Sc Sc
ra ra
pi ng
Antarmuka ini
digunakan untuk melakukan n
te te
s pe
peng ng
am bi
bi la
la n
n da
da ta
ta b
b er
er it
i a dan un
un tu
tu k
k me
me ny
ny im
im pa
pa n
n ta a
gs gs
d dan
ru ru
le le
s yang d
d ii
ii n
nputkan. A
Adm dm
in inistrat
at or
or dapat mel el
ak ak
u ukan
tes s
pe peng
ng a
ambi bi
la lan data
a berit
t a
a atau
scr r
ap ap
in in
g d
dengan memasukkan rules dan t
t ags pa
ada textbox yang tersedia. Klik button test untu
uk melak kukan tes scraping. Hasil
dari tes scraping akan n tampi
il pada panel output atau sebelah kanan form. Jika
ka dat ata berhasil didapatkan maka
akan tertampil di bagian o
output, sebaliknya jika tidak
Program Studi Teknik Informatika DPPL
– KUBERIN
54 62
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
penyimpanan data tags dan rule dengan memilih tombol simpan. Jika ada salah satu data muncul pesan Data
Kosong dianjurkan untuk tidak menyimpan data tags dan rules. Data yang telah tersimpan nantinya akan diproses
oleh cron tab untuk proses scraping berita.
4.3 Antarmuka Halaman Lihat Data Berita