0
HALAMAN PENGESAHAN
RANCANG BANGUN SISTEM INFORMASI FORUM DISKUSI
GAME ONLINE BERBASIS WEB DAN MOBILE
Disusun oleh
DEWAN PENGUJI
Tanda
Nama & Gelar Jabatan Tanggal
Tangan
Yogyakarta, .……………
Ketua Program Studi Informatika
Dibuat di : Yogyakarta
Pada tanggal : 11 Juni 2022
Yang menyatakan
iii
KATA PENGANTAR
Puji syukur pada kehadirat Allah SWT, karena dengan limpahan rahmat-
Nya penulis dapat menyelesaikan Tugas Akhir dengan judul Racang Bangun
Sistem Informasi Forum Diskusi Game Online Berbasis Web dan Mobile tepat
waktu.
Penyusunan Tugas Akhir diajukan sebagai salah satu syarat untuk
memperoleh gelar sarjana pada Program Studi Informatika Fakultas Sains &
Teknologi Universitas Teknologi Yogyakarta.
Tugas Akhir ini dapat diselesaikan tidak lepas dari segala bantuan,
bimbingan, dorongan dan doa dari berbagai pihak, yang pada kesempatan ini
penulis ingin menyampaikan ucapan terima kasih kepada:
a. Dr. Bambang Moertono Setiawan, M.M., C.A., Akt. selaku Rektor
Universitas Teknologi Yogyakarta.
b. Dr. Endy Marlina, MT. selaku Dekan Fakultas Sains & Teknologi,
Universitas Teknologi Yogyakarta.
c. Dr. Enny Itje Sela, S.Si., M. Kom. selaku Ketua Program Studi
Informatika, Universitas Teknologi Yogyakarta.
d. Saucha Diwandari, S.Kom., M. Eng. Selaku pembimbing yang telah
memberikan bimbingan dan arahan dalam menyelesaikan Tugas Akhir ini.
e. Seluruh dosen Fakultas Sains & Teknologi yang telah memberikan banyak
ilmu yang berguna.
f. Kedua Orang Tua, yang selalu memberikan doa, semangat dan dukungan
moral maupun finansial dalam pelaksanaan tugas akhir ini.
g. Kekasih Saya yang tercinta Khoirun Nisa yang telah menemani,
memberikan semangat dan dukungan selama ini.
h. Saudara serta teman-teman Saya yang selalu ada ketika dibutuhkan dan
mau membantu meringankan beban selama masa kuliah.
i. Bapak Yudi Sakuri & Ibu Siti Fathonah selaku pemilik kos yang telah
memberikan tempat tinggal yang nyaman selama kuliah.
j. Seluruh warga Trini yang menerima Saya di lingkungan dan memberikan
iv
k. rasa nyaman dan aman selama tinggal di Yogyakarta.
l. Mak’e selaku pemilik warung yang sering memberikan makanan tambahan
secara gratis kepada Saya dan sering membantu selama kesusahan.
Akhir kata, penulis menyadari banyak kekurangan dalam penulisan laporan
ini, dan mengharapkan kritik dan saran untuk penelitian ke depannya.
K
h
o
i
r
v
ABSTRAK
Game Online merupakan suatu permainan yang sangat digemari semua kalangan
saat ini. Tak hanya berfungsi sebagai bahan hiburan game online dapat dijadikan
sarana mencari teman ataupun relasi, terkadang beberapa orang biasa berkenalan
dari dalam permainan. Akan tetapi fitur-fitur didalam game online itu sendiri
memiliki keterbatasan sehingga pengguna tidak dapat berinteraksi secara lebih
bebas. Pengguna terkadang kesulitan untuk menyampaikan suatu informasi,
berpendapat maupun saling berinteraksi di dalam game online karena keterbatasan
yang ada pada aplikasi. Dalam penelitian ini dibangun sistem informasi forum
diskusi berbasis web dan mobile untuk memepermudah pengguna berinteraksi satu
sama lain. Dengan adanya teknologi mobile diharapkan memberi kemudahan bagi
pengguna menggunakan sistem karena lebih mudah dan dapat dilakukan setiap saat.
Penelitian ini berhasil membangun forum diskusi game online berbasis web dan
mobile yang dapat digunakan pengguna untuk menyampaikan segala informasi,
berpendapat dan saling berinteraksi dengan memberikan komentar maupun
memberikan like pada diskusi yang dilakukan. Hasil penelitian ini didapati bahwa
dengan dibangun sistem informasi forum diskusi berbasis web dan mobile dapat
menjadikan sistem sebagai wadah diskusi yang dapat diakses oleh komunitas game
online yang mudah diakses menggunakan perangkat mobile.
vi
ABSTRACT
Online games are a game that is very popular with all circles today. Not only serves
as an entertainment material, online games can be used as a means to find friends
or relations, sometimes some people get acquainted with the game. However, the
features in the online game itself have limitations so that users cannot interact more
freely. Users sometimes find it difficult to convey information, argue or interact in
online games because of the limitations in the application. In this study, a web- and
mobile-based discussion forum information system was built to make it easier for
users to interact with each other. With the mobile technology is expected to provide
convenience for users in using the system because it is easier and can be done at
any time. This research succeeded in building a web- and mobile-based online
game discussion forum that can be used by users to convey all information, opinions
and interact with each other by providing comments or giving as in the discussions
carried out. The results of this study found that the construction of a web and
mobile-based discussion forum information system can make the system a forum
for discussion that can be accessed by the online gaming community that is easily
accessible using mobile devices.
vii
DAFTAR ISI
viii
4.1.3 Arsitektur Sistem .................................................................................. 28
4.1.4 Sistem Yang Diusulkan......................................................................... 29
Desain Sistem .................................................................................................. 29
4.2.1 Desain Logik ......................................................................................... 29
4.2.1.1 Diagram Konteks ............................................................................... 29
4.2.1.2 Diagram Jenjang ................................................................................ 30
4.2.1.3 Data Flow Diagram Level 1 ............................................................... 30
4.2.1.4 Data Flow Diagram Level 2 ............................................................... 32
4.2.1.5 Flowchart Sistem ............................................................................... 33
4.2.1.6 Entity Relationship Diagram .............................................................. 33
4.2.1.7 Relasi Tabel ....................................................................................... 34
4.2.1.9 Struktur Tabel .................................................................................... 35
4.2.2 Desain Antarmuka ................................................................................ 39
BAB V IMPLEMENTASI HASIL SERTA PEMBAHASAN ......................... 43
Implementasi ................................................................................................... 43
5.1.1 Implementasi Mobile App .................................................................... 43
5.1.2 Implementasi Api .................................................................................. 47
Hasil ................................................................................................................ 49
5.2.1 Hasil Website Admin ............................................................................ 49
5.2.2 Hasil Mobile App .................................................................................. 51
Pembahasan ..................................................................................................... 54
5.3.1 Pengujian Login .................................................................................... 54
5.3.2 Pengujian Halaman Utama ................................................................... 55
5.3.3 Pengujian Halaman Profile ................................................................... 56
5.3.4 Pengujian Halaman Admin ................................................................... 56
5.3.5 Pengujian Halaman Kategori ................................................................ 57
5.3.6 Pengujian Halaman User....................................................................... 57
5.3.7 Pengujian Halaman Laporan ................................................................. 58
BAB VI PENUTUP ............................................................................................. 60
Kesimpulan ..................................................................................................... 60
Saran ................................................................................................................ 60
DAFTAR PUSTAKA .......................................................................................... 61
LAMPIRAN ......................................................................................................... 63
ix
DAFTAR GAMBAR
x
DAFTAR TABEL
xi
BAB I
PENDAHULUAN
Latar belakang
Game online merupakan salah satu bukti perkembangan teknologi yang
sangat pesat di era globalisasi saat ini. Game online sangat popular di kalangan
anak-anak hingga usia remaja, hampir semua anak-anak dan remaja pernah
mengakses game online. Saat ini game online sudah menjadi ladang bisnis dan
industri yang biasa dikenal dengan Esports, bahkan beberapa waktu lalu pemerintah
secara resmi menyatakan bahwa Esports merupakan salah satu cabang olahraga
yang dapat dipertandingkan skala nasional maupun internasional.
Di Indonesia terdapat beberapa game online yang memiliki banyak peminat
dari berbagai kalangan, salah satunya adalah Mobile Legends. Mobile Legends
adalah satu game online yang berhasil membangkitkan industri esports di Indonesia
sampai saat ini. Sejak kehadirannya di tahun 2016 Mobile Legends berhasil
meningkatkan jumlah pemain game online di Indonesia, Saat ini Mobile Legends
menjadi game kedua yang paling banyak di download di Indonesia setelah Free
Fire.
Pecinta game Mobile Legends telah tumbuh menjadi berbagai macam
komunitas game dengan tujuan yang beragam. Beberapa dari komunitas tersebut
telah aktif mengikuti kompetisi kecil hingga besar berskala nasional. Kompetisi-
kompetisi ini diadakan oleh komunitas itu sendiri sampai perusahaan tertentu yang
menarik minat dalam industri Esports di Indonesia. Beberapa kompetisi bahkan di
dukung secara langsung lewat program pemerintah mulai dari dana sampai promosi
media, perkembangan game online dan kompetisi-kompetisinya tidak akan pernah
berhenti dan akan selalu mengikuti perkembangan teknologi.
Sayangnya platform yang mewadahi komunitas-komunitas game online ini
dan kompetisi yang mereka selenggarakan bisa dibilang cukup sedikit. Forum
diskusi komunitas game online kebanyakan dilakukan menggunakan media sosial
1
2
yang cenderung terbatas mulai dari fitur sampai dengan akses masuknya, sehingga
tidak semua orang dapat mengakses diskusi yang sedang dilakukan di dalamnya.
Sistem informasi forum diskusi game online berbasis web dan mobile perlu
dikembangkan secara luas demi meningkatkan perkembangan game online di
Indonesia. Dengan adanya sistem ini akan memudahkan para komunitas game
online terutama penggiat Mobile Legends dalam mengambangkan komunitas
mereka.
Rumusan Masalah
Berdasarkan latar belakang yang telah diuraikan di atas, maka rumusan
masalah yang didapatkan adalah sebagai berikut :
a. Apakah merancang dan membangun sistem informasi forum diskusi online dapat
digunakan sebagai wadah diskusi oleh komunitas game Mobile Legends ?
b. Apakah membangun sistem informasi forum diskusi berbasis mobile
mempermudah akses pengguna kedalam sistem?
Batasan Masalah
Pada penelitian ini diperlukan berbagai batasan untuk membatasi objek atau
ruang lingkup di dalam penelitian, batasan masalah pada penelitian ini dijelaskan
sebagai berikut :
a. Sistem yang dikembangan berbasis web dan mobile, demi memudahkan akses
dari berbagai macam pengguna.
b. Pengguna dapat membuat diskusi, memberikan komentar, memberikan like dan
memberikan laporan terhadap suatu diskusi, koementar maupun akun.
Tujuan Penelitian
Penelitian ini memiliki beberapa tujuan yang diuraikan secara singkat
sebagai berikut :
a. Membangun suatu website forum diskusi online yang nyaman digunakan oleh
para komunitas game Mobile Legends.
b. Menjadikan website sebagai media penyaluran informasi tentang Mobile
Legends demi meningkatkan antusiasme pecinta game Mobile Legends.
3
Manfaat Penelitian
Penelitian ini memberi beberapa manfaat yang diuraikan secara singkat
sebagai berikut :
a. Mempermudah media diskusi dan komunikasi antar sesama pecinta game
Mobile Legends.
b. Mempermudah kalangan pecinta Mobile Legends mencari informasi mengenai
update terbaru untuk mengasah kemampuan dan meningkatkan pengalaman.
Sistematika Penulisan
Adapun sistematika penulisan proposal tugas akhir ini disusun dalam
beberapa bab, yang dijelaskan sebagai berikut :
BAB I PENDAHULUAN
Bab ini berisikan latar belakang masalah, rumusan masalah,
batasan masalah, tujuan dan manfaat penelitian yang menjadi
pendahuluan dari penelitian dan dijadikan dasar dalam pengerjaan
tugas akhir yang berjudul Rancang Bangun Sistem Informasi
Forum Diskusi Game Online Berbasis Web Dan Mobile.
BAB VI PENUTUP
Bab ini berisi tentang kesimpulan sementara yang dapat diambil
dari isi metode penelitian dan rancangan sistem.
BAB II
KAJIAN HASIL PENELITIAN DAN LANDASAN TEORI
5
6
membangun Sistem Informasi Berbasis Web yang dapat digunakan sebagai media
diskusi sesama komunitas programmer dan teknologi.
Penelitian oleh (Gardenia, Y. and Hardaya, A., 2021). Dengan judul
Perancangan Forum Diskusi Universitas Suryadarma Berbasis Website Dan
Aplikasi Android. Penelitian ini bertujuan merancang dan membangun forum
diskusi online mahasiswa Universitas Suryadarma, sistem yang dibangun
memanfaatkan framework Laravel dalam pembuatannya. Hasil dari penelitian ini
berhasil membangun forum diskusi online berbasis web dan aplikasi android
dengan memanfaatkan komponen webview.
Penelitian oleh (Wahyu, A. P. and Hidayat, T., 2022). Yang berjudul Sistem
Informasi Jejaring Sosial Dan Forum Diskusi Berbasis PHP. Penelitian ini
bertujuan untuk merancang sistem informasi jejaring sosial dan forum diskusi
berbasis website. Sistem yang dirancang menggunakan Bahasa pemrograman PHP
dan menggunakan Bahasa pemrograman MySql. Hasil dari penelitian ini berupa
rancangan sistem yang dapat digunakan sebagai acuan pengembangan sistem
secara berkelanjutan.
Penelitian oleh (Fahmi, M. N. dkk., 2018). Dengan judul Sistem Informasi
Forum Diskusi untuk Penanganan Kerugian Pascapanen Berbasis Web. Penelitian
bertujuan membangun sistem informasi forum diskusi online berbasis web yang
digunakan sebagai media berbagi dan penyebar informasi mengenai penangan
pascapanen untuk mengurangi kerugian para petani. Hasil dari penelitian ini
berhasil membangun sistem informasi forum diskusi online berbasis web yang
nyaman digunakan oleh user serta sebagai media penyalur informasi antara para
petani untuk menangani kerugian pascapanen.
Penelitian oleh (Gustian, H. et al., 2019). Dengan judul Sistem Informasi
Forum Diskusi Layanan Mandiri Online Warga RW 09 Kelurahan Karadenan
Kecamatan Cibinong Kabupaten Bogor. Penelitian ini bertujuan membangun
sistem informasi layanan mandiri warga yang digunakan sebagai media
menyalurkan informasi, bantuan dan pelayanan jasa. Hasil dari penelitian ini
berhasil membangun forum diskusi online berbasis website yang mampu menjadi
7
Terlihat pada tabel 2.1 perbedaan dari referensi dengan judul yang ditulis
terletak pada fokus forum diskusi yang mengusung tema game online, Penelitian
ini juga memiliki fitur yang lebih lengkap dimana terdapat fitur membuat komentar,
memberikan like dan membuat laporan.
Landasan Teori
2.2.1 Forum Diskusi
Menurut (Fitriani, Y. dkk., 2020) forum merupakan suatu wadah atau sarana
berkomunikasi antara beberapa kelompok orang yang setiap anggotanya dapat
berperan aktif di dalamnya. Dalam suatu forum semua anggota memiliki hak yang
sama, semua anggota memiliki hak untuk mengungkapkan suatu pendapat sesuai
pemikirannya masing-masing.
11
Menurut (Sudarma, M., 2021) diskusi atau dialog adalah teknik dalam
mengkondisikan seseorang untuk bisa belajar. Mirip dengan menulis, diskusi
adalah cara kira menguatkan pemahaman, dan menajamkan sikap kritis kita
terhadap pandangan, teori atau opini orang lain.
Kesimpulannya forum diskusi adalah sarana berkomunikasi dua orang atau
kelompok dimana setiap anggota dapat saling berinteraksi untuk berbagi, bertukar
pikiran dan berpendapat untuk mendapatkan sebuah kesepakatan bersama.
2.2.2 Website
Menurut (Musnaini and Wijoyo, H., 2021) Definisi website adalah fasilitas
internat yang menghubungkan dokumen dalam lingkup local maupun jarak jauh,
dokumen-dokumen multimedia (teks, gambar, animasi, video). Dokumen pada
website disebut dengan web page dan link dalam website memungkinkan pengguna
bisa berpindah dari satu page ke page lain (hypertext), text, gambar, video, audio
dan animasi lainnya yang disediakan melalui jalur koneksi internet.
Web merupakan perangkat lunak yang saat ini banyak digunakan untuk
memenuhi kebutuhan sehari-hari. Berbagai jenis usaha atau bisnis memanfaatkan
situs ini untuk menghasilkan keuntungan. Secara umum, pengguna akan
mengakses suatu website berupa URL melalui Web Browser. Kemudian Web
Browser tersebut mengirimkan permintaan HTTP request kepada Web Server
melalui TCP/IP, sehingga Web Server akan memberikan Web Files yang diminta.
Website merupakan sebuah media yang memiliki banyak halaman yang
saling terhubung (hyperlink), dimana website memiliki fungsi dalam memberikan
informasi berupa teks, gambar, video, suara dan animasi atau penggabungan dari
semuanya. (Elgamar, 2020)
2.2.3 HTML (Hypertext Markup Language)
HTML (Hypertext Markup Language) adalah bahasa yang digunakan untuk
membuat antarmuka halaman web. Aplikasi web mengabungkan antarmuka yang
dibuat dengan HTML dengan bahasa pemrograman yang berfungsi sebagai logika
dan mengelola data. Oleh karena itu pengetahuan tentang HTML sangat penting
dalam pembangunan aplikasi web. (Faisal, M. R. and Abadi, F., 2020)
12
HTML dibuat oleh Tim Berners-Lee diakhir tahun 1991 tetapi belum secara
resmi- Kemudian tahun 1995 dirilis I Il ML 2.0 Sedangkan versi utama dirilis pada
tahun 1999.
1. HTML 1.0
Versi ini dirilis tahun 1993 dengan tuiuan berbagi informasi yang dapat
dibaca dan diakses melalui web browser. Tetapi karena belum banyak
developer yang membuat website maka bahasa ini tidak berkembang.
2. HTML 2.0
Versi ini dirilis 1995. Versi ini berisi seluruh fitur pada versi 1.0 ditambah
tambahan fitur. Versi ini bertahan sampai tahun 1997.
3. HTML 3.0
Versi ini memiliki banyak penarnbahan fitur baru HTML dan memberikan
banyak kemudahan kepada web master untuk mendesain halaman web.
Tetapi fitur-fitur hebat dari HTML baru ini memperlambat web browser.
4. HTML 4.01
Versi ini banyak digunakan dan versi yang sukses sebelum HTML 5.0
dirilis. Versi 4.01 digunakan diseluruh dunia. Kemudian selanjutnya adalah
HTML 5.0 yang merupakan extended version dari HTML 4.01.
2.2.4 PHP (Hypertext Preprocessor)
Hypertext Preprocessor atau lebih akrab dengan sapaan PHP merupakan
bahasa pemrograman script server-side yang didesain untuk pengembangan
web. PHP disebut bahasa pemrograman server-side karena diproses pada
komputer server. Hal ini berbeda dengan bahasa pemrograman client-side seperti
Javascript yang diproses di dalam web browser.
Pada awalnya, PHP merupakan kependekan dari Personal Home Page. PHP
pertama kali dibuat oleh Rasmus Irrdorf pada tahun 1995. Pada waktu itu PHP
masih bernama Form Interpreted (FI) yang wujudnya berupa sekumpulan skrip dan
digunakan untuk mengolah data formulir dari web. Selanjutnya, Rasmus merilis
Source Code tersebut untuk umum dan menamakannya PHP/FI. Dengan perilisan
Source Code ini menjadi Open Source, banyak pemrograman yang tertarik untuk
ikut dalam pengembangan PHP.
13
Pada November 1997, dirilis PHP/FI 2.0 Saat itu, interpreter PHP sudah
diimplementasikan dalam program C. Dalam rilis ini disertakan juga moduLmodul
ekstensi yang bisa meningkatkan kemampuan PHP/FI secara signifikan.
Tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter
PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada bulan Juni
1998, perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikannya
sebagai PHP 3.0 dan singkatan PHP pun diubah menjadi Hypertext Preprocessing.
Pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis
tersebut dikenal dengan sebutan PHP 4. pada tahun 2004, Zend kembali merilis
PHP dengan versi terbaru, yaitu PHP 5. Versi ini dimasukkan model pemrograman
berorientasi Objek ke dalamnya, sehingga mampu menjawab perkembangan bahasa
pemrograman ke arah paradigma berorientasi objek. Versi terbaru dan stabil dari
bahasa pemrograman PHP Saat ini adalah versi 7 yang dirilis pada tanggal 17
Februari 2017 kemarin. (Jannah, M. et al., 2019)
2.2.5 MySQL
Menurut (Jubilee Enterprise, 2018) MySQL adalah sistem database yang
paling popular. MySQL adalah database yang cukup terkenal karena hampir
sebagian besar aplikasi berbasis website seperti Wordpress, dilengkapi dengan
MySQL. Selain itu, MySQL juga ditawarkan dalam berbagai versi, termasuk versi
gratisan. Di dalam buku ini, MySQL yang digunakan adalah versi gratis.
MySQL adalah sebuah program database server yang mampu menerima dan
mengirimkan datanya sangat cepat, multi user serta menggunakan perintah dasar
SQL (Structured Query Language).
MySQL merupakan dua bentuk lisensi, yaitu Free Software dan Shareware.
MySQL yang biasa digunakan adalah MySQL FreeSoftware yang berada di bawah
lisensi GNU/GPL (General Public Licence).
MySQL merupakan sebuah database server yang free, artinya bebas
menggunakan database untuk keperluan pribadi atau usaha tanpa harus membeli
atau membayar lisensinya. MySQL pertana kali dirintis oleh sorang programmer
database bernama Michael Widenius. Selain database server, MySQL juga
merupakana program yang dapat mengakses suatu database MySQL yang berposisi
14
sebagai server, yang berarti program kita berposisi sebagai client. Jadi MySQL
adalah sebuah database yang dapat digunakan sebagai client maupun server.
Database MySQL merupakan suatu perangkat lunak database yang
berbentuk database relasional atau disebut Relational Database Management
System (RDBMS) yang menggunakan suatu Bahasa permintaan yang bernama SQL
(Structured Query Language). (Dr. Gede Indrawan, 2021)
2.2.6 Aplikasi Mobile
Menurut (Sari, V. N. and Anggraini, D., 2020) Aplikasi mobile adalah
aplikasi yang didesain khusus untuk perangkat smartphone dan tablet. Platform
aplikasi mobile terbagi menjadi 4 yaitu android, iOs, Windows 8 dan Windows
phone.
Menurut (Priowirjanto, D. E. S. et al., 2021) Aplikasi mobile merupakan
sebuah aplikasi yang dibuat untuk perangkat mobile yang penggunanya harus
melakukan pengunduhan atau download, serta menginstal dari toko aplikasi seperti
Google Play Store dan Apple App Store. Aplikasi mobile adalah aplikasi dari
sebuah perangkat lunak yang dalam pengoperasiannya dapat berjalan diperangkat
mobile (Smartphone, Tablet, iPod, dll), dan memiliki sistem operasi yang
mendukung perangkat lunak secara stand alone.
Keberadaan aplikasi mobile harus memenuhi beberapa hal, seperti aplikasi
mobile harus dapat meningkatkan kualitas hidup manusia, meningkatkan proses
bisnis yang sudah ada seperti dalam penggunaan aplikasi instant messaging, banyak
dari pekerja yang aktif menggunakan aplikasi instant messaging sebagai aplikasi
mobile untuk menunjang kebutuhan komunikasi dan aplikasi mobile harus dapat
meningkatkan customer satisfaction. Dengan memiliki customer satisfaction yang
baik akan meningkatkan suatu penjualan dari perusahaan.
2.2.7 Flowchart
Menurut (Wibawanto, W., 2017) Flowchart adalah suatu bagan dengan
symbol-simbol tertentu yang menggambarkan urutan proses secara mendetail dan
hubungan Antara suatu proses (intruksi) dengan prosess lainnya dalam suatu
program.
15
arus data dan penyimpanan yang berkaitan dengan suatu sistem dengan tujuan
untuk memberikan indikasi mengenai bagaimana data ditransformasi pada saat data
bergerak melalui sistem dan mengembalikan fungsi-fungsi (dan subfungsi) yang
mentransformasikan aliran data.
Berikut adalah manfaat dari DFD:
DFD adalah alat pembuatan model yang memungkinkan professional sistem
untuk menggambarkan sistem sebagai suatu jaringan proses fungsional
yang dihubungkan satu sama lain dengan alur data, baik secara manual
maupun secara komputerisasi.
Merupakan suatu alat pembuatan model yang sering digunakan, khususnya
bila fungsi-fungsi sistem merupakan bagian yang lebih penting dan
kompleks dari pada data yang dimanipulasi oleh sistem. Dengan kata lain
DFD adalah alat pembuatan model yang memberikan penekanan hanya
pada fungsi sistem.
Merupakan alat perancangan sistem yang berorientasi pada alur data dengan
konsep dekomposisi dapat digunakan untuk penggambaran analisis
maupun rancangan sistem yang mudah dikomunikasikan oleh professional
sistem kepada pemakai maupun pembuat program.
Dibawah ini merupakan komponen-komponen didalam DFD yang dijelaskan pada
Tabel 2.2.
Tabel 2.2 Komponen Data Flow Diagram
Simbol Keterangan
Simbol Keterangan
Bahan/Data
3.1.1 Data Yang Diperoleh
Data yang digunakan pada penelitian ini adalah data berupa postingan
dengan tagar atau hastag #ask yang berarti kategori bertanya pada salah satu grup
facebook forum diskusi game mobile legends bernama Gamers Mobile Legends.
Data yang dikumpulkan adalah postingan pertanyaan pada media social facebook.
Berikut adalah sampel yang diperoleh yang ditunjukan pada Tabel 3.1.
Tabel 3.1 Sampel Data Mentah
No Nama Akun Postingan Tanggal Upload
1 Istrinya Ryuzaki Ini kenapa gabisa masuk y, pdhl tu 12 Maret 2021
email udh terhubung d akun
moonton.
2 I M Fuad Event top up sekalinya di reset nggak 28 Januari 2021
guys?
3 Ryan Pliss bantu jawab, item mega 3 Mei 2021
diamond ini buat apasih? Kemaren
beli di shop katanya bisa dapet
diamond, tapi sampe sekarang gw ga
dapet diamond, penipuan kah?
4 Aditya Numpang nanya gan ini kenapa error 15 Mei 2021
ya padahal penyimpanan saya masih
ada 10gb lagi
5 Chyrsalism ada yang tau ga, gua ga login sama 20 Januari 2021
sekali terus tiba tiba ada history
permainan afk?
6 Jiee Jadi gini bang gw mau nanya akun 28 Januari 2021
gw kenapa ya kaya gini? Setiap maen
Rank/klasik pasti kaya gtuu terus tim
gw kaya bot masuk ke turet sndri itu
18
19
a. Observasi
Observasi dilakukan dengan melakukan pengamatan langsung dengan
mengakses social media facebook dan masuk kedalam grup diskusi tertentu.
Observasi juga dilakukan dengan mengamati fitur-fitur yang sudah maupun
belum tersedia di sistem saat ini.
b. Studi Pustaka
Studi pustaka dilakukan dengan mencari berbagai informasi yang
ddibutuhkan. Sumber studi pustaka diambil dari berbagai jurnal, skripsi dan
sumber lain dengan tema yang sama dengan penelitian ini.
c. Pengumpulan Data
Proses pengumpulan data dilakukan dengan mengumpulkan data yang akan
digunakan sebagai data latih dan data uji dalam penelitian. Data yang
dikumpulkan berupa data akun dan postingan didalam forum diskusi yang ada di
dalam media social facebook.
d. Perancangan Sistem
Perancangan sistem dibagi dengan beberapa perancangan utama, mulai dari
perancangan alur sistem, perancangan database, perancangan flowchart maupun
perancangan user interface. Perancangan user interface berguna untuk merancang
tampilan aplikasi agar pengguna mudah menggunakan aplikasi sistem serta
mengurangi kemungkinan human error dalam penggunaan sistem. Perancangan
alur sistem, database dan flowchart dilakukan dengan menggunakan perangkat
lunak Microsoft Visio sedangkan perancangan user interface menggunakan
perangkat lunak Adobe XD.
e. Implementasi
Dalam sistem ujian yang akan dibangun, sistem dibangun menggunakan
Bahasa pemrograman PHP. Implementasi antarmuka pengguna menggunakan
Bahasa pemrograman HTML dan Boostrap. Tools yang digunakan dalam proses
pengkodean adalah aplikasi Visual Studio Code. Data pada sistem disimpan ke
dalam basis data MySQL yang dibangun menggunakan aplikasi SqlYog sehingga
admin dapat melihat kembali atau mengolah data yang ada pada sistem.
24
f. Pengujian
Sistem yang telah dibangun kemudian dilakukan pengujian untuk mengetahui
apakah sistem telah sesuai yang diharapkan dan memastikan bahwa sistem tidak
memiliki kekurangan. Apabila ditemukan kekurangan dalam sistem segera untuk
diperbaiki kembali. Metode pengujian yang digunakan adalah metode blackbox
testing. Pengujian dilakukan dengan menguji semua fitur untuk memastikan
fungsionalitas dari sistem yang telah dibangun.
Rancangan Penelitian
Rancangan penelitian merupakan gambaran umum mengenai latar belakang
masalah, sistem yang diusulkan serta langkah yang dilakukan serta hasil akhir yang
diharapkan pada penelitian. Rancangan penelitian dapat dilihat pada Gambar 3.7.
forum Facebook menjadikan komunikasi antar forum masih terbatas dan terlalu
privasi. Sehingga tidak semua orang dapat bergabung maupun mengakses suatu
forum diskusi.
b. Usulan Model
Usulan model berisi tentang usulan sistem yang akan dibangun. Sistem yang
diusulkan adalah forum diskusi online berbasis web dan mobile yang berguna
sebagai media komunikasi dan diskusi oleh sesama pengguna. Seorang pengguna
dapat memulai diskusi dengan memposting sebuah pertanyaan, tanggapan, atau
mengemukakan pendapat, kemudian pengguna lain dapat memberikan tanggapan
atas postingan tersebut. Sehingga media komunikasi antar pengguna dapat terjalin
dengan baik.
c. Kondisi Akhir
Kondisi akhir penelitian ini diharapkan dapat menjadikan sistem sebagai
media komunikasi yang baik antar sesama pengguna. Dengan adanya sistem ini
juga diharapkan dapat membangun komunitas yang sehat antar sesama pengguna
yang menggunakan sistem ini.
BAB IV
ANALISIS DAN DESAIN SISTEM
26
27
Admin
Sistem Informasi Forum
Diskusi
User
Sistem
Informasi
Forum Diskusi
4.0
1.0 2.0 3.0
Pengolahan
Login Daftar Diskusi
Data Master
Proses login memiliki aliran data dari entitas pengguna terhadap tabel account yang
memiliki arti bahwa pengguna dapat login ke akun yang mereka miliki. Proses
daftar memiliki aliran data yang sama seperti proses logim, terdapat aliran data dari
entitas pengguna terhadap tabel account yang berarti pengguna dapat membuat
akun untuk masuk kedalam sistem. Proses diskusi memiliki aliran data dari semua
entitas yaitu pengguna dan admin terhadap tabel posting dan tabel komentar yang
memiliki arti bahwa semua entitas tersebut dapat membuat postingan atau komentar
diskusi serta memberikan laporan terhadap postingan atau komentar yang ada pada
sistem. Proses pengolahan data master terdapat aliran data dari entitas admin
terhadap semua tabel pada sistem yang berarti admin dapat mengontrol data yang
tersimpan dalam system untuk keperluan perawatan sistem. Data Flow Diagram
Level 1 dapat dilihat pada Gambar 4.6 dibawah ini.
b. Tabel post
Primary key : id_post
Foreign key : username, kategori
Tabel 4.2 Tabel Post
Atribut Tipe Data Keterangan
INT Primary Key
id
AUTO_INCREMENT
username TEXT Foreign Key
konten TEXT -
judul TEXT -
kategori INT (11) Foreign Key
waktu DATETIME -
konfirmasi ENUM(‘Ya’,’Tidak’) -
c. Tabel komentar
Primary key : id_komentar
Foreign key : username, id_post
Tabel 4.3 Tabel Komentar
Atribut Tipe Data Keterangan
INT Primary Key
id_komentar
AUTO_INCREMENT
username TEXT Foreign Key
id_post INT (11) Foreign Key
37
d. Tabel kategori
Primary key : id_kategori
Foreign key : -
Tabel 4.4 Tabel Kategori
Atribut Tipe Data Keterangan
INT Primary Key
id_kategori
AUTO_INCREMENT
nama_kategori TEXT -
warna TEXT -
e. Tabel like-unlike
Primary key : id
Foreign key : username, id_post
Tabel 4.5 Tabel like-unlike
Atribut Tipe Data Keterangan
INT Primary Key
id
AUTO_INCREMENT
username TEXT Foreign Key
id_post INT (11) Foreign Key
waktu Datetime -
f. Tabel notifikasi
Primary key : id
Foreign key : username, sumber, id_post
Tabel 4.6 Tabel Notifikasi
Atribut Tipe Data Keterangan
id Varchar(100) Primary Key
username TEXT Foreign Key
38
g. Tabel laporan
Primary key : id
Foreign key : Pelapor
Tabel 4.7 Tabel Laporan
Atribut Tipe Data Keterangan
id Varchar(100) Primary Key
pelapor TEXT Foreign Key
ENUM(“user”, ”post”, -
tipe_laporan
“komentar”)
suspect TEXT -
alasan TEXT -
waktu DATETIME -
konfirmasi ENUM (“Ya”,”Tidak”) -
h. Tabel dilihat
Primary key : id
Foreign key : Pelapor
d. Halaman Profile
Halaman profile menampilkan data pengguna yang tersimpan meliputi foto,
username, nama lengkap, gender, biografi serta beberapa data pada sistem.
Halaman profile versi web dapat dilihat pada Gambar 4.16 dan versi mobile pada
Gambar 4.17.
Implementasi
Pada penelitian ini dibedakan menjadi tiga bagian yaitu implementasi
database, implementasi website admin dan implementasi mobile app.
5.1.1 Implementasi Mobile App
Mobile App digunakan oleh user untuk melakukan berbagai macam aktifitas
didalam sistem.
Membuat Koneksi Api
Pada aplikasi Android proses pengambilan dan pengirim data ke server
memerlukan sebuah api. Api tersebut kemudian ditangkap oleh sebuah library
retrofit untuk kemudian dikirimkan kedalam sistem. Berikut script koneksi api
yang ditunjukan pada Tabel 5.1.
Tabel 5.1 Script Koneksi Api
Script Koneksi Api
object RetrofitClient {
.addConverterFactory(GsonConverterFactory.create())
.build()
retrofit.create(Api::class.java)
}
43
44
Proses Login
Untuk melakukan berbagai aktifitas didalam sistem seorang user perlu
melakukan login. Script proses login dapat dilihat pada Tabel 5.2.
Tabel 5.2 Script Proses Login
Script Proses Login
private fun Login(username: String){
RetrofitClient.instance.getUser(username =
username).
enqueue(object:
Callback<ArrayList<LoginResponse>>{
override fun onResponse(
call: Call<ArrayList<LoginResponse>>,
response:
Response<ArrayList<LoginResponse>>
) {
loginPassword =
response.body()?.get(0)?.password.toString()
if(username != ""){
if(loginPassword.equals(password)){
goHome()
}
else{
etPasssword.text = null
})
}
45
Proses Daftar
Script proses daftar dapat dilihat pada Tabel 5.3.
Tabel 5.3 Script Proses Daftar
Script Proses Daftar
private fun register() {
RetrofitClient.instance.userRegister(
username = username,
password = password,
konfirmasi = konfirmasi)
.enqueue(object:
Callback<ArrayList<RegisterResponse>> {
override fun onResponse(
call:
Call<ArrayList<RegisterResponse>>,
response:
Response<ArrayList<RegisterResponse>>
) {
if(password.equals(konfirmasi)){
Toast.makeText(applicationContext, "Konfirmasi
Password Salah", Toast.LENGTH_SHORT).show()
}
}
else{
etPasssword.text = null
etKonfirmasi.text = null
}
46
})
}
Membuat Diskusi
Script membuat diskusi dapat dilihat pada Tabel 5.4.
Tabel 5.4 Script Membuat Diskusi
Script Membuat Diskusi
if (isset($_POST["btnPost"])) {
$p_judul = $_POST["p_judul"];
$p_konten = $_POST["p_konten"];
$p_kategori = $_POST["p_kategori"];
$post = mysqli_query($conn,"INSERT INTO post
VALUES(NULL,'$username',NOW(),s'$p_konten','$p_kategor
i','$p_judul')");
}
Membuat Komentar
Script membuat komentar dapat dilihat pada Tabel 5.5.
Tabel 5.5 Script Membuat Komentar
Script Membuat Komentar
if (isset($_POST['btnKomentar'])) {
if ($username == null) {
echo '<script> location.replace("login.php");
</script>';
} else {
$p_comment = $_POST["komentar"];
$postcomm = mysqli_query($conn, "INSERT INTO
komentar VALUES
(NULL,'$id','$username','$p_comment',NOW())");
Memberikan Like
Script memberikan like dapat dilihat pada Tabel 5.6.
Tabel 5.6 Script Memberikan Like
Script Memberikan Like
$id = $_GET['id'];
$target = $_GET['target'];
$username_log = $_GET['username'];
$id_like = "L" . $id . $username_log;
Membuat Laporan
Script membuat laporan dapat dilihat pada Tabel 5.7.
Tabel 5.7 Script Membuat Laporan
Script Membuat Laporan
function makeReport($reportUser, $reportTipe,
$reportSuspect, $reportAlasan)
{
mysqli_query($conn, "INSERT INTO laporan
VALUES(NULL,'$reportUser','$reportTipe','$reportSuspec
t','$reportAlasan',NOW(),'Tidak')");
}
$count = mysqli_num_rows($query);
if ($count > 0) {
$posts = array();
if (mysqli_num_rows($query)) {
while ($get = mysqli_fetch_assoc($query)) {
$posts[] = $get;
}
}
$data = json_encode($posts, JSON_PRETTY_PRINT);
header('Content-Type: application/json');
echo $data;
} else {
$posts = array(
"username" => NULL,
"password" => NULL, "nama" => NULL,
"gender" => NULL, "bio" => NULL,
"photo" => NULL, "dibuat" => NULL,
"blokir" => NULL, "akses" => NULL
);
$data = json_encode($posts, JSON_PRETTY_PRINT);
header('Content-Type: application/json');
echo $data;
}
Api daftar
Script api daftar dapat dilihat pada Tabel 5.9.
Tabel 5.9 Script Api Daftar
Script Api Daftar
$username = $_GET['username'];
$password = $_GET['password'];
$konfirmasi = $_GET['konfirmasi'];
if ($password == $konfirmasi) {
$posts = array(
"username" => $username,
"password" => $password,
49
$regist = mysqli_query(
$conn,
"INSERT INTO account
VALUES('$username','$password','$username',
'Laki-Laki','','',NOW(),NULL,'user')"
);
} else {
$posts = array(
"username" => $username,
"password" => $password,
"konfirmasi" => $konfirmasi,
"response" => "400",
"result" => "Proses Registrasi Gagal"
);
$data = json_encode($posts);
header('Content-Type: application/json');
echo $data;
}
Hasil
5.2.1 Hasil Website Admin
Hasil dari implementasi yang telah dilakukan mendapatkan hasil berupa
website admin yang berfungsi untuk mengelola berbagai data pada sistem.
Halaman Login
Berikut adalah hasil dari implementasi dari script halaman login yang dapat
dilihat pada Gambar 5.1.
50
Pembahasan
Pembahasan berisi tentang hasil pengujian dari sistem yang telah dibangun.
Pengujian ini dilakukan dengan menggunakan metode black box testing.
5.3.1 Pengujian Login
Pengujian login dilakukan dengan beberapa percobaan dengan hasil yang
ditunjukan pada Tabel 5.10 dibawah ini.
Tabel 5.10 Hasil Pengujian Login
Yang
Data Masukan Hasil Pengujian Kesimpulan
Diharapkan
Proses login : Data akun Pengguna
Username dan sesuai diarahkan ke [X] Diterima
Password sehingga halaman utama [ ] Ditolak
pengguna
55
Yang
Data Masukan Hasil Pengujian Kesimpulan
Diharapkan
diarahkan ke
halaman utama
Proses Daftar : Data yang Proses
Username, dimasukan pendaftaran
Password dan lengkap dan berhasil [X] Diterima
Konfirmasi sesuai, proses [ ] Ditolak
pendaftaran
berhasil.
60
DAFTAR PUSTAKA
Almasik, S., Atmadja, A.R. and Pariyatin, Y. (2021), Rancang Bangun Aplikasi
Forum Diskusi Usaha Mikro Kecil Dan Menengah Berbasis Web, Jurnal
Algoritma, 17(2), 168–175.
Dr. Gede Indrawan (2021), Database MySQL Dengan Pemograman PHP -
Rajawali Pers, PT. RajaGrafindo Persada.
Elgamar (2020), Buku Ajar Konsep Dasar Pemrograman Website Dengan PHP,
Ahlimedia Book.
Enterprise, J. (2018), Pemrograman Database Dengan Python Dan MySQL, Elex
Media Komputindo.
Fahmi, M.N., Hidayat, S., Ikhsan, A., Satrya, F. and Kusumah, F. (2018), Sistem
Informasi Forum Diskusi Untuk Penanganan Kerugian Pascapanen Berbasis
Web, , 384–393.
Faisal, M.R. and Abadi, F. (2020), Pemrograman Web Dasar I: Belajar HTML 5,
M Reza Faisal.
Fauzi, R.A. (2017), Sistem Informasi Akuntansi (Berbasis Akuntansi), Yogyakarta:
Deepublish.
Fitriani, Pakpahan, Y. and Roida Adrianichsan (2020), Sistem Informasi Forum
Diskusi Online Antarmahasiswa Pada Smartphone, , 4(4), 92–101.
Gardenia, Y. and Hardaya, A. (2021), Perancangan Forum Diskusi Universitas
Suryadarma Berbasis Website Dan Aplikasi Android, JSI (Jurnal Sistem
Informasi) Universitas Suryadarma, 8(1), 203–212.
Gustian, H., Jaenudin, J., Eosina, P., Teknik, J., Teknik, F., Ibn, U., … Bogor, K.
(2019), Sistem Informasi Forum Diskusi Layanan Mandiri Online Warga RW
09 Kelurahan Karadenan Kecamatan Cibinong Kabupaten Bogor, IKRA-ITH
INFORMATIKA : Jurnal Komputer Dan Informatika, 3(1), 46–54.
Jannah, M., Sarwandi and Creative, C. (2019), Mahir Bahasa Pemrograman PHP,
Elex Media Komputindo.
Kurniawan, T.A. (2020), Sistem Informasi Akuntansi Dengan Pendekatan Simulasi,
Sleman: Deepublish.
Munazilin, A. and Santoso, F. (2020), Analisis Dan Perancangan Forum
Komunikasi Mahasiswa Pascasarjana Universitas Ibrahimy Berbasis
Website, Jurnal Inovasi Penelitian, 1(7), 1487–1494.
Musnaini and Wijoyo, H. (2021), UMKM Digital Era New Normal, Insan Cendekia
Mandiri.
Priowirjanto, D.E.S., Hatami, R.F. and Firdausa, S. (2021), Terminologi Ekonomi
Dan Teknologi Informasi Dalam Hukum Ekonomi Pada Era Ekonomi Digital:
Bintang Pustaka, Bintang Pustaka Madani.
Rahardianti, E.C., Santoso, K.I., Wahyudiono, S., Informatika, T., Informasi, S. and
Informatika, M. (2020), Rancang Bangun Website Forum Komunitas Pecinta
Film Drama Korea, , 16(2), 1–11.
Sari, V.N. and Anggraini, D. (2020), Sumber Daya Manusia Di Era Tourism 4.0,
Insan Cendekia Mandiri.
61
62
<?php
if (isset($_POST["btnMasuk"])) {
$login_username = $_POST['username'];
$login_password = $_POST['password'];
$login = mysqli_query($conn, "SELECT * FROM account WHERE
username = '$login_username'");
$count = mysqli_num_rows($login);
if ($count == 1) {
while ($row = mysqli_fetch_array($login)) {
if ($login_username == $row['username'] && $login_password
== $row['password']) {
if ($row['akses'] == "user") {
$_SESSION['user_log'] = $login_username;
echo '<script> location.replace("index.php?search=");
</script>';
}
if ($row['akses'] == "admin") {
$_SESSION['user_log'] = $login_username; echo '<script>
location.replace("admin/"); </script>';
}
if ($row['akses'] == "blokir") {
?>
<div class="alert alert-secondary align-items-center"
role="alert">
63
64
} else {
?>
<div
class="alert alert-danger align-items-center"
role="alert"><i class="bi bi-exclamation-triangle-fill me-
2"></i> Username tidak ditemukan
</div>
<?php
}
?>
<?php
if (isset($_POST["btnDaftar"])) {
$reg_username = $_POST['username'];
$reg_password = $_POST['password'];
$reg_confirm = $_POST['konfirmasi'];
if ($reg_password == $reg_confirm) {
$regist = mysqli_query($conn, "INSERT INTO account
VALUES('$reg_username','$reg_password','$reg_username','La
ki-Laki','','',NOW(),NULL,'user')");
if ($regist) {
$_SESSION['user_log'] = $reg_username;
echo '<script> location.replace("login.php"); </script>';
} else {
?>
<div class="alert alert-danger align-items-center"
role="alert"><i class="bi bi-exclamation-triangle-fill me-
2"></i> Username sudah terdaftar
65
</div>
<?php
}
} else {
?>
<div class="alert alert-danger align-items-center"
role="alert">
<i class="bi bi-exclamation-triangle-fill me-2"></i>
Konfirmasi password salah
</div>
<?php
}
}
?>
<?php
include "config.php";
$pindah = $_GET['url'];
$id = $_GET['id'];
$target = $_GET['target'];
$username_log = $_GET['username'];
?>
<script>
location.replace("<?php echo $new_url; ?>")
</script>
<?php
include "config.php";
66
$pindah = $_GET['url'];
$id_like = $_GET['id'];
$new_url = ".." . $pindah;
?>
<script>
location.replace("<?php echo $new_url; ?>")
</script>
<?php
function makeReport($reportUser, $reportTipe,
$reportSuspect, $reportAlasan)
{
include "config.php";
mysqli_query($conn, "INSERT INTO laporan
VALUES(NULL,'$reportUser','$reportTipe','$reportSuspect','
$reportAlasan',NOW(),'Tidak')");
}
?>
<?php
if (isset($_POST["btnPost"])) {
$p_judul = $_POST["p_judul"];
$p_konten = $_POST["p_konten"];
$p_kategori = $_POST["p_kategori"];
$post = mysqli_query(
$conn,"INSERT INTO post
VALUES(NULL,'$username',NOW(),'$p_konten','$p_kategori','$
p_judul')"
);
echo '<script> location.replace("index.php"); </script>';
}
?>
<?php
include "../../config.php";
if (isset($_GET['username'])) {
$username = $_GET['username'];
$query = mysqli_query($conn, "SELECT * FROM account
WHERE username = '$username'");
} else {
67
$count = mysqli_num_rows($query);
if ($count > 0) {
$posts = array();
if (mysqli_num_rows($query)) {
while ($get = mysqli_fetch_assoc($query)) {
$posts[] = $get;
}
}
$data = json_encode($posts, JSON_PRETTY_PRINT);
header('Content-Type: application/json');
echo $data;
} else {
$posts = array(
"username" => NULL,
"password" => NULL, "nama" => NULL,
"gender" => NULL, "bio" => NULL,
"photo" => NULL, "dibuat" => NULL,
"blokir" => NULL, "akses" => NULL
);
$data = json_encode($posts, JSON_PRETTY_PRINT);
header('Content-Type: application/json');
echo $data;
}
?>
<?php
include "../../config.php";
$id = $_GET['username'];
if ($count > 0) {
$posts = array();
if (mysqli_num_rows($query)) {
while ($get = mysqli_fetch_assoc($query)) {
$posts[] = $get;
}
}
$data = json_encode($posts, JSON_PRETTY_PRINT);
header('Content-Type: application/json');
echo $data;
} else {
$posts = array(
68
<?php
include "../../config.php";
$username = $_GET['username'];
$password = $_GET['password'];
$konfirmasi = $_GET['konfirmasi'];
if ($password == $konfirmasi) {
$posts = array(
"username" => $username,
"password" => $password,
"konfirmasi" => $konfirmasi,
"response" => "200",
"result" => "Data Berhasil Ditambah"
);
$data = json_encode($posts);
header('Content-Type: application/json');
echo $data;
$regist = mysqli_query(
$conn,
"INSERT INTO account
VALUES('$username','$password','$username',
'Laki-Laki','','',NOW(),NULL,'user')"
);
} else {
$posts = array(
"username" => $username,
"password" => $password,
"konfirmasi" => $konfirmasi,
"response" => "400",
"result" => "Proses Registrasi Gagal"
);
$data = json_encode($posts);
header('Content-Type: application/json');
echo $data;
}
?>
69
<?php
if (isset($_POST["btnTambah"])) {
$nama = $_POST["nama_kategori"];
$warna = $_POST["warna"];
$add = mysqli_query($conn, "INSERT INTO kategori
VALUES(NULL,'$nama','$warna')");
echo '<script> location.replace("datakategori.php");
</script>';
}
?>
<?php
if (isset($_POST["btnEdit" . $data['id']])) {
$id = $_POST["id_kategori"];
$nama = $_POST["nama_kategori"];
$warna = $_POST["warna"];
<?php
include "../config.php";
$id = $_GET['id'];
mysqli_query($conn, "DELETE FROM kategori WHERE id =
'$id'");
echo '<script> location.replace("datakategori.php");
</script>';
?>
package com.alfari.lobby
import android.content.Intent
import android.os.Bundle
import android.widget.Button
import android.widget.EditText
import android.widget.Toast
import androidx.appcompat.app.AppCompatActivity
import retrofit2.Call
import retrofit2.Callback
import retrofit2.Response
etUsername = findViewById(R.id.etUsername) as
EditText
etPasssword = findViewById(R.id.etPassword) as
EditText
btnMasuk = findViewById(R.id.btnMasuk) as Button
btnRegister = findViewById(R.id.btnReg) as Button
btnMasuk.setOnClickListener {
username = etUsername.text.toString()
password = etPasssword.text.toString()
Login(username)
}
btnRegister.setOnClickListener {
goRegister()
}
RetrofitClient.instance.getUser(username =
username).
enqueue(object:
Callback<ArrayList<LoginResponse>>{
override fun onResponse(
call: Call<ArrayList<LoginResponse>>,
response:
Response<ArrayList<LoginResponse>>
) {
loginPassword =
response.body()?.get(0)?.password.toString()
if(username != ""){
if(loginPassword.equals(password)){
goHome()
}
else{
71
etPasssword.text = null
Toast.makeText(applicationContext,
"Password anda tidak cocok", Toast.LENGTH_SHORT).show()
}
}
else{
Toast.makeText(applicationContext,
"Username tidak boleh kosong", Toast.LENGTH_SHORT).show()
}
}
})
package com.alfari.lobby
import android.content.Intent
import android.os.Bundle
import android.widget.Button
import android.widget.EditText
import android.widget.Toast
import androidx.appcompat.app.AppCompatActivity
import retrofit2.Call
import retrofit2.Callback
import retrofit2.Response
etUsername = findViewById(R.id.etUsernameReg) as
EditText
etPasssword = findViewById(R.id.etPasswordReg) as
EditText
etKonfirmasi = findViewById(R.id.etKonfirmasi) as
EditText
btnRegist = findViewById(R.id.btnDaftar) as Button
btnBack = findViewById(R.id.btnHome) as Button
btnRegist.setOnClickListener {
username = etUsername.text.toString()
password = etPasssword.text.toString()
konfirmasi = etKonfirmasi.text.toString()
register()
}
btnBack.setOnClickListener {
goLogin()
}
}
RetrofitClient.instance.userRegister(
username = username,
password = password,
konfirmasi = konfirmasi)
.enqueue(object:
Callback<ArrayList<RegisterResponse>> {
override fun onResponse(
call:
Call<ArrayList<RegisterResponse>>,
response:
Response<ArrayList<RegisterResponse>>
) {
}
73
})
}
package com.alfari.lobby
package com.alfari.lobby
package com.alfari.lobby
import retrofit2.Retrofit
import retrofit2.converter.gson.GsonConverterFactory
object RetrofitClient {
.addConverterFactory(GsonConverterFactory.create())
.build()
retrofit.create(Api::class.java)
}
package com.alfari.lobby
import android.annotation.SuppressLint
import android.content.Intent
import android.os.Build
import android.os.Bundle
import android.webkit.WebView
import android.webkit.WebViewClient
import androidx.annotation.RequiresApi
import androidx.appcompat.app.AppCompatActivity
import
com.google.android.material.bottomnavigation.BottomNavigat
ionView
url = "https://lobbyforum.000webhostapp.com/"
data =
intent.getStringExtra("loginUsername").toString()
alfari_webview_setup(url + "index.php?username=" +
data)
bottomNavigation.setOnNavigationItemReselectedListener {
when(it.itemId){
R.id.ic_home -> alfari_webview_setup(url +
"index.php?username=" + data)
R.id.ic_user -> alfari_webview_setup(url +
"profile.php?id=" + data)
R.id.ic_logout -> goLogin()
}
}
}
@RequiresApi(Build.VERSION_CODES.O)
@SuppressLint("SetJavaScriptEnabled")
private fun alfari_webview_setup(url: String){
alfariWebview.webViewClient = WebViewClient()
alfariWebview.apply{
loadUrl(url)
settings.javaScriptEnabled = true
settings.safeBrowsingEnabled = true
}
}
Query Database
CREATE DATABASE db_lobby;