bab iv analisis dan perancangan sistem 4.1....
TRANSCRIPT
60
BAB IV
ANALISIS DAN PERANCANGAN SISTEM
4.1. Analisis Sistem yang Berjalan
Analisis sistem merupakan proses memilah-milah suatu permasalahan
menjadi elemen-elemen yang lebih kecil untuk dipelajari guna mempermudah
permasalahan dari suatu sistem informasi. Hasil akhir dari analisis sistem
merupakan cara pemecahan masalah yang terjadi dalam spesifikasi sistem baru.
Pada tahap analisis diperlukan suatu pendekatan analisis guna menghindari
kesalahan-kesalahan yang mungkin muncul pada tahap berikutnya, yaitu
perancangan sistem baru. Karena pada tahap ini merupakan tahapan yang sangat
penting, pendekatan yang dilakukan adalah mendefinisikan masalah pada sistem
yang sedang berjalan dan sekaligus melakukan evaluasi setiap cara kerja sistem
yang sedang berjalan berdasarkan prosedur-prosedur yang ada. Sehingga akan
diketahui permasalahannya serta kesulitan apa saja yang dihadapi oeh sistem yang
sedang berjalan, apa saja pengaruhnya dan harus diperhatikan validasinya
terhadap sasaran sistem yang dirancang sebelum dilakukan perbaikan.
Tahap analisis sistem merupakan tahap yang sangat kritis dan penting
karena semua kesalahan pada tahap berikutnya bersumber pada kesalahan tahap
analisis sistem. Oleh karena itu seorang analisis sistem harus cermat
memperhitungkan segala kemungkinan yang akan terjadi sedini mungkin.
61
Langkah dasar tahap analisis sistem adalah :
1. Mengidentikasi permasalahan yang terjadi (identify),
2. Memahami permasalahan (understand),
3. Menganalisis sistem (analyze) dan
4. Membuat laporan hasil analisis sistem (report).
4.1.1. Analisis Prosedur yang Sedang Berjalan
Pada analisis prosedur ini, harus diketahui prosedur yang sedang berjalan
untuk perancangan sistem yang baru. Harus diketahui pula hal-hal yang menjadi
tujuan pemakai sehingga masalah tersebut dapat didefinisikan secara jelas.
4.1.1.1 Use Case Diagram
Use Case merupakan perilaku software aplikasi dimana proses tersebut
menggambarkan suatu sistem, sehingga yang menggunakan sistem akan mudah
mengerti mengenai kegunaan sistem yang dibangun.
Use Case Diagram adalah gambaran (graphical) dari beberapa actor, Use
Case, dan interaksi diantaranya yang memperkenalkan suatu sistem.
Use Case Diagram menggambarkan siapa saja aktor yang melakukan
prosedur dalam sistem serta fungsi- fungsi (proses) yang terlibat dalam
transformasi pada sistem tersebut. Adapun use case diagram yang berjalan saat ini
pada sistem akademik di SMK Pasundan Majalaya yaitu :
62
Gambar 4.1 Use Case Diagram Sistem Informasi Akademik yang Berjalan
4.1.1.2 Skenario Use Case
Sekenario use case mendeskripsikan aktor-aktor yang melakukan prosedur
dalam sistem, serta menjelaskan respon yang ditanggapi oleh sistem tersebut
terhadap prosedur yang dilakukan oleh aktor. Berikut adalah sekenario use case
yang berjalan saat ini di SMK Pasundan Majalaya, yaitu :
Tabel 4.1 Sekenario Use Case Sistem Pendaftaran Siswa yang Berjalan
1. Nama Use Case : Pendaftaran
Aktor : Pendaftar
Tujuan : Memproses pendaftaran calon siswa baru
<<extend>>
<<include>>
<<include>>
<<include>>
<<include>>
Laporan Penerimaan
Pendaftaran
No Pendaftaran
SeleksiPendaftar
Panitia
Pendaftaran Ulang
Laporan Absen Siswa
Petugas
Pembagian Kelas
<<include>>
Siswa
Penilaian
Guru Wali
Laporan Nilai Siswa
63
Tabel 4.2 Sekenario Use Case No Pendaftaran yang Berjalan
2. Nama Use Case : No Pendaftaran
Aktor : Panitia, pendaftar
Tujuan : Membuat no pendaftaran
Panitia Pendaftar
1 Menerima form pendaftaran
beserta kelengkapannya
2 Membuat dan mencetak no pendaftaran
3 Menerima no pendaftaran
Tabel 4.3 Sekenario Use Case Sistem Seleksi Siswa yang Berjalan
3. Nama Use Case : Seleksi
Aktor : Panitia
Tujuan : Menyeleksi calon siswa
Panitia Sistem
1 Melakukan penyeleksian berdasarkan penghasilan orang tua wali
Pendaftar Sistem
1 Mengisi form pendaftaran beserta persyaratan
2 Memeriksa form pendaftaran dan
kelengkapan persyaratan
3 Mengarsipkan form pendaftaran dan
kelengkapan persyaratan
64
2 Menyimpan hasil seleksi
Tabel 4.4 Sekenario Use Case Sistem Daftar Ulang Siswa yang Berjalan
4. Nama Use Case : Daftar Ulang
Aktor : Pendaftar
Tujuan : Melakukan pendaftaran ulang
Tabel 4.5 Sekenario Use Case Laporan Penerimaan Siswa yang Berjalan
5. Nama Use Case : Laporan Penerimaan
Aktor : Panitia
Tujuan : Membuat laporan penerimaan siswa baru
Pendaftar Sistem
1 Melengkapi data pendaftar dan melakukan pembayaran
sekolah
2 Memeriksa data kelengkapan
pendaftar yang melakukan daftar ulang
3 Mengarsipkan data kelengkapan
pendaftar yang melakukan daftar ulang
Sistem Panitia
1 Menampilkan data-data hasil seleksi pendaftar
2 Mencetak laporan penerimaan siswa
65
Tabel 4.6 Sekenario Use Case Sistem Pembagian Kelas yang Berjalan
6. Nama Use Case : Pembagian Kelas
Aktor : Petugas
Tujuan : Menentukan calon siswa yang lulus
seleksi dan melakukan daftar ulang pada
kelas-kelas yang tersedia
Tabel 4.7 Sekenario Use Case Laporan Absen Siswa yang Berjalan
7. Nama Use Case : Laporan Absen Siswa
Aktor : Petugas
Tujuan : Membuat laporan absen siswa baru
Petugas Sistem
1 Membagi calon siswa yang lulus ke dalam kelas-kelas
yang sudah tersedia
2 Menyimpan dan mengarsipkan data-
data siswa sesuai dengan kelasnya masing-masing
Sistem Panitia
1
Menampilkan data-data siswa
yang sebelumnya telah dibagi kelas
2 Mencetak laporan absen siswa baru
66
Tabel 4.8 Sekenario Use Case Sistem Penilaian yang Berjalan
8. Nama Use Case : Penilaian
Aktor : Guru Wali, siswa
Tujuan : Melakukan penilaian terhadap prestasi
siswa
Tabel 4.9 Sekenario Use Case Laporan Nilai Siswa yang Berjalan
9. Nama Use Case : Laporan Nilai Siswa
Aktor : Guru Wali
Tujuan : Membuat laporan nilai siswa baru
Guru Wali Siswa
1 Menyusun data mentah nilai siswa untuk melakukan penilaian
2 Melakukan penilaian sesuai dengan data-data yang diperoleh
3 Menerima hasil penilaian
Sistem Guru Wali
1 Menampilkan data-data nilai
siswa
2 Mencetak laporan nilai siswa
67
4.1.1.3 Activity Diagram
Pada bagian ini akan digambarkan dokumentasi alur kerja pada sistem
yang sedang berjalan pada SMK Pasundan Majalaya yang bertujuan untuk melihat
alur proses sistem yang sedang berjalan.
Adapun aktivitas-aktivitas akademik pada SMK Pasundan Majalaya yang
sedang berjalan pada saat ini adalah sebagai berikut.
1. Activity Diagram Pendaftaran Siswa Baru yang Berjalan
Sistem pendaftaran siswa baru pada SMK Pasundan Majalaya masih
dilakukan secara mencatat. Calon siswa baru yang akan mendaftar pun harus
datang langsung ke sekolah untuk mendaftarkan diri mereka. Dalam penyimpanan
data pendaftar masih berupa dokumen/arsip sehingga sewaktu-waktu bisa hilang
atau rusak.
Gambar 4.2 Activity Diagram Pendaftaran Siswa Baru yang Berjalan
2. Activity Diagram No Pendaftaran Siswa Baru yang Berjalan
Dalam membuat no pendaftaran pada proses pendaftaran siswa baru,
panitia terlebih dahulu melakukan pemeriksaan pada formulir pendaftaran dan
kelengkapan persyaratan pendaftaran. Setelah itu panitia membuat no pendaftaran
untuk diberikan kepada pendaftar.
Mengisi form pendaftaran
beserta persyaratanMemeriksa form pendaftaran dan
kelengkapan persyaratan
Mengarsipkan form pendaftaran
dan kelengkapan persyaratan
SistemPendaftar
68
Gambar 4.3 Activity Diagram No Pendaftaran Siswa Baru yang Berjalan
3. Activity Diagram Seleksi Penerimaan Siswa Baru yang Berjalan
Tahap penyeleksian dilakukan oleh panitia penerimaan siswa baru dengan
melihat data-data pendaftar. Penyeleksian ini dilihat berdasarkan penghasilan
orang tua pendaftar. Setelah tahap ini selesai kemudian informasi tersebut
ditempel pada papan informasi sekolah agar pendaftar bisa melihat informasi
tersebut.
Gambar 4.4 Activity Diagram Seleksi Penerimaan Siswa Baru yang Berjalan
4. Activity Diagram Daftar Ulang Siswa Baru yang Berjalan
Setelah hasil informasi seleksi keluar, maka pendaftar harus melakukan
daftar ulang sebagai syarat untuk menjadi siswa di SMK Pasundan Majalaya.
Menerima form pendaftaran
beserta kelengkapannya
Membuat dan mencetak
no pendaftaran
Menerima no
pendaftaran
PendaftarPanitia
Melakukan penyeleksian berdasarkan
penghasilan orang tua wali
Menyimpan
hasil seleksi
SistemPanitia
69
Gambar 4.5 Activity Diagram Daftar Ulang Siswa Baru yang Berjalan
5. Activity Diagram Laporan Penerimaan Siswa yang Berjalan
Setelah tahap seleksi dan daftar ulang selesai, panitia kemudian membuat
laporan penerimaan siswa baru berdasarkan data-data dari proses seleksi dan
proses daftar ulang. Laporan tersebut sebagai bukti penerimaan siswa baru di
SMK Pasundan Majalaya.
Gambar 4.6 Activity Diagram Laporan Penerimaan Siswa yang Berjalan
6. Activity Diagram Pembagian Kelas yang Berjalan
Petugas menerima data-data siswa yang sudah keterima dari panitia
pendaftaran, kemudian petugas lalu membaginya kedalam kelas-kelas yang sudah
tersedia.
Melengkapi data pendaftar dan
melakukan pembayaran sekolah
Memeriksa data kelengkapan pendaftar
yang melakukan daftar ulang
Mengarsipkan data kelengkapan
pendaftar yang melakukan daftar ulang
SistemPendaftar
Menampilkan data-data hasil seleksi
pada waktu proses pendaftaran
Mencetak laporan
penerimaan siswa
PanitiaSistem
70
Gambar 4.7 Activity Diagram Pembagian Kelas yang Berjalan
7. Activity Diagram Laporan Absen Siswa yang Berjalan
Setelah tahap pembagian kelas selesai, petugas kemudian membuat
laporan absen siswa berdasarkan data-data siswa yang sudah dibagi kelasnya.
Gambar 4.8 Activity Diagram Laporan Absen Siswa yang Berjalan
8. Activity Diagram Penilaian Siswa yang Berjalan
Penilaian dilakukan setelah siswa melaksanakan tugas maupun ujian,
kemudian data-data nilai tersebut disusun dan diolah oleh guru wali yang
bersangkutan. Hasil olah data-data nilai tersebut menjadi hasil penilaian siswa
yang nanti diberikan kepada siswa yang bersangkutan.
Gambar 4.9 Activity Diagram Penilaian Siswa yang Berjalan
Membagi calon siswa yang lulus ke
dalam kelas-kelas yang sudah tersedia
Menyimpan dan mengarsipkan data-data siswa
sesuai dengan kelasnya masing-masing
SistemPetugas
Menampilkan data-data siswa yang
sebelumnya telah dibagi kelas
Mencetak laporan
absen siswa baru
PanitiaSistem
Menyusun data mentah nilai siswa
untuk melakukan penilaian
Melakukan penilaian sesuai
dengan data-data yang diperolehMenerima
hasil penilaian
Siswa Guru Wali
71
9. Activity Diagram Laporan Nilai Siswa yang Berjalan
Setelah tahap penilaian siswa selesai, maka wali kelas yang bersangkutan
membuat laporan nilai siswa berdasarkan data-data nilai siswa dari proses
penilaian sebelumnya.
Gambar 4.10 Activity Diagram Laporan Nilai Siswa yang Berjalan
4.1.2. Evaluasi Sistem yang Sedang Berjalan
Melihat sistem akademik yang sedang berjalan di SMK Pasundan
Majalaya yang masih menggunakan sistem manual, maka dapat disimpulkan
beberapa kekurangan dalam prosedur yang sedang berjalan, diantaranya :
Tabel 4.10 Evaluasi Sistem yang Sedang Berjalan
No. Permasalahan Bagian Rancangan
Permasalahan
1 Sistem pendaftaran siswa
yang masih dikerjakan
manual membuat proses
pendaftaran memakan
waktu lama dan informasi
yang dihasilkan juga kurang
akurat
Panitia
penerimaan
siswa baru
Membangun suatu
sistem yang bisa
mengerjakan proses
pendaftaran juga
proses penyeleksian
secara otomatis dan
terintegrasi untuk
meningkatkan kualitas
pelayanan dan
meringankan kinerja
Menampilkan data-
data nilai siswa
Mencetak laporan
nilai siswa
Guru WaliSistem
72
petugas
2 Proses seleksi dari jumlah
pendaftar yang begitu
banyak membutuhkan
ketelitian ekstra, personel
lebih banyak dan
membutuhkan biaya
operasional tinggi
Panitia Membangun sistem
yang bisa melakukan
penyeleksian secara
otomatis sehingga
kesalahan dalam
seleksi bisa dikurangi
3 Proses pembagian kelas
yang membutuhkan
ketelitian dan kesesuaian
antara jumlah kelas dan
jumlah siswa diperlukan
petugas yang ulet
menangani pekerjaan ini
Petugas Membangun suatu
sistem yang
terkomputerisasi yang
dapat mengerjakan
proses pembagian
kelas secara otomatis
dan cepat
4 Proses penilaian siswa yang
masih dikerjakan secara
mencatat menimbulkan
informasi nilai yang lambat
dan kurang akurat
Guru Membangun suatu
sistem yang bisa
memudahkan guru di
dalam memberikan
nilai siswa sehingga
nilai yang dihasilkan
minim kesalahan dan
bisa di akses setiap
waktu bagi guru, siswa
maupun orang tua
siswa sendiri
4 Pembuatan laporan, baik
laporan penerimaan siswa
baru, laporan absen siswa
maupun laporan nilai siswa
Panitia
Petugas
Membuat suatu sistem
yang bisa membuat
laporan penerimaan
siswa baru yang
73
yang masih dilakukan
manual membutuhkan
waktu yang lama dan
membutuhkan banyak
personel untuk
pembuatannya, tingkat
kesalahan pencatatan pun
tinggi
mudah, cepat akurat.
Sehingga data yang
dihasilkan mempunyai
tingkat keakuratan
yang tinggi
4.2. Perancangan Sistem
Perancangan sistem adalah suatu tahapan untuk mendesain program
melalui kreatifitas dengan menggunakan bentuk operasi berupa sumber-sumber
diagram alir sistem.
4.2.1 Tujuan Perancangan Sistem
Perancangan sistem informasi bertujuan untuk memberikan gambaran
mengenai sistem yang diusulkan sebagai penyempurnaan dari sistem yang sedang
berjalan, sistem yang sedang berjalan secara keseluruhan dilakukan secara manual
sedangkan sistem yang diusulkan akan lebih ditekankan pada pengolahan data
secara terkomputerisasi.
Berdasarkan hasil evaluasi terhadap sistem yang berjalan dilihat dari
tahapan-tahapan analisis diatas, maka akan dibuat suatu rancangan pengembangan
sistem berjalan mengenai akademik yang akan diterapkan di SMK Pasundan
Majalaya. Adapun indikator kebutuhan pengembangan sistem adalah kurangnya
kontribusi manajamen dalam pengendalian informasi ataupun fasilitas yang ada.
74
4.2.2 Gambaran Umum Sistem Yang Diusulkan
Sistem yang diusulkan untuk pengolahan data akademik di SMK Pasundan
Majalaya dilakukan secara online, dimana para user dapat mengaksesnya
langsung tanpa harus hadir ke lokasi, dalam hal ini SMK Pasundan Majalaya.
Pada sistem yang diusulkan ini sekolah bertindak sebagai administrator
sedangkan user adalah para pendaftar, siswa, orang tua siswa maupun orang lain
yang membutuhkan informasi dari sekolah. Berikut adalah gambaran umum
sistem yang diusulkan.
Gambar 4.11 Gambaran Umum Sistem yang Diusulkan
4.2.3 Perancangan Prosedur yang Diusulkan
Perancangan ini mencakup use case diagram, activity diagram,
collaboration diagram, class diagram, sequence diagram, component diagram
dan deployment diagram yang menghasilkan sistem lebih baik. Proses yang
dirancang diuraikan menjadi beberapa bagian yang dapat membentuk sistem
tersebut menjadi satu kesatuan komponen.
75
4.2.3.1 Use Case Diagram yang Diusulkan
Use Case diagram menggambarkan secara grafis perilaku software
aplikasi. Adapun use case dibawah ini adalah sistem akademik SMK Pasundan
Majalaya yang diusulkan :
Gambar 4.12 Use Case Diagram Sistem Informasi Akademik yang Diusulkan
4.2.3.2 Sekenario Use Case yang Diusulkan
Aktor-aktor yang melakukan prosedur dalam sistem dan respon yang
ditanggapi oleh sistem terhadap prosedur yang dilakukan oleh aktor dijelaskan
dalam sekenario use case yang diusulkan.
Adapun tahapan-tahapan skenario use case sistem informasi akademik di
SMK Pasundan Majalaya yang diusulkan sebagai berikut :
AdministratorPengunjung
<<extend>>
<<include>> <<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
<<include>>
Laporan Nilai Siswa
No Pendaftaran
Login Akun Siswa
Penilaian
Guru Wali
Pendaftar
Siswa
Laporan Penerimaan
Pendaftaran
Seleksi
Login Akun Admin
Daftar Ulang
Pembagian Kelas
Laporan Absen Siswa
Petugas
<<include>>
76
Tabel 4.11 Sekenario Use Case Sistem Pendaftaran Siswa yang Diusulkan
1. Nama Use Case : Pendaftaran
Aktor : Pendaftar
Tujuan : Melakukan pendaftaran calon siswa baru
Tabel 4.12 Sekenario Use Case No Pendaftaran yang Diusulkan
2. Nama Use Case : No Pendaftaran
Aktor : Pendaftar
Tujuan : Membuat no pendaftaran
Sistem Pendaftar
1
Menampilkan halaman berbeda
setelah melakukan pendaftaran yang berisi no pendaftaran
beserta informasi lainnya
2 Menerima dan mencetak no
pendaftaran
Pendaftar Sistem
1 Masuk kehalaman pendaftaran
2 Mengisi data kelengkapan persyaratan pendaftaran
3 Memvalidasi kelengkapan persyaratan
pendaftaran
4 Menyimpan informasi kelengkapan
persyaratan pendaftaran
77
Tabel 4.13 Sekenario Use Case Sistem Seleksi Siswa yang Diusulkan
3. Nama Use Case : Seleksi
Aktor : Petugas
Tujuan : Menyeleksi calon siswa
Tabel 4.14 Sekenario Use Case Daftar Ulang Siswa yang Diusulkan
4. Nama Use Case : Daftar Ulang
Aktor : Pendaftar
Tujuan : Melakukan daftar ulang
Sistem Petugas
1 Menyeleksi seluruh data calon
siswa secara otomatis
2 Menerima informasi hasil seleksi
Pendaftar Sistem
1 Masuk ke halaman daftar ulang
2 Menginput kode daftar ulang yang tertera pada no
pendaftaran
3 Memvalidasi kode daftar ulang yang
di input
4 Menyimpan data pendaftar yang sudah
melakukan daftar ulang
78
Tabel 4.15 Sekenario Use Case Sistem Laporan Penerimaan
5. Nama Use Case : Laporan Penerimaan
Aktor : Petugas
Tujuan : Mencetak laporan penerimaan
Tabel 4.16 Sekenario Use Case Login Siswa
6. Nama Use Case : Login siswa
Aktor : Siswa
Tujuan : Melakukan login
Tabel 4.17 Sekenario Use Case Login Administrator
7. Nama Use Case : Login administrator
Aktor : Administrator
Sistem Petugas
1 Menampilkan informasi mengenai penerimaan siswa
2 Mencetak laporan penerimaan
Siswa Sistem
1 Melakukan login akun siswa
2 Memverifikasi kelengkapan data akun
siswa
3 Menampilkan halaman utama akun
siswa
79
Tujuan : Melakukan login
Tabel 4.18 Sekenario Use Case Sistem Pembagian Kelas yang Diusulkan
8. Nama Use Case : Pembagian Kelas
Aktor : Administrator, siswa
Tujuan : Membagi kelas
Tabel 4.19 Sekenario Use Case Sistem Laporan Absen Siswa
9. Nama Use Case : Laporan Absen Siswa
Aktor : Petugas
Tujuan : Mencetak laporan absen siswa
Administrator Sistem
1 Melakukan login akun
administrator
2 Memverifikasi kelengkapan data akun
administrator
3 Menampilkan halaman utama akun
administrator
Administrator Siswa
1 Menginputkan data-data kelas, dan sistem secara otomatis akan menyimpan data-data tersebut
2 Menerima informasi data-data kelas secara otomatis yang akan ditampilkan oleh sistem
3 Menerima informasi data-data kelas
80
Tabel 4.20 Sekenario Use Case Sistem Penilaian yang Diusulkan
10. Nama Use Case : Penilaian
Aktor : Guru Wali, siswa
Tujuan : Membuat penilaian untuk siswa
Tabel 4.21 Sekenario Use Case Sistem Laporan Nilai Siswa
11. Nama Use Case : Laporan Nilai Siswa
Aktor : Guru Wali
Tujuan : Mencetak laporan Nilai Siswa
Sistem Petugas
1 Menampilkan informasi absen
siswa
2 Mencetak laporan absen siswa
Guru Wali Siswa
1 Menginputkan data mentah
nilai siswa
2 Menerima informasi penilaian siswa
3 Menerima informasi penilaian siswa
Sistem Guru Wali
1 Menampilkan informasi nilai siswa
2 Mencetak laporan nilai siswa
81
4.2.3.3 Activity Diagram
Pada bagian ini akan digambarkan dokumentasi alur kerja pada sistem
akademik SMK Pasundan Majalaya yang bertujuan untuk melihat alur proses
sistem yang diusulkan.
1. Activity Diagram Pendaftaran Siswa Baru yang Diusulkan
Pada sistem pendaftaran yang diusulkan, seorang pendaftar cukup masuk
ke web sekolah dan memasukkan data yang lengkap untuk persyaratan
pendaftaran pada menu pendaftaran dan form yang sudah disediakan.
Gambar 4.13 Activity Diagram Pendaftaran Siswa Baru yang Diusulkan
2. Activity Diagram No Pendaftaran Siswa Baru yang Diusulkan
Dalam sistem yang disulkan ini, setelah pendaftar melakukan pengisian
data pada form pendaftaran, maka secara otomatis akan berpindah ke halaman
baru yang berupa file no pendaftaran yang bisa langsung dicetak oleh pendaftar.
Masuk kehalaman
pendaftaran
Mengisi data kelengkapan
persyaratan pendaftaranMemvalidasi kelengkapan
persyaratan pendaftaran
Menyimpan informasi kelengkapan
persyaratan pendaftaran
SistemPendaftar
82
Gambar 4.14 Activity Diagram No Pendaftaran Siswa Baru yang Diusulkan
3. Activity Diagram Seleksi Penerimaan Siswa Baru yang Diusulkan
Sistem penyeleksian yang diusulkan ini akan secara otomatis menyeleksi
pendaftar sehingga petugas cukup menerima informasi pendaftar yang lolos
seleksi.
Gambar 4.15 Activity Diagram Seleksi Penerimaan Siswa Baru yang
Diusulkan
4. Activity Diagram Daftar Ulang Siswa Baru yang Diusulkan
Pada proses daftar ulang dilakukan secara online agar memudahkan
pendaftar yang melakukan pendaftaran ulang. Sehingga pendaftar tidak perlu
datang ke sekolah.
Menampilkan halaman berbeda setelah melakukan pendaftaran
yang berisi no pendaftaran beserta informasi lainnya
Menerima dan mencetak
no pendaftaran
PendaftarSistem
Menyeleksi seluruh data
calon siswa secara otomatisMenerima informasi
hasil seleksi
PetugasSistem
83
Gambar 4.16 Activity Diagram Daftar Ulang Siswa Baru yang Diusulkan
5. Activity Diagram Laporan Penerimaan Siswa yang Berjalan
Sistem laporan penerimaan siswa baru pada SMK Pasundan Majalaya ini,
petugas tinggal mencetak laporan penerimaan tersebut karena sistem yang sudah
otomatis terlebih dahulu mengerjakan dan menyusun laporan tersebut sesuai
dengan ketentuan.
Gambar 4.17 Activity Diagram Laporan Penerimaan Siswa yang Diusulkan
6. Activity Diagram Login Siswa
Pada sistem akademik yang diusulkan di SMK Pasundan Majalaya ini,
dibuat akun siswa yang bisa diakses oleh siswa untuk melihat informasi jadwal
pelajaran maupun nilai mata pelajaran siswa tersebut.
Masuk ke halaman
daftar ulang
Menginput kode daftar ulang yang
tertera pada no pendaftaran
Memvalidasi kode daftar
ulang yang di input
Menyimpan data pendaftar yang
sudah melakukan daftar ulang
SistemPendaftar
Menampilkan informasi
mengenai penerimaan siswa
Mencetak laporan
penerimaan
PetugasSistem
84
Gambar 4.18 Activity Diagram Login Siswa
7. Activity Diagram Login Administrator
Dalam sistem yang kami usulkan, ada dua orang administrator yang diberi
hak akses sesuai kebutuhan masing-masing admin. Yang pertama admin petugas
yang mempunyai hak mengelola konten web dan admin guru yang mempunyai
hak untuk memasukkan data penilaian siswa yang diajarnya.
Gambar 4.19 Activity Diagram Login Administrator
8. Activity Diagram Pembagian Kelas yang Diusulkan
Admin dalam hal ini petugas cukup memasukkan data-data kelas sesuai
ketentuan. Kemudian sistem sendiri yang secara otomatis menyimpan data-data
tersebut.
Melakukan login
akun siswaMemverifikasi kelengkapan
data akun siswa
Menampilkan halaman
utama akun siswa
SistemSiswa
Melakukan login
akun administrator
Memverifikasi kelengkapan data
akun administrator
Menampilkan halaman
utama akun administrator
SistemAdministrator
85
Gambar 4.20 Activity Diagram Pembagian Kelas yang Diusulkan
9. Activity Diagram Laporan Absen Siswa yang Berjalan
Sistem laporan absen siswa baru pada SMK Pasundan Majalaya ini,
petugas tinggal mencetak laporannya saja karena sistem sudah secara otomatis
menyusun data tersebut sesuai dengan ketentuan.
Gambar 4.21 Activity Diagram Laporan Absen Siswa yang Diusulkan
10. Activity Diagram Penilaian Siswa yang Diusulkan
Pada sistem yang diusulkan ini, guru tinggal memasukkan data nilai siswa
pada menu akun yang sudah disediakan. Sehingga siswa mudah mengakses nilai
tanpa harus menghubungi guru yang bersangkutan.
Menginputkan data-data kelas, dan sistem secara
otomatis akan menyimpan data-data tersebut
Menerima informasi data-data kelas secara
otomatis yang akan ditampilkan oleh sistem
Menerima informasi
data-data kelas
SiswaAdministrator
Menampilkan
informasi absen siswa
Mencetak laporan
absen siswa
PetugasSistem
86
Gambar 4.22 Activity Diagram Penilaian Siswa yang Diusulkan
11. Activity Diagram Laporan Nilai Siswa yang Berjalan
Sistem laporan nilai siswa ini adalah berupa laporan nilai-nilai mata
pelajaran yang diikuti oleh siswa yang akan dikerjakan oleh sistem secara
otomatis sehingga guru maupun siswa yang bersangkutan tinggal mencetak
laporan nilai ini.
Gambar 4.23 Activity Diagram Laporan Nilai Siswa yang Diusulkan
4.2.3.4 Sequence Diagram
Sequential diagram menjelaskan interaksi object yang disusun dalam suatu
urutan waktu. Diagram ini secara khusus berasosiasi dengan Use Case Sequence
Diagram, memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk
Menginputkan data
mentah nilai siswa
Menerima informasi
penilaian siswa
Menerima informasi
penilaian siswa
SiswaGuru Wali
Menampilkan
informasi nilai siswaMencetak laporan
nilai siswa
Guru WaliSistem
87
menghasilkan sesuatu di dalam Use Case. Dalam UML, object pada diagram
sequence digambarkan dengan segi empat yang berisi nama dari object yang
digaris bawahi. Pada object terdapat 2 cara untuk menamainya yaitu : nama
object, dan class serta nama class.
1. Sequence Diagram Proses Pendaftaran yang Diusulkan
Dimana sequence dari sistem pendaftaran ini yaitu pendaftar masuk ke
halaman utama web, kemudian jika mau melakukan pendaftaran masuk ke
halaman pendaftaran. Pendaftar mengisi form pendaftaran kemudian jika berhasil
maka data tadi disimpan dan sistem secara otomatis akan membuka halaman baru
yaitu halaman no pendaftaran yang bisa langsung dicetak sebagai bukti
pendaftaran.
Gambar 4.24 Sequence Diagram Proses Pendaftaran yang Diusulkan
: Pendaftar : Pendaftar
Halaman
Utama
Halaman
Utama
Halaman
Penerimaan
Halaman
Penerimaan
Halaman
Pendaftaran
Halaman
Pendaftaran
Tabel PendaftarTabel Pendaftar Halaman No.
Pendaftar
Halaman No.
Pendaftar
Data Pendaftar
Data Pendaftar
Data Pendaftar
Melakukan Pendaftaran
Data Pendaftar Tidak Lengkap
Data Pendaftar Lengkap
Simpan
Cetak Data Pendaftar
Data Pendaftar
88
2. Sequence Diagram Proses Seleksi yang Diusulkan
Petugas masuk ke halaman utama administrator setelah sebelumnya
melakukan login terlebih dahulu. Setelah itu masuk ke halaman berikutnya yaitu
penerimaan, kemudian proses seleksi secara otomatis oleh sistem. Barulah
dihasilkan data hasil penyeleksian yang kemudian ditampilkan dan disimpan.
Gambar 4.25 Sequence Diagram Proses Seleksi yang Diusulkan
3. Sequence Diagram Proses Daftar Ulang yang Diusulkan
Pendaftar masuk ke halaman utama, kemudian jika mau melakukan daftar
ulang masuk ke halaman penerimaan untuk melakukan daftar ulang. Kemudian
menginput kode daftar ulang.
Gambar 4.26 Sequence Diagram Proses Daftar Ulang yang Diusulkan
: Petugas : Petugas
Halaman Utama
Administrator
Halaman Utama
Administrator
Halaman
Akademik
Halaman
Akademik
Halaman
Penerimaan
Halaman
Penerimaan
Tabel PendaftarTabel Pendaftar
Data Petugas
Data Petugas
Data Pendaftar
Seleksi Pendaftar
Simpan
Data Pendaftar yang Sudah Diseleksi
: Pendaftar : Pendaftar
Halaman
Utama
Halaman
Utama
Halaman
Penerimaan
Halaman
Penerimaan
Hasil SeleksiHasil Seleksi Halaman
Pendaftaran Ulang
Halaman
Pendaftaran Ulang
Tabel SeleksiTabel Seleksi
Data Daftar Ulang
Data Daftar Ulang
Data Daftar Ulang
Data Daftar Ulang
Melakukan daftar ulang
Data Daftar Ulang Tidak Lengkap
Data Daftar Ulang Lengkap
Simpan
Data Pendaftar
89
4. Sequence Diagram Login Siswa
Siswa masuk ke halaman utama, kemudian pilih ke halaman login siswa.
Baru setelah itu melakukan login dan diverifikasi. Jika login valid maka masuk ke
halaman utama akun siswa.
Gambar 4.27 Sequence Diagram Login Siswa
5. Sequence Diagram Login Administrator
Administrator masuk ke halaman login administrator, setelah itu
melakukan login dan diverifikasi. Jika login valid maka masuk ke halaman utama
administrator.
Gambar 4.28 Sequence Diagram Login Administrator
: Siswa : Siswa
Halaman
Utama
Halaman
Utama
Halaman Login
Akun Siswa
Halaman Login
Akun Siswa
Tabel Siswa
Akun
Tabel Siswa
Akun
Halaman Utama
Akun Siswa
Halaman Utama
Akun Siswa
Data SIswa
Data Siswa
Melakukan Login
Data Username dan Password
Memeriksa Data Username dan Password
Data Username dan Pasword Tidak Lengkap
Data Username dan Password Lengkap
: Administrator : Administrator
Halaman Login
Administrator
Halaman Login
AdministratorTabel PetugasTabel Petugas Halaman Utama
Administrator
Halaman Utama
Administrator
Data Admin
Melakukan Login
Data Username dan Password
Memeriksa Data Username dan Password
Data Username dan Password Tidak Lengkap
Data Username dan Password Lengkap
90
6. Sequence Diagram Proses Pembagian Kelas yang Diusulkan
Petugas masuk ke halaman utama administrator, lalu masuk ke halaman
halaman kelas. Setelah itu petugas menginput data-data kelas, jika valid disimpan
dan pembagian kelas dilakukan secara otomatis.
Gambar 4.29 Sequence Diagram Proses Pembagian Kelas yang
Diusulkan
7. Sequence Diagram Proses Penilaian Siswa Oleh Guru Wali yang
Diusulkan
Guru masuk ke halaman utama administrator, setelah itu masuk ke
halaman nilai untuk menginputkan data nilai siswa. Jika data valid maka
akan disimpan oleh sistem ke database.
Gambar 4.30 Sequence Diagram Proses Penilaian Siswa Oleh Guru
Wali yang Diusulkan
: Petugas : Petugas
Halaman Utama
Administrator
Halaman Utama
Administrator
Halaman
Akademik
Halaman
Akademik
Halaman KelasHalaman Kelas Tabel KelasTabel Kelas
Data Petugas
Data Kelas
Data Petugas
Data Kelas
Tambah
Data Kelas Tidak Lengkap
Data Kelas Lengkap
Simpan
: Guru Wali : Guru Wali
Halaman Utama
Administrator
Halaman Utama
Administrator
Halaman NilaiHalaman Nilai Tabel NilaiTabel Nilai
Data Guru Wali
Data Nilai Siswa
Tambah
Data Nilai Siswa Tidak Lengkap
Data Nilai Siswa Lengkap
Simpan
Data Nilai Siswa
91
8. Sequence Diagram Proses Penilaian Siswa Oleh Siswa yang Diusulkan
Siswa masuk ke halaman utama akun siswa, lalu masuk ke halaman nilai
untuk melihat nilai mata pelajaran siswa yang bersangkutan.
Gambar 4.31 Sequence Diagram Proses Penilaian Siswa Oleh Siswa
yang Diusulkan
4.2.3.5 Collaboration Diagram
Collaboration diagram merupakan cara alternative untuk menggambarkan
skenario dari sistem. Diagram ini menggambarkan interaksi object yang diatur
object sekelilingnya dan hubungan antar setiap object dengan object yang lainnya.
Collaboration diagram berisi :
a. Object yang digambarkan dengan segi empat.
b. Hubungan antar object yang digambarkan dengan garis
penghubung.
c. Pesan yang digambarkan dengan teks dan panah dari objek yang
mengirim pesan ke penerima pesan.
Berikut merupakan Collaboration Diagram yang terdapat pada sistem
akademik SMK Pasundan Majalaya :
: Siswa : Siswa
Halaman Utama
Akun Siswa
Halaman Utama
Akun Siswa
Halaman NilaiHalaman Nilai
Data Siswa
Data Siswa
Lihat
92
1. Collaboration Diagram Proses Pendaftaran yang Diusulkan
Pendaftar melakukan pendaftaran dengan masuk ke halaman pendaftaran
yang sudah disediakan. Cukup dengan mengisi formulir yang telah disediakan
kemudian sistem secara otomatis menyimpan data tersebut dan menampilkan
halaman cetak no pendaftaran sebagai bukti pendaftaran.
Gambar 4.32 Collaboration Diagram Proses Pendaftaran yang Diusulkan
2. Collaboration Diagram Proses Seleksi yang Diusulkan
Administrator dalam hal ini petugas masuk ke halaman utama admin untuk
mengecek pendaftar kemudian sistem yang akan melakukan proses penyeleksian
secara otomatis.
Gambar 4.33 Collaboration Diagram Proses Seleksi yang
Diusulkan
: Pendaftar
Halaman
Utama
Halaman
Pendaftaran
Tabel
Pendaftar
Halaman No.
Pendaftar
Halaman
Penerimaan
4: Melakukan Pendaftaran5: Invalid
7: Simpan
1: Data Pendaftar
2: Data Pendaftar
6: Data Pendaftar Lengkap
8: Data Pendaftar
9: Cetak Data Pendaftar
3: Data Pendaftar
: Petugas
Halaman Utama
AdministratorHalaman
Akademik
Halaman
Penerimaan
Tabel
Pendaftar
5: Simpan
1: Data Petugas
2: Data Petugas
3: Data Pendaftar
4: Seleksi Pendaftar
6: Data Pendaftar yang Sudah Diseleksi
93
3. Collaboration Diagram Proses Daftar Ulang yang Diusulkan
Pendaftar melakukan daftar ulang dengan masuk ke halaman utama web,
kemudian ke halaman penerimaan untuk melakukan daftar ulang dengan cara
menginput kode daftar ulang.
Gambar 4.34 Collaboration Diagram Proses Daftar Ulang yang
Diusulkan
4. Collaboration Diagram Login Siswa
Siswa diberi akun sendiri untuk keperluan akademiknya, seperti melihat
atau mengunduh jadwal pelajaran juga untuk melihat nilai mata pelajaran siswa
yang bersangkutan.
Gambar 4.35 Collaboration Diagram Login Siswa
: Pendaftar
Halaman
Utama
Halaman
Penerimaan
Hasil
Seleksi
Halaman
Pendaftaran Ulang
Tabel
Seleksi
5: Melakukan daftar ulang6: Invalid
8: Simpan
4: Data Daftar Ulang
1: Data Daftar Ulang
2: Data Daftar Ulang
3: Data Daftar Ulang
7: Data Daftar Ulang Lengkap
9: Data Pendaftar
: Siswa
Halaman
Utama
Halaman Login
Akun Siswa
Tabel Siswa
Akun
Halaman Utama
Akun Siswa
3: Melakukan Login
5: Memeriksa Data Username dan Password
1: Data SIswa
2: Data Siswa
4: Data Username dan Password
6: Data Username dan Pasword Tidak Lengkap
7: Data Username dan Password Lengkap
94
5. Collaboration Diagram Login Administrator
Administrator diberi hak penuh untuk mengelola seluruh konten di dalam
web sekolah. Admin disini terbagi dua, yaitu admin petugas yang bertugas
mengelola konten web dan admin guru yang diberi hak untuk mengelola nilai
siswa.
Gambar 4.36 Collaboration Diagram Login Administrator
6. Collaboration Diagram Proses Pembagian Kelas yang Diusulkan
Proses pembagian kelas dikerjakan secara otomatis oleh sistem, petugas
hanya menginput data-data kelas saja.
Gambar 4.37 Collaboration Diagram Proses Pembagian Kelas yang
Diusulkan
: Administrator
Halaman Login
Administrator
Tabel
Petugas
Halaman Utama
Administrator
2: Melakukan Login
4: Memeriksa Data Username dan Password
1: Data Admin
3: Data Username dan Password
5: Data Username dan Password Tidak Lengkap
6: Data Username dan Password Lengkap
: Petugas
Halaman Utama
Administrator
Halaman
KelasTabel
Kelas
Halaman
Akademik
4: Tambah5: Invalid
7: Simpan
1: Data Petugas
2: Data Petugas
6: Data Kelas Lengkap
8: Data Kelas
3: Data Kelas
95
7. Collaboration Diagram Proses Penilaian Siswa Oleh Guru Wali yang
Diusulkan
Guru masuk ke akun guru yang sudah disediakan untuk menginputkan data
nilai siswa yang diajarnya. Sehingga disaat siswa yang bersangkutan ingin
melihat nilai tinggal masuk ke halaman akun siswa dan tidak perlu
menanyakan langsung kepada guru tersebut.
Gambar 4.38 Collaboration Diagram Proses Penilaian Siswa Oleh
Guru Wali yang Diusulkan
8. Collaboration Diagram Proses Penilaian Siswa Oleh Siswa yang
Diusulkan
Siswa tinggal masuk ke akun siswa dia sendiri untuk melihat nilai sesuai
dengan mata pelajaran siswa tersebut.
Gambar 4.39 Collaboration Diagram Proses Penilaian Siswa Oleh
Siswa yang Diusulkan
: Guru Wali
Halaman Utama
Administrator
Halaman
Nilai
Tabel
Nilai
3: Tambah4: Invalid
6: Simpan
1: Data Guru Wali
2: Data Nilai Siswa
5: Data Nilai Siswa Lengkap
7: Data Nilai Siswa
: Siswa
Halaman Utama
Akun Siswa
Halaman
Nilai
3: Lihat
1: Data Siswa
2: Data Siswa
96
4.2.3.6 Class Diagram
Class diagram membantu kita dalam visualisasi struktur kelas-kelas dari
suatu sistem dan merupakan tipe diagram yang paling banyak dipakai. Class
diagram memperlihatkan hubungan antar kelas dan penjelasan detail tiap-tiap
kelas didalam model desain (dalam logical view) dari suatu sistem.
Selama proses analisa, class diagram memperlihatkan aturan-aturan dan
tanggung jawab entitas yang menentukan perilaku sistem. Selama tahap desain,
class diagram berperan dalam menangkap struktur dari semua kelas yang
membentuk arsitektur yang dibuat. Dimana class diagram akademik pada SMK
Pasundan Majalaya adalah sebagai berikut :
Gambar 4.40 Class Diagram Sistem Informasi Akademik yang Diusulkan
97
4.2.3.7 Component Diagram
Component adalah unit fisik yang nyata yang menjadi bagian dari
deployment independent. Component ini diimplementasikan meskipun pada
sistem yang kecil. Perancangan menu pada aplikasi yang diusulkan digambarkan
oleh gambar component diagram berikut :
Gambar 4.41 Component Diagram Sistem Informasi Akademik yang
Diusulkan
4.2.3.8 Deployment Diagram
Deployment view merupakan suatu tampilan atau pandangan/kinerja dari
sebuah sistem yang baru sesuai dengan perancangan data yang diambil dari
beberapa objek.
Gambar 4.42 Deployment Diagram Sistem Informasi Akademik yang
Diusulkan
index.php
dft.php slk.php
log.phpakn.php
pnm.php jdw.php nli.phpkls.php plj.php
Client
BrowserWeb
Server
Database
Browser
Permintaan Halaman
Permintaan Koneksi Database
98
4.2.4 Perancangan Antar Muka
Perancangan antar muka bertujuan untuk memberikan interface tentang
desain program yang akan dibuat. Dibawah ini terdapat desain template pada
tampilan website yang dibuat oleh penulis.
Banner
Menu
Informasi
Keterangan
Sambutan
Akun Siswa
Kalender
Berita
Gambar 4.43 Perancangan Antar Muka
4.2.4.1 Perancangan Input
Rancangan input merupakan gambaran dalam pembuatan antarmuka untuk
memasukkan data yang terdiri dari perancangan input user dan perancangan input
admin.
1. Perancangan Input User
Berikut merupakan rancangan dari formulir pendaftaran yang nanti
akan diisi oleh pendaftar yang ingin melakukan pendaftaran.
99
KETERANGAN PRIBADI
No Pendaftaran
Foto
Agama
Tanggal Lahir
Tempat Lahir
Jenis Kelamin
Nama Lengkap
xxxx
Pria Wanita
Tanggal Bulan Tahun
Telusuri
KETERANGAN ORANG TUA / WALI
Nama Ayah
Pekerjaan Pekerjaan
Pendidikan Terakhir Pendidikan Terakhir
Nama Ibu
Pekerjaan Pekerjaan
Pendidikan Terakhir Pendidikan Terakhir
Penghasilan per Bulan (+-) Rp -
KETERANGAN TEMPAT TINGGAL
Alamat
Kode Pos
Kota
Telepon
KETERANGAN PENDIDIKAN
Lulusan Lulusan
Nama Sekolah Asal
Alamat Sekolah Asal
Tanggal dan Nomor Ijazah
Daftar Batal
Jurusan Jurusan
Agama
Gambar 4.44 Perancangan Form Input Pendaftaran Online
Berikut adalah form pencarian pendaftar, dimana pendaftar tinggal
menginput no pendaftaran lalu akan muncul data pendaftar.
100
No. Pendaftaran Cari
Gambar 4.45 Perancangan Form Input Cari Pendaftar
Dibawah ini merupakan form untuk melakukan input daftar ulang yang
dilakukan oleh pendaftar yang telah lolos dari proses seleksi.
DAFTAR ULANG
No Pendaftaran
Kode Daftar Ulang
XXX
XXX
Daftar Batal
Gambar 4.46 Perancangan Form Input Daftar Ulang Online
Form ini digunakan sebagai input untuk melakukan pendaftaran akun
siswa.
KETERANGAN PRIBADI
Username
Password
BatalDaftar
NIS
(Min. 6 karakter)
Ulangi Password
Gambar 4.47 Perancangan Form Input Daftar Akun Siswa
Form ini digunakan sebagai login untuk masuk ke halaman utama
siswa.
Username
Password
Masuk Daftar
Akun Siswa
Gambar 4.48 Perancangan Form Input Login Siswa
101
Form ini merupakan form cari nilai yang diinputkan oleh siswa untuk
melihat informasi keterangan nilai mata pelajaran yang diikuti.
KETERANGAN SEMESTER
Semester CariSemester
Gambar 4.49 Perancangan Form Input Cari Nilai
2. Perancangan Input Admin
Form ini digunakan sebagai input untuk daftar sebagai admin guru.
Username
Password
BatalDaftar
NIP
Gambar 4.50 Perancangan Form Input Daftar Admin Guru Wali
Form ini digunakan sebagai login untuk masuk ke halaman utama
admin.
Username
Password
Masuk Daftar
Gambar 4.51 Perancangan Form Input Login Admin
Pada perancangan input admin terdapat form input pencarian pendaftar
yang sama seperti pada perancangan input user.
Untuk input mata pelajaran akan dilakukan oleh admin sesuai dengan
ketentuan dari pihak sekolah.
102
MATA PELAJARAN
Kode Mata Pelajaran
Nama Mata Pelajaran
Simpan Batal
Jurusan Jurusan
Gambar 4.52 Perancangan Form Input Mata Pelajaran
Form input jurusan yaitu form dimana nanti admin akan menginput
jurusan berdasarkan ketentuan dari pihak sekolah.
JURUSAN
Kode Jurusan
Nama Jurusan
Simpan Batal
Gambar 4.53 Perancangan Form Input Jurusan
Form tambah kelas ini akan berisi jurusan, kode kelas, wali kelas juga
kapasitas kelas yang diinputkan oleh admin sesuai dengan ketentuan
yang diberikan oleh pihak sekolah.
KELAS
Kode Kelas
Kapasitas
Simpan Batal
Wali Kelas Wali Kelas
Jurusan Jurusan
Gambar 4.54 Perancangan Form Input Kelas
Untuk penjadwalan kelas, admin tinggal memilih kode kelas yang
sebelumnya sudah diinputkan, kemudian memilih semester berapa dan
yang terakhir mengupload file penjadwalan kelas yang sudah ada
sebelumnya. Jadi dalam hal ini penjadwalan kelas berupa file yang
103
sudah ada yang kemudian diupload oleh admin kedalam web sekolah
untuk nanti didowload oleh siswa.
Kode Kelas
Unduh Jadwal
Simpan Batal
Semester Semester
Telusuri
Jadwal
Kode Kelas
Gambar 4.55 Perancangan Form Input Jadwal
Terdapat form input pendaftaran juga seperti pada perancangan input
user bagi pendaftar yang enggan melakukan pendaftaran online.
Form input pengajar digunakan oleh admin untuk menginputkan guru-
guru yang mengajar di SMK Pasundan Majalaya. Sehingga para siswa
bisa mengetahui guru-guru yang mengajar beserta keterangan
pribadinya.
KETERANGAN PRIBADI
NIP
Tempat Lahir
KETERANGAN PENDIDIKAN
Batal
Nama Lengkap
Tanggal
Telusuri
Tanggal Lahir TahunBulan
Foto
Pendidikan Akhir
Jurusan
Tahun Lulus
Mata Pelajaran Diajarkan
Pendidikan Akhir
Tahun Lulus
Mata Pelajaran
Simpan
Gambar 4.56 Perancangan Form Input Guru
Form input siswa merupakan form untuk menginputkan siswa yang
merupakan siswa pindahan dari sekolah lain yang ingin bersekolah di
SMK Pasundan Majalaya.
104
KETERANGAN PRIBADI
Foto
Agama
Tanggal Lahir
Tempat Lahir
Jenis Kelamin
Nama Lengkap
Pria Wanita
Tanggal Bulan Tahun
Telusuri
KETERANGAN ORANG TUA / WALI
Nama Ayah
Pekerjaan Pekerjaan
Pendidikan Terakhir Pendidikan Terakhir
Nama Ibu
Pekerjaan Pekerjaan
Pendidikan Terakhir Pendidikan Terakhir
Penghasilan per Bulan (+-) Rp -
KETERANGAN TEMPAT TINGGAL
Alamat
Kode Pos
Kota
Telepon
KETERANGAN PENDIDIKAN
Lulusan Lulusan
Nama Sekolah Asal
Alamat Sekolah Asal
Tanggal dan Nomor Ijazah
Daftar Batal
Jurusan Jurusan
Agama
Kelas Kelas
Gambar 4.57 Perancangan Form Input Siswa
Pada form ini guru wali menginputkan nilai kepada siswa yang menjadi
wali kelasnya.
KETERANGAN SISWA
NIS
Simpan Batal
Semester Semester
Aturan Penilaian !!!
Nilai Tugas
Nilai Ulangan Harian
Nilai UTS
Nilai UAS
Format Masukan
10%
20%
30%
40%
(Format : 50.50 atau 100)
NIP Pengajar
KETERANGAN NILAI
Mata Pelajaran
Nilai Tugas
Nilai Ulangan Harian
Nilai UTS
Nilai UAS
NIP Pengajar
Mata Pelajaran
Gambar 4.58 Perancangan Form Input Nilai
105
4.2.4.2 Perancangan Output
Perancangan output merupakan rencana pembuatan antarmuka untuk
keluaran program. Berikut ini adalah perancangan output pada sistem informasi
akademik SMK Pasundan Majalaya.
1. Perancangan Output User
Pada saat calon siswa melakukan pendaftaran online, maka secara
otomatis akan mendapat nomor pendaftaran yang tentunya digunakan
sebagai bukti pendaftaran siswa baru di SMK Pasundan Majalaya.
Logo
PEMERINTAH KOTA BANDUNG
DINAS PENDIDIKAN
SMK PASUNDAN MAJALAYA
Jl. Leuwidulang No.22
Tlp. (022) 123456, Bandung.
Kartu Pendaftaran Calon Siswa Baru SMK Pasundan Majalaya
Jurusan
Jenis Kelamin
Alamat
Lulusan
Nama Sekolah Asal
Nomor Ijazah
PERSYARATAN
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
No Pendaftaran
TEMPAT PELAKSANAAN
XXX
XXX
WAKTU PELAKSANAAN
Daftar Ulang
Pengumuman PenerimaanXXX
XXX
XXXXXX
Cetak
Nama Lengkap
XXX
XXXKode Daftar Ulang
Gambar 4.59 Perancangan Output No Pendaftaran
Pendaftar bisa melihat data lengkap pribadi dan status diterima apa
belum diterimanya sebagai siswa baru di SMK Pasundan Majalaya.
Foto
No Pendaftaran
Asal Sekolah
Tanggal dan No Ijazah
Status Kelulusan
XXX
XXX
XXX
XXX
Gambar 4.60 Perancangan Output Hasil Seleksi
106
Pendaftar yang sudah diterima dan telah melakukan daftar ulang bisa
melihat keterangan pribadi beserta keterangan pendidikannya yang
isinya berupa data kelas dan wali kelas.
Foto
NIS
Nama Lengkap
Jenis Kelamin
Tempat, Tanggal Lahir
XXX
XXX
XXX
XXX
Keterangan Pribadi
Keterangan Pendidikan
Kelas
Wali Kelas XXX
XXX
Jurusan XXX
Gambar 4.61 Perancangan Output Keterangan Siswa
Siswa bisa melihat dan mendownload jadwal pelajaran yang diikuti
dengan melihat output jadwal siswa.
Kelas Semester Aksi
XXX
XXX
XXX
XXX
XXX
XXX
Ini Halaman : XXX
X
Unduh
Unduh
Unduh
Gambar 4.62 Perancangan Output Jadwal
Siswa bisa melihat rincian penilaian mata pelajaran yang diikuti dengan
melihat output nilai siswa.
Foto
NIS
Nama Lengkap
Jenis Kelamin
Tempat, Tanggal Lahir
Keterangan Pribadi
Keterangan Pendidikan
Kelas
Wali Kelas
Keterangan Penilaian
NIP Nama Pengajar Mata Pelajaran Nilai
XXX
XXX
XXX
XXX
XXX
XXX
XXXXXX XXX XXX
Jurusan
Semester
XXX
XXX
Cetak
Gambar 4.63 Perancangan Output Keterangan Nilai Siswa
107
2. Perancangan Output Admin
Jika pendaftar telah melakukan proses pendaftaran dan data-data yang
diinputkan berhasil masuk ke database SMK Pasundan Majalaya, maka
akan tampil keseluruhan data pendaftar pada halaman admin, yaitu
halaman data-data pendaftar.
No. Pendaftaran Nama Lengkap Status Kelulusan
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
Total Pendaftar : XXX peserta
Ini Halaman : X
Jurusan
XXX
XXX
XXX
X
Laporan Lulus Seleksi
Otomotif Cetak
Gambar 4.64 Perancangan Output List Pendaftar
Admin menginputkan mata pelajaran sesuai dengan instruksi sekolah,
kemudian data inputan tersebut disimpan pada database yang
selanjutnya ditampilkan berupa output berikut ini.
Kode Pelajaran Nama Pelajaran Aksi
XXX Ubah | Hapus
XXX
XXX
XXX
XXX
XXX
+ Tambah Pelajaran +
Ini Halaman : XXX
Ubah | Hapus
Ubah | Hapus
X
Jurusan
XXX
XXX
XXX
Gambar 4.65 Perancangan Output Mata Pelajaran
Berikut merupakan tampilan output dari jurusan yang sebelumnya
telah diinputkan oleh admin.
108
Kode Jurusan Nama Jurusan Aksi
XXX Ubah | Hapus
XXX
XXX
XXX
XXX
XXX
+ Tambah Jurusan +
Ini Halaman : XXX
Ubah | Hapus
Ubah | Hapus
1
Gambar 4.66 Perancangan Output Jurusan
Keterangan kelas yang sudah diinputkan oleh admin disimpan pada
database kemudian ditampilkan dalam output berupa form output kelas
seperti berikut.
Kode Kelas Kapasitas Aksi
XXX Detil | Ubah | Hapus
XXX
XXX
XXX
XXX
XXX
+ Tambah Kelas +
Ini Halaman : XXX
Detil | Ubah | Hapus
Detil | Ubah | Hapus
X
Terisi Sisa
XXX
XXX
XXX
XXX
XXX
XXX
Gambar 4.67 Perancangan Output Kelas
Form berikut adalah form berupa detil kelas yang merupakan detil dari
form kelas yang sudah diinputkan oleh admin sehingga bisa dilihat dari
mulai wali kelas sampai siswa-siswa yang termasuk kedalam kelas
tersebut.
KETERANGAN
FotoKelas
NIP Wali Kelas
Nama Wali Kelas
XXX
XXX
XXX
| Kembali |
Foto NIS Nama Siswa Jenis Kelamin Tempat, Tanggal Lahir
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
X
Ini Halaman : X
XXX
XXX
XXX
Jurusan XXX
.Gambar 4.68 Perancangan Output Detil Kelas
109
Admin tinggal mengupload jadwal yang sudah ada ke dalam database
sekolah beserta memilih jurusan, kode kelas dan semester. Sehingga
tampilan outputnya seperti berikut.
No Urut Kode Kelas Aksi
XXX Ubah | Hapus
XXX
XXX
XXX
XXX
XXX
+ Tambah Jadwal +
Ini Halaman : XXX
Ubah | Hapus
Ubah | Hapus
X
Semester
XXX
XXX
XXX
Jurusan
XXX
XXX
XXX
Gambar 4.69 Perancangan Output Jadwal
Berikut merupakan tampilan form output list para pengajar yang
mengajar di SMK Pasundan Majalaya.
NIP Nama Pengajar Aksi
XXX Detil
XXX
XXX
XXX
XXX
XXX
+ Tambah Pengajar +
Ini Halaman : XXX
Detil
Detil
X
Pelajaran
XXX
XXX
XXX
XXX
XXX
XXX
Gambar 4.70 Perancangan Output List Pengajar
Form berikut adalah form berupa detil pengajar yang merupakan detil
dari form list pengajar yang sudah diinputkan oleh admin.
Foto
NIP
Nama Lengkap
Tempat, Tanggal Lahir
Pendidikan Akhir
XXX
XXX
XXX
XXX
Keterangan Pribadi
Keterangan Pendidikan
Tahun Lulus
Mata Pelajaran Diajarkan XXX
XXX
Gambar 4.71 Perancangan Output Detil Pengajar
110
Berikut merupakan tampilan form output list para siswa yang sudah
menjadi siswa di SMK Pasundan Majalaya.
NIS Kelas Aksi
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
+ Tambah Siswa +
Ini Halaman : XXX
X
Nama Siswa
Detil
Detil
Detil
Kelas
Mata Pelajaran
01_1 | Otomotif
Db01 | Basis Data I Cetak
Gambar 4.72 Perancangan Output List Siswa
Form berikut adalah form berupa detil siswa yang merupakan detil dari
form list siswa yang sudah diinputkan oleh admin.
Foto
NIS
Nama Lengkap
Jenis Kelamin
Tempat, Tanggal Lahir
XXX
XXX
XXX
XXX
Keterangan Pribadi
Keterangan Pendidikan
Kelas
Wali Kelas XXX
XXX
Jurusan XXX
Gambar 4.73 Perancangan Output Detil Siswa
Dalam web akademik ini terdapat halaman output list nilai-nilai siswa
yang merupakan siswa sekolah SMK Pasundan Majalaya.
NIS Semester Pelajaran Nilai Aksi
+ Tambah Nilai +
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
Detil
Detil
X
Ini Halaman : X
Gambar 4.74 Perancangan Output Nilai Siswa
Form berikut adalah form berupa detil nilai siswa yang merupakan
detil dari form list nilai yang sudah diinputkan oleh admin.
111
Foto
NIS
Nama Lengkap
Jenis Kelamin
Tempat, Tanggal Lahir
Keterangan Pribadi
Keterangan Pendidikan
Kelas
Wali Kelas
Keterangan Penilaian
NIP Pengajar
Nama Pengajar
Nama Mata Pelajaran
Nilai yang Dicapai
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
XXX
Jurusan XXX
Gambar 4.75 Perancangan Output Detil Nilai Siswa
Berikut adalah cetak daftar hadir siswa berdasarkan jurusan dan kelas
Kode Mata Pelajaran
Nama Mata Pelajaran
NIP
Nama Pengajar
xxx
xxx
xxx
xxx
Jurusan
Kelas
Semester
Wali Kelas
xxx
xxx
xxx
xxx
No NIS Nama Lengkap Jumlah Kehadiran1 2 3 4 5 6 7 8 9 10 11 12
DAFTAR HADIR
Gambar 4.76 Perancangan Output Daftar Absen Siswa