PROPOSAL PROJECT

AGREGATOR FEED BERITA

Dosen Pengampu: Hendra Kurniawan, S.Kom., M.Sc.Eng

Nama Anggota Kelompok:

1 Obi Luter Sihombing 2201020066
.
2 Renaldi Anicetus Simbolon 2201020067
.
3 Raja AryansahPutra 2201020070
.
4 Betranz Leenando 2201020079
.
5 Ardiansyah 2301020130
.

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK DAN TEKNOLOGI KEMARITIMAN
UNIVERSITAS MARITIM RAJA ALI HAJI
TANJUNGPINANG
 2023

Abstrak
Berita dan informasi menjadi salah satu kebutuhan penting di saat ini terkhusunya
pada era digital saat ini. Untuk mengatasi kebutuhan akan berita dan informasi yang
semakin dibutuhkan, aggregator feed berita menjadi salah satu Solusi dalam menjawab
kebutuhan berita dan informasi. Aggregator feed berita ini dibuat dengan mengandalkan
teknologi penyampaian berita yang real time dan dipersonalisasi kepada setiap pengguna.
Kami juga menggunakan metode REST-API sebagai model yang digunakan untuk web berita
pada sistem web service. Serta MySQL sebagai database dalam menyimpan berita, data user
dan data admin.

BAB I
PENDAHULUAN
1.1 Latar Belakang

Pada zaman digitalisasi saat ini, berita dan informasi menjadi salah satu hal
penting dan dibutuhkan oleh khalayak ramai. Seluruh isi dari belahan bumi ini,
pasti membutuhakan dan menggunakan berita dan informasi dalam kehidupanya
sehari-hari. Kegunaan informasi juga sangat beragam, tergantung jenis berita yang
dibaca. Ada jenis berita Politik, Olahraga, Bisnis dan banyak lagi. Contoh kegunaan
berita di jenis bisnis yaitu memprediksi nilai saham yang naik atau turun di masa yang
akan datang. Namun masih banyak dari pengguna dan pembaca untuk mencari dan
menemukan sumber berita yang terpercaya.

Maka aplikasi aggregator feed berita telah hadir untuk memudahkan pengguna
dalam menemukan berita berita yang dicari. Aggregator feed berita ini dibangun
dengan teknologi penyampaian berita yang real time, serta berita yang dipersonalisasi
kepada setiap pengguna. aplikasi berbasis web yang bertujuan untuk membuat
platform berita yang interaktif dan mudah digunakan. Web Agregator feed berita ini
dikembangkan dengan menggunakan bahasa pemrograman Hyper Text Markup
Language (HTML) untuk struktur dari konten, Cascading Style Sheet (CSS) untuk
tampilan dan desain yang menarik, dan Hypertext Preprocessor (PHP) untuk
mengelola data dan interaksi antara pengguna dan system. Aplikasi ini juga dirancang
dengan fitur fitur kunci yaitu:

1. Tampilan Responsif
Desain web yang responsive untuk memastikan pengalaman yang baik
pada berbagai perangkat, seperti pada, komputer, tablet, dan ponsel

2. Manajemen Berita
 Kemampuan untuk menambahkan, mengedit, dan menghapus berita,
dengan mudah melalui interface admin

3. Pencarian Berita
Fasilitas pencarian yang memungkinkan pengguna untuk menemukan
berita berdasarkan kata kunci ataupun kategori berita

4. Kategorisasi Berita
Pengelompokan berita ke dalam kategori atau topik yang berbeda
untuk memudahkan user dalam mencari seputar berita yang di inginkan

Dengan fitur kunci tersebut, diharapkan para pengguna nyaman dan merasa
puas dengan konten konten yang terkandung di dalam aggregator feed berita tersebut.

1.2 Rumusan Masalah

Berdasarkan latar belakang yang sudah dipaparkan di atas, dapat dirangkum rumusan
masalah yang menjadi landasan penelitian, yaitu:

1. Bagaimana sistem terdistribusi dapat mengagregasi, memproses, dan menyampaikan

feed berita yang dipersonalisasi kepada pengguna secara real-time dari berbagai
sumber?

1.3 Tujuan Penelitian

Berdasarkan rumusan masalah yang disampaikan, maka tujuan dari peneltian ini
adalah sebagai berikut:

1. Sebagai tempat dalam memberikan informasi dan berita kepada Masyarakat

2. Menjadikan web portal yang dapat dipercaya dan tidak menyebar berita
bohong (hoax)
3. Memberikan berita secara real time yang dipersonalisasi kepada pengguna

1.4 Tujuan Desain Sistem

Tujuan desain system web berita adalah untuk mencapai beberapa hasil dan manfaat
yang penting. Berikut adalah beberapa tujuan desain system dalam merancang sebuah
system web berita :
1.1.1 Memberikan Informasi Terkini
 Sistem web berita yang dirancang untuk memberikan informasi terkini kepada
para penggguna. Tujuannnya adalah untuk memberikan berita yang relevan,
aktual, dan terpercaya agar pengguna tetap up to date terhadap berbagai peristiwa
dan topik

1.1.2 Keterbukaan dan Aksesibilitas

Sistem web dirancang dengan prinsip keterbukaan dan akesibilitas. Ini
memberikan akses ke berita kepada sebanyak mungin pengguna. Dengan
mencantumkan sumber berita yang diambil.

1.1.3 Navigasi Yang Mudah

Tujuan desain sistem web berita adalah memastikan pengguna dapat dengan
mudah menggunakan dan menjelajahi serta menemukan berita yang di cari.
Desain interface yang intuitif (kemampuan untuk mengetahui atau memahami
sesuatu tanpa memerulukan penalaran sadar) dan mudah untuk di navigasi

1.1.4 Keselamatan dan Keamanan

Keamanan informasi dari pengguna adalah salah satu tujuan utama dari sistem.
Sistem yang dirancang dengan perlindungan yang kuat terhadap ancaman
keamanan seperti serangan siber, dan kebocoran data pengguna. Maka dari itu
privasi pengguna harus dijaga dengan baik.

1.1.5 Membantu dalam Pemutusan Berita Palsu (hoax)

Berita palsu (hoax) sangat cepat dalam penyebarannya di kehidupan masyarakat.
Maka dari itu, aggregator feed berita ini dirancang untuk memasukkan berita yang
memiliki sumber yang terpercaya

1.5 Manfaat Penelitian

Setelah merangkum rumusan masalah yang disusun berdasarkan latar belakang, dan
yang dijadikan landasan penelitian maka dapat diambil beberapa manfaat dari penelitian
ini yaitu sebagai berikut:

1. Bagi Pengguna
 Mempermudah pengguna dalam mendapatkan berita dan informasi yang selalu
up to date dan real time, dengan sumber sumber yang terpercaya

2. Bagi Penulis dan Tim

Mendapatkan pengalaman baru dalam merancang, mengembangkan dan

mengimplementasikan sebuah aplikasi aggregator feed berita yang berbasis web, dan
memahami teknologi yang digunakan dalam implementasinya.
 BAB II
LITERATURE REVIEW

2.1 Tinjauan Pustaka

Sebelum melakukan penelitian rancang web berita ini, peneliti terlebih dahulu
melakukan tinjauan Pustaka terhadap beberapa kasus yang sejenis, yaitu perancangan
web.

Judul Penulis Keterangan

Pembuatan Website (Php et al., Situs web ini dibuat dengan
Sekolah Menengah n.d.) menggunakan PHP dan MySQL. Situs
Pertama Negeri 3 web ini mencakup berbagai fitur seperti
Delanggu Dengan profil sekolah, fasilitas, data staf, berita,
Menggunakan Php Dan kegiatan siswa, galeri foto, dan buku
MySQL tamu. Artikel ini menyoroti manfaat
memiliki website bagi sekolah, termasuk
peningkatan efisiensi dalam penyebaran
informasi dan jangkauan yang lebih luas.
Rancang bangun aplikasi (Mubarak Ringkasan Artikel ini berfokus pada
web sekolah menggunakan et al., desain dan pengembangan aplikasi
UML (Unified Modeling 2019) sekolah berbasis web dengan
Language) dan Bahasa menggunakan UML dan PHP. Artikel ini
Pemrograman PHP mencakup konsep World Wide Web,
(Hypertext Preprocessor) UML, PHP, dan web server. Artikel ini
Berorientasi Objek menyajikan desain aplikasi melalui
berbagai diagram dan diakhiri dengan
desain antarmuka pengguna yang
diusulkan. Artikel ini juga membahas
implementasi dan pengujian desain situs
 web sekolah, menampilkan tangkapan
layar dari desain antarmuka dan
implementasi yang sebenarnya.

Tabel 1. Tinjauan Pustaka

2.2 Landasan Teori

2.2.1 Web Service

Web service adalah sistem perangkat lunak yang dirancang untuk

mendukung interaksi yang bisa beroperasi machine-to-machine di atas
jaringan. Web service mempunyai alat penghubung yang diuraikan di dalam
format machine-processable (secara spesifik WSDL). Sistem lain saling
berhubungan dengan Web service di dalam cara yang ditentukan oleh
deskripsinya yang menggunakan pesan SOAP, secara khas disampaikan
menggunakan HTTP dengan XML serialization, bersama dengan standar lain
yang terkait dengan web (Booth & Brice, 2018).

Untuk menjalankan fungsinya, web service memerlukan agen. Agen

adalah bagian perangkat lunak atau perangkat keras yang mengirimkan dan
menerima pesan. Agen dapat ditulis dengan berbagai bahasa pemrograman.
Dan dapat berganti-ganti bahasa pemrograman dengan fungsi yang sama.
Tujuan web service adalah untuk menyediakan beberapa fungsi atas nama
pemilik nya – seseorang atau organisasi seperti bisnis atau perorangan.

2.2.2 Rest API

REST API adalah singkatan dari Representational State Transfer

Application Programming Interface, yaitu sebuah antarmuka yang
memungkinkan komunikasi antara aplikasi berbasis web dengan
menggunakan protokol HTTP. REST API dapat digunakan untuk
mengakses dan memanipulasi sumber daya web, seperti data, file, atau
fungsi, dengan cara mengirimkan permintaan HTTP (GET, POST, PUT,
DELETE) ke server yang menyediakan layanan web tersebut.
Representatif State Transition Application Programming Interface (REST
API). REST sendiri merupakan standar arsitektur komunikasi yang biasa
diterapkan dalam pengembangan situs website dan layanan berbasis
aplikasi, sedangkan API adalah tautan yang memungkinkan aplikasi untuk
berinteraksi dan berbagi data. (Zen et al., n.d.)
2.2.3 Apache

Apache adalah Open Source yang dibangun dan dikelola oleh

Apache.org. Apache terdiri dari dua blok bangunan utama dengan
bangunan utama dengan bangunan akhir yang terdiri dari banyak blok
bangunan kecil lainnya. Blok bangunan adalah Apache Core dan kemudian
model apache yang dalam arti memperluas inti apache. Apache HTTP
dikembangkan oleh Apache Software Foundation sebagai usaha untuk
membangun server HTTP open source yang dapat digunakan untuk system
operasi modern seperti UNIX dan Windows. Tujuannya adalah
memberikan sebiah keamanan, efisien, dan ekstensibilitas bagi
pengembang aplikasi, dan kompantibel dengan standar baku HTTP. Saat
ini, proyek ini pertama kali diluncurkan pada tahun 1995, dan menjadi
yang terpopuler sejak April 1996. Apache merupakan turunan dari web
server yang dikeluarkan oleh NSCA yaitu NSCA HTTPd.
(KATA PENGANTAR, n.d.)

2.2.4 MySQL

Database atau basis data adalah sekumpulan informasi yang tersimpan

pada komputer secara terstruktur dan sistematik. Database dapat diolah lebih
lanjut untuk menghasilkan informasi lain menggunakan suatu perintah
(query). Konsep dasar dari database adalah informasi yang bersifat terpadu
baik dari sisi pengaksesan, pengendalian dan pengamanan. Database yang
sering digunakan pada halaman web dinamis adalah MySQL. MySQL adalah
sebuah perangkat lunak yang digunakan untuk manajemen basis data. Salah
satu kelebihan dari MySQL adalah fleksibilitas dari sisi platform yang mana
bisa berjalan di sistem operasi Linux, Windows atau Mac OS. Saat ini MySQL
masih bersifat free atau masih bisa digunakan dengan menggunakan General
Public Licence (GPL). MySQL memiliki beberapa Apllication Programming
Interface (API) yang memungkinkan aplikasi-aplikasi komputer lain dengan
beragam bahasa pemrograman dapat mengakses basis data MySQL. Seperti
misalnya PHP, Java, Pascal, Basic, C, C++, C#, Perl, Phyton, Ruby dan
sejenisnya (Sanjaya, n.d.).

2.2.5 Hypertext Preprocessor (PHP)

 PHP adalah bahasa scripting yang menyatu dengan HTML dan
dijalankan pada server side. Artinya semua sintaks yang kita berikan akan
sepenuhnya dijalankan pada server sedangkan yang dikirimkan ke browser
hanya hasilnya saja. HP merupakan software yang open source bebas. Jadi
anda dapat mengubah source code dan mendistribusikan secara bebas dan
gratis. PHP juga dapat berjalan lintas platform, yaitu dapat digunakan
dengan sistem operasi (Windows dan Linux) dan web server apapun
(misalnya: PWS, IIS, Apache dll). (Sanjaya, n.d.)

2.2.6 Cascading Stylesheet

Cascading Style Sheets (CSS) adalah salah satu bahasa pemrograman

desain web (style sheet language) yang mengontrol format tampilan
sebuah halaman web yang ditulis dengan menggunakan bahasa penanda
(markup language). Biasanya CSS digunakan untuk mendesain sebuah
malam HTML dan XHTML, tetapi sekarang bahasa pemrograman CSS
bisa diaplikasikan untuk segala dokumen XML, termasuk SVG dan XUL.
CSS dibuat untuk memisahkan kontek utama (biasanya dibuat dengan
menggunakan bahasa HTML dan sejenisnya) dengan tampilan dokumen
yang meliputi layout, warna dan font. Pemisahan ini dapat meningkatkan
daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan
kontrol dalam spesifikasi dari sebuah karakteristik dari sebuah tampilan,
memungkinkan untuk membagi banyak halaman untuk sebuah formating
dan mengurangi kerumitan dalam penulisan kode dan struktur dari konten,
contohnya teknik tables pada layout desain web (layout tanpa tabel)
(Leonarde Ginting, n.d.)
.

2.2.7 Hypertext Markup Language

HTML adalah singkatan dari Hypertext Markup Language. HTML

merupakan bahasa yang digunakan untuk membuat tampilan halaman web.
HTML dieksekusi pada web browser, sehingga tanpa web server pun kita
dapat menjalankan kode HTML dan mendapatkan hasil tampilannya.
HTML bukanlah bahasa pemrograman yang dapat memproses sebuah
logika. Kode-kode pada HTML disebut tag. Contohnya tag<p>, dibaca
 tag p. Tag HTML umumnya berpasangan seperti <html> dan </html>,
namun adapula yang tunggal seperti <br/>atau <br>. Untuk
menjalankan kode HTML tidak diperlukan server. Sehingga untuk
membukanya cukup dengan melakukan klik dua kali (double click) pada
file HTML tersebut (Zen et al., n.d.).
2.2.8 Visual Studio Code

Visual Studio adalah integrated development environment (IDE) yang

dikembangkan oleh Microsoft untuk mempermudah software developer
mengembangkan aplikasi pada platform milik Microsoft. Visual Studio
2015 adalah versi stabil terbaru saat buku ini ditulis. Dan sedang
dikembangkan Visual Studio 2017. Visual Studio dapat digunakan untuk
mengembangkan aplikasi mobille, web, desktop dan cloud. Bahasa yang
didukung oleh Visual Studio 2015 adalah Visual Basic, C#, C++, Python,
Javascript dan masih banyak lagi. Tetapi Visual Studio 2015 hanya dapat
digunakan pada sistem operasi Microsoft Windows. Tetapi saat ini
Microsoft telah mengembangkan Visual Studio Code. Visual Studio Code
adalah source code editor multiplatform yang dapat digunakan pada sistem
operasi Windows, Linux dan Mac OSX. Visual Studio Code juga
mendukung banyak bahasa pemrograman seperti halnya Visual Studio
2015 ditambah bahasa pemrograman PHP, Node.js dan lain-lain.
(Faisal, 2017)
 BAB III
DESAIN SISTEM

3.1 Perangkat yang digunakan

3.1.1 Perangkat Lunak
Perangkat lunak yang digunakan dalam sistem aggregator feed berita ini
adalah:
a.OS : Windows 10
b.Web Server : Apache
c.Database Server : MySQL
d.IDE : Visual Studio Code

3.2.1 Perangkat Keras

Perangkat Keras yang digunakan dalam sister aggregator feed berita ini adalah
a.Device : Laptop
b.Storage : 1 TB
c.Ram : 4 GB
d.Processor : AMD A9-9425 Radeon

3.2 Use Case Diagram Aplikasi Agregator Feed Berita

 Gambar 1. Use Case Diagram

Adapun aktor yaitu sebagai berikut :

Aktor Keterangan
User Meliputi :
1. Login ke web berita
2. Registrasi pada web berita
3. Melihat berita
4. Mencari berita
5. Keluar dari web berita
Admin Meliputi :
1. Login ke web berita
2. Registrasi pada web berita
3. Melihat berita
4. Mengelola berita
5. Mencari berita
6. Log out dari web
Tabel 2. Use Case Diagram

3.3 Activity Diagram

3.3.1 Activity Diagram Login
 Gambar 2. Activity Diagram Login

Gambar diatas adalah activity diagram login atau register yang pertama user akan masuk ke
web lalu berada di tampilan login register setelah itu memasukkan username dan password
jika berhasil maka akan tiba di beranda, jika gagal maka user akan melakukan register akan
kemudian akan membuat username, password ,email dan user type jika sudah
memasukkanya kemudian lakukan konfirmasi setelah itu jika berhasil maka tiba di beranda atau
sebaliknya jika tidak maka lakukan register ulang Kembali

3.3.2 Activity Diagram Mencari dan Membaca Berita

 Gambar 3. Activity Diagram Mencari dan Membaca Berita

Pada Gambar diatas ini adalah Activity Diagram mencari Berita dan membaca berita yaitu
pertama user akan masuk ke web kemudian user akan mencari berita di pencarian dan
system akan menemukan berita yang diinginkan user jika gagal maka user akan melakukan
pencarian ulang mengenai beritanya dan jika berhasil maka system akan menampilkan berita ke
user dan user membaca berita tersebut

3.3.3 Activity Diagram Menambah Kategori, Sub Kategori, dan Post Berita
 Gambar 4. Activity diagram menambah kategori, sub kategori, dan Post Berita

Gambar di atas merupakan activity diagram yang dilakukan oleh admin. Admin dapat
menambah kategori, sub kategori, dan post berita. Dapat dilihat admin melakukan
login, jika data akun admin ada di database. Admin akan dialihkan ke halaman
dashboard. Ketika sudah di halaman dashboard, admin akan ditampilkan 3 menu
utama. Yaitu Category, Sub Category, dan Posts (News). Admin dapat menambahkan
Kategori berita dan melakukan pengaturan pada Kategori berita. Lalu admin juga
dapat menambahkan sub category dan melakukan pengaturan pada sub category. Dan
yang terakhir admin juga dapat menambah dan melakukan pengaturan terhadap
berita. Namun apabila data akun admin tidak ada di database, sistem akan
menampilkan pesan error.

3.4 Flowchart
 Gambar 5. Flowchart

Pertama-tama user akan berada di halaman login. Jika sudah punya akun, user cukup
memasukkan username dan password. Bila berhasil, user akan dialihkan ke halaman
beranda web berita. Bisa melihat, mencari dan membaca berita. Namun, jika belum
memiliki akun, user/admin perlu melakukan proses registrasi. Pada proses registrasi
user akan diminta username, email, password, dan user type. Setelah itu, dilakukan
verifikasi registrasi. Apabila berhasil user akan dialihkan lagi ke halaman login, dan
memasukkan username dan password. Namun apabila proses verifikasi registrasi
belum berhasil, user akan dialihkan lagi ke halaman registrasi.

3.5 Entity Relationship Diagram (ERD)

Gambar 6. ERD
  Hubungan One-to-One antara Article dan Source:
Setiap artikel (Article) memiliki satu sumber (Source), dan setiap sumber
hanya terkait dengan satu artikel.Ini diwakili oleh foreign key source_id pada
tabel Article yang merujuk ke id pada tabel Source.

 Hubungan Many-to-One antara Article dan Category:

Banyak artikel (Article) dapat termasuk dalam satu kategori (Category), tetapi
setiap kategori hanya dapat memiliki banyak artikel. Ini diwakili oleh foreign
key category_id pada tabel Article yang merujuk ke id pada tabel Category.

 Hubungan Many-to-One antara Article dan Author:

Banyak artikel (Article) dapat ditulis oleh satu penulis (Author), tetapi setiap
penulis dapat menulis banyak artikel. Ini diwakili oleh foreign key author_id
pada tabel Article yang merujuk ke id pada tabel Author.

 Hubungan Many-to-Many antara Category dan Source (asumsi bahwa satu

kategori dapat memiliki banyak sumber dan satu sumber dapat termasuk
dalam banyak kategori) : Ini dapat diwakili oleh tabel perantara, misalnya,
CategorySource, dengan foreign keys category_id yang merujuk ke id pada
tabel Category dan source_id yang merujuk ke id pada tabel Source.

3.6 Arsitektur Aplikasi Agregator Feed Berita

Gambar 7. Arsitektur
Admin mengirim atau mempublikasikan ke berita lalu user menerima dan mencari
berita dan berita mencari mencari data berita ke database melalui server. Jika data
berita ditemukan maka database memberikan data ke berita melalui server.
 BAB IV
IMPLEMENTASI SISTEM

4.1 Fitur Aplikasi

4.1.1 Registrasi
Berfungsi mendaftarkan akun bagi para pengguna dan admin agar
mendapatkan akun

4.1.2 Login
Berfungsi untuk pengguna dan admin yang ingin masuk ke dalam aplikasi

4.1.3 Mencari Berita

Berfungsi untuk mencari dan menemukan berita sesuai dengan keyword yang
dimasukkan

4.1.4 Membaca Berita

Berfungsi untuk pengguna membaca dan mendapatkan berita serta informasi
yang telah di sediakan

4.1.5 Kategori Berita

Berfungsi untuk mengelompokkan kategori berita agar pengguna tidak
kesulitan untuk mencari berita dari jenis yang berbeda.

4.1.6
4.2 Implementasi
4.2.1 Sistem Fungsinoal
4.2.2 Sistem External Interface
4.2.2.1 CSS
Cascading Style Sheet (CSS) merupakan salah satu
bahasa yang digunakan untuk mengubah tampilan web
aggregator feed berita menjadi lebih menarik dan
berwarna. CSS ini juga tidak bisa berdiri sendiri tanpa HTML.
Hubungan CSS dan HTML sangat erat karena HTML
memberikan struktur sedangakan CSS mengubah struktur
tersebut menjadi lebih menarik.

4.2.3 Database dan Replikasi Data

4.2.3.1 MySQL
MySQL adalah sebuah perangkat lunak yang digunakan
untuk manajemen basis data. Salah satu kelebihan dari MySQL
adalah fleksibilitas dari sisi platform yang mana bisa berjalan di
sistem operasi Linux, Windows atau Mac OS. Pada web
aggregator feed berita yang di rancang, menggunakan MySQL
sebagai database untuk menyimpan data user dan admin, serta
menyimpan berita berita yang dibuat
4.3 Tampilan Aplikasi
1. Login

Gambar 8. Tampilan Login

Gambar di atas merupakan tampilan login dari web aggregator feed berita ini. Pada
tampilan ini user/admin diminta untuk memasukkan informasi akun, dengan mengisi
username dan password. Apbila user/admin belum memiliki akun, maka perlu melakukan
registrasi

2. Registrasi

Gambar 9. Tampilan Registrasi

Gambar di atas adalah tampilan registrasi. Pada tampilan ini user/admin diminta
memasukkan username, email, password, dan juga user type. Ini dilakukan agar
user/admin memiliki akun dan bisa menggunakan web aplikasi ini.
3. Halaman Beranda

Gambar 10. Tampilan Halaman Beranda

Gambar di atas merupakan tampilan beranda dari web aplikasi. Di sini dapat
terlihat berita yang menjadi sorotan hari ini, kategori berita, pencarian berita, dan juga
berita terbaru yang telah di upload oleh admin

4. Baca Berita
Gambar 11. Tampilan Baca Berita
 Gambar 12. Tampilan Baca Berita

Merupakan tampilan dari baca berita. Di sini dapat dilihat ada judul berita, tanggal
posting, admin yang mengupload berita serta isi dari berita.

5. Cari Berita

Gambar 13. Tampilan Cari Berita

Gambar ini merupakan tampilan dari cari berita dan hasil dari pencarian berita. Pada
kolom pencarian, memasukkan keyword “Gibran”, dan hasil nya muncul berita sesuai
keyword yang dimasukkan dalam kolom pencarian
6. Halaman Dashbord

Gambar 14. Tampilan Menu Dashbord

Merupakan tampilan dari dashboard.

7. Menambah Kategori

Gambar 15. Tampilan Menambah Kategori

Di sini admin menambah akan menambah Kategori berita.

8. Manage Kategori

Gambar 16. Tampilan Manage Kategori

Gambar di atas merupakan tampilan dari manage category.

9. Menambah Sub Kategori

Gambar 17. Tampilan Sub Kategori

Gambar di atas merupakan tampilan dari manage category.

10. Manage Sub Kategori

Gambar 18. Tampilan Manage Sub Category

Gambar di atas merupakan tampilan dari manage subcategory. Pada sub category ini,
merupakan tempat asal berita yang dimasukkan dalam web aplikasi.

11. Post Berita

Gambar 19. Tampilan Post Berita

Gambar di atas merupakan tampilan dari post berita. Di sini admin dapat memosting
berita berita yang di dapat.
 12. Manage Post Berita

Gambar 20. Tampilan Manage Posts

Gambar di atas merupakan tampilan dari manage posts (News). Pada halaman ini
admin dapat mengedit dan menghapus berita yang telah di post.

4.4 Pengujian Blackbox

No Skenario Test Case Hasil yang Hasil Kesimpulan
Pengujian Diharapkan
1 Memasukkan Login Masuk ke Beranda. Berhasil Berhasil Login dan
Username dan Tombol Login dialihkan ke
Password berfungsi beranda. Tombol
berfungsi dengan
baik
2 Jika tidak punya Login Beralih Ke Halaman Berhasil Berhasil
akun, menekan Registrasi mengalihkan ke
tombol registrasi halaman registrasi
3 Memasukkan Registrasi Beralih Ke Halaman Berhasi Berhasil Registrasi
Username, Login dan langsung
Email, Password, dialihkan ke
dan User Type halaman Login
(pilih user)
4 Memilih Beranda Beralih ke dalam Berhasil Berhasil beralih ke
Kategori berita kategori berita yang halaman Kategori
yang muncul di di klik berita yang di klik
pop up Ketika
masuk beranda
5 Klik Silang pada Beranda Kategori Berita Pop Berhasil Beralih Ke
Kategori Berita Up hilang dan Halaman Beranda
langsung
menunjukkan berita
 yang ada pada
beranda
6 Membaca Berita Halaman Masuk ke dalam Berhasil Berhasil Berlalih
Baca berita ke dalam Berita
Berita
7 Klik Menu Home Beranda Dialihkan ke dalam Berhasil Berhasil dialihkan
beranda ke dalam beranda
8. Klik Menu About About Dialihkan ke dalam Berhasil Berhasil dialihkan
Menu about ke dalam menu
about
9. Klik Menu Login Login Log out dari Berita Berhasil Berhasil log out
Kita dan dialihkan dan dialihkan ke
ke dalam Halaman dalam halaman
Login login
10. Klik kolom Kolom Bisa di klik Berhasil Berhasil di klik
Pencarian Pencarian
11. Mencari Berita Kolom Bisa menemukan Berhasil Berhasil
dengan Pencarian berita yang sesuai menemukan berita
mengetikkan dengan keyword yang di cari
keyword pada yang dimasukkan dengan keyword
kolom pencarian
12. Klik Read More Halaman Dialihkan ke dalam Berhasil Berhasil Klik Read
dari hasil Baca halaman baca berita more dan dialihkan
pencarian Berita ke dalam halaman
baca berita
13. Memasukkan Login Masuk ke dashbord. Berhasil Berhasil Login dan
Username dan Tombol Login dialihkan ke
Password berfungsi dashbord. Tombol
berfungsi dengan
baik
14. Jika tidak punya Login Beralih Ke Halaman Berhasil Berhasil
akun, menekan Registrasi mengalihkan ke
tombol registrasi halaman registrasi
15. Memasukkan Registrasi Beralih Ke Halaman Berhasi Berhasil Registrasi
Username, Login dan langsung
Email, Password, dialihkan ke
dan User Type halaman Login
(pilih admin)
16. Klik navigasi Dashbord Beralih ke dalam Berhasil Berhasil di klik
dasbord Dashbord dan beralih ke
dalam dashbord
17. Klik Navigasi Dashbord Bisa di klik dan Berhasil Berhasil di klik
Category memunculkan menu dan memunculkan
pada category menu
18. Klik add Category Bisa di Klik dan Berhasil Berhasil di klik
category menampilkan isi dan menampilkan
isi
19. Menambah Add Bisa menambahkan Berhasil Berhasil
Category Category Category dan menambahkan
 deskripsi category category dan
deskripsi category
20. Klik Tombol Add Bisa di klik dan Berhasil Berhasil di klik
Submit Category menambah category dan menambah
Category
21. Klik Manage Manage Bisa di klik dan Berhasil Berhasil di klik
Category Category menampilkan isi dan menampilkan
isi
22. Klik Add Manage Bisa di klik dan Berhasil Berhasil di klik
category Category dialihkan ke Add dan dialihkan ke
Category add category
23. Klik Copy Manage Bisa di klik dan di Berhasil Berhasil di klik
Category salin ke clipboard dan berhasil di klik
dan di salin ke
clipboard
24 Klik Excel Manage Bisa di klik dan erhasil Berhasil di klik
category download data ke dan download ke
dalam format excel dalam format excel
25 Klik CSV Manage Bisa di klik dan Berhasil Berhasil di klik
category download data ke dan download data
dalam format CSV ke dalam format
CSV
26 Klik PDF Manage Bisa di klik dan Berhasil Berhasil di klik
Category download data ke dan download data
dalam format PDF ke dalam format
PDF
27 Klik kolom Manage Bisa di klik Berhasil Berhasil di klik
pencarian Category
28 Mencari Manage Bisa menemukan Berhasil Berhasil
Category Category category yang Menemukan
sesuai dengan category yang
keyword sesuai dengan
keyword
29 Klik Action Edit Manage Bisa di klik dan Berhasil Berhasil klik dan
category mengalihkan ke edit mengalihkan ke
category edit category
30 Klik Action Manage Bisa di klik dan Berhasil Berhasil klik dan
Delete Category hapus catagory hapus category
31 Klik Next Manage Bisa menampilkan Berhasil Berhasil klik dan
Category halaman selanjutnya menampilkan
halaman
selanjutnya
32 Klik previous Manage Bisa Kembali ke Berhasil Berhasil Kembali
Category halaman ke halaman
Sebelumnya selanjutnya
33 Klik Action Manage Bisa Berhasil Berhasil
Restore Category mengembalikan mengembalikan
category yang telah category yang
di hapus telah di hapus
34 Klik Sub Dashbord Bisa di klik dan Berhasil Berhasil di klik
Category menampilkan menu dan menampilkan
menu
35 Klik add sub Sub Bisa di klik dan Berhasil Berhasil di klik
category Category menampilkan isi dan menampilkan
isi
36 Menambah Sub Sub Bisa memilih Berhasil Berhasil memilih
Add Category Category category, category,
menambahkan sub menambahkan sub
category, dan sub category, dan sub
category description category
description
37 Klik Submit Sub Bisa di klik dan Berhasil Berhasil di klik
Category menyimpan dan menyimpan
38 Klik Manage Sub Manage Bisa di klik dan Berhasil Berhasil di klik
Category Sub menampilkan isi dan menampilkan
Category isi
39 Klik Add Manage Bisa di klik dan Berhasil Berhasil di klik
category Sub dialihkan ke Add dan dialihkan ke
Category Category add category
40 Klik Copy Manage Bisa di klik dan di Berhasil Berhasil di klik
Sub salin ke clipboard dan berhasil di klik
Category dan di salin ke
clipboard
41 Klik Excel Manage Bisa di klik dan erhasil Berhasil di klik
Sub download data ke dan download ke
category dalam format excel dalam format excel
42 Klik CSV Manage Bisa di klik dan Berhasil Berhasil di klik
category download data ke dan download data
dalam format CSV ke dalam format
CSV
43 Klik PDF Manage Bisa di klik dan Berhasil Berhasil di klik
Sub download data ke dan download data
Category dalam format PDF ke dalam format
PDF
44 Klik kolom Manage Bisa di klik Berhasil Berhasil di klik
pencarian Sub
Category
45 Mencari Manage Bisa menemukan Berhasil Berhasil
Category Sub category yang Menemukan Sub
Category sesuai dengan Category yang
keyword sesuai dengan
keyword
46 Klik Action Edit Manage Bisa di klik dan Berhasil Berhasil klik dan
Sub mengalihkan ke edit mengalihkan ke
category category edit Sub category
47 Klik Action Manage Bisa di klik dan Berhasil Berhasil klik dan
Delete Sub hapus catagory hapus sub category
Category
48 Klik Next Manage Bisa menampilkan Berhasil Berhasil klik dan
Sub halaman selanjutnya menampilkan
Category halaman
selanjutnya
49 Klik previous Manage Bisa Kembali ke Berhasil Berhasil Kembali
Sub halaman ke halaman
Category Sebelumnya selanjutnya
50 Klik Action Manage Bisa Berhasil Berhasil
Restore sub mengembalikan mengembalikan
Category category yang telah sub category yang
di hapus telah di hapus
51 Klik Posts Dashbord Bisa di klik dan Berhasil Berhasil di klik
(News) menampilkan menu dan menampilkan
menu
52 Klik Add Posts Posts Bisa di klik dan Berhasil Berhasil di klik
(News) menampilkan isi di dan menampilkan
dalam menu isi di dalam menu
53 Menambahkan Add Posts Bisa menambahkan Berhasil Berhasil
Berita berita dengan menambahkan
memasukkan judul, Berita
memilih category,
memilih Sub
Category dan isi
berita
54 Klik choose file Add Posts Bisa di klik dan Berhasil Berhasil di klik
menambahkan dan menambahkan
image dari explorer image
55 Klik Save and Add Posts Bisa di klik dan Berhasik Berhasil di klik
Post menyimpan serta dan menyimpan
unggah berita serta ungah berita
56 Klik Discard Add Posts Bisa di klik dan Berhasil Berhasil di klik
membatalkan dan membatalkan
penulisan berita penulisan berita
57 Klik Manage Posts Bisa di klik dan Berhasil Berhasil di klik
Posts (News) menampilkan isi di dan menampilkan
dalam menu isi
58 Klik Copy Manage Bisa di klik dan di Berhasil Berhasil di klik
Posts salin ke clipboard dan berhasil di klik
dan di salin ke
clipboard
59 Klik Excel Manage Bisa di klik dan erhasil Berhasil di klik
Posts download data ke dan download ke
dalam format excel dalam format excel
60 Klik CSV Manage Bisa di klik dan Berhasil Berhasil di klik
Posts download data ke dan download data
dalam format CSV ke dalam format
CSV
61 Klik PDF Manage Bisa di klik dan Berhasil Berhasil di klik
Posts download data ke dan download data
dalam format PDF ke dalam format
 PDF
62 Klik Kolom Manage Bisa di klik Berhasil Berhasil di klik
Pencarian Posts
63 Mencari Berita Manage Menampilkan Berita Berhasil Berhasil
Posts yang sesuai dengan menampilkan
keyword berita
64 Klik Action Edit Manage Bisa di klik dan Berhasil Berhasil klik dan
Posts mengalihkan ke edit mengalihkan ke
posts edit posts
65 Klik Action Manage Bisa di klik dan Berhasil Berhasil klik dan
Delete posts hapus berita hapus berita
66 Klik Next Manage Bisa menampilkan Berhasil Berhasil klik dan
Sub halaman selanjutnya menampilkan
Category halaman
selanjutnya
67 Klik previous Manage Bisa Kembali ke Berhasil Berhasil Kembali
Sub halaman ke halaman
Category Sebelumnya selanjutnya
Tabel 3. Pengujian Black Box

BAB V
PENUTUP
5.1 Kesimpulan

Penelitian ini berhasil menciptakan dan mengembangkan sistem terdistribusi berupa

platform berita online. Platform ini mampu mengagregasi, memproses, dan
menyampaikan feed berita secara personal kepada pengguna secara real-time dari berbagai
sumber. Salah satu keunggulan utama platform ini adalah kemampuannya untuk
menyajikan informasi berdasarkan kategori-kategori tertentu, memberikan pengguna
kontrol lebih dalam terhadap jenis berita yang mereka terima. Dengan fokus pada fitur-
fitur berita yang terorganisir dalam kategori, pengguna dapat dengan mudah menyesuaikan
preferensi mereka dan memperoleh konten yang lebih sesuai dengan minat individu.
Keberhasilan implementasi sistem ini menunjukkan potensi untuk memberikan
pengalaman berita yang lebih terpersonalisasi dan relevan bagi pengguna dalam waktu
nyata. Melalui fitur-fitur tersebut, platform ini berhasil menciptakan ekosistem berita yang
dinamis dan adaptif.

5.2 Saran

Saran untuk pengembangan lebih lanjut sistem terdistribusi berita ini adalah
meningkatkan kecerdasan personalisasi algoritma untuk memastikan ketepatan dan
relevansi konten berita. Selain itu, perlu fokus pada integrasi teknologi baru seperti
kecerdasan buatan untuk meningkatkan analisis dan pengelolaan sumber berita.
Peningkatan dalam manajemen beban dan skalabilitas sistem juga menjadi kunci untuk
menangani pertumbuhan pengguna dan sumber berita. Terakhir, interaksi pengguna yang
lebih intuitif dan antarmuka yang ramah pengguna dapat memperkaya pengalaman
pengguna, termasuk fitur-fitur tambahan yang memungkinkan pengguna berinteraksi lebih
aktif dengan konten berita.
 DAFTAR PUSTAKA

Booth, A., & Brice, A. (2018). Evidence-based Practice for Information Professionals. 61–70.
Fahmi, H. (2018). Aplikasi Pembelajaran Unified Modeling Language Berbasis Computer Assisted
Instruction. In Jurnal Sistem Informasi.
Faisal, M. R. (2017). Seri Belajar ASP.NET: ASP.NET Core & PostgreSQL dengan Visual Studio
Code. https://www.researchgate.net/publication/318642457
KATA PENGANTAR. (n.d.).
Leonarde Ginting, G. (n.d.). Perancangan Aplikasi Pembelajaran Cascading Style Sheets Dengan
Metode Computer Based Intruction.
www.stmik-budidarma.ac.id//Email:guidio_leonarde@gmail.com
Mubarak, A., Metro, J. J., & Selatan, K. T. (2019). RANCANG BANGUN APLIKASI WEB
SEKOLAH MENGGUNAKAN UML (UNIFIED MODELING LANGUAGE) DAN BAHASA
PEMROGRAMAN PHP (PHP HYPERTEXT PREPROCESSOR) BERORIENTASI OBJEK. In
Jurnal Informatika dan Komputer) Ternate (Vol. 02, Issue 1).
Php, D. M., Mysql, D., & Suhartanto, M. (n.d.). Pembuatan Website Sekolah Menengah Pertama
Negeri 3 Delanggu. In Journal Speed-Sentra Penelitian Engineering dan Edukasi (Vol. 4).
Online. www.oreilly.com
Sanjaya, A. (n.d.). DASAR PEMROGRAMAN WEBSITE UNTUK PEMULA.
Zen, M., Kom, M., Rahman, S., Dafitri, H., & Liza, R. (n.d.). PEMROGRAMAN WEB UNTUK
PEMULA HINGGA MAHIR Tahta Media Group.