NOTIFICATION DAN CHATBOT BERBASIS WEB
Ahmad Aqbar1, Dwiza Riana2, Fitriyani3
1Teknik Informatika, Universitas BSI e-mail: [email protected]
2Universitas BSI e-mail: dwiza,[email protected]
3Universitas BSI e-mail: [email protected]
Abstract
Abstract - Announcement is something that is common in the school environment. In the past, announcements were posted on an information board and delivered orally or in writing in the form of letters. At this time, technological developments allow announcements to take digital forms. Announcer parties can use social media messengers in giving announcements because they are felt more quickly and effectively. However, the dissemination of announcements using social media messengers still has some drawbacks, because the use of messenger social media applications that have many uses such as social media causes a lot of other information to enter and often recipients miss announcement information that is actually important to them, therefore applications and notifications are needed. specifically for the dissemination of information on academic announcements in this case the researcher designs an academic announcement system using web-based push notification and chatbot features to be a solution and make it easier to deliver academic announcement information to recipients quickly and on target, in addition to the push notification feature , the recipient is also helped in knowing the latest academic announcement information, so the announcement information will not be missed and with the chatbot feature, the admin will be helped automatically in explaining the same information sec Periodic questions from questions that are often asked are also faster in obtaining answer information.
Keywords: Announcement, Push Notification, Chatbot, MVC Model, Laravel.
Abstrak - Pengumuman adalah suatu hal yang umum di dalam lingkungan sekolah, Pada masa-masa yang lalu, pengumuman dipasang pada papan informasi dan disampaikan secara lisan atau tulisan yang berbentuk surat. Pada saat ini, perkembangan teknologi memungkinkan pengumuman untuk mengambil bentuk digital. Pihak pemberi pengumuman dapat menggunakan media sosial messengger dalam memberikan pengumuman karena dirasakan lebih cepat dan efektif. Namun penyebaran pengumuman menggunakan media sosial messengger masih memiliki beberapa kekurangan, karena penggunaan aplikasi media sosial messenger yang memiliki banyak kegunaan seperti sosial media menyebabkan adanya banyak informasi lain yang masuk dan seringkali penerima melewatkan informasi pengumuman yang sebenarnya penting untuknya, oleh karena itu dibutuhkan aplikasi dan notifikasi khusus yang berbeda untuk penyampaian informasi pengumuman akademik dalam hal ini peneliti membuat rancang bangun sistem pengumuman akademik menggunakan fitur push notification dan chatbot berbasis web agar menjadi solusi dan mempermudah dalam penyampaian informasi pengumuman akademik kepada penerima secara cepat dan tepat sasaran, selain itu dengan fitur push notification, penerima juga terbantu dalam mengetahui informasi pengumuman akademik terbaru, jadi informasi pengumuman tidak akan terlewati dan dengan adanya fitur chatbot, admin akan terbantu otomatis dalam menjelaskan informasi yang sama secara berkala dari pertanyaan-pertanyaaan yang sering ditanyakan juga lebih cepat dalam mendapatkan informasi jawaban.
Kata Kunci: Pengumuman, Push Notification, Chatbots, MVC Model, Laravel.
A. Pendahuluan
Internet merupakan bentuk dunia lain alias maya yang kehadirannya telah membentuk sistem kehidupan yang baru pula. Kecanggihan teknologi ini telah mampu menjawab tantangan hambatan jarak, waktu dan kondisi. Website merupakan salah satu layanan yang ditawarkan oleh internet dan informasi adalah salah satu kata kunci pada era teknologi saat ini (Mubarok dkk, 2018).
(Yudianto, Sakti & Amron, 2017), hal ini didukung dengan bermunculannya beberapa perangkat modern pendukung seperti smartphone dan komputer. Dengan menggunakan perangkat tersebut, berbagai macam informasi diperoleh dengan cara mencari dan membuka situs atau aplikasi yang memiliki informasi yang dibutuhkan.
Akan tetapi, ada beberapa informasi yang harus didapatkan secara cepat dan berkala contoh seperti pemberitahuan informasi pengumuman akademik pada sekolah.
Pengguna personal computer atau smartphone dapat menggunakan fitur notifikasi untuk dapat menerima informasi secara cepat. Fitur notifikasi ini dikirimkan dari server dengan memakai teknologi push notification.
Push notification merupakan teknologi pengiriman informasi berupa notifikasi dari penyedia informasi server ke sebuah perangkat client secara otomatis. Notifikasi yang didapat oleh client adalah berupa notifikasi judul berita dan tautan berita.
Dalam mekanisme pengiriman push notification terdapat perantara push service yang biasa disebut sebagai broker. Broker berperan sebagai push service yang menjadi perantara antara server dan client untuk mengatur jalan pengiriman notifikasi dari server ke client yang berbeda-beda.
(Yudianyo, Sakti & Amron 2017).
Adapun dalam hal penelitian ini mencoba mengimplemetasikan chatbot merupakan sebuah program komputer yang dapat bekerja dengan mengartikan pesan yang diberikan oleh client, kemudian memproses maksud dari pesan tersebut, selanjutnya menentukan dan mengeksekusi apa yang perlu chatbot lakukan berdasarkan perintah dari client dan terakhir menyampaikan hasil dari eksekusi program kepada client melalui media teks, sering kali dilakukan dengan percakapan singkat, yang akan menjadikan informasi kepada client melalui data yang tersimpan
pada sistem yang berisi informasi (Akhsan
& Faizah, 2017).
Berdasarkan latar belakang masalah yang telah dikemukakan, maka permasalahan yang dapat dirumuskan : 1. Bagaimana membuat informasi
pengumuman akademik tersampaikan secara cepat?
2. Bagaimana menerapkan teknologi push notification untuk memberikan pemberitahuan pengumuman terbaru langsung ke perangkat komputer atau smartphone?
3. Bagaimana membangun sebuah program komputer yang dapat bekerja dengan mengartikan kata pesan yang diberikan oleh orang tua siswa, kemudian memproses maksud dari pesan tersebut dan menyampaikan hasil dari eksekusi program kepada orang tua siswa melalui media teks?
Tujuan dari penelitian ini untuk membuat sistem yang akan menjadi solusi yang tepat dalam penyampaian informasi pengumuman bagi orang tua siswa.
Sehingga pengumuman yang ditampilkan merupakan pengumuman yang benar- benar dibutuhkan tanpa adanya informasi lain yang kurang bermanfaat juga terbantu dalam mengetahui informasi pengumuman akademik terbaru, sehingga informasi pengumuman tidak akan terlewati.
A. Tinjauan Pustaka
(Adi Septyanto, 2017), dalam jurnal yang berjudul “Pemafaatan Web Service pada Aplikasi Notifikasi Pengumuman Mahasiswa” membahas tentang layanan yang dapat memudahkan mahasiswa untuk dapat selalu mengikuti perkembangan pengumuman mengacu pada konsep mobilitas, dan otomasi. Yaitu dengan membangun sebuah sistem informasi pengumuman yang sudah ditambahkan teknologi push notification sebagai sarana pendistribusian pengumuman dan bersifat dua arah, dari sistem sebagai penyedia pengumuman dan mahasiswa sebagai penerima pengumuman yang telah memilih jenis pengumuman yang ingin diikutinya.
(Jannah, Bayturrohman, & Kurniawan, 2017), dalam jurnal yang berjudul
“Pengembangan Aplikasi Penerimaan Mahasiswa Baru Berbasis Android dilengkapi dengan fitur push notification”
membahas tentang penyampaian informasi atau pengumuman Penerimaan Mahasiswa Baru (PMB) ke suatu aplikasi Android kemudian menampilkan notifikasi melalui
fitur push notification yang dapat memberi tahu calon mahasiswa tentang adanya informasi terbaru secara real time.
(Maskur, 2016), dalam jurnal yang berjudul “Perancangan Chatbot pusat informasi mahasiswa menggunakan AIML sebagai Virtual Assistant Berbasis Web”
membahas tentang layanan informasi mengenai program studi teknik informatika yang diperoleh melalui sistem informasi dan chatting yang dilakukan antara mahasiswa dengan pihak Chatbot sebagai Virtual Assistant yang dibuat dengan menggunakan mesin ALICE (Artificial Linguistic Internet Computer Entity) sebagai penerjemah AIML (Artifical Intelligence Markup Language).
(Abdul Rahim, 2017), dalam jurnal yang berjudul “Perancangan Aplikasi E- Informasi dan Jadwal Perkuliahan Berbasis Mobile Android” dalam Penelitian ini dilakukan pengembangan sistem e- informasi digunakan oleh STIKOM Dinamika Bangsa untuk memberikan informasi jadwal perkuliahan dan informasi terbaru lainnya kepada mahasiswa.
(Akhsan dan Faizah, 2017), dalam jurnal yang berjudul “Analisis dan Perancaangaan Interaki chatbot reminder dengan user-centered design” pada penelitian ini digunakan metode Google Design Sprint sebagai pendekatan user- centered design dalam tahapan analisis hingga pengujian.
B. Push Notification
(Yudianto, Sakti & Amron, 2017) teknologi push notification adalah teknologi pengiriman informasi berupa notifikasi dari sebuah penyedia informasi (server) kepada penerima informasi (client) tanpa harus ada permintaan informasi dari client. Teknologi ini memungkinkan client dapat menerima informasi secara berkala dengan cepat.
C. Chatbot
(Akhsan dan Faizah, 2017) chatbot merupakan sebuah program komputer yang dapat menjalankan dengan pengguna melalui media suara ataupun teks, sering kali dilakukan dengan percakapan yang singkat. Chatbot bekerja dengan mengartikan pesan yang diberikan oleh pengguna, kemudian memproses maksud dari pesan tersebut, selanjutnya menentukan dan mengeksekusi apa yang perlu chatbot lakukan berdasarkan perintah dari pengguna, dan terakhir menyampaikan hasil dari eksekusi program kepada pengguna.
A. Metode Penelitian
Dalam melakukan penelitian diperlukan metode penelitian, dalam metode tersebut dilakukan beberapa tahapan untuk mendapatkan hasil yang baik. Sehingga penelitian ini dapat berjalan dengan lancar. Tahapan-tahapan tersebut adalah perencanaan, analisis, desain, implementasi dan hasil
A. Perencanaan
Penulis menerapkan teknologi push notification dan chatbot pada sistem pengumuman akademik ini untuk sebagai sarana pendistribusian informasi pengumuman dan pelayanan informasi.
B. Analisis
Dalam langkah ini merupakan analisa terhadap kebutuhan sistem. Pengumpulan data dalam tahap ini penulis melakukan sebuah observasi, wawancara dan studi pustaka.
C. Desain
Desain dari sistem pada penelitian ini digambarkan dengan model Unified Modeling Language (UML) berupa Use Case Diagram, Activity Diagram, Entity Relationship Diagram, Logical Relational Structure, Sequence Diagram dan Deployment Diagram.
D. Implementasi
Penulis dalam pembangunan sistem aplikasi ini menggunakan Framework Laravel dari bahasa pemograman PHP dengan menggunakan konsep MVC (model view controller), Untuk pembuatan database peneliti menggunakan bahasa pemograman MySql, Dalam pembuatan teknologi push notification menggunakan Laravel notification dan memakai Javascript untuk pembuatan fitur chatbot.
B. Hasil dan Pembahasan 2.1. Sistem Berjalan
Berdasarkan hasil observasi dan wawancara yang dilakukan, berikut ini adalah proses sistem berjalan untuk pembagian pengumuman akademik pada Sekolah Dasar Plus Nurul Aulia sebagai berikut.
A. Penentuan kategori informasi pengumuman
Guru yang ingin memberikan informasi pengumuman, harus menentukan jenis
kategori pengumuman akademik yang akan dibuat.
B. Pengecekan pengumuman akademik Pada tahap ini dilakukan proses pengecekan terlebih dahulu oleh kepala sekolah atau wakil kepala bagian tergantung dengan jenis kategori pengumuman yang akan dibuat atau disebarkan.
C. Pembuatan pengumuman akademik Guru yang sudah melalui proses pengecekan pengumuman tinggal memberi informasi pengumuman akademik apa yang akan dibuat pada bagian Tata Administrasi Sekolah (TAS) berikut list data siswa siapa saja yang akan diberikan informasi pengumuman kepada orang tua siswa.
D. Data siswa dan orang tua siswa Setelah bagian Tata Administrasi Sekolah (TAS) membuat surat pengumuman, akan dilanjutkan dengan pendataan list data siswa siapa saja yang akan diberikan informasi pengumuman tersebut untuk disampaikan kepada orang tua siswa.
E. Konfirmasi pengumuman akademik Setelah Tata Administrasi Sekolah (TAS) membuat pengumuman akademik akan kembali konfirmasi kepada guru yang meminta membuat informasi pengumuman akademik tersebut.
F. Pengesahan penandatanganan pengumuman
Setelah melakukan konfirmasi kepada guru, Staff Tata Administrasi Sekolah (TAS) akan kembali kepada Kepala Sekolah atau Wakil Kepala Bagian untuk melakukan pengesahan penandatatanganan surat pegumuman yang akan di sebarkan.
G. Penyebaran pengumuman akademik Setelah melakukan konfirmasi, bagian Tata Administrasi Sekolah (TAS) melakukan penyebaran informasi pengumuman akademik dengan cara menempelkan informasi penguman akademik ke mading atau papan pengumuman sekolah, membuat informasi surat pengumuman akademik ke masing- masing siswa untuk diberikan kepada orang tua siswa dan memberikan pengumuman langsung melalui grup aplikasi social messenger whatsapp.
H. Menerima Pengumuman
Pada tahap akhir ini orang tua siswa menerima informasi pengumuman akademik dari sekolah.
Gambar 1. Activity diagram yang sedang berlangsung di SD Plus Nurul Aulia
2.2. Analisis Kebutuhan Non-Fungsional Kebutuhan Non-fungsional adalah jenis kebutuhan yang menjelaskan tentang kebutuhan diluar sistem seperti kebutuhan operasional, performance, keamanan, politik dan budaya. Adapun kebutuhan operasional pada sistem pengumuman akademik menggunakan fitur push notification dan chatbot ini adalah sebagai berikut:
Kebutuhan perangkat keras perangkat keras yang digunakan penulis dalam pembuatan sistem pengumuman akademik menggunakan fitur push notification dan chatbot ini adalah sebagai berikut:
1. Processor Intel Core i3-2330M CPU @ 2.20GHz
2. Memory Size (RAM) 4 GB (DDRAM) 3. Monitor Generic PnP Monitor 4. Harddisk 465,76 GB
5. Keyboard 107 Keys 6. Standard Mouse
Kebutuhan minimal device yang digunakan untuk menjalankan sistem pengumuman akademik menggunakan fitur push notification dan chatbot ini adalah sebagai berikut:
1. Processor Intel Pentium IV 2.0 Ghz 2. Memory Size (RAM) 512 MB (DDRAM) 3. Monitor SVGA Colour™
4. Harddisk 25 GB 5. Keyboard 107 Keys 6. Standard Mouse
Perangkat lunak yang digunakan dalam pembuatan sistem pengumuman akademik menggunakan fitur push notification dan chatbot ini adalah sebagai berikut:
1. Sistem Operasi Windows 10 64bit.
2. XAMPP
3. Framework Laravel 4. MySQL Server Versi 7.2.6
2.3. Perancangan UML A. Use Case Diagram
Use Case diagram merupakan pemodelan untuk kelakukan (behaviour) sistem informasi yang akan dibuat. Adapun use case diagram pada sistem pengumuman akademik menggunakan fitur push notification dan chatbot ini adalah sebagai berikut.
Gambar 2. Use Case Diagram
B. Activity Diagram
Activity diagram menggambarkan workflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada perangkat lunak.
Adapun activity diagram pada sistem pengumuman akademik menggunakan fitur push notification dan chatbot ini adalah sebagai berikut.
Gambar 3. Activity diagram menu pengumuman
C. Sequence Diagram
Sequence diagram digunakan untuk menggambarkan perilaku pada sebuah scenario. Adapun sequence diagram pada sistem pengumuman akademik menggunakan fitur push notification dan chatbot ini adalah sebagai berikut.
Gambar 4. Sequence diagram menu pengumuman
D. Deployment Diagram
Deployment diagram menunjukkan tata letak sebuah sistem secara fisik, menampakkan bagian-bagian software yang berjalan pada bagian-bagian hardware. Adapun deployment diagram pada sistem pengumuman akademik menggunakan fitur push notification dan chatbot ini adalah sebagai berikut.
Gambar 5. Deployment diagram sistem pengumuman akademik
2.4. Implementasi A. Tampilan Sistem
Berikut beberapa tampilan sistem pengumuman akademik menggunakan fitur push notification dan chatbot yang telah dirancang.
Gambar 6. Login
Gambar 7. Halaman Admin Panel
Gambar 8. Halaman Pengumuman
Gambar 9. Halaman Kategori Pengumuman
Gambar 10. Halaman Siswa
Gambar 11. Halaman Orang Tua Siswa
Gambar 12. Home Page Orang Tua Siswa
Gambar 13. Halaman Profil Orang Tua Siswa
Gambar 14. Halaman & Isi Pengumuman Orang Tua Siswa
Gambar 15. Chatbot Page
4. Kesimpulan
Berdasarkan hasil penelitian dengan teknik observasi, wawancara dan studi pustaka yang dilaksanakan pada SD Plus Nurul Aulia Kecamatan Cimahi Tengah, mengenai permasalahan bagaimana membuat pemberitahuan informasi pengumuman akademik sekolah tersampaikan secara cepat dan tepat sasaran kepada orang tua siswa, dari hasil penelitian tersebut, peneliti menyimpulkan untuk membuat sistem rancang bangun pengumuman akademik menggunakan fitur push notification dan chatbot berbasis web.
Secara garis besar, berdasarkan hasil perancangan dan pembuatan sistem ini pada SD Plus Nurul Aulia, dapat disimpulkan sebagai berikut:
1. Sistem pengumuman akademik ini bisa menjadi alat bantu bagi admin dalam merealisasikan penyebaran informasi pengumuman secara cepat.
2. Orang tua siswa terbantu dalam informasi pengumuman akademik yang langusng terkirim ke akun orang tua siswa masing-masing yang dapat di akses melalui website dan dengan fitur push notification juga terbantu dalam mengetahui informasi pengumuman akademik terbaru, jadi informasi pengumuman tidak akan terlewati.
3. Dengan fitur chatbot, admin akan terbantu otomatis dalam menjelaskan informasi yang sama secara berkala dari pertanyaan-pertanyaaan orang tua siswa yang sering ditanyakan, juga orang tua siswa akan lebih cepat dalam mendapatkan informasi jawaban.
Berikut saran yang dapat dipergunakan sebagai pertimbangan untuk pengembangan sistem pada penelitian selanjutnya antara lain pada program chatbot yang sudah dibangun, perlu adanya implementasi machine learning program yang mempelajari menganalisa dan mengenal bermacam-macam bahasa secara otomatis atau natural lenguage processing yang memiliki kemampuan untuk mengerti dan memahami bahasa manusia lalu memberikan respon sesuai dengan
bahasa yang digunakan pengguna chatbot.
5. Referensi
Akhsan, A. A., & Faizah. (2017). Analisis dan Perancangan Interaksi Chatbot Reminder dengan User-Centered Design. Jurnal Sistem Informasi, 13(2), 78–89.
https://doi.org/http://dx.doi.org/10.216 09/jsi.v13i2.555
Jannah, E. N., Bayturrohman, D. K., &
Kurniawan, E. (2017). Pengembangan Aplikasi Penerimaan Mahasiswa Baru Berbasis Android Dilengkapi dengan Fitur Push Notification. Jnteti, 6(4), 410–415.
Maskur. (2016). Perancangan Chatbot Pusat Informasi Mahasiswa Menggunakan AIML Sebagai Virtual Assistant Berbasis Web. Kinetik, 1(3).
https://doi.org/10.22219/kinetik.v1i3.4 7
Mubarok, A., Sanjaya, R., Prasetio, R. T., &
Ramdhani, Y. (2018). Sistem Informasi Pelayanan Online di Mapolresta Bandung. Jurnal Abdimas BSI, 1(1), 1–6. Retrieved from http://ejournal.bsi.ac.id/ejurnal/index.p hp/abdimas/article/view/2847
P, E. S., Amron, K., Informatika, T., Komputer, F. I., & Brawijaya, U.
(2017). Pengembangan Push Notification Menggunakan Websocket, 1(1), 1–7.
Rahim, A. (2017). Perancangan Aplikasi E- informasi dan Jadwal Perkuliahan Berbasis Mobile Android, 12(1).
Septyanto, I. P. S. A. (2017). Pemanfaatan Web Service pada Aplikasi Notifikasi Pengumanan Mahasiswa (Studi Kasus: STIKI Malang), 05.
