Gambaran Singkat Aplikasi

(1)

Gambaran Singkat Aplikasi

1.1. Ringkasan Aplikasi

Aplikasi Pemantauan dan Evaluasi Peringkat Akreditasi Program Studi atau yang disebut dengan nama lain “PEPA” merupakan aplikasi berbasis web.

Aplikasi ini merupakan sebuah portal bagi para user yaitu progdi-progdi di Universitas Kristen Satya Wacana untuk memantau hasil dari data akreditasi yang mereka inputkan ke Lembaga Penjaminan Mutu Universitas Kristen Satya Wacana. Aplikasi ini dibangun dengan 2 akses yaitu Admin dan User dimana Admin bertugas dalam mengatur akun-akun User dan melakukan pengolahan data di dalam aplikasi agar bisa dilihat oleh para User

Aplikasi ini disusun dengan framework Codeigniter 3 dimana framework ini menggunakan basis beberapa bahasa pemrograman dalam penyusunannya seperti PHP, Javascript, dan HTML.

1.2. Desain Sistem

Dalam desain sistem sendiri menggunakan pemetaan sistem Diagram UML (Unified Modeling Language). UML merupakan suatu metode untuk

melakukan pemodelan secara visual yang digunakan untuk sarana perancangan sistem berorientasi objek.

1.2.1 Use Case Diagram

Untuk memperjelas fungsi dalam aplikasi PEPA. Maka Use Case Diagram akan ditampilkan seperti demikian.

Gambar 1. 1 Use Case Diagram

(2)

Pada menu Dashboard dalam pengaksesan Admin. Menu ini akan menampilkan daftar dari akun akun Admin dan User yang terdaftar di database aplikasi PEPA. Admin memiliki wewenang untuk melakukan penambahan,perubahan,dan penghapusan data data akun yang berada di dalam database aplikasi PEPA. Para User bisa melakukan proses login dengan menggunakan akun yang terdaftar di database aplikasi PEPA

Pada menu Input Data, Admin bertugas mengolah data-data yang diberikan oleh User (Progdi yang ada di Universitas Kristen Satya Wacana).

Data-data tersebut akan diproses dan di record kedalam Database aplikasi PEPA dan data tersebut bisa dilihat oleh User sesuai dengan data progdi mereka masing-masing.

Pada menu View Data, User bisa melihat data-data progdi mereka yang sudah diolah oleh Admin. Tidak seperti Admin , User tidak bisa mengubah atau menghapus data.

1.2.2 Activity Diagram

Activity Diagram memodelkan aktivitas aktivitas apa saja yang terjadi di dalam suatu sistem yang berjalan. Diagram ini memiliki beberapa komponen yang diarahkan menggunakan tanda panah yang menunjukkan alur kerja aplikasi dari awal sampai akhir.

(3)

1.2.2.1 Admin Dashboard

Gambar 1. 2 Diagram Activity Admin Dashboard

Pada gambar 1.2 merupakan Diagram Activity Admin Dashboard dimana pengguna ingin melakukan pengelolaan data akun dari pengguna yang ada di dalam aplikasi sehingga pengguna harus masuk terlebih dahulu sebagai Admin dan melakukan pengelolaan secara menyeluruh.

(4)

1.2.2.2 Admin Input Data

Gambar 1. 3 Diagram Activity Admin Input Data

Pada Diagram Activity Admin Input Data terdapat proses yang mirip dengan diagram sebelumnya. Hanya saja dalam diagram ini, pengguna melakukan pengelolaan data terhadap data Akreditasi yang akan diproses nantinya. Data ini akan diteruskan ke pengguna User masing masing sesuai dengan akun yang digunakan.

(5)

1.2.2.3 User View Data

Gambar 1. 4 Diagram Activity User View Data

Berikut merupakan Diagram Activity User View Data. Dimana pengguna dengan role User bisa mengakses data hasil dari Akreditasi Progdi mereka sesuai dengan ID pengguna masing masing.

(6)

1.2.3 Use Case Diagram

Berikut merupakan Class Diagram dari aplikasi PEPA

Gambar 1. 5 Class Diagram

1.2.4 User Acceptance Test

Berikut adalah hasil dari User Acceptance Test yang dibuat dalam bentuk tabel

User Acceptance Test

No Proses Berhasil/Gagal Nama Penguji

1 Nama Uji : Login

Deskripsi Pengujian : Akses Login hanya bisa diakses oleh

pengguna terdaftar dan sesuai dengan role

Kasus Uji :

• Username

• Password

Hasil Yang Diharapkan :

• Jika berhasil maka akan

menampilkan ke halaman utama berdasarkan role akses

• Jika gagal, maka akan menampilkan error message

Berhasil ▪ Seprima Rachardian, S.Kom.

▪ Ricky Reza, S.Ds

▪ Nathanael Yoga Sayogya, S.E.

▪ Bernadine Jesica Lioni S T,S.Kom

2 Nama Uji : Admin Dashboard

Deskripsi Pengujian : Admin melakukan pengelolaan data akun ke dalam database

Kasus Uji :

(7)

• Data akun Hasil Yang Diharapkan :

• Jika berhasil maka data akan tersimpan ke dalam database dan akan ditampilkan di halaman

• Jika gagal, maka data tidak akan dimasukkan ke database

3 Nama Uji : Admin Input Data Deskripsi Pengujian : Admin melakukan

input data akreditasi ke dalam database

Kasus Uji :

• Data akreditasi progdi Hasil Yang Diharapkan :

• Jika berhasil maka data akan tersimpan ke dalam database dan akan ditampilkan di halaman

• Jika gagal, maka data tidak akan dimasukkan ke database

4 Nama Uji : Admin Edit Data

Deskripsi Pengujian : Admin melakukan edit atau update data akreditasi ke dalam database

Kasus Uji :

• Jika berhasil maka data akan diupdate ke dalam database dan akan ditampilkan di halaman

• Jika gagal, maka data tidak akan diubah ke database

5 Nama Uji : Admin Delete

Data

Deskripsi Pengujian : Admin melakukan delete data akreditasi di dalam database

Kasus Uji :

• Jika berhasil maka data akan terhapus di dalam database

• Jika gagal, maka data tidak akan dihapus di database

6 Nama Uji : Admin View

Detail Data

Deskripsi Pengujian : Admin mengambil dan melihat data secara spesifik

Kasus Uji :

• Data akreditasi progdi Hasil Yang DIharapkan :

(8)

• Jika berhasil maka data akan terhapus di dalam database

7 Nama Uji : Admin View

Detail Data

Deskripsi Pengujian : Admin mengambil dan melihat data secara spesifik dilengkapi dengan indikator apakah perhitungan data sudah “Terpenuhi”

atau “Tidak Terpenuhi”

Kasus Uji :

• Data akreditasi progdi Hasil Yang DIharapkan :

• Jika berhasil maka data akan ditampilkan di halaman detail

8 Nama Uji : User View Data

Deskripsi Pengujian : User mengambil dan melihat data secara spesifik dilengkapi dengan indikator apakah perhitungan data sudah “Terpenuhi”

atau “Tidak Terpenuhi”

Kasus Uji :

• Data akreditasi progdi User yang login

Hasil Yang Diharapkan :

• Jika berhasil maka data akan ditampilkan di halaman detail

(9)

User Manual

2.1 Informasi Dasar

Berikut adalah petunjuk penggunaan dari Aplikasi Pemantauan dan Evaluasi Peringkat Akreditasi (PEPA) Program Studi. Dalam penggunaan aplikasi ini, pengguna membutuhkan perangkat lunak :

• Operating System Windows, Mac, atau Linux

• Web Browser (Google Chrome, Mozilla Firefox, etc)

• XAMPP Control Panel (Disarankan menggunakan versi 3.3.0)

Terdapat dua jenis akun pengguna di dalam aplikasi ini yaitu

• Admin

• User

2.2 Struktur Menu

Struktur menu utama dalam aplikasi ini dibagi menjadi 2 bagian berdasarkan jenis akun yang masuk ke dalamnya :

1. Menu Admin Dashboard 2. Menu Admin Input Data 3. Menu User View Data 2.3 Penggunaan

Berikut akan dijelaskan cara menggunaan aplikasi PEPA, yaitu sebagai berikut:

2.3.1. Cara Membuka Aplikasi

Untuk Memulai akses silahkan membuka XAMPP Terlebih dahulu untuk menjalankan Server. Lalu silahkan start Apache dan MySQL seperti gambar berikut.

(10)

Gambar 2. 1 Start Apache dan MySQL di aplikasi XAMPP

Lalu bukalah Web Browser dan lakukan langkah berikut:

1. Masukkan tujuan halaman url dengan format localhost/projectTA.

2. Setelah itu, akan muncul halaman Login Page

3. Silahkan masukkan Email Address dan Password yang sudah terdaftar.

4. Setelah melakukan Login maka aplikasi akan membawa pengguna ke halaman sesuai dengan aksesnya

Gambar 2. 2Halaman Login 2.3.2. Halaman Admin Dashboard

Berikut adalah proses login dengan akses pengguna Admin maka pengguna akan diarahkan ke Halaman Admin Dashboard dimana data-data akun yang terdaftar di aplikasi PEPA akan diperlihatkan beserta menu opsinya.

(11)

Pengguna bisa melakukan beberapa opsi terhadap akun-akun yang terdaftar di aplikasi PEPA yaitu:

a. Tekan Button “Tambah Data” untuk melakukan Create Akun baru.

b. Tekan Button “Hapus” untuk melakukan Delete Akun yang dipilih.

c. Tekan Button “Ubah” untuk melakukan Edit Akun yang dipilih.

Gambar 2. 3Halaman Admin Dashboard 2.3.3. Halaman Registration

Halaman ini merupakan halaman yang akan dituju ketika pengguna menekan Button “Tambah Data” pada halaman Admin Dashboard. Halaman ini berisi beberapa kolom untuk melakukan penambahan data akun baru kedepannya. Silahkan isi sesuai petunjuk yang ada dari setiap kolom, lalu tekan Button “Add Account”. Setelah itu maka sistem akan membawa pengguna kembali ke halaman Dashboard

(12)

Gambar 2. 4Halaman Registration

2.3.4. Halaman Edit Account

Berikut merupakan halaman dari Edit Account. Halaman ini akan muncul ketika pengguna menekan Button “Ubah” sesuai dengan akun yang dipilih.

Terdapat kolom pengisian yang sama seperti halaman Registration, tetapi dengan data yang sudah tercatat di aplikasi. Pengguna bisa mengubah data yang sudah ada. Setelah itu tekan Button “Edit Account” untuk mengubah data yang dipilih.

Gambar 2. 5Halaman Edit Account

(13)

2.3.5. Halaman Admin Input Data

Halaman Input Data merupakan bagian dari halaman dimana pengguna dapat mengelola data-data yang diperlukan untuk proses penilaian dan evaluasi peringkat akreditasi program studi. Dalam Halaman Input Data, terdapat 3 fungsi untuk melakukan beberapa pengelolaan diantaranya:

a. Tekan Button “Tambah Data” untuk menambahkan data baru.

b. Tekan Button “Hapus” untuk melakukan Delete data yang dipilih.

c. Tekan Button “Ubah” untuk melakukan Edit data yang dipilih.

Gambar 2. 6Halaman Input Data 2.3.6. Halaman Input Data Akred

Pada bagian halaman ini, pengguna dapat memasukkan data sesuai dengan kolom input yang tersedia. Pengguna diminta untuk memilih daftar User, Fakultas, dan Akreditasi sebelumnya untuk memilih dimana nantinya data ini akan dimasukkan. Di bagian sub judul “Efektivitas dan Produktivitas Pendidikan”, pengguna diminta untuk memasukkan data sesuai dengan jenjang mereka dilihat dari warna tulisan yang bisa dilihat di bawah sub judul. Pengguna bisa menyesuaikan pengisian jenjang di bagian kanan

“Tahun Masuk”. Setelah semua data terisi, silahkan tekan Button “Input Data” dan data akan dimasukkan ke dalam database.

(14)

(15)

Gambar 2. 7Halaman Input Data Akred 2.3.7. Halaman Edit Data Akred

Halaman ini bertujuan untuk melakukan perubahan atau update pada data yang dipilih. Sama halnya seperti “Halaman Input Data Akred” kolom yang disediakan sama, hanya saja pengguna tidak perlu memilih kembali User, Fakultas, dan Akreditasi. Di setiap kolom sudah terisi data yang sesuai dengan data yang tercatat di dalam Database. Pengguna bisa mengubah isi dari data tersebut, lalu tekan Button “Ubah” untuk melakukan perubahan atau update dari data yang dipilih.

Gambar 2. 8Halaman Edit Data Akred

(16)

2.3.8. Halaman Detail Data

Pada halaman ini, pengguna bisa melihat detail dari data yang dipilih.

Halaman ini merupakan hasil dari proses data yang ada di dalam Database.

Terdapat beberapa kolom penilaian dan setiap “Elemen” yang ada terdapat hasil dari penilaian ditandai dengan “Terpenuhi” atau “Tidak Terpenuhi”

hasil tersebut dipacu oleh Peraturan BAN PT Nomor 22 2022 mengenai

“Instrumen Pemantauan dan Evaluasi Peringkat Akreditasi”. Pada bagian kolom paling atas terdapat “Hasil Penilaian Pemantauan” yang merupakan hasil dari semua penilaian yang ada dan membuktikan apakah data tersebut

“Terpenuhi” atau “Tidak Terpenuhi”.

(17)

Gambar 2. 9 Halaman Detail Data

2.3.9. Halaman User My Profile

Berikutnya adalah halaman yang muncul setelah pengguna login menggunakan akses User. Halaman ini memuat informasi nama, email, dan tanggal saat ditambahkannya akun dari pengguna.

(18)

Gambar 2. 10Halaman User My Profile 2.3.10. Halaman User View Data

Pengguna akan diperlihatkan data yang ada sesuai dengan akun yang digunakan untuk login ke dalam aplikasi. Pada bagian ini, pengguna hanya dapat melakukan aksi Button Detail untuk melihat data yang sudah ada di Database.

Gambar 2. 11Halaman User View Data 2.3.11. Halaman User Detail Data

Halaman ini merupakan halaman untuk melihat Detail dari data pengguna.

Halaman ini sama seperti Halaman Admin Detail Data.

(19)

Gambar 2. 12Halaman User Detail Data 2.3.12. Logout

Untuk melakukan proses Logout, silahkan menekan tombol “logout”

yang ada di bagian navigation bar.

Gambar 2. 13 Logout