Pembuatan Situs Agregasi Sebagai Pusat Informasi Ristek dan Akademik Pada Fakultas Teknologi Informasi Maranatha.

(1)

ABSTRAK

Pembuatan situs agregasi ristek IT Maranatha bertujuan untuk menghadirkan sebuah situs yang sanggup mengumpulkan informasi penting mengenai perkembangan dunia teknologi informasi, dari berbagai sumber akademik di Indonesia, ke dalam satu wadah secara otomatis. Situs ini dibangun dengan menerapkan teknologi agregasi berita yang disokong oleh penerapan teknologi Content Management System (CMS) WordPress, RSS, penerapan teknologi Google API, berupa implementasi Custom Search Engine (CSE), serta penerapan teknologi Document Object Model (DOM) yang digunakan untuk membuat dan memanipulasi data dalam bentuk HTML dan XML. Kemampuan yang harus dimiliki oleh situs ini adalah mampu mengambil setiap informasi yang ditargetkan dari berbagai situs yang diinginkan, lalu menampilkan informasinya di dalam situs ristek dengan sederhana, rapih, dan mudah diakses.


(2)

ABSTRACT

The purpose of Maranatha IT’s research and technology aggregation site is to aims the present of a site that is able to gather important information about the development of the information technology in the world, from a variety of academic sources in Indonesia, into one container automatically. This site was built by applying technology news aggregation supported by the application of technology Content Management System (CMS) WordPress, RSS, application of technology Google API, such as the implementation of Custom Search Engine (CSE), as well as the application of technology Document Object Model (DOM) which is used to make and manipulate the data in the form of HTML and XML. The ability to be possessed by the site are able to take any of targeted information from various sites that you want, and then displays the information in research and technology site with simple, neat, and easily accessible.


(3)

DAFTAR ISI

LEMBAR PENGESAHAN ... i

PERNYATAAN ORISINALISTAS LAPORAN PENELITIAN ... ii

PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii

PRAKATA ... iv

ABSTRAK ... v

ABSTRACT ... vi

DAFTAR ISI ... vii

DAFTAR GAMBAR ... xii

DAFTAR SINGKATAN ... xvi

BAB 1 PENDAHULUAN ... 1

1.1 Latar Belakang ... 1

1.2 Rumusan Masalah ... 2

1.3 Tujuan Pembahasan ... 2

1.4 Ruang Lingkup ... 2

1.5 Sumber Data ... 3

1.6 Sistematika Penyajian ... 3

BAB 2 KAJIAN TEORI ... 5

2.1 XAMPP ... 5

2.2 Content Management System ... 5

2.3 WordPress ... 6

2.3.1 Themes ... 7

2.3.2 Plugins ... 9

2.4 RSS ... 9


(4)

2.6 Cascading Style Sheets (CSS) ... 10

2.7 Extensible Markup Language (XML) ... 11

2.8 SDK ... 11

2.9 API ... 11

2.10 PHP ... 11

2.11 Google ... 12

2.11.1 Google API ... 12

2.11.2 Google Search ... 12

2.11.3 Google Custom Search ... 13

2.12 HTML DOM ... 13

2.12.1 DOMXpath ... 14

2.12.2 DOMDocument ... 14

2.13 XML DOM Node Tree... 15

2.13.1 Document Node ... 16

2.13.2 Element Node ... 16

2.13.3 Attribute Node ... 16

2.13.4 Text Node ... 16

BAB 3 ANALISIS DAN RANCANGAN SISTEM ... 17

3.1 Media Agregasi Ristek Fakultas Teknologi Informasi ... 17

3.2 Perancangan Usecase dan Activity Diagram Situs Ristek ... 17

3.2.1 Usecase Diagram ... 17

3.2.2 Activity Diagram Proses Login Dosen/Dekanat ... 20

3.2.3 Activity Diagram Proses Login Admin ... 21

3.3 Perancangan Tampilan dan Fungsi pada Situs Agregasi Ristek ... 22

3.3.1 Rancangan Tampilan dan Fungsi Laman Login ... 25


(5)

3.3.1.2 Penjabaran Antarmuka Laman Login ... 27

3.3.2 Rancangan Tampilan dan Fungsi Laman Pertama ... 28

3.3.2.1 Maket Tampilan Antarmuka Laman Pertama (“Home”) ... 29

3.3.2.2 Penjabaran Antarmuka dan Fungsi ... 30

3.3.3 Rancangan Tampilan dan Fungsi Laman Kedua ... 33

3.3.3.1 Maket Tampilan Antarmuka Laman Kedua (Berita Ristekdikti & LPDP) ... 33

3.3.3.2 Penjabaran Antarmuka dan Fungsi ... 35

3.3.4 Rancangan Tampilan dan Fungsi Laman Ketiga ... 36

3.3.4.1 Maket Tampilan Antarmuka Laman Ketiga (Berita Universitas) . 37 3.3.4.2 Penjabaran Antarmuka dan Fungsi ... 38

BAB 4 implementasi ... 40

4.1 Implementasi Sistem ... 40

4.2 Penerapan Metode Scraping ... 40

4.2.1 Analisa Permasalahan ... 40

4.2.2 Desain Solusi ... 40

4.2.2.1 Studi Kasus pada Situs Institut X dan Universitas Y ... 41

4.2.3 Struktur Coding Metode Scraping ... 44

4.2.3.1 Struktur Coding Studi Kasus Institut X ... 44

4.2.3.2 Struktur Coding Studi Kasus Universitas Y... 47

4.2.4 Keluaran Hasil Coding ... 53

4.3 Penerapan Metode XML Parsing ... 54

4.3.1 Analisa Permasalahan ... 54

4.3.2 Desain Solusi ... 55

4.3.2.1 Studi Kasus pada Situs Institut X dan Universitas Y ... 55


(6)

4.3.4 Keluaran Hasil Coding ... 60

4.4 Instalasi WordPress dan Themes ... 60

4.5 Instalasi Google Custom Search ... 63

4.6 Instalasi Plugins Suplementer ... 73

4.6.1 Plugin RSS Retriever ... 73

4.6.2 Plugin TCBD Auto Refresher ... 74

4.7 Pembuatan Laman Login ... 77

4.8 Langkah-langkah Persiapan Platform Implementasi Laman 1 hingga 3 .... 77

4.9 Pembuatan Laman Pertama (Home) ... 81

4.10 Pembuatan Laman Kedua (Berita Ristekdikti dan LPDP) ... 81

4.10.1 Implementasi Google Custom Search Engine... 83

4.10.2 Implementasi Plugin RSS Retriever dan Modifikasi Zona Waktu .... 84

4.11 Pembuatan Laman Ketiga (Berita Universitas)... 88

4.11.1 Implementasi Google Custom Search Engine... 89

4.11.2 Implementasi Plugin RSS Retriever dan Modifikasi Zona Waktu .... 90

BAB 5 pengujian ... 93

5.1 Pengujian Implementasi Metode Scraping ... 93

5.2 Pengujian Implementasi Metode Parsing XML ... 95

5.3 Pengujian Fitur-fitur pada Laman Kedua ... 97

5.3.1 Pengujian Muatan Isi Berita Laman Kedua ... 98

5.3.2 Pengujian Mesin Pencarian Laman Kedua ... 99

5.4 Pengujian Fitur-fitur pada Laman Ketiga ... 101

5.4.1 Pengujian Muatan Isi Berita Laman Ketiga ... 101

5.4.2 Pengujian Mesin Pencarian Laman Ketiga ... 103

BAB 6 simpulan dan saran ... 106


(7)

6.2 Saran ... 106 DAFTAR PUSTAKA ... 107


(8)

DAFTAR GAMBAR

Gambar 2-1 Penggunaan platform WordPress yang memudahkan manajemen

situs. ... 7

Gambar 2-2 Contoh Themes sebagai template pengembangan situs. ... 8

Gambar 2-3 Contoh Themes sebagai template pengembangan situs. ... 8

Gambar 2-4 Contoh sebuah file RSS. ... 10

Gambar 2-5 Representasi Struktur DOM dalam Bentuk Struktur Pohon. ... 14

Gambar 2-6 Stuktur DOM dari sebuah file XML dalam analogi pohon. ... 15

Gambar 2-7 Contoh sebuah document node. ... 16

Gambar 2-8 Contoh sebuah element node. ... 16

Gambar 2-9 Contoh sebuah attribute node. ... 16

Gambar 2-10 Contoh sebuah text node. ... 16

Gambar 3-1 Usecase Diagram Situs Ristek. ... 18

Gambar 3-2 Activity Diagram Proses Login Dosen/Dekanat ... 20

Gambar 3-3 Activity Diagram Proses Login Admin Situs Ristek ... 22

Gambar 3-4 Maket antarmuka laman login. ... 26

Gambar 3-5 Penjabaran upper body antarmuka laman login. ... 27

Gambar 3-6 Penjabaran lower body antarmuka laman login. ... 28

Gambar 3-7 Maket Tampilan Antarmuka Laman Pertama ... 29

Gambar 3-8 Penjabaran upper body dari situs agregasi laman pertama. ... 30

Gambar 3-9 Penjabaran middle body dari situs agregasi laman pertama... 31

Gambar 3-10 Penjabaran lower body dari situs agregasi ristek laman pertama. .. 32

Gambar 3-11 Maket Tampilan Antarmuka Laman Kedua. ... 34

Gambar 3-12 Penjabaran middle dan lower body dari situs agregasi ristek laman kedua. ... 35

Gambar 3-13 Maket Tampilan Antarmuka Laman Ketiga ... 37

Gambar 3-14 Penjabaran middle dan lowed body dari situs agregasi ristek laman ketiga. ... 38

Gambar 4-1 Laman berita rujukan situs Institut X... 42

Gambar 4-2 Struktur HTML dari laman situs berita Institut X. ... 42


(9)

Gambar 4-4 Struktur HTML dari situs berita Universitas Y. ... 43

Gambar 4-5 Hasil scraping situs berita Institut X. ... 53

Gambar 4-6 Hasil scraping situs berita Universitas Y. ... 54

Gambar 4-7 Hasil parsing XML. ... 60

Gambar 4-8 Instalasi themes pada WordPress. ... 61

Gambar 4-9 Klik tombol “Add New” untuk menambahkan themes... 61

Gambar 4-10 Arahkan mouse pada themes yang dikehendaki dan klik tombol “Install”. ... 62

Gambar 4-11 Instalasi theme berhasil. ... 62

Gambar 4-12 Laman awal pembuatan Google Custom Search Engine. ... 63

Gambar 4-13 Memberikan nama dan daftar situs referensi bagi mesin pencarian. ... 64

Gambar 4-14 Konfirmasi Google atas pembuatan mesin pecarian dan tiga opsi yang diberikan kepada pengguna. ... 65

Gambar 4-15 Potongan kode dan petunjuk implementasi mesin pencarian dari Google CSE. ... 66

Gambar 4-16 Tampilan mesin pencarian berdasarkan URL publik... 66

Gambar 4-17 Laman subbagian “Basic” dari bagian “Setup” bagian pertama. .... 67

Gambar 4-18 Laman subbagian “Basic” dari bagian “Setup” bagian kedua. ... 68

Gambar 4-19 Subbagian “Admin” digunakan untuk menambahkan akun administrator baru terhadap mesin pencarian. ... 68

Gambar 4-20 Subbagian “Advanced” untuk melakukan seting manual terhadap mesin pencarian menggunakan file XML hingga seting pencarian situs secara lebih spesifik. ... 69

Gambar 4-21 Tampilan layout dari hasil pencarian yang disediakan oleh Google CSE. ... 70

Gambar 4-22 Tujuh desain pewarnaan tampilan yang disediakan oleh Google CSE. ... 71

Gambar 4-23 Tampilan pada subbagian “Customize”. ... 72

Gambar 4-24 Subbagian “Thumbnails” memungkinkan hasil pencarian memberikan gambar thumbnail. ... 72


(10)

Gambar 4-26 Notifikasi instalasi berjalan dengan baik. ... 74

Gambar 4-27 Tampilan dashboard pada WordPress untuk menambahkan plugin baru. ... 75

Gambar 4-28 Pencarian plugin “TCBD Auto Refresher”. ... 75

Gambar 4-29 Plugin “TCBD Auto Refresher” ditemukan melalui kolom pencarian WordPress. ... 76

Gambar 4-30 Instalasi dan aktivasi plugin. ... 76

Gambar 4-31 Laman status dari plugin yang sudah terpasang. ... 77

Gambar 4-32 Pembuatan page sebagai sarana pengembangan fitur. ... 78

Gambar 4-33 Pembuatan sebuah page baru. ... 78

Gambar 4-34 Page berhasil dibuat dan dapat diakses untuk mulai membangun fitur. ... 79

Gambar 4-35 Laman editor untuk memasukan kumpulan kode. ... 79

Gambar 4-36 Laman pembuatan menu utama. ... 80

Gambar 4-37 Notifikasi sistem WordPress bahwa menu telah berhasil dibuat. ... 81

Gambar 4-38Pembuatan page laman kedua. ... 82

Gambar 4-39 Nama dan kotak editor kode laman kedua. ... 82

Gambar 4-40 Tampilan antarmuka laman kedua. ... 83

Gambar 4-41 Masuk ke dalam menu “Plugins” dan pilih bagian “Edit” dari plugin RSS Retriever. ... 86

Gambar 4-42 Masukkan potongan kode seperti pada gambar berbingkai kotak merah. ... 87

Gambar 4-43 Masukkan potongan kode untuk memanggil fungsi yang sudah dimasukkan sebelumnya pada gambar 4-35. ... 87

Gambar 4-44 Hasil implementasi kode Google CSE dan RSS Retriever pada laman kedua. ... 87

Gambar 4-45 Pembuatan page laman ketiga. ... 88

Gambar 4-46 Nama dan editor kode dari laman ketiga. ... 88

Gambar 4-47 Tampilan antarmuka laman ketiga. ... 89

Gambar 4-48 Hasil implementasi Google CSE dan RSS Retriever pada laman ketiga. ... 92 Gambar 5-1 Berita pada situs Institut X yang akan menjadi indikator pengujian. 93


(11)

Gambar 5-2 Struktur HTML dari situs Institut X yang akan menjadi sample berita yang diambil. ... 94 Gambar 5-3 Hasil scraping ditandai dengan bingkai berwarna merah. ... 94 Gambar 5-4 Potongan gambar 5-5, hasil masukkan ke dalam basis data melalui metode scraping. ... 94 Gambar 5-5 Hasil input ke dalam basis data ditandai dengan bingkai berwarna merah. ... 95 Gambar 5-6 Isi dari basis data yang dijadikan sebagai sumber informasi RSS metode parsing. ... 96 Gambar 5-7 Hasil keluaran dari eksekusi file “index.php”. ... 96 Gambar 5-8 Potongan kode untuk perintah penyimpanan file, ditandai dengan bingkai berwarna merah. ... 97 Gambar 5-9 File yang diinginkan telah tersimpan di dalam localhost. ... 97 Gambar 5-10 Situs rujukan berita yang menjadi sumber penyedia informasi. ... 98 Gambar 5-11 Situs agregasi ristek IT Maranatha menampilkan berita yang serupa dengan situs rujukan. ... 99 Gambar 5-12 Pengujian dilakukan dengan memasukkan kata kunci yang sesuai dengan berita yang dimuat. ... 100 Gambar 5-13 Berita yang ditampilkan oleh situs ristek IT Maranatha terdeteksi oleh mesin pencarian. ... 101 Gambar 5-14 Situs agregasi ristek IT Maranatha menampilkan berita dari sebuah situs universitas. ... 102 Gambar 5-15 Berita yang ditampilkan pada salah satu situs universitas yang menjadi bahan rujukan. ... 103 Gambar 5-16 Pengujian dilakukan dengan memasukkan kata kunci yang sesuai dengan berita yang dimuat. ... 104 Gambar 5-17 Berita yang ditampilkan oleh situs ristek IT Maranatha terdeteksi oleh mesin pencarian. ... 105


(12)

DAFTAR SINGKATAN

ARPA Advanced Research Project Agency

CDA Content Delivery Application

CMS Content Management System

CSE Custom Search Engine

DCMI Dublin Core Metada Initiative

DOM Document Object Model

HTML Hypertext Markup Language

HTTP Hypertext Transfer Protocol

LPDP Lembaga Pengelolaan Dana Pendidikan

MariaDB Maria Database

PHP Personal Home Page [1]

SAT Sistem Akademik Terpadu

URL Uniform Resource Locator

UTC Universal Time Coordinated

W3C World Wide Web Consortium

WCMS Web Content Management System

WIB Waktu Indonesia bagian Barat

XAMPP Cross-Platform, Apache, MariaDB, PHP, Perl


(13)

BAB 1

PENDAHULUAN

1.1Latar Belakang

Hakikat dari sebuah teknologi sesungguhnya adalah sebagai penunjang bagi pengembangan kapasitas umat manusia. Mulai dari penemuan roda pada masa kuno, hingga penemuan-penemuan lain di dalam sejarah peradaban manusia, teknologi selalu dimunculkan untuk melampaui keterbatasan yang dimiliki manusia. Keinginan untuk selalu mengalahkan keterbatasan inilah yang menjadikan teknologi sebagai salah satu sarana manusia menciptakan solusi; dalam hal ini tidak terkecuali teknologi informasi.

Fakultas Teknologi Informasi (FTI) Universitas Kristen Maranatha (UKM) di dalam perannya sebagai salah satu lembaga akademis tentu memiliki panggilan serta kapasitas untuk mengembangkan pemanfaatan teknologi informasi. Hingga saat ini, perkembangan teknologi informasi dapat kita ikuti setidaknya melalui dua wadah publikasi (dalam konteks Indonesia). Pertama adalah ketetapan dan regulasi pemerintah tentang pengembangan teknologi di Indonesia, pada konteks ini diwakili oleh Kementerian Riset Teknologi dan Pendidikan Tinggi. kedua adalah pengembangan teknologi informasi yang dilakukan oleh institusi-institusi perguruan tinggi di seluruh Indonesia. Seluruh informasi dari kedua sumber tersebut sesungguhnya adalah materi yang sangat bermanfaat untuk mengembangkan kapasitas keilmuan bidang teknologi informasi dari fakultas Teknologi Informasi U. K. Maranatha.

Semua informasi yang terbuka dan dapat diakses secara publik tersebut dapat dimanfaatkan. Namun belum dimilikinya sebuah sarana pengelolaan informasi secara terpusat dan otomatis dari kedua media yang disebutkan pada paragraf sebelumnya menjadi kendala utama yang dihadapi oleh fakultas Teknologi Informasi U. K. Maranatha. Salah satu solusi yang dianggap dapat bermanfaat adalah dengan membangun sebuah wadah informasi berbasis web. Situs tersebut harus mampu mengumpulkan dan memusatkan informasi dari sumber-sumber yang sudah disebutkan sebelumnya, serta dapat mengolahnya secara otomatis.


(14)

2

Karena itulah, dalam pengembangannya, situs ini akan menerapkan beberapa teknologi pengelolaan data. Antara lain adalah teknologi yang dapat mengambil setiap muatan informasi dari situs yang diinginkan di dalam bentuk news feed.

1.2Rumusan Masalah

Berikut ini adalah rumusan masalah yang dihadapi di dalam pengembangan situs ristek bagi fakultas Teknologi Informasi.

1. Belum adanya penyediaan situs yang menjadi wadah pengelolaan informasi secara terpusat dari situs-situs Kementerian Riset Teknologi dan Pendidikan Tinggi (ristekdikti) Republik Indonesia yang sanggup bekerja secara otomatis. 2. Belum adanya penyediaan situs yang menjadi wadah pengelolaan informasi

secara otomatis dan terpusat dari situs-situs perguruan tinggi yang juga memiliki program studi Teknologi Informasi.

1.3Tujuan Pembahasan

Dengan memerhatikan masalah yang dirumuskan pada bagian rumusan masalah, maka tujuan dari penelitian ini adalah untuk:

1. Menyediakan sebuah situs yang secara otomatis dapat menjadi pusat pengelolaan informasi dari situs-situs ristekdikti.

2. Menyediakan sebuah situs yang secara otomatis dapat mengumpulkan dan mengelola informasi dari situs-situs perguruan tinggi yang juga memiliki program studi teknologi informasi.

1.4Ruang Lingkup

Ruang lingkup dari topik penelitian ini mencakup pembuatan sebuah situs yang menerapkan beberapa buah konsep teknologi sebagai berikut:

1. Pembahasan dan penerapan teknologi News Aggregation. 2. Pembahasan dan penerapan teknologi Document Object Model. 3. Pembahasan dan penerapan teknologi Google API.


(15)

3

Adapun sumber informasi yang akan dijadikan rujukan oleh situs tersebut adalah informasi dan berita dari situs-situs kementerian ristekdikti, serta informasi dan berita dari beberapa fakultas Teknologi Informasi pada universitas-universitas di Indonesia. Situs tersebut diharapkan mampu melakukan pencarian dan pengelompokan informasi berdasarkan masukan topik yang diminta oleh pengguna situs; dapat melakukan pencarian dan pengumpulan informasi ke dalam situs secara otomatis dan berkala.

1.5Sumber Data

Sumber data yang diperoleh merupakan data sekunder. Peneliti melakukan pengumpulan data melalui situs-situs di bawah naungan kementerian ristekdikti, dan situs-situs fakultas Teknologi Informasi di bawah naungan dari universitas-universitas lain.

.

1.6Sistematika Penyajian

Bab pertama akan mengulas perihal latar belakang yang menjadi alasan dibuatnya situs ristek bagi fakultas Teknologi Informasi U. K. Maranatha. Beberapa hal yang diulas adalah masalah yang dihadapi, batasan masalah, dan tujuan yang akan dicapai. Masalah yang dihadapi berupa persebaran berita yang tidak terpusat, sehingga solusi yang ditawarkan adalah bagaimana membangun sebuah situs yang menjadi wadah satu pintu bagi akses informasi fakultas terhadap materi informasi perkembangan teknologi informasi, secara khusus di Indonesia.

Bab kedua mengulas tentang segala hal yang berkaitan dengan teori pengembangan situs, terutama penjelasan-penjelasan tentang media dan peralatan/tools yang digunakan, sehingga ada dasar dan gambaran yang jelas bagaimana dan dari mana situs tersebut dapat terbangun.

Bab ketiga membahas analisis masalah dan perancangan situs yang tepat untuk menjadi solusi. Dalam bab ini akan disertakan perancangan visual berupa maket situs dan penjabaran singkat akan fungsi-fungsinya.

Bab keempat akan membahas bagaimana mengimplementasikan perancangan dan analisis pada bab ketiga hingga berjalan sebagaimana mestinya.


(16)

4

Bab ini akan menunjukan langkah-langkah teknis penerjemahan maket menuju situs yang dapat beroperasi sesuai dengan fungsi-fungsinya.

Bab kelima akan menjadi sarana pembahasan pengujian, apakah implementasi pada bab empat sudah sesuai dengan apa yang didesain pada bab ketiga. Isi dari bab ini akan menampilkan perbandingan visual dari maket dengan hasil implementasi, perbandingan kesesuaian informasi antara situs agregasi ristek dengan situs yang menjadi rujukan berita, dan pengujian fungsi pencarian dan pengelompokan materi berita berdasarkan topik yang dimasukkan oleh pengguna situs.

Bab keenam akan memberikan kesimpulan hasil pengembangan situs, juga akan memberikan wacana kemungkinan-kemungkinan ke depan di dalam mengembangkan situs ristek ini untuk menjadi lebih baik.


(17)

BAB 6 SIMPULAN DAN SARAN

6.1Simpulan

Dengan penerapan teknologi agregasi, situs ristek IT Maranatha sanggup untuk mengambil, mengolah, dan menampung berbagai berita dan informasi penting dari berbagai situs hanya dalam satu wadah. Implementasi teknologi tersebut tidak dapat dilepaskan dari tiga elemen penting yang menunjang metode agregasi di dalam menjawab kebutuhan dan merealisasikan tujuan dari dibuatnya situs ini. Ketiga elemen tersebut adalah:

1. Penggunaan Content Management System WordPress yang memiliki kekuatan pada varietas plugins yang melimpah.

2. Pengimplementasian Google Custom Search Engine yang memiliki kemampuan pencarian mumpuni.

3. Pemanfaatan teknologi Document Object Model yang sangat kuat di dalam melakukan pengolahan data berbasis HTML dan XML.

6.2Saran

Saran pengembangan untuk aplikasi ke depan adalah dimungkinkannya penerapan CSS untuk mempercantik tampilan agar memiliki nilai estetis yang dapat membuat kenyamanan pengguna situs meningkat. Juga dimungkinkannya pembuatan plugin khusus yang dirancang sesuai dengan kebutuhan, terutama penerapan teknologi DOM yang dapat dijadikan plugin yang menyatu dengan platform WordPress dari situs ristek IT Maranatha itu sendiri. Berikutnya adalah dimungkinkannya penerapan Topic Detection and Tracking yang memungkinkan sistem mendeteksi topik berita yang diambil dan menyusunnya berdasarkan kategori tertentu.


(18)

PEMBUATAN SITUS AGREGASI SEBAGAI

PUSAT INFORMASI RISTEK DAN AKADEMIK

PADA FAKULTAS TEKNOLOGI INFORMASI

MARANATHA

Tugas Akhir

Diajukan untuk Memenuhi Persyaratan Akademik dalam

Menyelesaikan Pendidikan pada Program Studi

S1 Teknik Informatika, Universitas Kristen Maranatha

Oleh

Nikki Tirta

1572901

PROGRAM STUDI S1 TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS KRISTEN MARANATHA

BANDUNG

2016


(19)

(20)

107

DAFTAR PUSTAKA

[1] PHP.net. (2001) PHP.net. [Online].

http://php.net/manual/en/history.php.php

[2] Technosip Inc. (2016) Technosip Review XAMPP. [Online].

http://www.technosip.com/toolsreviews/technosip-review-xampp/

[3] Martin White, The Content Management Handbook.: Facet Publishing, 2005.

[4] Mike Johnston. (2011) cmscritic.com.

[5] Mark Jaquith Aaron Brazell, WordPress Bible, 2nd Edition. Indianapolis, Indiana: Wiley Publishing, Inc., 2011.

[6] David Damstra, Hal Stern Brad Williams, Professional WordPress: Design and Development, Second Edition. Indianapolis, Indiana: John Wiley & Sons, Inc., 2013.

[7] WordPress Dev Team. WordPress Codex. [Online].

https://codex.wordpress.org/Using_Themes

[8] Syed Balkhi. (2009) WPbeginner Glossary. [Online].

http://www.wpbeginner.com/glossary/plugin/

[9] Hongwei Zhu, Michael D. Siegel, and Stuart E. Madnick, "Information Aggregation - A Value-added E-service," MIT Sloan School of Management, Cambridge, Presentation Paper for International Conference 2001.

[10] Peng Jian-sheng Wei Qing-jin, "A Grammatical Evolution Approach for Content Extraction of Electronic Commerce Website," Research Journal of Applied Sciences, Engineering and Technology, vol. V, no. 7, pp. 2426-2432, March 2013.

[11] Edward J. Praitis, Jane T. Kim, Sean O. Lyndersay, Walter V. von Koch, William Gould, Bruce A. Morgan, Cindy Kwan Amar S. Gandhi, "Content Syndication Platform," US 11/158,936, February 25, 2014.

[12] Febriliyan Samopa, Ade Afrian Diana Purwitasari, "Rancang Bangun Aplikasi Pengambilan Berita Secara Otomatis Menggunakan Content


(21)

108

Syndication Berbasis XML Dengan Platform Microsoft.NET," JuTiSi Institut Teknologi Sepuluh Nopember, vol. 3, no. 1, pp. 33-40, Januari 2004. [13] Erich Michael Specht Steven Michael Rourke, "System and Method for

Content Syndication Service," US 13/219,105, August 26, 2011.

[14] Syed Balkhi. (2009) WPbeginner Glossary. [Online].

http://www.wpbeginner.com/glossary/cpanel/

[15] W3Schools. (2016) W3Schools. [Online].

http://www.w3schools.com/css/css_intro.asp

[16] TechTerms. TechTerms Definition CSS. [Online].

http://techterms.com/definition/css

[17] W3C. (2008, November) W3C. [Online].

https://www.w3.org/TR/2008/REC-xml-20081126/

[18] Jean Paoli, C. M. Sperberg-McQueen, Eve Maler, Francois Yergeau, John Cowan Tim Bray, "Extensible Markup Language (XML)," W3C, 2006. [19] Tech Terms Computer Dictionary. (2010, April) Tech Terms. [Online].

http://techterms.com/definition/sdk

[20] Steven Clarke. (2004, May) Dr. Dobb's web site. [Online].

http://www.drdobbs.com/windows/measuring-api-usability/184405654

[21] Peter MacIntyre, Rasmus Lerdorf Kevin Tatroe, Programming PHP, 3rd ed., Rachel Roumeliotis Meghan Blanchette, Ed. Sebastopol, California: O'Reilly Media, Inc., 2013.

[22] Tim Warren, PHP Programming For Beginners: The Simple Guide to Learning PHP Fast! USA: CreateSpace Independent Publishing Platform, 2015.

[23] Margaret Rouse. (2011, November) searchcio.techtarget.com. [Online].

http://searchcio.techtarget.com/definition/Google-The-Company

[24] Google. Google.com. [Online]. https://www.google.com/about/company/

[25] Google. (2016) developers.google.com. [Online].

https://console.developers.google.com/apis/library


(22)

109

http://www.alexa.com/topsites/category/Computers/Internet/Searching/Sear ch_Engines

[27] Soutik Biswas. (2013, November) BBC.com. [Online].

http://www.bbc.com/news/technology-23866614

[28] Lawrence Page Sergey Brin, "The Anatomy of a Large-Scale Hypertextual Web Search Engine," Computer Networks, vol. 56, no. 18, pp. 3825-3833, December 2012.

[29] Russ Ferguson, John Paxton John Resig, "The Document Object Model," in Pro JavaScript Techniques. New Jersey, United States of America: Apress, 2015, pp. 49-72.

[30] Jonathan Robie. www.W3.org. [Online]. https://www.w3.org/TR/WD-DOM/introduction.html

[31] Steve DeRose James Clark. (1999, November) www.w3.org. [Online].

https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Introduction

[32] Scott Boag, Don Chamberlin, Mary F. Fernandez, Michael Kay, Jonathan Robie, Jerome Simeon Anders Berglund, "XML Path Language (XPath)," W3C, 2007.

[33] Jack Herrington. (2005, December) www.ibm.com. [Online].

https://www.ibm.com/developerworks/library/os-xmldomphp/

[34] World Wide Web Consortium. www.w3schools.com. [Online].

http://www.w3schools.com/xml/dom_nodes.asp

[35] W3C. www.w3schools.com. [Online].

http://www.w3schools.com/xml/dom_nodes.asp

[36] Travis Taylor. WordPress Plugins wp-rss-retriever. [Online].

https://wordpress.org/plugins/wp-rss-retriever/

[37] Touhidul Sadeek. WordPress Plugins tcbd-auto-refresher. [Online].

https://wordpress.org/plugins/tcbd-auto-refresher/

[38] Pete Johnston Andy Powell. (2003, April) dublincore.org. [Online].


(1)

106

Universitas Kristen Maranatha

BAB 6 SIMPULAN DAN SARAN

6.1Simpulan

Dengan penerapan teknologi agregasi, situs ristek IT Maranatha sanggup untuk mengambil, mengolah, dan menampung berbagai berita dan informasi penting dari berbagai situs hanya dalam satu wadah. Implementasi teknologi tersebut tidak dapat dilepaskan dari tiga elemen penting yang menunjang metode agregasi di dalam menjawab kebutuhan dan merealisasikan tujuan dari dibuatnya situs ini. Ketiga elemen tersebut adalah:

1. Penggunaan Content Management System WordPress yang memiliki kekuatan pada varietas plugins yang melimpah.

2. Pengimplementasian Google Custom Search Engine yang memiliki kemampuan pencarian mumpuni.

3. Pemanfaatan teknologi Document Object Model yang sangat kuat di dalam melakukan pengolahan data berbasis HTML dan XML.

6.2Saran

Saran pengembangan untuk aplikasi ke depan adalah dimungkinkannya penerapan CSS untuk mempercantik tampilan agar memiliki nilai estetis yang dapat membuat kenyamanan pengguna situs meningkat. Juga dimungkinkannya pembuatan plugin khusus yang dirancang sesuai dengan kebutuhan, terutama penerapan teknologi DOM yang dapat dijadikan plugin yang menyatu dengan

platform WordPress dari situs ristek IT Maranatha itu sendiri. Berikutnya adalah

dimungkinkannya penerapan Topic Detection and Tracking yang memungkinkan sistem mendeteksi topik berita yang diambil dan menyusunnya berdasarkan kategori tertentu.


(2)

PEMBUATAN SITUS AGREGASI SEBAGAI

PUSAT INFORMASI RISTEK DAN AKADEMIK

PADA FAKULTAS TEKNOLOGI INFORMASI

MARANATHA

Tugas Akhir

Diajukan untuk Memenuhi Persyaratan Akademik dalam

Menyelesaikan Pendidikan pada Program Studi

S1 Teknik Informatika, Universitas Kristen Maranatha

Oleh

Nikki Tirta

1572901

PROGRAM STUDI S1 TEKNIK INFORMATIKA

FAKULTAS TEKNOLOGI INFORMASI

UNIVERSITAS KRISTEN MARANATHA

BANDUNG

2016


(3)

(4)

107

Universitas Kristen Maranatha

DAFTAR PUSTAKA

[1] PHP.net. (2001) PHP.net. [Online].

http://php.net/manual/en/history.php.php

[2] Technosip Inc. (2016) Technosip Review XAMPP. [Online]. http://www.technosip.com/toolsreviews/technosip-review-xampp/

[3] Martin White, The Content Management Handbook.: Facet Publishing, 2005.

[4] Mike Johnston. (2011) cmscritic.com.

[5] Mark Jaquith Aaron Brazell, WordPress Bible, 2nd Edition. Indianapolis, Indiana: Wiley Publishing, Inc., 2011.

[6] David Damstra, Hal Stern Brad Williams, Professional WordPress: Design

and Development, Second Edition. Indianapolis, Indiana: John Wiley &

Sons, Inc., 2013.

[7] WordPress Dev Team. WordPress Codex. [Online]. https://codex.wordpress.org/Using_Themes

[8] Syed Balkhi. (2009) WPbeginner Glossary. [Online]. http://www.wpbeginner.com/glossary/plugin/

[9] Hongwei Zhu, Michael D. Siegel, and Stuart E. Madnick, "Information Aggregation - A Value-added E-service," MIT Sloan School of Management, Cambridge, Presentation Paper for International Conference 2001.

[10] Peng Jian-sheng Wei Qing-jin, "A Grammatical Evolution Approach for Content Extraction of Electronic Commerce Website," Research Journal of

Applied Sciences, Engineering and Technology, vol. V, no. 7, pp.

2426-2432, March 2013.

[11] Edward J. Praitis, Jane T. Kim, Sean O. Lyndersay, Walter V. von Koch, William Gould, Bruce A. Morgan, Cindy Kwan Amar S. Gandhi, "Content Syndication Platform," US 11/158,936, February 25, 2014.

[12] Febriliyan Samopa, Ade Afrian Diana Purwitasari, "Rancang Bangun Aplikasi Pengambilan Berita Secara Otomatis Menggunakan Content


(5)

108

Universitas Kristen Maranatha Syndication Berbasis XML Dengan Platform Microsoft.NET," JuTiSi

Institut Teknologi Sepuluh Nopember, vol. 3, no. 1, pp. 33-40, Januari 2004.

[13] Erich Michael Specht Steven Michael Rourke, "System and Method for Content Syndication Service," US 13/219,105, August 26, 2011.

[14] Syed Balkhi. (2009) WPbeginner Glossary. [Online]. http://www.wpbeginner.com/glossary/cpanel/

[15] W3Schools. (2016) W3Schools. [Online].

http://www.w3schools.com/css/css_intro.asp

[16] TechTerms. TechTerms Definition CSS. [Online]. http://techterms.com/definition/css

[17] W3C. (2008, November) W3C. [Online].

https://www.w3.org/TR/2008/REC-xml-20081126/

[18] Jean Paoli, C. M. Sperberg-McQueen, Eve Maler, Francois Yergeau, John Cowan Tim Bray, "Extensible Markup Language (XML)," W3C, 2006. [19] Tech Terms Computer Dictionary. (2010, April) Tech Terms. [Online].

http://techterms.com/definition/sdk

[20] Steven Clarke. (2004, May) Dr. Dobb's web site. [Online]. http://www.drdobbs.com/windows/measuring-api-usability/184405654 [21] Peter MacIntyre, Rasmus Lerdorf Kevin Tatroe, Programming PHP, 3rd

ed., Rachel Roumeliotis Meghan Blanchette, Ed. Sebastopol, California: O'Reilly Media, Inc., 2013.

[22] Tim Warren, PHP Programming For Beginners: The Simple Guide to

Learning PHP Fast! USA: CreateSpace Independent Publishing Platform,

2015.

[23] Margaret Rouse. (2011, November) searchcio.techtarget.com. [Online]. http://searchcio.techtarget.com/definition/Google-The-Company

[24] Google. Google.com. [Online]. https://www.google.com/about/company/ [25] Google. (2016) developers.google.com. [Online].

https://console.developers.google.com/apis/library


(6)

109

Universitas Kristen Maranatha http://www.alexa.com/topsites/category/Computers/Internet/Searching/Sear ch_Engines

[27] Soutik Biswas. (2013, November) BBC.com. [Online]. http://www.bbc.com/news/technology-23866614

[28] Lawrence Page Sergey Brin, "The Anatomy of a Large-Scale Hypertextual Web Search Engine," Computer Networks, vol. 56, no. 18, pp. 3825-3833, December 2012.

[29] Russ Ferguson, John Paxton John Resig, "The Document Object Model," in

Pro JavaScript Techniques. New Jersey, United States of America: Apress,

2015, pp. 49-72.

[30] Jonathan Robie. www.W3.org. [Online]. https://www.w3.org/TR/WD-DOM/introduction.html

[31] Steve DeRose James Clark. (1999, November) www.w3.org. [Online]. https://www.w3.org/TR/1999/REC-xpath-19991116/#section-Introduction [32] Scott Boag, Don Chamberlin, Mary F. Fernandez, Michael Kay, Jonathan

Robie, Jerome Simeon Anders Berglund, "XML Path Language (XPath)," W3C, 2007.

[33] Jack Herrington. (2005, December) www.ibm.com. [Online]. https://www.ibm.com/developerworks/library/os-xmldomphp/

[34] World Wide Web Consortium. www.w3schools.com. [Online]. http://www.w3schools.com/xml/dom_nodes.asp

[35] W3C. www.w3schools.com. [Online].

http://www.w3schools.com/xml/dom_nodes.asp

[36] Travis Taylor. WordPress Plugins wp-rss-retriever. [Online]. https://wordpress.org/plugins/wp-rss-retriever/

[37] Touhidul Sadeek. WordPress Plugins tcbd-auto-refresher. [Online]. https://wordpress.org/plugins/tcbd-auto-refresher/

[38] Pete Johnston Andy Powell. (2003, April) dublincore.org. [Online]. http://dublincore.org/documents/dc-xml-guidelines/