HALAMAN SAMPUL

SISTEM ADMINISTRASI PENGELOLAAN KELAS

(SI ALAN) BERBASIS WEB

Laporan Lapangan

Disusun sebagai salah satu syarat untuk menyelesaikan tugas akhir

mata kuliah proyek terpadu Semester 7.

Oleh :

1. Ahmad Dimyati (102190005)

2. Miftahul Huda (102190024)

3. Wafiqoh Sa’adah (102190046)

PROGRAM STUDI TEKNOLOGI KOMPUTER

FAKULTAS SAINS DAN TEKNOLOGI

INSTITUT TEKNOLOGI DAN SAINS NAHDLATUL ULAMA

PEKALONGAN 2022
 HALAMAN PENGESAHAN
Judul project : Sistem Administrasi Pengelolaan Kelas (SI ALAN)

Program studi : Teknologi Komputer

Kelas : TK19B

Kelompok : 01

Nama ketua kelompok : Ahmad Dimyati

Nama anggota kelompok : 1. Miftahul Huda

2. Wafiqoh Sa’adah

Biaya project : Rp …

Waktu pelaksanaan project : 15 minggu

Pekalongan, 16 Januari 2023

Dosen Pengampu Ketua Kelompok

(M. Al ‘Amin S.kom.,M.Kom) (Ahmad Dimyati)

NIDN.0320037001 NIM.1021900

ii
 KATA PENGANTAR
Puji serta syukur marilah kita panjatkan kehadirat Allah S.W.T. dengan

nikmat dan hidayah-Nya pula penulis dapat menyelesaikan laporan Implementasi

Mobile yang berjudul “Sistem Persuratan Online Berbasis Android Di desa

Bugangan Kecamatan Kedungwuni” ini.

Penulis mengucapkan banyak terima kasih kepada :

1. Haryadi, M.S.c selaku Rektor Institut Teknologi dan Sains Nahdlatul Ulama

Pekalongan

2. Rudi Fanani, M.Kom, selaku Dekan Fakultas Sains dan Teknologi, Institut

Teknologi dan Sains Nahdlatul Ulama Pekalongan

3. Devi Nawang N, M.Kom, selaku Kepala Program Studi Teknologi Komputer

Institut Teknologi dan Sains Nahdlatul Ulama Pekalongan

4. M. Al ‘Amin, S.Kom.,M.Kom selaku dosen pengampu

5. Semua pihak yang telah membantu untuk terselesaikannya Proyek Terpadu ini.

Disadari bahwa dalam penulisan laporan ini masih begitu banyak

kekurangan dan kesalahan baik dari isinya maupun struktur penulisannya, oleh

karena itu sangat diharapkan kritik dan saran positif untuk perbaikan dikemudian

hari. Demikian semoga laporan ini bermanfaat bagi pihak yang berkepentingan.

Pekalongan, 16 Januari 2023

Penulis

iii
 DAFTAR ISI

HALAMAN SAMPUL ............................................................................................ i

HALAMAN PENGESAHAN ................................................................................. ii

KATA PENGANTAR ........................................................................................... iii

DAFTAR ISI .......................................................................................................... iv

DAFTAR TABEL .................................................................................................. vi

DAFTAR GAMBAR ............................................................................................ vii

DAFTAR LAMPIRAN ........................................................................................... x

BAB I PENDAHULUAN ...................................................................................... 1

1.1 Latar Belakang ......................................................................................... 1

1.2 Rumusan Masalah .................................................................................... 2

1.3 Tujuan ....................................................................................................... 2

1.4 Manfaat ..................................................................................................... 3

1.5. Landasan Teori ......................................................................................... 3

1. Sistem............................................................................................................... 3

2. Informasi .......................................................................................................... 4

3. Manfaat Informasi............................................................................................ 4

4. Tipe Informasi.................................................................................................. 5

5. Unified Model Languange ............................................................................... 7

6. Diagram UML.................................................................................................. 7

7. Metode Waterfall ............................................................................................. 8

8. Website......................................................................................................... 8

9. Basis Data .................................................................................................... 9

10. Framework .............................................................................................. 10

iv
BAB II METODE ................................................................................................ 11

2.1. Metode Penelitian ................................................................................... 11

2.1.1. Metode Pengumpulan Data ............................................................. 11

2.1.2. Analisis Sistem ................................................................................ 11

2.1.3. Perancangan Sistem ........................................................................ 12

2.2. Deskripsi Metode Penelitian .................................................................. 13

BAB III HASIL DAN PEMBAHASAN.............................................................. 16

3.1 Perancangan Sistem yang Diusulkan ..................................................... 16

BAB IV KESIMPULAN...................................................................................... 49

DAFTAR PUSTAKA ........................................................................................... 50

LAMPIRAN .......................................................................................................... 51

v
 DAFTAR TABEL

Tabel 3.1 Identifikasi Aktor ........................................................................... 16

Tabel 3.2 Identifikasi Use Case Yang Diusulkan .......................................... 17

Tabel 3.3 Struktur Tabel User........................................................................ 18

Tabel 3.4 Struktur Tabel Mahasiswa ............................................................. 18

Tabel 3.5 Struktur Tabel Komting ................................................................. 19

Tabel 3.6 Struktur Tabel Kas ......................................................................... 19

Tabel 3.7 Struktur Tabel Jadwal .................................................................... 19

vi
 DAFTAR GAMBAR

Gambar 2.1 Langkah-Langkah Waterfall ...................................................... 13

Gambar 3.1 Use Case yang diusulkan ........................................................... 17

Gambar 3.2 Class Diagram Si Alan ............................................................... 18

Gambar 3.3 Activity Diagram Login ............................................................. 20

Gambar 3.4 Activity Diagram CRUD Jadwal Admin ................................... 20

Gambar 3.5 Activity Diagram CRUD Kas Admin ........................................ 21

Gambar 3.6 Activity Diagram CRUD Komting ............................................ 21

Gambar 3.7 Activity Diagram Voting Admin................................................ 22

Gambar 3.8 Activity Diagram Melihat Jadwal User ...................................... 22

Gambar 3.9 Activity Diagram Melihat Kas User ........................................... 23

Gambar 3.10 Activity Diagram Melihat Komting oleh User ......................... 23

Gambar 3.11 Activity Diagram Vote User..................................................... 24

Gambar 3.11 Sequence Diagram CRUD Jadwal ........................................... 24

Gambar 3.12 Sequence Diagram CRUD Kas ................................................ 25

Gambar 3.13 Sequence Diagram CRUD Komting........................................ 25

Gambar 3.14 Sequence Diagram Voting ....................................................... 26

Gambar 3.15 Sequence Diagram melihat jadwal .......................................... 26

Gambar 3.16 Sequence Diagram melihat kas ................................................ 27

Gambar 3.17 Sequence Diagram melihat komting........................................ 27

Gambar 3.18 Sequence Diagram Vote .......................................................... 28

Gambar 3.19 Login Admin ............................................................................ 29

Gambar 3.20 Daftar Admin ........................................................................... 29

Gambar 3.21 Notifikasi Login Berhasil ......................................................... 30

vii
Gambar 3.22 Beranda admin ......................................................................... 30

Gambar 3.24 Menu Jadwal ............................................................................ 31

Gambar 3.25 Menu Kas ................................................................................. 31

Gambar 3.26 Daftar Nama Komting.............................................................. 32

Gambar 3.27 Notifikasi Logout ..................................................................... 32

Gambar 3.28 Login user ................................................................................ 33

Gambar 3.29 Daftar user ................................................................................ 33

Gambar 3.30 Notifikasi berhasil login ........................................................... 34

Gambar 3.31 Beranda user............................................................................. 34

Gambar 3.32 Menu Jadwal ............................................................................ 35

Gambar 3.33 Detail Jadwal ............................................................................ 35

Gambar 3.34 Menu Kas ................................................................................. 36

Gambar 3.35 Menu Komting ......................................................................... 36

Gambar 3.36 Tampilan pemilihan komting ................................................... 37

Gambar 3.37 Notifikasi Berhasil Vote .......................................................... 37

Gambar 3.38 Notifikasi Logout ..................................................................... 38

Gambar 3.39 Login Page Admin ................................................................... 39

Gambar 3.40 Beranda Admin ........................................................................ 39

Gambar 3.41 menu Jadwal untuk Admin ...................................................... 40

Gambar 3.42 Menambahkan Jadwal oleh Admin .......................................... 40

Gambar 3.43 menu Update Jadwal oleh Admin ............................................ 41

Gambar 3.44 menu Export Jadwal untuk Admin .......................................... 41

Gambar 3.45 menu Kas Admin ..................................................................... 42

Gambar 3.46 menu Komting untuk Admin ................................................... 42

Gambar 3.47 menu voting untuk Admin ....................................................... 43

viii
Gambar 3.48 Menu Voting untuk admin ....................................................... 43

Gambar 3.49 Beranda untuk user .................................................................. 44

Gambar 3.50 menu Kas untuk user................................................................ 44

Gambar 3.51 menu Komting untuk user ........................................................ 45

Gambar 3.52 menu Voting untuk user ........................................................... 45

Gambar 3.53 menu voting untuk user dibuka ................................................ 46

Gambar 3.54 Notifikasi voting telah berhasil ................................................ 46

Gambar 3.55 Tampilan voting untuk admin masih dibuka ........................... 47

Gambar 3.56 Admin menutup voting ............................................................ 47

Gambar 3.57 Hasil dari Voting untuk admin................................................. 48

Gambar 3.58 Menu Logout Admin ............................................................... 48

ix
 DAFTAR LAMPIRAN

LAMPIRAN .......................................................................................................... 51

Lampiran 1 Pembuatan Rencana Perkuliahan ............................................... 51

Lampiran 2 Penilaian Dari Dosen Pengampu ................................................ 52

x
 BAB I
PENDAHULUAN
1.1 Latar Belakang

Dalam panduan proyek terpadu yang diterbitkan oleh ITSNU Pekalongan

dikatakan bahwa tujuan pembelajaran yang dilakukan dalam kurikulum ITSNU

Pekalongan adalah mahasiswa dapat mengaplikasikan ilmu yang dipelajari selama

perkuliahan ke dalam bentuk riil baik dalam bentuk produk maupun aplikasi

berbasis digital. Salah satu proses pembelajaran tersebut dilakukan dengan

pemberian project yang harus diselesaikan selama 16 minggu pembelajaran. Tim

akan diberi kesempatan untuk menyelesaikan project ini secara berkelompok.

Selama project berlangsung, tim akan mendapatkan pengalaman dan keterampilan

mengenai bagaimana bekerja dalam tim, bagaimana menentukan sebuah pilihan,

bagaimana cara menginterview orang lain (jika diperlukan), bagaimana

menemukan data yang tepat, dan beberapa hal lain yang bersifat teoritis namun

dapat ditemukan dalam kegiatan sehari-hari.

Hal yang sangat penting dalam project ini adalah anda akan dituntut untuk

menyelesaikan permasalahan secara nyata. Sehingga anda akan merasakan

pengalaman sesungguhnya sesuai dengan kondisi riil. Selain itu, dengan adanya

project ini, tim dapat belajar bagaimana memberikan dan menggunakan feedback,

belajar dari kesalahan, serta bagaimana menggunakan kesempatan untuk dapat

mengembangkan diri dan tim. (ITSNU, 2020).

Dalam sebuah kelas perkuliahan akan membutuhkan pengelolaan

administrasi untuk mempermudah dalam pencatatannya. Administrasi di dalam

1
 2

kelas biasanya meliputi pencatatan uang kas, jadwal mata kuliah, daftar kelompok

dan lain sebagainya. Beberapa hal tersebut jika dilakukan secara manual dalam

jangka panjang mempunyai kemungkinan akan adanya kerusakan data fisiknya.

Dari hal tersebut tim 01 berusaha membuat sebuah inovasi untuk menciptakan

sistem untuk mengelola administrasi kelas yang berbasis website.

Sistem yang dihasilkan berupa web dengan 2 wajah atau tampilan yakni

untuk halaman admin dan pengguna. Dimana akan ada hak akses dari pengguna

yang dibatasi hanya untuk melihat dan memberikan respon tertentu saja. Web ini

akan berisi daftar-daftar dan juga basis data dalam administrasi pengelolaan kelas

yang akan di update oleh admin nya setiap saat. Dan besar harapan dari tim 01

website ini akan bermanfaaat dan menjadi solusi dari permasalahan yang ada.

1.2 Rumusan Masalah

Dari latar belakang masalah yang telah dijjelaskan dapat ditarik beberpa

rumusan masalah sebagai berikut :

1. Pencatatan administrasi kelas yang masih manual menggunakan buku atau

juga catatan kecil dalam handphone.

2. Kemungkinan kerusakan data fisik masih menjadi hambatan dalam

pengelolaan administrasi kelas.

1.3 Tujuan

Tujuan dari pembuatan sistem ini sebagai berikut :

1. Menciptakan sebuah sistem pencatatan administrasi kelas berbasis web.

 3

2. Mengasah kemampuan mahasiswa dalam menyelesaikan tugas dan

tangungjawab dari pokok permasalahan yang tercipta.

1.4 Manfaat

Manfaat dari pembuatan sistem ini sebagai berikut :

2. Mempermudah pencatatan administrasi kelas dimana bisa menjadi data

transparan untuk anggota kelasnya.

3. Mengembangkan sistem sebelumnya, sebagai bahan pembelajaran bagi

mahasiswa dalam membuat website.

1.5. Landasan Teori

1. Sistem

Kata sistem berasal dari bahasa Yunani, yaitu systema, yang artinya

himpunan bagian atau komponen yang saling berhubungan secara teratur

dan merupakan suatu keseluruhan. Selain itu, bisa diartikan sekelompok

elemen yang independen, namun saling terkait sebagai satu kesatuan.

Sistem terdiri atas struktur dan proses. Struktur sistem merupakan unsur-

unsur yang membentuk sistem tersebut, sedangkan proses sistem

menjelaskan cara kerja setiap unsur sistem dalam mencapai tujuan. Setiap

sistem merupakan bagian dari sistem lain yang lebih besar dan terdiri atas

berbagai sistem yang lebih kecil, yang disebut subsistem (Rusdiana and

Irfan, 2014).

Suatu sistem pada dasarnya adalah sekelompok unsur yang erat

hubungannya satu dengan yang lain, yang berfungsi bersama-sama untuk

 4

mencapai tujuan tertentu. Secara sederhana, suatu sistem dapat diartikan

sebagai kumpulan atau himpunan dari unsur, komponen, atau variabel yang

terorganisasi saling berinteraksi, saling tergantung satu sama lain, dan

terpadu. Dari definisi tersebut dapat diperinci lebih lanjut pengertian sistem

secara umum, yaitu:

a. setiap sistem terdiri atas unsur-unsur;

b. unsur-unsur tersebut merupakan bagian terpadu sistem yang

bersangkutan;

c. unsur sistem tersebut bekerja sama untuk mencapai tujuan sistem;

d. suatu sistem merupakan bagian dari sistem lain yang lebih besar.

2. Informasi

Informasi atau dalam bahasa Inggrisnya adalah information, berasal

dari kata informacion bahasa Prancis. Kata tersebut diambil dari bahasa

Latin, yaitu "informationem" yang artinya "konsep, ide, garis besar".

Informasi adalah suatu data yang sudah diolah atau diproses sehingga

menjadi suatu bentuk yang memiliki arti bagi penerima informasi yang

memiliki nilai bermanfaat.

3. Manfaat Informasi

Informasi dikatakan bernilai apabila dapat memberikan manfaat

kepada para pengguna. Adapun manfaat dari informasi menurut Sutanta,

yaitu sebagai berikut.

 5

a. Menambah pengetahuan. Adanya informasi akan menambah

pengetahuan bagi penerima yang dapat digunakan sebagai bahan

pertimbangan yang mendukung proses pengambilan keputusan.

b. Mengurangi ketidakpastian pemakai informasi. Informasi akan

mengurangi ketidakpastian karena hal-hal yang akan terjadi dapat

diketahui sebelumnya, sehingga dapat menghindari keraguan pada saat

pengambilan keputusan.

c. Mengurangi risiko kegagalan. Adanya informasi akan risiko kegagalan

dapat diantisipasi dengan baik sehingga kegagalan dapat dikurangi

dengan pengambilan keputusan yang tepat.

d. Mengurangi keanekaragaman yang tidak diperlukan akan meng-

hasilkan keputusan yang lebih terarah.

e. Memberikan standar, aturan, ukuran, dan keputusan untuk menentukan

pencapaian, sasaran serta tujuan.

Dengan demikian, informasi akan memberikan standar, aturan,

ukuran, dan keputusan yang lebih terarah untuk mencapai sasaran serta

tujuan yang telah ditetapkan secara lebih baik berdasarkan informasi yang

diperoleh (Rusdiana and Irfan, 2014).

4. Tipe Informasi

Sistem informasi sekarang peranannya tidak hanya sebagai

pengumpul data dan mengolahnya menjadi informasi berupa laporan-

laporan keuangan, tetapi juga mempunyai peranan yang lebih penting dalam
 6

menyediakan informasi bagi manajemen untuk fungsi-fungsi perencanaan,

alokasi sumber daya, pengukuran, dan pengendalian.

Laporan-laporan dari sistem informasi memberikan informasi pada

manajemen mengenai permasalahan yang terjadi dalam organisasi untuk

menjadi bukti yang berguna dalam menentukan tindakan.

Sistem informasi menyediakan tiga macam tipe informasi, yaitu

sebagai berikut.

f. Informasi pengumpulan data (scorekeeping information), yaitu

informasi berupa akumulasi atau pengumpulan data untuk menjawab

pertanyaan, berguna bagi manajer bawah untuk mengevaluasi kinerja

personelnya.

g. Informasi pengarahan perhatian (attention directing information), yaitu

membantu manajemen memusatkan perhatian pada masalah yang

menyimpang.

h. Informasi pemecahan masalah (problem solving information), yaitu

informasi untuk membantu para manajer atas mengambil keputusan

memecahkan permasalahan yang dihadapi. Problem solving biasanya

dihubungkan dengan keputusan yang tidak berulang-ulang serta situasi

yang membutuhkan analisis yang dilakukan oleh manajemen tingkat

atas (Rusdiana and Irfan, 2014).

 7

5. Unified Model Languange

Unified Modelling Languange (UML) adalah standarisasi bahasa

pemodelan untuk pembangunan perangkat lunak yang dibangundengan

menggunakan teknik pemrograman berorientasi objek

UML menggambarkan bagaimana elemen pada model-model yang

kita buat berhubungan satu dengan yang lainnya harus mengikuti standar

yang ada. UML merupakan bahasa visual untuk pemodelan dan komunikasi

mengenai sebuah sistem dengan menggunakan diagram dan teks-teks

pendukung. UML hanya berfungsi untuk melakukan pemodelan (Sasmito,

2017).

6. Diagram UML

UML menawarkan diagram yang dikelompokkan menjadi lima

perspektif berbeda untuk memodelkan suatu sistem. Diagram UML

menyajikan perspektif yang berbeda mengenai sistem informasi. Diagram

UML ada beberapa macam , beberapa diantaranya adalah sebagai berikut :

2.4.1 Use Case Diagram

Use Case Diagram adalah urutan langkah-langkah yang secara

tindakan saling terkait (skenario) , baik terotomatisasi maupun secara

manual, untuk tujuan melengkapi satu tugas bisnis tunggal (Zulfiandri and

Wardhani, 2015).
 8

2.4.2 Class Diagram

Diagram ini menunjukkan kelas objek yang menyusun sistem juga

hubungan antara kelas tersebut. Class diagram mendeskripsikan jenis-jenis

objek dalam sistem dan berbagai macam hubungan interaksi diantara

mereka (Zulfiandri and Wardhani, 2015).

2.4.3 Activity Diagram

Activity Diagram atau diagram aktivitas digunakan untuk

menggambarkan secara grafis aliran proses bisnis, langkah-langkah sebuah

use case atau logika behaviour dari sebuah objek (Zulfiandri and Wardhani,

2015).

7. Metode Waterfall

Model waterfall dicetuskan pada tahun 1970 sebagai contoh

metodologi pengembangan perangkat lunak yang tidak bekerja secara baik.

Tahapan pada metode waterfall adalah sebagai berikut :

• Analisis Persyaratan

• Desain Sistem

• Implementasi

• Integrasi dan Testing

• Operasi dan Maintenance (Safitri and Supriyadi, 2015)

8. Website

Website diawali dengan pembuatan World Wide Web (WWW) pada

tahun 1989, dimana www ini merupakan suatu lingkungan yang

 9

mengijinkan pembagian informasi antar pengguna. Informasi dapat berupa

dokumen maupun teks, saling terhubung melalui antarmuka pengguna web

browser.Sejak awal, web memang telah berubah menjadi suatu lingkungan

yang dipekerjakan untuk mengirimkan beberapa jenis aplikasi yang berbeda

(Hasra Hartina, 2017).

9. Basis Data

Basis data adalah suatu pengorganisasian sekumpulan data yang

saling terkait sehingga memudahkan aktivitas untuk memperoleh informasi.

Basis data dimaksudkan untuk mengatasi problem pada sistem yang

memakai pendekatan berbasis berkas (Ariska et al., 2016).

2.7.1 MySQL

MySQL adalah Relation Database Management Sistem (RDBMS)

yang didistribusikan secara gratis dibawah lisensi GPL (General Publik

Licenses), MySQL sebenarnya merupakan turunan salah satu konsep utama

dalam database sejak lama, yaitu SQL (Structure Query Language), SQL

adalah sebuah konsep pengoperasian database, terutama untuk pemilihan /

seleksi dan pemasukan data, yang memungkinkan pengoprasian data

dikerjakan dengan mudah secara otomatis. Sebagai database server yang

memiliki konsep database modern, MySQL mempunyai banyak sekali

keistimewaan (Zulfiandri and Wardhani, 2015).

 10

10. Framework

Framework dapat diartikan sebagai kumpulan dari fungsi-fungsi

atau prosedur-prosedur dan class-class untuk tujuan tertentu yang sudah

siap digunakan sehingga lebih mempermudah dan mempercepat pekerjaan

seorang pemrograman tanpa harus membuat fungsi atau class dari awal.
 BAB II
METODE
2.1. Metode Penelitian

2.1.1. Metode Pengumpulan Data

Metode pengumpulan data yang digunakan dalam laporan ini diperoleh
melalui tahapan-tahapan berikut :

1. Penelitian Lapangan (Survey)

Dalam tahap ini, dilakukan pengamatan dan diskusi tim pada minggu 1-3

perkuliahan proyek terpadu, sehingga diperoleh rumusan masalah.

2. Kajian Dokumen

Setelah melalui proses pada tahap pertama, dokumen yang didapatkan dikaji

untuk membahas lebih lanjut penyelesaian masalah nya.

3. Studi Kepustakaan

Pada tahap ketiga ini setelah memperoleh bahan-bahan mengenai masalah

yang akan dibahas dari jurnal maupun literatur yang menunjang dalam

penyelesaian masalah

2.1.2. Analisis Sistem

Pendekatan analisis berorientasi objek merupakan salah satu pendekatan

pengembangan sistem. Pada proses ini dilakukan analisis terhadap sistem yang

sudah berjalan sekaligus mencatat data yang menjadi kebutuhan sistem dengan

mengidentifikasi agar pengembangan sistem bisa lebih baik. Tahapan nya adalah:

1. Menganalisis sistem yang sudah ada dan masih berjalan, yaitu mempelajari dan

mengetahui apa yang dikerjakan sistem yang sudah berjalan tersebut.

11
 12

Berdasarkan pengamatan yang dilakukan, sistem yang sedang berjalan di kelas

TK19B memiliki beberapa kendala dimana proses memasukkan data dengan

meng-input menggunakan handphone dengan memanfaatkan Microsoft Excel

yang kemudian di bagikan kepada anggota kelas atau juga masih menggunakan

buku dengan pencatatan manual menggunakan pulpen. Data yang berupa

hardcopy ini tidak dapat dihindari terjadinya kerusakan karena kecerobohan

siswa, sehingga harus mencetak ulang dan data yang sudah ada tidak bisa

dipertanggungjawabkan keakuratan datanya.

2. Mencatat data yang sudah didapat dengan mengkategorikan berdasarkan

spesifikasi. Yakni spesifikasi masukan yang digunakan, database yang ada,

proses yang dilakukan dan keluaran yang dihasilkan. Jadi bisa didapat

gambaran sistem yang dibutuhkan untuk diubah menjadi sistem yang

terkomputasi.

2.1.3. Perancangan Sistem

Tahap perancangan sistem yaitu merancang sistem secara rinci

berdasarkan hasil analisis sistem yang ada, sehingga didapatkan model sistem baru

yang diusulkan. Setelah dilakukan analisis sistem yang sedang berjalan, yang

didalamnya sudah didapatkan data dari permasalahan yang ditemukan, tahap

selanjutnya adalah merancang sistem yang akan diusulkan.

 13

2.2.Deskripsi Metode Penelitian

Metodologi penelitian yang diterapkan dalam penelitian untuk

pengembangan sistem pengelolaan administrasi kelas ini adalah waterfall.

Langkah-langkah metode waterfall ditampilkan pada Gambar 2.1

Gambar 2.1 Langkah-Langkah Waterfall

2.2.1. Requirement Analysis and Definition

Pada tahapan ini yaitu melakukan observasi data, menetapkan fitur, dan

tujuan sistem melalui wawancara dengan pelaku kepentingan di organisasi terkait.

Semua langkah tersebut ditetapkan secara detail dan digunakan sebagai kualifikasi

sistem. Hasil observasi data Kelas ITSNU Pekalongan berupa jadwal mata kuliah

harian, kas kelas, daftar nama Komting, dan daftar kelompok. Hasil dari tahap

tersebut kemudian dianalisis dan digunakan sebagai bahan untuk mengembangkan

system pengelolaan administrasi kelas.

2.2.2. System and Software Design

Pada tahapan ini membuat desain sistem berdasarkan syarat sistem yang

sudah disyaratkan pada tahap sebelumnya. Pada tahap ini bertujuan memberikan

rancangan yang harus dikerjakan, membuat gambaran tampilanserta analisis

 14

kebutuhan hardware dan software. Desain sistem dirancang dengan Unified

Modelling Language (UML) yang terdiri atas use case diagram, class diagram,

activity diagram dan sequence diagram.

2.2.3. Implementation and Unit Testing

Tahap yang ketiga yaitu implementation and unit testing. Pada tahapan ini

perancangan yang sudah dibuat akan diterjemahkan dalam bahasa pemrograman

menjadi serangkaian unit program. Kemudian dilakukan pengujian kesesuaian pada

setiap unit program tersebut. Dalam hal ini sistem dikembangkan menggunakan

aplikasi Visual Studio Code dan Mysql, kemudian dilakukan unit testing dengan

menggunakan black box testing untuk menguji dan memerika fungsionalitas dan

kesesuaian setiap unit program di sistem.

2.2.4. Integration and System Testing

Tahapan ini yaitu langkah untuk pengintegrasian setiap unit sistem menjadi

sebuah sistem yang utuh. Kemudian dilakukan pengujian program untuk

memastikan kesesuaian syarat sistem. Kemudian sistem akan dikirimkan ke

pengguna.

2.2.5. Operation and Maintenance

Tahap ini merupakan tahapan untuk melakukan penerapan sistem. Dalam

tahapan ini kesalahan yang belum ditemukan pada tahap sebelumnya maka

dilakukan perbaikan secara berkala.

 15

1. Penentuan Obyek Penelitian dan Responden/ Sampel.

Penentuan obyek penelitian pada ITSNU Pekalongan. Penentuan sampel ditetapkan

pada Kelas TK19B Fakultas Saintek yang ada di sekitar lingkungan kampus ITSNU

pekalongan.

2. Pengumpulan Data dan Observasi Lapangan.

Penelitian rencananya akan kami lakukan langsung pada : Kelas TK19B

Fak. Saintek ITSNU Pekalongan

3. Model Penelitian.

Model penelitian yang dikembangkan merupakan penelitian pengembangan

website, aplikasi dan e- book, yang setiap saat bisa di akses.

4. Lokasi Riset

Lokasi penelitian di fokuskan pada ITSNU Kabupaten Pekalongan.

 BAB III
HASIL DAN PEMBAHASAN
3.1 Perancangan Sistem yang Diusulkan

Perancangan sistem untuk mengelola administrasi kelas yang dilakukan dengan

beberapa tahapan berikut :

a) User dapat langsung membuka sistem.

b) Setelah terbuka user hanya bisa mengakses beberapa menu dan tanpa bisa

mengupdate data nya.

1. Use Case Diagram

Digunakan untuk menggambarkan kebutuhan dan fungsionalitas sistem dari

sudut pandang user. Langkah-langkah membuat nya :

1) Mengidentifikasi actor
2) Mengidentifikasi use case
3) Membuat Use Case Diagram

1. Identifikasi Aktor

Tabel 3.1 Identifikasi Aktor

No. Actor Description

1. Mengelola (CRUD) jadwal,

Admin
catatan kas, data kelompok.

2. Mahasiswa Melihat data dan vote komting

16
 17

2. Identifikasi Use case

Tabel 3.2 Identifikasi Use Case Yang Diusulkan
Nama Use Case Use Case Description Actor
Mendeskripsikan kejadian login admin dan Admin,
Login
users. User
Mendeskripsikan kejadian admin dalam
menginput, mengedit serta menghapus data
CRUD Jadwal Admin
jadwal dalam hak akses didalam sistem
pengelolaan administrasi kelas.
Mendeskripsikan kejadian admin dalam
menginput, mengedit serta menghapus data
CRUD kas kelas Admin
kas kelas dalam hak akses didalam sistem
pengelolaan administrasi kelas.
Mendeskripsikan kejadian admin dalam
CRUD data menginput, mengedit serta menghapus data
Admin
komting komting dalam hak akses didalam sistem
pengelolaan administrasi kelas.
Mendeskripsikan kejadian user untuk melihat
Melihat Data User
jadwal yang telah dibuat

3. Use Case sistem yang diusulkan

Gambar 3.1 Use Case yang diusulkan

 18

2. Class Diagram

Gambar 3.2 Class Diagram Si Alan

3. Struktur Tabel

Tabel 3.3 Struktur Tabel User

No Field Name Type Field Size Keterangan
1 Id_user Int 11 Id_user
2 NIM Char 255 Nim
3 Password Char 255 Password

Tabel 3.4 Struktur Tabel Mahasiswa

No Field Name Type Field Size Keterangan
1 Id_mahasiswa Int 100 Id_mahasiswa
2 NIM Int 110 Nama_lengkap
3 Nama_mahasiswa Char 100 Nim
4 Semester Char 110 Alamat mahasiswa
5 No_Hp Char 110 No.Hp mahasiswa
 19

Tabel 3.5 Struktur Tabel Komting

No Field Name Type Field Size Keterangan

1 Id_Komting Int 64 Id_komting
2 NIM Int 110 Nim
3 Nama_mahasiswa Char 110 Nama Lengkap
4 Semester Char 50 Semester
5 No_Hp Char 64 No.Hp

Tabel 3.6 Struktur Tabel Kas

No Field Name Type Field Size Keterangan

1 Id_Kas Int 50 Id_komting
2 NIM Int 55 Nim
3 Nama_mahasiswa Char 110 Nama Lengkap
4 Bulan 1 Int 255 Bulan 1
5 Bulan 2 Int 255 Bulan 2
6 Bulan 3 Int 255 Bulan 3
7 Bulan 4 Int 255 Bulan 4
8 Bulan 5 Int 255 Bulan 5
9 Bulan 6 Int 255 Bulan 6
10 Total Int 255 Total rekap kas

Tabel 3.7 Struktur Tabel Jadwal

No Field Name Type Field Size Keterangan

1 Id_Jadwal Int 110 Id_jadwal
2 Hari_Jadwal Char 110 Hari_Jadwal
3 Nama_Makul Char 110 Nama_Makul
4 Waktu Char 110 Waktu makul
5 Ruang Char 110 Ruang
 20

4. Activity Diagram

1. Berikut merupakan diagram aktivitas login admin :

Gambar 3.3 Activity Diagram Login

2.
3. Berikut merupakan diagram aktivitas CRUD Jadwal oleh admin :

Gambar 3.4 Activity Diagram CRUD Jadwal Admin

 21

4. Berikut merupakan diagram aktivitas CRUD Kas oleh admin :

Gambar 3.5 Activity Diagram CRUD Kas Admin

5.
6. Berikut merupakan diagram aktivitas login admin :

Gambar 3.6 Activity Diagram CRUD Komting

 22

7. Berikut merupakan diagram aktivitas Vote admin :

Gambar 3.7 Activity Diagram Voting Admin

8. Berikut merupakan diagram aktivitas Melihat Jadwal user :

Gambar 3.8 Activity Diagram Melihat Jadwal User

 23

9. Berikut merupakan diagram aktivitas login admin :

Gambar 3.9 Activity Diagram Melihat Kas User

10. Berikut merupakan diagram aktivitas Melihat Komting :

Gambar 3.10 Activity Diagram Melihat Komting oleh User

 24

11. Berikut merupakan diagram aktivitas login admin :

Gambar 3.11 Activity Diagram Vote User

5. Sequence Diagram

1. Berikut Sequence Diagram CRUD Jadwal oleh admin :

Gambar 3.11 Sequence Diagram CRUD Jadwal

 25

2. Berikut Sequence Diagram CRUD Kas oleh admin :

Gambar 3.12 Sequence Diagram CRUD Kas

3. Berikut Sequence Diagram CRUD Jadwal oleh admin :

Gambar 3.13 Sequence Diagram CRUD Komting

 26

4. Berikut Sequence Diagram Vote admin :

Gambar 3.14 Sequence Diagram Voting

5. Berikut Sequence Diagram Melhat Jadwal Oleh User :

Gambar 3.15 Sequence Diagram melihat jadwal

 27

6. Berikut Sequence Diagram Melihat Kas oleh user :

Gambar 3.16 Sequence Diagram melihat kas

7. Berikut Sequence Diagram Melihat Komting :

Gambar 3.17 Sequence Diagram melihat komting

 28

8. Berikut Sequence Diagram Voting User :

Gambar 3.18 Sequence Diagram Vote

 29

6. Rancangan UI/UX Design Yang Diusulkan

a. Rancangan Desain Tampilan Admin

1. Rancangan Tampilan Login Admin

Gambar 3.19 Login Admin

2. Rancangan Daftar untuk admin

Gambar 3.20 Daftar Admin

 30

3. Rancangan Tampilan Notifikasi Login berhasil

Gambar 3.21 Notifikasi Login Berhasil

4. Rancangan Tampilan Beranda

Gambar 3.22 Beranda admin

 31

5. Rancangan Tampilan Menu Jadwal

Gambar 3.24 Menu Jadwal

6. Rancangan Tampilan Menu Kas

Gambar 3.25 Menu Kas

 32

7. Rancangan Tampilan menu Komting

Gambar 3.26 Daftar Nama Komting

8. Rancangan tampilan Notifikasi Logout

Gambar 3.27 Notifikasi Logout

 33

b. Tampilan User

1. Rancangan Tampilan Login user

Gambar 3.28 Login user

2. Rancangan Tampilan Daftar untuk user

Gambar 3.29 Daftar user

 34

3. Rancangan Tampilan Notifikasi Login Berhasil

Gambar 3.30 Notifikasi berhasil login

4. Rancangan Tampilan Beranda User

Gambar 3.31 Beranda user

 35

5. Rancangan Tampilan Menu Jadwal Harian Kelas

Gambar 3.32 Menu Jadwal

6. Rancangan Tampilan Daftar Detail Jadwal Harian

Gambar 3.33 Detail Jadwal

 36

7. Rancangan Tamilan Menu Kas Bulanan

Gambar 3.34 Menu Kas

8. Rancangan Tampilan Menu Komting

Gambar 3.35 Menu Komting

 37

9. Rancangan Tampilan Menu Voting

Gambar 3.36 Tampilan pemilihan komting

10. Rancangan Tampilan Notifikasi Vote Telah Berhasil

Gambar 3.37 Notifikasi Berhasil Vote

 38

11. Rancangan Tampilan Notifikasi Logout

Gambar 3.38 Notifikasi Logout

 39

3.2. Implementasi Dan Pembahasan

1. Login Page
Pada halaman login page ini menampilkan akses masuk pada website yang
mana hanya perlu memasukkan NIM dan password admin yang sudah
terdaftar.

Gambar 3.39 Login Page Admin

2. Beranda admin
Setelah admin berhasil masuk pada website, tampilan beranda
administrator seperti inilah yang akan muncul pertama kali dalam website.

Gambar 3.40 Beranda Admin

 40

3. List Jadwal
Pada menu jadwal, admin dapat melakukan CRUD terhadap jadwal
yang ada. Akses ini dibatasi hanya untuk admin saja, berikut adalah tampilan
nya :

Gambar 3.41 menu Jadwal untuk Admin

4. Tambah Jadwal
Untuk menambahkan jadwal, admin hanya perlu memasukkan data
seperti berikut ini :

Gambar 3.42 Menambahkan Jadwal oleh Admin

 41

5. Edit Jadwal
Update di dalam list jadwal berfungsi untuk mengedit jadwal apabila
terjadi perubahan jadwal, kurang lebih sama dengan menambah jadwal :

Gambar 3.43 menu Update Jadwal oleh Admin

6. Export Jadwal
Pada fitur ini, admin dapat mengekspor jadwal ke device menjadi file
dengan format Microsoft Word Document :

Gambar 3.44 menu Export Jadwal untuk Admin

 42

7. List Kas
Menu list kas ini berisi rekap kas dalam satu kelas, data ini bersifat transparan
namun meski begitu hak aksesnya hanya bisa diupdate oleh admin saja untuk
menghindari pemalsuan data.

Gambar 3.45 menu Kas Admin

8. List Komting
Menu ini menampilkan daftar atau list komting sejak semester 1 sampai
semester 8. Apabila nama masih belum ada 8 semester, berarti belum ada
pergantian komting atau belum mengalami pergantian semesternya.

Gambar 3.46 menu Komting untuk Admin

 43

9. List Voting
Menu ini berfungsi untuk menampilkan hasil rekapitulasi suara voting yang
telah dilakukan seluruh anggota kelas.

Gambar 3.47 menu voting untuk Admin

10. Voting dibuka admin

Apabila voting telah dibuka, admin dapat melihat hasilnya secara langsung
yang secara otomatis suara terbanyak akan menjadi komting dan masuk ke daftar
komting.

Gambar 3.48 Menu Voting untuk admin

 44

11. Jadwal User

Setelah user login, tampilan beranda yang pertama kali muncul adalah
sebagai berikut :

Gambar 3.49 Beranda untuk user

12. Kas User

Menu kas ini menampilkan data rekap kas bulanan kelas per mahasiswa
nya. Jadi, mahasiswa bisa langsung mengetahui jumlah kekurangan kas yang
belum dibayarkan.

Gambar 3.50 menu Kas untuk user

 45

13. Komting User

Menu komting pada user ini menampilkan daftar komting yang pernah
atau sedang menjabat per semesternya.

Gambar 3.51 menu Komting untuk user

14. Voting belum dibuka

Selama admin belum membuka akses voting, user tidak dapat melakukan voting.

Gambar 3.52 menu Voting untuk user

 46

15. Voting User

Setelah admin membuka akses, user dapat melakukan voting terhadap calon
komting yang sudah melalui seleksi di dalam kelas.

Gambar 3.53 menu voting untuk user dibuka

16. Voting Berhasil

Apabila voting telah berhasil maka notifikasi akan muncul sebagai penandanya.

Gambar 3.54 Notifikasi voting telah berhasil

 47

17. Data Voting

Admin tetap bisa melihat perkembangan jumlah voting selama proses
berlangsung

Gambar 3.55 Tampilan voting untuk admin masih dibuka

18. Tutup Voting

Apabila voting telah selesai, admin akan menutup akses voting pada user.

Gambar 3.56 Admin menutup voting

 48

19. Komting Terpilih

Komting yang sudah melalui tahap voting dengan perolehan jumlah suara
terbanyak akan menempati list komting sesuai urutannya.

Gambar 3.57 Hasil dari Voting untuk admin

20. Logout menu

Notifikasi ini akan muncul apabila admin menyudahi untuk mengelola data
dan memutuskan keluar dari sistem.

Gambar 3.41 Menu Logout Admin

 BAB IV

KESIMPULAN

1. Rencana Fitur-fitur yang dimiliki website ini pada sisi administrator adalah fitur

untuk mengelola user, mengelola menu, mengelola submenu dan mengelola user

log.

2. Rencana Fitur-fitur yang dimiliki website ini pada sisi klien atau user adalah

fitur untuk mengelola profil, mengelola anggota kelas, mengelola keuangan

kelas, dan mengelola jadwal.

3. Fitur-fitur yang masih terbatas akan menjadi pertimbangan untuk

pengembangan sistem itu sendiri di kemudian hari.

49
 DAFTAR PUSTAKA
Ariska, J. et al. (2016) ‘Sekolah Menggunakan Teknik Labelling Qr Code ( Studi

Kasus : Man 2 Model Pekanbaru )’, 2(2), pp. 127–136.

Hasra Hartina (2017) ‘Manajemen Asuhan Kebidanan Pada Bayi Dengan Caput

Succedaneum di RSUD Syekh Yusuf Gowa’, 4, pp. 9–15.

ITSNU, P. (2020) ‘Pedoman Proyek Terpadu ITSNU Pekalongan 2022’, ITSNU

Pekalongan, p. 10.

Rusdiana, A. and Irfan, M. (2014) Sistem Informasi Manajemen. Pustaka Setia.

Safitri, S.T. and Supriyadi, D. (2015) ‘Rancang Bangun Sistem Informasi Praktek

Kerja Lapangan Berbasis Web dengan Metode Waterfall’, Jurnal

Informatika,Telekomunikasi dan Elektronika, 7(1), pp. 3–8.

doi:10.20895/infotel.v7i1.111.

Sasmito, G.W. (2017) ‘Penerapan Metode Waterfall Pada Desain Sistem Informasi

Geografis Industri Kabupaten Tegal’, Jurnal Informatika:Jurnal

Pengembangan IT (JPIT), 2(1), pp. 6–12.

Zulfiandri and Wardhani, D.C. (2015) ‘Manajemen Aset Berbasis Private Cloud (

Studi Kasus : Tvri Nasional )’, Jurnal Ilmiah SimanteC, 5(1), p. ISSN 2088-

2130.

50
 LAMPIRAN

Lampiran 1 Pembuatan Rencana Perkuliahan

DESKRIPSI PROJECT

Nama project : Sistem Administrasi Dan Pengelolaan Kelas ( SI ALAN)

Mata kuliah pendukung : 1. Proyek Terpadu

Kompetensi : 1. …

2. dst…

Target Capaian Project : Sebuah aplikasi sederhana berbasis web untuk

pengelolaan administrasi dalam kelas perkuliahan.

Minggu Tugas Mahasiswa Hasil

ke-

1-3 Penentuan judul, Diskusi analisis Judul project, gambaran perancangan

perancangan sistem. sistemnya.

4-6 Progress dari proyek yang Desain UI/UX, Basis Data

dilakukan.

7-9 Proses coding Implementasi web untuk tampilan admin

10-12 Progress Coding Implementasi web untuk tampilan user

12-15 Finishing web dan laporan Web keseluruhan dan laporan

Disesuaikan dengan tema project yang ditentukan oleh dosen pengampu

51
Lampiran 2 Penilaian Dari Dosen Pengampu
PENILAIAN PROYEK TERPADU
Program studi : Teknologi Komputer
Kelas : TK19B
Kelompok : 01
Judul project : SI ALAN
No Butir Penilaian Nilai (10-100) Bobot (%) *
A Sikap
1 (penentuan butir penilaian disesuaikan dengan
tema project dosen pengampu)
Nilai sikap = total nilai sikap x bobot
B Proses
1 (penentuan butir penilaian disesuaikan dengan
tema project dosen pengampu)
Nilai proses = total nilai proses x bobot
C Hasil produk
1 (penentuan butir penilaian disesuaikan dengan
tema project dosen pengampu)
Nilai hasil produk = total nilai hasil produk x bobot
D Pelaporan
1 (penentuan butir penilaian disesuaikan dengan
tema project dosen pengampu)
Nilai pelaporan = total nilai pelaporan x bobot

Nilai Akhir = Nilai sikap + Nilai proses + Nilai hasil

produk + Nilai pelaporan
*: penentuan bobot ditentukan oleh dosen pengampu
Pekalongan, 16 Januari 2023
Penilai

(M. Al ‘Amin S.kom.,M.Kom)

52