SISTEM INFORMASI PENDAFTARAN DAN PENGUMUMAN HASIL SELEKSI CALON PEGAWAI NEGERI SIPIL BERBASIS WEB DI PEMDA KABUPATEN LAHAT

(1)

SISTEM INFORMASI PENDAFTARAN DAN PENGUMUMAN

HASIL SELEKSI CALON PEGAWAI NEGERI SIPIL

BERBASIS WEB DI PEMDA

KABUPATEN LAHAT

Skripsi

Dikerjakan Untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Teknik

Jurusan Teknik Informatika

Disusun Oleh:

CICI REFLINA

NIM. 06 5314 001

JURUSAN TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

2010

(2)

LAHAT DISTRICT

A Thesis

Presented as Partial Fulfillment of the Requirements

To Obtain the

Sarjana Teknik

Degree

In Informatics Engineering

By

CICI REFLINA

06 5314 001

DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF SCIENCE AND TECHNOLOGY

SANATA DHARMA UNIVERSITY

YOGYAKARTA

2010

(3)

(4)

(5)

MOTTO

Tinggalkanlah kesenangan yang menghalangi

pencapaian kecemerlangan hidup yang

diidamkan. Dan berhati-hatilah, karena beberapa

kesenangan adalah cara gembira menuju

kegagalan

Untuk mencapai kesuksesan, kita jangan hanya

bertindak, tetapi juga perlu bermimpi, jangan

hanya berencana, tetapi juga perlu untuk percaya

(6)

(7)

vii

Abstrak

Di Kabupaten Lahat penerimaan PNS masih menggunakan cara manual

dalam hal pendaftaran dan pengumuman hasil seleksi calon peserta tes, sehingga

membutuhkan waktu yang lama untuk mendapatkan informasi yang diinginkan.

Oleh karena itu dibutuhkan sistem informasi penerimaan dan pengumuan hasil

seleksi PNS yang memadai, untuk memproses penerimaan dan pengumuan hasil

seleksi PNS secara otomatis serta menghasilkan informasi yang tepat dan cepat.

Pembuatan sistem informasi penerimaan dan pengumuan hasil seleksi PNS

dimulai dari analisis dan pengamatan terhadap sistem yang lama pada Badan

Kepegawaian daerah dan Diklat di Kabupaten Lahat. Kemudian dari data yang

ada, dilakukan perancangan sistem informasi penerimaan dan pengumuan hasil

seleksi Calon Pegawai Negeri Sipil yang disesuaikan dengan kebutuhan Pemda

setempat. Sistem infromasi yang dibuat meliputi pendaftaran, validasi berkas dan

pengumuman kelulusan. Sistem ini dibuat dengan menggunakan MySQL sebagai

pengelola database dan menggunakan PHP sebagai bahasa pemrograman

pengembangan sistem.

Hasil akhir yang diperoleh adalah sebuah Sistem Informasi Penerimaan

dan Pengumuman Hasil Seleksi CPNS, yang mampu menangani pendaftaran serta

mampu menampilkan pengumuman hasil tes.

(8)

Consequently it was required a longer time to get the information wanted.

Therefore, there is a need a information system for recruitment and announcement

of results of the public servant candidate selection and processing them

automatically to produced information accurately in short of time.

The creation of information system for recruitment and announcement of

results of the public servant candidate selection started from analysis and

observation on the previous system in

Badan Kepegawaian Daerah dan Diklat

(the local government agent for public servant recruitment and training) in Lahat

District. Subsequently, based on the data, the design of information system for

recruitment and announcement of results of the public servant candidate selection

is performed accordance with the local government requirement. The information

system created include form validation and results announcement. This system

made using MySQL as database manager and PHP as programming language for

system development.

The result obtained was the information system of recruitment and results

announcement for the public servant candidate selection which able to manage

registration and displaying the announcement of the result selection test.

However, this Lahat district’s web based information system for

recruitment and announcement of results of the public servant candidate selection

is still having some shortages, which is the system not provide yet the facility for

processing re-registration for recruited candidates.

(9)

(10)

Tugas akhir yang berjudul ”Sistem Informasi Pendaftaran dan

Pengumuman Hasil Seleksi Calon Pegawai Negeri Sipil Berbasis Web Di Pemda

Kabupaten Lahat” ini disusun untuk memenuhi salah satu syarat untuk

memperoleh gelar sarjana strata satu di jurusan Teknik Informatika Universitas

Sanata Dharma Yogyakarta.

Dalam menyelesaikan tugas akhir ini penulis telah banyak mendapatkan

bimbingan dan petunjuk dari beberapa pihak. Untuk itu, penulis mengucapkan

terimakasih kepada :

1.

Ibu Agnes Maria Polina, S.Kom, M.Sc selaku dosen pembimbing yang

telah meluangkan waktu, tenaga dan pikiran untuk membimbing penulis

dan banyak membantu dalam memberikan saran serta jalan keluar

sehingga tugas akhir ini dapat terselesaikan.

2.

Bapak Puspaningtyas Sanjoyo Adi, S.T., M.T., Bapak JB. Budi

Darmawan, S.T., M.Sc. selaku dosen penguji pada ujian pendadaran

penulis.

3.

Karyawan Badan Kepegawaian Daerah dan Diklat Kabupaten Lahat

khususnya bagian pengadaan yang telah memberikan data untuk tugas

akhir ini.

4.

Kedua Orang Tuaku Ibu Murni Suryati dan Bapak Hamdan Juni

terimakasih untuk do’a, dukungan dan kiriman uang yang selalu datang

tiap bulan.

(11)

5.

Saudara-saudaraku Herliyanti, Adi Yuzandi, Kurniati dan Nince Arniana

yang telah memberikan dukungan dan selalu memanjakanku.

6.

Keponakan-keponakanku Roro Ditha Maharani, Aditya Krisna Mahendra,

Bramantyo Aryo Yudha Sakti dan Dzaky Praditya Wardana yang telah

memberikan semangat melalui senyum dan tawa kalian.

7.

Pacarku Fx Novi Adhi Nugroho yang telah setia menemani, mendukung,

memberikan semangat, memberikan saran dan membimbingku dalam

segala hal selama di Jogja.

Penulis menyadari bahwa tugas akhir ini masih sangat sederhana. Untuk itu

penulis dengan rendah hati sangat mengharapkan adanya kritik dan saran yang

bersifat membangun dan memperbaiki tugas akhir ini. Dan semoga tugas akhir ini

bermanfaat bagi kita semua.

(12)

HALAMAN PERSETUJUAN ... iii

HALAMAN PENGESAHAN ... iv

HALAMAN MOTTO ... v

HALAMAN PERNYATAAN KEASLIAN KARYA ... vi

ABSTRAK ... vii

ABSTRACT ... viii

LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS ... ix

KATA PENGANTAR ... x

DAFTAR ISI ... xii

DAFTAR TABEL ... xvii

DAFTAR GAMBAR ... xviii

BAB I ... 1

PENDAHULUAN ... 1

1.1. Latar Belakang ... 1

1.2. Rumusan Masalah ... 2

1.3. Tujuan ... 2

1.4. Batasan Masalah ... 2

1.5. Metodologi Penelitian... 3

1.6. Sistematika Penulisan ... 4

BAB II ... 6

LANDASAN TEORI ... 6

2.1. Sistem Informasi Berbasis Web ... 6

(13)

2.1.1 Konsep Dasar Sistem Informasi Berbasis Web ... 6

2.1.2 Siklus Hidup Pengembangan Sistem ... 6

2.1.3 Pemodelan Terstruktur ... 8

2.1.3.1 Pemodelan Data (ERD) ... 8

2.1.3.1.1 Entitas ... 9

2.1.3.1.2 Relasi ... 10

2.1.3.2 Pemodelan Pengguna Sistem ( Use Case Diagram ) ... 11

2.1.3.3 Pemodelan Proses (DFD) ... 13

2.2. Pendaftaran dan Seleksi Pegawai Negeri Sipil ... 14

BAB III ... 16

ANALISA DAN PERANCANGAN SISTEM ... 16

3.1 Analisa Sistem ... 16

3.1.1 Gambaran Sistem Lama ... 16

3.1.2 Gambaran Sistem Yang Dikembangkan ... 17

3.1.3 Analisa Kebutuhan Sistem ... 20

3.1.4 Pemodelan Proses ... 21

3.1.4.1 Diagram Konteks ... 21

3.1.4.2 Diagram Berjenjang ... 21

3.1.4.3 Overview DFD ... 23

3.1.5

Pemodelan Data ( ER Diagram )

... 27

3.2 Perancangan Sistem ... 28

3.2.1 Perancangan Database ... 28

3.2.1.1 Perancangan Logikal ... 28

3.2.1.2 Perancangan Fisikal ... 29

3.2.2 Perancangan Struktur Menu ... 31

3.2.3 Perancangan Antar Muka User ... 35

(14)

4.1 Perangkat Kebutuhan Sistem ... 55

4.2 Koneksi Database ... 55

4.3 Antar Muka ... 56

4.3.1 Halaman Utama Pengguna Ketika Pendaftaran di Buka ... 56

4.3.2 Halaman Utama Pengguna Ketika Pendaftaran di Tutup ... 58

4.3.3 Halaman Admin ... 59

4.3.4 Halaman Ketua ... 59

4.3.5 Halaman Penyeleksi ... 60

4.4 Antar Muka Pengguna ... 61

4.4.1 Form pendaftaran ... 61

4.4.2 Pesan Pendaftaran ... 63

4.4.3 Pengecekan Pendaftaran ... 63

4.4.4 Pengecekan Umur Pendaftaran ... 64

4.4.5 Data Formasi ... 65

4.4.6 Lokasi Tes ... 66

4.4.7 Hasil Seleksi ... 67

4.5 Antar Muka Penyeleksi ... 68

4.5.1 Form Login ... 68

4.5.2 Halaman Informasi Penerimaan CPNS ... 69

4.5.3 Halaman Tambah Informasi Penerimaan CPNS ... 70

4.5.4 Halaman Ubah Informasi Penerimaan CPNS ... 71

4.5.5 Halaman Pesan Kesalahan Masukkan Informasi CPNS ... 72

4.5.6 Halaman Formasi ... 75

(15)

4.5.7 Halaman Tambah Formasi ... 77

4.5.8 Halaman Lokasi Tes ... 77

4.5.9 Halaman Tambah Lokasi Tes ... 79

4.5.10 Halaman Ubah Lokasi Tes ... 79

4.5.11 Halaman Pesan Kesalahan Lokasi Tes ... 80

4.5.12 Halaman Ruangan Tes ... 82

4.5.13 Halaman Tambah Ruangan Tes ... 84

4.5.14 Halaman Pesan Kesalahan Ruangan Tes... 85

4.5.15 Halaman Ubah Ruangan Tes ... 87

4.5.16 Halaman Validasi Pendaftaran ... 88

4.5.17 Halaman Pemberian Nomor Peserta ... 90

4.5.18 Halaman Hasil Seleksi ... 91

4.5.19 Halaman Tambah Hasil Seleksi ... 94

4.5.20 Halaman Mengelola Modul ... 96

4.5.21 Halaman Ubah Modul ... 97

4.6 Antar Muka Admin ... 98

4.6.1 Form Login ... 98

4.6.2 Halaman Mengelola Account ... 99

4.6.3 Halaman Tambah Account ... 101

4.6.4 Halaman Ubah Account ... 101

4.6.5 Halaman Ubah Password ... 102

4.6.6 Halaman Pesan Kesalahan ... 103

4.7 Antar Muka Ketua Panitia ... 106

4.7.1 Form Login ... 106

4.7.2 Laporan Daftar Pendaftar ... 107

4.7.3 Laporan Daftar Peserta ... 109

(16)

ANALISIS HASIL ... 117

BAB VI ... 118

KESIMPULAN DAN SARAN ... 118

6.1. Kesimpulan ... 118

6.2. Saran ... 119

DAFTAR PUSTAKA

(17)

DAFTAR TABEL

Tabel 3.1 Tabel Peserta ... 29

Tabel 3.2 Tabel Account ... 29

Tabel 3.3 Tabel Formasi ... 29

Tabel 3.4 Tabel Lokasi ... 30

Tabel 3.5 Tabel Ruangan ... 30

Tabel 3.6 Tabel Hasil Tes ... 30

Tabel 3.7 Tabel Informasi CPNS ... 30

(18)

Gambar 2.2 Contoh ERD ... 9

Gambar 2.3 Contoh Entity ... 9

Gambar 2.4 Contoh Atribut ... 9

Gambar 2.5 Contoh Identifier atau Key ... 10

Gambar 2.6 Contoh Relasi ... 11

Gambar 2.7 Notasi Cardinality ... 11

Gambar 2.8 Simbol Use Case ... 11

Gambar 2.9 Simbol Actor ... 12

Gambar 2.10 Simbol Proses ... 13

Gambar 2.11 Simbol Arus Data ... 13

Gambar 2.12 Simbol Kesatuan Luar ... 14

Gambar 2.13 Simbol Data Store ... 14

Gambar 3.1 Use Case Diagram ... 20

Gambar 3.2 Diagram Konteks ... 21

Gambar 3.3 Diagram Berjenjang ... 22

Gambar 3.4 Overview Diagram Arus Data Level 0 ... 23

Gambar 3.5 Diagram Level 1 Untuk Proses Pendaftaran ... 24

Gambar 3.6 Diagram Level 1 Untuk Proses Formasi ... 24

Gambar 3.7 Diagram Level 1 Untuk Proses Lokasi Tes ... 25

Gambar 3.8 Diagram Level 1 Untuk Proses Informasi Penerimaan CPNS ... 25

Gambar 3.9 Diagram Level 1 Untuk Proses Laporan ... 26

Gambar 3.10 Diagram Level 1 Untuk Proses Hasil Tes ... 26

Gambar 3.11 ER Diagram ... 27

(19)

Gambar 3.12 Relasi Antar Tabel ... 28

Gambar 3.13 Halaman Utama User Jika Pendaftaran di Buka ... 31

Gambar 3.14 Halaman Utama User Jika Pendaftaran di Tutup ... 32

Gambar 3.15 Halaman Admin ... 32

Gambar 3.16 Halaman Utama Ketua Panitia ... 33

Gambar 3.17 Halaman Utama Penyeleksi ... 34

Gambar 3.18 Form Pendaftaran ... 35

Gambar 3.19 Halaman Daftar Formasi ... 36

Gambar 3.20 Halaman Data Lokasi Tes ... 36

Gambar 3.21 Halaman Hasil Seleksi ... 37

Gambar 3.22 Halaman Login Admin, Panitia dan Penyeleksi ... 37

Gambar 3.23 Halaman Formasi ... 37

Gambar 3.24 Halaman Input Formasi ... 38

Gambar 3.25 Halaman Data Lokasi Tes ... 39

Gambar 3.26 Halaman Input Lokasi Tes ... 39

Gambar 3.27 Pesan Kesalahan jika Form ada yang kosong ... 40

Gambar 3.28 Pesan Kesalahan Jika Form ada karakter ... 40

Gambar 3.29 Pesan Jika Form Jumlah Ruangan di isi dengan huruf ... 40

Gambar 3.30 Pesan jika form koordinator diisi dengan angka ... 41

Gambar 3.31Pesan jika Nama Koordinasi Sudah ada Dalam Database ... 41

Gambar 3.32 Halaman Edit Lokasi Tes ... 41

Gambar 3.33 Halaman Ruangan Tes ... 42

Gambar 3.34 Halaman Tambah Ruangan Tes ... 42

Gambar 3.35 Pesan Jika Form Ada Yang Masih Kosong ... 43

Gambar 3.36 Pesan jika Ada Karakter Dalam Form ... 43

(20)

Gambar 3.40 Halaman Input Hasil Seleksi ... 45

Gambar 3.41 Halaman Informasi Penerimaan CPNS ... 45

Gambar 3.42 Halaman Tambah Informasi Penerimaan CPNS ... 46

Gambar 3.43 Pesan Jika Form Ada Yang Kosong ... 46

Gambar 3.44 Pesan jika Pada Form Judul dan Tempat Terdapat Karakter ... 47

Gambar 3.45 Pesan jika Form Judul atau Tempat terdapat huruf ... 47

Gambar 3.46 Halaman Ubah Penerimaan CPNS ... 47

Gambar 3.47 Halaman Daftar Pendaftar ... 48

Gambar 3.48 Form Pendaftaran ... 48

Gambar 3.49 Pesan jika form ada yang kosong ... 49

Gambar 3.50 Pesan jika ada karakter dalam form ... 49

Gambar 3.51 Pesan jika pada form nama atau tempat lahir ada angka ... 49

Gambar 3.52 Pesan jika pada form no ktp ada huruf ... 50

Gambar 3.53 Pesan pengecekan status pendaftar ... 50

Gambar 3.54 Pesan jika usia tidak memenuhi syarat ... 50

Gambar 3.55 Mengelola Account ... 51

Gambar 3.56 Tambah Accoutn ... 51

Gambar 3.57 Pesan Jika password kurang dari 6 ... 52

Gambar 3.58 Pesan jika username sudah ada dalam database ... 52

Gambar 3.59 Ubah Account ... 52

Gambar 3.60 Ubah password ... 53

Gambar 3.61 Pesan jika password lama tidak sesuai dengan database ... 53

(21)

Gambar 3.62 Halaman Validasi pendaftars ... 54

Gambar 4.1 Halaman Utama Pengguna Ketika Pendaftaran di Buka ... 57

Gambar 4.2 Halaman Utama Pengguna Ketika Pendaftaran di Tutup ... 58

Gambar 4.3 Halaman Utama Admin ... 59

Gambar 4.4 Halaman Utama Ketua ... 60

Gambar 4.5 Halaman Utama penyeleksi ... 61

Gambar 4.6 Form pendaftaran ... 62

Gambar 4.7 Pesan pendaftaran... 63

Gambar 4.8 Pengecekan Pendaftaran ... 63

Gambar 4.9 Pengecekan Umur Pendaftaran ... 64

Gambar 4.10 Data Formasi ... 66

Gambar 4.11 Lokasi Tes ... 67

Gambar 4.12 Hasil Seleksi ... 68

Gambar 4.13 Form Login ... 68

Gambar 4.14 Informasi penerimaan CPNS ... 69

Gambar 4.15 Halaman Tambah Informasi Penerimaan CPNS ... 71

Gambar 4.16 Halaman Ubah Informasi Penerimaan CPNS ... 72

Gambar 4.17 Halaman Pesan Kesalahan ... 73

Gambar 4.18 Form Pesan kesalahan inputan ... 73

Gambar 4.19 Halaman Pesan kesalahan inputan ... 74

Gambar 4.20 Pesan Kesalahan jika data sudah ada ... 74

Gambar 4.21 Halaman Formasi ... 75

Gambar 4.22 Halaman tambah formasi ... 77

Gambar 4.23 Halaman Lokasi Tes ... 78

Gambar 4.24 Halaman Tambah Lokasi Tes ... 79

(22)

Gambar 4.28 Pesan Kesalahan ... 81

Gambar 4.29 Pesan Kesalahan ... 81

Gambar 4.30 Pesan kesalahan ... 82

Gambar 4.31 Halaman Ruangan Tes ... 83

Gambar 4.32 Halaman Tambah Ruangan ... 84

Gambar 4.33 Halaman Pesan kesalahan ... 85

Gambar 4.34 Halaman pesan kesalahan ... 86

Gambar 4.37 Halaman Ubah Ruangan Tes ... 87

Gambar 4.38 Halaman Validasi pendaftaran ... 88

Gambar 4.39 Halaman Pemberian Nomor Peserta ... 91

Gambar 4.40 Halaman Hasil Seleksi ... 92

Gambar 4.41 Halaman Tambah hasil seleksi ... 94

Gambar 4.42 Halaman Mengelola Modul ... 96

Gambar 4.43 Halaman Ubah Modul ... 97

Gambar 4.45 Halaman mengelola account ... 99

Gambar 4.46 Halaman Tambah Account ... 101

Gambar 4.47 Halaman Ubah Account ... 101

Gambar 4.48 Halaman Ubah Password ... 102

(23)

xxiii

Gambar 4.55 Laporan daftar pendaftar ... 107

Gambar 4.56 Laporan daftar peserta ... 109

Gambar 4.57 Laporan Hasil Seleksi ... 112

(24)

BAB I

PENDAHULUAN

1.1

Latar Belakang

Perkembangan teknologi komputer yang berkembang sangat pesat saat ini

berpengaruh terhadap perkembangan informasi, terutama dalam penyebaran

informasi yang semakin cepat ke berbagai pihak. Sekarang ini banyak instansi

pemerintah atau swasta menerapkan teknologi internet atau intranet untuk

memberikan pelayanan yang cepat dan akurat kepada masyarakat.

Badan Kepegawaian Daerah dan Diklat Kabupaten Lahat adalah suatu

badan di bawah Pemerintah Daerah Kabupaten Lahat yang memfasilitasi

penyampaian informasi tentang kepegawaian seluruh unit instansi dalam

Kabupaten Lahat. Pada badan ini khususnya pada Sub Bidang Penyusunan

Formasi dan Pengadaan Pegawai menangani penerimaan Calon Pegawai Negeri

Sipil (CPNS ).

Dikabupaten Lahat sendiri pendaftaran CPNS masih menggunakan cara

manual, yaitu peserta membuat surat lamaran kepada Bupati Lahat yang akan

dikirim melalui kantor pos, yang akan disampaikan kepada panitia penerimaan

CPNS kantor BKD dan Diklat kabupaten Lahat, kemudian panitia mengumpulkan

dan meneliti data yang ada sesuai dengan formasi yang dibutuhkan, jika berkas

yang dikirimkan memenuhi persyaratan maka panitia pendaftaran CPNS akan

mengirimkan formulir dan kartu peserta.

Mekanisme pendaftaran tersebut kurang efisien diakibatkan banyaknya

jumlah pendaftar. Dengan mekanisme yang masih menggunakan cara manual dan

(25)

2

banyaknya jumlah pendaftar, sering kali terjadi kesalahan saat menginputkan

data. Dari latar belakang tersebut penulis tertarik untuk mencoba menyelesaikan

masalah tersebut dengan cara membuat sistem informasi pendaftaran dan

pengumuman hasil seleksi CPNS secara mudah, cepat, dimana saja dan kapan

saja, serta meminimalkan kesalahan data yang bisa terjadi.

Sistem informasi yang akan dibuat ini diharapkan mampu menangani

pendaftaran serta mampu menampilkan pengumuman hasil tes.

1.2

Rumusan Masalah

Bagaimana merancang dan mengimplementasikan Sistem Informasi

Pendaftaran dan Pengumuman Hasil Seleksi PNS berbasis web di Pemda

Kabupaten Lahat.

1.3

Tujuan

Tujuan dari penyusunan tugas akhir ini adalah membangun sebuah Sistem

Informasi Pendaftaran dan Pengumuman Hasil Seleksi PNS berbasis web yang

sesuai dengan kebutuhan Badan Kepegawaian Daerah dan Diklat Kabupaten

Lahat.

1.4

Batasan Masalah

Batasan masalah pada tugas akhir ini adalah sebagai berikut :

1.

Sistem yang dibuat menangani pendaftaran dan menampilkan hasil seleksi

Calon Pegawai Negeri Sipil di Kabupaten Lahat.

(26)

3.

Sistem informasi ini dikembangkan berbasis web dengan bahasa

pemrograman PHP dan DBMS MySQL

1.5

Metodologi Penelitian

Metodologi penelitian yang digunakan adalah studi kasus dengan

tahap-tahap sebagai berikut :

1.

Observasi

Metode ini dilakukan dengan cara melakukan pengamatan langsung di

Badan Kepegawaian Daerah dan Diklat Kabupaten Lahat. Berdasarkan

hasil pengamatan dapat dilakukan analisa dan desain sistem informasi

yang dijadikan sebagai bahan acuan untuk implementasi SI yang

membantu menyelesaikan permasalahan.

2.

Studi Literatur

Mempelajari materi Rekayasa Perangkat Lunak terstruktur dan

mempelajari konsep-konsep tentang perangkat lunak yang terlibat yaitu

PHP dan MySQL.

3.

Pengembangan sistem

Untuk melakukan suatu pengembangan sistem dibutuhkan suatu

metodologi. Dalam tugas akhir ini penulis menggunakan metodologi

Rekayasa Perangkat Lunak terstruktur (Jogiyanto, 2001) dengan tahapan :

a.

Analisa sistem

(27)

4

perbaikan sistem. Digunakan use case diagram,

Entity Relationship

Diagram

(ERD) dan diagram arus data (DFD) yang merupakan proses

model untuk menggambarkan aliran data yang melalui sistem dan

proses yang dibentuk oleh sistem. (Whitten, 2004)

b.

Desain sistem

Merupakan langkah multi proses yang memusatkan kerja pada

perancangan sistem yaitu perancangan menu, user interface, input,

output dan basis data.

c.

Implementasi

Setelah melakukan perancangan sistem yang diinginkan, maka hasil

perancangan tersebut diimplementasikan yang mana racangan tersebut

di terjemahkan dalam bahasa yang dapat dimengerti mesin.

d.

Testing

Menguji dan menganalisa hasil program.

1.6

Sistematika Penulisan

Sistematika penulisan tugas akhir ini akan disusun sebagai berikut :

BAB I

: PENDAHULUAN

Pada bab ini berisi tentang latar belakang masalah, rumusan

masalah, batasan masalah, tujuan pembuatan tugas akhir,

metodologi penelitian dan sistematika penulisan.

BAB II

: LANDASAN TEORI

(28)

BAB III

: ANALISIS DAN PERANCANGAN SISTEM

Pada bab ini berisi penjelasan lebih rinci mengenai perancangan

basis data, pemilihan sistem operasi, server web dan browser,

perancangan aturan jalannya program yang terdiri dari sisi user

dan sisi administrator dan perancangan tampilan program.

BAB IV

: IMPLEMENTASI SISTEM

Bab ini berisi penerapan sistem yang dibuat sesuai dengan

rancangan yang telah dilakukan antara lain lingkungan

implementasi, karakteristik pengguna, implementasi database,

implementasi desain antarmuka yang meliputi antarmuka untuk

user dan admin.

BAB V

: ANALISIS HASIL

Pada bab ini berisi analisis sistem, analisis manfaat, serta

kelebihan dan kekurangan program.

BAB VI

: KESIMPULAN DAN SARAN

(29)

BAB II

LANDASAN TEORI

2.1 Sistem Informasi Berbasis Web

2.1.1 Konsep Dasar Sistem Informasi Berbasis Web

Sistem informasi berbasis web adalah suatu sistem didalam suatu

organisasi yang mempertemukan kebutuhan pengolahan transaksi harian,

mendukung operasi, bersifat managerial dan kegiatan strategi dari suatu organisasi

dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan

dengan interaksi secara langsung dan beroperasi pada sebuah browser aplikasi dan

teknologi internet (Whitten, 2004).

2.1.2 Siklus Hidup pengembangan sistem

Pengembangan sistem berbasis komputer merupakan tugas yang sangat

kompleks. Proses pengembangan melewati beberapa tahapan mulai dari sistem itu

direncanakan sampai dengan sistem tersebut diterapkan sampai saat sistem itu

dioperasikan. Bila operasi sistem yang sudah dikembangkan masih timbul

kembali permasalahan yang kritis serta tidak dapat diatasi dalam tahap

pemeliharaan sistem maka proses ini akan kembali ke tahap perencanaan sistem.

Siklus ini disebut sebagai siklus hidup suatu sistem.

(30)

Awal proyek Sistem

pengembangan

Sistem

Manajemen sistem Seleksi Sistem (Sistem Selection)

Implementasi Sistem (Sistem Implementation)

Perawatan Sistem (Sistem Maintenance)

Kebijakan dan Perencanaan Sistem (Sistem Planning)

Analisis Sistem (Sistem Analysis)

Desain Sistem Secara Umum

Desain Sistem Secara Terinci

Gambar 2.1 Siklus Hidup Pengembangan Sistem

Penjelasan singkat gambar 2.1 :

1.

Kebijakan dan Perencanaan Sistem

Perencanaan sistem menyangkut estimasi dari kebutuhan-kebutuhan fisik

dan dana untuk mendukung pengembangan sistem.

2.

Analisis Sistem

Digunakan use case diagram, Entity Relationship Diagram (ERD) dan

diagram arus data (DFD) yang merupakan proses model untuk

menggambarkan aliran data yang melalui sistem dan proses yang dibentuk

oleh sistem. (Whitten, 2004)

3.

Desain Sistem

(31)

8

4.

Seleksi Sistem

Tahap seleksi sistem merupakan tahap untuk memilih perangkat keras dan

perangkat lunak untuk sistem informasi.

5.

Implementasi Sistem

Tahap implementasi sistem merupakan tahap meletakkan sistem supaya

siap untuk dioperasikan.

6.

Perawatan

Tahap ini muncul setalah sebuah perangkat lunak dianggap layak untuk

dijalankan.

2.1.3 Pemodelan Terstruktur

Pemodelan

terstruktur

merupakan

alat-alat (tools) dan teknik-teknik

(techniques)

yang dibutuhkan dalam pengembangan sistem, sehingga hasil akhir

dari sistem yang dikembangkan akan didapatkan sistem yang strukturnya

didefinisikan dengan baik dan jelas. Pemodelan terstruktur ini memiliki beberapa

pemodelan yaitu pemodelan data (ERD), pemodelan pengguna sistem (Use Case)

dan pemodelan proses (DFD).

2.1.3.1

Pemodelan Data (ERD)

(32)

a la m a t S K S S e_m e_s te_r ru_a n_g w a_k tu

Gambar 2.2 contoh ERD

2.1.3.1.1

Entitas

Entitas adalah sebuah obyek yang nyata ada dan dapat dibedakan dari sesuatu

yang lain. Sebuah entitas bisa ada secara fisik ataupun secara abstrak. Setiap

entitas mempunyai sekumpulan atribut yang menerangkan entitas tersebut.

Gambar 2.3 merupakan contoh dari entitas dosen

Gambar 2.3 contoh Entity

Atribut merupakan sebuah properti yang deskritif atau karakteristik dari

sebuah entitas. Gambar 2.4 merupakan contoh dari atribut dosen

Dosen

Id_dosen Nama_Dosen

(33)

10

Key

merupakan sebuah atribut atau kelompok atribut yang diasumsikan

memiliki nilai yang unik untuk setiap

instance

. Sering juga disebut dengan

identifier

.

1.

Candidate key

merupakan satu dari nilai

key

yang akan berfungsi

sebagai

primary key

dari sebuah

entity

. Sinonimnya adalah

candidate

identifier

.

2.

Primary key

merupakan sebuah

candidate key

yang paling umum

digunakan untuk mengidentifikasikan secara unik

instance

dari

entity

yang tunggal.

3.

Alternate key

merupakan sebuah

candidate key

yang tidak dapat dipilih

untuk menjadi

primary key

. Sinonimnya adalah

secondary key

.

a la_m

a t

Gambar 2.5 contoh identifier atau key

2.1.3.1.2

Relasi

(34)

Gambar 2.6 contoh relasi

Cardinality

merupakan minimum dan maksimum kejadian dari sebuah

entity

yang dihubungkan dengan kejadian tunggal dari

entity

yang lain. Karena

seluruh relasi adalah

bidirectional

maka

cardinality

harus didefinisikan pada

kedua

direction

untuk setiap relasi. Gambar 2.8 merupakan notasi dari

cardinality

Gambar 2.7 Notasi cardinality

2.1.3.2

Pemodelan Pengguna Sistem (Use Case Diagram)

Use case

diagram

adalah sebuah diagram yang menggambarkan interaksi

antara sistem dan

eksternal

sistem dan

user

(whitten, 2004).

Use case

merupakan

bagian dari keseluruhan sistem secara fungsional. Digambarkan secara grafis

dengan

ellips

horisontal dengan

use case

tertera diatas, dibawah atau didalam

ellips

. Gambar 2.1 merupakan simbol use case

(35)

12

Actor

merupakan segala sesuatu yang perlu berinteraksi dengan sistem

untuk mendapatkan/mengubah informasi. Dapat berupa orang, organisasi, sistem

informasi yang lain, pirantu luar atau waktu kejadian (Whitten, 2004). Gambar 2.2

merupakan simbol actor

Gambar 2.9 Simbol Actor

Use case extends relationship

merupakan sebuah use case berisi

langkah-langkah yang diringkas dari sebuah use case yang lebih kompleks agar use case

yang lebih sederhana namun secara fungsi lebih meluas (whitten, 2004).

Digambarkan dengan garis anak panah yang dimulai pada

extension use case

dan

menujuk pada

use case

yang di-

extending

. Setiap relasi diberi label <<extends>>.

Use case uses relationship

merupakan

use case

yang mengurangi

redudansi

antara dua atau lebih

use case

dengan cara mengkombinasikan

langkah-langkah yang umum ditemui dalam

use case

tersebut (whitten, 2004).

Digambarkan dengan ujung anak panah dimulai dari

use case original

dan

menunjuk ke

use case

yang digunakan. Setiap garis yang menunjuk

relationship

dinamakan dengan <<uses>>.

(36)

2.1.3.3

Pemodelan Proses (DFD)

DFD merupakan suatu model proses yang digunakan untuk

menggambarkan aliran data yang melalui sebuah sistem dan bagaimana proses

atau kerja yang dilakukan oleh sistem. sinonimnya

adalah bubble chart

,

transformation graph

dan process model.

DFD terdiri dari 4 buah simbol yaitu :

1.

Proses

(Process)

Proses adalag kerja yang dilakukan oleh sistem dalam merespon arus

data yang datang atau suatu kondisi. Gambar 2.10 merupakan simbol

proses menurut Gane dan Sarson

Nama

Proses

Gambar 2.10 Simbol proses

2.

Arus data

(Data Flow)

Arus data adalah data sebagai masukan ke proses atau keluaran dari

sebuah proses. Arus data merupakan data yang bergerak. Gambar 2.11

merupakan simbol dari arus data

Arus Data

Gambar 2.11 Simbol Arus Data

3.

Kesatuan Luar

(External Agent)

(37)

14

Nama

Kesatuan Luar

Gambar 2.12 Simbol Kesatuan Luar

4.

Penyimpanan Data

(Data Store)

Penyimpanan data digunakan untuk menyimpan data hasil proses

maupun menyediakan data untuk diproses. Gambar 2.13 merupakan

simbol penyimpanan data menurut Gane dan Sarson

Gambar 2.13 Simbol Data Store

2.2

Pendaftaran dan Seleksi Pegawai Negeri Sipil

Calon Pegawai Negeri Sipil (CPNS) merupakan setiap Warga Negara

Indonesia yang memenuhi syarat yang nantinya akan diangkat menjadi pegawai

negeri sipil. Pelamar adalah pendaftar dari masyarakat umum yang mempunyai

kriteria secara administrasi.

Pengadaan CPNS adalah proses kegiatan untuk mengisi formasi yang

kosong dimulai dari perencanaan, pengumuman, pelamaran, penyaringan,

penetapan kelulusan, penetapan Nomor Identitas Pegawai sampai dengan

pengangkatan sebagai CPNS.

Syarat yang harus dipenuhi oleh setiap pelamar adalah :

a.

Warga Negara Indonesia (WNI)

(38)

c.

Tidak pernah diberhentikan dengan hormat, tidak atas permintaan sendiri

atau tidak dengan hormat sebagai PNS atau diberhentikan secara tidak

hormat sebagai pegawai swasta.

d.

Tidak berkedudukan sebagai calon pegawai negeri sipil

e.

Mempunyai pendidikan, kecakapan, keahlian dan keterampilan yang

diperlukan

f.

Berkelakuan baik

g.

Sehat jasmani dan rohani

h.

Bersedia ditempatkan diseluruh wilayah republik Indonesia atau Negara

lain yang ditentukan oleh pemerintah dan

(39)

BAB III

ANALISA DAN PERANCANGAN SISTEM

3.1

Analisa Sistem

3.1.1

Gambaran Sistem Lama

Pada sistem yang lama pendaftaran masih dilakukan secara manual.

Pendaftaran dilakukan dengan cara mengirimkan surat lamaran kepada Bupati Lahat

melalui kantor pos. Surat tersebut kemudian akan diterima oleh panitia pendaftaran

CPNS di kantor BKD dan Diklat kabupaten Lahat.

Panitia kemudian mengumpulkan dan meneliti data yang ada sesuai dengan

formasi yang dibutuhkan, jika berkas yang dikirimkan memenuhi persyaratan maka

panitia pendaftaran CPNS akan mengirimkan formulir dan kartu peserta. Formulir

yang dikirim tersebut berisi data diri peserta, data diri tersebut kemudian akan

dikirimkan kembali kepada panitia pendaftaran CPNS melalui kantor pos. Kartu

peserta berisi tentang informasi mengenai no peserta, nama lengkap dan tempat pas

foto.

Peserta yang sudah mendapatkan kartu peserta dinyatakan lulus secara

administrasi dan bisa mengikuti tes CPNS secara tertulis sesuai dengan lokasi dan

ruangan yang telah ditentukan. Setelah peserta mengikuti tes maka penyeleksi akan

mengumumkan nilai dari masing-masing peserta dan kemudian dari nilai tersebut

peserta dapat dinyatakan lulus atau tidak lulus tes CPNS secara tertulis.

(40)

Sistem yang dikembangkan adalah Sistem Informasi Pendaftaran dan

Pengumuman Hasil Seleksi Calon Pegawai Negeri Sipil Berbasis Web di Pemda

Kabupaten Lahat. Bertujuan untuk mempermudah proses pendaftaran dan

mengurangi kesalahan memasukkan data oleh panitia pendaftaran CPNS di

Kabupaten Lahat.

Adapun persyaratan yang harus dilengkapi oleh pendaftar pada sistem yang

lama, adalah :

Membuat surat lamaran yang ditulis tangan tanpa materai ditujukan kepada

Bupati Lahat di Lahat.

1 lembar foto copy ijazah yang dilegalisir

1 lembar foto copy KTP yang masih berlaku

4 lembar pas foto hitam putih berukuran 3x4

3.1.2

Gambaran Sistem Yang Dikembangkan

Sistem yang dikembangkan diperuntukkan untuk 4 orang pengguna yaitu

admin, ketua panitia pendaftaran CPNS, panitia penerimaan CPNS dan pengguna.

Pada sistem ini admin dapat mengupdate account yang nantinya akan digunakan oleh

ketua panitia dan panitia, ketua panitia dapat melihat laporan data peserta yang lulus

secara administrasi, daftar pendaftar dan daftar peserta yang lulus tes CPNS. Pada

panitia pendaftaran CPNS dapat mengupdate kelompok pelamar, update formasi,

validasi berkas dan cetak nomor tes, melihat daftar peserta, mengupdate lokasi tes,

(41)

18

dapat melakukan pendaftaran, melihat informasi penerimaan CPNS, melihat formasi

yang dibutuhkan, melihat lokasi tes, dapat melihat hasil seleksi.

Gambaran sistem yang akan dibuat :

1.

Dari sisi admin

•

Admin mengatur hak akses user

2.

Dari sisi panitia

•

Penyeleksi dapat mengupdate informasi penerimaan, kelompok pelamar,

formasi, lokasi tes, ruangan yaitu lihat, input, edit dan hapus.

•

Penyeleksi dapat melakukan validasi berkas dan mencetak kartu peserta

bagi yang lulus secara administrasi

•

Penyeleksi dapat menginputkan hasil seleksi

•

Penyeleksi dapat melihat daftar peserta

3.

Dari sisi ketua panitia

•

Ketua panitia dapat mencetak laporan

4.

Dari sisi user

•

User dapat melakukan pendaftaran

•

User dapat melihat informasi penerimaan CPNS di Kabupaten Lahat

•

User dapat melihat formasi yang di butuhkan

•

User dapat melihat lokasi tes

(42)

Proses pendaftaran dengan menggunakan sistem yang di kembangkan adalah

sebagai berikut :

1.

Calon peserta melakukan pendaftaran secara online dengan mengisi lengkap

data-data yang diperlukan sesuai dengan pendidikan terakhir mereka.

2.

Setelah melakukan pendaftaran calon peserta tersebut melakukan validasi

berkas ke panitia pendaftaran CPNS di kantor BKD dan Diklat dan akan

mendapatkan kartu peserta jika berkas lengkap, berkas-berkas tersebut

adalah :

a.

Foto copy KTP yang masih berlaku

b.

Foto copy ijazah yang dilegalisir

c.

Pas Foto 3 x 4 sebanyak 4 lembar

3.

Jika berkas lengkap maka pedaftar akan mendapat nomor peserta dan panitia

akan mencetak kartu peserta.

4.

Panitia akan memberi cap pengesahan pada kartu peserta yang telah di cetak

sebagai bukti bahwa pendaftar tersebut dapat mengikuti tes CPNS.

5.

Dalam kartu peserta tersebut berisi nomor peserta, lokasi, ruangan tes, nama

peserta, jenis peserta, nama formasi dan foto peserta. Kartu tersebut harus

(43)

20

3.1.3

Analisa Kebutuhan Sistem

Analisa kebutuhan sistem dilakukan untuk mengetahui fasilitas yang

dibutuhkan didalam pembuatan sistem agar dapat memenuhi keinginan pengguna

yaitu analisa peran pengguna dan analisa sumber daya sistem. Gambar 3.1 merupakan

gambar

use case

diagram

(44)

3.1.4

Pemodelan Proses

3.1.4.1

Diagram Konteks

Peserta Panitia

0

Sistem Informasi Seleksi CPNS

Ketua panitia

From pendaftaran CPNS, informasi CPNS, formasi, lokasi

test, hasil seleksi. Data Diri Peserta

Informasi penerimaanCPNS, Data peserta, formasi, lokasi tes, jenis lowongan, hasil

seleksi, jenis lowongan Informasi penerimaan CPNS,

formasi, lokasi test, data hasil seleksi,jenis_lowongan, validasi kartu peserta dan berkas laporan pendaftaran, laporan

hasil seleksi CPNS, laporan daftar peserta

Admin

Account Account

Gambar 3.2 Diagram konteks

3.1.4.2

Diagram Berjenjang

Dibawah ini adalah diagram berjenjang yang akan dibangun sebagai acuan

untuk membuat Diagram Arus Data berdasarkan level-level proses yang ada pada

(45)

22

(46)

(47)

24

Gambar 3.5 diagram level 1 untuk proses pendaftaran

(48)

Panitia

3 D3 Lokasi

3.1p Lihat Lokasi 3.2p Tambah

Lokasi 3.3p Ubah Lokasi Lokasi yg

Diinputkan

Data Lokasii

Data Lokasi

3.4p Hapus Lokasi

Gambar 3.7 diagram level 1 untuk proses lokasi tes

(49)

26

Gambar 3.9 diagram level 1 untuk proses laporan

(50)

ER Diagram menggambarkan relasi relasi antar entitas dengan transaksi transaksi yang terlibat di dalamnya.

(51)

28

3.2

Perancangan Sistem

3.2.1 Perancangan

Database

3.2.1.1 Perancangan Logikal

Logikal desain menggambarkan relasi antar table yang memuat semua atribut

yang dimiliki oleh setiap entitas.

Diagram relasi merupakan sebuah gambar relasi fisik antar entitas dengan

transaksi yang terlibat. Berikut relasi antar tabel-tabelnya

(52)

3.2.1.2

Perancangan Fisikal

Berikut adalah tabel-tabel yang ada.

Field Type

Keterangan

No_tes varchar(8)

PK

Id_formasi varchar(8)

FK

id_ruangan Int(10) FK

nama varchar(50)

tempat_lahir varchar(50)

tanggal_lahir varchar(10)

jk vachar(9)

alamat varchar(100)

no_ijazah varchar(20)

no_ktp varchar(20)

validasi_berkas varchar(11)

Tabel 3.1 Tabel Peserta

field

Type

keterangan

id_account

Int(11) PK

Username

Varchar(50)

Password

Varchar(50)

Level varchar(50)

Tabel 3.2 Tabel Account

Field

Type keterangan

id_formasi

varchar(8) PK

Id_Kelompok_pelamar

varchar(10) FK

Kuota

int(11)

Jabatan

varchar(50)

Pendidikan

varchar(50)

Tabel 3.3 Tabel Formasi

Field

Type keterangan

id_lokasi

int(10) PK

nama_lokasi

varchar(50)

jumlah_ruang

int(2)

(53)

30

Terpakai

Int(2)

Tabel 3.4 Tabel Lokasi

field

Type keterangan

id_ruang

int(10) PK

id_lokasi

int(10) FK

nama_ruangan

varchar(50)

kuota

int(2)

terpakai

int(2)

Tabel 3.5 Tabel Ruangan

field Type

keterangan

id_hasil int(10)

PK

status Varchar(12)

nilai Double

rangking int(2)

no_tes Varchar(8)

FK

Tabel 3.6 Tabel Hasil Tes

Field Type

keterangan

id_info int(5)

PK

Judul varchar(100)

informasi Text

tempat Varchar(100)

Tgl_mulai Date

Tgl_selesai Date

Tgl_posting Date

(54)

3.2.2 Perancangan Struktur Menu

HEADER

Menu

Beranda Prosedur

Pendaftaran

Formasi

Gambar 3.13 Halaman Utama User jika pendaftaran di buka

Halaman utama ini diperuntukkan untuk user jika pendaftaran dibuka. Pada

halaman ini terdapat menu beranda yaitu berisi prosedur pendaftaran, menu

pendaftaran yaitu berisi form pendaftaran bagi user, menu formasi yaitu data-data

mengenai formasi yang disediakan dan menu hubungi kami yang digunakan untuk

menghubungi panitia pendaftaran CPNS jika mengalami kesulitan atau ada yang

(55)

32

HEADER

Menu

Beranda

Informasi mengenai prosedur dan jadwal tes

Daftar Peserta

Lokasi Tes

Gambar 3.14 Halaman utama User jika pendaftaran di tutup

Halaman utama ini diperuntukkan untuk user juga tetapi jika pendaftaran sudah

tutup. Pada menu utama ini terdapat menu beranda yaitu berisi mengenai prosedur dan jadwal

tes, menu daftar peserta yaitu berisi mengenai peserta yang dinyatakan lulus secara

administrasi, menu lokasi tes yaitu berisi mengenai lokasi tes bagi peserta yang lulus secara

administrasi dan sudah mendapatkan kartu peserta.

HEADER

Menu

Beranda

Selamat datang XYXY, pilih menu untuk mengakses.

Mengelola Account

Keluar

(56)

Halaman admin ini hanya diperuntukkan untuk admin saja, terdapat menu

beranda yang berisi ucapan selamat datang,

menu account untuk memberikan hak akses

terhadap penyeleksi administrasi dan ketua ketua panitia

.

Menu keluar digunakan

untuk

mengakhiri atau

keluar dari halaman admin

.

Gambar 3.16 Halaman Utama Ketua Panitia

HEADER

Menu

Beranda

Selamat datang XYXY, pilih menu untuk mengakses.

Laporan

Keluar

Halaman ini merupakan halaman ketua panitia, terdapat menu beranda yang

berisi ucapan selamat datang, menu laporan untuk melihat laporan daftar pendaftar,

daftar peserta dan daftar peserta yang lulus tes. Menu keluar digunakan untuk

(57)

34

HEADER

Menu

Beranda

Selamat datang XYXY, pilih menu untuk mengakses

Informasi Penerimaan

Formasi

Lokasi Tes

Ruangan

Pendaftaran

Input Hasil Seleksi

Mengelola Modul

Keluar

Gambar 3.17 Halaman Utama Penyeleksi

Halaman ini diperuntukkan hanya untuk penyeleksi saja. Terdapat banyak

menu pada halaman ini, yaitu menu beranda yang berisi ucapan selamat datang

kepada penyeleksinya, menu jenis formasi, lokasi tes, ruangan, Pendaftaran, input

hasil seleksi, mengelola account dan informasi penerimaan CPNS. Menu keluar

(58)

3.2.3 Perancangan Antaramuka untuk user

Gambar 3.20 Halaman Pendaftaran

Gambar 3.18 Form Pendaftaran

Form ini merupakan form pendaftaran yang harus diisi oleh user secara

lengkap pada saat melakukan pendaftaran. pada form ini user diharuskan mengisi

nama lengkap tanpa gelar pendidikan, tampat lahir, tanggal lahir, jenis kelamin,

alamat rumah saat ini, jabatan berisi formasi yang ditawarkan yang akan muncul

secara otomatis setelah pendidikan terakhir dipilih, pendidikan merupakan pendidikan

terakhir dari pendaftar, no ijazah, no KTP.

▼

Daftar

Pendaftaran

Nama

Lengkap :

Tempat Lahir

:

Tanggal Lahir

:

Jenis Kelamin

:

Laki-Laki

▼

Perempuan

No ijazah

:

No KTP

:

Alamat

:

Pendidikan Terakhir :

Jabatan :

▼

(59)

36

NO KELOMPOK

PELAMAR

KODE

JABATAN

KODE

PENDIDIKAN

JABATAN PENDIDIKAN

Gambar 3.19 Halaman Daftar Formasi

Ini adalah daftar formasi yang disediakan. Terdapat kelompok pelamar,

kelompok pelamar ini dapat merupakan tenaga medis, tenaga pendidikan, tenaga

teknisi atau yang lainnya. Calon pendaftar dapat melihat terlebih dahulu jabatan apa

yang akan dipilih. Pendidikan merupakan pendidikan terakhir yang harus ditempuh

oleh calon pendaftra jika memilih jabatan tertentu.

Gambar 3.22 Halaman Daftar Lokasi Tes

Gambar 3.20 Halaman Data Lokasi Tes

NO NAMA

PESERTA

NO

PESERTA

JABATAN LOKASI RUANGAN

Halaman ini menampilkan lokasi tes dan ruangan tes yang akan digunakan

oleh peserta tes sesuai dengan yang telah ditentukan oleh penyeleksi pada saat

(60)

No Nama

No

Peserta JK

Jabatan Pendidikan

Status

Gambar 3.21 Halaman Hasil Seleksi

Halaman hasil seleksi ini menampilkan peserta yang lulus CPNS.

3.2.4

Perancangan Antarmuka untuk admin, panitia dan penyeleksi

Login

User Name

:

Password :

Masuk

Gambar 3.22 Halaman Login admin, panitia dan penyeleksi

Form halaman ini digunakan oleh admin, panitia dan penyeleksi untuk masuk

ke halaman admin, panitia dan penyeleksi.

Formasi

NO KELOMPOK

PELAMAR

KODE

JABATAN

Tambah formasi

JABATAN KODE

PENDIDIKAN

(61)

38

Halaman data formasi ini untuk menampilkan formasi yang disediakan.

Terdapat button tambah formasi jika ingin menambah formasi, atau klik cetak jika

ingin mencetak formasi. Pada halaman ini tidak disediakan menu ubah dan hapus.

Tambah Formasi

Kelompok Pelamar

:

Kode Formasi

:

Pendidikan

:

Jabatan :

Kuota

:

Simpan

Batal

Gambar 3.24 Halaman tambah formasi

Halaman ini adalah halaman untuk menambah formasi, data formasitersedia

dalam dalam bentuk microsoft excel, klik simpan jika ingin menyimpan. Data

(62)

Lokasi Tes

Tambah Lokasi

NO

NAMA

LOKASI

TES

PESERTA

KOORDI

NATOR

JUMLAH

RUANGAN

TERPAKAI

AKSI

EDIT HAPUS

Gambar 3.25 Halaman data lokasi tes

Halaman ini digunakan untuk menampilkan data lokasi tes bagi peserta yang

lulus secara dministrasi. Terdapat menu edit untuk mengubah data dan menu hapus

jika ingin menhapus data lokasi. Button tambah lokasi digunakan jika ingin

menambahkan data lokasi tes.

Tambah Lokasi

Nama Lokasi

:

Jumlah Ruangan

:

Koordinator

:

*) Isi data secara lengkap

Simpan

Batal

(63)

40

Halaman ini adalah halaman input lokasi tes. Jika data telah tersimpan maka

jumlah terpakai ruangan akan default nol, dan jika penyeleksi menambahkan ruangan

tes, maka jumlah terpakai ruangan akan otomatis bertambah.

Gambar 3.27 Pesan Kesalahan jika form ada yang kosong

Isi Data Secara Lengkap

Ok

Halaman ini merupakan pesan jika pada form input lokasi tes belum diisi atau

ada form yang masih kosong.

Tidak Boleh Ada Karakter Dalam Form Isian

Ok

Gambar 3.28 Pesan jika dalam form terdapat karakter

Halaman ini merupakan pesan jika pada form input lokasi tes terdapat

karakter. Pada form tidak boleh ada karakter. Jadi yang boleh hanya huruf atau angka

saja.

Jumlah Ruangan Hanya Boleh Berisi Angka

Ok

Gambar 3.29 Pesan jika form jumlah ruangan diisi dengan huruf

Halaman ini merupakan pesan jika pada ruangan tes diisi dengan angka. Pada

(64)

Koordinator hanya boleh huruf

Ok

Gambar 3.30 Pesan jika form koordinator diisi dengan angka

Halaman ini merupakan pesan jika pada form koordinator terdapat angka.

Pada form koordinator hanya boleh diisi dengan huruf saja karena berisi nama orang.

Nama lokasi atau koordinator sudah terpakai. Silahkan menggunakan yang lain

Ok

Gambar 3.31 Pesan jika nama lokasi atau koordinator sudah ada dalam database

Gambar 3.31 merupakan pesan jika nama lokasi atau koordinator sudah ada

dalam database. Karena tidak muungkin ada nama lokasi yang sama atau ada satu

orang yang mengawasi di dua lokasi.

Edit Lokasi

Nama Lokasi

:

Jumlah Ruangan

:

Koordinator

:

xxx xxx xxx

Batal

Update

Gambar 3.32 Halaman edit lokasi tes

(65)

42

Ruangan Tes

Gambar 3.33 Halaman Ruangan tes

Halaman ruangan adalah halaman yang digunakan untuk menampilkan

ruangan sesuai dengan lokasi yang dipilih. Jumlah terpakai akan otomatis bertambah

jika penyeleksi memberikan ruangan pada peserta yang melakukan validasi berkas.

Gambar 3.34 Halaman tambah ruangan tes

Halaman ini adalah halaman input ruangan tes.

Tambah Ruangan

NAMA

LOKASI

TES

PESERTA

NAMA

RUANGAN

KELAS

AKSI

NO

KUOTA

TERPAKAI

EDIT HAPUS

Tambah Ruangan

Nama Lokasi

:

Nama Ruangan

:

Kuota

:

*) Jika nama lokasi tidak ada maka semua lokasi sudah terpakai

xxx

(66)

Ok

Gambar 3.35 Pesan jika form ada yang masih kosong

Halaman ini merupakan pesan jika ada form yang belum diisi

Tidak Boleh Ada Karakter Dalam Form Isian

Ok

Gambar 3.36 Pesan jika ada karakter dalam form

Halaman ini merupakan pesan jika ada karakter dalam form isian.

Pada kuota tidak boleh ada huruf

Ok

Gambar 3.37 Pesan jika pada form kuota ada huruf

Halaman ini merupakan halaman jika pada form kuota ada huruf. Form kuota

(67)

44

Edit Ruangan

Nama Lokasi

:

Nama Ruangan

:

Kuota

:

Gambar 3.38 Halaman edit ruangan tes

Halaman ini adalah halaman edit ruangan tes.

Gambar 3.39 Halaman Hasil Seleksi

Halaman ini digunakan untuk memasukkan hasil seleksi bagi peserta yang

mengikuti tes.

Update

Batal

xxx

Hasil Tes

NO NO

PESERTA

NAMA JABATAN

Tambah Hasil Tes

(68)

Input Hasil Seleksi

Dokumen :

_Browse

Simpan

Batal

Gambar 3.40 Halaman Input Hasil Seleksi

Halaman ini merupakan halaman input hasil seleksi.

Informasi Penerimaan CPNS

NO JUDUL

INFORMASI

TGL

MULAI

TGL

SELESAI

AKSI

EDIT HAPUS

Tambah info

Gambar 3.41 Halaman Informasi Penerimaan CPNS

(69)

46

Tambah Informasi Penerimaan CPNS

Judul

:

Informasi :

Tempat :

Tgl Mulai

:

Tgl Selesai

:

Simpan

Batal

Gambar 3.42 Halaman Tambah Informasi Penerimaan CPNS

Halaman ini merupakan halaman tambah informasi penerimaan CPNS.

Terdapat 5 masukan, yaitu judul, informasi, tempat, tanggal mulai dan tanggal

selesai.

Ok

(70)

Tidak boleh ada karakter di form judul atau tempat

Ok

Gambar 3.44 Pesan jika pada form judul dan tempat terdapat karakter

Judul atau tempat hanya boleh huruf

Ok

Gambar 3.45 Pesan jika form judul atau tempat terdapat huruf

Ubah Informasi Penerimaan CPNS

Judul

:

Informasi :

Tempat :

Tgl Mulai

:

Tgl Selesai

:

Update

Batal

xxx

xx

Gambar 3.46 Halaman Ubah Penerimaan CPNS

(71)

48

Daftar Peserta

NO NOMOR

TES NAMA

LENGKAP

KELOMPOK

PELAMAR

JABATAN PENDIDIKAN

Gambar 3.47 Daftar Pendaftar

Halaman diatas merupakan halaman data semua pendaftar yang belum

melakukan validasi.

Gambar 3.48 Form Pendaftaran

Pendaftaran

Nama

Lengkap :

Tempat Lahir

:

Tanggal Lahir

:

Jenis Kelamin

:

Laki-Laki Perempuan

No ijazah

:

No KTP

:

Alamat

:

Pendidikan Terakhir :

Jabatan :

▼

(72)

Form ini merupakan form pendaftaran yang akan digunakan oleh penyeleksi

jika pendaftar mengalami kesulitan dalam mendaftar.

Isi Data Secara Lengkap

Ok

Gambar 3.49 Pesan Jika form ada yang kosong

Halaman ini merupakan pesan jika pada form pendaftaran masih kosong atau

masih ada yang kosong.

Tidak boleh ada karakter dalam form

Ok

Gambar 3.50 Pesan Jika ada karakter dalam form

Halaman ini merupakan pesan jika pada form pendaftaran terdapat karakter.

Pada form pendaftaran hanya boleh berisi angka dan huruf saja.

tidak boleh ada angka dalam form nama dan tempat lahir

Ok

Gambar 3.51 Pesan jka pada form nama atau tempat lahir ada angka

Halaman ini merupakan pesan jika pada form nama dan tempat lahir terdapat

(73)

50

tidak boleh ada huruf dalam form no ktp

Ok

Gambar 3.52 Pesan jka pada form no ktp ada huruf

Halaman ini merupakan pesan jika dalam no ktp terdapat huruf.

Anda Sudah Pernah Mendaftar. Silahkan Hubungai Panitia

CPNS jika ingin mendaftar lagi

Ok

Gambar 3.53 Pesan pengecekan status pendaftar

Halaman ini merupakan halaman jika pendaftar sudah pernah mendaftar.

Pendaftar hanya diperbolehkan mendaftar satu kali.

Usia anda tidak memenuhi syarat

Ok

Gambar 3.54 Pesan jika usia tidak memenuhi syarat

Halaman ini merupakan pesan jika usia pendaftar masih dibawah 18 tahun

(74)

Account

NO

USERNAME PASSWORD

LEVEL

PENGGUNA

AKSI

EDIT HAPUS

Gambar 3.55 Mengelola Account

Halaman ini adalah halaman account. Digunakan untuk memberikan hak

akses untuk admin, ketua dan penyeleksi.

Gambar 3.56 Tambah Account

Halaman ini adalah halaman tambah account. Pada form ini terdapat 4 buah

masukan yaitu username, password, konfirmasi password dan level. Username dan

Tambah Account

User Name

:

Password

:

Komfirmasi Password :

:

Level

: ketua penyeleksi admin

(75)

52

password harus lebih dari 5 karakter. Sedangkan level digunakan untuk menentukan

hak akses.

Password atau UserName anda kurang dari 6

Ok

Gambar 3.57 Pesan jika password kurang dari 6

Halaman ini merupakan pesan jika username atau password yang dimasukkan

kurang dari 6.

Username sudah terpakai. Silahkan menggunakan yang lain

Ok

Gambar 3.58 Pesan jika username sudah ada dalam database

Halaman ini merupakan pesan jika pada database sudah terdapat username

yang diinputkan.

Ubah Account

User Name

:

Level

: ketua penyeleksi admin

Update

Batal

xxx

(76)

Halaman ini merupakan halaman ubah account.

Edit Password

User Name

:

Password Lama

:

Password Baru

:

Update

Batal

xxx

Gambar 3.60 Ubah Password

Halaman ini merupakan halaman ubah password. Masukkan password yang

lama dan password yang baru.

Password yang lama tidak sesuai dengan database

Ok

Gambar 3.61 Pesan jika password lama tidak sama dengan database

(77)

54

Validasi Pendaftaran

NO NAMA

LENGKAP

JENIS

KELAMIN

Gambar 3.62 Halaman Validasi Pendaftar

Halaman ini merupakan halaman validasi pendaftar. Jika data diri pendaftar cocok dengan kartu identitas yang

dimiliki dan jika nomor ijazah, pendidikan terakhir dan jabatan yang dipilih sesuai dengan berkas yang telah dikumpulkan

maka pendaftar ini valid. Penyeleksi dapat mencentang pada kolom cek dan mengklik tombol valid untuk memvalidasi

pndaftar. Pendaftar tersebut dapat dinyatakan lulus secara administrasi dan dapat mengikuti ujian tertulis sesuai jadwal.

NO

KTP

NO

IJAZAH

KELOMPOK

PELAMAR

(78)

perancangan “Sistem Informasi Pendaftaran dan Seleksi Calon Pegawai Negeri Sipil

Berbasis Web Di Pemda Kabupaten Lahat” yang telah dibuat pada bab sebelumnya.

4.1

Perangkat Kebutuhan Sistem

Dalam pengujian sistem diperlukan sistem penunjang, diantaranya

sebagai berikut :

Server

a.

Microsoft Windows XP Professional SP 1

b.

Mysql untuk databasenya

c.

PHP versi 5.0

d.

Appserv sebagai web service

Client

a.

Microsoft Windows XP Professional SP 1

b.

Mozilla Firefox

4.2

Koneksi Database

Adapun koneksi database yang digunakan dalam Mysql adalah sebagai

berikut.

(79)

56

<?php

$server = "localhost"; $username = "root"; $password = "cindy"; $database = "pns";

// Koneksi dan memilih database di server

mysql_connect($server,$username,$password) or die("Koneksi gagal"); mysql_select_db($database) or die("Database tidak bisa dibuka"); ?>

4.3

Antar Muka

Antar muka merupakan tampilan yang nantinya akan berinteraksi

langsung dengan pengguna.

4.3.1

Halaman Utama Pengguna Ketika Pendaftaran di Buka

(80)

(81)

58

4.3.2

Halaman Utama Pengguna Ketika Pendaftaran di Tutup

Halaman ini merupakan halaman jika pendaftaran sudah ditutup. Pada

halaman ini pengguna bisa melihat lokasi tes dan daftar peserta yang

mengikuti tes tertulis. Peserta yang mengikuti ters tertulis merupakan

pendaftar yang dinyatakan lulus secara administrasi.

(82)

4.3.3

Halaman Admin

Halaman ini merupakan halaman admin. Admin hanya bisa mengelola

account, admin juga bertugas membuatkan account bagi panitia pendaftaran

calon pegawai negeri sipil, baik bagi ketua panitia ataupun bagi penyeleksi.

Gambar 4.3 Halaman Utama Admin

4.3.4

Halaman Ketua

(83)

60

Gambar 4.4 Halaman Utama Ketua

4.3.5

Halaman Penyeleksi

(84)

Gambar 4.5 Halaman Utama Penyeleksi

4.4

Antar Muka Pengguna

4.4.1

Form Pendaftaran

(85)

62

Gambar 4.6 Form pendaftaran

mysql_query("INSERT INTO

(86)

4.4.2

Pesan Pendaftaran

Ini merupakan pesan kesalahan yang akan ditampilkan oleh server jika

pendaftar tidak mengisi data secara lengkap.

Gambar 4.7 Pesan Pendaftaran

if(($nm=="") or ($tl=="") or($thn=="") or($almt=="") or ($ni=="") or ($nk=="") or ($pendidikan==0))

{

echo("<script>alert('Isi data secara lengkap..')</script>"); }

4.4.3

Pengecekan Pendaftaran

Pada website yang dibuat ini, pendaftar hanya diperbolehkan

mendaftar satu kali saja. Dengan demikian diharapkan tidak terjadi banyak

redundansi data pada database. Jika pendaftar sudah pernah mendaftar dan

melakukan pendafataran lagi, maka akan muncul pesan kesalahan dibawah

ini.

(87)

64

else{

//pengecekan jika pada database terdapat nama yang sama

$query="select * from peserta where no_ijazah='$ni' or no_ktp='$nk'"; $hasil=mysql_query($query);

$data=mysql_num_rows($hasil); if($data>=1)

{

//jika no ktp atau no ijazah yang sama sudah ada dalam database

echo("<script>alert('Anda Sudah Pernah Mendaftar. Silahkan Hubungai Panitia CPNS jika ingin mendaftar lagi')</script>");

} }

4.4.4

Pengecekan Umur Pendaftaran

Untuk melakukan pendaftaran calon pegawai negeri sipil. Pemerintah

memberikan syarat usia minimal 18 tahun dan maksimal 35 tahun. Dibawah ini

merupakan pesan kesalahan jika usia pendaftar tidak memenuhi syarat yang telah

ditentukan. Diharapkan kontrol seperti ini bisa mengurangi data yang tidak valid.

Gambar 4.9 Pengecekan Umur Pendaftaran

else{

//pengecekan umur pendaftar $tanggal=$_POST['tgl']; $bulan=$_POST['bln']; $tahun=$_POST['thn']; $tglLhr=$tanggal.'-'.$bulan.'-'.$tahun; $tahun_skrng=date("Y"); $bln_skrng=date("m");

(88)

$bulan=($bln_skrng+$b)%12;

if($tahun<18 || $tahun>35) {

//jika umur lebih kecil dari 18 atau lebih besar dari 35

echo("<script>alert('Usia anda tidak memenuhi syarat')</script>"); }

}

4.4.5

Data Formasi

(89)

66

Gambar 4.10 Data Formasi

4.4.6

Lokasi Tes

(90)

Gambar 4.11 Lokasi Tes

4.4.7

Hasil Seleksi

(91)

68

Gambar 4.12 Hasil Seleksi

4.5

Antar Muka Penyeleksi

4.5.1

Form Login

Berikut ini adalah form login yang digunakan oleh admin, ketua panitia dan

penyeleksi untuk masuk kehalaman masing-masing.

Gambar 4.13 Form Login

<title>:: Skripsi Semangat!! ::</title>

<body>

(92)

<tr><td>Username</td><td> : <input type="text" name="username"></td></tr> <tr><td>Password</td><td> : <input type="password" name="password"></td></tr> <tr><td colspan="2"><input type="submit" value="Login"></td></tr>

</table> </form> <p> </p> </div>

</body> </html>

4.5.2