PEMBANGUNAN PERANGKAT LUNAK WEB SCRAPING UNTUK SITUS BERITA DAN PERINGKAS BERITA
TUGAS AKHIR Diajukan Untuk Memenuhi Sebagian Persyaratan Mencapai Derajat Sarjana Teknik Informatika
Oleh: YUSTINUS ANDRY SETIAWAN 11 07 06659
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS ATMA JAYA YOGYAKARTA 2015
HALAMAN PENGESAHAN
Tugas Akhir Berjudul PEMBANGUNAN PERANGKAT LUNAK WEB SCRAPING UNTUK SITUS BERITA DAN PERINGKAS BERITA Disusun Oleh : Yustinus Andry Setiawan (NIM : 11 07 06659) Dinyatakan telah memenuhi syarat Pada tanggal : Oktober 2015 Pembimbing I
Pembimbing II
Y. Sigit Purnomo W.P, S.T., M.Kom.
Kusworo Anindito, S.T., M.T.
Tim Penguji : Penguji I,
Y. Sigit Purnomo W.P, S.T., M.Kom.
Penguji II,
Penguji III,
Thomas Suselo, S.T., M.T.
Th. Adi Purnomo Sidhi, S.T., M.T.
Yogyakarta, Oktober 2015 Universitas Atma Jaya Yogyakarta Fakultas Teknologi Industri Dekan,
Dr. A. Teguh Siswantoro i
HALAMAN PERNYATAAN Saya yang bertanda tangan dibawah ini Nama
: Yustinus Andry Setiawan
NPM
: 11 07 06659
Dengan ini menyatakan bahwa tugas akhir ini dengan judul “Pembangunan Perangkat Lunak Web Scraping untuk Situs Berita dan Peringkas Berita” merupakan hasil penelitian saya pada tahun akademik 2015/2016 yang bersifat originalitas dan tidak mengandung plagiasi dari karya manapun. Bila dikemudian hari ditemukan ketidaksesuaian dengan pernyataan ini maka saya bersedia dituntut dan diproses dengan ketentuan yang berlaku termasuk dicabut gelar sarjana yang diberikan Universitas Atma Jaya Yogyakarta. Demikian pernyataan ini dibuat dengan sesungguhnya dan dengan sebenar-benarnya.
Yogyakarta, 21 Oktober 2015 Yang menyatakan
Yustinus Andry Setiawan
ii
HALAMAN PERSEMBAHAN
Karya Kar rya Tugas Tuugas Akhir Akh hir iini ni kkupersembahkan upersem mbahkaan untuk k:
Tuhan T uhaan Y Yesus esus Kristus dan Bun Bunda nda M Maria aria ssebagai ebagai ungkapan rasa syukur dan puj pujianku, jiank ku ,
k dan Ibu tersayang, untuk Bapak sebagai ungkapan kasih, sayang dan baktiku baktiku, u, teman-teman semua yang terkasih,
TERIMA T ERIMA KA KASIH A SI H
"Barangsiapa "B i ingin i i mutiara, ti harus h berani b i tterjun j di llautan t yang d dalam." l " Ir. Soekarno
iii
KATA PENGANTAR Puji syukur kepada Tuhan atas semua karunia dan berkat-Nya
yang
telah tel elah
dilimpahkan dilim mpa pahkan
kepada
penulis
sehingga penulis penul lis dapat menyelesaikan an laporan skripsi ini
dengan an
baik.
Skripsi Skr k ipsi
adalah
studi stud udi i
akhir
yang
merupakan merupaka kan salah satu s tu tugas sa tug ugas s akhir akh khir ir yang yang diwajibkan diwaji j bkan pada mahasiswa mahas siswa
Program Prog gra am
Studi
Teknologi Te eknolog gi
Industri Industri ri
Teknik k
Universitas
Informatika Inf nformatika Atma Atma
Jaya Jaya
Fakultas Fakultas
Yogyakarta Yogya yakarta
setelah s etela ah lulus lulu lu us mata kuliah teori, praktikum, prakt ktikum um, , dan da kerja ke praktek. prak kte tek. sebagai se eba bagai
Tujuan Tujuan salah
dari satu
pembuatan syarat
skripsi i
untuk
ini ini
mencapai mencap pai a
adalah adala lah derajat derajat at
sarjana sarj sa r an na Teknik Informatika dari Program Studi Stu udi Teknik Tekn Te knik k Informatika Inform In rmatika
Fakultas
Teknologi
Industri
Universitas Univ i er rsi sitas s
Atma Jaya Yogyakarta. Penulis menyadari bahwa dalam pembuatan skripsi skrip ipsi i ini in ni tidak terlepas dari bantuan berbagai pihak pih hak k yang yan ng telah
menyumbangkan me eny nyum umba bang ngka kan n
pikiran, piki ira an,
tenaga, ten enag aga, a
dukungan, dukunga an,
bimbingan, b mbingan, dan doa kepada bi kepad da penulis baik secara langsung lang gsu ung maupun maup ma upun
tidak
langsung.
Oleh
sebab
itu,
penulis pen nul lis
mengucapkan terimakasih kepada meng me nguc ucap apka kan n te teri rima maka kasi sih h ke k pada pa da : telah 1 Tuhan 1. T han Tu n Yesus Yes Ye sus s Kristus Kris Kr istus yang ya tel elah ah memberikan mem embe beri rikan n petunjuk petu pe tunjuk dan serta dan harapan, ha a melimpahkan melim mpahkan karunia karun nia dan dan berkatNya kepada penulis. penulis s. 2. Bapak
Dr.
A.
Teguh Teguh
Siswantoro
selaku
Dekan
Fakultas Teknologi i Industri Indus ustri Universitas Atma Jaya Yogyakarta. 3. Bapak
B.
Yudi
Dwiandiyanta, Dwiand ndiyanta,
S.T.,
M.T.,
selaku
Ketua Program Studi Teknik Informatika Fakultas Teknologi
Industri
Universitas
Yogyakarta.
iv
Atma
Jaya
4. Bapak Y. Sigit Purnomo W.P., S.T., M.Kom., selaku Dosen
Pembimbing
skripsi
I
yang
kepada
penulis
dan n
pengarahan
petunjuk,
telah
menawarkan
serta
atas
hingga hingga
judul
bimbingan,
skripsi
dapat
diselesaikan diselesaik ikan dengan baik. 5. Bapak k Kusworo Anindito, An nindito, S.T., M.T., selaku Dosen Pembimbing Pe embimbing n
II II
yang yang
telah tel elah ah
memberikan mem e berikan
bimbingan,
petunjuk, petunj juk, dan dan pengarahan kepada kep pad ada a penulis penu n lis sehingga s hingga se skripsi skri rips psi i dapat dapa pat t diselesaikan dengan den enga g n baik. ba aik ik. . 6. . Seluruh Selu Se luruh h
Staf
Teknologi Teknol Te ologi
Pengajar
Industri
dan
Laboran Labo La b ra an
Universitas
Fakultas F kult Fa l as
Atma Atm tma a
Jaya Ja aya y
Yogyakarta Yog gyakarta yang telah membantu penulis selama sel lam ama a masa a kuliah ku
di
Program
Studi
Teknik
Informatika In nfor rma ati tika a
Fakultas Fakultas Teknologi Industri Universitas Atma Atma a Jaya Jay ya Yogyakarta. 7. Bapak
dan
ibu
yang
selalu
mendoakan n
serta se erta a
memberikan dorongan dan motivasi kepada penulis penuli pe is agar dapat baik dan dapat t menyelesaikan men enye yele lesaik kan kuliah kul uli iah h dengan de dan tepat waktu. 8. Seluruh
keluarga
memberikan memb me mber erik ikan an
besar
dorongan dor oron onga gan n
dan dan
tercinta semangat sema se m ng ngat at
yang ng
selalu sel elal alu
untuk unt ntuk uk
penulis pen enul ulis
selama sela se lama ma masa masa a kuliah. kuli liah a . 9. Teman Tema Te man n dan sahabat Teknik T knik Te k Informatika angkatan ang ngka katan 2011 Universitas Atma Jaya Yogyakarta, Yog gyakarta, Firman, Vincent, Bangkit,
Dimas,
Theofilus, Theofi ilus,
Xenix,
Yanuar
dan
semuanya yang tidak k bisa a disebutkan satu per satu. Terimakasih atas bantuan, ban ntu uan, kebersamaan, kerja sama, canda tawa, suka duka duk ka dan senyuman kalian tidak dapat terlupakan.
v
10.Teman-teman KSL (Kelompok Studi Linux)yang telah memberikan
pengalaman
berorganisasi
dan
ilmunya
tentang linux. 11.Teman-teman KKN KKN 66 Padukuhan Padukuh uhan an Palgading : Johan, Paul, Sahab, Sa aha hab, Tata, Oyen, Debora, a, Ayu yang telah membuat membua uat cerita yang yang tidak akan terlupakan terlu upa pakan selama 1 bulan. bu ulan. Terima Ter e im ima a kasih kasi sih h dukungan duku du kung ngan an dan dan semangatnya. semanga atnya. 12.Teman-teman 12 2.Teman-tema an disebutkan dise sebu but tkan
dan
pihak
satu satu
per
lain satu
yang yan a g yang yan a g
tidak telah tela te lah h
mungkin membantu memb m antu
selama pengerjaan sela se lama p engerjaan skripsi. 13.Semua 13 3.Se Semua a orang yang secara tidak langsung langsu ung n memberikan mem embe b rika kan dukungan duk kungan dan semangat. Penulis Penulis
menyadari
bahwa
skripsi
ini
masih mas a ih
jauh jauh h
dari sempurna karena keterbatasan waktu dan pengetahuan da pen nget tah ahua u n yang dimiliki penulis. Oleh karena itu segala a kritik krit tik dan saran yang bersifat membangun sangat diharapkan. diha arap pkan. . Akhir Ak khi hir r
kata,
semoga g
skripsi
ini
dapat
berguna bergu guna na
dan dan
bermanfaat t bagi bagi i semua semu mua a pihak. pi .
Yogyakarta, Oktober Oktobe ber 2015 2015
Penulis
vi
PEMBANGUNAN PERANGKAT LUNAK WEB SCRAPING UNTUK SITUS BERITA DAN PERINGKAS BERITA
Disusun oleh eh : Yustinus Andry Setiawan Setiawa wan n 110706659
INTISARI INTI ISA SARI RI Inform In masi dengan mudah didapat melalui mela alu l i online on nli line n atau Informasi atau inte ern rnet e . Salah satunya adalah informasi berupa berup upa a berita. berita ta. internet. Situs Berita Situ tus s Beri rita di Indonesia ini ada bermacam-macam. bermacam-mac cam a . Banyaknya Bany Ba n akny ya penyedia pe eny nyedia a layanan berita tersebut membuat pembaca pem mba b ca berita ber erita a harus yang haru ha rus membuka beberapa situs untuk mencari berita ber e it ta ya y ng g berbobot. ber be rbob bot. Selain harus membuka banyak situs berita, berita t , iklanik iklan ik dalam situs berita juga mengganggu. Pembaca Pembac ca menjadi menj me njad di tidak dalam k fokus membaca berita karena adanya iklan dal lam situs us berita. berit ta. Biasanya pembaca harus menutup terlebih dahulu dahu ulu iklan ikl lan n dalam m bentuk pop up pada situs berita. Hal tersebut t membuat memb mbuat t tersitanya tersi te itanya waktu dan merepotkan untuk membaca berita. berita a. Dengan pe permasalahan penulis perm rmasalah ahan an tersebut, tersebu ut, penul ulis is membuat t aplikasi aplikas asi i yang dapat mengambil dan t m engambil bil data dat ata a berita be eri rita ta dari dari i berbagai berb be rbagai situs d an menampungnya di satu tempat. tempa at. t Aplikasi Aplikasi tersebut memanfaatkan memanfaat atka kan n teknik te web scraping, yaitu teknik t knik untuk mengambil informasi te infor orma mas si dari dari suatu website. Berita yang sudah didapatkan didapatk kan akan aka kan ditampilkan dita di tamp mpil ilka kan n pada pada aplikasi apl plik ikasi mobile le pembaca pem emba baca ca berita. ber erit ita. . Selain Sel ela ain menampilkan mena me n mp mpil ilka kan n data data berita ber erit ita a dari da ari berbagai ber erba baga gai i sumber, sumb su mber er, aplikasi ap pli lik kasi mobile juga dapat meringkas Metode mobi mo bile l ini j uga da ug dapa p t me meri ringka kas s berita. be eri rita ta. Meto ode yang digunakan di igu guna naka kan n untuk un k meringkas meringka kas pada aplikasi i ini i adalah adal ad ala ah metode TF-IDF. TF-ID DF. Dengan adanya aplikasi apl plikasi ini diharapkan memudahkan pembaca berita dalam membaca me embaca berita. be erita. Pembaca berita dapat menggunakan aplikasi mob mobile bile ini i untuk membaca berita dari berbagai sumber dan dapat dapa at melihat meli ihat rangkuman dari beberapa berita berdasarkan berita a yang ng ingin dicari. Berita dapat dibaca dimana saja dan ka kapan apan n saja dengan aplikasi mobile pembaca dan peringkas berita. berita a. Kata Kunci : Web scraping, situs berita, aplikasi mobile, Android, peringkas berita Pembimbing I : Y. Sigit Purnomo W.P., S.T., M.Kom. Pembimbing II : Kusworo Anindito, S.T., M.T. Jadwal Pendadaran : 21 Oktober 2015 vii
DAFTAR ISI HALAMAN PENGESAHAN ........................................ i HALAMAN PERNYATAAN ....................................... ... ................ . ..................... ii HALAMAN PERSEMBAHAN PERSEMBA AHAN ..................................... ...................... ................. iii KATA PENGANTAR PENGANT NTA AR ........................................... ......... ........................ . ........... iv INTISARI I ................................................ ........ . ........ ... .... .... ... ... ... ... .................... vii DAFTAR AR ISI ............................................. . .... .. ......................... ..... ......... .... viii DA AFTAR GAMBAR GAM AMBA BAR R ............................................ .... ...................... .......... ... ....... .... xi DAFTAR DAFT TAR TABEL TAB A EL ............................................ ............................... ...... .... ....... xvi DAFTAR DAFT TAR LAMPIRAN LAM MPIRAN ........................................ ............................... ...... . .. ... xvii xv vii i DAFTAR BA AB I BAB
PENDAHULUAN ........................................ .............................. ..... . .. ... .... 1 PENDAHULUAN
1. 1.1
Belakang.............................. ..... ...... 1 Latar Belakang ......................................
1 .2 1.2
Masalah.............................. ........ 4 Rumusan Masalah .....................................
1.3
Masalah.............................. ....... .. 4 Batasan Masalah .....................................
1.4 4
..... .... 4 Tujuan Penelitian............................ Penelitian ...................................
1.5 5
Metodo olo logi gi Penelitian Penel lit itian................ ............... .. 5 Metodologi ...............................
1.6
Penulisa an .. ............................. .. 6 Sistematika Penulisan ...............................
BAB II BAB
............................. ...... .. 8 TINJAUAN PUSTAKA ..................................
BAB III BAB III
N TEORI TEOR TE ORI I .................................. .. ....... ... ....... .............. .... ..... . 14 LANDASAN
3.1 3.1
serv se rve er.. ..... ............. ..... ...... ... ......... ....... 14 Web server .........................................
3.2 2
S tu Si us Berita Berita Online e ...... ............... ... . .. ......... 15 Situs ................................
3.3
Web Service Service................ . ........................ 16 ........................................
3.4
Notation)................. JSON (Java Script Object Notation) ................. 18
3.5
Web scraping scraping....... ................................. 18 .......................................
3.6
Automatic Text Summarization Summa ari r zation....................... ....................... 20
3.7
TF-IDF...................................... Metode TF-IDF ...................................... 20
3.8
Cron Job ........................................... 22
3.9
Aplikasi Mobile .................................... 23
BAB IV
ANALISIS DAN PERANCANGAN PERANGKAT LUNAK ......... 24 viii
4.1
Analisis Latar Belakang Sistem ..................... 24
4.2
Analisis Sistem yang Akan Dibangun ................. 25
g 4.2.1 Fungsi Produk .................................. 27 4.2.2 Use Case Diagram Dia iagram ............................... 29 4.2.3 Entity ty Relationship Diagram .................... ...... . .............. 30 4.3
Pera rancangan Sistem e ................................. .......... ............. ............ 30 Perancangan
4.3. 3.1 Perancangan Peranc ncan anga gan Arsitektur Ar rsi site tekt k ur ......................... .... .. . .. . .. ................... 31 4.3.1 4 .3.2 Physical Physic Ph cal Data Model Mode Mo del l ............................ .. 4.3.2 33 4.3.3 3 Deskripsi Deskri De ips psi Perancangan Antarmuka Antarmuk uka a ................ ...... ... ....... ... 34 4. 4.3. 3.3.1 1 Sketsa UI Aplikasi KUBERIN Web dan d n De da esk skri ripsin inya 4.3.3.1 Deskripsinya .......................................... ..... ........3 34 .....................................................34 4. .3.3.1.1 Antarmuka Halaman Login Web..... .... ..... .... 34 4 4.3.3.1.1 Web .............. 4.3.3.1.2 Antarmuka Halaman Scraping........ ..... .... 35 Scraping ............... 4.3.3.1.3 Antarmuka Halaman Lihat Data Berita a ...... 36 4.3.3.1.4 Antarmuka Halaman Update Data Tags. ...... . 37 7 Tags . ....... 4.3.3.1.5 Antarmuka Halaman Pengelolaan Kategori Kateg gori... 8 ... 38 4.3.3.1. .6 Antarmuka Antarm muk uka Halaman Halama an S ummar ariz ize Berita W eb... 4.3.3.1.6 Summarize Web ... 40 4.3.3.2 ......... Sk ket etsa a UI UI Aplikasi KUBERIN Mobile da dan n Sketsa Deskripsinya ........................................ ...................................... ... 4 1 41 4.3.3.2.1 Antarmuka Halaman Kategori Berita a ...... ... 41 ........ 4 .3 3.3 3.2 2.2 2 Antarmuka Anta An tarmuk uka a Halaman Hala Ha lama man Su S mmar mm ariz ize e Be Beri rita ta Mo obi bil le 42 4.3.3.2.2 Summarize Berita Mobile 4. 4.3. 3.3 3.2.3 3 Antarmuka Antarmuk uka Halaman Halama an Trendi ding ng To Topi pik k. .... ..... 43 4.3.3.2.3 Trending Topik ......... BAB V
IMPLEMENTASI DAN PENGUJIAN PENGUJI IAN A SISTEM ................. 44
5.1
Definisi Sistem........... .......................... 44 Sistem ....................................
5.2
Implementasi Siste em ...... ........................... 52 Sistem ................................
5.2.1 Antarmuka Aplika asi We Web Kuberin ................. 52 Aplikasi 5.2.1.1 Antarmuka Halama man Login Web ................. 52 Halaman 5.2.1.2 Antarmuka Halaman Scraping .................. 54 5.2.1.3 Antarmuka Halaman Lihat Data Berita ......... 66 5.2.1.4 Antarmuka Halaman Update Data Tags .......... 68 5.2.1.5 Antarmuka Halaman Pengelolaan Kategori ...... 71 ix
5.2.1.6 Antarmuka Halaman Summarize Berita .......... 75 5.2.2 Antarmuka Aplikasi Mobile Kuberin .............. 83 g 5.2.2.1 Antarmuka Halaman Kategori Berita ........... 83 5.2.2.2 Antarmuka Antarmuk uka Halaman Summarize Summar arize Berita Mobile ... 92 5.2.2.3 Antarmuka Ant An tarmuka Halaman Trending Topik Top opik ........... 101 5.2.3 Aplikasi Aplikasi Web Scraper Scrap ape er .......................... .... ............. ........... 104 5. .2.3.1 Mengambil Me eng ngam ambi b l URL URL Berita Beri Be ita ....................... .. ... ... ... ................. 104 5.2.3.1 5.2.3. .2 Mengambil Meng ngambil Data Data Berita Ber erit ita ...................... .......... ............. 106 5.2.3.2 5.2. 2.3. 3.3 3 Mengecek Meng ngecek Tags Tidak Aktif .................. .. ....... ... .... . ...... . 109 5.2.3.3 5.3 3
Ha Hasil Lunak........ . ...... .... .... 11 1 2 Pengujian Perangkat Lunak ................... 112
5.4 5.4
Has sil Pengujian Terhadap Pengguna Pengguna........ ..... ... ..... 12 23 Hasil ................. 123
5. 5 4. .1 Pengujian Fungsionalitas Aplikasi KUBERIN KUBERI RIN Mobile Mobi Mo bil le 5.4.1 ............................................... ...... ...1 123 .....................................................123 5.4.2 Pengujian Antarmuka Aplikasi KUBERIN Mobile Mobi ile ... 13 31 131 5.5 BA VI BAB VI
Analisis Kelebihan dan Kekurangan Aplikasi Aplikasi... ...... 1 39 9 ........ 139 ..... .. 141 1 KESIMPULAN DAN SARAN ....................... ............................
6.1 1
Kesimpul ulan an........ .......... ........... ............... 14 141 1 Kesimpulan ........................................
6.2
Saran................ .... ............................ . 14 142 2 Saran .............................................
DA DAFT F AR PUSTAKA .......................................... . 14 143 DAFTAR LA LAMP MPIR I AN N .............. . .. ......... .... ... . ............... ... .... .1 46 LAMPIRAN ................................................ 146
x
DAFTAR GAMBAR
Gambar 3.1 Arsitektur Web server ......................... 14 Gambar 3.2 Contoh Situs Si itu tus Berita Online ne .................... 15 Gambar 3.3 Penggunaan Pen ngg ggunaan JSON REST .......................... ............ . .............. 18 Gambar 3.4 4 Proses Web Scraping Scrapi Sc ping ng ........................... .... ............. ............ 19 Gambar 3.5 3.5 Contoh Conto toh h Operasi Operas Op si Cron Cro Job Job ....................... . .. .. . .. ................... 22 Gamb bar 4.1 Arsitektur A site Ar tektur Perangkat Per eran angk gkat at lunak KUBERIN.............26 KUB UBERIN N........ ......26 Gambar Ga ambar 4.2 4.2 Use Use Case Cas ase Diagram KUBERIN ...................... .... ......... ......... ... 29 Gambar Gamb bar 4.3 4.3 Entity Ent ntity Relationship Diagram KUBERIN KUBER ERIN ........... .... ........ 30 Gambar Gamb mbar ar 4.4 4 Perancangan Arsitektur KUBERIN Web Application Applic Ap i at ation 31 3 Gambar Ga Gamb mbar 4 .5 Perancangan Arsitektur KUBERIN Mobile Application App pli ica cation n Gambar 4.5 ...... .. ................................................ .... .. 32 ......................................................... Gam Ga mbar r 4.6 Physical Data Model KUBERIN ................... ................ .... 33 3 Gambar Gamba ar 4.7 Antarmuka Login Web ........................... ..................... ....... . 34 4 Gambar Ga G mba ar 4.8 Antarmuka Scraping ............................ .......................... ... 35 5 Gambar Gamb bar 4.9 Antarmuka Antar rmu muka ka Lihat Lih ihat Data Berita Beri Be rita ta ................... .. ............ ....... 36 Gambar Gambar 4.10 Antarmuka Update Upda date t Data Dat Da ta Tags ................... .................. .. 37 Ga Gamb m ar 4.11 Antarmuka Pengelolaan Kategori ............... ............ ... .. 38 38 Gambar Ga Gamb mbar 4.12 4.12 12 Antarmuka Anta An tarm rmuk uka a Summarize Su Beri Be rita ta Web Web ............... .......... ... ... ... . 40 Gambar Berita Gamb Ga mbar 4.13 Antarmuka An nta tar rmuka Kategori Kate tego gori ri Berita Berita .................... .... . .. . .......... .... ... 41 Gambar Gamb mbar a 4.14 4.14 1 Antarmuka Ant An tarmuka Summarize Summ m arize Berita Berita Mobile Mobi bile l ............ ...... ....... 42 Gambar Tre ending Topik Topik ..................... 43 Gambar 4.15 Antarmuka Trending Hal laman Login Log gin Web....................52 Gambar 5.1 Antarmuka Halaman Menampil ilkan Halaman Ha Login.................................... Gambar 5.2 Proses Menampilkan Login .................................... 52 b .......................................................................... ........................................................................... 53 Gambar 5.3 Proses Login Web n Scraping .................................................. 54 Gambar 5.4 Antarmuka Halaman Gambar 5.5 Proses Test Scraping ................................................................ 55 Gambar 5.6 Cuplikan code untuk mendapatkan atau membuka halaman web ................................................................................................................ 56
xi
Gambar 5.7 Cuplikan code untuk mengambil URL berita ................ 56 Gambar 5.8 Cuplikan code untuk mengambil judul berita ............ 58 Gambar 5.9 Cuplikan code untuk unt ntuk uk mengambil kategori berita..... 59 Gambar 5.10 Cuplikan Cuplik kan code untuk mengambil mengam ambi b l tanggal dan waktu berita ............................................................................................................................ ....................................................................................... . ...................................... 60 code Gambar 5.11 1 Cuplikan cod ode untuk mengambil URL L Gambar G mbar .............. 61 Ga Gambar 5.12 5.12 Cuplikan Cupl plik ikan an code cod de untuk untu un t k mengambil meng me ngam mbi bil l isiberita isiberit ita ................ 61 Gambar Gamb bar 5.13 3 Cuplikan Cupl likan code cod de untuk untu un tuk k membuang m mbuang me g konten konte t n tidak k perlu .......................................................................................................................................... ... .................. ...... ...... ................ .................................................... ........................ ............................. 62 Gambar Test ....................................................... Gamb bar 5.14 5.1 . 4 JSON JS Output Fungsi Test.............................. ............................. 65 Gambar ......................................................... Gamb mba ar 5.15 5.1 15 Proses Simpan Scraping .............................. .............................. 66 6 Gambar .......................... Ga Gamb mbar 5.16 5.16 Antarmuka Halaman Lihat Data Berita .... ......................... 666 Gambar Ga Gam mbar r 5.17 Proses Menampilkan halaman lihat data berita..... beri ita ta...... 67 Gambar Gamba ar 5.18 Proses Menampilkan detail berita ................................. 68 Gambar ............................ Gamba ar 5.19 Antarmuka Halaman Update Data Tags ........................ ..... 68 8 Gambar Tags ........ 69 Gamb m ar 5.20 Proses Menampilkan Halaman Update Data T ags gs....... Tags................................................ Gambar 5.21 1 Proses Proses Mengambil Men enga gamb mbil i Data Dat ata a Ta Tags.............................................. ... 70 5.22 Proses Update Da Data Tags ....................................................... Ga Gambar ata t Tags................................................ ......... 71 71 Gambar ................... Ga Gamb m ar r 5.23 5.2 .23 Antarmuka Halaman Pengelolaan Peng gelolaan Kategori Katego gori ri........ ............... 71 Gambar Ga Gamb mbar 5.24 5.24 24 Proses Pros oses es Menampilkan Menam mpi pilk lkan an halaman halaman n pengelolaan pen enge g lol laan kategori kat ateg ego ori .......................................................................................................................................... ............ . ...... ..... ......................................... . ......................................... . .......... . ........ ..... .......................... 72 Gambar 5.25 5.25 2 Antarmuka Halaman Hala laman Su Summarize Berita Versi 1 ......... 75 Summarize ....................................................... 76 Gambar 5.26 Proses Summa arize Berita Beri ita....................................................... Gambar 5.27 Cuplikan Code e Memasukkan Memasu ukkan Isi Berita Ke dalam array .............................................................................................................................. 77 Gambar 5.28 Cuplikan Code Pemanggilan Pema Pe manggilan Single Summary .............. 77 5.29 Summary, skor Gambar 5 29 Cuplikan Code Pemanggilan Multi Summary kalimat, dan hasil summary ............................................................................ 78 Gambar 5.30 Cuplikan Code untuk mendapatkan data berita terkait .......................................................................................................................... 80 Gambar 5.31 Antarmuka Halaman Summarize Berita Versi 2 ......... 82 xii
Gambar 5.32 Antarmuka Halaman Awal Kategori Berita ................... 83 Gambar 5.33 Antarmuka Halaman List Berita ........................................ 84 Gambar 5.34 Proses Mendapatkan Mendapa patk tkan an data berita ...................................... 85 Gambar 5.35 Fungsi i kategori kategori berita ......................................................... .......................................................... 86 GetJumlahDataBeritaKategori Gambar 5.36 Fungsi Fu GetJumlahDataBeritaKatego gori dan fetchBeritaKategori fetchBerit taK aKategori ............................................................................................. 87 Output Gambar 5.37 5.37 JSON ON Ou Outp t ut fungsi fung fu ngsi s kategori kat ateg egor ri .............................................. ... ........................................... 88 Gambar Gamb bar 5.38 8 Fungsi Fung gsi doInBackground doInB Bac ackg kgro roun und d pada class cla l ss AsyncTaskNewsParseJson ...................................................................................... As syncTas skN kNew ews sParse eJs Json........................................ ........................ .............................. 88 Gambar onPostExecute pada class Gamb bar 5.39 5.3 .39 Fungsi Fu s AsyncTaskNewsParseJson ...................................................................................... Asyn ncT cTas a kNew ewsParseJson........................................................ .................. .................. 89 Gambar Ga amb m ar 5.40 5.40 Cuplikan Code itemClick Detail Berita Berit ta ..................... ....................... 90 Gambar Web Ga Gamb mbar 5.41 Antarmuka Halaman Detail Berita dan We eb Vi View ew ............................................................................................................................ Berita Be a .......................................................................................................... ..................... 91 Gambar ............................ Gamba ar 5.42 Antarmuka Halaman Summarize Berita ............ .................. 92 2 Gambar ..................... Gamba ar 5.43 Proses Mendapatkan Data Sumber berita ................ ...... 933 Gambar Summarize Button Gamb mba ar 5.44 Proses s Su Summ m arize Berita a Bu Butt t on Summarize e ............... 94 fungsi ............................ Gambar 5.45 JSON Output fu fung n si i summarizeberita summarizeberita ......................... ..... 95 Ga Gambar 5.46 Fungsi doInBackground pada class AsyncTaskSummarize ............................................................................................... Asyn As ncT cTaskSummarize .............................................................................. ...................... 96 Gambar Summary, Berita Ga Gamb mbar ar 5.47 5.4 .47 7 Antarmuka Anta An tarm r uk uka a Halaman Hala Ha lama man n Ta Tab b Su Summ mmar ry, Ta Tab b Be Beri rit ta Terkait, ........................................................................................ Terk Te rkai ait, dan n Ta Tab b Sk Skor or .... . ............ . ............................. . .......... . ........................................ 97 Summarize Berita Filter Gambar r 5.48 5.48 48 Proses Summariz i e Be erita Button Fi Filt lter er Berita..... Berita..... 98 ............ 99 Gambar 5.49 JSON Output fungsi getDataBeritaSummarize get e DataBeritaSummarize............ Gambar 5.50 Antarmuka Halaman Hal laman Pilih Pi ilih Berita .................................... 100 Trending Gambar 5.51 Antarmuka Halaman Hala aman T rending Topik ............................... 101 Topik ................. 102 Gambar 5.52 Proses Mendapatkan Mendapatk kan Data Trending Topik................. Gambar 5.53 Proses Mendapatkan Data Detail Trending Topik 103 Gambar 5.54 Cuplikan code Fungsi doInBackground AsyntaskGetHasilTrending ............................................................................... 103 Gambar 5.55 Proses Cron URL Berita ....................................................... 104 xiii
Gambar 5.56 Command untuk menjalankan script cronurlberita ........................................................................................................................................ 105 Gambar 5.57 Proses Cron Berita ................................................................. 107 Gambar 5.58 Command untuk ..... 107 unt un tuk menjalankan menjalanka kan script cronberita cronberita..... Gambar 5.59 Proses Pros oses Cron Cek Tags Tidak Aktif Akti Ak t f ............................... 109 Gambar 5.60 0 Command untuk untu tuk menjalankan menj jalankan script croncekaktif croncekaktif 110 Gambar 5.61 5.61 Presentase Pres esen enta tase Rekapitulasi Rek ekap apit i ul ulas asi i Pernyataan Pern Pe rnya y taan 1 Aplikasi Aplikasi KUBERIN KUBERI RIN memberikan memberik kan kemudahan kemudahan dalam membaca mem emba baca c berita/melihat berita/me melihat sebuah ................. sebu buah berita berit ita a dari kumpulan kum umpu pul lan berita berita ita berbagai berbagai sumber sumb su m er........ .......... 125 Gambar Gambar r 5.62 5.6 .62 2 Presentase Pres esentase Rekapitulasi Pernyataan Pernya yataan n 2 Data Data berita be erita yang g ditampilkan dit ita ampi ilkan pada aplikasi KUBERIN isinya isiny ya lengkap le eng ngka kap p .......... . ......... 126 .. Gambar Gamb mbar ar 5.63 5.6 63 Presentase Rekapitulasi Pernyataan 3 Data Dat ata a berita berit ta yang ya ang ditampilkan dit tampilkan pada aplikasi KUBERIN memiliki kesesuaian/saling kese ke sesuai aian/saling berkaitan antara judul, gambar, dan n berita be a ........................................................................................................................................ ..... . ............................................................................................................................. ........ . .. 127 Gambar ar 5.64 Presentase Rekapitulasi Pernyataan 4 Aplikasi Apl plikasi KUBERIN KUBER RIN memberikan kemudahan dalam mencari berita berdasarkan berda asarkan kategori yang tersedia ....................................................... ........................................................ 1288 Gambar Gamb mba ar 5.65 Presentase Rekapitulasi Pernyataan 5 Aplikasi Apl lik ikasi KUBERIN KUBERI IN memberikan memb ber eri ikan kemudahan kemud dah a an untuk unt tuk mendapatkan mendapa atk tkan a ringkasan berita berdasarkan topik yang yang diinginkan dii di inginkan pengguna ................... 129 129 Gambar Ga amb m ar 5.66 Presentase Rekapitulasi Pernyataan 6 Aplikasi Aplik kasi i KUBERIN KUBE KU ERI RIN fitur summarize memberikan ringkasan berita a yang ng kualitasnya .................................................................................... kual ku alit itas asny nya a sudah suda su dah h baik baik.... ... . .... . ........................................... .... .... .... .... .... .... ............. .................. 130 Gambar Gamb Ga mbar ar 5.67 7 Presentase Pre Pr esen nta tase se Rekapitulasi Rekap apit itulas si Pernyataan Pern Pe r ya ata taan an 7 Secara Sec ecar ara a keseluruhan, kese elu luruh han, saya saya puas dengan dengan kinerja ki inerja aplikasi apli ika kasi KUBERIN KUBER UB RIN ....... 131 Gambar 5.68 Presentase Rekapitulasi Re ekapitul lasi Pernyataan 1 Aplikasi KUBERIN memiliki tampilan .............................................. 133 tampila an yang menarik me enarik.............................................. Gambar 5.69 Presentase Rekapitulasi Re ekapitul lasi Pernyataan 2 Aplikasi KUBERIN mudah dipahami fungsionalitasnya fun ngsion nalitasnya dari antarmuka aplikasi ..................................................................................................................... ....................................................................................................................... 134 Gambar 5.70 Presentase Rekapitulasi Rekap pitulasi Pernyataan 3 Aplikasi KUBERIN mudah untuk digunakan ................................................................... 135 Gambar 5.71 Presentase Rekapitulasi Pernyataan 4 Cara penggunaan aplikasi KUBERIN ini mudah dipelajari ...................... 136
xiv
Gambar 5.72 Presentase Rekapitulasi Pernyataan 5 Desain warna aplikasi KUBERIN nyaman untuk dilihat dan komposisi warnanya pas ............................................................................................................ 137 Gambar 5.73 Presentase Rekapitulasi Rek ekap apit itul ulas a i Pernyataan 6 Aplikasi KUBERIN memberikan kemudahan kemudahan dalam melihat mel e ihat tulisan dan gambar .......................................................................................................................... ............................................................................................................................ 138 Gambar 5.74 Presentase Presentase Rekapitulasi Rekapitulasi Pernyataan Pernyata aan 7 Secara keseluruha han, saya puas dengan den nga gan n tampilan tamp ta mpil i an aplikasi i KUBERIN ..... 139 keseluruhan,
xv
DAFTAR TABEL Tabel 2.1 Tabel Perbandingan Sistem ...................... 12 Tabel 5.1 Tabel File KUBERIN KUB UBERIN Web .........................45 Tabel 5.2 Tabel File File KUBERIN Mobile ...................... ...... ................. 48 Tabel 5.3 Hasil Ha Pengujia ian Perangkat Lunak ............... .... ............ 112 Pengujian Tabel 5.4 5. Tabel l Pengujian Peng Pe ngujia an Fungsionalitas Fung Fu n si sion onal alit itas Apikasi i KUBERIN Mobile e .................................................. .......... .... . .................... .... ................. 123 Tabe bel 5.5 Tabel Tabe Ta b l Pengujian Peng guj uji ian Antarmuka Antarmuk uka a Apikasi Ap KUBE KU B RIN Mobile Mo Tabel KUBERIN ........ ... ....... ......................... ....... ... .... . ...... . 131 ........................................................
xvi
DAFTAR LAMPIRAN
I.
Spesifikasi p Kebutuhan Perangkat g Lunak Kumpulan p Berita Indones Indonesia esi ia (SKPL KUBER KUBERIN) RIN I )
II.
Deksripsi Deksrips si Perancangan Perangkat t Berita a Indonesia a (DPPL KUBERIN)
xvii
Lunak
Kumpulan