penggunaan web server php dan mysql dalam aplikasi …
Post on 27-Feb-2022
6 Views
Preview:
TRANSCRIPT
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.
top related