## Aplikasi WAP dengan WML, PHP & MySQL dalam Sistem Informasi Akademik
R. Deasy Mandasari 1
1 Program Studi Teknik Elektro, Fakultas Teknik dan Informatika, Universitas Bina Sarana Informatika Jl. Kramat Raya No.98, Jakarta Pusat, DKI Jakarta 10450, Indonesia
e-mail: 1 deasy.rde@bsi.ac.id
Artikel Info : Diterima : 26-12-2020 | Direvisi : 08-01-2021 | Disetujui : 13-01-2021
Abstrak - Sistem Informasi  Akademik adalah suatu sistem  yang  dibuat  untuk  mendukung proses pengelolaan data informasi akademik baik itu info untuk Dosen maupun Mahasiswa di lingkungan perguruan tinggi. Sistem ini berfungsi  sebagai  fasilitator  dalam  penyediaan  informasi  akademik  yang  dapat  diakses  secara  online  sehingga dapat diakses dimana saja dan kapan saja karena syaratnya hanya telepon yang terhubung dengan media internet. Oleh  karena  itu, dibuatlah suatu sistem  tampilan aplikasi smartphone sebagai pusat informasi perguruan  tinggi yang dapat terintegrasi dan menjawab permasalahan yang terjadi mengenai pengelolaan data akademik yang belum tersusun  dengan  baik  yaitu  mengenai  data  Dosen  maupun  data  Mahasiswa.  Dengan  menggunakan  teknologi Wireless Application Protocol (WAP) menjadikan smartphone sebagai media untuk mengakses segala informasi mengenai data akademik perguruan tinggi secara efisien. Berdasarkan latar belakang tersebut, maka permasalahan yang diambil adalah dengan cara membuat suatu sistem informasi akademik berbasis pemrograman WML, PHP melalui  sistem  database  MYSQL.  Tujuannya  adalah  untuk  mengetahui  bagaimana  sistem  informasi  akademik berbasis  WAP  dengan  WML,  PHP,  dan  MySQL.  Metode  penelitian  yang  dilakukan  ditempuh  dengan  metode observasi, literatur, dan pengembangan sistem. Hasil penelitian ini adalah sistem informasi akademik yang dapat diakses melalui website dan WAP melalui smartphone dengan pemrograman WML,  PHP, dan MYSQL sebagai databasenya. Kedepannya aplikasi ini akan selalu dikembangkan mengikuti perkembangan informasi akademik di perguruan tinggi khususnya juga untuk mendukung program Kampus Merdeka.
Kata Kunci : MySQL, PHP, Sistem Informasi Akademik, Wireless Application Protocol (WAP), WML.
Abstracts -  Academic  Information  System  is  a  system  designed  to  support  the  process  of  data  management  of academic information, be it information for lecturers or students in higher education. This system functions as a facilitator in providing academic information that can be accessed online so that it can be accessed anywhere and anytime  because  the  condition  is  only  a  telephone  connected  to  the  internet  media.  Therefore,  a  smartphone application display system was created as a university information center that could be integrated and answered problems that occurred regarding the management of academic data that had not been structured properly, namely regarding Lecturer and Student data. By using the Wireless Application Protocol (WAP) technology, smartphones are used as a medium to efficiently access all information regarding higher education academic data. Based on this background, the problem to be taken is to create an academic information system based on WML and PHP programming  through  the  MYSQL  database  system.  The  aim  is  to  find  out  how  the  WAP-based  academic information  system  with  WML,  PHP,  and  MySQL.  The  research  method  used  is  the  method  of  observation, literature,  and  system  development.  The  result  of  this  research  is  an  academic  information  system  that  can  be accessed via a website and WAP via a smartphone with WML, PHP, and MYSQL programming as the database. In  the  future,  this  application  will  always  be  developed  following  the  development  of  academic  information  in higher education, especially to support the Independent Campus program.
Keywords : Academic Information System, MySQL, PHP, Wireless Application Protocol (WAP), WML.

## PENDAHULUAN
Berdasarkan  Penelitian  terdahulu  dalam  Buku  berjudul  Panduan  Sistem  Informasi  Akademik  Sekolah Berbasis Web (Ahmar, 2019) yang membahas mengenai Sistem Informasi Akademik Sekolah yang merupakan suatu aplikasi yang membantu sekolah untuk mengelola data-data mengenai data akademik.
Pada  penelitian  ini  WML,  PHP  dan  MYSQL  diaplikasikan  untuk  menciptakan  suatu  sistem  informasi akademik  yang  tersedia  pada smartphone sehingga  memudahkan  dalam  pencarian  informasi  akademik  secara menyeluruh hanya dengan media handphone serta dapat mengatasi kelemahan pada sistem informasi akademik yang menggunakan website dan media SMS online untuk memberi informasi yang lebih fresh dan up to date . Berkembangnya pendidikan di Indonesia termasuk program Pemerintah membuat perguruan tinggi menjadi Kampus  Merdeka  menuntut  penyesuaian  sumber  daya  akademik  yang  berkualitas,  termasuk  aplikasi  informasi kampus  maupun  Sumber  Daya  Manusia  (SDM)-nya.  Penggunaan  teknologi  yang  praktis  dan  efisien  demi mendukung program ini wajib terus dibuat dan dikembangkan agar lebih variatif dan berdaya guna.

## 1. Sistem Basis Data
Basis Data adalah  kumpulan dari suatu susunan data dalam sebuah organisasi  yang diatur dan disimpan secara rapi dengan menggunakan komputer sebagai media, sehingga dapat menyajikan informasi yang bermanfaat untuk penggunanya (Atikah & Sukadi, 2013).
Sedangkan sistem basis data adalah suatu sistem  yang dikelola dari beberapa data yang sudah tersimpan dalam komputer dan telah disusun dengan rapi dalam sebuah folder / drive sehingga dapat diambil dan digunakan oleh suatu perusahaan untuk informasi selanjutnya dalam pengambilan sebuah keputusan (Triansah dkk., 2016).

## 2. Relational Database Management System (RDBMS)
Proses pengelolaan data yang telah dikumpulkan dalam sebuah sistem disebut DBMS (Abdulghani & Solehudin, 2018).
DBMS adalah  hal  utama  dalam  mengelola  data  sebagai  sebuah  informasi.  Untuk  membangun  sistem pengelolaan data informasi tersebut, dibutuhkan perangkat lunak (software) yang sering digunakan untuk DBMS (Data Base Management System) dkk., 2015). Hal-hal  yang  dilakukan  oleh software  DBMS ini  adalah  membuat  kumpulan  data,  menyimpan  data, menampilkan  data,  meng update data,  menghasilkan  laporan  sesuai  dengan  data  yang  telah  disimpan,  dan mengamankan data tersebut agar tidak disalahgunakan (Setyawan, 2013).

## 3. Wireless Application Protocol
WAP merupakan  sebuah  aplikasi  yang  menyajikan  informasi  apapun  menggunakan browser pada smartphone dengan media internet (Pt dkk., 2011). WAP merupakan aplikasi XML versi 1.0. WAP Server dibuat menggunakan Apache  Web  Server sebagai  aplikasinya,  sedangkan WAP dibuat  menggunakan  pemrograman WML (Priyanto, 2013).
a. Wireless Markup Language (WML)
WML merupakan  bahasa  pemrograman  untuk  menampilkan  suatu  informasi  dari  halaman WAP browser . WML merupakan  bagian  dari  bahasa pemrograman HTML ,  tetapi didasarkan  pada  bahasa XML . Halaman WML disebut dengan deck , yaitu kumpulan dari card (Marhaeni, 2017).
b. Pemrograman PHP
WampServer adalah software  installer  PHP secara instant yang  berjalan  pada lingkungan Windows , PHP , Apache Web Server , dan MySQL akan ter- install otomatis jika proses install WampServer telah selesai. PHP dan HTML sudah terintegrasi dan dijalankan pada server side artinya setiap bahasa yang dimasukkan akan  dijalankan  oleh server dan  ditampilkan  oleh browser .  Fungsi  yang  selalu  akan  ditampilkan  dalam bahasa  pemrograman  ini  adalah echo yang  digunakan  untuk  menampilkan  suatu  data  ke  dalam browser (Dhanta dikutip dari Sanjaya, 2015).
c. Konfigurasi Pemrograman PHP dan WML dalam Database MySQL Untuk dapat menampilkan halaman yang dibuat melalui PHP dan menampilkan database yang sedang bekerja pada PHP , dikolaborasikan struktur listing program PHP dengan WML . Dengan menggunakan PHP dapat  membantu  sistem database  MySQL sehingga  jika  diaplikasikan  dengan WML ,  akses  halaman  pada browser yang  ditampilkan  akan  bersifat  responsif  baik  itu  tampilan  melalui website maupun smartphone (Wijaya dkk., 2010). <?php header( 'Content-type:text/vnd.wap.wml' ) ;

## Computer Science (CO-SCIENCE)
echo( '<?xml version="1.0"?>' ); echo( ' <!DOCTYPE wml PUBLIC "- //WAPFORUM//DTD WML 1.1/EN">' ); ?> <wml> <card id = "pilih" title= ".: BERITA :." > <small> <?php echo "............" ; //Lokasi eksekusi ?> </p> </card> </wml>
Perbedaan  warna  diatas  menunjukkan  bahasa  dari  masing-masing script  code untuk  menempatkan database MYSQL dari PHP yang dijalankan .

## METODE PENELITIAN
Metode yang dipakai untuk penelitian ini adalah bagaimana cara membuat sebuah aplikasi sistem informasi akademik  sehingga  dapat  diakses  melalui smartphone ,  dengan  menggunakan  platform WML,  PHP dan  sistem database MYSQL sebagai bahasa pemrogramannya. Fokus penelitian ini adalah pembuatan script code WML yang dikolaborasikan  dengan PHP programming yang  terkoneksi  dengan  sistem database  MYSQL ,  dan  untuk mengetahui bagaimana cara sistem untuk dapat menampilkan pada media telepon seluler.
Pada  dasarnya WAP sistem  informasi  akademik  Departemen  Pendidikan  Teknik  Elektro  Universitas Pendidikan  Indonesia  ini  adalah  aplikasi client/server yang  menggunakan  media  internet  untuk  dapat  berjalan dengan baik, aplikasi ini membutuhkan beberapa komponen, yaitu sebagai berikut:
1. Apache versi 2.2.11 sebuah server web .
2. MySQL versi  5.1.36  sebuah RDBMS (Relational  Database  Management  System) multiuser berkemampuan tinggi yang dirancang untuk bekerja pada berbagai macam platform .
3. Sebagai client , digunakan browser web Internet Explorer versi 6.0, Mozilla Firefox versi 3.5.5 dan Opera Mobile Browser versi 10.00.
4. PHP versi 5.3.0 yang merupakan bagian dari server web .
5. WampServer versi 2.0, sebagai sistem operasi server .
6. WML  page  design menggunakan CSS  Style Sheet yang  terdiri  dari  halaman  informasi  umum,  sarana pendidikan, sistem informasi akademik, pendaftaran dan halaman bantuan.
a. Data Flow Diagram
Pembuatan Data Flow Diagram (DFD) dalam sistem informasi akademik dilakukan untuk mengetahui alur proses data yang dibentuk menjadi suatu diagram. DFD merupakan cara untuk menampilkan suatu proses penyampaian informasi dalam sebuah sistem sehingga mengetahui peran fungsi dan tujuan antar sistem yang akan dibuat (Sanjaya, 2015).

## Computer Science (CO-SCIENCE)
Volume 1 No. 1 Januari 2021 | E-ISSN: 2774-9711
Gambar 1. Data Flow Diagram Sistem Informasi Akademik
b. State Diagram
Perencanaan  perancangan  sistem  yang  dilakukan  adalah  membuat  aplikasi  sistem  menggunakan state diagram yang dibuat, seperti yang digambarkan di bawah ini:
Gambar 2. Gambar State Diagram Sistem Informasi Akademik
c. Sequential Diagram
Karena sequential diagram mengacu kepada objek, maka sebelum membuat diagram ini class diagram harus sudah teridentifikasi. UML memberikan tiga stereotype untuk class yaitu boundary, control dan entity , atau lebih mudah disingkat dengan BCE .
add Mahasiswa apk Sistem Informasi Akademik Mahasiswa. set MK Buka Tutup addMahasiswa (NIM) apkMKBuka(out mk_check) Mahasiswa added Ya Tidak add NIM pada database

## Computer Science (CO-SCIENCE)
Volume 1 No. 1 Januari 2021 | E-ISSN: 2774-9711
Gambar 3. Sequential Diagram Sistem Informasi Akademik

## HASIL DAN PEMBAHASAN
Hasil dari penelitian ini adalah terbentuknya suatu aplikasi sistem informasi akademik WAP, WML, dan MySQL yang dapat diakses dengan menggunakan smartphone yang dapat juga ditampilkan dalam website melalui komputer dengan tampilan yang responsive .

## 1. Analisis Data Flow Diagram
Dari DFD sistem informasi akademik basis data sistem yang terdiri dari data mahasiswa, data mata kuliah, data nilai serta data informasi dapat dijabarkan seperti gambar 4.
: Operator Data Entry : Program Entry Window
: Mahasiswa : Mata Kuliah : Dosen Edit(mhs,mk,dosen ) ApkMKBuka(out mk_check ) ApkMhsBuka(out mhs_check ) ApkDosenBuka(out dosen_check ) TambahMK(add_mk) TambahMhs(add_mhs ) ApkDosenBuka(out dosen_check ) TambahMhs( add_mhs) TambahDosen( add_dosen) TambahMK(add_mk )

## Computer Science (CO-SCIENCE)

## 2. Use Case Diagram
Tabel 1. Deskripsi Use Case (Mahasiswa) Use Case Sistem Informasi Akademik Deskripsi Singkat Use case ini memungkinkan sistem untuk menampilkan informasi akademik berupa tampilan halaman KRS, KHS dan RHS. Aktor Mahasiswa Pre Condition Mahasiswa menggunakan form input login untuk memasuki halaman web sistem informasi akademik. Main Flow Use case ini dimulai saat Mahasiswa memutuskan untuk melihat informasi akademik dengan memasukkan NIM dan password ketika form input login ditampilkan di layar.
Alternative Flow
Jika Mahasiswa menjalankan fungsi login sebelum form input login semuanya terisi, sistem otomatis akan menampilkan warning message (error) dan meminta kepada Mahasiswa untuk register terlebih dahulu.
Gambar 5. DFD Level 1 Sistem Informasi Akademik
Gambar 4. DFD Level 1 Sistem Informasi Akademik
Validasi KRS Operator Data Entry Masukkan KRS <<include>> Menyiapkan KHS & RHS Menyiapkan Instruksi Pendaftaran <<extend>> Mahasiswa
Gambar 5. Use Case Diagram Sistem Informasi Akademik

## Computer Science (CO-SCIENCE)
Volume 1 No. 1 Januari 2021 | E-ISSN: 2774-9711
Mahasiswa bisa memilih Reset untuk mengosongkan form input sign up, sehingga sistem mengijinkan Mahasiswa untuk memasukkan informasi lagi. Post Condition Jika use case sukses dijalankan, sistem akan menampilkan informasi akademik berupa display KRS, KHS dan RHS sesuai data yang diinputkan user ( Mahasiswa ). Jika tidak status tidak berubah.
Tabel 2. Deskripsi Use Case (Operator)
Use Case Sistem Informasi Akademik Deskripsi Singkat Use case ini memungkinkan sistem untuk menampilkan halaman KRS. Aktor Operator Pre Condition Operator menggunakan phpMyAdmin untuk membuat database tampilan sistem informasi akademik. Main Flow Use case ini dimulai saat Operator memutuskan untuk membuat database informasi akademik dengan memasukkan NIM, mata kuliah dan nilai pada data mahasiswa.
Alternative Flow Jika Operator menjalankan fungsi login sebelum data mahasiswa tersebut ada didalam database, maka sistem otomatis akan menampilkan pop up message dan meminta kepada user (mahasiswa) untuk mengisi form sign up.
User (mahasiswa) bisa memilih Reset untuk mengosongkan form sign up, sehingga sistem mengijinkannya untuk memasukkan informasi lagi. Post Condition Jika use case sukses dijalankan, sistem akan menampilkan informasi akademik berupa display KRS, KHS dan RHS sesuai data yang diinputkan
user ( Mahasiswa ). Jika tidak status tidak berubah.
3. Relasi Antar Tabel
Pada setiap tabel yang berhubungan memiliki kunci primer, kunci kandidat dan kunci tamu.
4. Hasil Pengujian Program
Konfigurasi script coding WML dan PHP yang telah dibuat perlu dilakukan pengujian program. Pengujian sangat  diperlukan  untuk  membuktikan  bahwa  program  dapat  dijalankan  sesuai  dengan  yang  diinginkan  dan benar hasilnya.
Karena  sifat  bahasa  pemrograman  adalah  melakukan  apa  yang  diinginkan  oleh  operator  dalam  hal  ini browser, jadi sistem komputerisasi hanya sebatas memproses dan telepon seluler hanya terbatas pada melakukan displai data.
Bila dianggap memenuhi ketentuan dalam bahasa pemrograman maka sistem akan menjalankan perintah serta mengeluarkan hasil. Untuk itu diperlukan beberapa cara terhadap pengujian yang akan dilakukan.
Tabel 3. Hasil Uji Modul
No. Tampilan Keterangan 1. menu_utama.php Sesuai dengan diagram alir
Gambar 6. Relasi Antar Tabel Sistem Informasi Akademik Berbasis WAP

## Computer Science (CO-SCIENCE)
Volume 1 No. 1 Januari 2021 | E-ISSN: 2774-9711
2. reguler.php & non-reguler.php (menu pendaftaran) Sesuai dengan diagram alir 3. input-login.html Sesuai dengan diagram alir Tabel 4. Hasil Uji Pengembangan No. Tampilan Keterangan 1. menu_utama.php Bekerja sesuai urutan 2. info-sejarah.php Bekerja sesuai urutan 3. lokasi.php Bekerja sesuai urutan 4. visi-misi.php Bekerja sesuai urutan 5. fasilitas.php Bekerja sesuai urutan 6. fakultas.php Bekerja sesuai urutan 7. input-login.html Bekerja sesuai urutan 8. struktur.php Bekerja sesuai urutan 9. sebaran-matkul.php Bekerja sesuai urutan 10. semester-ganjil.php Bekerja sesuai urutan 11. semester-genap.php Bekerja sesuai urutan 12. semester-padat.php Bekerja sesuai urutan 13. reguler.php Bekerja sesuai urutan 14. non-reguler.php Bekerja sesuai urutan 15. input-bantuan.html Bekerja sesuai urutan

## KESIMPULAN
Sistem pada aplikasi WAP ini dapat diakses melalui smartphone serta memberikan fasilitas dalam pencarian informasi akademik tentang info registrasi, display Kartu  Rencana Studi (KRS), Kartu  Hasil Studi (KHS), dan Rekap  Hasil  Studi  (RHS).  Jika  adanya  pengembangan  nanti,  tentu  akan  lebih  lengkap  lagi  info  yang  akan ditampilkan disini.
Adanya keterkaitan antara aplikasi yang dibuat dengan program Kampus Merdeka dan menjadikan perguruan tinggi sebagai kampus digital , baik bagi pengelola maupun pengguna sistem informasi tersebut dalam pembuatan sistem informasi akademik menggunakan WAP, WML, PHP dan MySQL ini yang dapat dikembangkan kembali menjadi sebuah aplikasi android yang nantinya diunggah ke Play Store , sehingga aplikasinya akan lebih efektif dan efisien juga user friendly di mata para penggunanya.
Pengelolaan yang dilakukan terhadap sistem aplikasi ini adalah pendataan yang langsung online melalui media internet.  Proses  kerja  program  untuk  dapat  diakses  melalui browser pada smartphone harus  di- upload melalui server yang memfasilitasi aplikasi program WAP . Proses kerja aplikasi ditampilkan dengan cara memanggil alamat ( domain ) sistem informasi akademik yang telah terhubung dengan server .

## Computer Science (CO-SCIENCE)

## REFERENSI
Abdulghani, T., & Solehudin, T. (2018). Sistem Informasi Pengelolaan Administratif Badan Usaha Milik Desa (BUMDes)  Berbasis  Client-Server  Studi  Kasus  Di  Desa  Sindangasih  Kecamatan  Karang  Tengah. Jurnal Ilmiah SANTIKA , 8 (2), 241–254. Ahmar,  A.  S.  (2019). Panduan  Sistem  Informasi  Akademik  Sekolah  Berbasis  Web .  Yayasan  Ahmar  Cendekia Indonesia.
Atikah,  H.  R.,  &  Sukadi.  (2013).  Sistem  Informasi  Simpan  Pinjam  Pada  Koperasi  Wanita  Putri  Harapan  Desa Jatigunung  Kecamatan  Tulakan. IJNS  -  Indonesian  Journal  on  Networking  and  Security , 2 (4),  26–33. http://bit.ly/2AjzjRt
Dhanta dikutip dari Sanjaya. (2015). Aplikasi Berbasis Web. Aplikasi Berbasis Web . Marhaeni. (2017). Rancang bangun aplikasi. Chemosphere , 7 (1), Frieyadie, Kristiana, T. (2016). Rancang Bangun. http://dx.doi.org/10.1016/bs.ampbs.2017.04.001%0Ahttp://dx.doi.org/10.1016/j.arabjc.2013.08.010%0Aht tp://dx.doi.org/10.1016/j.chemosphere.2013.01.075%0Ahttp://www.pnas.org/cgi/doi/10.1073/pnas.030855 5101%0Ahttp://www.treemediation.com/technical/phytoremed
Prasetyo, B., Pattiasina, T. J., & Soetarmono, A. N. (2015). Perancangan dan Pembuatan Sistem Informasi Gudang
(Studi Kasus : PT. PLN (Persero) Area Surabaya Barat). Teknika , 4 (1), 12–16. https://doi.org/10.34148/teknika.v4i1.30
Priyanto,  D.  (2013). Sistem  Informasi  Pemasaran  Barang  Dan  Jasa  Pada  Batara  Komputer  Berbasis  Wap . http://eprints.unisbank.ac.id/id/eprint/1483/
Pt, P., Listrik, P., Pln, N., & Jme, K. P. B. (2011). KOTA PEKANBARU BERBASIS J2ME Periode Wisuda : Sanjaya,  D.  (2015).  Aplikasi  Monitoring  Kegiatan  Mahasiswa  Berbasis  Android  dan  WEb. Jurnal  Teknik Informatika , 5 (MYsql), 479–484.
Setyawan, M. H. (2013). Sistem Informasi Akademik Berbasis Web  SMA Negeri 1 Bandar Menggunakan  PHP Dan MySQL . http://lib.unnes.ac.id/19116/1/4112309017.pdf
Triansah, A., Cahyadi, D., & Astuti, I. F. (2016). Membangun Aplikasi Web Dan Mobile Android Untuk Media Pencarian Kost Menggunakan Phonegap Dan Google Maps API. Informatika Mulawarman : Jurnal Ilmiah Ilmu Komputer , 10 (1), 58. https://doi.org/10.30872/jim.v10i1.21
Wijaya, S., Mulyanto, A., & Mustakim, M. (2010). Sistem Informasi Penerimaan Mahasiswa Baru Berbasis Web Dan Wap. Seminar Nasional Vi Sdm Teknologi Nuklir , ISSN 1978 - 0176 , 395–404.

## Computer Science (CO-SCIENCE)
Volume 1 No. 1 Januari 2021 | E-ISSN: 2774-9711