RANCANG BANGUN APLIKASI KELUHAN
MASALAH PSIKOLOGIS DI LOOK I GROW
BERBASIS WEB
Gusti Gagas Samudra1.
Asmunin2 Manajemen Informatika.
Universitas Negeri Surabaya Jl.
Ketintang.
Ketintang.
Kec.
Gayungan.
Kota Surabaya.
Jawa Timur 60231 19022@mhs.
2asmunin@unesa.
AbstrakAi Look I Grow adalah platform bagi orang tua untuk berbicara tentang diri mereka sendiri, anak-anak mereka, dan kesulitan yang mereka hadapi saat mengamati perkembangan anak-anak mereka.
Look I Grow masih dioperasikan secara manual, menanggapi masalah psikologis seperti klien yang harus terlebih dahulu menelepon atau bahkan mengunjungi kantor secara langsung untuk mengajukan keluhan.
Dengan memanfaatkan basis data MySQL dan kerangka kerja Laravel untuk membuat web, tujuan dari penelitian ini adalah untuk membuat aplikasi Keluhan Masalah Psikologis daring untuk Look I Grow.
Teknik waterfall adalah yang digunakan dalam penelitian Perancangan Aplikasi Keluhan Masalah Psikologis terdiri dari berbagai langkah, termasuk analisis kebutuhan, perancangan sistem yang memanfaatkan pemodelan UML (Use Case Diagram.
Activity Diagram, dan Sequence Diagra.
, perancangan basis data yang berisi skema tabel dan relasi sesuai dengan kebutuhan data keluhan, dan pengembangan modul backend dan frontend dengan metode waterfall menggunakan teknologi seperti PHP/Laravel.
Kata kunciAi Rancang Bangun.
Masalah Psikologis.
Web.
AbstractAi Look.
I Grow is a platform for parents to talk about themselves, their children, and the difficulties they encounter as they watch their children's development.
Look I Grow is still operated by hand, responding to psychological issues like clients who must first phone or even visit the office in person in order to file a complaint.
Utilizing the MySQL database and the Laravel framework to create the web, the goal of this study is to create an online Psychological Consultation application for Look I Grow.
The waterfall technique is the one employed in this study.
The Psychological Consultation Application's design consists of numerous steps, including needs analysis, system design utilizing UML modeling (Use Case Diagram.
Activity Diagram, and Sequence Diagra.
, database design that contains table schemas and relations according to the needs of complaint data, and backend and frontend module development with the waterfall method using technologies such as PHP/Laravel.
KeywordsAi System Design.
Psychological Consultation.
Web
PENDAHULUAN
Studi kasus penelitian yang diambil untuk tugas akhir ini, yaitu data keluhan untuk lembaga terapi psikologi.
Tempat yang diambil sebagai studi kasus yaitu lembaga terapi Look I Grow.
Semakin hari usaha yang dilakukan semakin membaik.
Lembaga terapi ini kian hari semakin dikenal dan memiliki banyak client.
Maka semakin banyak keluhan yang didapatkan lembaga terapi Look I Grow.
Menurut Zeky, anak-anak akan mengalami perubahan perilaku yang berkelanjutan sebagai konsekuensi dari pengalaman belajar mereka, yang merupakan bagian intrinsik dari perkembangan mereka, sehingga membutuhkan perspektif psikologis untuk mendukung pertumbuhan mereka (Zeky dan Batubara, 2.
Look I Grow berkomitmen untuk membantu anak-anak, remaja, dan dewasa dalam mengelola tantangan unik Dalam studi ini, penulis melakukan studi kasus di Look I Grow, yang menyoroti perannya dalam membantu individu yang mencari bantuan dalam menjalani kehidupan mereka yang Look I Grow menyediakan layanan seperti asesmen, konsultasi, konseling, dan terapi.
Saat ini.
Look I Grow beroperasi dengan proses manual untuk menangani masalah psikologis.
Klien harus menghubungi atau mengunjungi kantor untuk melaporkan masalah mereka secara langsung, dan staf diharuskan untuk mendokumentasikan keluhan psikologis secara tertulis atau diketik.
Untuk meningkatkan sistem ini, penelitian ini telah mengembangkan aplikasi berbasis situs web untuk mengelola Keluhan Psikologis di Look I Grow.
Aplikasi Keluhan Psikologis adalah platform daring yang dirancang untuk menyederhanakan proses bagi orang tua untuk memantau perkembangan anak-anak mereka tanpa perlu menelepon atau mengunjungi kantor.
Aplikasi ini dapat diakses dari lokasi mana pun dengan akses internet, sehingga memungkinkan karyawan untuk dengan mudah meninjau keluhan yang masuk dan mengumpulkan data terkait masalah psikologis di Look I Grow.
Aplikasi ini berbasis web, karena banyak pengguna biasanya memulai pencarian informasi mereka melalui peramban web daripada langsung menuju ke toko aplikasi.
Aplikasi Keluhan Psikologis berbasis web ini dibangun menggunakan kerangka kerja Laravel.
Laravel adalah kerangka kerja pengembangan web MVC yang bertujuan untuk meningkatkan produktivitas dengan mengurangi biaya pengembangan dan pemeliharaan sekaligus menggunakan sintaksis yang terorganisir dan efisien, yang secara signifikan mempersingkat waktu implementasi dan meningkatkan kualitas perangkat lunak (Widodo dan Purnomo, 2.
Laravel terbukti menjadi kerangka kerja pengembangan yang efektif karena waktu eksekusinya yang cepat, sehingga waktu pemuatan situs web menjadi lebih cepat (Das dan Saikia, 2.
Kemampuan pemuatan yang cepat ini meningkatkan kepuasan pengguna.
Selain itu.
Laravel membutuhkan PHP versi 5.
3 atau yang lebih baru, sehingga kompatibel dengan versi PHP yang lebih baru.
Laravel adalah framework PHP yang dikenal karena kesederhanaan dan fleksibilitas arsitekturnya (Naista, 2.
Temuan studi ini menghasilkan sebuah aplikasi yang meningkatkan komunikasi antara klien dan organisasi, mempercepat pemrosesan data keluhan, dan meningkatkan efisiensi layanan psikologis di Look I Grow.
II.
Gambar 3 Contoh View Controller (C) Pengontrol berfungsi sebagai penghubung antara model dan tampilan.
Pengontrol Model, menampilkan hasilnya melalui tampilan.
METODE PENELITIAN
Bab ini membahas proses-proses dalam pengembangan sistem berbasis web yang digunakan pada objek penelitian yang dilaksanakan di Look I Grow.
Gambar 4 Contoh Controller Gambar 1 Look I Grow Kebutuhan Sistem Sistem ini membutuhkan perangkat keras dan perangkat lunak tertentu untuk membangun aplikasi yang dibahas dalam penelitian ini, yang mencakup detail berikut:
Perangkat keras Persyaratan Laptop:
Prosesor Intel Core i3-6006U 2.
0 GHz NVIDIA GeForce 920MX 2GB Memori: 4GB DDR3L Perangkat lunak Laravel Laravel adalah kerangka kerja untuk PHP yang MVC (Model-ViewControlle.
sebagai kerangka kerja utama untuk membuat aplikasi web.
Model .
Model menangani data dan aturan bisnis Biasanya, model bekerja langsung dengan basis data untuk melakukan tindakan seperti menyimpan, mengambil, mengubah, atau menghapus data.
Gambar 2 Contoh Model View (V) View adalah bagian yang menangani tampilan antarmuka pengguna (UI).
View hanya fokus pada bagaimana data disajikan, biasanya dalam bentuk HTML.
Xampp Xampp adalah server mandiri yang mencakup penerjemah bahasa yang dibuat dalam bahasa pemrograman PHP dan Perl, basis data MySQL, dan perangkat lunak Apache HTTP Server.
MySQL Sistem manajemen basis data relasional seperti MySQL digunakan untuk membangun tabel data yang saling terhubung.
Jenis Data Data primer berupa wawancara digunakan sebagai sumber informasi yang digunakan dalam penelitian ini.
Sementara itu, data sekunder dikumpulkan dari jurnal ilmiah sebelumnya sebagai dasar pedoman wawancara.
Analisis Kebutuhan Analisis kebutuhan melalui beberapa kegiatan yaitu :
Melakukan observasi Pada proses ini penulis melakukan kunjungan ke lokasi atau objek penelitian yaitu Look I Grow.
Pengamatan dilakukan untuk mengetahui bagaimana cara pemilik menangani keluhan yang dialami setiap Melakukan wawancara Wawancara dilakukan dengan berdialog tanya jawab kepada Ibu Emma sebagai pemilik dari Look I Grow.
Rancangan Sistem Dalam membangun sebuah sistem, digunakan metode yang disebut Siklus Hidup Pengembangan Perangkat Lunak (SDLC).
Siklus Hidup Pengembangan Perangkat Lunak mengacu pada pendekatan terstruktur yang diikuti individu untuk menciptakan aplikasi perangkat lunak awal (Ariani Rosa dan Shalahuddin, 2.
Salah satu teknik dalam Siklus Hidup Pengembangan Perangkat Lunak adalah model Waterfall, yang mengikuti perkembangan linier yang mencakup langkah-langkah seperti analisis, desain, pemrograman, pengujian, dan pemeliharaan (Ariani Rosa dan Shalahuddin, 2.
Gambar 5 Waterfall Persyaratan Pada tahap ini, pengembang perlu mengumpulkan semua informasi tentang apa yang seharusnya dilakukan perangkat lunak dan batasannya.
Informasi ini berasal dari wawancara, survei, atau percakapan.
Setelah dikumpulkan, informasi tersebut diperiksa untuk membuat ikhtisar mendetail tentang apa yang dibutuhkan pengguna dari perangkat lunak yang sedang dibuat.
Desain Fase ini terjadi sebelum pengkodean dimulai.
Tujuannya adalah untuk menciptakan pemahaman yang jelas tentang apa yang perlu dicapai dan bagaimana sistem seharusnya terlihat.
Ini membantu mengidentifikasi kebutuhan perangkat keras dan sistem serta menguraikan struktur keseluruhan Implementasi Selama fase ini, pengkodean yang sebenarnya Proses pengembangan perangkat lunak dipecah menjadi bagian-bagian yang lebih kecil, yang kemudian disatukan.
Di sini, komponen yang telah selesai ditinjau secara saksama untuk melihat apakah mereka berfungsi seperti yang diharapkan.
Integrasi dan Pengujian Pada fase keempat ini, komponen yang telah dibuat sebelumnya digabungkan dan diuji untuk memeriksa apakah perangkat lunak memenuhi persyaratan desain dan apakah masih ada masalah yang tersisa.
Operasi dan Pemeliharaan Operasi dan Pemeliharaan adalah langkah terakhir dari proses pengembangan waterfall.
Pada tahap ini, pengguna mulai menggunakan perangkat lunak yang telah selesai dan akan membutuhkan dukungan berkelanjutan, yang meliputi:
Memperbaiki kesalahan.
Meningkatkan fitur sistem.
Menyediakan layanan sistem berdasarkan kebutuhan baru.
Saat ini, sistem yang digunakan di Look I Grow beroperasi secara manual.
Klien yang ingin berkonsultasi harus datang langsung ke kantor.
Setelah laporan dibuat, nama, alamat, dan jenis layanan klien yang diminta akan dicatat.
Gambar 6 Gambaran dari Sistem yang sedang Berjalan Desain ini akan mempermudah proses bisnis.
Jika proses bisnis berjalan lancar, maka akan efisien dan efektif (Setiyani, 2.
Proses bisnis ini menjadi titik awal perencanaan aplikasi ini.
Prosedur bisnis ini dimulai dengan klien membuat akun untuk login.
Setelah login, klien dapat membuat dan mengirimkan Klien dapat memantau apakah keluhan mereka telah disampaikan dan ditangani dengan memeriksa status keluhan.
Sementara itu, selama prosedur berlangsung, administrator atau karyawan Look I Grow juga akan memulai dengan masuk ke situs web.
Selanjutnya, administrator dapat meninjau masalah psikologis yang dilaporkan setiap klien kepada Look I Grow.
Keluhan yang masuk dapat diperiksa secara cermat, dan informasi klien dapat Selain itu, klien juga dapat memantau status proses pengaduan.
Gambar 7 Proses Bisnis dari Aplikasi Keluhan Masalah Psikologis di Look Grow Look I Grow memiliki sistem baru untuk membuat Aplikasi Pengaduan Masalah Psikologis dalam Desain dan Konstruksi.
Admin Admin bertugas dalam mengelola pengaduan dan juga sebagai pengelola data user pada masalah psikologis anak yang masuk.
Pada tahap ini admin akan melakukan login kemudian akan dapat mengelola aduan dan mengelola user.
Gambar 8 Flowchart Admin Client Pengguna akan diarahkan ke halaman awal, tempat prosedur pendaftaran dimulai dengan memasukkan alamat email dan kata sandi.
Setelah itu, pengguna akan membuat laporan tentang masalah kesehatan mental yang ingin Laporan tersebut akan diperiksa oleh Jika laporan ditolak, laporan tidak dapat dilanjutkan.
Jika laporan disetujui, pengguna dapat memantau perkembangannya dengan memeriksa statusnya.
Desain Proses Pada tahap desain proses, diidentifikasi aktor-aktor terkait dengan menggunakan Unified Model Language sebagai desain modelnya.
Desain model UML terdiri dari 3 jenis Use Case Diagram Gambar 10 Use Case Diagram Ilustrasi di atas menunjukkan diagram kasus penggunaan untuk proyek akhir ini.
Gambar tersebut menampilkan dua peran: administrator dan Aktivitas peran administrator meliputi pengawasan keluhan dan penanganan pengguna.
Tugas peran pelanggan meliputi kunjungan ke situs web dan pengajuan keluhan.
Diagram Activity Gambar di bawah ini merupakan diagram aktivitas dari penelitian tugas akhir ini.
Gambar 11 Diagram Activity Gambar 9 Flowchart User c.
Sequence Diagram Gambar di bawah ini merupakan sequence diagram dari penelitian tugas akhir ini.
Gambar 12 Sequence Diagram Organisasi Basis Data Ilustrasi di bawah ini menunjukkan tata letak basis data untuk proyek akhir ini.
Gambar 13 Struktur Database Desain basis data pada diagram ini ditujukan untuk sistem pengaduan psikologis daring yang canggih dan terintegrasi.
Inti sistem terdiri dari tiga kategori pengguna utama: admin, pengguna umum, dan pelanggan, yang masing-masing ditangani dalam tabel terpisah (Admin.
Pengguna, dan Pelangga.
Karena mencakup informasi pribadi seperti alamat, jenis kelamin, tanggal lahir dan lokasi, serta agama, yang terhubung ke tabel Agama, data pelanggan menjadi lebih lengkap.
Tabel Psikolog, yang mencakup informasi tentang pendidikan, jadwal, biaya konsultasi, status profesional, dan detail pribadi psikolog, menampung psikolog yang menawarkan Data pelatihan psikolog terhubung ke tabel Pendidikan, yang berisi latar belakang akademis Pelanggan dapat, sementara itu, mengajukan pengaduan kepada psikolog, yang akan mencatatnya di tabel Keluhan beserta ringkasan masalah, diagnosis, dan koneksi ke jadwal konsultasi (Time_consul.
Percakapan langsung antara pengguna dan psikolog, yang didokumentasikan dalam tabel Live_chats, merupakan fitur penting Detail_live_chats menyimpan banyak informasi tentang setiap percakapan, seperti isi pesan Tabel Transaksi mendokumentasikan prosedur transaksional yang dimungkinkan oleh penggunaan sistem ini, seperti pembayaran untuk layanan konsultasi.
Transaksi dapat mencakup berbagai produk atau detail kecil.
Transaction_details.
Hubungan antar tabel disusun secara efektif menggunakan kunci asing, yang meningkatkan integritas data dan memungkinkan sistem untuk menangani layanan dengan lancar, mulai dari pendaftaran, konsultasi, hingga pembayaran.
Hasilnya, desain basis data memfasilitasi administrasi layanan konsultasi yang digital, profesional, dan efektif.
Class Diagram Gambar di bawah ini merupakan Class Diagram dari penelitian tugas akhir ini.
Gambar 14 Class Diagram Class diagram yang ditampilkan merupakan representasi dari sistem layanan konsultasi psikolog berbasis online, yang terdiri dari berbagai kelas .
utama beserta atribut dan relasinya.
Sistem ini mencakup tiga jenis peran utama yaitu pengguna (Use.
, pelanggan (Custome.
, dan admin (Admi.
Masing-masing merepresentasikan data login dan identitas pengguna.
Pelanggan memiliki relasi dengan kelas Religion yang merepresentasikan agama, serta memiliki detail pribadi seperti alamat, tanggal lahir, dan jenis Psikolog direpresentasikan oleh kelas Psikolog, yang berisi data pribadi, jadwal konsultasi, dan latar belakang pendidikan.
Informasi pendidikan ini direlasikan melalui kelas Education.
Setiap sesi atau aduan layanan dikendalikan melalui kelas Pengaduan, yang memuat informasi penting seperti isi pengaduan, diagnosa, dan jadwal konsultasi (Time Consu.
Proses konsultasi dapat dilanjutkan dengan komunikasi melalui kelas Live Chat, yang memiliki detail lebih lanjut pada kelas Detail Live Chat.
Seluruh interaksi yang mengarah pada transaksi, tercatat dalam kelas Transaction, yang memuat informasi pembayaran serta referensi ke pengaduan, user, dan psikolog.
Detail transaksi seperti nama layanan dan harga tercatat dalam kelas Transaction Detail.
Setiap kelas dilengkapi atribut created_at dan updated_at untuk mencatat waktu penciptaan dan perubahan data.
Secara keseluruhan, diagram ini menggambarkan struktur sistem yang terorganisasi untuk mendukung alur kerja layanan konsultasi, mulai i.
HASIL DAN PEMBAHASAN
Implementasi Sistem C Halaman Login Admin Gambar 15 Halaman Login Admin Halaman Dashboard Admin Halaman Client pada Admin Gambar 20 Halaman Client pada Admin Halaman Dashboard Client Gambar 16 Halaman Dashboard Admin Halaman Setting Website Gambar 17 Halaman Setting Website C Halaman List Psikolog Gambar 21 Halaman Dashboard Client Halaman Login Client Gambar 18 Halaman List Psikolog Halaman List Keluhan pada Admin Gambar 22 Halaman Login Client Gambar 19 Halaman List Keluhan pada Admin Halaman Adukan Keluhanmu .
Gambar 23 Halaman Adukan Keluhanmu IV.
KESIMPULAN DAN SARAN
Kesimpulan Berdasarkan temuan studi "Pembuatan dan Pengembangan Aplikasi Daring untuk Pelaporan Masalah Psikologis di Look I Grow", dapat disimpulkan bahwa pembuatan sistem pengaduan berbasis web untuk masalah psikologis melibatkan beberapa fase analisis.
Fase-fase tersebut meliputi identifikasi kebutuhan, perancangan sistem dengan diagram UML (Diagram Use Case.
Diagram Aktivitas, dan Diagram Uruta.
, penataan basis data yang mencakup skema tabel dan koneksi berdasarkan kebutuhan data pengaduan, pembangunan komponen backend dan frontend menggunakan pendekatan waterfall dengan teknologi seperti PHP/Laravel, implementasi modul untuk pengaduan psikologis, pengujian komprehensif, dan pemeliharaan setelah sistem diluncurkan.
Saran Beberapa saran untuk mengembangkan sistem ke depan meliputi peningkatan fitur alternatif seperti Chatbot berbasis AI yang mampu memberikan tanggapan awal sebelum penggunakan, optimalisasi keamanan data agar pengguna merasa lebih nyaman dalam menyampaikan keluhan, sosialisasi, dan promosi dalam meningkatkan jangkauan pengguna aplikasi.
REFERENSI