METHOMIKA: Jurnal Manajemen Informatika & Komputerisasi Akuntansi Vol.
8 No.
1 (April 2.
ISSN: 2598-8565 .
edia ceta.
ISSN: 2620-4339 .
edia onlin.
ANALISIS & PERANCANGAN SISTEM INFORMASI UKM BERBASIS WEB
UNIVERSITAS NASIONAL KARANGTURI
Christopher Nikolas Yonatan.
Muhammad Zakki AbdillahA Program Studi Sistem Informasi.
Universitas Nasional Karangturi Semarang.
Indonesia Email: m.
abdillah@gmail.
DOI: https://doi.
org/10.
46880/jmika.
Vol8No1.
ABSTRACT
The UKM (Student Activity Uni.
information system is one of the supporting factors for the progress of a university, especially for Unkartur (Karangturi National Universit.
which currently requires online UKM data This research aims to analyze and design a web-based UKM information system for Unkartur.
The author hopes that the interface design resulting from this research will help Unkartur in solving problems regarding the need for online SME data management.
The methods used in this research are UML (Unified Modeling Languag.
and ERD (Entity Relationship Diagra.
Keyword: UML.
ERD.
Designing.
Analysis.
ABSTRAK
Sistem informasi UKM (Unit Kegiatan Mahasisw.
menjadi salah satu faktor pendukung kemajuan suatu perguruan tinggi khususnya bagi Unkartur (Universitas Nasional Karangtur.
yang saat ini membutuhkan pengelolaan data UKM secara online.
Penelitian ini bertujuan untuk menganilisis dan merancang sistem informasi UKM berbasis web bagi Unkartur.
Penulis berharap bahwa perancangan antarmuka yang menjadi hasil dari penelitian ini akan membantu Unkartur dalam memecahkan permasalahan mengenai kebutuhan pengelolaan data UKM secara online.
Metode yang digunakan dalam penelitian ini adalah UML (Unified Modelling Languag.
dan ERD (Entity Relationship Diagra.
Kata Kunci: UML.
ERD.
Perancangan.
Analisis.
PENDAHULUAN
Kemajuan teknologi dan sistem informasi dalam beberapa tahun belakangan ini sangatlah pesat.
Bahkan hari demi hari selalu ada penemuan terbaru terkait teknologi maupun sistem informasi yang menjadikan ilmu pengetahuan dalam bidang teknologi dan sistem informasi sangatlah penting untuk dipelajari bahkan dikuasai (Kristianingrum & Al-Fadillah, 2.
Oleh karenanya, kehadiran teknologi dan sistem informasi telah menjadi kebutuhan dasar bagi suatu instansi untuk menjalankan proses bisnisnya (Aldino et al.
, 2.
Perangkat seperti komputer merupakan sarana yang penting dalam era digitalisasi saat ini, karena komputer memudahkan para stakeholder dalam mengolah dan mencari data yang diperlukan dengan cepat (Maulidda & Jaya, 2.
Dengan adanya sistem informasi, kinerja dari suatu instansi akan terlaksana lebih baik dan efisian dalam hal pengolahan data (Pasaribu, 2.
Unkartur (Universitas Nasional Karangtur.
sebagai salah satu perguruan tinggi swasta yang belum lama ini berdiri dikota Semarang tentunya memahami betul pentingnya pemanfaatan teknologi untuk mewujudkan perguruan tinggi yang berdaya saing baik di lingkungan kota, provinsi maupun nasional (Widjaja et al.
, 2.
Unkartur menyediakan suatu wadah bagi mahasiswa untuk mengembangkan bakat non akademisnya melalui UKM (Unit Kegiatan Mahasisw.
Permasalahan yang penulis identifikasi pada Unkartur dalam pengelolaan UKM adalah sebagai UKM pada Unkartur belum memanfaatkan teknologi dalam pengelolaan datanya, sehingga seluruh pendataan pada UKM masih dilakukan secara manual.
Mahasiswa kesulitan untuk mendapatkan informasi mengenai salah satu UKM yang kampus sediakan.
Proses pendaftaran UKM masih dilakukan secara manual yang membuat mahasiswa merasa malas ketika ingin mendaftar, karena harus meluangkan waktu untuk pergi ke kampus dengan kesibukan masing-masing mahasiswa yang berbeda.
Berdasarkan ketiga permasalahan diatas penulis mendorong gagasan penelitian dengan melakukan analisis dan perancangan sistem informasi UKM berbasis web dalam bentuk UML (Unified Modelling Halaman 26 METHOMIKA: Jurnal Manajemen Informatika & Komputerisasi Akuntansi Vol.
8 No.
1 (April 2.
Languag.
dan ERD (Entity Relationship Diagra.
di Universitas Nasional Karangturi (M.
Zakki Abdillah et , 2.
Karena jika ketiga permasalaham tersebut dibiarkan berlarut-larut maka berbagai UKM yang telah kampus sediakan bagi mahasiswa akan sepi
TINJAUAN PUSTAKA
Use Case Diagram Diagram ini menggambarkan siapa user yang akan memakai sistem dan dengan cara apa user berinteraksi dengan sistem tersebut (Sinukun et al.
Penggambaran suatu use case dituangkan kedalam bentuk elips horizontal didalam diagram UML (Aulia, 2.
Acitivity Diagram Activity Diagram disusun menurut use case yang sebelumnya telah dibuat (Nugraha & Rosmeida.
ISSN: 2598-8565 .
edia ceta.
ISSN: 2620-4339 .
edia onlin.
Setibanya di halaman utama mahasiswa akan melakukan pengajuan keikutsertaan LK, dan dapat melakukan cek status pengajuan pada halaman cek status pengajuan.
Admin Disini, admin berperan sebagai pengawas sistem, yang juga dapat melakukan penambahan LK (Lembaga Kemahasiswaa.
Selain itu, admin juga dapat melakukan cek laporan LK, dan grafik penambahan peserta baru pada LK tertentu.
Admin LK Admin LK (Lembaga Kemahasiswa.
juga memiliki peran yang kurang lebih sama sepeti admin, namun admin LK tidak dapat melakukan penambahan LK baru.
Admin LK bertugas untuk mengelola LK tertentu dan dapat melakukan ubah deskripsi LK.
Sequence Diagram Sequence Diagram termasuk salah satu jenis diagram UML (Unified Modelling Languag.
yang menggambarkan urutan waktu pemrosesan pada sistem (Abdillah, 2.
Diagram ini berfungsi untuk mendeskripsikan hubungan antar objek dalam suatu sistem secara detail (Prasetya et al.
, 2.
Gambar 1.
Use Case Diagram Statemachine Diagram Menurut (Abdussalaam & Saputra, 2.
Statemachine Diagram merupakan penggambaran dari perubahan kondisi suatu objek dalam sistem, akibat dari stimuli yang diterima.
Entity Relationship Diagram ERD merupakan sebuah model jaringan yang memakai susun data yang kemudian disimpan dari sistem yang acak (Mardiyati et al.
, 2.
ERD
membantu menjabarkan hubungan yang dilakukan oleh antar entitas (Bachtiar et al.
, 2.
Untuk masuk ke halaman utama, user harus terlebih dulu masuk kedalam aplikasi dan melakukan sesi login.
User memasukkan username & password
yang kemudian akan terlebih dulu di validasi oleh Jika username & password valid maka sistem
akan menampilkan halaman utama, namun jika tidak valid maka sistem akan kembali menampilkan form
METODE PENELITIAN
Untuk memastikan bahwa suatu sistem dapat berjalan, terlebih dulu dilakukan analisis menggunakan metode UML (Unified Modelling Languag.
sebagai gambaran mengenai urutan dan proses yang berjalan.
Mahasiswa Untuk melakukan pendaftaran LK (Lembaga Kemahasiswa.
mahasiswa akan terlebih dulu melakukan register untuk dapat login ke halaman Gambar 2.
Activity Diagram User Login Halaman 27 METHOMIKA: Jurnal Manajemen Informatika & Komputerisasi Akuntansi Vol.
8 No.
1 (April 2.
ISSN: 2598-8565 .
edia ceta.
ISSN: 2620-4339 .
edia onlin.
User .
dapat melakukan pengajuan keikutsertaan LK (Lembaga Kemahasiswaa.
dengan klik salah satu LK kemudian mengisi form pengajuan Setelah itu, user dapat melakukan cek status pengajuan LK pada halaman daftar LK.
Gambar 5.
Activity Diagram Admin Tambah LK Gambar 3.
Activity Diagram Mahasiswa Melakukan Pendaftaran LK dan Cek Status Pendaftaran User dapat melakukan cek profil dengan klik halaman profil.
Sistem akan menampilkan halaman profil user yang memuat data user, dan jika user merasa adanya data yang kurang tepat maka user dapat mengubah data tersebut dengan klik ubah.
Aktivitas cek laporan LK (Lembaga Kemahasiswaa.
hanya dapat dilakukan oleh admin dan admin LK.
User dapat klik halaman laporan LK, dan setibanya di halaman laporan LK yang menampilkan sebuah tabel, user dapat klik salah satu LK pada kolom daftar peserta.
Sistem kemudian akan menampilkan tabel daftar peserta, dan untuk melihat data peserta, user dapat klik salah satu nama dimana sistem kemudian akan menampilkan data peserta LK.
Gambar 6.
Activity Diagram Admin & Admin LK Cek Laporan LK Gambar 4.
Activity Diagram Mahasiswa Cek Profil Aktivitas (Lembaga Kemahasiswaa.
hanya dapat dilakukan oleh admin .
dengan masuk ke halaman tambah LK (Lembaga Kemahasiswaa.
, dimana sistem kemudian akan menampilkan halaman daftar LK.
Admin dapat klik simbol Au Ay dan sistem kemudian menampilkan halaman form tambah LK yang harus admin lengkap sebelum melakukan submit.
Cek grafik LK (Lembaga Kemahasiswaa.
hanya dapat dilakukan oleh admin dan admin LK.
User dapat masuk ke halaman grafik LK, dimana sistem kemudian akan menampilkan halaman grafik yang memuat data tentang masing-masing LK yang dapat user sortir sesuai kebutuhan.
Halaman 28 METHOMIKA: Jurnal Manajemen Informatika & Komputerisasi Akuntansi Vol.
8 No.
1 (April 2.
ISSN: 2598-8565 .
edia ceta.
ISSN: 2620-4339 .
edia onlin.
Setelah melakukan sesi login, mahasiswa .
dapat melakukan pengajuan pendaftaran LK (Lembaga Kemahasiswaa.
dengan klik salah satu LK pilihan.
Sistem kemudian menampilkan halaman deskripsi LK, dan user dapat klik pengajuan keikutsertaan dengan mengisi form pengajuan LK.
Setelah melakukan pengajuan keikutsertaan, user dapat pergi ke halaman cek pengajuan untuk mengetahui status pengajuan keikutsertaan, apakah disetujui ataukah ditolak.
Gambar 7.
Activity Diagram Admin & Admin LK Cek Grafik LK Aktivitas ubah deskripsi LK (Lembaga Kemahasiswaa.
hanya dapat dilakukan oleh admin LK.
Admin LK dapat mengubah deskripsi LK pada halaman utama yang langsung memuat informasi tentang LK dengan klik ubah, kemudian sistem akan menampilkan halaman ubah deskripsi LK.
User dapat mengubah deskripsi apapun yang diinginkan pada halaman ini kemudian klik simpan.
Gambar 10.
Sequence Diagram Mahasiswa Melakukan Pendaftaran LK dan Cek Status Pendaftaran Selain melakukan pengajuan keikutsertaan dan melakukan cek pengajuan LK, mahasiswa .
dapat melakukan cek profil.
Mahasiswa dapat pergi ke halaman profil, dimana sistem kemudian akan menampilkan halalaman profil.
Pada halaman ini, mahasiswa dapat mengubah data yang dirasa kurang tepat, dan setelah dirasa benar mahasiswa dapat klik Gambar 8.
Activity Diagram Admin LK Ubah Deskripsi LK Sebelum masuk kedalam halaman utama, user terlebih dulu melakukan sesi login.
Pada halaman user login, user memasukan username & password yang kemudian akan di validasi oleh sistem didalam databse.
Jika username & password yang user masukkan tidak valid maka sistem akan kembali ke halaman user login, namun jika valid sistem akan menampilkan halaman Gambar 11.
Sequence Diagram Mahasiswa Cek Profil Aktivitas (Lembaga Kemahasiswaa.
hanya dapat dilakukan oleh admin.
Untuk melakukan aktivitas ini, admin dapat melakukan login kemudian setibanya di halaman utama, admin dapat klik halaman daftar LK.
Setelah sistem menampilkan halaman daftar LK, admin dapat klik simbol Au Ay dan sistem akan menampilkan halaman form tambah LK.
Form ini harus dilengkapi oleh admin sebelum klik tambahkan LK.
Gambar 9.
Sequence Diagram User Login Halaman 29 METHOMIKA: Jurnal Manajemen Informatika & Komputerisasi Akuntansi Vol.
8 No.
1 (April 2.
ISSN: 2598-8565 .
edia ceta.
ISSN: 2620-4339 .
edia onlin.
Gambar 12.
Sequence Diagram Admin Tambah LK Aktivitas cek laporan LK (Lembaga Kemahasiswaa.
hanya dapat dilakukan oleh admin dan admin LK.
Untuk melakukan aktivitas ini, user dapat menuju halaman laporan LK setelah melakukan sesi login.
Pada halaman tersebut, user dapat melihat data peserta pada LK tertentu, dengan klik lihat pada kolom tabel di halaman laporan LK.
Sistem kemudian menampilkan halaman daftar peserta LK, dan untuk melihat data peserta LK tersebut, user dapat klik salah satu nama peserta.
Gambar 15.
Sequence Diagram Admin LK Ubah Deskripsi LK Pada aktivitas login, pada halaman login terdapat 3 opsi yang user miliki yaitu login, registrasi, dan forgot password.
Jika belum memiliki username & password, user dapat terlebih dulu melakukan registrasi untuk mendapatkan username & password.
Setelahnya dapat melakukan sesi login, namun suatu ketika ingin melakukan login dan lupa dengan username & password yang telah dimiliki, maka user dapat melakukan forgot password.
Gambar 13.
Sequence Diagram Admin & Admin LK Cek Laporan LK Sama seperti aktivitas sebelumnya, aktivitas cek grafik LK (Lembaga Kemahasiswaa.
hanya dapat dilakukan oleh admin & admin LK.
Aktivitas ini sangat sederhana, karena user hanya perlu menuju halaman grafik LK, setelah melakukan sesi login.
Gambar 16.
Statemachine Diagram User Login Untuk melakukan cek pengajuan pendaftaran LK (Lembaga Kemahasiswaa.
, user harus terlebih dulu melakukan pendaftaran LK.
Sistem akan meminta data user berupa alasan ingin mengikuti LK, yang setelah user submit, maka sistem akan melakukan cek kelengkapan administrasi pendaftar.
Status pengajuan keikutsertaan user dapat diketahui pada halaman daftar LK, masih dalam proses, disetujui, ataukah ditolak.
Gambar 14.
Sequence Diagram Admin & Admin LK Cek Grafik LK Aktivitas ubah deksripsi LK (Lembaga Kemahasiswaa.
hanya dapat dilakukan oleh admin LK.
Setelah melakukan sesi login, user dapat langsung mengubah deskripsi LK, karena pada halaman utama admin LK berisikan deskripsi LK Gambar 17.
Statemachine Diagram Mahasiswa Melakukan Pendaftaran LK dan Cek Status Pendaftaran Halaman 30 METHOMIKA: Jurnal Manajemen Informatika & Komputerisasi Akuntansi Vol.
8 No.
1 (April 2.
Aktivitas cek profil dapat dilakukan setelah user melewati sesi login, dan setibanya di halaman utama user dapat klik profil untuk memerintahkan sistem menampilkan halaman profil.
Pada halaman ini, user dapat mengubah data diri yang bersifat opsional karena mungkin merasa bahwa terdapat data diri yang kurang tepat.
ISSN: 2598-8565 .
edia ceta.
ISSN: 2620-4339 .
edia onlin.
Aktivitas ini sangat sederhana untuk dilakukan, dimana user hanya perlu melakukan login, dan setibanya di halaman utama dapat mengunjungi halaman grafik LK (Lembaga Kemahasiswaa.
Gambar 21.
Statemachine Diagram Admin & Admin LK Cek Grafik LK Gambar 18.
Statemachine Diagram Mahasiswa Cek Profil Untuk (Lembaga Kemahasiswaa.
baru, user akan terlebih dulu melakukan sesi login.
Kemudian mengunjungi halaman daftar LK, dan klik simbol Au Ay.
Pada halaman form tambah LK, user akan diminta data mengenai LK baru yang ingin ditambahkan, setelah itu dapat melakukan submit Sama seperti aktivitas sebelumnya, aktivitas ini cukup simpel untuk dilakukan.
Dimana user dapat langsung melakukan ubah deskripsi LK (Lembaga Kemahasiswaa.
setelah melewati sesi login.
Gambar 22.
Statemachine Diagram Admin LK Ubah Deskripsi LK Entity Relationship Diagram (ERD) merupakan suatu desain dalam bentuk gambar yang memuat rancangan database.
Dengan adanya ERD, sistem database akan terlihat menjadi lebih terstruktur dan Gambar 19.
Statemachine Diagram Admin Tambah Aktivitas cek laporan LK (Lembaga Kemahasiswaa.
dapat dilakukan setelah melakukan sesi login.
User dapat mengunjungi halaman laporan LK yang memuat sebuah tabel dengan 3 kolom yang masing masing memuat data tentang daftar LK yang telah ditambahkan, daftar peserta tiap LK, dan total peserta tiap LK.
Pada kolom daftar peserta tiap LK, user dapat klik lihat untuk tiba di halaman daftar peserta LK.
Pada halaman ini, user dapat melihat data diri peserta dengan klik salah satu nama peserta.
Gambar 23.
Entity Relationship Diagram Tabel 1.
Penjelasan Entitas & Atribut Dari ERD Entitas Mahasiswa Akun Tabel LK Tabel Pengajuan LK Gambar 20.
Statemachine Diagram Admin & Admin LK Cek Laporan LK Daftar Peserta Atribut NIM.
Nama Lengkap.
Jurusan.
Email.
Alamat.
No.
Hp NIM.
Nama Lengkap.
Jurusan.
Email.
Alamat.
No.
Hp.
Status.
Tahun Aktif No.
LK.
Nama LK.
Deskripsi LK.
Jadwal Pelaksanaan.
Gambar LK Total Pengajuan LK.
Disetujui.
Ditolak.
Nama LK.
NIM.
Nama.
Jurusan Total.
NIM.
Nama LK.
Jurusan.
Disetujui.
Nama Peserta.
Alasan Mengikuti LK Halaman 31 METHOMIKA: Jurnal Manajemen Informatika & Komputerisasi Akuntansi Vol.
8 No.
1 (April 2.
Mahasiswa melakukan registrasi untuk membuat akun, dan dimintai data oleh sistem yaitu NIM.
Nama Lengkap.
Alamat.
Email.
No.
HP, dan Setelah membuat akun, mahasiswa dapat melakukan pendaftaran LK, dan dimintai data tentang (Lembaga Kemahasiswaa.
Setelah melakukan pengajuan pendaftaran LK, mahasiswa dapat melakukan cek pengajuan pada tabel pengajuan dengan sistem melakukan cek terhadap administrasi calon peserta.
Peserta yang pengajuannya disetujui oleh sistem akan terdaftar sebagai peserta LK, dimana sistem kemudian menyimpan data peserta seperti Total Peserta.
Nama LK.
NIM.
Jurusan.
Nama Peserta.
Alasan Peserta Mengikuti LK.
HASIL DAN PEMBAHASAN
Deskripsi Sistem Tujuan yang telah ditetapkan pada penelitian ini adalah perancangan aplikasi pendaftaran Unit Kegiatan Mahasiswa (UKM).
Perancangan aplikasi ini dibangun menggunakan PHP (Hypertext Preprocesso.
dan XAMPP MySQL untuk penyimpanan basis data.
Hasil dari perancangan yang telah disusun akan menghasilkan output dalam bentuk aplikasi, dan berikut merupakan output dari aplikasi yang telah Halaman Login User Sebelum ke halaman utama.
User memasukkan NIM (Nomor Induk Mahasisw.
sebagai username dan password pada halaman login.
Pada halaman login, user dapat melakukan 3 hal diantaranya :
Registrasi jika belum memiliki username & Melakukan login jika sudah memiliki username & Forgot password jika ketika user lupa dengan password nya.
ISSN: 2598-8565 .
edia ceta.
ISSN: 2620-4339 .
edia onlin.
Halaman Utama (Mahasisw.
Pada halaman utama, mahasiswa dapat melakukan aktivitas pengajuan pendaftaran LK (Lembaga Kemahasiswaa.
, dan melihat deskripsi pada LK tertentu yang dapat dilihat pada gambar dibawah ini.
Gambar 25.
Screenshot Halaman Utama Mahasiswa Aktivitas lainnya yang dapat mahasiswa lakukan adalah cek profil yang memuat data diri mahasiswa, yang dapat diubah jika dirasa terdapat data yang tidak sesuai.
Gambar 26.
Screenshoot Halaman Profil Mahasiswa Selain melakukan pengajuan pendaftaran LK (Lembaga Kemahasiswaa.
dan cek profil serta mengubah data pada profil, mahasiswa dapat melakukan cek status pengajuan pendaftaran dari LK yang telah dipilih, seperti gambar dibawah ini.
Gambar 27.
Screenshot Halaman Daftar LK Gambar 24.
Screenshot Halaman Login Halaman Utama (Admi.
Setelah melakukan sesi login, sistem akan menampilkan halaman utama user .
, dimana pada halaman ini memuat data tentang pertambahan Halaman 32 METHOMIKA: Jurnal Manajemen Informatika & Komputerisasi Akuntansi Vol.
8 No.
1 (April 2.
jumlah peserta pada LK (Lembaga Kemahasiswaa.
Sistem menyajikan data tersebut kedalam 2 diagram yaitu diagram batang, dan diagram lingkaran.
Kedua diagram ini menyajikan tipe data yang berbeda, dimana diagram batang menyajikan data pertambahan peserta dalam kurun waktu tertentu dengan angka, sementara diagram lingkaran menyajikan data tentang jurusan mana yang dominan menyumbang mahasiswanya mengikuti LK tertentu dalam data Untuk mengetahui pertambahan mahasiswa dalam kurun waktu tertentu, user dapat melakukan sortir pada kedua diagram tersebut.
ISSN: 2598-8565 .
edia ceta.
ISSN: 2620-4339 .
edia onlin.
laporan LK.
Kemudian sistem akan menampilkan halaman laporan LK yang memuat sebuah tabel dengan 3 kolom yang masing-masing, daftar LK yang telah terdaftar, daftar peserta LK, dan total peserta pada masing-masing LK.
Untuk melihat data peserta pada salah satu LK, user dapat klik lihat pada kolom daftar peserta LK disalah satu barisnya.
Sistem kemudian akan menampilkan sebuah tabel yang memuat namanama peserta yang tergabung kedalam LK tersebut.
User dapat klik salah satu nama yang kemudian sistem akan menampilkan data diri peserta.
Pada tabel daftar peserta LK, user dapat melakukan sortir jurusan para Sistem kemudian akan menampilkan namanama peserta sesuai jurusan yang disortir oleh user.
Aktivitas terakhir yang dapat user lakukan adalah cek grafik LK, yang memuat data yang tidak jauh berbeda dari gambar 28.
Gambar 28.
Screenshot Halaman Utama Admin Aktivitas lainnya yang dapat user .
lakukan adalah menambahkan LK (Lembaga Kemahasiswaa.
baru, dengan klik halaman daftar LK (Lembaga Kemahasiswaa.
kemudian klik simbol Au Ay pada tabel.
Kemudian sistem akan menampilkan halaman form tambah LK, dimana user harus melengkapi form yang berisikan nama lengkap LK, deskripsi LK, berapa kali LK dilaksanakan dalam Ketika user memilih lebih dari sekali pelaksanaan dalam seminggu, maka form pun akan bertambah sesuai jumlah pelaksanaan yang user Setelah melengkapi seluruh data yang diminta oleh sistem, user dapat klik tambahkan.
Gambar 30.
Screenshot Halaman Laporan LK Halaman Utama (Admin LK) Setelah melakukan sesi login sistem akan menampilkan halaman utama yang memuat deskripsi LK (Lembaga Kemahasiswaa.
, dimana deskripsi LK dapat langsung diubah oleh user jika dirasa asa deskripsi yang perlu ditambahkan atau keliru.
User dapat klik ubah pada bagian bawah kiri deskripsi LK, dimana sistem kemudian akan menampilkan halaman ubah deskripsi LK.
Tak hanya dapat mengubah deskripsi LK, user juga dapat mengubah gambar maupun simbol yang ada pada halaman ini.
Gambar 29.
Screenshot Halaman Daftar LK Selain dapat menambah LK (Lembaga Kemahasiswaan ) baru, user dapat melakukan cek Gambar 31.
Screenshot Halaman Utama Admin LK Halaman 33 METHOMIKA: Jurnal Manajemen Informatika & Komputerisasi Akuntansi Vol.
8 No.
1 (April 2.
Selain dapat melakukan aktivitas ubah deksripsi LK, user dapat melakukan cek daftar peserta LK.
Pada halaman ini, user dapat melakukan sortir jurusan peserta yang terletak pada bagian atas kanan tabel daftar peserta.
Sortir tersebut berfungsi untuk menyortir peserta berdasarkan jurusan masing-masing Selain itu, user dapat melihat data diri mahasiswa dengan klik salah satu nama peserta, dimana sistem kemudian akan menampilkan data diri lengkap dari peserta.
Gambar 53.
Screenshot Halaman Daftar Peserta LK Aktivitas terakhir yang dapat user lakukan adalah cek grafik LK (Lembaga Kemahasiswaa.
, dimana halaman ini memuat informasi tentang banyaknya mahasiswa pada jurusan tertentu yang mengikuti LK tertentu.
Pada halaman ini terdapat 2 diagram yaitu diagram batang dan diagram lingkaran.
Diagram batang memuat datang tentang jumlah mahasiswa yang mengikuti LK tersebut kedalam angka, dengan deskripsi disampingnya yang memuat informasi tentang penambahan peserta dalam kurun waktu tertentu.
Sementara diagram lingkaran memuat data tentang dominasi mahasiswa pada jurusan tertentu yang mengikuti LK tersebut kedalam persen, dengan deskripsi disampingnya.
Gambar 32.
Screenshot Halaman Grafik LK
KESIMPULAN
Kesimpulan dari perancangan sistem informasi UKM (Unit Kegiatan Mahasisw.
ini adalah, bahwa perancangan ini dibuat dengan tool canva dengan metode pemodelan UML (Unified Modelling ISSN: 2598-8565 .
edia ceta.
ISSN: 2620-4339 .
edia onlin.
Languang.
ERD (Entity Relationship Diagra.
serta menggunakan MyQL sebagai penyimpanan basis data.
Dari perancangan antarmuka ini, dihasilkan halaman mahasiswa yang hanya dapat diakses oleh mahasiswa.
Pada halaman ini terdapat halaman utama yang digunakan sebagai pengajuan pendaftaran UKM, halaman profil, halaman daftar LK yang digunakan untuk melakukan cek status pengajuan, dan fungsi Kemudian ada halaman admin yang berisi halaman utama, halaman daftar LK untuk menambahkan LK baru, halaman laporan LK untuk melakukan cek data peserta masing-masing LK, halaman grafik, dan fungsi logout.
Yang terakhir halaman admin LK, berisikan halaman utama untuk mengubah deskripsi LK, halaman laporan LK, halaman grafik LK, dan fungsi logout.
Dengan adanya aplikasi ini, akan memudahkan perguruan tinggi untuk mengelola dan mengembangkan UKM (Unit Kegiatan Mahasisw.
dengan pemanfaatan teknologi informasi, begitupun bagi mahasiswa yang dimudahkan untuk melakukan pendaftaran LK, karena aplikasi ini memuat berbagai informasi tentang LK yang telah perguruan tinggi sediakan.
Penulis sadar bahwa perancangan aplikasi pendaftaran UKM (Unit Kegiatan Mahasisw.
ini memiliki banyak kekurangan, baik dari segi perancangan antarmuka maupun metode yang Maka dari itu, penulis berharap bahwa penelitian ini dapat menjadi pembelajaran untuk penelitian-penelitian Untuk pengembangan lebih lanjut, diharapkan mampu mengembangkan perancangan aplikasi ini, agar memiliki cakupan yang lebih luas tidak hanya sebatas pendaftaran UKM saja, tentunya dengan antarmuka yang lebih menarik.
DAFTAR PUSTAKA