PENGGUNAAN WEB SERVER PHP DAN MYSQL DALAM APLIKASI

PORTAL BERITA BERBASIS ANDROID

Makmun, S.Kom, MT.

Fakultas Ilmu Komputer dan Teknologi Informasi, Universitas Gunadarma

Abstraksi

Media online tumbuh subur seiring dengan berkembangnya teknologi internet. Media

online adalah saluran komunikasi yang terjadi melalui aplikasi atau website yang terhubung

dengan internet. Bentuk media online dapat disajikan melalui teks, gambar video, maupun

musik. Dengan kata lain semua jenis saluran komunikasi yang ada di internet adalah media

online. Kebutuhan manusia dengan informasi membuat keberadaan media online semakin

dibutuhkan. Beragam media online yang ada menyajikan beritanya sesuai dengan karakternya

masing-masing. Agar pengguna dapat memilih ragam berita dari media online pilihannya,

dibutuhkan satu kanal khusus yang berisi beberapa media online pilihan tanpa perlu membuka

browser lagi. Aplikasi ini akan menampilkan berita dari media online yang memiliki rating

tinggi, yaitu Tribunnews.com, Detik.com, Liputan6.com, Jppn.com, Voaindonesia.com, dan

Suara.com. Dari portal berita itu, dikumpulkan semua data seperti judul, foto, deskripsi dan

url berita yang nantinya akan dialihkan langsung ke url berita tersebut melalui aplikasi portal

berita. Aplikasi ini berbasis website dengan menggunakan HTML, CSS, PHP, Javascript dan

MYSQL sebagai basis penyimpanan data. Sedangkan tampilan user menggunakan Android

Studio dan bahasa pemrograman Java.

Kata Kunci: media online, RSS (Really Simple Syndication), HTML, CSS, PHP, Javascript

dan MYSQL

PENDAHULUAN

Istilah Internet dan World Wide Web sering digunakan secara bergantian dalam percakapan

sehari-hari; adalah yang umum jika ada yang berbicara tentang "pergi ke Internet" ketika

menggunakan peramban web untuk melihat halaman web. Namun, World Wide

Web atau Web hanyalah salah satu dari sejumlah besar layanan Internet. Web adalah

kumpulan dokumen yang saling berhubungan (halaman web) dan sumber daya web lainnya,

dihubungkan oleh hyperlink dan URL.1 Sehingga internet merupakan sistem global dari

seluruh jaringan komputer yang saling terhubung dengan menggunakan standar internet

protocol suit (TCP/IP). Manfaat internet bagi masyarakat sangat besar bahkan sudah menjadi

kebutuhan penting dalam kehidupan sehari-hari. Segala informasi dengan mudah didapat

menggunakan akses internet seperti pada situs berita online, Kehadiran situs berita online

perlahan menggusur keberadaan media cetak seiring dengan akses internet yang sangat tinggi

pada masyarakat.

Berita online adalah jenis baru berita setelah berita yang tersaji di media cetak (koran,

majalah) berupa teks dan gambar dan di media penyiaran (radio, televisi) berupa audio dan

video. Berita online bisa memadukan teks, audio, dan video (multimedia). Online news adalah

fenomena baru dunia jurnalistik. Berita online mulai eksis sekitar pertengahan tahun 1990-an

dengan berkembangnya internet dan website (world wide web). Berita online sudah pertama

kali muncul pada awal 1980-an. Tahun 1983, grup koran Knight – Ridder dan AT&T

meluncurkan revolusi eksperimennya untuk membawa orang-orang menjelajahi informasi

lewat komputer mereka sendiri. Sebuah layanan teks video, yaitu Viewtron, menjadi pelopor

media online news.2

1 HTML 4.01 Specification". World Wide Web Consortium. Diarsipkan dari versi asli tanggal 6 October 2008.

Diakses tanggal 13 August 2018 2 https://www.komunikasipraktis.com/2018/10/pengertian-berita-online-online-news.html. Diakses tanggal 13

August 2018

Dilansir dari situs kominfo tahun 2018, tercatat ada 100 situs berita online yang telah

terverifikasi di Indonesia.3 Diantaranya adalah Tribunnews.com, Detik.com, Liputan6.com,

Jppn.com, Voaindonesia.com, dan Suara.com. Agar masyarakat tidak membuka masing-

masing portal untuk mencari berita, maka diperlukan sebuah aplikasi yang dapat membantu

masyarakat dalam mengumpulkan sebuah berita dari berbagai sumber penyedia layanan berita

online. Aplikasi ini akan dijalankan pada smartphone dan dibuat dengan menggunakan

android studio, php, dan mysql.

PHP merupakan sebuah bahasa pemrograman yang berjalan dalam sebuah web server

(server side), PHP diciptakan oleh programmer unix dan perl bernama Rasmus Lerdoft pada

bulan agustus-september 1994 pada awalnya Rusmus mencoba menciptakan sebuah script

dalam website pribadinya untuk memonitor siapa saja yang mengunjungi website-nya.4

Database merupakan file-file yang saling berkaitan dan berinteraksi, relasi tersebut

bila ditunjukan dengan kunci dari tiap-tiap file yang ada. Satu database menunjukan suatu

kumpulan data yang dipakai dalam suatu lingkup perusahaan, instansi. Pengolahan database

merupakan suatu cara yang dilakukan terhadap file-file berada disuatu instasi yang mana file

tersebut dapat di susun, diurut dan diambil sewaktu-waktu dapat ditampilkan dalam bentuk

suatu laporan sehingga dapat mengolah file yang berisikan informasi secara rapi.5

Mysql adalah database yang pada awalnya hanya berjalan dalam sebuah sistem operasi

Unix/Linux. Seiring berjalannya waktu dan banyaknya peminat menggunakan database ini,

MySQL merilis versi yang dapat berjalan di atas sistem operasi windows. MySQL merupakan

sebuah perangkat lunak gratis dibawah lisensi GPL (General Public License) dimana setiap

orang bebas menggunakannya.6

3 https://kominfo.go.id/content/detail/12345/menkominfo-baru-100-portal-berita-online-terverifikasi/0/berita_satker

4 Anton Subagio, Membangun Aplikasi Web Dengan Metode OOP, PT. Elex Media Komputindo, Jakarta, 2018

5 Rini Sovia, Jimmy Febio, “Membangun Aplikasi E-Library Menggunakan HTML, PHP Script dan Mysql Database”. Jurnal

Processor, Vol 6, No.2, Agustus 2011 6 URL : https://www.hostinger.co.id/tutorial/apa-itu-mysql/, 15 Juli 2019

METODE PENELITIAN

Aplikasi ini memiliki dua tampilan yakni tampilan admin dan tampilan user. Tampilan admin

pada aplikasi ini berbasis website dengan menggunakan HTML, CSS, PHP, Javascript dan

MYSQL sebagai basis penyimpanan data. Sedangkan tampilan user menggunakan Android

Studio dan bahasa pemrograman Java. Pada tahapan pengumpulan data, situs-situs besar

penyedia berita online yang memiliki fitur RSS (Really Simple Syndication) didata alamat

situsnya. Fitur website tersebut dijadikan sumber dalam pembaruan berita di aplikasi.

Spesifikasi yang dibutuhkan pada aplikasi ini adalah:

Sistem Operasi Windows 10

Instalasi Xampp.

Instalasi StarUML.

Instalasi Code Editor (Sublime Text).

Prosessor AMD A8 7650k, dengan RAM 8GB, dan 64-bit OS.

Personal Computer (PC).

LCD 21” (1366x768).

Unified Modelling Language (UML) yang menyediakan beberapa diagram yaitu Use Case

Diagram, Activity Diagram, Class Diagram, dan Sequence Diagram.digunakan untuk

merancang aplikasi ini. Aplikasi dirancang dengan use case diagram untuk mengetahui alur

program disisi admin dan sisi user serta melihat apa saja yang dapat dilakukan oleh keduanya.

Gambar 1 adalah gambar perancangan sistem menggunakan use case untuk admin.dan

gambar 2 adalah gambar perancangan sistem menggunakan use case untuk sisi user.

Gambar 1 Use Case Diagram Admin

r

Gambar 2 Use Case Diagram Use

Perancangan sistem pada aplikasi menggunakan activity diagram yang menggambarkan

bagaimana sistem akan berjalan dengan baik dimulai dari permintaan data sampai menerima

data. Activity diagram ini dibagi menjadi 2 bagian yaitu untuk sisi admin dan sisi user.

Gambar 3 Activity Diagram Admin

Gambar 4 Activity Diagram User

Struktur Navigasi

Struktur navigasi merupakan alur informasi dari suatu aplikasi. Sisi admin pada

aplikasi ini menggunakan struktur navigasi non linear karena pada halaman admin memiliki

percabangan tetapi tidak mempunyai master page/slave page dan mempunyai kedudukan yang

sama. 7

Gambar 5. Struktur Navigasi Admin

Pada sisi user digunakan struktur navigasi hirarki dan struktur navigasi linear, karena dalam

aplikasi sisi user terdapat child page.

7 https://www.andre.web.id/struktur-navigasi-website/. 15 Juli 2019.

Gambar 6. Struktur Navigasi User

HASIL DAN PEMBAHASAN

Perancangan Basis Data

Perancangan basis data dibuat untuk kebutuhan aplikasi. Terdapat 1 basis data yang

mempunyai 8 tabel pada aplikasi ini dengan fungsi menyimpan suatu data yang terdapat pada

aplikasi. Tabel tersebut diantaranya adalah admin, tb_berita_active, tb_berita_deactive,

tb_kategori, tb_sumber, tb_sumberlink, tb_temp_berita dan tb_user.

Contoh dari perancangan basis data adalah pada Tabel Admin yang memiliki 8 field seperti

pada tabel 1 yang akan digunakan untuk menyimpan data admin untuk keperluan mengelola

data pada aplikasi. Tabel admin memiliki unique_id sebagai primary key. Pada tahap

perancangan user interface akan menggambarkan tampilan aplikasi yang ingin dibuat atau

sering disebut dengan mockup. Perancangan UI terdiri dari 2 yaitu halaman admin dan

halaman user.

Tabel 1 Rancangan Tabel Admin

Name Type Length Description

unique_id Varchar 23 Primary Key

Nama Varchar 35

Email Varchar 35

Password Varchar 8

Salt Varchar 10

Hak_akses Varchar 20

Create_info Date -

Update_info Date -

Rancangan Tampilan Halaman Admin

Halaman menu utama pada aplikasi pada gambar 7 ini menampilkan beberapa informasi

yaitu: total pengguna yang terdaftar di aplikasi, total berita yang berstatus aktif, total berita

yang berstatus tidak aktif, dan total sumber berita yang terdapat di aplikasi.

Gambar 7 Halaman Utama Admin

Fungsi halaman login admin pada gambar 8 adalah untuk mengamankan website agar tidak

dapat melakukan akses langsung ke aplikasi. Pergantian kata sandi diizinkan pada data login

admin. Sedangkan untuk mengakses semua fungsi yang terdapat pada aplikasi harus

dilakukan login terlebih dahulu.

Gambar 8 Halaman Login Admin

Halaman info pengguna pada gambar 9 berfungsi untuk mengetahui banyaknya user yang

telah terdaftar di aplikasi. Pada halaman ini, admin tidak dapat melakukan perubahan data,

hanya dapat menghapus akun user jika terdapat kesalahan dalam mendaftar.

Gambar 9 Halaman Info Pengguna

Rancangan Halaman Berita Aktif yang terdapat pada gambar 10 adalah tampilan yang

berfungsi untuk melihat berita yang telah aktif. Berita dapat di non-aktifkan jika ada unsur-

unsur pelanggaran yang ditemukan.

Gambar 10 Halaman Berita Aktif

Rancangan Halaman Berita non-aktif yang terdapat pada gambar 11 ini menampilkan berita

yang tidak akan ditampilkan pada aplikasi yang dibuka user.

Gambar 11 Halaman Berita Non Aktif

Rancangan Tampilan Perbarui Berita yang terdapat pada gambar 12 ini menampilkan

pembaruan berita dari masing masing sumber. Setiap button pembaruan berita akan

memunculkan popup hasil pengambilan data dari berbagai sumber yang terdapat pada

halaman pop up berita

Gambar 12 Halaman Perbarui Berita

Rancangan Tampilan Halaman User

Rancangan Tampilan Daftar seperti pada gambar 13 adalah tampilan user untuk membuat

data baru agar dapat mengakses aplikasi dan melihat isi dari berita berita aktif yang terdapat

pada database. User yang telah berhasil mendaftar dapat mengakses aplikasi sesuai data yang

telah didaftarkan.

Gambar 13 Halaman Daftar User

Tampilan login seperti pada gambar 14 berfungsi untuk mengakses aplikasi jika syarat yang

diinput benar. Jika user belum mempunyai data yang terdaftar maka user harus melakukan

pendaftaran terlebih dahulu.

Gambar 14 Halaman Login User

Rancangan Tampilan Semua Berita

Tampilan semua berita yang terdapat pada gambar 15 menampilkan semua berita aktif dari

berbagai sumber yang ada. Setelah halaman terbuka, ia akan mengirim permintaan data ke

web server. Halaman ini akan mengambil respon yang diberikan web server yang hasilnya

akan tampil dihalaman ini.

Gambar 15 Halaman Semua Berita User

Rancangan tampilan salah satu portal berita diberikan contohnya disini adalah

Tribunnews.com. Tampilan yang terdapat pada gambar 16 ini bukan berupa website resmi

dari Tribunnews.com melainkan hasil dari pengambilan data dari sumber Tribunnews.com

yang telah disimpan di database dan berbagai kategori yang telah tersedia di aplikasi.

Selanjutnya kita akan melakukan proses yang sama untuk portal-portal berita yang akan kita

taruh di aplikasi. Dalam aplikasi ini, selain Tribunnews.com juga akan ditampilkan situs

berita Detik.com, Liputan6.com, Jppn.com, Voaindonesia.com, dan Suara.com

Gambar 16 halaman Tribunnews.com

Pengujian Sisi Admin

Pengujian dilakukan dari sisi admin dan dari sisi user dengan dua cara pengujian

aplikasi yaitu dengan uji coba browser dan uji coba black box. Pengujian sisi admin dilakukan

dengan dua metode yaitu uji coba browser dan blackbox. Dalam uji coba browser dilakukan

dengan menggunakan tiga browser yang tingkat pemakaiannya tinggi seperti Mozila Firefox,

Google Chrome, dan Internet Explorer. Hasil pengujuan dapat dilihat pada tabel 2.

Tabel 2 Uji Coba Browser

Browser Versi Kecepatan Masalah

Mozila Firefox 68.0.1 Cepat Tidak memiliki Masalah

Google Chrome 76.0.3809.87 Cepat Tidak memiliki masalah

Internet Explorer 11.0.9600.19101 Cukup Cepat Tidak memiliki masalah

Selanjutnya uji coba BlackBox digunakan untuk menguji apakah fitur-fitur yang terdapat pada

website admin berjalan dengan baik atau terjadi masalah. Hasilnya dapat dilihat pada tabel 3

Tabel 3 Pengujian website admin dengan black box

Fitur Hasil yang di lakukan Kesimpulan

Menampilkan semua halaman Berhasil menampilkan halaman Berhasil

Membuka menu utama dan

menjalankan fungsinya

Berhasil menampilkan dan melakukan

perhitungan data-data yang berkaitan.

Berhasil

Membuka info pengguna dan

menjalankan fungsinya

Berhasil membuka dan melakukan delete

dengan baik.

Berhasil

Membuka berita aktif dan

menjalankan semua fungsinya

Berhasil menampilkan semua berita aktif yang

telah di lakukan publikasi sebelumnya dan

melakukan fungsinya dengan baik seperti

melakukan non-aktif di setiap berita yang tidak

pantas.

Berhasil

Membuka berita non-aktif dan

menjalankan semua fungsinya.

Berhasil menampilkan semua berita non-aktif

dan melakukan fungsinya dengan baik seperti

melakukan publikasi ulang pada berita yang

sudah di tinjau.

Berhasil

Membuka perbarui berita dan

menjalankan semua fungsinya

Berhasil menampilkan dan melakukan

pembaruan berita dengan kecepatan terbatas.

Berhasil

Mengubah link rss yang telah

di simpan dalam database

Berhasil mengubah link rss dengan baik. Berhasil

Menampilkan semua pop up

dalam website admin

Berhasil membuka semua pop up yang

bersangkutan dalam website admin.

Berhasil

Pengujian Sisi User

Pada tahap ini, smartphone yang diuji adalah smartphone real. untuk menjalankan

aplikasi di smartphone yang berbeda-beda diperlukannya file installer berekstensi *.apk. file

installer yang disimpan pada folder \bin pada folder project android studio. File *.apk akan

dikirim ke masing-masing smartphone, lalu dilakukan penginstalan. Setiap smartphone yang

ingin diuji harus terhubung dengan satu koneksi internet (Wifi) agar data dari server dapat

dibaca oleh aplikasi android untuk melakukan permintaan data. Perbandingan hasil

implementasi aplikasi berdasarkan smartphone yang digunakan dalam proses pengujian dapat

dilihat pada tabel 4. Uji coba aplikasi yang dilakukan dengan menginstall *.apk di setiap

smartphone, ternyata cukup baik dan tidak menemui permasalahan.

Tabel 4 Perbandingan Hasil Implementasi Pada Beberapa Smartphone

Smar

tpho

ne

Spesifikasi Kelebihan Kekurangan Output

Xiom

i

Redm

i 5a

- Android OS 7.1 (Nougat)

- Layar 5 inches 720x1280

pixels

- Memori internal : 16 GB

- RAM 2 GB

- CPU Quad-Core Cortex-

A53

- Ukuran semua

element terlihat

baik

- Tampilan sangat

terartur sesuai

dengan ukuran

- untuk melakukan

input pada pendaftaran

tidak bisa di scroll

kebawah

- aplikasi dapat di

kembalikan ke halaman

login meskipun user

sudah masuk.

Vivo

V9

- Android OS 8.1 (Oreo)

- Layar 6.3 inches 2280 x

1080 pixels

- RAM 4GB

- Memori internal : 64 GB

- Octa-core 2.2 GHz Cortex-

A53

- ukuran semua

element terlihat

sangat baik

- tampilan sangat

baik karena

didukung dengan

ukuran layar yang

besar

-kecepatan permintaan

data ke server kurang

cepat

- gambar sedikit lambat

untuk di tampilkan.

- aplikasi dapat di

kembalikan ke halaman

login meskipun user

sudah masuk.

Adva

n G1

- Android OS 6.1

(Marshmallow)

- Layar 5 inches 720x1280

pixel

- RAM 3GB

- Memori Internal 16GB

- Quad-core 1.0 GHz

Cortex-A53

- ukuran semua

element terlihat

baik

- tata letak sesuai

dengan ukuran

layar tidak terlalu

kecil atau terlalu

besar

- untuk mendaftarkan

data pada aplikasi tidak

bisa scroll down untuk.

- aplikasi dapat di

kembalikan ke halaman

login meskipun user

sudah masuk.

KESIMPULAN DAN SARAN

Penulisan ini menghasilkan sebuah aplikasi portal berita dengan menggunakan sistem

operasi android minimal versi 4.2 (JellyBean) dan RAM 1GB untuk user dan menghasilkan

web service untuk admin sebagai pengolahan berita.Aplikasi ini berhasil diimplementasikan

di tiga buah jenis smartphone yang berbeda yaitu Xiomi Redmi 5a, Vivo V9 dan Advan G1.

Dengan adanya aplikasi portal berita yang telah dibuat dapat membantu masyarakat dalam

mendapatkan sebuah berita dari berbagai sumber dengan hanya satu aplikasi. Halaman admin

aplikai ini dapat diakses melalui url http://demoportalberita.000webhostapp.com/login/

untuk melakukan pengolahan data berita dari berbagai sumber.Untuk user harus melakukan

pengunduhan aplikasi dengan mengakses url http://tiny.cc/kris dengan ukuran file 3.79MB.

Pada saat aplikasi portal berita dibuat memiliki kendala dalam pencarian sumber yang

memiliki url rss (Really Simple Syndication) dengan kerangka yang sama agar dapat diuraikan

dan digunakan dalam aplikasi sehingga masih perlu diperbaiki. Sehingga bagi pengembang

dapat mengembangkan dan menyempurnakan algoritma penguraian data dari url rss sumber

berita agar dapat lebih mendapatkan banyak berita.

DAFTAR PUSTAKA

[1] URL: HTML 4.01 Specification". World Wide Web Consortium. Diarsipkan dari versi

asli tanggal 6 October 2008. Diakses tanggal 13 August 2018;

[2] URL:https://www.komunikasipraktis.com/2018/10/pengertian-berita-online-online-

news.html. Diakses tanggal 13 August 2018

[3] URL:https://kominfo.go.id/content/detail/12345/menkominfo-baru-100-portal-berita-

online-terverifikasi/0/berita_satker

[4] Anton Subagio, Membangun Aplikasi Web Dengan Metode OOP, PT. Elex Media

Komputindo, Jakarta, 2018.

[5] Rini Sovia, Jimmy Febio, “Membangun Aplikasi E-Library Menggunakan HTML,

PHP Script dan Mysql Database”. Jurnal Processor, Vol 6, No.2, Agustus 2011.

[6] URL : https://www.hostinger.co.id/tutorial/apa-itu-mysql/, 15 Juli 2019

[7] URL : https://borneochannel.com/urutan-versi-android/, 2 Agustus 2019.