Claim Missing Document
Check
Articles

Found 20 Documents
Search

Measuring the usability effectiveness of using card menus and tree menus in school web applications Hadiq, Hadiq; Solehatin, Solehatin; Djuniharto, Djuniharto; Muslim, Much Aziz
Journal of Soft Computing Exploration Vol. 5 No. 1 (2024): March 2024
Publisher : SHM Publisher

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.52465/joscex.v5i1.299

Abstract

The aim of this research is to measure the usability effectiveness of a web application by using card menus and tree menus using user-friendly criteria and access speed as indicated by the number of clicks made by the user. The method used in this research is the Task-centered User Interface method, where this method allows for planning and evaluating the arrangement of the interface according to user needs. There are four stages in this method, including user identification by conducting needs analysis, the second phase is user interface design. The third phase is the implementation of the card menu and tree menu design, and the fourth face is testing the usability and effectiveness requirements. From the research that has been carried out regarding measuring the effectiveness of using card menus, it is more effective to use than tree menus because you can directly lift the menu and access it. Meanwhile, for usability, the card menus have a higher usability index than the tree menus. Meanwhile, for usability measurements carried out by direct observation and distributing questionnaires, the resulting percentage of user understanding, ease, and speed for the card menu display was 87% and for the tree menu was 60% so that the card menu display was more accepted by users than the tree menu. The new thing provided by the results of this research is in the form of suggestions that can be used by web application developers to use the right type of menu in building web-based applications with the same specifications as in the case of school finance applications.
Performance measurement implementation on the smart fisheries village website using pagespeed insight Panduwika, Panduwika; Solehatin, Solehatin
Journal of Soft Computing Exploration Vol. 5 No. 2 (2024): June 2024
Publisher : SHM Publisher

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.52465/joscex.v5i2.363

Abstract

Websites have become the primary way organizations and individuals to communicate, provide information, and offer daily services. The purpose of creating the Smart Fisheries Village (SFV) website was to enhance the performance and quality of the user experience by measuring and optimizing image sizes using Google's tools, specifically Google PageSpeed Insight. We monitored and analyzed the implementation performance to ensure faster loading times without compromising visual quality. The implementation results showed significant improvements in the SFV loading speed, leading to a more satisfactory user experience. To identify images that slow website loading, we used data from PageSpeed Insight. After implementing improvements, we distributed a questionnaire to users to evaluate the development results. The results of the questionnaire revealed a significant increase in user satisfaction with the loading speed and quality of the user experience of the Bangsring Smart Fisheries Village (SFV) website. These findings provide valuable information for the continued development and optimization of website performance in the future. Therefore, this research makes a valuable contribution to improving the performance and user experience of the Bangsring Smart Fisheries Village (SFV) website.
Pendampingan Penggunaan Media Pembelajaran Mulimedia Di SMK Negeri I Banyuwangi Solehatin, Solehatin
Jurnal Pengabdian Mitra Masyarakat (JPMM) Vol 5, No 2: Oktober (2023)
Publisher : Universitas Amikom Purwokerto

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.35671/jpmm.v5i2.2229

Abstract

Pembuatan media pembelajaran di dunia pedidikan semakin banyak dibuat dengan memanfaatkan tekonogi informasi dan seiring dengan kemajuan IPTEK. Maka dibutuhkan pembaharuan model pembelajaran ke dalam media pembelajaran multimedia secara visual yang dapat memberikan cara pembelajaran multimedia yang lebih menarik dan menyenangkan. Dimana proses pembelajaran multimedia yang menyajikan gambar sebenarnya tanpa memegang dan melihat bendanya secara nyata. Dengan adanya aplikasi visual dapat mewakilkan benda aslinya sehingga dapat membantu siswa untuk berimplementasi secara langsung dengan benda yang dipelajari tanpa harus bersentuhan dengan peralatannya. Dari hasil penelitian pembuatan media pembelajaran multimedia dan untuk lebih memaksimalkan penggunaan media pembelajaran dibutuhkan pendampingan penggunaan kepada siswa dan siswi. Sehingga pada pengambdian ini dilakukan sosialisasi dan pendampingan terhadap penggunaan media pembelajaran untuk kalangan siswa siswi jurusan mutimedia di SMK Negeri 1 Banyuwangi
Application design for web-based car services to increase work time estimates Febriyanti, Shinta; Solehatin, Solehatin
Journal of Student Research Exploration Vol. 2 No. 1: January 2024
Publisher : SHM Publisher

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.52465/josre.v2i1.231

Abstract

The aim of this research is to increase the estimated service process time by creating an online-based car service ordering application at the Sinar Jaya repair shop and introducing information about Sinar Jaya car service services to the wider public. In this information systems research, the author of this research software development method uses the waterfall model development method. By implementing a waterfall, the research stages carried out by researchers start from data analysis, system analysis, system design, implementation, and testing. Creating a website-based car service ordering application at the Sinar Jaya Workshop can help customers find out the information available at the Sinar Jaya Workshop and the car service ordering process. Before there was an application, customers had to come to the location to place an order, so it took a long time to arrive at the location. So, with the online booking application, you can save time in the service process and get a queue number online. The data processing process for ordering car services becomes more practical so that it can be processed properly by the admin.
Enhance the User Interface Design of the booking application at Rana Photo Studio by applying the User-Centered Design (UCD) method Nuria, Putri; Septiana E.P, Ellyv; Safitri, Ayin Dewi; Solehatin, Solehatin
ULTIMA InfoSys Vol 15 No 1 (2024): Ultima Infosys : Jurnal Ilmu Sistem Informasi
Publisher : Universitas Multimedia Nusantara

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.31937/si.v15i1.3463

Abstract

The goal of this research is to create an interface design for a photo studio booking application. The User Centered Design (UCD) method will be used to prioritize the user interface and user experience. The success of the UI/UX design will be validated by involving users directly throughout the development cycle using UCD principles. This will include collecting feedback and continuously improving the design based on user input. The research conducted in this study involved the User Created Design method, which utilized an interactive user interface to enable easy booking of studios with a convenient and efficient booking system for customers to use anywhere and anytime. Online booking overcomes the challenge of scheduling difficulties. The information system is treated with accuracy and appropriateness to ensure direct user accessibility. The research was conducted in three stages, starting with the initial stage of data collection and literature study, followed by the UCD Method Development stage, where the method was developed and solutions to early-stage problems were sought. The final stage included a decision-making process based on the conclusions drawn from the insights of five audiences. Through the application of the User Centered Design method, this research has successfully developed a UI/UX design that meticulously takes into account the users' needs during the studio photo booking process. The evaluation results derived from user feedback has increased the system's effectiveness, provided an intuitive and delightful user experience, and ensured optimal user engagement throughout the entire ordering journey. Based on the evaluation results of user responses, it can be concluded that the system has been successful in providing an intuitive and satisfying experience. Users have given positive feedback regarding the effectiveness of the user interface (UI) and user experience (UX), which indicates significant improvements in system navigation and the ease of the ordering process. A deep understanding of user needs, along with continuous iteration based on feedback, has resulted in a positive experience and ensured a high level of satisfaction with the use of this studio photo booking system. Keywords: Information System, UI/UX, User-Centered Design (UCD), Online Booking.
KLINIK PENDAMPINGAN BAGI PERANGKAT DESA DENGAN TEMA PELATIHAN KOMPUTER GUNA MENUNJANG MELEK INFORMASI TEKNOLOGI DIDESA KEDAYUNAN KECAMATAN KABAT KABUPATEN BANYUWANGI Solehatin, Solehatin; Mariam, Mualifatul Rizma
JURDIMAS : Jurnal Pengabdian Masyrakat Universitas DIPA Makassar Vol. 3 No. 1 (2024): Jurnal Pengabdian Masyarakat (JURDIMAS)
Publisher : JURDIMAS : Jurnal Pengabdian Masyrakat Universitas DIPA Makassar

Show Abstract | Download Original | Original Source | Check in Google Scholar

Abstract

Sistem pelayanan di tingkat desa masih terdapat hambatan dalam proses pemberian pelayanan pada masyarakatnya. Hambatan yang ada seiring dengan pemanfaatan bidang IT adalah kurangnya pengetahuan dan terampilan pemanfaatan teknologi informasi dan komunikasi khususnya pada pemanfaatan aplikasi komputer yang dapat mendukung pelayanan masyarakat. Hambatan yang kedua minimnya perangkat Desa yang melek IT dalam membantu pelayanan dengan layanan komputerisasi. Sedangkan dukungan Pemerintah Kabupaten Banyuwangi dalam layanan IT dan pemberian free Wi-Fi pada desa dengan tujuan Desa ku melek IT. Berdasarkan dengan hambatan dan dukungan yang adapada Kantor Desa Kedayunan dalam kebutuhan di dunia IT, maka gagasan untuk membantu terlaksanakannya program pemerintah Banyuwangi disini penulis akan melaksanakan kegiatan Pengabdian Masyarakat. Pengabdiannya berupa pemberian Pelatihan Aplikasi Paket Program MSOffice dan pengarsipan serta pengolahan data yang terkomputerisasi (berupa e-mail) untuk Aparatur Pemerintahan(perangkatdesa) Tujuandiselenggarakannya PelatihanAplikasi PaketProgram Microsoft Office dan pembelajaran e-mail ini adalah keinginan untuk ikut serta mengimplementasikan kebijakan pemerintah dalam meningkatkan kemampuan aparatur negara, khususnya aparatur Pemerintahan Desa Kedayunan, Kecamatan Kabat, Kab Banyuwangi. Kegiatan ini sejalan dengan upaya pemerintah dalam rangka menciptakan sosok birokrasi yang melek dengan dunia IT dalam bekerja melayani masyarakat umum yang membutuhkannya.
Integrasi Barcode Dan Whatsapp API Dalam Pengembangan Backend Aplikasi E-Presensi Berbasis Online SMP Negeri 2 Kalipuro Banyuwangi Patricia, Rani; Solehatin, Solehatin; Hadiq, Hadiq
Informatics and Digital Expert (INDEX) Vol. 8 No. 1 (2026): INDEX, Mei 2026
Publisher : LPPM Universitas Perjuangan Tasikmalaya

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.36423/index.v8i1.2483

Abstract

Diperlukan sistem presensi berbasis digital dengan dukungan backend yang mampu mengelola data terstruktur, real-time, terintegrasi dengan fitur notifikasi. Dalam mewujudkan sistem real-time maka penelitian ini bertujuan untuk mengoptimalkan fungsi backed pada aplikasi E-Presensi siswa berbasis web menggunakan barcode. Backend diterapkan agar data hasil scan siswa diproses otomatis, disimpan, lalu diteruskan menjadi informasi yang dikirim ke wali murid melalui WhatsApp. Metode penelitian mencakup tahap analisis kebutuhan presensi hingga notifikasi WhatsApp API. Selanjutnya, tahap perancangan alur sistem menggunakan UML. Tahap implementasi kode menggunakan JavaScript dan TypeScript untuk membangun API presensi serta integrasi WhatsApp API, tahap pengujian guna memastikan sistem berjalan sesuai kebutuhan. Tahap penerapan backend di server agar dapat digunakan oleh sekolah, serta pemeliharaan agar sistem stabil. Metode penelitian ini menggunakan metode Waterfall yang difokuskan pada tahap Perancangan sistem. Tahap Perancangan mencakup pembuatan block diagram untuk menggambarkan hubungan antar komponen sistem, Use Case untuk menggambarkan interaksi antar pengguna dan sistem, serta Flowchart untuk menunjukkan alur proses absensi hinggan notifikasi melalui REST API. Backend yang dikembangkan berhasil mengelola data presensi secara real-time sebesar 80%, mendukung proses autentikasi pengguna (Admin dan Kepala Sekolah), mengatur alur pemrosesan data hasil scan barcode, serta terhubung langsung dengan database dan WhatsApp API. Sistem ini mampu mencatat kehadiran siswa dengan akurat, menyajikan data presensi yang konsisten, serta mengirimkan notifikasi otomatis kepada wali murid tanpa keterlambatan. Keterbaruan penelitian ini terletak pada rancangan backend yang mengirimkan notifikasi informasi E-presensi melalui WhatsApp API secara real-time, sehingga komunikasi antara SMP Negeri 2 kalipuro Banyuwangi dan wali murid menjadi lebih transparan, cepat, dan akurat.
Penerapan Metode RAD (Rappid Application Development) Pada E-Presensi Siswa Berbasis Barcode Di SMP Negeri 2 Kalipuro Andriyani, Lina; Solehatin, Solehatin; Hadiq, Hadiq
Informatics and Digital Expert (INDEX) Vol. 8 No. 1 (2026): INDEX, Mei 2026
Publisher : LPPM Universitas Perjuangan Tasikmalaya

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.36423/index.v8i1.2484

Abstract

Perkembangan teknologi menuntut pengelolaan data yang terstruktur, konsisten, dan dapat diakses secara realtime. Sistem presensi manual di SMP Negeri 2 Kalipuro sering menimbulkan keterlambatan rekap, kesalahan input, serta kurangnya transparansi informasi kehadiran bagi orang tua. Penelitian ini bertujuan membangun E-Presensi siswa berbasis barcode yang mampu menyajikan pencatatan kehadiran lebih cepat, akurat, dan dapat dipantau secara langsung. Penelitian menggunakan metode Rapid Application Development (RAD) dengan empat tahapan utama, yaitu Requirement Planning untuk mengumpulkan kebutuhan pengguna, user design untuk merancang antarmuka presensi berbasis barcode, Construction dalam bentuk pembangunan sistem sesuai rancangan, serta Cutover berupa implementasi dan pengujian sistem secara langsung kepada pengguna. Pendekatan RAD dipilih karena mampu mempercepat proses pengembangan aplikasi dengan melibatkan pengguna pada setiap tahapan. Data pemindaian barcode siswa langsung tersimpan dan ditampilkan secara realtime, sehingga mempermudah pemantauan kehadiran dan mempercepat rekap administrasi sekolah. Sistem ini mengurangi kesalahan pencatatan karena proses absensi berlangsung otomatis dan transparan. Keterbaruan penelitian terletak pada penerapan metode RAD dalam pengembangan E-Presensi berbasis barcode yang terintegrasi realtime, serta dilengkapi notifikasi kehadiran bagi orang tua, sehingga lebih relevan dibanding penelitian sebelumnya yang masih mengandalkan pencatatan manual.
Perancangan User interface E-Presensi Siswa Berbasis Design Thinking dengan Integrasi Notifikasi WhatsApp di SMP Negeri 2 Kalipuro Banyuwangi Nabila, Elsa; Solehatin, Solehatin; Hadiq, Hadiq
Informatics and Digital Expert (INDEX) Vol. 8 No. 1 (2026): INDEX, Mei 2026
Publisher : LPPM Universitas Perjuangan Tasikmalaya

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.36423/index.v8i1.2485

Abstract

Perkembangan teknologi digital mendorong pemanfaatan sistem informasi dalam mendukung kegiatan sekolah, termasuk dalam pencatatan kehadiran siswa. Namun, proses presensi di SMP Negeri 2 Kalipuro Banyuwangi masih dilakukan secara manual sehingga menimbulkan permasalahan seperti keterlambatan pencatatan, kurangnya efisiensi, serta keterbatasan informasi bagi wali murid. Penelitian ini bertujuan untuk merancang user interface aplikasi E-Presensi siswa berbasis dengan menerapkan metode Design Thinking serta mengintegrasikan notifikasi WhatsApp sebagai media penyampaian informasi kehadiran secara real-time. Metode Design Thinking digunakan melalui lima tahapan, yaitu Empathize, Define, Ideate, prototype, dan test. Sistem yang dirancang telah diimplementasikan dalam bentuk aplikasi berbasis web yang telah di hosting sehingga dapat diakses secara online oleh pengguna. Pengujian dilakukan menggunakan metode BlackBox Testing serta evaluasi pengguna terhadap antarmuka sistem. Hasil pengujian menunjukkan bahwa sistem memiliki tingkat keberhasilan fungsional sebesar 83%, sedangkan hasil evaluasi usability memperoleh nilai sebesar 90%, yang menunjukkan bahwa sistem mudah digunakan dan sesuai dengan kebutuhan pengguna. Selain itu, integrasi notifikasi WhatsApp mampu meningkatkan efektivitas penyampaian informasi kehadiran siswa kepada wali murid. Dengan demikian, penerapan metode Design Thinking terbukti efektif dalam menghasilkan rancangan antarmuka yang tidak hanya fungsional, tetapi juga memberikan pengalaman pengguna yang baik serta mendukung efisiensi proses presensi di sekolah.
Pengembangan Sistem Pencatatan Pesanan Laundry Berbasis Web Menggunakan Metode Rapid Application Development (RAD) Primayatna, Ibnu Akbar; Harlina, Tintin; Solehatin, Solehatin
Informatics and Digital Expert (INDEX) Vol. 8 No. 1 (2026): INDEX, Mei 2026
Publisher : LPPM Universitas Perjuangan Tasikmalaya

Show Abstract | Download Original | Original Source | Check in Google Scholar | DOI: 10.36423/index.v8i1.2522

Abstract

Penelitian ini bertujuan mengembangkan sistem pencatatan pesanan laundry berbasis web untuk menggantikan proses manual pada Laundry Mbak Suprih Banyuwangi yang masih menggunakan buku tulis. Sistem manual tersebut sering menimbulkan kesalahan pencatatan, keterlambatan pencarian data, serta risiko kehilangan informasi sehingga menurunkan efisiensi operasional. Pengembangan sistem dilakukan menggunakan metode Rapid Application Development (RAD), yang terdiri atas empat tahap: Requirement Planning, User Design, Construction, dan Cutover. Pada tahap Requirement Planning dilakukan pengumpulan kebutuhan melalui wawancara dan observasi langsung terhadap alur kerja laundry. Tahap User Design menghasilkan rancangan antarmuka dan alur sistem melalui proses prototyping, penyempurnaan, dan pengujian awal bersama pemilik laundry. Tahap Construction merealisasikan desain menjadi aplikasi web menggunakan framework Next.js dan Supabase Realtime Database, sehingga pencatatan dan pembaruan data pesanan dapat ditampilkan secara otomatis tanpa memuat ulang halaman. Selanjutnya, tahap Cutover melibatkan uji coba lapangan menggunakan metode blackbox untuk memastikan seluruh fitur berjalan sesuai kebutuhan operasional. Hasil penelitian menunjukkan bahwa sistem mampu mempercepat proses pencatatan pesanan, meningkatkan ketepatan data, serta memudahkan admin dalam memantau status cucian dan menghasilkan laporan secara instan. Dengan demikian, sistem pencatatan pesanan berbasis web ini dinilai efektif menggantikan proses manual serta meningkatkan efisiensi layanan pada Laundry Mbak Suprih Banyuwangi.