ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

Transkripsi

1 digilib.uns.ac.id BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM 3.1 Alat dan Bahan Alat Dalam pembuatan Sistem Informasi Administrasi Penilaian Siswa pada OC Computer Berbasis Web dengan Framework CodeIgniter membutuhkan hardware dan software yang mendukung. Kebutuhan software dan hardware dijelaskan dibawah ini. a. Kebutuhan Hardware Perangkat keras yang digunakan untuk pembuatan sistem ini yaitu laptop dengan spesifikasi sebagai berikut : 1. Processor Intel core i3 2. Memori RAM 4 GB 3. Harddisk 500 GB b. Kebutuhan Software Perangkat lunak yang digunakan untuk membuat sistem ini antara lain : a. Sistem operasi Windows 7 Premium b. Web browser (Google Chrome) c. App server (apache XAMPP) d. Database server (MySQL) e. Database Manager (PHPMyAdmin) f. Microsoft Visio 2007 dan Star UML sebagai media pembuatan perancangan sistem. g. Macromedia Dreamweaver merupakan software editor profesional yang digunakan untuk mendesain secara visual dan mengelola situs web maupun halaman web. h. CorelDraw X5, digunakan untuk mengolah banner website. 18

2 digilib.uns.ac.id Bahan Data-data yang dibutuhkan dalam pembuatan sistem informasi ini adalah : a. Data program kursus meliputi kode program kursus, nama program kursus, jumlah pertemuan. b. Data materi kursus meliputi kode materi kursus, deskripsi materi kursus, bobot nilai. c. Data siswa meliputi nomor induk, nama siswa, jenis kelamin, tempat dan tanggal lahir, alamat, no telepon, pendidikan terakhir, foto, tanggal daftar kursus, program kursus yang diikuti, kelas kursus yang diikuti, jadwal kursus. d. Data instruktur meliputi nik, nama instruktur, alamat, no telepon, keahlian dalam program kursus. e. Jadwal kursus meliputi hari kursus, jam kursus. f. Data nilai, meliputi nilai tes tiap materi. g. Data sertifikat meliputi nomor sertifikat, tanggal buat sertifikat. h. Data predikat meliputi kode predikat, nama predikat. 3.2 Jalannya Penelitian Jalannya penelitian digambarkan pada gambar 3.1 sebagai berikut:

3 digilib.uns.ac.id 20 TAHAP PENGUMPULAN DATA OBSERVASI WAWANCARA STUDI PUSTAKA TAHAP ANALISA DAN DESAIN DESAIN Desain Model Aplikasi Menbuat Usecase Diagram Analisa Menentukan Kebutuhan Fungsional dan kebutuhan Nonfungsional Membuat Activity diagram Membuat Class diagram Membuat Sequence diagram Desain Interface Merancang layout Aplikasi Merancang Interface Membuat interface Aplikasi TAHAP IMPLEMENTASI Membuat Database Menulis Kode Program TAHAP UJI COBA TAHAP KESIMPULAN DAN SARAN TAHAP PEMBUATAN LAPORAN Gambar commit 3.1 to Jalannya user Penelitian

4 digilib.uns.ac.id 21 Rencana jalannya penelitian yang akan dilaksanakan adalah sebagai berikut : 7. Tahap Pengumpulan Data Tahapan pengumpulan data terdiri dari beberapa metode, antara lain: d. Observasi Observasi merupakan kegiatan pengamatan langsung pada penelitian untuk mengetahui sistem yang akan diusulkan agar sesuai dengan kebutuhan user terkait penelitian yang dilakukan. e. Wawancara Wawancara dilakukan untuk mendapat informasi yang dibutuhkan untuk pembuatan sistem berupa kegiatan tanya-jawab terhadap pimpinan dan karyawan di OC Computer mengenai sistem yang sedang berjalan dan sistem apa yang dikehendaki untuk digunakan. f. Studi Pustaka Bagian ini dilakukan untuk mendapatkan data-data tertulis baik secara teoritis dan empiris yang terkait dengan topik penelitian. Selain itu studi pustaka yang dilakukan peneliti berupa pengumpulan data dengan cara mencari buku-buku referensi, tutorial atau bahan-bahan teori yang diperlukan dari berbagai sumber wacana yang berkaitan dengan penelitian. 8. Tahap Analisa dan Desain Tahapan ini dilakukan setelah melakukan tahapan persiapan yang terdapat pada metode pengumpulan data. Kemudian setelah data-data terkumpul secara lengkap, lalu dianalisis dan didefinisikan kebutuhan yang harus dipenuhi untuk pembuatan sistem. Hasil analisis kebutuhan perangkat lunak dijadikan sebagai bahan pertimbangan dalam melakukan perancangan desain model aplikasi, seperti membuat use case diagram, membuat class diagram, membuat activity diagram, dan membuat sequence diagram. Selanjutnya peneliti membuat desain interface, seperti merancang layout dan merancang interface, dilanjutkan dengan membuat interface aplikasi.

5 digilib.uns.ac.id Tahap Implementasi Pada tahap ini yang dilakukan adalah implementasi perangkat lunak atau coding, dimana tahap ini dilakukan transfer hasil perancangan sistem ke dalam bahasa pemrograman. Peneliti menggunakan framework Codeigniter dan MySQL sebagai pengolah database dengan antarmuka sistem berbasis website. 10. Tahap Uji Coba Tahap ini dilakukan untuk pengujian sistem agar sistem yang dicapai sesuai dengan batasan masalah yang dibuat. 11. Tahap Kesimpulan dan Saran Tahap ini berisi kesimpulan mengenai semua tahapan yang telah dilalui serta saran yang berkenaan dengan hasil yang telah dicapai. 12. Tahap Pembuatan Laporan Tahap ini digunakan untuk membuat laporan mengenai penelitian yang sudah dibuat. 3.3 Analisis Kebutuhan Sistem Gambaran secara umum sistem yang berjalan pada OC Computer terlihat seperti gambar 3.2 dan gambar 3.3 berikut : 1 PELAYANAN CALON PESERTA KURSUS Pengisian formulir pendaftaran & pembayaran biaya 2 Memberikan data pendaftaran siswa CALON SISWA Customer Service Admin 3 Penentuan instruktur dan penyiapan sarana kursus: Kurikulum, Jadwal, Kaldik, Daftar Hadir, Modul, TaTib PROSES BISNIS SISTEM YANG BERJALAN BAGIAN AKADEMIK 4 Proses belajar mengajar - Kordinasi dengan Instruktur 6 Penyiapan sertifikat & Pendataan akhir 5 Penyerahan data presensi & data nilai Admin INSTRUKTUR Gambar 3.2 Proses Bisnis Sistem yang Berjalan Bagian Akademik

6 digilib.uns.ac.id 23 1 Pengisian Formulir & Pembayaran biaya kursus 2 Proses belajar mengajar - Mengisi daftar hadir & Memenuhi tatib PROSES BISNIS SISTEM YANG BERJALAN BAGIAN SISWA SISWA INSTRUKTUR 3 TES Memenuhi Minimal Kehadiran & Lunas Biaya 4 LULUS : Penerimaan sertifikat, isi data alumni TIDAK LULUS: Remedial 1 & 2 Gambar 3.3 Proses Bisnis Sistem yang Berjalan Bagian Siswa Gambaran proses penilaian siswa pada sistem yang berjalan adalah admin melakukan penilaian administrasi siswa sebelum siswa mengikuti tes. Ketentuan dari penilaian administrasi adalah presensi/ kehadiran siswa minimal 80% dari jumlah sesi tiap program kursus. Setelah lolos penilaian administrasi, maka siswa dapat mengikuti tes. Penilaian tes didapat dari pengolahan nilai tes tiap materi program kursus yang diikuti. Instruktur memasukkan dan mengolah nilai tes siswa pada lembaran form isian hasil penilaian tes siswa. Nilai akhir siswa didapat dari rata-rata nilai tes tiap materi program kursus yang diambil siswa. Rumus perhitungan nilai akhir siswa adalah NA = m 1 + m m n n...(3.1) Keterangan: NA : nilai akhir m 1 m 2 : nilai materi ke-1 : nilai materi ke-2 Siswa dinyatakan lulus apabila nilai tes lebih besar atau sama dengan bobot nilai minimum yang telah ditentukan pada tiap materi program kursus. Selanjutnya Instruktur memberikan hasil penilaian tersebut kepada admin untuk diproses menjadi Surat Tanda Selesai Belajar berupa Sertifikat dengan grade/predikat sesuai dengan nilai commit yang diperoleh. to user m n n : nilai materi ke-n : jumlah materi

7 digilib.uns.ac.id Kebutuhan Fungsional Tabel 3.1 Deskripsi Aktor Aktor Deskripsi Admin Orang yang berhak mengakses sistem dan mengelola semua data yang ada dalam database sistem, tetapi admin tidak dapat melakukan pengelolaan nilai dan absensi siswa. Instruktur Orang yang berhak mengakses sistem dan mengelola data nilai dan absensi siswa yang diampu menurut keahlian program kursusnya. Pimpinan Orang yang hanya dapat melihat laporan data siswa, data nilai dan data instruktur dari sistem. Siswa Orang yang hanya dapat melihat informasi nilai, absensi, dan kaldik dari sistem. Kebutuhan fungsional yang terdapat pada Sistem Informasi Administrasi Penilaian Siswa pada OC Computer Berbasis Web digambarkan pada tabel 3.2. Tabel 3.2 Kebutuhan Fungsional Sistem Kode Deskripsi Aktor Entitas FSIAP-01 Menambah data program Admin FSIAP-02 Menampilkan data program Admin Program FSIAP-03 Mengubah data program Admin FSIAP-04 Menambah data materi Admin FSIAP-05 Menampilkan data materi Admin Materi FSIAP-06 Mengubah data materi Admin FSIAP-07 Menambah data instruktur Admin FSIAP-08 Menampilkan data Admin, pimpinan instruktur Instruktur FSIAP-09 Mengubah data instruktur Admin, instruktur FSIAP-10 Menghapus data instruktur Admin FSIAP-11 Menambah data siswa Admin FSIAP-12 Menampilkan data siswa Admin, pimpinan Siswa FSIAP-13 Mengubah data siswa Admin, siswa

8 digilib.uns.ac.id 25 Kode Deskripsi Aktor Entitas FSIAP-14 Menghapus data siswa Admin FSIAP-15 Mencari data siswa Admin, pimpinan FSIAP-16 Mencetak laporan bulanan Admin Siswa dan tahunan data siswa FSIAP-17 Menampilkan kaldik Admin, siswa FSIAP-18 Mencari data kaldik Admin Kaldik FSIAP-19 Mencetak kaldik Admin, siswa FSIAP-20 Menampilkan jadwal Admin, instruktur FSIAP-21 Mencari jadwal Admin Jadwal FSIAP-22 Mencetak jadwal Admin FSIAP-23 Menginput data absen Instruktur FSIAP-24 Menampilkan absen Admin, pimpinan, siswa, instruktur Absensi FSIAP-25 Mengubah data absen Instruktur FSIAP-26 Mencetak absensi Instruktur FSIAP-27 Menginput data nilai Instruktur FSIAP-28 Menampilkan data nilai Instruktur, pimpinan,siswa Nilai FSIAP-29 Mengubah data nilai Instruktur FSIAP-30 Mencetak nilai siswa Instruktur FSIAP-31 Menampilkan data sertifikat Admin FSIAP-32 Mencari data sertifikat Admin Sertifikat FSIAP-33 Mencetak sertifikat Admin

9 digilib.uns.ac.id Kebutuhan Non Fungsional Tabel 3.3 Kebutuhan Non Fungsional Kode Deskripsi Kebutuhan Non-Fungsional NFSIAP-01 Sistem dapat diakses 24 jam secara online NFSIAP-02 Sistem menjamin keamanan data dengan menggunakan metode MD5 NFSIAP-03 Sistem harus memilki kecepatan akses yang tinggi NFSIAP-04 Sistem memiliki interface dan bahasa yang user friendly. 3.4 Minimum Requirement Kebutuhan minimal perangkat keras dan perangkat lunak yang digunakan untuk menjalankan sistem ini antara lain: a. Sisi Server Kebutuhan Perangkat Keras Kebutuhan Perangkat Lunak Memori RAM 2 GB Web browser Processor Intel core 2 Duo App server (apache XAMPP Harddisk 180 GB versi 2.5) Database server (MySQL) b. Sisi Client Kebutuhan Perangkat Keras Kebutuhan Perangkat Lunak Memori RAM 256 MB Web browser Processor Pentium 4 Harddisk 80 GB 3.4 Perancangan Sistem Perancangan sistem informasi ini digambarkan dengan diagram-diagram UML yang dibuat dengan menggunakan software StarUML. UML terdiri atas 9 diagram, tetapi penulis hanya melibatkan 4 diagram, antara lain, Use case Diagram, Class diagram, Activity diagram dan Sequence diagram. Kemudian database yang dibutuhkan dalam perancangan sistem informasi ini digambarkan dengan Entity Relational Diagram.

10 digilib.uns.ac.id Use case Diagram Menambah data program Menampilkan data program <<include>> Mengubah data program System Menambah data materi Menampilkan data materi <<include>> Mengubah data materi Menampilkan data sertifikat <<include>> Mencetak sertifikat Mencari data sertifikat Menambah data instruktur Menampilkan data instruktur Mengubah data instruktur Admin Menghapus data instruktur Menambah data siswa Siswa Menampilkan data siswa Mengubah data siswa Menghapus data siswa Mencari data siswa Mencetak laporan data siswa Menampilkan kaldik Pimpinan Mencari data kaldik Mencetak kaldik Menampilkan jadwal Mencari data jadwal Mencetak jadwal Menginput data absen Instruktur Menampilkan absen Mengubah data absen Mencetak absensi Menginput data nilai Menampilkan data nilai Mengubah data nilai Mencetak nilai siswa Gambar 3.4 Use case Diagram

11 digilib.uns.ac.id Activity diagram a. Menambah data program Nama Use case : Menambah data program Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu program kursus 2. Sistem menampilkan data program dan form penambahan program 3. Admin menginputkan data program baru pada form penambahan program 4. Form penambahan program terisi 5. Admin memilih tombol simpan 6. Sistem menyimpan data program yang diinputkan admin 7. Sistem menampilkan halaman program kursus Pengecualian : - Kondisi Akhir : Sistem dapat menyimpan data program Admin Sistem Memilih menu program kursus Menampilkan data materi program&form tambah program Menginputkan data program Form tambah program terisi TIDAK Memilih tombol simpan Validasi Valid? YA Menyimpan data program Menampilkan halaman program kursus Gambar 3.5 Activity diagram Menambah Data Program

12 digilib.uns.ac.id 29 b. Mengubah data program Nama Use case : Mengubah data program Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu program kursus 2. Sistem menampilkan data program dan form penambahan program 3. Admin memilih data program dan memilih menu edit 4. Sistem menampilkan form ubah program 5. Admin mengubah data program 6. Admin memilih tombol simpan 7. Sistem menyimpan data program 8. Sistem menampilkan halaman program kursus Pengecualian : Kondisi Akhir : Sistem dapat menyimpan data program yang telah diubah Admin Sistem Memilih menu program kursus Menampilkan data program kursus dan form tambah program Memilih data program dan memilih menu edit Menampilkan form ubah program Mengubah data program Memilih tombol Simpan Menyimpan data program Menampilkan halaman program kursus Gambar 3.6 Activity diagram Mengubah Data Program

13 digilib.uns.ac.id 30 c. Menambah data materi Nama Use case : Menambah data materi Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu materi kursus 2. Sistem menampilkan data materi dan form penambahan materi 3. Admin menginputkan data materi baru pada form penambahan materi 4. Form penambahan materi terisi 5. Admin memilih tombol simpan 6. Sistem menyimpan data materi yang diinputkan admin 7. Sistem menampilkan halaman materi kursus Pengecualian : Kondisi Akhir : Sistem dapat menyimpan data materi Admin Sistem memilih menu materi kursus menampilkan data materi dan form penambahan materi menginputkan data materi Form penambahan materi terisi memilih tombol simpan menyimpan data materi menampilkan halaman materi kursus Gambar 3.7 Activity commit diagram to user Menambah Data Materi

14 digilib.uns.ac.id 31 d. Mengubah data materi Nama Use case : Mengubah data materi Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu materi kursus 2. Sistem menampilkan data materi dan form tambah materi 3. Admin memilih data materi dan memilih menu edit 4. Sistem menampilkan form ubah materi 5. Admin mengubah data materi 6. Admin memilih tombol simpan 7. Sistem menyimpan data materi 8. Sistem menampilkan halaman materi kursus Pengecualian : Kondisi Akhir : Sistem dapat menyimpan data materi yang telah diubah Admin Sistem memilih menu materi kursus menampilkan data materi dan form penambahan materi memilih data materi dan memilih menu edit menampilkan form ubah materi mengubah data materi menyimpan data materi memilih tombol simpan menampilkan halaman materi kursus Gambar 3.8 Activity diagram Mengubah Data Materi

15 digilib.uns.ac.id 32 e. Menambah data instruktur Nama Use case : Menambah data instruktur Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu instruktur 2. Sistem menampilkan data instruktur dan form penambahan instruktur 3. Admin menginputkan data instruktur baru pada form penambahan instruktur 4. Form penambahan instruktur terisi 5. Admin memilih tombol simpan 6. Sistem menyimpan data instruktur yang diinputkan admin 7. Sistem menampilkan halaman instruktur Pengecualian : Kondisi Akhir : Sistem dapat menyimpan data instruktur Admin Sistem memilih menu instruktur menampilkan data instruktur dan form penambahan instruktur menginputkan data instruktur Form penambahan instruktur terisi memilih tombol simpan menyimpan data instruktur yang diinputkan menampilkan halaman instruktur Gambar 3.9 Activity diagram Menambah Data Instruktur

16 digilib.uns.ac.id 33 f. Mengubah data instruktur Nama Use case : Mengubah data instruktur Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu instruktur 2. Sistem menampilkan data instruktur dan form tambah instruktur 3. Admin memilih data instruktur dan memilih menu edit 4. Sistem menampilkan form ubah instruktur 5. Admin mengubah data instruktur 6. Admin memilih tombol simpan 7. Sistem menyimpan data instruktur 8. Sistem menampilkan halaman instruktur Pengecualian : Kondisi Akhir : Sistem dapat menyimpan data instruktur yang telah diubah Admin Sistem memilih menu instruktur menampilkan data instruktur dan form penambahan instruktur memilih data instruktur dan memilih menu edit menampilkan form ubah instruktur mengubah data instruktur menyimpan data instruktur memilih tombol simpan menampilkan halaman instruktur Gambar 3.10 Activity diagram Mengubah Data Instruktur

17 digilib.uns.ac.id 34 g. Menghapus data instruktur Nama Use case : Menghapus data instruktur Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu instruktur 2. Sistem menampilkan data instruktur dan form tambah instruktur 3. Admin memilih data instruktur yang akan dihapus 4. Admin memilih menu hapus 5. Sistem menampilkan pesan verifikasi Delete instruktur? 6. Admin melakukan verifikasi 6a. Jika admin akan menghapus data instuktur, admin memilih OK 7. Sistem menghapus data instruktur dari database 8. Sistem menampilkan halaman instruktur Pengecualian : 6b. Jika admin batal menghapus data instruktur, admin memilih tombol Batal. Maka sistem akan kembali ke langkah 2 Kondisi Akhir : Sistem dapat menghapus data instruktur

18 digilib.uns.ac.id 35 Admin Sistem memilih menu instruktur menampilkan data instruktur dan form penambahan instruktur memilih data instruktur yang akan dihapus memilih menu hapus Sistem menampilkan pesan verifikasi melakukan verifikasi YA TIDAK menghapus data instruktur menampilkan halaman instruktur Gambar 3.11 Activity diagram Menghapus Data Instruktur h. Menambah data siswa Nama Use case : Menambah data siswa Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu siswa 2. Sistem menampilkan data siswa 3. Admin memilih menu tambah siswa 4. Sistem menampilkan form tambah siswa 5. Admin menginputkan data siswa pada form tambah siswa 6. Form penambahan siswa terisi 7. Admin memilih tombol simpan 8. Sistem melakukan validasi data yang diinputkan admin 8a. Jika data yang diinputkan valid, maka sistem akan menyimpan data siswa ke database

19 digilib.uns.ac.id 36 Pengecualian Kondisi Akhir 9. Sistem menyimpan data siswa yang diinputkan admin 10. Sistem menampilkan halaman data siswa : 8b. Jika data yang diinputkan tidak valid, maka sistem memunculkan pesan dan kembali ke langkah 2 : Sistem dapat menyimpan data siswa Admin Sistem memilih menu siswa menampilkan data siswa memilih menu tambah siswa menampilkan form tambah siswa menginputkan data siswa Form penambahan siswa terisi memilih tombol simpan TIDAK YA menyimpan data siswa menampilkan halaman data siswa Gambar 3.12 Activity diagram Menambah Data Siswa i. Mengubah data siswa Nama Use case : Mengubah data siswa Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu siswa 2. Sistem menampilkan data siswa 3. Admin commit mencari to data user siswa yang akan diubah

20 digilib.uns.ac.id 37 Pengecualian Kondisi Akhir 4. Sistem menampilkan data siswa dari perintah admin 4a. Jika data siswa yang dicari ada, maka admin bisa langsung mengubah data siswa 5. Admin memilih menu edit 6. Sistem menampilkan form ubah siswa 7. Admin mengubah data siswa 8. Admin memilih tombol simpan 9. Sistem menyimpan data siswa 10. Sistem menampilkan halaman data siswa : 4b. Jika data siswa yang dicari tidak ada, maka sistem akan menampilkan pesan Data siswa tidak ditemukan : Sistem dapat menyimpan data siswa yang telah diubah Admin Sistem memilih menu siswa menampilkan data siswa mencari data siswa yang akan diubah menampilkan data siswa memilih menu edit YA TIDAK mengubah data siswa menampilkan form ubah siswa memilih tombol simpan menyimpan data siswa menampilkan halaman data siswa Gambar 3.13 Activity commit diagram to user Mengubah Data Siswa

21 digilib.uns.ac.id 38 j. Menghapus data siswa Nama Use case : Menghapus data siswa Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu siswa 2. Sistem menampilkan data siswa 3. Admin mencari data siswa yang akan dihapus 4. Sistem menampilkan data siswa dari perintah admin 4a. Jika data siswa yang dicari ada, maka admin bisa langsung menghapus data siswa 5. Admin memilih menu hapus 6. Sistem menampilkan pesan verifikasi Delete siswa? 7. Admin melakukan verifikasi 7a. Jika admin akan menghapus data siswa, admin memilih OK 8. Sistem menghapus data siswa dari database 9. Sistem menampilkan halaman siswa Pengecualian : 4b. Jika data siswa yang dicari tidak ada, maka sistem akan menampilkan pesan Data siswa tidak ditemukan 7b. Jika admin batal menghapus data siswa, admin memilih tombol Batal. Maka sistem akan kembali ke langkah 2 Kondisi Akhir : Sistem dapat menghapus data siswa

22 digilib.uns.ac.id 39 Admin Sistem memilih menu siswa menampilkan data siswa mencari data siswa yang akan dihapus menampilkan data siswa memilih menu hapus YA TIDAK melakukan verifikasi menampilkan pesan verifikasi menghapus data siswa dari database menampilkan halaman data siswa Gambar 3.14 Activity diagram Menghapus Data Siswa k. Mencetak laporan data siswa Nama Use case : Mencetak laporan data siswa Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu siswa 2. Sistem menampilkan data siswa 3. Admin memilih data siswa yang akan dicetak 4. Sistem menampilkan data siswa dari perintah admin 4a. Jika data siswa yang dicari ada, maka admin bisa langsung mencetak data siswa 5. Admin commit memilih to menu user cetak

23 digilib.uns.ac.id 40 Pengecualian Kondisi Akhir 6. Sistem mencetak laporan data siswa : 4b. Jika data siswa yang dicari tidak ada, maka sistem akan menampilkan pesan Data siswa tidak ditemukan : Sistem dapat mencetak laporan data siswa Admin Sistem memilih menu siswa menampilkan data siswa memilih data siswa yang akan dicetak menampilkan data siswa memilih menu cetak YA TIDAK mencetak laporan data siswa Gambar 3.15 Activity diagram Mencetak Laporan Data Siswa l. Mencetak kaldik Nama Use case : Mencetak kaldik Aktor : Admin, siswa Kondisi Awal : Skenario : 1. Aktor memilih menu jadwal 2. Sistem menampilkan pilihan data jadwal dan data kaldik 3. Aktor memilih pilihan data kaldik 4. Sistem menampilkan data siswa dari perintah admin 4a. Jika pilihan data kaldik yang dicari ada, maka admin bisa commit langsung to user memilih data siswa

24 digilib.uns.ac.id 41 Pengecualian Kondisi Akhir 5. Admin memilih data siswa dan menu lihat kaldik 6. Sistem menampilkan data kaldik 7. Aktor memilih tombol cetak 8. Sistem mencetak kaldik : 4b. Jika pilihan data kaldik yang dicari tidak ada, maka sistem akan menampilkan pesan Data tidak ditemukan : Sistem dapat mencetak kalender pendiidkan Admin Sistem memilih menu jadwal menampilkan pilihan data jadwal dan data kaldik memilih pilihan data kaldik menampilkan data siswa memilih data siswa dan menu lihat kaldik menampilkan data kaldik memilih tombol cetak mencetak kaldik Gambar 3.16 Activity diagram Mencetak Kalender Pendidikan m. Mencetak jadwal Nama Use case : Mencetak jadwal Aktor : Admin, instruktur Kondisi Awal : Skenario : 1. Aktor memilih menu jadwal 2. Sistem menampilkan pilihan data jadwal dan data kaldik 3. Aktor memilih commit to pilihan user data jadwal

25 digilib.uns.ac.id 42 Pengecualian Kondisi Akhir 4. Sistem menampilkan data jadwal dari perintah aktor 4a. Jika pilihan data jadwal yang dicari ada, maka aktor bisa langsung mencetak jadwal 5. Aktor memilih menu cetak 6. Sistem mencetak jadwal : 4b. Jika pilihan data jadwal yang dicari tidak ada, maka sistem akan menampilkan pesan Data tidak ditemukan : Sistem dapat mencetak jadwal Aktor Sistem memilih menu jadwal menampilkan pilihan data jadwal dan data kaldik memilih pilihan data jadwal menampilkan data jadwal memilih menu cetak YA TIDAK mencetak jadwal Gambar 3.17 Activity diagram Mencetak Jadwal n. Menginput data absen Nama Use case : Menginput data absen Aktor : Instruktur Kondisi Awal : Skenario : 1. Instruktur memilih menu presensi 2. Sistem menampilkan daftar siswa yang diampu 3. Instruktur commit memilih to user data siswa dan memilih menu

26 digilib.uns.ac.id 43 Pengecualian Kondisi Akhir lihat presensi 4. Sistem menampilkan form input presensi 5. Instruktur menginputkan presensi siswa 6. Sistem melakukan validasi data yang diinputkan instruktur 6a. Jika presensi siswa memenuhi minimal kehadiran (lebih dari 80% dari jumlah sesi), maka sistem menampilkan form inputan presensi untuk ujian 7. Instruktur memilih tombol simpan 8. Sistem menyimpan data absen 9. Sistem menampilkan halaman presensi : 8b. Jika presensi siswa tidak memenuhi minimal kehadiran (kurang dari 80% dari jumlah sesi), maka sistem akan menampilkan pesan peringatan Belum bisa mengikuti ujian : Sistem dapat menyimpan data absen Instruktur Sistem memilih menu presensi menampilkan daftar siswa yang diampu memilih data siswa dan memilih menu lihat presensi memilih data siswa dan memilih menu lihat presensi menginputkan presensi siswa TIDAK YA memilih tombol simpan menampilkan form inputan presensi untuk ujian menyimpan data absen menampilkan halaman presensi Gambar 3.18 Activity commit diagram to user Menginput Data Absen

27 digilib.uns.ac.id 44 o. Mengubah data absen Nama Use case : Mengubah data absen Aktor : Instruktur Kondisi Awal : Skenario : 1. Admin memilih menu presensi 2. Sistem menampilkan daftar siswa yang diampu 3. Instruktur memilih data siswa dan memilih menu lihat presensi 4. Sistem menampilkan form ubah presensi 5. Instruktur mengubah presensi siswa 6. Sistem melakukan validasi data yang diinputkan instruktur 6a. Jika presensi siswa memenuhi minimal kehadiran (lebih dari 80% dari jumlah sesi), maka sistem menampilkan form inputan presensi untuk ujian 7. Instruktur memilih tombol simpan 8. Sistem menyimpan data absen 9. Sistem menampilkan halaman presensi Pengecualian : 8b. Jika presensi siswa tidak memenuhi minimal kehadiran (kurang dari 80% dari jumlah sesi), maka sistem akan menampilkan pesan peringatan Belum bisa mengikuti ujian Kondisi Akhir : Sistem dapat menyimpan data absen yang telah diubah

28 digilib.uns.ac.id 45 Instruktur Sistem memilih menu presensi menampilkan daftar siswa yang diampu memilih data siswa dan memilih menu lihat presensi menampilkan form ubah presensi mengubah presensi siswa TIDAK YA memilih tombol simpan menampilkan form inputan presensi untuk ujian menyimpan data absen menampilkan halaman presensi Gambar 3.19 Activity diagram Mengubah Data Absen

29 digilib.uns.ac.id 46 p. Mencetak data absen Nama Use case : Mencetak data absen Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu presensi 2. Sistem menampilkan daftar siswa yang diampu 3. Instruktur memilih data siswa dan memilih menu lihat presensi 4. Sistem menampilkan halaman presensi 5. Instruktur memilih menu cetak 6. Sistem mencetak data absensi Pengecualian : Kondisi Akhir : Sistem dapat mencetak absensi Instruktur Sistem memilih menu presensi menampilkan daftar siswa yang diampu memilih data siswa dan memilih menu lihat presensi menampilkan halaman presensi memilih menu cetak mencetak data absensi Gambar 3.20 Activity diagram Mencetak Absensi

30 digilib.uns.ac.id 47 q. Menginput data nilai Nama Use case : Menginput data nilai Aktor : Instruktur Kondisi Awal : Skenario : 1. Instruktur memilih menu penilaian 2. Sistem menampilkan daftar siswa yang diampu 3. Instruktur memilih data siswa dan memilih menu lihat nilai 4. Sistem menampilkan popup lihat nilai 5. Instruktur menginputkan data nilai 5a. Jika siswa telah mengikuti ujian, instruktur dapat langsung menginputkan nilai 6. Form input nilai terisi 7. Admin memilih tombol simpan 8. Sistem menyimpan data nilai Pengecualian : 5b. Jika siswa belum mengikuti ujian, sistem memunculkan pesan Siswa belum mengikuti ujian Kondisi Akhir : Sistem dapat menyimpan data nilai Instruktur Sistem memilih menu penilaian menampilkan daftar siswa yang diampu memilih data siswa dan memilih menu lihat nilai menampilkan popup lihat nilai menginputkan data nilai Form input nilai terisi memilih tombol simpan menyimpan data nilai Gambar 3.21 Activity diagram Menginput Data Nilai

31 digilib.uns.ac.id 48 r. Mengubah data nilai Nama Use case : Mengubah data nilai Aktor : Instruktur Kondisi Awal : Skenario : 1. Instruktur memilih menu penilaian 2. Sistem menampilkan daftar siswa yang diampu 3. Instruktur memilih data siswa dan memilih menu lihat nilai 4. Sistem menampilkan popup lihat nilai 5. Instruktur mengubah data nilai 6. Form ubah nilai terisi 7. Admin memilih tombol simpan 8. Sistem menyimpan data nilai Pengecualian : Kondisi Akhir : Sistem dapat menyimpan data nilai yang telah diubah Instruktur Sistem memilih menu penilaian menampilkan daftar siswa yang diampu memilih data siswa dan memilih menu lihat nilai menampilkan popup lihat nilai mengubah data nilai Form ubah nilai terisi memilih tombol simpan menyimpan data nilai Gambar 3.22 Activity diagram Mengubah Data Nilai

32 digilib.uns.ac.id 49 s. Mencetak data nilai Nama Use case : Mencetak data nilai Aktor : Instruktur Kondisi Awal : Skenario : 1. Instruktur memilih menu daftar nilai 2. Sistem menampilkan pilihan tahun ajaran 3. Instruktur memilih pilihan tahun ajaran 4. Sistem menampilkan daftar nilai siswa dari perintah admin 5. Instruktur memilih menu cetak 6. Sistem mencetak data nilai Pengecualian : Kondisi Akhir : Sistem dapat mencetak data nilai Instruktur Sistem memilih menu daftar nilai menampilkan pilihan tahun ajaran memilih pilihan tahun ajaran menampilkan daftar nilai siswa memilih menu cetak mencetak data nilai Gambar 3.23 Activity diagram Mencetak Data Nilai

33 digilib.uns.ac.id 50 t. Mencetak sertifikat Nama Use case : Mencetak sertifikat Aktor : Admin Kondisi Awal : Skenario : 1. Admin memilih menu sertifikat 2. Sistem menampilkan pilihan tahun ajaran dan program kursus 3. Admin memilih tahun ajaran dan program kursus 4. Sistem menampilkan daftar siswa 5. Admin memilih data siswa dan menu depan 5a. Jika data nilai siswa sudah ada dalam database, maka instruktur dapat langsung mencetak sertifikat 6. Sistem menampilkan data sertifikat bagian depan 7. Admin memilih menu cetak 8. Sistem mencetak sertifikat bagian depan 9. Admin memilih menu belakang 10. Sistem menampilkan data sertifikat bagian belakang 11. Admin memilih menu cetak 12. Sistem mencetak sertifikat bagian belakang Pengecualian : 5b. Jika data nilai siswa belum ada, maka sistem memunculkan menu Buat sertifikat Kondisi Akhir : Sistem dapat mencetak sertifikat

34 digilib.uns.ac.id 51 Admin Sistem memilih menu sertifikat menampilkan pilihan tahun ajaran dan program kursus memilih tahun ajaran dan program kursus menampilkan daftar siswa memilih data siswa dan menu depan menampilkan data sertifikat bagian depan memilih menu cetak mencetak sertifikat bagian depan memilih menu belakang menampilkan data sertifikat bagian belakang memilih menu cetak mencetak sertifikat bagian belakang Gambar 3.24 Activity diagram Mencetak Sertifikat

35 digilib.uns.ac.id Class diagram Instruktur_model +count_instruktur() +get_instruktur() +get_instruktur_free() +get_instruktur_login() +get_instruktur_by_keahlian() +get_instruktur_by_nik() +get_instruktur_pk_nik() +get_instruktur_pk() +tambah() +ubah() +hapus() Siswa_model +count_siswa() +get_siswa() +get_siswa_login() +get_daftar_siswa() +get_penilaian_siswa() +get_nilai_siswa() +get_siswa_by_nis() +get_siswa_lulus() +get_all_siswa_lulus() +get_siswa_detail() +get_siswa_instruktur() +tambah() +ubah() +hapus() Program_kursus_model +count_program_kursus() +get_program_kursus() +get_program_kursus_by_id() +get_program_kursus_by_nama() +tambah() +ubah() +hapus() Materi_model +count_materi_kursus() +get_materi_kursus() +get_materi_kursus_by_programi() +get_materi_kursus_by_id_materikursusi() +tambah() +ubah() +hapus() Jadwal_model +jadwal_full() +jadwal_full_nis() +jadwal_by_nik() +jadwal_by_nis() +jadwal_by_id() +tambah() +ubah() +hapus() Presensi_model +jadwal_full_nis() +presensi_by_nis() +presensi_masuk_by_nis() +presensi_ujian_by_nis() +tambah() +ubah() Nilai_model +get_materi_kursusi() +get_nilai_tesi() +cek_bobot_minimali() +tambahi() +ubah() Admin_model +get_admin() +get_admin_by_username() +get_admin_by_id() +get_admin_profile() +tambah() +ubah() +hapus() Sertifikat_model +get_sertifikat() +get_daftar_sertifikat() +cetak_sertifikat_depan() +cetak_sertifikat_belakang() +get_sertifikat_by_nis() +tambah() +ubah() +hapus() +hapus_by_nis() Hari_libur_model +get_hari_libur() +tambah() +ubah() +hapus() Admin_menu_controler +index() +siswa() +cetak_siswa() +siswa_tambah() +siswa_ubah() +ajax_instruktur() +ajax_jadwal() +siswa_detail() +siswa_hapus() +instruktur() +instruktur_ubah() +instruktur_hapus() +program_kursus() +program_kursus_ubah() +materi() +materi_ubah() +ajax_materi() +sertifikat() +buat_sertifikat() +sertifikat_depan() +sertifikat_belakang() +jadwal() +jadwal_siswa() +jadwal_full() +kaldik() +kaldik_full() +password() Instruktur_menu_controler +index() +penilaian() +input_nilai() +proses_nilai() +kelulusan() +hasil_kelulusan() +nilai() +hasil_nilai() +presensi() +presensi_siswa() +presensi_proses() +jadwal() +jadwal_full() +kaldik_full() +password() Siswa_menu_controler +index() +profile() +presensi() +jadwal() +jadwal_siswa() +jadwal_full() +kaldik_full() +nilai() +password() pimpinan_menu_controler +index() +siswa() +cetak_siswa() +instruktur() +presensi() +presensi_siswa() +nilai() +detail_nilai() +kelulusan() +hasil_kelulusan() +password() Gambar 3.25 Class diagram

36 digilib.uns.ac.id Sequence diagram a. Mengelola Data Program Kursus Program_kursus_v Program_kursus_m Admin_menu_c : Admin 1 : tampil_menu() 2 : program_kursus() 3 : tampil_programkursus() 4 : tambah_programkursus() 5 : tampil_programkursus() 6 : ubah_programkursus() 7 : tampil_programkursus() 8 : hapus_programkursus() 9 : tampil_programkursus() Gambar 3.26 Sequence diagram Mengelola Program Kursus b. Mengelola Data Materi Materi_v : Materi_model : Admin_menu_controler : Admin 1 : tampil_menu() 2 : materi_kursus() 3 : tampil_materikursus() 4 : tambah_materikursus() 5 : tampil_materikursus() 6 : ubah_materikursus() 7 : tampil_materikursus() 8 : hapus_materikursus() 9 : tampil_materikursus() Gambar 3.27 Sequence commit diagram to user Mengelola Materi

37 digilib.uns.ac.id 54 c. Sequence diagram Mengelola Instruktur Instruktur_v : Instruktur_model : Admin_menu_controler : Admin 1 : tampil_menu() 2 : Instruktur() 3 : Tampil_instruktur() 4 : tambah_instruktur() 5 : tampil_instruktur() 6 : ubah_instruktur() 7 : tampil_instruktur() 8 : hapus_instruktur() 9 : tampil_instruktur() Gambar 3.28 Sequence diagram Mengelola Instruktur d. Sequence diagram Mengelola Siswa Siswa_v Siswa_model Admin_menu_controler : Admin 1 : tampil_menu() 2 : Siswa() 3 : Tampil_instruktur() 4 : tambah_siswa() 5 : tampil_instruktur() 6 : ubah_siswa() 7 : tampil_instruktur() 8 : hapus_siswa() 9 : tampil_siswa() Gambar 3.29 Sequence diagram Mengelola Siswa

38 digilib.uns.ac.id 55 e. Sequence diagram Mengelola Jadwal Jadwal_v Jadwal_m Admin_menu_c : Admin 1 : tampil_menu() 2 : jadwal() 3 : tampil_jadwal() 4 : tambah_jadwal() 5 : tampil_jadwal() 6 : ubah_jadwal() 7 : tampil_jadwal() 8 : hapus_jadwal() 9 : tampil_jadwal() Gambar 3.30 Sequence diagram Mengelola Jadwal f. Sequence diagram Mengelola Presensi Presensi_v Presensi_model Instruktur_menu_controler : Instruktur 1 : tampil_menu() 2 : Presensi() 3 : Tampil_presensi() 4 : tambah_presensi() 5 : tampil_presensi() 6 : ubah_presensi() 7 : tampil_presensi() Gambar 3.31 Sequence diagram Mengelola Presensi

39 digilib.uns.ac.id 56 g. Sequence diagram Mengelola Nilai Penilaiani_v Nilaii_model Instruktur_menu_controler : Instruktur 1 : tampil_menu() 2 : Penilaian() 3 : Tampil_nilai() 4 : tambah_nilai() 5 : tampil_nilai() 6 : ubah_nilai() 7 : tampil_nilai() Gambar 3.32 Sequence diagram Mengelola Nilai h. Sequence diagram Mengelola Sertifikat Sertifikat_v Sertifikat_model Admin_menu_controler : Admin 1 : tampil_menu() 2 : Sertiifkat() 3 : Daftar_sertifikat() 4 : Buat_sertifikat() 5 : Sertifikat() 6 : Cetak_sertifikat_depan() 7 : Sertifikat_depan() 8 : cetak_sertifikat_belakang() 9 : Sertifikat_belakang() Gambar 3.33 Sequence diagram Mengelola Nilai

40 Perancangan Database Entity relationship diagram Nama_Instruktur NoHP Password Hari Jam Id_jadwal Tanggal Keterangan Hari_libur Alamat Instruktur 1 nik Jadwal N Id_hari_libur Nama_predikat Id_predikat Predikat 1 Nama_program kursus memiliki N Id_programkursus Sesi Kelas_kursus Jenis_kelamin Foto_siswa mempunyai 1 Tanggal_daftarkursus Tahun_ajaran Pendidikan memiliki 1 Program_kursus 1 memiliki N Siswa 1 mendapat 1 Sertifikat 1 Nama_siswa Password 1 NIS Tanggal_lahir memiliki No HP N Alamat Tempat_lahir N memiliki Nilai akhir No_sertifikat Materi_kursus N mendapat N Tanggal_buat predikat Presensi Id_materikursus Bobot_nilaiminimum Id_presensi keterangan Username deskripsi_materi kursus Nilai_tes Tgl_presensi jam Jenis_presensi Admin Password Level Gambar 3.34 Entity relationship diagram

41 digilib.uns.ac.id Relasi Antar Tabel PK Instruktur NIK Nama_Instruktur Alamat No_HP Password PK FK1 Jadwal Id_jadwal NIS Hari Jam PK Predikat Id_predikat Nama_predikat PK Admin Username Password Level Sertifikat PK FK1 PK FK1 Program_kursus Id_programkursus NIK Nama_programkursus Sesi Materi_kursus Id_materikursus Id_programkursus Deskripsi_materikursus Bobot_nilaiminimum PK FK1 NIS Siswa Id_programkursus Nama_siswa Jenis_kelamin Tempat_lahir Tanggal_lahir Alamat NoHP Pendidikan Foto_siswa Thn_ajaran Tanggal_daftarkursus Kelas_kursus Hari_kursus Jam_kursus Password PK FK1 FK2 PK FK1 No_sertifikat Id_predikat NIS Nilai_akhir Tanggal_buat Presensi Id_presensi NIS Tgl_presensi Jam Jenis_presensi Keterangan Nilai_akhir Hari_libur PK id_hari_libur FK1 FK2 NIS Id_materikursus Nilai_tes Tanggal Keterangan Gambar 3.35 Relasi Antar Tabel Tabel Fisik a. Tabel Program_kursus Tabel 3.4 Program Kursus Nama Field Tipe Lebar Keterangan Id_programkursus Varchar 5 Primary Key NIK Varchar 10 Foreign Key Nama_programkursus Varchar 35 Sesi Integer 2 b. Tabel Materi_kursus Tabel 3.5 Materi Kursus Nama Field Tipe Lebar Keterangan Id_materikursus Varchar 10 Primary Key Id_programkursus Varchar 5 Foreign Key Deskripsi_materikursus Varchar 100 Bobot_nilai_minimum commit Int to user 2

42 digilib.uns.ac.id 59 c. Tabel Instruktur Tabel 3.6 Instruktur Nama Field Tipe Lebar Keterangan NIK Varchar 10 Primary Key Nama_instruktur Varchar 20 Alamat Varchar 50 NoHP Varchar 20 Password Varchar 30 d. Tabel Siswa Tabel 3.7 Siswa Nama Field Tipe Lebar Keterangan NIS Char 5 Primary Key Nama_siswa Varchar 50 Jenis_kelamin Enum L, P Tempat_lahir Varchar 15 Tanggal_lahir Date Alamat Varchar 50 NoHP Varchar 20 Pendidikan Varchar 30 Foto_siswa Varchar 50 Thn_ajaran Varchar 9 Tanggal_daftarkursus Date Id_programkursus Varchar 5 Foreign Key Kelas_kursus Varchar 30 Hari_kursus Varchar 30 Jam_kursus Varchar 10 Password Varchar 30

43 digilib.uns.ac.id 60 e. Tabel Jadwal Tabel 3.8 Jadwal Nama Field Tipe Lebar Keterangan Id_jadwal Int 11 Primary Key NIS Char 5 Hari Varchar 10 Jam Varchar 11 f. Tabel Presensi Tabel 3.9 Presensi Nama Field Tipe Lebar Keterangan Id_presensi Int 11 Primary Key NIS Char 5 Tgl_presensi Date Jam Varchar 11 Jenis_presensi Enum Les, Ujian Keterangan Varchar 50 g. Tabel Nilai_akhir Tabel 3.10 Nilai Nama Field Tipe Lebar Keterangan NIS Char 5 Foreign Key Id_materikursus Varchar 10 Foreign Key Nilai_tes Int 3

44 digilib.uns.ac.id 61 h. Tabel Sertifikat Tabel 3.11 Sertifikat Nama Field Tipe Lebar Keterangan No_sertifikat Varchar 10 Primary Key NIS Char 5 Foreign Key Nilai_akhir Float Id_predikat Enum A, B, C, D Foreign Key Tanggal_buat Date i. Tabel Predikat Tabel 3.12 Predikat Nama Field Tipe Lebar Keterangan Id_predikat Enum A, B, C, D Primary Key Nama_predikat Varchar 20 j. Tabel Admin Tabel 3.13 Admin Nama Field Tipe Lebar Keterangan Username Varchar 20 Primary Key Password Varchar 30 Level Enum Admin, Pimpinan k. Tabel Hari_libur Tabel 3.13 Hari Libur Nama Field Tipe Lebar Keterangan Id_hari_libur Int 11 Primary Key Tanggal Date Keterangan Varchar 50

45 digilib.uns.ac.id Perancangan Antarmuka a. Halaman login b. Halaman ubah password Gambar 3.29 Antarmuka Halaman Login Gambar 3.30 Antarmuka Halaman Ubah Password

46 digilib.uns.ac.id 63 c. Halaman home admin Gambar 3.31 Antarmuka Halaman Home Admin d. Halaman admin menu program kursus Gambar 3.32 Antarmuka Halaman Admin Menu Program Kursus

47 digilib.uns.ac.id 64 e. Halaman admin menu materi Gambar 3.33 Antarmuka Halaman Admin Menu Materi f. Halaman admin menu siswa Gambar 3.34 Antarmuka Halaman Admin Menu Siswa

48 digilib.uns.ac.id 65 g. Halaman admin menu instruktur Gambar 3.35 Antarmuka Halaman Admin Menu Instruktur h. Halaman admin menu jadwal Gambar 3.36 Antarmuka Halaman Admin Menu Jadwal

49 digilib.uns.ac.id 66 i. Halaman admin menu sertifikat Gambar 3.37 Antarmuka Halaman Admin Menu Sertifikat j. Halaman home instruktur Gambar 3.38 Antarmuka Halaman Home Instruktur

50 digilib.uns.ac.id 67 k. Halaman instruktur menu jadwal Gambar 3.39 Antarmuka Halaman Instruktur Menu Jadwal l. Halaman instruktur menu presensi Gambar 3.40 Antarmuka Halaman Instruktur Menu Presensi

51 digilib.uns.ac.id 68 m. Halaman instruktur menu penilaian Gambar 3.41 Antarmuka Halaman Instruktur Menu Penilaian n. Halaman home siswa Gambar 3.42 Antarmuka Halaman Home Siswa

52 digilib.uns.ac.id 69 o. Halaman home pimpinan Gambar 3.43 Antarmuka Halaman Home Pimpinan