Desain input

BAB III ANALISA DAN PERANCANGAN SISTEM

3.2 Analisis Kebutuhan

3.3.9 Desain input

Pengguna harus login terlebih dahulu agar dapat masuk ke dalam sistem. Form login, terdiri dari textbox username dan password, dimana username dan password harus diisi. Desain form login dapat dilihat pada Gambar 3.20. Pada Gambar 3.21 adalah form untuk merubah password apabila user ingin mengganti dengan password baru.

Gambar 3.20 Desain Form Login

Data yang akan diisi pada form login terdiri dari tiga bagian yaitu username, password dan login as.

Fungsi – fungsi objek dalam desain form login sebagai berikut :

Tabel 3.12 Fungsi Objek Form login

No _{Nama Obyek Tipe Obyek Fungsi}

1

Field Text Box ^{Digunakan untuk mengisi data sesuai dengan ketentuan}

yang berada disebelah kiri

2 _{Submit Tombol Masuk ke dalam sistem}

3 _{Exit Tombol Keluar dari formlogin}

B. Desain form user profile

Form user profile berfungsi untuk memberikan hak akses terhadap user serta maintenance hak user. Bentuk desain form user profile dapat dilihat pada Gambar 3.22 di bawah ini :

Gambar 3.22 Desain Form User Profile

Data yang akan diisi pada form user profile terdiri dari empat bagian yaitu Nik, nama, password, dan level

Fungsi – fungsi objek dalam desain form user profile sebagai berikut :

Tabel 3.13 Fungsi Objek Form User Profile

No _{Nama Obyek Tipe Obyek Fungsi}

1

Field Text Box ^{Digunakan untuk mengisi data sesuai dengan}

No _{Nama Obyek Tipe Obyek Fungsi} 2

Combo (level ) Combo button ^{Digunakan untuk memilih level sesuai dengan}

ketentuan yang ada dalam database

3 _{Save Tombol Menyimpan data master user profile.}

4 _{Clear Tombol Membatalkan proses pada form user profile.}

5 _{Edit Tombol Mengubah data user profile.}

6 _{Delete Tombol Menghapus data user profile.}

7 _{Exit Tombol Keluar dari formmaster user profile.}

C. Desain form input data karyawan

Form input data karyawan berfungsi untuk melakukan pemasukkan data- data karyawan serta maintenance data karyawan. Bentuk desain form input data karyawan dapat dilihat pada Gambar 3.23

Gambar 3.23 Desain Form Input Data Karyawan

Data yang akan diisi pada form input data karyawan terdiri dari lima belas bagian yaitu NIP, nama karyawan, tempat dan tanggal lahir karyawan, alamat, nomor telepon, jenis kelamin, agama, tanggal masuk, departemen, bagian.

Fungsi – fungsi objek dalam desain form input master karyawan sebagai berikut :

Tabel 3.14 Fungsi Objek Form Master Karyawan

No _{Nama Obyek Tipe Obyek Fungsi}

1

Field Text Box ^{Digunakan untuk mengisi data sesuai dengan}

ketentuan yang berada disebelah kiri 2 Combobox

(Agama,status,jumlah anak, departemen, bagian )

Combo button

Digunakan untuk memilih data agama, status, jumlah anak, departemen, bagian sesuai dengan

ketentuan yang ada dalam database

3 _{Save Tombol Menyimpan data master karyawan}

4 _{Clear Tombol Membatalkan proses pada formmaster karyawan}

5 _{Edit Tombol Mengubah data master karyawan}

6 _{Delete Tombol Menghapus data master karyawan}

7 _{Exit Tombol Keluar dari formmaster karyawan}

D. Desain input master departemen

Form input master departemen berfungsi untuk melakukan pemasukkan data- data departemen serta maintenance data departemen. Bentuk desain form input data departemen dapat dilihat pada Gambar 3.24 di bawah ini :

Gambar 3.24 Desain Form Input Data Departemen

Data yang akan diisi pada form input data departemen terdiri dari dua bagian yaitu Id Departemen dan nama departemen.

Fungsi – fungsi objek dalam desain form input master departemen sebagai berikut :

Tabel 3.15 Fungsi Objek Form Master Departemen

No _{Nama Obyek Tipe Obyek Fungsi}

1

Field Text Box ^{Digunakan untuk mengisi data sesuai dengan}

ketentuan yang berada disebelah kiri 2 _{Save Tombol Menyimpan data master departemen}

3 _{Clear Tombol Membatalkan proses pada form master departemen} 4 _{Edit Tombol Mengubah data departemen}

5 _{Delete Tombol Menghapus data departemen} 6 _{Exit Tombol Keluar dari form master departemen}

E. Desain input master bagian

Form input master bagian berfungsi untuk melakukan pemasukkan data- data bagian serta maintenance data bagian. Bentuk desain form input data bagian dapat dilihat pada Gambar 3.25 di bawah ini :

Gambar 3.25 Desain Form Input Data Bagian

Data yang akan diisi pada form input data bagian terdiri dari tiga bagian yaitu ID bagian, nama departement dan nama bagian.

Fungsi – fungsi objek dalam desain form input master bagian sebagai berikut:

Tabel 3.16 Fungsi Objek Form Master Bagian

No _{Nama Obyek Tipe Obyek Fungsi}

1

Field Text Box ^{Digunakan untuk mengisi data sesuai dengan}

ketentuan yang berada disebelah kiri 2 Combo

(departemen) ^{Combo button}

Digunakan untuk memilih data departemen sesuai

dengan ketentuan yang ada dalam database

No _{Nama Obyek Tipe Obyek Fungsi}

4 _{Clear Tombol Membatalkan proses pada form master bagian} 5 _{Edit Tombol Mengubah data bagian}

6 _{Delete Tombol Menghapus data bagian} 7 _{Exit Tombol Keluar dari form master bagian}

F. Desain input master training

Form input master training berfungsi untuk melakukan pemasukkan data-data training serta maintenance data training yang akan diadakan. Bentuk desain form input data master training dapat dilihat pada Gambar 3.26 di bawah ini :

Gambar 3.26 Desain Form Input Data Master Training

Data yang akan diisi pada form input data master training terdiri dari lima bagian yaitu angkatan, tempat pelaksanaa, waktu pelaksanaan, jumlah gelombang, gelombang, dan jumlah kuota trainee tiap gelombang.

Fungsi – fungsi objek dalam desain form master training sebagai berikut:

Tabel 3.17 Fungsi Objek Form Input Master Training

No _{Nama Obyek Tipe Obyek Fungsi}

1

Field Text Box ^{Digunakan untuk mengisi data sesuai dengan}

ketentuan yang berada disebelah kiri. 2 Date time picker

(waktu pelaksanaan)

Date time picker

Digunakan untuk menentukan waktu pelaksanaan

No _{Nama Obyek Tipe Obyek Fungsi}

3 _{Save Tombol Menyimpan data mastertraining.}

4 _{Clear Tombol Membatalkan proses pada formmastertraining.}

5 _{Edit Tombol Mengubah data training.}

6 _{Delete Tombol Menghapus data training.}

7 _{Exit Tombol Keluar dari formmastertraining.}

G. Desain input penempatan bagian

Form input penempatan bagian berfungsi untuk melakukan penyimpanan data penempatan pegawai ke departemen dan bagian serta maintenance data-data tersebut. Bentuk desain form input data penempatan bagian dapat dilihat pada Gambar 3.27 di bawah ini :

Gambar 3.27 Desain Form Input Penempatan Bagian

Data yang akan diisi pada form input penempatan bagian terdiri dari empat bagian yaitu Id pegawai, nama pegawai, nama departemen dan nama bagian.

Fungsi – fungsi objek dalam desain form input penempatan bagian sebagai berikut:

Tabel 3.18 Fungsi Objek Form Penempatan Bagian

No _{Nama Obyek Tipe Obyek Fungsi}

1

Field Text Box ^{Digunakan untuk mengisi data sesuai dengan}

ketentuan yang berada disebelah kiri 2 Combo

(departemen, ^{Combo button}

Digunakan untuk memilih data departemen dan bagian sesuai dengan ketentuan yang ada dalam

No _{Nama Obyek Tipe Obyek Fungsi}

bagian) database

3 _{Save Tombol Menyimpan data penempatan bagian}

4 _{Clear Tombol Membatalkan proses pada form penempatan bagian} 5 _{Edit Tombol Mengubah data}

6 _{Delete Tombol Menghapus data} 7 _{Exit Tombol Keluar dari form}

H. Desain input penempatan training

Form input penempatan training berfungsi untuk melakukan penyimpanan data penempatan pegawai ke training serta maintenance data-data tersebut. Bentuk desain form input data penempatan training dapat dilihat pada Gambar 3.28 di bawah ini :

Gambar 3.28 Desain Form Input Penempatan Bagian

Data yang akan diisi pada form input penempatan training terdiri dari empat bagian yaitu Id pegawai, nama pegawai, angkatan dan gelombang.

Fungsi – fungsi objek dalam desain form input penempatan training sebagai berikut:

Tabel 3.19 Fungsi Objek Form Penempatan training

No _{Nama Obyek Tipe Obyek Fungsi}

1

Field Text Box ^{Digunakan untuk mengisi data sesuai dengan}

ketentuan yang berada disebelah kiri 2

Combo (angkatan,

gelombang) ^{Combo button}

Digunakan untuk memilih data angkatan dan gelombang sesuai dengan ketentuan yang ada dalam database

No _{Nama Obyek Tipe Obyek Fungsi}

3 _{Save Tombol Menyimpan data penempatan bagian}

4 _{Clear Tombol Membatalkan proses pada form penempatan bagian}

5 _{Edit Tombol Mengubah data}

6 _{Delete Tombol Menghapus data}

7 _{Exit Tombol Keluar dari form}

I. Desain input nilai trainee

Form input penilaian trainee berfungsi untuk melakukan penyimpanan data penilaian training serta maintenance data-data tersebut. Bentuk desain form input data penilaian training dapat dilihat pada Gambar 3.29 di bawah ini :

PENILAIAN NIK 010112 Nama DWI NILAI 5 5 5 5 5 5 5 5

UPDATE DELETE CLEAR EXIT SAVE

Penguasaan Materi Prakarsa Sikap dan perilaku Komunikasi Disiplin Waktu Sertifikasi Nilai Laporan Akhir Nilai Presentasi Absensi

5 5 5

Gambar 3.29 Desain Form Input Penempatan Bagian

Data yang akan diisi pada form input penilaian terdiri dari empat bagian yaitu Id pegawai, nama pegawai, nilai penguasaan materi, prakarsa, sikap dan

perilaku, komunikasi, disiplin waktu, sertifikasi, nilai laporan akhir, nilai presentasi, absensi.

Fungsi – fungsi objek dalam desain form input penempatan training sebagai berikut:

Tabel 3.20 Fungsi Objek Form Penempatan training

No _{Nama Obyek Tipe Obyek Fungsi}

1

Field Text Box ^{Digunakan untuk mengisi data sesuai dengan}

ketentuan yang berada disebelah kiri

2 _{Save Tombol Menyimpan data penempatan bagian}

3 _{Clear Tombol Membatalkan proses pada form penempatan bagian}

4 _{Edit Tombol Mengubah data}

5 _{Delete Tombol Menghapus data}

6 _{Exit Tombol Keluar dari form}

J. Desain input pembobotan kriteria

Form input pembobotan kriteria berfungsi untuk melakukan pembobotan data nilai kriteria. Bentuk desain form input pembobotan kriteria dapat dilihat pada Gambar 3.30 di bawah ini :

Gambar 3.30 Desain Form Input Pembobotan Kriteria

Data yang akan diisi pada form input pembobotan kriteria terdiri dari empat bagian yaitu kode perhitungan, keterangan, kriteria dan cluster.

Fungsi – fungsi objek dalam desain form input pembobotan sebagai berikut:

Tabel 3.21 Fungsi Objek Form Pembobotan Kriteria

No _{Nama Obyek Tipe Obyek Fungsi}

1

Field Text Box ^{Digunakan untuk mengisi data sesuai dengan}

ketentuan yang berada disebelah kiri

2 Combo (kriteria,

cluster) ^{Combo button}

Digunakan untuk memilih data kriteria dan cluster

sesuai dengan ketentuan yang ada dalam database

3 _{Save Tombol Menyimpan data pembobotan}

4 _{Clear Tombol Membatalkan proses pada form pembobotan}

5 _{Edit Tombol Mengubah data}

6 _{Delete Tombol Menghapus data}

7 _{Exit Tombol Keluar dari form}

K. Desain form pilih pegawai

Form pilih pegawai berfungsi untuk melakukan pemilihan pegawai -karyawan yang akan dihitungan. Bentuk desain form pilih pegawai dapat dilihat pada Gambar 3.31 di bawah ini :

Data yang akan dipilih pada form pilih karyawan terdiri dari empat bagian yaitu angkatan, gelombang, departemen, bagian.

Fungsi – fungsi objek dalam desain form pilih karyawan sebagai berikut:

Tabel 3.22 Fungsi Objek Form Pilih Karyawan

No _{Nama Obyek Tipe Obyek Fungsi}

1 Combo (angkatan,

gelombang, departemen, bagian)

Combo button

Digunakan untuk memilih angkatan, gelombang, departemen, bagian sesuai dengan ketentuan

yang ada dalam database

2

Save Tombol ^{Menyimpan data pemilihan pegawai}