Final Report
Click here to load reader
-
Upload
andhy-triono -
Category
Documents
-
view
888 -
download
3
Transcript of Final Report
PEMBUATAN WEBSITE PENGEMBANGAN KARIR
DAN HUBUNGAN ALUMNI
PADA DIREKTORAT PENGEMBANGAN KARIR
DAN HUBUNGAN ALUMNI IPB
WAHYU DWI SURYANTO
PROGRAM KEAHLIAN MANAJEMEN INFORMATIKA
DIREKTORAT PROGRAM DIPLOMA
INSTITUT PERTANIAN BOGOR
2009
PEMBUATAN WEBSITE PENGEMBANGAN KARIR
DAN HUBUNGAN ALUMNI
PADA DIREKTORAT PENGEMBANGAN KARIR
DAN HUBUNGAN ALUMNI IPB
WAHYU DWI SURYANTO
J3C206105
Laporan Praktik Kerja Lapangan
sebagai salah satu syarat untuk memperoleh gelar A.Md.
pada
Program Diploma Keahlian Manajemen Informatika
PROGRAM KEAHLIAN MANAJEMEN INFORMATIKA
DIREKTORAT PROGRAM DIPLOMA
INSTITUT PERTANIAN BOGOR
2009
Judul : Pembuatan Website Pengembangan Karir dan
Hubungan Alumni pada Direktorat Pengembangan
Karir dan Hubungan Alumni IPB
Nama : Wahyu Dwi Suryanto
NIM : J3C206105
Program Keahlian : Manajemen Informatika
Menyetujui,
Dosen Pembimbing
Medhanita Dewi Renanti, S.Kom
NIK. 913175010
Mengetahui,
Direktur Program Diploma
Prof. Dr. Ir. M. Zairin Junior, M.Sc
NIP. 19590218 198601 1 001
Koordinator Program Keahlian
Dr. Ir. Muhammad Syamsun, M.Sc
NIP. 19500727 197412 1 001
Tanggal lulus:
RIWAYAT HIDUP
Penulis bernama Wahyu Dwi Suryanto, dilahirkan di
Pulau Kangean, Sumenep, Jawa Timur pada tanggal 25
Februari 1989. Penulis merupakan anak kedua dari dua
bersaudara dari pasangan Kispono Riyanto dan Akidah.
Penulis memulai pendidikan formal pada tahun 1993
di TK At-Taqwa, kemudian pada tahun 1994 melanjutkan
pendidikan ke jenjang Sekolah Dasar (SD) di Sekolah Dasar Negeri I Kalisangka
Arjasa, Sumenep dan lulus pada tahun 2000. Kemudian melanjutkan
pendidikannya ke Sekolah Lanjutan Tingkat Pertama (SLTP) di SLTP Negeri 2
Arjasa, Sumenep, Jawa Timur, selesai pada tahun 2003. Sekolah Menengah Atas
(SMA) penulis diselesaikan pada tahun 2006 di SMA Antartika Sidoarjo, Jawa
Timur.
Penulis diterima sebagai mahasiswa Direktorat Program Diploma (DPD)
Institut Pertanian Bogor (IPB) pada tahun 2006 melalui jalur Undangan Seleksi
Masuk IPB (USMI) pada program keahlian Manajemen Informatika. Selama
menjalani masa pendidikannya di DPD IPB, penulis aktif di dalam berbagai
kegiatan kemahasiswaan di Manajemen Informatika. Penulis juga pernah
menjabat sebagai koordinator Rohasi Islam (Rohis) Manajemen Informatika 43
(Rohmi43), anggota Badan Eksekutif Mahasiswa DPD IPB (BEM-J), dan Badan
Pengawas Minat Profesi (Mipro) DPD IPB. Penulis melaksanakan Praktik Kerja
Lapangan (PKL) di Direktorat Pengembangan Karir dan Hubungan Alumni
Institut Pertanian Bogor (DPKHA IPB).
iv
PRAKATA
Puji dan syukur penulis panjatkan kepada Allah SWT karena atas segala
karuniaNya penulis dapat penyelesaikan laporan Praktik Kerja Lapangan (PKL)
ini tepat pada waktunya. Kegiatan PKL ini dilaksanakan pada Direktorat
Pengembangan Karir dan Hubungan Alumni (DPKHA) Institut Pertanian Bogor
(IPB) yang beralamat di Gedung Andi Hakim Nasoetion Lt. 1 Kampus IPB,
Dramaga, Bogor 16680 selama 40 hari kerja yang dimulai pada tanggal 24 Maret
2009 sampai dengan 22 Mei 2009.
Dalam kesempatan ini penulis mengucapkan terima kasih kepada:
1. Allah SWT atas limpahan Rahmat dan HidayahNya, beserta RasulNya, baginda
Rasul Muhammad, SAW.
2. Ayahanda Kispono Riyanto, Ibunda Akidah, dan Kakanda Khurniawan Fajar
Purnomo atas segala dukungan baik secara spiritual, moral, dan materi.
3. Bapak Dr. Ir. Muhammad Syamsun, M.Sc selaku Koordinator Program
Keahlian Manajemen Informatika dan Ibu Medhanita Dewi Renanti, S.Kom
selaku dosen pembimbing atas bantuan, nasihat, kritik, dan saran serta
ketersediaan waktunya untuk penulis.
4. Segenap pimpinan dan staf DPKHA IPB, khususnya Bapak Iin Solihin, S.Pi,
M.Si selaku pembimbing lapangan.
5. Rekan-rekan seperjuangan di Manajemen Informatika DPD IPB angkatan 43
atas semangat, persahabatan, dan kebersamaannya.
6. Semua pihak yang telah membantu, sehingga laporan ini dapat diselesaikan
dengan baik.
Penulisan laporan ini tidak terlepas dari kekurangan. Oleh karena itu,
penulis sangat mengharapkan kritik dan saran yang membangun untuk
penyempurnaannya. Akhirnya semoga tulisan ini dapat bermanfaat bagi pembaca,
khususnya demi peningkatan pengetahuan dalam di bidang teknologi informasi.
Bogor, Juli 2009
Wahyu Dwi Suryanto
v
DAFTAR ISI
DAFTAR ISI ........................................................................................................... v
DAFTAR TABEL .................................................................................................. ix
DAFTAR GAMBAR ............................................................................................. xi
DAFTAR LAMPIRAN ......................................................................................... xii
I PENDAHULUAN ........................................................................................... 1
1.1 Latar Belakang ........................................................................................... 1
1.2 Tujuan ........................................................................................................ 2
1.2.1 Tujuan Umum .................................................................................. 2
1.2.2 Tujuan Khusus ................................................................................. 3
1.3 Batasan Masalah ........................................................................................ 3
II KEADAAN UMUM ........................................................................................ 4
2.1 Sejarah ........................................................................................................ 4
2.2 Tugas dan Fungsi ....................................................................................... 4
2.2.1 Tugas ................................................................................................ 4
2.2.2 Fungsi ............................................................................................... 4
2.3 Struktur Organisasi .................................................................................... 5
2.4 Pelayanan .................................................................................................. 5
2.4.1 Ketenagakerjaan ............................................................................... 5
2.4.1.1 Informasi Lowongan Kerja .................................................. 5
2.4.1.2 Permintaan Basis Data Anggota .......................................... 5
2.4.1.3 Presentasi Perusahaan .......................................................... 6
2.4.1.4 Paper Screening .................................................................. 6
2.4.1.5 In Campus Recruitment ....................................................... 6
2.4.1.6 Job Fair/Company Goes to Campus ................................... 6
2.4.1.7 Kerjasama ketenagakerjaan ................................................. 6
2.4.2 Pembekalan dan Pelatihan ............................................................... 7
2.4.3 Konsultasi Karir .............................................................................. 7
Halaman
vi
2.4.4 Kewirausahaan ................................................................................ 7
2.4.4.1 Pembekalan kewirausahaan ................................................. 7
2.4.4.2 Cooperative Academic Education Program ........................ 8
2.4.4.3 Pendampingan dan dana bergulir ........................................ 8
III TINJAUAN PUSTAKA .................................................................................. 9
3.1 Pengertian Data dan Informasi ................................................................... 9
3.2 Sistem dan Sistem Informasi...................................................................... 9
3.3 Basis Data .................................................................................................. 9
3.4 Sistem Manajemen Basis Data ................................................................... 9
3.5 Entity Relationship Diagram ................................................................... 10
3.6 Kardinalitas dan Modalitas ...................................................................... 10
3.7 Model Waterfall ....................................................................................... 11
3.8 Hypertext Markup Language ................................................................... 12
3.9 PHP Hypertext Preprosessor ................................................................... 13
3.10 Cascading Style Sheet ............................................................................ 13
3.11 JavaScript .............................................................................................. 13
3.12 Internet ................................................................................................... 13
3.13 World Wide Web .................................................................................... 14
3.14 Normalisasi ............................................................................................ 14
3.15 Structured Query Language ................................................................. 14
3.16 MySQL .................................................................................................. 14
3.17 Metode Pengujian Black-Box ................................................................. 15
3.18 Struktur Navigasi ................................................................................... 15
3.19 Diagram Konteks ................................................................................... 17
3.20 Data Flow Diagram ............................................................................... 17
IV PEMBUATAN WEBSITE PENGEMBANGAN KARIR DAN HUBUNGAN
ALUMNI PADA DIREKTORAT PENGEMBANGAN KARIR DAN
HUBUNGAN ALUMNI IPB ....................................................................... 19
4.1 Analisis dan Definisi Persyaratan ............................................................ 19
4.1.1 Analisis Kebutuhan ........................................................................ 19
4.1.1.1 Analisis Kebutuhan Informasi ........................................... 19
4.1.1.2 Analisis Kebutuhan Fungsional ......................................... 20
vii
4.1.1.3 Analisis Otoritas Pengguna ............................................... 22
4.1.2 Deskripsi Website........................................................................... 24
4.1.3 Batasan-Batasan Website PKHA IPB ............................................ 24
4.1.4 Diagram Konteks ........................................................................... 24
4.1.5 DFD level-1 ................................................................................... 24
4.2 Perancangan Sistem dan Perangkat Lunak .............................................. 26
4.2.1 Perangkat Keras ............................................................................. 26
4.2.2 Perangkat Lunak ............................................................................ 26
4.2.3 Perancangan Basis Data ................................................................. 26
4.2.3.1 Normalisasi ........................................................................ 27
4.2.3.2 Perancangan Basis Data Konseptual ................................. 27
4.2.3.3 Perancangan Basis Data Logis .......................................... 29
4.2.3.4 Perancangan Basis Data Fisik ........................................... 32
4.2.4 Perancangan Antarmuka ................................................................ 50
4.2.5 Perancangan Navigasi .................................................................... 51
4.2.6 Perancangan Masukan ................................................................... 52
4.2.7 Perancangan Proses ........................................................................ 55
4.2.8 Perancangan Keluaran ................................................................... 56
4.3 Implementasi dan Pengujian Unit ............................................................ 58
4.3.1 Perangkat Keras ............................................................................. 58
4.3.2 Perangkat Lunak ............................................................................ 58
4.3.3 Implementasi Basis Data................................................................ 59
4.3.4 Implementasi Antarmuka ............................................................... 59
4.3.5 Implementasi Masukan .................................................................. 61
4.3.6 Implementasi Proses ...................................................................... 66
4.3.7 Implementasi Keluaran .................................................................. 69
4.4 Integrasi dan Pengujian Sistem ................................................................ 72
4.4.1 Metode Pengujian .......................................................................... 72
4.4.2 Lingkungan Pengujian ................................................................... 75
4.5 Pengoprasian dan Pemeliharaan ............................................................... 76
V KESIMPULAN DAN SARAN ...................................................................... 77
5.1 Kesimpulan .............................................................................................. 77
viii
5.2 Saran ........................................................................................................ 78
DAFTAR PUSTAKA ........................................................................................... 79
LAMPIRAN ......................................................................................................... 81
ix
DAFTAR TABEL
1 Komponen Entity Relationship Diagram .................................................... 10
2 Komponen Data Flow Diagram .................................................................. 18
3 Kebutuhan Fungsional Website PKHA IPB ................................................ 20
4 Karakteristik Pengguna Website PKHA IPB ............................................... 22
5 Deskripsi Tabel User ................................................................................... 33
6 Deskripsi Tabel Agenda .............................................................................. 33
7 Deskripsi Tabel Artikel................................................................................ 33
8 Deskripsi Tabel Berita ................................................................................. 34
9 Deskripsi Tabel Fakultas ............................................................................. 34
10 Deskripsi Tabel Departemen ....................................................................... 35
11 Deskrisi Tabel Galeri ................................................................................... 35
12 Deskripsi Tabel Header ............................................................................... 35
13 Deskripsi Tabel Instansi .............................................................................. 36
14 Deskripsi Tabel Jabatan ............................................................................... 36
15 Deskripsi Tabel Kategori Berita .................................................................. 36
16 Deskripsi Tabel Kategori Lowongan ........................................................... 37
17 Deskripsi Tabel Kegiatan ............................................................................ 37
18 Deskripsi Tabel Konsultasi .......................................................................... 38
19 Deskripsi Tabel Provinsi.............................................................................. 38
20 Deskripsi Tabel Kota ................................................................................... 38
21 Deskripsi Tabel Link .................................................................................... 39
22 Deskripsi Tabel Lowongan .......................................................................... 39
23 Deskripsi Tabel Menu.................................................................................. 40
24 Deskripsi Tabel Pegawai ............................................................................. 40
25 Deskripsi Tabel Pelayanan .......................................................................... 41
26 Deskripsi Tabel Perusahaan ......................................................................... 41
27 Deskripsi Tabel Polling ............................................................................... 42
28 Deskripsi Tabel Profil .................................................................................. 42
29 Deskripsi Tabel Sponsor .............................................................................. 42
Halaman
x
30 Deskripsi Tabel Tahun ................................................................................. 43
31 Deskripsi Tabel Anggota ............................................................................. 43
32 Deskripsi Tabel Akademik .......................................................................... 44
33 Deskripsi Tabel Orang Tua .......................................................................... 45
34 Deskripsi Tabel Alumni ............................................................................... 45
35 Deskripsi Tabel Kerja Instansi..................................................................... 46
36 Deskripsi Tabel Kerja Perusahaan ............................................................... 47
37 Deskripsi Tabel Kerja Wirausaha ................................................................ 48
38 Deskripsi Tabel Lanjut ................................................................................ 49
39 Deskripsi Tabel Belum Kerja ...................................................................... 49
40 Deskripsi Tabel Bidang Kerja ..................................................................... 50
41 Deskripsi Perancangan Masukan Website PKHA pada Halaman Admin .... 52
42 Deskripsi Perancangan Masukan Anggota PKHA ...................................... 54
43 Deskripsi Perancangan Masukan Alumni PKHA ........................................ 54
44 Deskripsi Perancangan Proses ..................................................................... 55
45 Deskripsi Perancangan Keluaran Website PKHA pada Halaman Admin .... 56
46 Deskripsi Implementasi Masukan Website PKHA pada Halaman Admin... 61
47 Deskripsi Implementasi Masukan Anggota ................................................. 65
48 Deskripsi Implementasi Masukan Alumni PKHA ...................................... 65
49 Deskripsi Implementasi Keluaran Website PKHA pada Halaman Admin... 69
50 Proses Pengujian Halaman Login Admin ..................................................... 72
51 Proses Pengujian Halaman Login Alumni ................................................... 73
52 Proses Pengujian Form User pada Halaman Admin .................................... 74
xi
DAFTAR GAMBAR
1 Struktur Organisasi DPKHA IPB. ................................................................. 5
2 Metode Waterfall. ........................................................................................ 11
3 Struktur Linier. ............................................................................................ 15
4 Struktur Grid. ............................................................................................... 16
5 Struktur Hirarki ............................................................................................ 16
6 Struktur Jejaring........................................................................................... 17
7 Diagram Konteks Website PKHA IPB. ....................................................... 25
8 Perancangan Basis Data Konseptual Website PKHA. ................................. 27
9 Perancangan Basis Data Konseptual Alumni. ............................................. 28
10 Perancangan Basis Data Konseptual Anggota. ............................................ 29
11 Perancangan Basis Data Logis Website. ...................................................... 30
12 Perancangan Basis Data Logis Alumni. ...................................................... 31
13 Perancangan Basis Data Logis Anggota. ..................................................... 32
14 Perancangan Antarmuka Pengguna Umum. ................................................ 50
15 Perancangan Antarmuka Administrator (Admin). ....................................... 51
16 Implementasi Antarmuka Pengguna Umum. ............................................... 60
17 Implementasi Antarmuka Administrator (Admin). ...................................... 61
18 Potongan Kode Program untuk Cek Login Admin. ..................................... 67
19 Potongan Kode Program untuk Proses Tambah User. ................................ 67
20 Potongan Kode Program untuk Proses Ubah User. ..................................... 68
21 Potongan Kode Program untuk Proses Hapus user. .................................... 68
22 Potongan Kode pada File css “adminstyle.php”.......................................... 68
23 Potongan Kode Program untuk Paging seperti google.com. ....................... 69
Halaman
xii
DAFTAR LAMPIRAN
1 DFD Level 1 untuk Entitas Admin............................................................... 81
2 DFD Level 1 untuk Entitas Alumni ............................................................. 82
3 DFD Level 1 untuk Entitas Anggota ........................................................... 83
4 DFD level 1 untuk entitas Perusahaan mitra ............................................... 83
5 DFD Level 1 untuk Entitas Pengguna Umum ............................................. 84
6 Keterangan Data pada DFD ......................................................................... 85
7 Keterangan Basis Data pada DFD Level 1 .................................................. 86
8 Tebel Keanggotaan Sebelum Normalisasi ................................................... 87
9 Tabel-Tabel Keanggotaan pada Normalisasi Pertama (1NF) ...................... 87
10 Tabel-Tabel Keanggotaan Setelah Normalisasi Kedua (2NF) .................... 88
11 Tabel-Tabel Keanggotaan Setelah Normalisasi Ketiga (3NF) .................... 89
12 Perancangan Navigasi (Sitemap) ................................................................. 91
13 Perancangan Tambah User pada Halaman Admin....................................... 92
14 Perancangan Tambah Agenda pada Halaman Admin .................................. 92
15 Perancangan Tambah Artikel pada Halaman Admin ................................... 92
16 Perancangan Tambah Berita pada Halaman Admin..................................... 92
17 Perancangan Tambah Departemen pada Halaman Admin ........................... 93
18 Perancangan Tambah Fakultas pada Halaman Admin ................................. 93
19 Perancangan Tambah Galeri pada Halaman Admin .................................... 93
20 Perancangan Modifikasi Header pada Halaman Admin .............................. 93
21 Perancangan Tambah Iklan Lowongan pada Halaman Admin .................... 94
22 Perancangan Tambah Instansi Pemerintah pada Halaman Admin ............... 94
23 Perancangan Tambah Konsultasi pada Halaman Admin ............................. 94
24 Perancangan Tambah Link Website pada Halaman Admin.......................... 94
25 Perancangan Tambah Kota pada Halaman Admin....................................... 95
26 Perancangan Modifikasi Menu pada Halaman Admin................................. 95
27 Perancangan Tambah Pelatihan dan Seminar pada Halaman Admin .......... 95
28 Perancangan Modifikasi Pelayanan pada Halaman Admin ......................... 95
29 Perancangan Tambah Perusahaan pada Halaman Admin ............................ 96
Halaman
xiii
30 Perancangan Tambah Polling pada Halaman Admin................................... 96
31 Perancangan Modifikasi Profil pada Halaman Admin ................................. 96
32 Perancangan Tambah Provinsi pada Halaman Admin ................................. 96
33 Perancangan Tambah Sponsor pada Halaman Admin ................................. 97
34 Perancangan Tambah Staf DPKHA pada Halaman Admin ......................... 97
35 Perancangan Tambah Tahun Akademik pada Halaman Admin .................. 97
36 Perancangan Masukan Data Pribadi Anggota ............................................. 98
37 Perancangan Masukan Data Akademik Anggota ........................................ 98
38 Perancangan Masukan Data Orang Tua Anggota ........................................ 99
39 Perancangan Masukan Data Pribadi Alumni ............................................... 99
40 Perancangan Masukan Data Melanjutkan ................................................. 100
41 Perancangan Masukan Data Belum Kerja ................................................. 100
42 Perancangan Masukan Data Kerja Instansi ............................................... 100
43 Perancangan Masukan Data Kerja Perusahaan.......................................... 101
44 Perancangan Masukan Data Kerja Wirausaha ........................................... 101
45 Flowchart Perancangan Proses Login Admin ............................................ 102
46 Flowchart Perancangan Proses Login Alumni .......................................... 102
47 Flowchart Perancangan Proses Input Konsultasi Karir ............................. 103
48 Flowchart Perancangan Proses Input Data Perusahaan ............................ 103
49 Flowchart Perancangan Proses Input Data Anggota ................................. 104
50 Flowchart Perancangan Proses Input Data Alumni .................................. 104
51 Flowchart Perancangan Proses Update Data Alumni ............................... 105
52 Flowchart Perancangan Proses Tambah Data Website ............................. 105
53 Flowchart Perancangan Proses Update Data Website ............................... 106
54 Flowchart Perancangan Proses Hapus Data Website ................................ 106
55 Perancangan Keluaran Halaman User ....................................................... 107
56 Perancangan Keluaran Halaman Agenda .................................................. 107
57 Perancangan Keluaran Halaman Artikel ................................................... 107
58 Perancangan Keluaran Halaman Berita ..................................................... 108
59 Perancangan Keluaran Halaman Departemen ........................................... 108
60 Perancangan Keluaran Halaman Fakultas ................................................. 108
61 Perancangan Keluaran Halaman Galeri ..................................................... 109
xiv
62 Perancangan Keluaran Halaman Lowongan .............................................. 109
63 Perancangan Keluaran Halaman Instansi Pemerintah ............................... 109
64 Perancangan Keluaran Halaman Konsultasi Karir .................................... 110
65 Perancangan Keluaran Halaman Link Website .......................................... 110
66 Perancangan Keluaran Halaman Kota ....................................................... 110
67 Perancangan Keluaran Halaman Menajemen Menu.................................. 111
68 Perancangan Keluaran Halaman Pelatihan dan Seminar ........................... 111
69 Perancangan Keluaran Halaman Perusahaan............................................. 111
70 Perancangan Keluaran Halaman Polling ................................................... 112
71 Perancangan Keluaran Halaman Provinsi ................................................. 112
72 Perancangan Keluaran Halaman Sponsor .................................................. 112
73 Perancangan Keluaran Halaman Staf DPKHA.......................................... 113
74 Perancangan Keluaran Halaman Tahun Akademik ................................... 113
75 Relasi Tabel untuk Website PKHA............................................................ 114
76 Relasi Tabel untuk Kealumnian................................................................. 114
77 Relasi Tabel untuk Keanggotaan ............................................................... 115
78 Halaman Tambah Admin Baru pada Halaman Admin ............................... 115
79 Halaman Tambah Agenda pada Halaman Admin ...................................... 115
80 Halaman Tambah Artikel pada Halaman Admin ....................................... 115
81 Halaman Tambah Berita pada Halaman Admin......................................... 116
82 Halaman Tambah Departemen pada Halaman Admin ............................... 116
83 Halaman Tambah Fakultas Pada Halaman Admin..................................... 116
84 Halaman Tambah Galeri pada Halaman Admin ........................................ 116
85 Halaman Header pada Halaman Admin .................................................... 117
86 Halaman Tambah Iklan Lowongan pada Halaman Admin ........................ 117
87 Halaman Tambah Instansi Pemerintah pada Halaman Admin ................... 118
88 Halaman Balas Konsultasi Karir pada Halaman Admin ............................ 118
89 Halaman Tambah Link Website pada Halaman Admin .............................. 118
90 Halaman Tambah Kota pada Halaman Admin........................................... 118
91 Halaman Ubah Nama Menu pada Halaman Admin ................................... 118
92 Halaman Tambah Pelatihan dan Seminar pada Halaman Admin .............. 119
93 Halaman Isi Pelayanan DPKHA pada Halaman Admin ............................ 119
xv
94 Halaman Tambah Perusahaan pada Halaman Admin ................................ 120
95 Halaman Ubah Perntanyaan Polling pada Halaman Admin ...................... 120
96 Halaman profil DPKHA pada Halaman Admin ......................................... 120
97 Halaman Tambah Provinsi pada Halaman Admin ..................................... 121
98 Halaman Tambah Sponsor pada Halaman Admin ..................................... 121
99 Halaman Tambah Pegawai atau Staf DPKHA pada Halaman Admin ....... 121
100 Halaman Tambah Akademik pada Halaman Admin .................................. 121
101 Halaman Tambah Data Pribadi Anggota ................................................... 122
102 Halaman Tambah Data Akademik Anggota .............................................. 122
103 Halaman Tambah Data Orang Tua Anggota ............................................. 123
104 Halaman Tambah Data Pribadi Alumni .................................................... 123
105 Halaman Tambah Data Alumni Melajutkan Pendidikan ........................... 123
106 Halaman Tambah Data Alumni Belum Bekerja ........................................ 124
107 Halaman Tambah Data Alumni Bekerja di Instansi Pemerintah ............... 124
108 Halaman Tambah Data Alumni Bekerja di Perusahaan ............................ 124
109 Halaman Tambah Data Alumni Berwirausaha .......................................... 125
110 Halaman Keluaran User ............................................................................ 125
111 Halaman Keluaran Agenda ........................................................................ 125
112 Halaman Keluaran Artikel ......................................................................... 125
113 Halaman Keluaran Berita .......................................................................... 126
114 Halaman Keluaran Departemen ................................................................. 126
115 Halaman Keluaran Fakultas ....................................................................... 126
116 Halaman Keluaran Galeri .......................................................................... 127
117 Halaman Keluaran Lowongan ................................................................... 127
118 Halaman Keluaran Instansi Pemerintah..................................................... 127
119 Halaman Keluaran Konsultasi Karir .......................................................... 128
120 Halaman Keluaran Link Website ............................................................... 128
121 Halaman Keluaran Kota ............................................................................ 128
122 Halaman Keluaran Menejemen Menu ....................................................... 128
123 Halaman Keluaran Pelatihan dan Seminar ................................................ 129
124 Halaman Keluaran Perusahaan .................................................................. 129
125 Halaman Keluaran Polling ........................................................................ 129
xvi
126 Halaman Keluaran Provinsi ....................................................................... 130
127 Halaman Keluaran Sponsor ....................................................................... 130
128 Halaman Keluaran Staf .............................................................................. 130
129 Halaman Keluaran Tahun Akademik ........................................................ 130
130 Message Box untuk Textbox Username Kosong pada Login Admin ......... 131
131 Message Box untuk Textbox Password Kosong pada Login Admin .......... 131
132 Message Box untuk Username dan Password pada Login Admin ............. 131
133 Message Box untuk Textbox Kosong pada Login Admin........................... 131
134 Pou-up Menu jika Email Tidak Sesuai Format ......................................... 131
135 Halaman Utama Kealumnian ..................................................................... 132
136 Message Box untuk Textbox Nama Kosong .............................................. 132
137 Message Box untuk Textbox Password Kosong ........................................ 132
138 Message Box pada Tambah Data Admin Berhasil ..................................... 132
139 Message Box untuk Data Admin Lebih dari Lima (5) ............................... 133
140 Message Box untuk Konfirmasi pada Hapus Data Admin ......................... 133
141 Message Box pada Hapus Data Admin Berhasil ........................................ 133
142 Message Box pada Ubah Data Admin Berhasil.......................................... 133
1
BAB I PENDAHULUAN
1.1 Latar Belakang
Website dalam sebuah perusahaan atau instansi dirancang untuk
memudahkan mendapatkan dan menyebarkan informasi baik untuk kalangan
sendiri (admin) maupun pengunjung website. Website tersebut diharapkan akan
memberikan hasil yang cepat, tepat, dan akurat dibanding dengan informasi yang
didapat dari proses manual yaitu melalui telepon, fax, dan papan pengumuman.
Selain itu, sebuah website akan mengefisienkan penggunaan waktu, tenaga, dan
biaya yang pada akhirnya akan membantu pencapaian tujuan instansi yang
bersangkutan yaitu menyebarkan informasi kepada para pengunjungnya.
Penyebaran informasi lowongan kerja, pelatihan, pengumuman, dan
program-program yang akan dilakukan atau diadakan oleh Direktorat
Pengembangan Karir dan Hubungan Alumni Institut Pertanian Bogor (DPKHA
IPB) sudah menggunakan fasilitas internet yaitu website dan milis, tapi
pengelolaannya masih belum maksimal karena hanya menyebarkan informasi
lowongan kerja dan pelatihan saja. Selain itu pendaftaran anggota untuk
mendapatkan lowongan pekerjaan dari perusahaan masih dilakukan secara manual
yaitu dengan menggunakan formulir hardcopy kemudian dimasukkan ke dalam
sistem pengelolaan data anggota. Hal ini tidak efisien dan cukup memakan waktu
bagi calon anggota untuk mengisi formulir dan staf yang bertugas untuk
memasukkan data calon anggota.
Penyebaran riset hubungan alumni (tracer study) yang dilakukan selama
ini masih menggunakan jasa perusahahaan pengiriman jasa kepada alumni Institut
Pertanian Bogor. Pengisian formulirnya masih manual yaitu dengan mengisi
kuisioner yang ada pada berkas yang dikirimkan kepada alumni yang
bersangkutan. Di samping itu, kuisioner yang dikirim pun belum tentu sampai
kepada yang bersangkutan. Hal ini tidak efisien karena akan terlalu banyak
menghabiskan waktu, tenaga, dan biaya.
2
Website Pengembangan Karir dan Hubungan Alumni digunakan untuk
membantu menyebarkan informasi, menggali informasi, melakukan riset alumni,
dan melakukan diskusi secara tidak langsung dengan anggota atau alumni
sehingga informasi yang disampaikan dapat diterima dengan cepat dan tepat oleh
pengunjung dan pihak DPKHA dapat menghasilkan hasil riset alumni yang baku,
akurat, dan berkualitas untuk mendukung pengambilan keputusan dalam internal
DPKHA IPB.
Website ini akan dibangun dengan mengacu pada prinsip user friendly,
mudah untuk diperbaharui, sehingga ketika suatu saat terjadi penggantian
administrator akan mudah dalam menggunakannya. Perawatan website ini tidak
rumit karena sudah disesuaikan dengan kebutuhan pengguna website, serta
penggunaan dan pengembangan di masa yang akan datang pun akan lebih mudah
dilakukan.
1.2 Tujuan
1.2.1 Tujuan Umum
Tujuan dari pelaksanaan Praktik Kerja Lapangan (PKL) ini selain untuk
menyelasaikan Tugas Akhir dan sebagai syarat untuk mendapatkan gelar A.Md
adalah:
1. Mahasiswa dapat memperoleh informasi, pengetahuan, keterampilan, dan
pengalaman kerja sesuai dengan keahlian masing-masing.
2. Mahasiswa mampu mengidentifikasi masalah dan mampu memberikan
alternatif pemecahan masalah sesuai kemampuan dan keahlian masing-masing.
3. Mahasiswa mampu melihat peluang kerja berdasarkan permasalahan di
lapangan.
4. Mahasiswa dapat lebih mendekatkan perguruan tinggi dengan dunia kerja dan
masyarakat agar kurikulum yang diberikan sejalan dengan kebutuhan di
lapangan.
3
1.2.2 Tujuan Khusus
Secara khusus, pelaksanaan PKL ini bertujuan membat website
Pengembangan Karir dan Hubungan Alumni (PKHA). Adapun tujuan dari
pembuatan Website PKHA ini adalah:
1. Mempermudah pihak Administrasi DPKHA IPB dalam menyebarkan
informasi lowongan pekerjaan, pelatihan, seminar, dan recruitment calon
karyawan oleh perusahaan.
2. Mempermudah pihak Staf Administrasi DPKHA IPB dalam pendataan anggota
baru dan menyimpan semua data anggota dalam basis data.
3. Mempermudah pihak DPKHA IPB dalam mengelola data tracer study alumni
yang tersimpan di dalam basis data.
4. Mempermudah pihak Staf DPKHA IPB dalam mengelola informasi, seperti:
pengisian informasi, memperbaharui informasi, dan menghapus informasi.
5. Memberikan informasi secara penuh melalui berita, jasa pelayanan, profil, dan
struktur organisasi tentang DPKHA IPB kepada anggota, alumni maupun
perusahaan secara online melalui internet.
1.3 Batasan Masalah
Permasalahan yang dibatasi dalam pembuatan website PKHA ini, yaitu:
1. Menampilkan berita yang paling sering dikunjungi oleh pengunjung.
2. Menampilkan profil dan pelayanan DPKHA IPB.
3. Menyediakan link-link website yang berkaitan dengan DPKHA IPB.
4. Menyediakan polling.
5. Menampilkan arsip berita, galeri, lowongan, dan agenda.
6. Menyediakan formulir pendaftaran untuk anggota dan perusahaan mitra.
7. Menyediakan sistem informasi kealumnian (tracer study).
8. Memberikan laporan keanggotaan dan kealumnian.
4
BAB II KEADAAN UMUM
2.1 Sejarah
Pada awal berdirinya Direktorat Pengembangan Karir dan Hubungan
Alumni (DPKHA) bernama Pusat Jasa Ketenagakerjaan (PJK) yang merupakan
bagian dari Lembaga Pengabdian pada Masyarakat, Institut Pertanian Bogor
(LPM-IPB). PJK-LPM-IPB didirikan sejak tahun 1998 yang bertujuan menjadi
fasilitator untuk menyatukan kepentingan lulusan dan alumninya dengan
kepentingan dunia usaha sebagai penyedia lapangan kerja.
Pada tahun 2003 berdasarkan Surat Keputusan Rektor IPB Nomor:
099/K13/KP/2003, PJK berubah nama menjadi Kantor Jasa Ketenagakerjaan
(KJK) dan pada perkembangan selanjutnya berdasarkan Keputusan Rektor IPB
Nomor: 023/I3/OT/2008, KJK IPB berubah menjadi Direktorat Pengembangan
Karir dan Hubungan Alumni (DPKHA).
2.2 Tugas dan Fungsi
2.2.1 Tugas
Tugas DPKHA IPB adalah melaksanakan tugas teknis dan administratif
institut dalam mengembangkan program pembinaan profesionalisme dan program
penyiapan mahasiswa dan alumni untuk memasuki dunia kerja serta membina
hubungan alumni dalam rangka membangun aliansi strategik.
2.2.2 Fungsi
Adapun fungsi dari DPKHA IPB adalah:
a. Pengembangan program pembinaan profesionalisme mahasiswa dan alumni
sebagai bekal memasuki dunia kerja.
b. Pelaksanaan program pengembangan karir mahasiswa dan alumni.
c. Penyelenggarakan pelatihan bagi mahasiswa dan alumni untuk memasuki
dunia kerja.
d. Perekrutan dunia kerja bagi alumni untuk disalurkan ke dunia kerja.
e. Peluasan jejaring kerja (networking) dengan dunia usaha untuk penyaluran
alumni.
5
f. Penyusunan basis data alumni Institut Pertanian Bogor.
g. Pembinaan hubungan alumni dalam rangka membangun aliansi strategik.
2.3 Struktur Organisasi
Struktur organisasi DPKHA IPB dapat dilihat pada Gambar 1.
Tim Pengembangan
Program
Direktur Pengembangan Karir dan
Hubungan Alumni
Ka Subdit
Pengembangan Karir
Mahasiswa
Ka Subdit Hubungan
Alumni
Staf Administrasi
Gambar 1 Struktur Organisasi DPKHA IPB.
2.4 Pelayanan
2.4.1 Ketenagakerjaan
2.4.1.1 Informasi Lowongan Kerja
DPKHA IPB menerima informasi lowongan kerja baik secara langsung dari
perusahaan, institusi, Lembaga Swadaya Masyarakat (LSM), dan instansi
pemerintahan. Informasi lowongan juga diterima secara tidak langsung yaitu
melalui rektorat, lembaga-lembaga intern IPB dan perorangan. Semua informasi
segera ditindaklanjuti dengan menyebarkan pengumuman ke fakultas dan
departemen terkait, melakukan posting pada website IPB dan ditempel pada
papan-papan pengumuman DPKHA IPB maupun dikirim ke perguruan tinggi
yang lain (bila diperlukan).
2.4.1.2 Permintaan Basis Data Anggota
Permintaan basis data anggota merupakan layanan yang diberikan kepada
shareholders berupa kumpulan integrasi data yang terorganisir seperti nama, usia,
6
jenis kelamin, alamat, nomor telepon yang dapat dihubungi, asal universitas,
fakultas, jurusan, judul skripsi, dan Indeks Prestasi Kumulatif (IPK). Untuk
melindungi keamanan data anggota, DPKHA IPB berhak menentukan pemberian
basis data anggota ini hanya kepada perusahaan yang profilnya dianggap jelas.
2.4.1.3 Presentasi Perusahaan
Presentasi perusahaan dilakukan agar pelamar mengetahui profil dari
perusahaan dan dapat langsung melakukan tanya jawab interaktif dengan
perusahaan tersebut.
2.4.1.4 Paper Screening
Paper Screening adalah layanan yang dilakukan oleh DPKHA untuk
menyeleksi kelengkapan administrasi yang menjadi syarat yang diwajibkan oleh
perusahaan untuk dipenuhi oleh pelamar.
2.4.1.5 In Campus Recruitment
Krisis moneter yang melanda Indonesia khususnya dunia usaha sangat
mempengaruhi frekuensi penyerapan tenaga kerja termasuk peluang kerja bagi
lulusan IPB. Perekrutan karyawan oleh perusahaan melalui In Campus
Recruitment sangat efektif karena di samping memudahkan pelamar untuk datang
juga memudahkan dalam proses rekruitmen.
2.4.1.6 Job Fair/Company Goes to Campus
Job Fair/Company Goes to Campus (CGTC) merupakan suatu media yang
efektif, yang telah terbukti bisa mempertemukan mahasiswa dengan perusahaan.
CGTC bertujuan memfasilitasi pertemuan langsung antara mahasiswa dan alumni
dengan perwakilan perusahaan-perusahaan. Acara ini diselenggarakan dua kali
setahun setelah kelulusan agar perusahaan mendapatkan kesempatan untuk
bertemu, menilai, dan merekrut calon karyawan sebelum mereka ditawarkan atau
melamar ke perusahaan-perusahaan lainnya.
2.4.1.7 Kerjasama ketenagakerjaan
Kegiatan kerjasama meliputi pengembangan jejaring dengan pihak swasta,
lembaga pendidikan, pemerintah, dan stakeholder lainnya. Upaya peningkatan
7
kerjasama dan koordinasi dilakukan dengan peningkatan kemampuan DPKHA
untuk menggali umpan balik positif dan mendapat kerjasama positif serta
berkesinambungan. Program ini bertujuan mengembangkan jejaring (networking)
kerjasama yang bersifat saling menguntungkan (mutual benefit) dengan
stakeholder dan shareholder.
2.4.2 Pembekalan dan Pelatihan
Berdasarkan tugas dan fungsinya, DPKHA IPB memberikan pelayanan
yang berkaitan dengan pembekalan dan pelatihan, diantaranya:
a) Pembekalan dan pelatihan menghadapi dunia kerja
b) Pelatihan Prepare Your Self to Grasp the Job
c) Pelatihan-pelatihan pengembangan diri
d) Seminar-seminar ketenagakerjaan
2.4.3 Konsultasi Karir
DPKHA IPB memberikan konseling atau bimbingan kepada mahasiswa dan
alumni baik itu dalam hal ketenagakerjaan ataupun kewirausahaan dengan
konselor dari DPKHA IPB.
2.4.4 Kewirausahaan
Berdasarkan tugas dan fungsinya, DPKHA IPB memberikan pelayanan
yang berkaitan dengan kewirausahaan.
2.4.4.1 Pembekalan kewirausahaan
Kegiatan ini bertujuan mengembangkan wawasan bagi pemula yang
berminat berwirausaha. Selain itu juga untuk membekali mereka sebagai calon
wirausahawan dengan kiat-kiat memasuki dunia wirausaha, strategi memulai
wirausaha, manajemen wirausaha, semangat dari wirausaha, manajemen
keuangan, keterampilan yang harus dimiliki, membangun teamwork yang baik,
dan tata cara memulai bisnis di kalangan pemula, sehingga mereka memiliki
potensi wirausaha yang maksimal, tanpa harus merasa kurang percaya diri, dan
takut dengan risiko kegagalan.
8
2.4.4.2 Cooperative Academic Education Program
Program belajar-bekerja terpadu (cooperative academic education program)
merupakan strategi pendidikan dan pengembangan Sumber Daya Manusia (SDM)
yang mengintegrasikan mahasiswa dengan berbagai latar belakang ilmu dari
bangku kuliah dengan pengalaman kerja yang produktif (work-based learning
atau work-integrated learning). Program ini melibatkan tiga pihak yaitu
mahasiswa, perguruan tinggi, dan dunia usaha.
2.4.4.3 Pendampingan dan dana bergulir
Kegiatan kewirausahaan menjadi salah satu alternatif peluang kerja dan
menjadi sarana untuk menghasilkan para pencipta lapangan kerja (job creator)
sehingga perlu diberikan motivasi dan pembinaan kewirausahaan melalui
konsultasi, pendampingan dan pemberian dana bergulir. Tujuan kegiatan ini
adalah (i) memberikan solusi terhadap permasalahan yang dihadapi para
wirausahawan, (ii) meningkatkan kemampuan wirausaha dalam bidang
pemasaran, pengembangan mutu produk, dan manajemen usaha, dan (iii)
menyediakan modal bergulir bagi wirausaha kecil.
9
BAB III TINJAUAN PUSTAKA
3.1 Data dan Informasi
Data terdiri atas fakta-fakta dan gambar mentahan yang akan diproses
menjadi informasi. Informasi adalah data yang telah dirangkum atau dimanipulasi
dalam bentuk lain untuk pengambilan keputusan (Williams & Sawyer 2007).
3.2 Sistem dan Sistem Informasi
Sistem adalah kumpulan dari komponen-komponen yang berhubungan yang
saling berinteraksi untuk melakukan suatu tugas untuk mencapai suatu tujuan.
Sistem informasi adalah komponen-komponen dari sumber daya manusia,
perangkat lunak, perangkat keras, data, dan jaringan untuk melakukan input,
proses, output, dan menyimpan informasi (Williams & Sawyer 2007).
3.3 Basis Data
Basis data merupakan suatu koleksi dari data yang saling berhubungan,
yang dirancang dan diorganisasikan sehingga dapat dipertemukan kembali untuk
kebutuhan suatu organisasi. Basis data menjadi penyimpanan data secara
elektronik yang ditetapkan secara formal dan dikontrol secara terpusat untuk
digunakan dalam berbagai aplikasi yang berbeda (Connolly & Begg 1998).
Basis data adalah sekumpulan file komputer yang saling terhubung. File-file
ini diatur sesuai kesamaan elemennya, sehingga data yang diinginkan dapat dicari
dengan mudah (Williams & Sawyer 2007).
3.4 Sistem Manajemen Basis Data
Sistem Manajemen Basis Data (SMBD) adalah perangkat lunak yang
memungkinkan pengguna untuk mendefinisikan, membuat, mengatur akses
kontrol ke basis data. SMBD merupakan perangkat lunak yang berinteraksi
dengan program aplikasi pengguna dan basis datanya (Connolly & Begg 1998).
SMBD adalah sistem perangkat lunak yang mengontrol struktur sebuah
basis data dan mengakses data. Pengguna juga dapat memanipulasi lebih dari satu
file pada sekali waktu (Williams & Sawyer 2007).
10
3.5 Entity Relationship Diagram
Entity Relationship Diagram (ERD) adalah suatu model data konseptual
tingkat tinggi yang dikembangkan untuk memudahkan desain basis data. Suatu
model data konseptual adalah kumpulan konsep yang menguraikan struktur basis
data dan suatu hubungan timbal-balik dan proses pembaruan pada basis data.
Tujuan utamanya untuk mengembangkan suatu teknik hubungan tingkat tinggi
dengan perancangan basis data (Connolly & Begg 1998). Bentuk dasar dari ERD
diilustrasikan pada Tabel 1.
Tabel 1 Komponen Entity Relationship Diagram
Simbol ERD Keterangan
Entitas, adalah suatu objek unik yang dapat
diidentifikasi dalam lingkungan pemakai
Relasi, menunjukkan adanya hubungan di antara
sejumlah entitas yang berbeda
Atribut, adalah properti dari entitas atau tipe
relasi
Garis, sebagai penghubung antara relasi dengan
entitas, relasi dan entitas dengan atribut
3.6 Kardinalitas dan Modalitas
Kardinalitas merupakan spesifikasi dari sejumlah peristiwa dari satu objek
yang dapat dihubungkan ke sejumlah peristiwa dari objek yang lain. Kardinalitas
biasanya diekspresikan secara sederhana “satu” atau “banyak” (Pressman 1997).
Dengan mempertimbangkan semua kombinasi dari “satu” dan “banyak”,
dua objek dapat dihubungkan sebagai:
a) Satu-ke-satu (1:1) Suatu kejadian dari objek „A‟ dapat berhubungan dengan
satu dan hanya satu kejadian dari objek „B‟, dan sebuah kejadian dari objek „B‟
hanya dapat berhubungan dengan satu kejadian dari objek „A‟.
b) Satu-ke-banyak (1:N) Suatu kejadian dari objek „A‟ dapat berhubungan
dengan satu atau lebih kejadian dari objek „B‟, tetapi sebuah kejadian dari
objek „B‟ dapat berhubungan dengan hanya satu kejadian dari objek „A‟.
Entitas
Relasi
Atribut
11
c) Banyak-ke-banyak (M:N) Sebuah kejadian dari objek „A‟dapat berhubungan
dengan satu atau lebih kejadian dari „B‟, sementara sebuah kejadian dari objek
„B‟ dapat berhubungan dengan satu atau lebih kejadian dari objek „A‟.
Modalitas dari suatu hubungan adalah nol bila tidak ada kebutuhan eksplisit
untuk hubungan yang terjadi atau hubungan itu bersifat opsional. Modalitas
bernilai satu jika suatu kejadian dari hubungan merupakan perintah (Pressman
1997).
3.7 Model Waterfall
Model proses perangkat lunak merupakan representasi dari proses perangkat
lunak. Model waterfall mengambil kegiatan proses dasar seperti spesifikasi,
pengembangan, validasi, dan evolusi, dan merepresentasikannya sebagai fase-fase
proses yang berbeda seperti spesifikasi persyaratan, perancangan perangkat lunak,
inplementasi, pengujian dan seterusnya. Model waterfall ditampilkan pada
Gambar 2 (Sommerville 2001).
Analisis dan Definisi
Persyaratan
Perancangan Sistem dan
Perangkat Lunak
Implementasi dan
Pengujian Unit
Integrasi dan Pengujian
Sistem
Operasi dan
Pemeliharaan
Gambar 2 Metode Waterfall.
12
Penjelasan untuk setiap tahapan tersebut adalah:
1. Tahapan analisis dan definisi kebutuhan.
Pada tahap ini dilakukan analisis, definisi dari sistem, dan penjelasan tujuan
dari sistem yang akan dibangun. Analisis dan definisi kebutuhan diperoleh
melalui konsultasi secara langsung dengan pengguna.
2. Tahap desain sistem dan perangkat lunak.
Pada tahap ini, dilakukan penerjemahan sistem yang akan dibangun dari
tahap analisis ke model presentasi perangkat lunak. Desain perangkat lunak
melibatkan pengidentifikasian dan pendeskripsian abstraksi dari sistem beserta
relasinya.
3. Tahap implementasi dan pengujian unit.
Selama tahap ini, rancangan dari perangkat lunak dibuat dalam suatu
program atau unit-unit dari program. Pengujian unit melibatkan verifikasi setiap
unit yang dibuat memenuhi spesifikasi yang dibutuhkan.
4. Tahap integrasi dan pengujian sistem.
Unit program atau program diintegrasikan dan diuji sebagai suatu
kelengkapan sistem untuk memastikan bahwa seluruh kebutuhan perangkat lunak
telah terpenuhi. Setelah dilakukan pengujian, sistem kemudian diberikan pada
pengguna.
5. Tahap pengoperasian dan pemeliharaan.
Instalasi sistem dan pemeliharaan sistem dilakukan untuk memperbaiki
kesalahan-kesalahan yang tidak ditemukan pada tahap sebelumnya,
pengembangan implementasi dari unit sistem dan meningkatkan pelayanan sistem
untuk mengikuti kebutuhan-kebutuhan yang baru.
3.8 Hypertext Markup Language
Hypertext Markup Language (HTML) adalah sekumpulan perintah khusus
(disebut “tag” atau “markup”) yang dipakai untuk menentukan struktur, bentuk,
dan link pada dokumen ke dokumen multimedia lain di web (Williams & Sawyer
2007).
13
3.9 PHP Hypertext Preprosessor
PHP Hypertext Preprosessor (PHP) adalah bahasa scripting server-side bagi
pemrograman web. Secara sederhana, PHP merupakan tool bagi pengembangan
web dinamis. PHP sangat populer karena memiliki fungsi built-in lengkap, cepat,
mudah dipelajari, dan bersifat gratis (open source). Skrip PHP cukup disisipkan
pada kode HTML agar dapat bekerja. PHP dapat beroprasi di berbagai web server
dalam sistem operasi yang berbeda (Wibowo 2007).
3.10 Cascading Style Sheet
Cascading Style Sheet (CSS) merupakan sebuah document yang berguna
untuk melakukan pengaturan pada komponen halaman web, inti dari document ini
adalah memformat halaman web standar menjadi bentuk web yang memiliki
kualitas yang lebih indah dan menarik.
CSS biasanya digunakan untuk melakukan pengaturan global yang
berkaitan dengan objek tetap, misalnya memberikan warna pada halaman web,
pengaturan lebar dan kecil bagian web serta menentukan bentuk font jenis huruf
yang digunakan secara menyeluruh dalam halaman web (Nugroho 2004).
3.11 JavaScript
JavaScript adalah bahasa scripting berorientasi objek yang digunakan
semisal untuk menulis fungsi-fungsi kecil yang diletakkan pada halaman HTML
dan berinteraksi dengan browser untuk melakukan tugas tertentu yang tidak
mungkin dilakukan oleh halaman HTML statis (Williams & Sawyer 2007).
3.12 Internet
Internet adalah jaringan komputer di seluruh dunia yang menghubungkan
atau bahkan ratusan jaringan yang lebih kecil, misalnya: jaringan pendidikan,
komersial, nirbala, dan militer bahkan jaringan jaringan individual (Williams &
Sawyer 2007).
14
3.13 World Wide Web
World Wide Web yang juga disebut web didefinisikan sebagai sistem
interkoneksi komputer internet (disebut server) yang mendukung dokumen-
dokumen berformat multimedia (Williams & Sawyer 2007).
3.14 Normalisasi
Normalisasi adalah suatu teknik untuk menghasilkan hubungan-hubungan
dengan properti yang diinginkan, yang diberi persyaratan data dari suatu basis
data (Connolly & Begg 1998). Proses normalisasi terdiri atas beberapa bentuk,
yaitu:
1. Bentuk normal pertama (1NF/First Normal Form) adalah suatu hubungan di
mana perpotongan tiap baris dan kolom berisi satu atau hanya satu nilai.
2. Bentuk normal kedua (2NF/Second Normal Form) adalah adalah bila semua
atribut yang tidak termasuk dalam kunci utama (primary key) dan bergantung
secara penuh terhadap kunci utama (primary key). Maka setiap atribut yang
tidak termasuk kunci harus bergantung secara fungsioanl pada primary key.
Sebuah tabel dikatakan tidak memenuhi 2NF, jika ketergantungan hanya
bersifat parsial (hanya tergantung pada sebagian dari kunci utama).
3. Bentuk normal ketiga (3NF/Third Normal Form) menunjukkan bahwa atribut
hanya bergantung pada kunci bukan kolom lain.
3.15 Structured Query Language
Structured Query Language (SQL) adalah contoh transform-language,
atau bahasa yang dirancang untuk menggunakan relasi dalam mengubah input
menjadi output yang diperlukan. SQL dapat digunakan melalui dua cara, yang
pertama menggunakan SQL dengan mengetikkan sintaksis ke dalam terminal.
Cara kedua adalah menanam sintaksis SQL ke dalam bahasa pemrograman
(Connolly & Begg 1998).
3.16 MySQL
MySQL merupakan perangkat lunak untuk SMBD. Karena sifatnya yang
gratis (open source) dan memiliki kemampuan menampung kapasitas sangat
15
besar, maka MySQL menjadi basis data yang sangat populer di kalangan
programmer web (Sukarno 2006).
3.17 Metode Pengujian Black-Box
Pengujian black-box berfokus pada persyaratan fungsional perangkat lunak.
Dengan demikian, pengujian black-box memungkinkan perekayasa perangkat
lunak mendapatkan serangkaian kondisi input yang sepenuhnya menggunakan
semua persyaratan fungsional untuk suatu program (Pressman 1997).
Pengujian black-box berusaha menemukan kesalahan dalam kategori
sebagai berikut: (1) fungsi-fungsi yang tidak benar atau hilang, (2) kesalahan
interface, (3) kesalahan dalam strukur data atau basis data eksternal, (4) kesalahan
kinerja, dan (5) inisialisasi dan kesalahan terminasi (Pressman 1997).
3.18 Struktur Navigasi
Secara umum, struktur navigasi dari suatu arsitektur website dibagi menjadi
empat, yaitu: struktur linier, struktur grip, struktur hirarki, dan struktur jejaring.
Struktur linier ditemui ketika suatu urutan informasi telah dipastikan.
Contoh gambar struktur linier disajikan pada Gambar 3.
Gambar 3 Struktur Linier.
16
Struktur grid adalah suatu pilihan arsitektur yang dapat diterapkan ketika isi
aplikasi website dapat dikategorikan dengan pasti ke dalam dua atau lebih
dimensi. Contoh gambar struktur grid disajikan pada Gambar 4.
Struktur hirarki merupakan arsitektur yang paling umum. Suatu struktur
aplikasi website hirarki dapat dirancang dengan dua cara yang memungkinkan
(via hubungan hypertext) arus kendali secara horizontal, ke seberang cabang yang
vertikal struktur tersebut. Contoh gambar struktur hirarki disajikan pada Gambar
5.
Gambar 4 Struktur Grid.
Gambar 5 Struktur Hirarki
17
Struktur jejaring “pure web” adalah struktur yang menyerupai arsitektur
yang mewakili sistem berorientasi objek. Komponen arsitektur (dalam hal ini
halaman web) dirancang sedemikian rupa sehingga mereka boleh melewati
kendali (via hubungan hypertext) untuk hampir semua komponen yang lain dalam
sistem tersebut (Pressman 2005).
Gambar 6 Struktur Jejaring.
3.19 Diagram Konteks
Diagram konteks atau Data Flow Diagram (DFD) level 0 merupakan
tingkatan tertinggi dalam diagram aliran data dan hanya memuat satu proses dan
beberapa entitas (yang memberikan input atau menerima output). DFD level 0
merepresentasikan seluruh elemen sistem sebagai sebuah buble tunggal dengan
data input dan output yang ditunjukkan oleh anak panah yang masuk dan keluar
secara berurutan (Pressman 1997).
3.20 Data Flow Diagram
Data Flow Diagram (DFD) adalah sebuah teknis grafis yang
menggambarkan aliran informasi dan transformasi yang diaplikasikan pada saat
data bergerak dari input menjadi output. DFD level 1 merupakan partisi dari DFD
level 0 untuk mengungkap informasi lebih detail (penghalusan aliran informasi)
18
(Pressman 1997). Bentuk dasar dari suatu diagram aliran data diilustrasikan pada
Tabel 2.
Tabel 2 Komponen Data Flow Diagram
Simbol DFD Keterangan
Elemen sistem (seperti hardware, orang,
program lain) atau sistem lain yang
memproduksi informasi untuk
ditransformasikan oleh perangkat lunak atau
menerima informasi dari perangkat lunak
Menggambarkan sebuah proses atau
perubahan dari input menjadi output
Menggambarkan satu atau lebih data objek,
anak panah menunjukan arah aliran data
Penyimpanan Data
Tempat penyimpanan data yang digunakan
oleh satu atau lebih proses
Proses
Objek data
Entitas
Eksternal
19
BAB IV PEMBUATAN WEBSITE PENGEMBANGAN KARIR
DAN HUBUNGAN ALUMNI
PADA DIREKTORAT PENGEMBANGAN KARIR
DAN HUBUNGAN ALUMNI IPB
Website Pengembangan Karir dan Hubungan Alumni telah melewati
beberapa penerapan pedekatan sistem dalam pengembangan sistem. Tahapan itu
berupa: analisis dan definisi persyaratan, perancangan sistem dan perangkat lunak,
implementasi dan pengujian unit, integrasi dan pengujian sistem, dan
pengoperasian dan pemeliharaan. Karena tahapan tersebut mengikuti suatu pola
yang teratur dan dilakukan secara top-down yang disebut sebagai pendekatan air
terjun (waterfall).
4.1 Analisis dan Definisi Persyaratan
Tahap analisis adalah tahap penelitian atas hal-hal yang dibutuhkan dalam
pengembangan suatu sistem, baik dari penelitian atas sistem yang telah ada
maupun yang belum ada dengan tujuan merancang sistem yang baru atau
diperbaharui. Awal dari tahap analisis yang dilakukan ialah dengan melakukan
pengumpulan data dengan cara melakukan wawancara kepada pengelola, terkait
sistem yang akan dibuat. Pada tahap ini dilakukan wawancara dengan pihak
pimpinan dan staf DPKHA IPB.
4.1.1 Analisis Kebutuhan
Setelah melakukan pemaparan website yang akan dikembangkan dan proses
pengumpulan data selesai, maka dilakukan tahap analisis kebutuhan sistem. Pada
tahap ini dilakukan analisis untuk menentukan hubungan antara pengelola,
pengunjung, dan pengguna lainnya dengan website.
4.1.1.1 Analisis Kebutuhan Informasi
Pada tahapan analisis maka dapat diketahui kebutuhan informasi dari sistem
yang akan dibangun, yaitu:
1. Penyediaan informasi profil DPKHA.
2. Penyediaan informasi berita.
3. Penyediaan informasi lowongan pekerjaan.
20
4. Penyediaan informasi kegiatan (agenda).
5. Penyediaan informasi galeri.
6. Penyediaan informasi pelayanan.
7. Penyediaan formulir pendaftaran online anggota.
8. Penyediaan formulir riset tracer study.
9. Penyediaan informasi kealumnian.
10. Penyediaan informasi konsultasi karir.
11. Penyediaan informasi artikel.
12. Penyediaan informasi pelatihan dan seminar.
4.1.1.2 Analisis Kebutuhan Fungsional
Berdasarkan hasil wawancara dengan pihak-pihak yang terkait, dapat
diketahui beberapa fungsi yang dimiliki dalam pengembangan website ini.
Penamaan kode fungsional kebutuhan website Pengembangan Karir dan
Hubungan Alumni (PKHA) IPB memiliki keterangan sebagai berikut:
A_CDA-XXX adalah kode yang digunakan untuk mempresentasikan
kebutuhan fungsional.
A_CDA-XXX-X adalah kode yang digunakan untuk mempresentasikan
kebutuhan subfungsional.
Deskripsi mengenai kebutuhan fungsional dapat dilihat pada Tabel 3.
Tabel 3 Kebutuhan Fungsional Website PKHA IPB
Kode Fungsional Fungsional Deskripsi
A_CDA-001 Verifikasi login
administrator
Verifikasi login sebagai
administrator website
A_CDA-002 Verifikasi login
alumni
Verifikasi login sebagai alumni
A_CDA-003 Input konsultasi
karir
Memasukkan data konsultasi karir
(hanya dilakukan oleh pengguna
umum) yang akan diproses oleh
sistem dan akan dibalas oleh admin
21
Kode Fungsional Fungsional Deskripsi
A_CDA-004 Input data
perusahaan
Memasukkan data perusahaan
(hanya dilakukan oleh mitra kerja)
yang akan diproses oleh sistem
A_CDA-005 Input data anggota Memasukkan data anggota (hanya
dilakukan oleh anggota DPKHA)
yang akan diproses oleh sistem
A_CDA-006 Tampilkan data Menampilkan informasi
A_CDA-007 Manipulasi data
alumni
Manipulasi data (hanya dilakukan
oleh alumni) untuk alumni (input
dan edit)
A_CDA-007-1 Input data Alumni Memasukkan data alumni (hanya
dilakukan oleh alumni) yang akan
diproses oleh sistem
A_CDA-007-2 Edit data Alumni Mengubah data alumni (hanya
dilakukan oleh alumni) jika terjadi
kesalahan input data
A_CDA-008 Manipulasi data Manipulasi data untuk admin
(input, edit, dan delete)
A_CDA-008-1 Input data Memasukkan data dilakukan oleh
admin yang akan diproses oleh
sistem
A_CDA-008-2 Edit data Mengubah data jika terjadi
kesalahan input
A_CDA-008-3 Delete data Menghapus data jika data tersebut
tidak diperlukan lagi (hanya
dilakukan administrator)
22
4.1.1.3 Analisis Otoritas Pengguna
Proses identifikasi pengguna pada website PKHA IPB dilakukan dengan
membagi karakteristik pengguna berdasarkan hak aksesnya. Hak akses pengguna
website PKHA IPB terbagi menjadi lima, yaitu: Administrator, Alumni, Anggota,
Perusahaan Mitra, dan Pengguna Umum. Deskripsi karakteristik hak akses secara
lengkap dapat dilihat pada Tabel 4.
Tabel 4 Karakteristik Pengguna Website PKHA IPB
Kategori
Pengguna Hak Akses Kebutuhan Pengguna
Administrator
A_CDA-001 Melakukan verifikasi login
A_CDA-008 Manipulasi data admin
A_CDA-008 Manipulasi data agenda
A_CDA-008 Manipulasi data artikel
A_CDA-008 Manipulasi data berita
A_CDA-008 Manipulasi data departemen
A_CDA-008 Manipulasi data fakultas
A_CDA-008 Manipulasi data galeri
A_CDA-008-2 Edit data header
A_CDA-008 Manipulasi data lowongan
A_CDA-008 Manipulasi data instansi pemerintah
A_CDA-008-2 Edit data konsultasi karir
A_CDA-008-3 Hapus data konsultasi karir
A_CDA-008 Manipulasi data kota
A_CDA-008 Manipulasi data link
A_CDA-008 Manipulasi data menu
A_CDA-008 Manipulasi data seminar dan pelatihan
23
Kategori
Pengguna Hak Akses Kebutuhan Pengguna
A_CDA-008-2 Edit data pelayanan
A_CDA-008-2 Edit data perusahaan
A_CDA-008-3 Hapus data perusahaan
A_CDA-008-2 Edit data polling
A_CDA-008-3 Hapus data polling
A_CDA-008 Manipulasi data provinsi
A_CDA-008 Manipulasi data sponsor
A_CDA-008 Manipulasi data staf
A_CDA-008 Manipulasi data tahun akademik
A_CDA-008-2 Edit data anggota
A_CDA-008-3 Hapus data anggota
A_CDA-008-2 Edit data alumni
A_CDA-008-3 Hapus data alumni
A_CDA-009 Tampilkan isi website
Alumni
A_CDA-002 Melakukan verifikasi login alumni
A_CDA-007-1 Input data alumni
A_CDA-007-2 Edit data alumni
A_CDA-006 Tampilkan informasi alumni
Anggota A_CDA-003 Input data anggota
Perusahaan
Mitra
A_CDA-004 Input data perusahaan
Pengguna
Umum
A_CDA-009 Tampilkan isi website
A_CDA-005 Input data konsultasi karir
24
4.1.2 Deskripsi Website
Website PKHA IPB merupakan salah satu media untuk menyampaikan
informasi yang dimiliki oleh DPKHA IPB. Website ini juga berfungsi sebagai
media promosi untuk perusahaan-perusahaan. Website ini dikembangkan dengan
tujuan menambahkan beberapa informasi untuk para pengunjung, memudahkan
anggota dalam mendaftar, mempermudah riset tracer study, mengubah website
yang lama dengan yang baru, dan menjadikan website PKHA IPB menjadi lebih
dinamis.
4.1.3 Batasan-Batasan Website PKHA IPB
Website PKHA IPB dapat dijalankan dengan baik dengan manggunakan
web browser Mozilla Firefox 3.10, Internet Explorer 8.0, dan Opera Version 9.10.
Tampilan website PKHA IPB dapat berjalan dengan baik pada resolusi 800 x 600
pixel, 960 x 600 pixel, 1024 x 768 pixel, dan 1280 x 800 pixel.
4.1.4 Diagram Konteks
Pada diagram konteks atau Data Flow Diagram (DFD) level 0 terdapat lima
entitas, yaitu: administrator, alumni, anggota, perusahaan mitra, dan pengguna
umum. Diagram konteks website PKHA IPB dapat dilihat pada Gambar 7.
4.1.5 DFD level-1
Dari penguraian proses-proses yang terjadi pada diagram konteks, maka
pengembangan ke Data Flow Diagram (DFD) level selanjutnya dipisahkan per
entitas. Untuk entitas admin memiliki level sampai dengan level 1. Untuk entitas
alumni memiliki level sampai dengan level 1. Entitas anggota juga memiliki level
sampai dengan level 1. Entitas perusahaan juga memiliki level sampai dengan
level 1. Entitas Pengguna Umum juga memiliki level sampai dengan level 1.
Gambar DFD level-1 untuk entitas admin ditunjukkan secara lengkap pada
Lampiran 1, untuk DFD level-1 entitas alumni ditampilkan pada Lampiran 2,
untuk DFD level-1 entitas anggota disajikan pada Lampiran 3, DFD level-1
entitas perusahaan mitra ditampilkan pada Lampiran 4, dan DFD level-1 entitas
pengguna umum ditampilkan pada Lampiran 5.
25
Website Direktorat
Pengembangan Karir
dan Hubungan Alumni
Institut Pertanian Bogor
Admin
Alumni
Data Keanggotaan
Data Kealumnian
Login Admin
Anggota
Login Admin ValidLaporan Alumni
Laporan Anggota
Laporan Anggota
Login Alumni
Validasi Login Alumni
Hasil Pencarian Alumni
Kriteria Pencarian Alumni
Pengguna Umum Hasil Pencarian
Kirterian Pencarian
Isi Konsultasi
Isi Polling
Informasi Website
Daftar Data Alumni
Lihat Data Alumni
Info Alumni
Lihat Daftar Alumni
Info Website
Perusahaan Mitra Laporan Perusahaan
Data Perusahaan
Hasil Polling
Data WebsiteCetak Laporan Alumni
Cetak Laporan Anggota
Link website
Kriteria Pencarian Alumni
Kriteria Pencarian Anggota
Hasil Pencarian Anggota
Hasil Pencarian Alumni
Gambar 7 Diagram Konteks Website PKHA IPB.
Keterangan dari data website ditunjukkan pada Lampiran 6 dan keterangan
dari basis data pada DFD level-1 ditunjukkan pada Lampiran 7.
26
4.2 Perancangan Sistem dan Perangkat Lunak
Tahap perancangan sistem merupakan proses menerjemahkan kebutuhan-
kebutuhan yang telah didefinisikan pada tahap analisis menjadi model presentasi
sistem yang mudah dimengerti pengguna. Dalam perancangan ini terdiri atas
perancangan basis data, perancangan antarmuka, perancangan navigasi,
perancangan masukan, perancangan proses, dan perancangan keluaran.
4.2.1 Perangkat Keras
Perancangan website PKHA IPB dilakukan pada perangkat keras berupa
laptop Toshiba model Satellite M205-S7453 dengan spesifikasi sebagai berikut:
1. Prossesor Intel (R) Core (TM) 2 Duo T5250 @1.50GHz (2 CPUs)
2. Memory 2048 MB
3. Harddisk 180 GB
4. Free Space Harddisk 20 GB
5. VGA Mobile Intel(R) 965 Express Chipset Family 128 MB
6. Monitor LCD 14‟ dengan resolusi 1280 x 800 pixels
7. Keyboard (papan kunci) dan Mouse (tikusan)
4.2.2 Perangkat Lunak
Seluruh perangkat lunak yang digunakan dalam pembuatan dan
pengembangan website ini berbasis windows. Adapun perangkat lunak tersebut
antara lain:
1. Sistem Operasi: Windows XP SP2
2. Desain antarmuka: Photoshop CS2 dan Corel Draw X4
3. Desain basis data: Microsoft Office Visio 2007
4. Desain perancangan proses: Microsoft Office Visio 2007
4.2.3 Perancangan Basis Data
Pada tahap perancangan basis data dibagi dalam tiga tahapan, yaitu:
perancangan basis data konseptual, perancangan basis data logis, dan perancangan
basis data fisik.
27
4.2.3.1 Normalisasi
Sebelum dilakukan perancangan pada basis data, terlebih dahulu dilakukan
normalisasi pada tabel-tabel yang belum normal. Pada tahap ini dilakukan
normalisasi pada tabel keanggotaan. Tabel keanggotaan sebelum dilakukan
normalisasi dapat di lihat pada Lampiran 8. Hasil normalisasi tahap pertama
(1NF) di tinjukkan pada Lampiran 9, hasil normalisasi tahap kedua (2NF) di
tunjukkan pada Lampiran 10, dan normalisasi tahap ketiga (3NF) ditunjukkan
pada Lampiran 11.
4.2.3.2 Perancangan Basis Data Konseptual
Perancangan basis data konseptual merupakan upaya untuk membentuk
diagram yang bersifat konsep. Perancangan basis data konseptual dibagi menjadi
tiga bagian, yaitu: konseptual website, alumni, dan anggota. Perancangan basis
data konseptual website dapat dilihat pada Gambar 8. Perancangan basis data
konseptual alumni dapat dilihat pada Gambar 9. Perancangan basis data
konseptual anggota dapat dilihat pada Gambar 10.
Pelayanan
User
Konsultasi
Artikel
GaleriAgenda
Pegawai
Profil
Kegiatan
Kategori
Berita
Memiliki
LowonganPerusahaan Memiliki
Kategori Memiliki
Gambar 8 Perancangan Basis Data Konseptual Website PKHA.
28
AlumniDimiliki
kerja_wirausaha
Melanjutkan
Belum Bekerja
d
kerja_instansi
kerja_perusahaan
DepartemenFakultas Dimiliki
Instansi
Jabatan
Bidang_kerja
Dimiliki
DimilikiDimiliki
Dimiliki
Dimiliki
Gambar 9 Perancangan Basis Data Konseptual Alumni.
29
Anggota
Departemen
Memiliki
FakultasMemiliki
Memiliki
Memiliki
Memiliki
Provinsi
Kota
Dimiliki
Orang Tua
Akademik
Dimiliki
Gambar 10 Perancangan Basis Data Konseptual Anggota.
4.2.3.3 Perancangan Basis Data Logis
Perancangan logis direpresentasikan dengan pemetaan entitas dan relasi
antartabel. Entitas-entitas yang berada pada perancangan konseptual akan
dipetakan dalam model relasional pada perancangan basis data logis. Perancangan
basis data logis dibagi menjadi tiga bagian, yaitu: logis website, alumni dan
anggota. Perancangan basis data logis ditunjukkan dengan Entity Relationship
Diagram (ERD). ERD website PKHA dapat dilihat pada Gambar 11. Perancangan
basis data logis alumni dapat dilihat pada Gambar 12. Perancangan basis data
logis anggota dapat dilihat pada Gambar 13.
30
nama_kategori
Id_ketegoriKategori
keterangan
Berita
jam
hari
tanggal
Id_kategori
counter
Id_berita
judul
Isi_berita
gambar
Memiliki
Lowongan
Id_lowongan
Perusahaan
Id_perusahaan
deskripsi
kebutuhan
posisi
start_date
nama_perush
telp
alamat
pilihan
fax
Tanggal
id_perusahaan
end_date
Memiliki
counter
CP
no_telp
header
nama_kategori
Id_ketegori Kategori
keterangan
Memiliki
Id_kategori_low
Gambar 11 Perancangan Basis Data Logis Website.
31
Alumni
Id_alumni
nama_alumni
no_hp
telp_rumah
alamat
kode_pos
ipk
Id_dept
tahun_masuk
tahun_lulus
Status_kerja
Sektor_kerja
nrp
Status_tampil
tanggal
password
Dimiliki
fakultas
DepartemenFakultas
id_fakultasnama_dept
Dimiliki
Id_dept
Id_fakultas
Kerja_Wirausaha
Id_wirus
Nama_wirus
Bidang_wirus
Tahun_berdiri
modal
Bekal_usaha
hmbtan_usaha
hmbtan_brkemb
ang
Id_alumni
Kerja_perusahaan
Kerja_Instansi
Instansi
Id_instansi
nama_instansi
Memiliki
Id_kerja_instasni
Id_instansi
bidang_kerja
alasan_kerja
lama_tunggu
Memiliki
Jabatan
Id_jabatan
Nama_jabatan
Id_jabatan
gaji_pertama
gaji_skrg
kbtuhan_user
bekal_kurang
hmbtan_kerja
hmbtan_karir
Id_alumni
tanggal
Id_kerja_perusahaan
Kerja_pertama
bidang_kerja
alasan_kerja
lama_tunggu
Id_jabatan
gaji_pertama
gaji_skrg
kbtuhan_user
bekal_kurang
hmbtan_kerja
hmbtan_karir
Id_alumni
perusahaan
Dimiliki
Prnh_pndh
Alsan_pndh
Bidang_kerja_b
aru
Bidang_kerja
Id_bidang
bidang_kerja
Memiliki
Memiliki
Melanjutkan
id_lnjut
jenjang
nama
bidang_ilmu
bmbr_dy_pend
thn_msuk
Id_alumni
Belum Bekerja
jmlh_mlamar
bidang_lamaran
id_blm_krja
Id_alumni
tanggal
Gambar 12 Perancangan Basis Data Logis Alumni.
32
Anggota
Id_anggota
nama_anggota
fakultas
no_hp
no_telp
simKendaraanagama
tempat_lahir
Jenis_kelamin
tanggal_lahir
Departemen
alamat_asal
Id_kota
kode_pos
Memiliki
pt
jenjang_pend
judul_ta
pembimbing
ipk
Fakultas
id_fakultas
nama_dept
Memiliki
Id_dept
tgl_lulus
Id_anggota
alamat_ortu Id_kota
no_telp_ortunama_ortu
no_hp_ortu
tgl_daftar
Memiliki
Dimiliki Memiliki
Memiliki
status_nikah
Id_akademik
Id_fakultas
Id_departemen
Id_anggota
Provinsi
Id_provinsi
provinsi
Kota
Id_kota
kota
Id_provinsi
Dimiliki
alamat_sekarang
Orang Tua
Akademik
Dimiliki
Dimiliki
Gambar 13 Perancangan Basis Data Logis Anggota.
4.2.3.4 Perancangan Basis Data Fisik
Perancangan fisik merupakan turunan dari perancangan logis. Perancangan
fisik dipresentasikan dalam rancangan tabel-tabel. Basis data utama pada sistem
ini akan diberi nama “cdaipb” yang terdiri atas 36 tabel. Berikut adalah deskripsi
tabel basis data “cdaipb”.
33
1) Tabel User
Deskripsi tabel user ditunjukkan pada Tabel 5.
Tabel 5 Deskripsi Tabel User
No. Nama Field Tipe Panjang Null Keterangan
1. id_user int 2 No Primary key
2. Password varchar 50 No
3. nama_lengkap varchar 100 No
4. Alamat varchar 100 No
2) Tabel Agenda
Deskripsi tabel agenda ditunjukkan pada Tabel 6.
Tabel 6 Deskripsi Tabel Agenda
No. Nama Field Tipe Panjang Null Keterangan
1. id_agenda int 20 No Primary key
2. isi_agenda text No
3. tempat varchar 100 No
4. jam varchar 50 No
5. tgl_mulai date No
6. tgl_selesai date No
7. tgl_posting date No
3) Tabel Artikel
Deskripsi tabel artikel ditunjukkan pada Tabel 7.
Tabel 7 Deskripsi Tabel Artikel
No. Nama Field Tipe Panjang Null Keterangan
1. id_artikel int 20 No Primary key
34
No. Nama Field Tipe Panjang Null Keterangan
2. judul_artikel varchar 50 No
3. isi_artikel text No
4. hari varchar 20 No
5. tanggal date No
6. oleh varchar 100 No
4) Tabel Berita
Deskripsi tabel berita ditunjukkan pada Tabel 8.
Tabel 8 Deskripsi Tabel Berita
No. Nama Field Tipe Panjang Null Keterangan
1. id_berita int 20 No Primary key
2. id_kategori int 20 No Foreign key
3. judul varchar 100 No
4. isi_berita text No
5. gambar varchar 100 No
6. hari varchar 20 No
7. tanggal date No
8. jam time No
9. counter int 5 No
5) Tabel Fakultas
Deskripsi tabel fakultas ditunjukkan pada Tabel 9.
Tabel 9 Deskripsi Tabel Fakultas
No. Nama Field Tipe Panjang Null Keterangan
1. id_fakultas int 20 No Primary key
35
No. Nama Field Tipe Panjang Null Keterangan
2. fakultas varchar 50 No
6) Tabel Departemen
Deskripsi tabel departemen ditunjukkan pada Tabel 10.
Tabel 10 Deskripsi Tabel Departemen
No. Nama Field Tipe Panjang Null Keterangan
1. id_departemen int 20 No Primary key
2. departemen varchar 100 No
3. id_fakultas int 20 No Foreign key
7) Tabel Galeri
Deskripsi tabel galeri ditunjukkan pada Tabel 11.
Tabel 11 Deskrisi Tabel Galeri
No. Nama Field Tipe Panjang Null Keterangan
1. id_galeri int 20 No Primary key
2. nama_foto varchar 30 No
3. nama_kegiatan varchar 30 No
4. tempat varchar 50 No
5. foto varchar 100 No
8) Tabel Header
Deskripsi tabel header ditunjukkan pada Tabel 12.
Tabel 12 Deskripsi Tabel Header
No. Nama Field Tipe Panjang Null Keterangan
1. id_header int 20 No Primary key
2. Img_header varchar 100 No
36
No. Nama Field Tipe Panjang Null Keterangan
3. Img_header_adm varchar 100 No
4. Img_header_ang varchar 100 No
9) Tabel Instansi
Deskripsi tabel instansi ditunjukkan pada Tabel 13.
Tabel 13 Deskripsi Tabel Instansi
No. Nama Field Tipe Panjang Null Keterangan
1. id_instansi int 20 No Primary key
2. instansi varchar 50 No
10) Tabel Jabatan
Deskripsi tabel jabatan ditunjukkan pada Tabel 14.
Tabel 14 Deskripsi Tabel Jabatan
No. Nama Field Tipe Panjang Null Keterangan
1. id_jabatan int 20 No Primary key
2. jabatan varchar 100 No
11) Tabel Kategori Berita
Deskripsi tabel ketegori berita ditunjukkan pada Tabel 15.
Tabel 15 Deskripsi Tabel Kategori Berita
No. Nama Field Tipe Panjang Null Keterangan
1. id_kategori int 2 No Primary key
2. nama_kategori varchar 50 No
3. keterangan varchar 100 No
37
12) Tabel Kategori Lowongan
Deskripsi tabel lowongan ditunjukkan pada Tabel 16.
Tabel 16 Deskripsi Tabel Kategori Lowongan
No. Nama Field Tipe Panjang Null Keterangan
1. id_kategori_low int 2 No Primary key
2. nama_kategori_low varchar 100 No
3. keterangan varchar 100 No
13) Tabel Kegiatan
Deskripsi tabel kegiatan ditunjukkan pada Tabel 17.
Tabel 17 Deskripsi Tabel Kegiatan
No. Nama Field Tipe Panjang Null Keterangan
1. id_ kegiatan int 20 No Primary key
2. nama_ kegiatan varchar 100 No
3. jenis_kegiatan varchar 50 No
4. materi text No
5. instruktur varchar 255 No
6. tempat varchar 100 No
7. hari_post varchar 20 No
8. tanggal date No
9. hari_keg varchar 20 No
10. tanggal_keg date No
11. jam varchar 50 No
12. htm text No
38
14) Tabel Konsultasi
Deskripsi tabel konsultasi ditunjukkan pada Tabel 18.
Tabel 18 Deskripsi Tabel Konsultasi
No. Nama Field Tipe Panjang Null Keterangan
1. id_konsultasi int 20 No Primary key
2. nama varchar 50 No
3. email varchar 50 No
4. isi_pesan Text No
5. jawaban text No
6. tanggal date No
7. hari varchar 20 No
8. jam time No
9. tampilkan enum Y,N No
15) Tabel Provinsi
Deskripsi tabel provinsi ditunjukkan pada Tabel 19.
Tabel 19 Deskripsi Tabel Provinsi
No. Nama Field Tipe Panjang Null Keterangan
1. id_provinsi int 3 No Primary key
2. provinsi varchar 50 No
16) Tabel Kota
Deskripsi tabel kota ditunjukkan pada Tabel 20.
Tabel 20 Deskripsi Tabel Kota
No. Nama Field Tipe Panjang Null Keterangan
1. id_kota int 3 No Primary key
39
No. Nama Field Tipe Panjang Null Keterangan
2. kota varchar 50 No
3. id_provinsi int 3 No Foreign key
17) Tabel Link
Deskripsi tabel link ditunjukkan pada Tabel 21.
Tabel 21 Deskripsi Tabel Link
No. Nama Field Tipe Panjang Null Keterangan
1. id_link int 20 No Primary key
2. nama_link varchar 50 No
3. link varchar 50 No
4. Ket varchar 100 No
18) Tabel Lowongan
Deskripsi tabel lowongan ditunjukkan pada Tabel 22.
Tabel 22 Deskripsi Tabel Lowongan
No. Nama Field Tipe Panjang Null Keterangan
1. id_lowongan int 20 No Primary key
2. id_perusahaan int 20 No Foreign key
3. cp varchar 100 No
4. no_telp varchar 13 No
5. header varchar 100 No
6. deskripsi text No
7. posisi text No
8. kebutuhan text No
9. tanggal date No
40
No. Nama Field Tipe Panjang Null Keterangan
10. start_date date No
11. end_date date No
12. id_kategori_low int 2 No Foreign key
13. Counter int 5 No
19) Tabel Menu
Deskripsi tabel menu ditunjukkan pada Tabel 23.
Tabel 23 Deskripsi Tabel Menu
No. Nama Field Tipe Panjang Null Keterangan
1. id_menu int 20 No Primary key
2. nama_menu varchar 50 No
3. link varchar 100 No
20) Tabel Pegawai
Deskripsi tabel pegawai ditunjukkan pada Tabel 24.
Tabel 24 Deskripsi Tabel Pegawai
No. Nama Field Tipe Panjang Null Keterangan
1. id_pegawai int 20 No Primary key
2. nama varchar 50 No
3. nip varchar 30 No
4. alamat varchar 100 No
5. jabatan varchar 50 No
6. no_hp varchar 15 No
7. no_telp varchar 12 No
8. no_telp_kantor varchar 12 No
41
No. Nama Field Tipe Panjang Null Keterangan
9. email varchar 50 No
10. gambar varchar 100 No
21) Tabel Pelayanan
Deskripsi tabel pelayanan ditunjukkan pada Tabel 25.
Tabel 25 Deskripsi Tabel Pelayanan
No. Nama Field Tipe Panjang Null Keterangan
1. id_pelayanan int 2 No Primary key
2. tenaga_kerja text No
3. pembekalan text No
4. karir text No
5. kewirausahaan text No
6. keanggotaan text No
22) Tabel Perusahaan
Deskripsi tabel perusahaan ditunjukkan pada Tabel 26.
Tabel 26 Deskripsi Tabel Perusahaan
No. Nama Field Tipe Panjang Null Keterangan
1. id_perusahaan int 20 No Primary key
2. nama_perush varchar 40 No
3. alamat varchar 100 No
4. telp varchar 12 No
5. fax varchar 12 No
6. email varchar 40 No
7. pilihan varchar 50 No
42
23) Tabel Polling
Deskripsi tabel polling ditunjukkan pada Tabel 27.
Tabel 27 Deskripsi Tabel Polling
No. Nama Field Tipe Panjang Null Keterangan
1. id_polling int 2 No Primary key
2. nama_polling varchar 100 No
3. nilai int 5 No
24) Tabel Profil
Deskripsi tabel profil ditunjukkan pada Tabel 27.
Tabel 28 Deskripsi Tabel Profil
No. Nama Field Tipe Panjang Null Keterangan
1. id_profil int 2 No Primary key
2. sejarah text No
3. tugas text No
4. fungsi text No
5. syarat text No
25) Tabel Sponsor
Deskripsi tabel sponsor ditunjukkan pada Tabel 29.
Tabel 29 Deskripsi Tabel Sponsor
No. Nama Field Tipe Panjang Null Keterangan
1. id_sponsor int 2 No Primary key
2. nama_sponsor varchar 100 No
3. link varchar 100 No
4. gambar varchar 100 No
43
No. Nama Field Tipe Panjang Null Keterangan
5. tampilkan enum Y,N No
26) Tabel Tahun
Deskripsi tabel tahun ditunjukkan pada Tabel 30.
Tabel 30 Deskripsi Tabel Tahun
No. Nama Field Tipe Panjang Null Keterangan
1. id_tahun int 2 No Primary key
2. tahun int 4 No
3. angkatan int 4 No
27) Tabel Anggota
Deskripsi tabel anggota ditunjukkan pada Tabel 31.
Tabel 31 Deskripsi Tabel Anggota
No. Nama Field Tipe Panjang Null Keterangan
1. id_anggota int 20 No Primary key
2. nama_anggota varchar 50 No Foreign key
3. jenis_kelamin varchar 100 No
4. tempat_lahir varchar 50 No
5. tanggal_lahir date No
6. agama varchar 20 No
7. status_nikah varchar 20 No
8. kendaraan varchar 20 No
9. sim varchar 10 No
10. alamat_sekarang varchar 100 Yes
11. alamat_asal varchar 100 No
44
No. Nama Field Tipe Panjang Null Keterangan
12. id_kota int 2 No Foreign key
13. kode_pos int 10 Yes
14. no_telp varchar 20 Yes
15. no_hp int 20 No
16. email varchar 50 No
17. tanggal_daftar date No
28) Tabel Akademik
Deskripsi tabel akademik ditunjukkan pada Tabel 32.
Tabel 32 Deskripsi Tabel Akademik
No. Nama Field Tipe Panjang Null Keterangan
1. id_akademik int 20 No Primary key
2. id_anggota int 20 No Foreign key
3. pt enum IPB, NON IPB No
4. jenjang_pend varchar 20 No
5. id_departemen int 2 No
6. judul_ta varchar 255 No
7. pembimbing varchar 50 Yes
8. ipk varchar 20 No
9. tanggal_lulus date No
45
29) Tabel Orang Tua
Deskripsi tabel orang tua ditunjukkan pada Tabel 33.
Tabel 33 Deskripsi Tabel Orang Tua
No. Nama Field Tipe Panjang Null Keterangan
1. id_ortu int 20 No Primary key
2. nama_ayah varchar 50 No
3. nama_ibu varchar 50 No
4. alamat_ortu varchar 100 No
5. id_kota int 3 No Foreign key
6. kode_pos int 10 Yes
7. no_telp varchar 20 Yes
8. no_hp int 20 No
9. id_anggota int 20 No Foreign key
30) Tabel Alumni
Deskripsi tabel alumni ditunjukkan pada Tabel 34.
Tabel 34 Deskripsi Tabel Alumni
No. Nama Field Tipe Panjang Null Keterangan
1. id_alumni int 20 No Primary key
2. nama_alumni varchar 50 No
3. tahun_masuk int 4 No
4. angkatan int 4 No
5. tahun_lulus int 4 No
6. id_departemen int 2 No Foreign key
7. nrp varchar 12 Yes
46
No. Nama Field Tipe Panjang Null Keterangan
8. ipk varchar 20 No
9. alamat varchar 100 No
10. kode_pos int 20 Yes
11. no_telp varchar 20 No
12. no_hp int 20 No
13. email varchar 50 No
14. password varchar 15 No
15. status_kerja varchar 50 No
16. sektor_kerja varchar 50 No
17. status_tampil enum Y,N No
18. tanggal date No
31) Tabel Kerja Instansi
Deskripsi tabel kerja instansi ditunjukkan pada Tabel 35.
Tabel 35 Deskripsi Tabel Kerja Instansi
No. Nama Field Tipe Panjang Null Keterangan
1. id_kerja_instansi int 20 No Primary key
2. id_instansi int 2 No Foreign key
3. bidang_kerja varchar 50 No
4. alasan_kerja varchar 100 No
5. lama_tunggu int 2 No
6. id_jabatan int 2 No Foreign key
7. gaji_pertama int 10 No
8. id_jabatan2 int 2 No Foreign key
47
No. Nama Field Tipe Panjang Null Keterangan
9. gaji_sekarang int 10 No
10. kebutuhan_user varchar 5 No
11. bekal_kurang varchar 100 No
12. hmbatan_kerja varchar 100 No
13. hmbatan_karir varchar 100 No
14. tanggal date No
15. id_alumni int 20 No Foreign key
32) Tabel Kerja Perusahaan
Deskripsi tabel kerja perusahaan ditunjukkan pada Tabel 36.
Tabel 36 Deskripsi Tabel Kerja Perusahaan
No. Nama Field Tipe Panjang Null Keterangan
1. id_kerja_perusahaan int 20 No Primary key
2. kerja_pertama varchar 50 No
3. bidang_kerja varchar 50 No
4. alasan_kerja varchar 100 No
5. lama_tunggu int 2 No
6. perusahaan varchar 50 No
7. id_jabatan int 2 No Foreign key
8. gaji_pertama int 10 No
9. gaji_sekarang int 10 No
10. prnh_pndh varchar 5 No
11. alasan_pndh varchar 100 No
12. bid_kerja_bru varchar 50 No
48
No. Nama Field Tipe Panjang Null Keterangan
13. lama_kerja int 2 No
14. kebutuhan_user varchar 5 No
15. bekal_kurang varchar 100 No
16. hmbatan_kerja varchar 50 No
17. hmbatan_karir varchar 50 No
18. tanggal date No
19. id_alumni int 20 No Foreign key
33) Tabel Kerja Wirausaha
Deskripsi tabel kerja wirausaha ditunjukkan pada Tabel 37.
Tabel 37 Deskripsi Tabel Kerja Wirausaha
No. Nama Field Tipe Panjang Null Keterangan
1. id_wirausaha int 20 No Primary key
2. bidang_usaha varchar 50 No
3. nama_usaha varchar 50 No
4. tahun int 4 No
5. modal varchar 50 No
6. bekal varchar 5 No
7. bekal_kurang varchar 100 No
8. hambatan_usaha varchar 100 No
9. hambatan_maju varchar 100 No
10. tanggal date No
11. id_alumni int 20 No Foreign key
49
34) Tabel Lanjut
Deskripsi tabel lanjut ditunjukkan pada Tabel 38.
Tabel 38 Deskripsi Tabel Lanjut
No. Nama Field Tipe Panjang Null Keterangan
1. id_lanjut int 20 No Primary key
2. jenjang_pend varchar 10 No
3. perguruan varchar 50 No
4. nama_pt varchar 50 No
5. Lokasi varchar 50 No
6. bidang_ilmu varchar 50 No
7. Biaya varchar 50 No
8. tahun_masuk int 4 No
9. tanggal date No
10. id_alumni int 20 No Foreign key
35) Tabel Belum Kerja
Deskripsi tabel belum kerja ditunjukkan pada Tabel 39.
Tabel 39 Deskripsi Tabel Belum Kerja
No. Nama Field Tipe Panjang Null Keterangan
1. id_lanjut int 20 No Primary key
2. jumlah_lamar int 5 No
3. bidang_lamar varchar 50 No
4. tanggal date No
5. id_alumni int 20 No Foreign key
50
36) Tabel bidang kerja
Deskripsi tabel bidang kerja ditunjukkan pada Tabel 40.
Tabel 40 Deskripsi Tabel Bidang Kerja
No. Nama Field Tipe Panjang Null Keterangan
1. id_bidang int 2 No Primary key
2. bidang_kerja varchar 100 No
4.2.4 Perancangan Antarmuka
Bentuk dan tampilan antarmuka website PKHA ini berupa perpaduan antara
teks dan gambar. Perancangan bentuk antarmuka pengguna umum website PKHA
IPB dapat dilihat pada Gambar 14.
DPKHA IPBLogoIPB
Header
LogoDPKHA
Menu
Formulir
Berita Karir
Berita Alumni
Link
Sponsor
Kalender
Pencarian
Polling
Footer
Isi Website
Gambar 14 Perancangan Antarmuka Pengguna Umum.
Header tampilan antarmuka pengguna umum dapat mengalami perubahan
sesuai keinginan administrator. Pada bagian di bawah header terdapat menu
utama untuk melihat isi website. Pada bagian kiri terdapat formulir untuk
pendaftaran anggota online, formulir riset tracer study, dan formulir pendaftaran
51
untuk perusahaan mitra, berita alumni dan karir yang paling sering dibaca, link-
link website yang berkaitan dengan DPKHA, dan logo sponsor DPKHA. Pada
bagian tengah berisi isi dari website PKHA sendiri. Pada bagian kiri terdapat
kalender, pencarian, dan polling.
Perancangan bentuk antarmuka halaman admin website PKHA IPB dapat
dilihat pada Gambar 15.
HeaderLogo
DPKHA
Menu
Footer
Isi Website
LogoIPB
Teks berjalan
Gambar 15 Perancangan Antarmuka Administrator (Admin).
Header tampilan administrator (admin) juga dapat mengalami perubahan
sesuai keinginan administrator. Pada bagian kiri terdapat menu-menu utama untuk
mengelola isi website. Pada bagian kanan berisi isi dari website PKHA yang siap
untuk dimanipulasi.
4.2.5 Perancangan Navigasi
Tahap ini bertujuan mengetahui dokumen yang berisi alur navigasi
antarmenu yang ada dalam website PKHA beserta submenu yang terhubung
dengan navigasi utama. Struktur navigasi yang digunakan dalam website ini
adalah struktur jejaring (network structures). Tujuan pembuatan menu navigasi
adalah untuk memudahkan pengunjung dalam membuka halaman perhalaman
52
website. Melalui paduan beragam fasilitas navigasi yang dibuat dengan CSS dan
javascript, memudahkan pengunjung mengetahui posisi pengunjung berada,
melalui efek background tombol yang berbeda warna ketika tombol di hover dan
judul di masing-masing halaman berdasarkan menu. Untuk lebih jelasnya
perancangan navigasi dapat dilihat pada Lampiran 12.
4.2.6 Perancangan Masukan
Perancangan masukan dirancang untuk menentukan halaman yang
diperlukan oleh pengguna website pada proses memasukkan data. Deskripsi
perancangan masukan halaman admin website PKHA dapat dilihat pada Tabel 41.
Untuk deskripsi perancangan masukan anggota PKHA dapat dilihat pada Tabel
42. Sedangkan, untuk deskripsi perancangan masukan alumni PKHA dapat dilihat
pada Tabel 43.
Tabel 41 Deskripsi Perancangan Masukan Website PKHA pada Halaman Admin
No Perancangan
Masukan Deskripsi Tampilan
1 Data Admin Halaman untuk memasukkan data
admin
Lampiran 13
2 Agenda Halaman untuk memasukkan data
agenda
Lampiran 14
3 Artikel Halaman untuk memasukkan data
artikel
Lampiran 15
4 Berita Halaman untuk memasukkan data berita Lampiran 16
5 Departemen Halaman untuk memasukkan data
departemen berdasarkan fakultas
Lampiran 17
6 Fakultas Halaman untuk memasukkan data
fakultas
Lampiran 18
7 Galeri Halaman untuk memasukkan data galeri
kegiatan berdasarkan nama kegiatan
Lampiran 19
53
No Perancangan
Masukan Deskripsi Tampilan
8 Header Halaman untuk mengganti header Lampiran 20
9 Iklan
Lowongan
Halaman untuk memasukkan data iklan
lowongan pekerjaan
Lampiran 21
10 Instansi
Pemerintah
Halaman untuk memasukkan data
instansi pemerintah
Lampiran 22
11 Konsultasi
Karir
Halaman untuk membalas konsultasi
dari pengunjung
Lampiran 23
12 Link Website Halaman untuk memasukkan data link
website yang berkaitan dengan
keberadaaan DPKHA
Lampiran 24
13 Kota Halaman untuk memasukkan data kota
berdasarkan provinsi
Lampiran 25
14 Manajemen
Menu
Halaman untuk mengganti nama menu
pada halaman admin
Lampiran 26
15 Pelatihan dan
Seminar
Halaman untuk memasukkan data
pelatihan dan seminar
Lampiran 27
16 Pelayanan Halaman untuk memperbaharui
pelayanan DPKHA
Lampiran 28
17 Perusahaan Halaman untuk memasukkan data
perusahaan mitra
Lampiran 29
18 Polling Halaman untuk mengganti polling Lampiran 30
19 Profil
DPKHA
Halaman untuk memperbaharui profil
DPKHA
Lampiran 31
20 Provinsi Halaman untuk memasukkan data
provinsi
Lampiran 32
54
No Perancangan
Masukan Deskripsi Tampilan
21 Sponsor Halaman untuk memasukkan data
sponsor
Lampiran 33
22 Staf DPKHA Halaman untuk memasukkan data staf
baru DPKHA
Lampiran 34
23 Tahun
Akademik
Halaman untuk memasukkan data tahun
akademik
Lampiran 35
Tabel 42 Deskripsi Perancangan Masukan Anggota PKHA
No Perancangan
Masukan Deskripsi Tampilan
1 Data pribadi
Anggota
Halaman untuk memasukkan data
pribadi anggota DPKHA
Lampiran 36
2 Data Akademik
Anggota
Halaman untuk memasukkan data
akademik anggota DPKHA
Lampiran 37
3 Data Orang Tua
Anggota
Halaman untuk memasukkan data
orang tua anggota DPKHA
Lampiran 38
Tabel 43 Deskripsi Perancangan Masukan Alumni PKHA
No Perancangan
Masukan Deskripsi Tampilan
1 Data Pribadi
Alumni
Alumni dapat memasukkan data
pribadinya
Lampiran 39
2 Data
Melanjutkan
Alumni dapat memasukkan data
melanjutkan pendidikan
Lampiran 40
3 Data Belum
Bekerja
Alumni dapat memasukkan data belum
bekerja
Lampiran 41
55
No Perancangan
Masukan Deskripsi Tampilan
4 Data Bekerja
di Instansi
Alumni dapat memasukkan data bekerja
di instansi
Lampiran 42
5 Data Bekerja
di Perusahaan
Alumni dapat memasukkan data bekerja
di perusahaan
Lampiran 43
6 Data
Berwirausaha
Alumni dapat memasukkan data
berwirausaha
Lampiran 44
4.2.7 Perancangan Proses
Pada tahap ini dijelaskan mengenai perancangan proses masukan dan
keluaran. Keterangan proses yang dibuat dalam membangun website PKHA dapat
dilihat pada Tabel 44.
Tabel 44 Deskripsi Perancangan Proses
Fungsional Input Output Lampiran
Verifikasi login
administrator
Memasukkan
username dan
password
Masuk ke halaman
admin
Lampiran 45
Verifikasi login
alumni
Memasukkan email
dan password
Masuk ke halaman
kealumnian
Lampiran 46
Input konsultasi
karir
Memasukkan
nama, email, dan
isi konsultasi
Di proses di admin
sebelum ditampilkan
Lampiran 47
Input data
perusahaan
Memasukkan data
perusahaan
Masuk ke halaman
data tersimpan
Lampiran 48
Input data
anggota
Memasukkan data
anggota
Masuk ke halaman
data tersimpan
Lampiran 49
Manipulasi data Data alumni Data alumni yang -
56
Fungsional Input Output Lampiran
alumni telah dimanipulasi
Tambah data
alumni
Untuk
menambahkan data
kealumnian
Data alumni yang
telah di-input-kan
Lampiran 50
Ubah data
alumni
Untuk mengubah
data kealumnian
Data alumni yang
telah diubah
Lampiran 51
Manipulasi data Data untuk isi
website
Data website yang
telah dimanipulasi
-
Tambah data Untuk
menambahkan isi
website
Data website dengan
data yang telah di-
input-kan
Lampiran 52
Ubah data Mengubah isi
website
Data website dengan
data yang telah diubah
Lampiran 53
Hapus data Menghapus isi
website
Data website tanpa
data yang telah
dihapus
Lampiran 54
4.2.8 Perancangan Keluaran
Perancangan output adalah perancangan untuk menampilkan keluaran/hasil
dari sistem. Perancangan output pada website PKHA menggunakan tabel-tabel
pada setiap halaman, baik pada halaman pengguna umum, maupun halaman
admin. Deskripsi lebih lengkap dapat dilihat pada Tabel 45.
Tabel 45 Deskripsi Perancangan Keluaran Website PKHA pada Halaman Admin
No Perancanga
n Keluaran Deskripsi Tampilan
1 Data Admin Halaman keluaran data admin Lampiran 55
2 Agenda Halaman keluaran data agenda Lampiran 56
3 Artikel Halaman keluaran data artikel Lampiran 57
57
No Perancanga
n Keluaran Deskripsi Tampilan
4 Berita Halaman keluaran data berita Lampiran 58
5 Departemen Halaman keluaran data departemen Lampiran 59
6 Fakultas Halaman keluaran data fakultas Lampiran 60
7 Galeri Halaman keluaran data galeri kegiatan
berdasarkan nama kegiatan
Lampiran 61
8 Header Halaman untuk mengganti header Lampiran 20
9 Iklan
Lowongan
Halaman keluaran data iklan lowongan
pekerjaan
Lampiran 62
10 Instansi
Pemerintah
Halaman keluaran data instansi
pemerintah
Lampiran 63
11 Konsultasi
Karir
Halaman untuk membalas konsultasi dari
pengunjung
Lampiran 64
12 Link Website Halaman keluaran data link website yang
berkaitan dengan keberadaaan DPKHA
Lampiran 65
13 Kota Halaman keluaran data kota berdasarkan
provinsi
Lampiran 66
14 Manajemen
Menu
Halaman untuk mengganti nama menu
pada halaman admin
Lampiran 67
15 Pelatihan
dan Seminar
Halaman keluaran data pelatihan dan
seminar
Lampiran 68
16 Pelayanan Halaman untuk memperbaharui
pelayanan DPKHA
Lampiran 28
17 Perusahaan Halaman keluaran data perusahaan mitra Lampiran 69
18 Polling Halaman untuk mengganti polling Lampiran 70
19 Profil Halaman untuk memperbaharui profil Lampiran 31
58
No Perancanga
n Keluaran Deskripsi Tampilan
DPKHA DPKHA
20 Provinsi Halaman keluaran data provinsi Lampiran 71
21 Sponsor Halaman keluaran data sponsor Lampiran 72
22 Staf DPKHA Halaman keluaran data staf baru DPKHA Lampiran 73
23 Tahun
Akademik
Halaman keluaran data tahun akademik Lampiran 74
4.3 Implementasi dan Pengujian Unit
Tahap ini merupakan kegiatan menyatukan sumber daya fisik yang sudah
diterapkan ke dalam kode pemrograman untuk menghasilkan suatu sistem yang
bekerja. Website PKHA IPB adalah aplikasi yang diimplementasikan
menggunakan CSS dan HTML sebagai pembentuk desain website, MySQL
sebagai SMBD, dan PHP serta javascript sebagai bahasa pemrogramannya.
4.3.1 Perangkat Keras
Website PKHA IPB di bangun menggunakan laptop Toshiba model Satellite
M205-S7453 dengan spesifikasi sebagai berikut:
1. Prossesor Intel (R) Core (TM) 2 Duo T5250 @1.50GHz (2 CPUs)
2. Memory 2048 MB
3. Harddisk 180 GB
4. Free Space Harddisk 20 GB
5. VGA Mobile Intel(R) 965 Express Chipset Family 128 MB
6. Monitor LCD 14‟ dengan resolusi 1280 x 800 pixels
7. Keyboard (papan kunci) dan Mouse (tikusan)
4.3.2 Perangkat Lunak
Seluruh perangkat lunak yang digunakan dalam pembuatan dan
pengembangan website ini berbasis windows. Adapun perangkat lunak tersebut
antara lain:
59
1. Sistem Operasi: Windows XP SP2
2. Text Editor: Macromedia Dreamweaver MX 2004 dan Notepad ++
3. Desain antarmuka: Photoshop CS2 dan Corel Draw X4
4. Bahasa pemrograman: PHP version 5.2.6 dan JavaScript
5. SMBD: MySQL version 5.0.51b
6. Web Server: Apache Friends for Windows
7. Web Browser: Mozzila Firefox 3.0.9 dan Internet Explorer 8.0
4.3.3 Implementasi Basis Data
Implementasi basis data didasarkan pada ERD yang dihasilkan pada tahap
perancangan basis data. Basis data yang sudah dirancang kemudian
diimplementasikan dengan menggunakan MySQL sebagai SMBD dengan nama
basis data adalah „cdaipb‟. Dalam basis data tersebut terdiri atas 36 tabel yang
terbagi ke dalam tiga bagian, yaitu: tabel-tabel untuk website, tabel-tabel untuk
kealumnian, dan tabel-tabel untuk keanggotaan. Relasi antartabel website PKHA
dapat dilihat pada Lampiran 75, relasi antartabel kealumnian website PKHA dapat
dilihat pada Lampiran 76, dan relasi antartabel keanggotaan website PKHA dapat
dilihat pada Lampiran 77.
4.3.4 Implementasi Antarmuka
Implementasi antarmuka pengguna umum website PKHA diawali dengan
menampilkan halaman „Home‟. Navigasi utama yang disediakan diantaranya,
yaitu: Home, Profil, Pelayanan, Geleri, Berita, Lowongan, Agenda, Anggota,
Alumni, Program dan Rubrik. Navigasi utama berbentuk pop-up menu yang di
implementasikan menggukanaan javascript.
Pembuatan antarmuka pengguna umum dibangun menggunakan CSS. File
kode program CSS diberi nama “style_screen.css” dan ditempatkan di dalam
direktori css, sehingga setiap halaman website yang dibangun hanya perlu
memanggil file CSS-nya saja. Hasil implementasi antarmuka halaman utama
pengguna umum website PKHA dapat dilihat pada Gambar 14. Pembuatan
antarmuka admin juga dibangun menggunakan CSS. File kode program CSS
diberi nama “adminstyle.css” dan ditempatkan di dalam direktori css seperti
60
halnya halaman pengguna umum. Hasil implementasi antarmuka halaman utama
administrator website PKHA dapat dilihat pada Gambar 17.
Gambar 16 Implementasi Antarmuka Pengguna Umum.
61
Gambar 17 Implementasi Antarmuka Administrator (Admin).
4.3.5 Implementasi Masukan
Administrator website PKHA dapat memasukan data ke dalam sistem. Data
yang dapat dimasukan atau diubah diantaranya data admin, agenda kegiatan,
artikel, berita, departemen, fakultas, galeri, header, iklan lowongan, instanasi
pemerintah, konsultasi karir, kota, provinsi, link website, menu, pelatihan dan
seminar, pelayanan, perusahaan, polling, profil, staf, sponsor, dan tahun
akademik. Implementasi antarmuka masukan pada halaman admin website PKHA
dapat dilihat pada Tabel 46.
Tabel 46 Deskripsi Implementasi Masukan Website PKHA pada Halaman Admin
No Implementasi
Masukan Deskripsi Tampilan Keterangan
1 Data Admin Admin dapat
menambahkan admin
baru
Lampiran 78 Jumlah
admin
maksimal 5
2 Agenda Admin dapat Lampiran 79
62
No Implementasi
Masukan Deskripsi Tampilan Keterangan
menambahkan agenda
bulanan
3 Artikel Admin dapat
menambahkan artikel
baru
Lampiran 80
4 Berita Admin dapat
menambahkan berita
Lampiran 81
5 Departemen Admin dapat
menambahkan
departemen baru
berdasarkan fakultas
Lampiran 82
6 Fakultas Admin dapat
menambahkan fakultas
Lampiran 83
7 Galeri Admin bisa
menambahkan galeri
hasil kegiatan
Lampiran 84
8 Header Admin bisa mengubah
header pada halaman
admin, anggota dan
alumni, dan halaman
pengguna umum
Lampiran 85 Admin
hanya bisa
mengganti
header
9 Iklan
Lowongan
Admin dapat
menambahkan informasi
lowongan terbaru
Lampiran 86
10 Instansi
Pemerintah
Admin dapat
menambahkan instansi
pemerintahan yang baru
Lampiran 87
63
No Implementasi
Masukan Deskripsi Tampilan Keterangan
11 Konsultasi
Karir
Admin dapat membalas
konsultasi karir dari
mahasiswa, alumni, atau
pengunjung lainnya
Lampiran 88 Admin
hanya bisa
membalas
konsultasi
dari
pengunjung
12 Link Website Admin dapat
menambahkan link-link
website yang berkaitan
dengan DPKHA
Lampiran 89
13 Kota Admin bisa
menambahkan data kota
berdasarkan provinsi
Lampiran 90
14 Manajemen
Menu
Admin bisa mengganti
nama menu pada
halaman admin
Lampiran 91
15 Pelatihan dan
Seminar
Admin dapat
menambahkan informasi
pelatihan dan seminar
Lampiran 92
16 Pelayanan Admin bisa mengubah
pelayanan jasa DPKHA
Lampiran 93 Admin
hanya bisa
mengganti
pelayanan
17 Perusahaan Admin bisa
menambahkan data
perusahaan mitra
Lampiran 94
18 Polling Admin bisa mengganti Lampiran 95 Admin
64
No Implementasi
Masukan Deskripsi Tampilan Keterangan
polling hanya bisa
mengganti
pertanyaan
dan
pernyataan
polling
19 Profil
DPKHA
Admin bisa mengubah
profil DPKHA
Lampiran 96 Admin
hanya bisa
mengganti
isi profil
20 Provinsi Admin bisa
menambahkan data
provinsi baru
Lampiran 97
21 Sponsor Admin bisa
menambahkan data
sponsor baru
Lampiran 98
22 Staf DPKHA Admin bisa
menambahkan data staf
baru DPKHA
Lampiran 99
23 Tahun
Akademik
Admin bisa
menambahkan data tahun
akademik
Lampiran
100
Calon anggota DPKHA dapat melakukan pendaftaran secara online dan
memasukkan data ke dalam website. Data yang dapat dimasukan diantaranya: data
pribadi anggota, akademik anggota, dan orang tua anggota. Implementasi
antarmuka masukan pada halaman admin website PKHA dapat dilihat pada Tabel
47.
65
Tabel 47 Deskripsi Implementasi Masukan Anggota
No Implementasi
Masukan Deskripsi Tampilan Keterangan
1 Data pribadi
anggota
Anggota dapat
memasukkan data
pribadinya
Lampiran
101
Semua
formulir
harus terisi
2 Data akademik
anggota
Anggota dapat
memasukkan data
akademiknya
Lampiran
102
Semua
formulir
harus terisi
3 Data orang tua
anggota
Anggota dapat
memasukkan data
orang tuanya
Lampiran
103
Semua
formulir
harus terisi
Alumni IPB dapat mengisi formulir tracer study secara online dan
memasukkan data ke dalam website. Data yang dapat dimasukan diantaranya
adalah data pribadi alumni dan pekerjaan alumni. Implementasi antarmuka
masukan pada halaman admin website PKHA dapat dilihat pada Tabel 48.
Tabel 48 Deskripsi Implementasi Masukan Alumni PKHA
No Implementasi
Masukan Deskripsi Tampilan Keterangan
1 Data pribadi
alumni
Alumni dapat
memasukkan data
pribadinya
Lampiran
104
Semua
formulir
harus terisi
2 Data
melanjutkan
Alumni dapat
memasukkan data
melanjutkan pendidikan
Lampiran
105
Semua
formulir
harus terisi
3 Data belum
bekerja
Alumni dapat
memasukkan data
belum bekerja
Lampiran
106
Semua
formulir
harus terisi
66
No Implementasi
Masukan Deskripsi Tampilan Keterangan
4 Data bekerja di
instansi
Alumni dapat
memasukkan data
bekerja di instansi
Lampiran
107
Semua
formulir
harus terisi
5 Data bekerja di
perusahaan
Alumni dapat
memasukkan data
bekerja di perusahaan
Lampiran
108
Semua
formulir
harus terisi
6 Data
berwirausaha
Alumni dapat
memasukkan data
berwirausaha
Lampiran
109
Semua
formulir
harus terisi
4.3.6 Implementasi Proses
Tahap implementasi proses adalah suatu proses atau tahapan-tahapan yang
dikerjakan langsung oleh website PKHA. Bahasa pemrograman PHP digunakan
untuk mengolah masukan hingga menjadi keluaran yang diharapkan. Potongan
program pada proses login admin dapat dilihat pada Gambar 18. Potongan
program pada proses tambah data admin dapat dilihat pada Gambar 19. Potongan
program pada proses ubah data admin dapat dilihat pada Gambar 20. Potongan
program pada proses hapus data admin dapat dilihat pada Gambar 21. Potongan
kode CSS untuk menampilkan halaman admin website PKHA dapat dilihat pada
Gambar 22. Potongan program pada proses paging seperti google.com dapat
dilihat pada Gambar 23.
67
Gambar 18 Potongan Kode Program untuk Cek Login Admin.
Gambar 19 Potongan Kode Program untuk Proses Tambah User.
if($_POST){
$cek= mysql_num_rows(mysql_query("SELECT * FROM user"));
if($cek<5){
$pass=md5($_POST[password]);
$nama=strip_tags($_POST['nama_lengkap']);
$alamat=strip_tags($_POST['alamat']);
mysql_query("INSERT INTO user(id_user,
password,
nama_lengkap,
alamat)
VALUES('$_POST[id_user]',
'$pass',
'$nama',
'$alamat')");
}
}
$pass=md5($_POST[password]);
$login=mysql_query("SELECT * FROM user WHERE
nama_lengkap='$_POST[username]' AND password='$pass'");
$ketemu=mysql_num_rows($login);
$r=mysql_fetch_array($login);
if ($ketemu > 0){
session_start();
session_register("namauser");
session_register("passuser");
$_SESSION[namauser] = $r[nama_lengkap];
$_SESSION[passuser] = $r[password];
header('location:media.php?module=home');
}
else{
echo "<script>function salah(){
location.href='index.php';
alert(\"Silahkan periksa kembali Username dan
Password Anda! \");
}
salah();
</script>";
}
68
Gambar 20 Potongan Kode Program untuk Proses Ubah User.
Gambar 21 Potongan Kode Program untuk Proses Hapus user.
Gambar 22 Potongan Kode pada File css “adminstyle.php”.
body {
color: #000000;
font-size: 12pt;
margin: 0px auto;
padding: 0px;
background-color: #aabbff;
font-family: arial, sans-serif;
}
.page-container-1 {
width: 780px;
margin: 0px auto;
padding: 0px;
background: url(../img/1.gif) top left repeat-y;
}
$hapus=mysql_query("DELETE FROM user WHERE
id_user='$_GET[id]'");
if($hapus==1){
echo "<script>function valid(){
location.href='media.php?module=user';
alert(\"Hapus Data Berhasil.\");
}
valid();
</script>";
}
$nama=strip_tags($_POST['nama_lengkap']);
$alamat=strip_tags($_POST['alamat']);
if (empty($_POST[password])) {
mysql_query("UPDATE user SET nama_lengkap = '$nama',
alamat = '$alamat'
WHERE id_user = '$_POST[id]'");
}
// Apabila password diubah
else{
$pass=md5($_POST[password]);
$upd=mysql_query("UPDATE user SET password = '$pass',
nama_lengkap = '$nama',
alamat = '$alamat'
WHERE id_user = '$_POST[id]'");
}
69
Gambar 23 Potongan Kode Program untuk Paging seperti google.com.
4.3.7 Implementasi Keluaran
Pada tahap implementasi keluaran bertujuan untuk menampilkan informasi
yang telah dimasukkan dan diolah. Semua informasi yang ditampilkan pada
halaman pengguna umum diperoleh dari proses pemasukan data yang dilakukan
oleh admin. Implementasi antarmuka keluaran pada halaman admin website
PKHA dapat dilihat pada Tabel 49.
Tabel 49 Deskripsi Implementasi Keluaran Website PKHA pada Halaman Admin
No Implementasi
Keluaran Deskripsi Tampilan
1 Admin Info keluaran admin ditampilkan
dalam bentuk tabel dengan urutan
berdasarkan nama lengkap admin
Lampiran 110
2 Agenda Info keluaran agenda ditampilkan
dalam bentuk tabel dengan urutan
berdasarkan tanggal posting
Lampiran 111
3 Artikel Info keluaran artikel ditampilkan
dalam bentuk tabel dengan urutan
berdasarkan tanggal posting
Lampiran 112
4 Berita Info keluaran berita ditampilkan dalam
bentuk tabel dengan urutan
berdasarkan tanggal posting
Lampiran 113
for($i=$halaman+1;$i<($halaman+5);$i++){
if ($i > $jmlhalaman)
break;
$angka .= "<a href=$file&halaman=$i>$i</A> "; }
$angka .= ($halaman+2<$jmlhalaman ? " ...
<a href=$file&halaman=$jmlhalaman>$jmlhalaman</A> " : " ");
echo "$angka";
if($halaman < $jmlhalaman){
$next=$halaman+1;
echo " | <A HREF=$file&halaman=$next>Next ></A> |
<A HREF=$file&halaman=$jmlhalaman>Last >></A> ";
}
else{ echo " | Next > | Last >>"; }
70
No Implementasi
Keluaran Deskripsi Tampilan
5 Departemen Info keluaran departemen ditampilkan
dalam bentuk tabel dengan urutan
berdasarkan nama departemen
Lampiran 114
6 Fakultas Info keluaran fakultas ditampilkan
dalam bentuk tabel dengan urutan
berdasarkan nama fakultas
Lampiran 115
7 Galeri Info keluaran galeri ditampilkan dalam
bentuk tabel per kegiatan dengan
urutan berdasarkan id galeri
Lampiran 116
8 Header Info keluaran header ditampilkan
dalam bentuk tabel dengan urutan
mulai dari halaman pengguna umum,
halaman admin, dan halaman
keanggotaan
Lampiran 85
9 Iklan
Lowongan
Info keluaran lowongan ditampilkan
dalam bentuk tabel dengan urutan
berdasarkan tanggal posting
Lampiran 117
10 Instansi
Pemerintah
Info keluaran instansi pemerintah
ditampilkan dalam bentuk tabel
dengan urutan berdasarkan nama
instansi
Lampiran 118
11 Konsultasi
Karir
Info keluaran konsultasi karir
ditampilkan dalam bentuk tabel
dengan urutan berdasarkan tanggal
dibalas oleh admin
Lampiran 119
12 Link Website Info keluaran link website ditampilkan
dalam bentuk tabel dengan urutan
berdasarkan nama link
Lampiran 120
13 Kota Info keluaran kota ditampilkan dalam
bentuk tabel dengan urutan
Lampiran 121
71
No Implementasi
Keluaran Deskripsi Tampilan
berdasarkan nama kota
14 Manajemen
Menu
Info keluaran menejemen menu
ditampilkan dalam bentuk tabel
dengan urutan berdasarkan nama
menu
Lampiran 122
15 Pelatihan dan
Seminar
Info keluaran pelatihan dan seminar
ditampilkan dalam bentuk tabel
dengan urutan berdasarkan tanggal
posting
Lampiran 123
16 Pelayanan Info keluaran pelayanan ditampilkan
dalam bentuk tabel dengan urutan
mulai dari informasi lowongan,
pembekalan dan pelatihan, konsultasi
karir,kewirausahaan, dan keanggotaan
Lampiran 93
17 Perusahaan Info keluaran kota ditampilkan dalam
bentuk tabel dengan dua pilihan urutan
berdasarkan nama perusahaan dan
tanggal input
Lampiran 124
18 Polling Info keluaran polling ditampilkan
dalam bentuk tabel dengan dua bagian,
yaitu: pertanyaan dan pilihan, pilihan
diurutkan berdasarkan pilihan
Lampiran 125
19 Profil
DPKHA
Info keluaran pelayanan ditampilkan
dalam bentuk tabel dengan urutan
mulai dari sejarah, tugas, fungsi, dan
syarat keanggotaan
Lampiran 96
20 Provinsi Info keluaran provinsi ditampilkan
dalam bentuk tabel dengan urutan
berdasarkan nama provinsi
Lampiran 126
21 Sponsor Info keluaran sponsor ditampilkan Lampiran 127
72
No Implementasi
Keluaran Deskripsi Tampilan
dalam bentuk tabel dengan urutan
berdasarkan nama sponsor
22 Staf DPKHA Info keluaran staf ditampilkan dalam
bentuk tabel dengan urutan
berdasarkan jabatan di DPKHA
Lampiran 128
23 Tahun
Akademik
Info keluaran tahun akademik
ditampilkan dalam bentuk tabel
dengan urutan berdasarkan tahun
Lampiran 129
4.4 Integrasi dan Pengujian Sistem
4.4.1 Metode Pengujian
Pengujian adalah proses eksekusi suatu program dengan maksud
menemukan kesalahan. Pengujian yang dilakukan pada website PKHA IPB
menggunakan metode pengujian black-box yang berfokus pada persyaratan
fungsional perangkat lunak. Proses pengujian halaman login administrator dapat
dilihat pada Tabel 50, proses pengujian halaman login alumni dapat dilihat pada
Tabel 51, proses pengujian yang dilakukan pada input, ubah, dan hapus data
website. Sebagai contoh pengujian manipulasi data admin dapat dilihat pada Tabel
52.
Tabel 50 Proses Pengujian Halaman Login Admin
Kasus
Uji
Nilai
Input
Skenario
pengujian
Hasil yang
diharapkan Status Tampilan
Input
login
admin
Salah Textbox nama
pengguna
dibiarkan
kosong
Tampilan
message box
“Username
masih kosong”
Sukses Lampiran
130
Salah Textbox
password
Tampilan
message box Sukses
Lampiran
131
73
Kasus
Uji
Nilai
Input
Skenario
pengujian
Hasil yang
diharapkan Status Tampilan
dibiarkan
kosong
“Password
masih kosong”
Salah Nama pengguna
dan password
diisi dengan
nilai yang salah
Tampilan
message box
“Username
tidak sesuai
dengan
password”
Sukses Lampiran
132
Benar Nama pengguna
dan password
diisi dengan
nilai yang benar
Masuk ke
halaman utama
admin, yaitu
“media.php”
pada direktori
4dmin
Sukses -
Tabel 51 Proses Pengujian Halaman Login Alumni
Kasus
Uji
Nilai
Input
Skenario
pengujian
Hasil yang
diharapkan Status Tampilan
Input
login
alumni
Salah Textbox email
dan password
dibiarkan
kosong
Tampilan
message box
“Silahkan periksa
kembali email
dan password
Anda”
Sukses Lampiran
133
Salah Email dan
password diisi
dengan nilai
yang salah
Tampilan
message box
“Silahkan periksa
kembali email
Sukses Lampiran
133
74
Kasus
Uji
Nilai
Input
Skenario
pengujian
Hasil yang
diharapkan Status Tampilan
dan password
Anda”
Salah Email tidak
sesuai dengan
format email
Tampilan pop-up
menu “Contoh
email yang benar:
Sukses Lampiran
134
Benar Email
pengguna dan
password diisi
dengan nilai
yang benar
Masuk ke
halaman utama
alumni, yaitu
“home.php” pada
direktori
ang_alum/ alumni
Sukses Lampiran
135
Tabel 52 Proses Pengujian Form User pada Halaman Admin
Kasus
Uji
Nilai
Input
Skenario
pengujian
Hasil yang
diharapkan Status Tampilan
Input
data user
Salah Tidak textbox
nama pada input
data user
Tampilan
message box
“Username
belum terisi”
Sukses Lampiran
136
Salah Tidak textbox
password pada
input data user
Tampilan
message box
“Password
belum terisi”
Sukses Lampiran
137
Benar Mengisi admin
dengan benar
Tampilan
message box
“Tambah user
berhasil”
Sukses Lampiran
138
75
Kasus
Uji
Nilai
Input
Skenario
pengujian
Hasil yang
diharapkan Status Tampilan
Benar Tambah admin
ketika sudah
berjumlah 5
Tampilan
message box
“Jumlah admin
maksimal 5”
Sukses Lampiran
139
Hapus
data user
Benar Menghapus data
user yang
tersedia
Tampilan
message box
“Apakah Anda
benar-benar
ingin
menghapus data
admin?”
Sukses Lampiran
140
Benar Klik OK pada
konsifmasi
hapus data user
Tampilan
message box
“Hapus data
user berhasil.”
Sukses Lampiran
141
Ubah
data user
Benar mengubah data
user yang
tersedia
Tampilan
message box
“Update data
user berhasil.”
Sukses Lampiran
142
4.4.2 Lingkungan Pengujian
Lingkungan pengujian pada website PKHA IPB dilakukan pada Sistem
Operasi Windows XP Service Pack 2. Pengujian dilakukan pada PHP version
5.2.6 dengan MySQL version 5.0.51b. Pengujian dengan menggunakan beberapa
browser telah berhasil dilakukan, diantaranya: Mozzila Firefox Version 3.0.9 dan
Internet Explorer 8.0. Dari beberapa browser yang telah dicoba, website PKHA
IPB berjalan dengan baik, namun untuk tampilan masih mengalami beberapa
masalah pada Internet Explorer 8.0.
76
4.5 Pengoprasian dan Pemeliharaan
Pemeliharaan website PKHA IPB dilakukan oleh bagian administrasi
DPKHA IPB. Pemeliharaan dilakukan secara berkesinambungan dalam waktu
yang berkala. Pemeliharaan dan perbaikan dilakukan pada fasilitas yang tersedia
pada website PKHA yang memberikan peranan penting kepada anggota, alumni,
perusahaan mitra, dan pengunjung lainnya.
77
BAB V KESIMPULAN DAN SARAN
5.1 Kesimpulan
Pembangunan website PKHA IPB dimaksudkan untuk mempermudah para
anggota, alumni, perusahaan mitra, dan masyarakat dalam mencari dan
mendapatkan informasi mengenai lowongan kerja, informasi pelatihan dan
informasi seminar, informasi agenda kegiatan DPKHA, dan berita. Website ini
selain memberikan informasi seperti disebut di atas, juga dilengkapi dengan
beberapa fasilitas yaitu: konsultasi karir, pendaftaran keanggotaan secara online,
dapat melakukan riset tracer study secara online, dan pendaftaran perusahaan
mitra secara online.
Website PKHA memiliki kemampuan untuk:
1. Membantu anggota untuk mendapatkan informasi mengenai lowongan
pekerjaan, pelatihan, seminar, dan informasi recruitment melalui berita, serta
galeri kegiatan.
2. Menyediakan formulir pendaftaran secara online untuk anggota, perusahaan
mitra, dan alumni.
3. Memudahkan staf administrasi DPKHA melakukan pendataan anggota baru.
4. Memudahkan staf administrasi DPKHA memperoleh informasi kealumnian
(tracer study) untuk pengambilan keputusan.
5. Memudahkan alumni untuk saling bertemu secara maya.
6. Memudahkan perusahaan mitra dalam melakukan pendaftaran secara online.
7. Menyediakan link-link website yang yanghubungan dengan DPKHA.
8. Mempermudah staf DPKHA dalam mengelola informasi, seperti: mengisi
informasi, mengubah informasi, dan menghapus informasi.
9. Menyediakan polling untuk menentukan kegiatan DPKHA selanjutnya.
10. Menyediakan berita populer yang paling sering di kunjungi oleh pengunjung.
Kekurangan yang dimiliki website PKHA:
1. Fasilitas pencarian ke seluruh basis data.
2. Desain selalu tampil di samping pada Internet Explorer 8.0.
78
5.2 Saran
Saran-saran yang perlu diperhatikan dalam pengembangan lebih lanjut dari
website PKHA IPB adalah:
1. Pengembangan fasilitas penilaian ke seluruh basis data agar pengunjung lebih
mudah dalam mencari informasi.
2. Pengembangan desain agar pengunjung bisa lebih nyaman membuka di semua
web browser.
3. Setiap penambahan fasilitas yang disediakan pada website PKHA, fasilitas
tersebut harus dibuat dalam bentuk modul.
79
DAFTAR PUSTAKA
Connolly TM, CE Begg. 1998. Database Systems: A Practical Approach to
Design, Implementation and Management. England: Addison-Wesley
longman limited.
Hakim, L. 2008. Membongkar Trik Rahasia Para Master PHP. Cetakan keempat.
Penerbit Lokomedia: Yogyakarta.
McLeod Jr. P, GP Schell. 2007. Sistem Informasi Manajemen. Edisi Kesembilan.
Yuliyanto dan Heri, penerjemah: Jakarta: Indeks. Terjemahan dari:
Manajement Infotmation System, ninth edition. Pearson Prentice Hall, Inc.
Nugroho, B. 2004. Aplikasi Pemrograman Web Dinamis dengan PHP dan
MySQL.Yogyakarta: Gava Media.
Nugroho, B. 2007. Trik dan Rahasia Membuat Aplikasi Web dengan PHP.
Yogyakarta: Gava Media.
Pressman, RS. 1997. Rekayasa Perangkat Lunak, Buku Satu. CN Harnaningrum,
penerjemah; Yogyakarta: Andi Yogyakarta. Terjemahan dari: Software
Engineering: A Practitioner’s Approach.
Pressman, RS. 2005. Software Engineering: A Practitioner’s Approach. 6th
. New
York: Mc. Graw Hill.
Prihatna, H. 2006. Kiat Praktis Menjadi Webmaster Profesional. Jakarta: PT.Elex
Media Komputindo.
Sidik B, HI Pohan. 2005. Pemrograman Web Dengan HTML. Informatika:
Bandung.
Sommerville, I. 2001. Software Engineering (Rekayasa Perangkat Lunak), Edisi
6.Yuhilza Hanum, Penerjemah; Jakarta: Erlangga. Terjemahan dari:
Software Engineering, 6th
.
Sukarno, M. 2006. Membangun Website Dinamis & interaktif dengan php-mysql
(windows dan linux). Eksa Media: Jakarta.
80
Wibowo, A. 2007. 16 Aplikasi PHP Gratis untuk Pengembangan Situs Web. Andi
Offset: Yogyakarta.
Williams BK, SC Sawyer. 2007. Using Information Technologi: Pengenalan
praktis dunia Komputer dan Komunikasi. Edisi 7. Nur Wijayaning Rahayu
dan Th. Arie Prabawati, Penerjemeh; Yogyakarta: Andi. Terjemahan dari:
Using Information Technologi: A Practical Introduction to Computers &
Communications.
81
81
Lampiran 1 DFD Level 1 untuk Entitas Admin
Admin Data Website
Login Admin
Login Admin Valid
Laporan Alumni
Laporan Anggota
2.0
Manipulas Data
Informasi Website
1.0
Login
cdipb
Informasi User
Informasi User validRcd Perusahaan
Daftar PerusahaanRcd Link
Daftar LinkRcd Staff
Daftar StaffRcd Agenda
Daftar AgendaRcd Konsultasi
Daftar KonsultasiRcd Berita
Daftar BeritaRcd Polling
Daftar PollingRcd Header
Daftar HeaderRcd Kegiatan
Daftar KegiatanRcd Menu
Daftar MenuRcd Sponsor
Daftar LowonganRcd Lowongan
Rcd ProfilDaftar Profil
Rcd GaleriDaftar Galeri
Rcd Kealumnian
Rcd Instansi
Rcd KotaDaftar Kota
Daftar Instansi
Rcd Provinsi
Detail Anggota
Daftar ProvinsiRcd Tahun
Daftar TahunRcd Pelayanan
Daftar Pelayanan
Daftar SponsorRcd User
Daftar User
Rcd ArtikelDaftar Artikel
Rcd Keanggotaan
Detail Alumni
Detail Kealumnian
4.0
Anggota
3.0
Alumni
Cetak Laporan Alumni
Cetak Laporan Anggota
Cari Alumni
Cari Alumni
Hasil Cari Alumni
Hasil Cari Alumni
Kriteria Pencarian Alumni
Hasil Cari Alumni
Kriteria Pencarian Anggota
Hasil Cari Anggota
82
82
Lampiran 2 DFD Level 1 untuk Entitas Alumni
Alumni
Data Kealumnian
Login AlumniLogin Alumni Valid
Hasil Cari Alumni
Cari Alumni
Daftar Data AlumniLihat Daftar Alumni
1.0
Login Alumni
cdipb
2.0
Manipulasi Data Alumni
4.0
Cari Alumni
5.0
Lihat Daftar
Alumni
Detail Alumni
3.0
Lihat
Alumni
Rcd Alumni
Informasi Alumni
Informasi Alumni valid
Rcd Kerja Instasni
Rcd Kerja Swasta
Rcd Kerja Wirausaha
Rcd LanjutRcd Belum Kerja
Hasil Info lengkap Alumni
Kriteria Pencarian
Info Daftar Alumni
Info Alumni
Info Kerja Instansi
Info Kerja Wirausaha
Info Lanjut
Info Kerja Swasta
Info Belum Kerja
Lihat Data Alumni
Info lengkap Alumni
Hasil Pencarian
Hasil Info Daftar Alumni
83
83
Lampiran 3 DFD Level 1 untuk Entitas Anggota
Input Data AnggotaAnggota
Laporan Anggota
cdipb1.0
Input Data
Keanggotaan
2.0
Laporan
Anggota
Rcd Anggota
Rcd Akademik Anggota
Rcd Orangtua Anggota
Detail Anggota
Lampiran 4 DFD level 1 untuk entitas Perusahaan mitra
Perusahaan Mitra
Laporan Perusahaan
Data Perusahaan
1.0
Input
Perusahaan
2.0
Laporan
cdipb
Rcd Perusahaan
Detail Perusahaan
84
84
Lampiran 5 DFD Level 1 untuk Entitas Pengguna Umum
Pengguna Umum
Hasil Cari
Cari
Isi Konsultasi
Isi Polling
Info Website
cdipb
1.0
Pencarian
2.0
Polling
3.0
Konsultasi
4.0
Isi Website
Hasil Polling
Kriteria Pencarian
Hasil Pencarian
Update PollingDetail Polling
Record Konsultasi
Informasi Website
Lihat isi website Rcd Isi Website
85
85
Lampiran 6 Keterangan Data pada DFD
Isi dari data website:
1. Data Agenda
2. Data artikel
3. Data Kealumnian
4. Data Keanggotaan
5. Data berita
6. Data bidang kerja
7. Data departemen
8. Data fakultas
9. Data galeri
10. Data header
11. Data instansi
12. Data jabatan
13. Kata kategori berita
14. Data kategori lowongan
15. Data kegiatan
16. Data konsultasi
17. Data kota
18. Data provinsi
19. Data link
20. Data lowongan
21. Data menu
22. Data staf / pegawai
23. Data pelayanan
24. Data perusahaan
25. Data polling
26. Data profil
27. Data sponsor
28. Data tahun
29. Data user
Isi dari data kealumnian:
1. Data pribadi alumni
2. Data pekerjaan alumni
a. Data kerja di instansi
b. Data kerja di perusahaan
c. Data kerja wirausaha
d. Data belum kerja
e. Data melanjutkan pendidikan
Isi data keanggotaan:
1. Data pribadi anggota
2. Data akademik anggota
3. Data oarang tua anggota
86
86
Lampiran 7 Keterangan Basis Data pada DFD Level 1
Isi basis data cdaipb:
1. Tabel agenda
2. Tabel akademik
3. Tabel alumni
4. Tabel anggota
5. Tabel artikel
6. Tabel belum kerja
7. Tabel berita
8. Tabel bidang kerja
9. Tabel departemen
10. Tabel fakultas
11. Tabel galeri
12. Tabel header
13. Tabel instansi
14. Tabel jabatan
15. Tabel kategori berita
16. Tabel kategori lowongan
17. Tabel kagiatan
18. Tabel kerja instansi
19. Tabel kerja perusahaan
20. Tabel kerja wirausaha
21. Tabel konsultasi
22. Tabel kota
23. Tabel lanjut
24. Tabel link
25. Tabel lowongan
26. Tabel menu
27. Tabel orang tua
28. Tabel pegawai
29. Tabel pelayanan
30. Tabel perusahaan
31. Tabel polling
32. Tabel profil
33. Tabel provinsi
34. Tabel sponsor
35. Tabel tahun
36. Tabel user
87
87
Lampiran 8 Tebel Keanggotaan Sebelum Normalisasi
No
Nam
a
JK
Tem
pat /
Tan
ggal L
ahir
Statu
s
Agam
a
Ken
daraan
SIM
Alam
at
Kota
Kode P
os
Pro
vin
si
Telp
HP
Em
ail
Tin
gkat
Pen
did
ikan
Asal P
erguru
an
Fak
ultas
Dep
artemen
Judul T
A
/Skrip
si
/Tesis/D
isertasi
Pem
bim
bin
g
Tan
ggal L
ulu
s
Alam
at Oran
g
Tua
Kota
Kode P
os
Telp
HP
Lampiran 9 Tabel-Tabel Keanggotaan pada Normalisasi Pertama (1NF)
Tabel Anggota
Id
anggota Nama JK
Tempat /
Tanggal
Lahir
Status Agama Kendaraan SIM Alamat Kota Kode
Pos Provinsi Telp HP Email
Tabel Akademik
Id
akademik
Tingkat
Pendidikan
Asal
Perguruan Fakultas Departemen
Judul TA /Skripsi
/Tesis/Disertasi Pembimbing
Tanggal
Lulus
Id
Anggota
88
88
Tabel Orang Tua
Id Orang Tua Nama Ayah Nama Ibu Alamat
Orang Tua Kota Kode Pos Telp HP
Id
Anggota
Lampiran 10 Tabel-Tabel Keanggotaan Setelah Normalisasi Kedua (2NF)
Tabel Anggota
Id
anggota Nama JK
Tempat
Lahir
Tanggal
Lahir Status Agama Kendaraan SIM Alamat Id Kota
Kode
Pos Telp HP Email
Tabel Akademik
Id
akademik
Tingkat
Pendidikan
Asal
Perguruan
Id
Departemen
Judul TA /Skripsi
/Tesis/Disertasi Pembimbing Tanggal Lulus Id Anggota
89
89
Tabel Orang Tua
Id Orang Tua Nama Ayah Nama Ibu Alamat
Orang Tua Id Kota Kode Pos Telp HP
Id
Anggota
Tabel Kota
Id Kota Nama Kota Nama Provinsi
Tabel Departemen
Id Departemen Nama Departemen Nama Fakultas
Lampiran 11 Tabel-Tabel Keanggotaan Setelah Normalisasi Ketiga (3NF)
Tabel Kota
Id Kota Nama Kota Id Provinsi
90
90
Tabel Provinsi
Id Provinsi Nama Provinsi
Tabel Departemen
Id Departemen Nama Departemen Id Fakultas
Tabel Fakultas
Id Fakultas Nama Fakultas
91
91
Lampiran 12 Perancangan Navigasi
Profil
Sejarah
Tugas
Fungsi
Staf
Hubungi
Pelayanan
Tenaga Kerja
Pembekalan
Konsultasi
Karir
Kewirausahaan
Keanggotaan
Galeri Berita Lowongan Agenda Anggota Alumni Program RubrikHome
Recruitment
Seminar
Pelatihan
Keanggotaan
Mitra
Perusahaan
Login PPKM
Job Fair
Artikel
Konsultasi
Karir
Formulir
Keanggotaan
Formulir
Alumni
Formulir
Perusahaan
Mitra
Polling
Pencarian
Link
Pencarian
Lihat Data
Anda
Update Data
Anda
Lihat Data
Alumni Lain
Logout
Website PKHA IPB
92
Lampiran 13 Perancangan Tambah User pada Halaman Admin
Tambah User
Nama Lengkap
Password
Alamat
Simpan Batal
Lampiran 14 Perancangan Tambah Agenda pada Halaman Admin
Tambah Agenda
Isi Agenda
Tempat
Tanggal Mulai
Simpan Batal
V V
V
V
VTanggal Selesai
V
Lampiran 15 Perancangan Tambah Artikel pada Halaman Admin
Tambah Artikel
Isi Artikel
Judul Artikel
Simpan Batal
Oleh
Lampiran 16 Perancangan Tambah Berita pada Halaman Admin
Tambah Berita
Kategori
Judul
Simpan Batal
Gambar
Isi Berita
V
Browse
93
Lampiran 17 Perancangan Tambah Departemen pada Halaman Admin
Tambah Departemen
Nama Departemen
Nama Fakultas
Simpan Batal
V
Lampiran 18 Perancangan Tambah Fakultas pada Halaman Admin
Tambah Fakultas
Nama Fakultas
Simpan Batal
Lampiran 19 Perancangan Tambah Galeri pada Halaman Admin
Tambah Galeri
Nama Foto
Nama Kegiatan
Simpan Batal
Lokasi Kegiatan
BrowseFoto
Lampiran 20 Perancangan Modifikasi Header pada Halaman Admin
Header
Header Hal User
Simpan Batal
Browse
Header Hal Admin
Browse
Header Hal Anggota
dan Alumni
BrowseGanti Header
Simpan Batal
Simpan Batal
Ganti Header
Ganti Header
94
Lampiran 21 Perancangan Tambah Iklan Lowongan pada Halaman Admin
Tambah Iklan Lowongan
Deskripsi
Nama Perusahaan
Tanggal Mulai
Simpan Batal
V
V
V
V
V
Kontak Person
No Telp / Fax
Header
Posisi
Persyaratan
Tanggal Selesai
V
V
Jenis Lowongan V
Lampiran 22 Perancangan Tambah Instansi Pemerintah pada Halaman Admin
Tambah Instansi
Nama Instansi
Simpan Batal
Lampiran 23 Perancangan Tambah Konsultasi pada Halaman Admin
Modifikasi Konsultasi
Nama
Simpan Batal
Isi Pesan
Tampilkan Ya Tidak
Lampiran 24 Perancangan Tambah Link Website pada Halaman Admin
Tambah Link
Nama Link Website
Link
Simpan Batal
Http://
Keterangan
95
Lampiran 25 Perancangan Tambah Kota pada Halaman Admin
Tambah Kota
Nama Kota
Nama Provinsi
Simpan Batal
V
Lampiran 26 Perancangan Modifikasi Menu pada Halaman Admin
Edit Menu
Nama Menu
Simpan Batal
Link
Lampiran 27 Perancangan Tambah Pelatihan dan Seminar pada Halaman Admin
Tambah Pelatihan dan Seminar
Instruktur
Nama Kegiatam
Tanggal Pelaksanaan
Simpan Batal
V V
Jenis Kegiatan
Materi
V
V
Hari Kegiatan
Jam
HTM
Lampiran 28 Perancangan Modifikasi Pelayanan pada Halaman Admin
Edit Pelayanan
Konsultasi Karir
Informasi Lowongan
Simpan Batal
Pelatihan dan
Pembekalan
Kewirausahaan
Keanggotaan
96
Lampiran 29 Perancangan Tambah Perusahaan pada Halaman Admin
Tambah Perusahaan
Nama Perusahaan
Simpan Batal
Logo Perusahaan Browse
Alamat
Telp
Fax
Pilihan V
Lampiran 30 Perancangan Tambah Polling pada Halaman Admin
Modifikasi Pertanyaan Polling
Pertanyaan
Simpan Batal
Lampiran 31 Perancangan Modifikasi Profil pada Halaman Admin
Edit Profil
Fungsi
Sejarah
Simpan Batal
Tugas
Persyaratan
Keanggotaan
Lampiran 32 Perancangan Tambah Provinsi pada Halaman Admin
Tambah Provinsi
Nama Provinsi
Simpan Batal
97
Lampiran 33 Perancangan Tambah Sponsor pada Halaman Admin
Tambah Sponsor
Nama Sponsor
Simpan Batal
Link Http://
Tampilkan Ya Tidak
Gambar Browse
Lampiran 34 Perancangan Tambah Staf DPKHA pada Halaman Admin
Tambah Data Pegawai
Nama
Simpan Batal
Gambar Browse
NIP
Alamat
Jabatan
No Handphone
No Telp Rumah
No Telp Kantor
Lampiran 35 Perancangan Tambah Tahun Akademik pada Halaman Admin
Tambah Tahun Akademik
Tahun
Simpan Batal
Angkatan
98
Lampiran 36 Perancangan Masukan Data Pribadi Anggota
Formulir Keanggotaan
Nama Lengkap
Reset Lanjut
Tempat Lahir
Alamat (Bogor)
Alamat (Asal)
Provinsi
Agama V
Persyaratan
Jenis Kelamin L P
Tanggal Mulai V V V
Status Nikah V
Kendaraan V
SIM V
Kota
V
V
Kode Pos
No Telp
No HP
DATA PRIBADI
Lampiran 37 Perancangan Masukan Data Akademik Anggota
Formulir Keanggotaan
Nama Lengkap
Reset Lanjut
Tempat Lahir
Fakultas
Universitas IPB Non IPB
Tanggal Mulai V V V
Departemen
V
V
Judul TA/Skripsi/
Tesis/Disertasi
DATA AKADEMIK
Pendidikan Terakhir V
Dosen Pembimbing
IPK V
99
Lampiran 38 Perancangan Masukan Data Orang Tua Anggota
Formulir Keanggotaan
Nama Lengkap
Reset Simpan
Alamat Orang Tua
Provinsi V
V
DATA ORANG TUA
Nama Ayah
Nama Ibu
Kota/Kabupaten
No HP
Kode Pos
No Telp
Lampiran 39 Perancangan Masukan Data Pribadi Alumni
Formulir Tracer Study
Nama Lengkap
Reset Lanjut
Alamat (Bogor)
Fakultas V
Status Nikah V
Departemen V
IPK V
Kode Pos
No Telp
No HP
DATA PRIBADI
Tahun Masuk V
Angkatan V
Tahun Lulus V
Password
Status Kerja V
LSMSektor Kerja Instansi Perusahaan Wirausaha
100
Lampiran 40 Perancangan Masukan Data Melanjutkan
Formulir Tracer Study
Nama Alumni
Simpan
DATA ALUMNI MELANJUTKAN
Jenjang Pendidikan V
Perguruan tinggi pilihan V
Nama perguruan tinggi
Tahun Masuk V
Lokasi perguruan tinggi
Bidang Ilmu
Sumber Biaya
Lampiran 41 Perancangan Masukan Data Belum Kerja
Formulir Tracer Study
Nama Alumni
Simpan
DATA ALUMNI BELUM BEKERJA
Jumlah lamar
Bidang lamar V
Lampiran 42 Perancangan Masukan Data Kerja Instansi
Formulir Tracer Study
Nama Alumni
Simpan
DATA ALUMNI KERJA DI INSTANSI
Nama Instansi V
Lama waktu tunggu
Bidang kerja pertama
Jabatansekarang
Alasan kerja
Jabatan pertama
Gaji pertama
V
V
V
V
Ya TidakBekal Cukup? Tidak Tahu
Hambatan berkembang
Jika tidak, bekal kurang?
Hambatan kerja
Gaji sekarang
101
Lampiran 43 Perancangan Masukan Data Kerja Perusahaan
Formulir Tracer Study
Nama Alumni
Simpan
DATA ALUMNI KERJA DI PERUSAHAAN
Tempat kerja pertama V
Nama perusahaan
Lama tunggu
Gaji pertama
Bidang kerja pertama
Alasan kerja
Jabatan kerja pertama
V
V
Ya TidakPernah pindah?
Lama kerja baru
Alasan pindah
Bidang kerja baru
Gaji sekarang
V
Ya TidakBekal cukup?
Hambatan berkembang
Jika tidak, bekal kurang?
Hambatan kerja V
Lampiran 44 Perancangan Masukan Data Kerja Wirausaha
Formulir Tracer Study
Nama Alumni
Simpan
DATA ALUMNI KERJA WIRAUSAHA
Bidang usaha
Nama perusahaan/usaha
Tahun berdiri
Modal usaha V
Ya TidakBekal cukup?
Hambatan berkembang
Jika tidak, bekal kurang?
Hambatan kerja V
V
102
Lampiran 45 Flowchart Perancangan Proses Login Admin
Login
Username dan
Password valid?
Mulai
Masukkan
username dan
password
Tampilan menu
utama
Selesai
Ya
Tidak
Lampiran 46 Flowchart Perancangan Proses Login Alumni
Login
Email dan
Password valid?
Mulai
Masukkan email dan
password
Tampilan menu
utama
Selesai
Ya
Tidak
103
Lampiran 47 Flowchart Perancangan Proses Input Konsultasi Karir
Konfirmasi Sukses
Isi Konsultasi
Lengkap?
Mulai
Masukkan
konsultasi Karir
Selesai
Ya
Tidak
Lampiran 48 Flowchart Perancangan Proses Input Data Perusahaan
Tempilan form
sukses mengisi
formulir
Data Lengkap?
Mulai
Masukkan Data
Perusahaan
Ya
Tidak
Selesai
Cetak Bukti
Pendaftaran
104
Lampiran 49 Flowchart Perancangan Proses Input Data Anggota
Tempilan form
sukses mengisi
formulir
Data Lengkap?
Mulai
Masukkan Data
Anggota
Ya
Tidak
Selesai
Cetak Bukti
Pendaftaran
Lampiran 50 Flowchart Perancangan Proses Input Data Alumni
Tempilan form
sukses mengisi
formulir
Data Lengkap?
Mulai
Masukkan Data
Alumni
Ya
Tidak
Selesai
105
Lampiran 51 Flowchart Perancangan Proses Update Data Alumni
Mulai
Masukkan data baru
Simpan Data
Selesai
Memilih data
Alumni yang akan
diubah
Data Lengkap?
Ya
Tidak
Lampiran 52 Flowchart Perancangan Proses Tambah Data Website
Tempilan form
sukses mengisi
formulir
Data Lengkap?
Mulai
Masukkan Data
Website
Ya
Tidak
Selesai
106
Lampiran 53 Flowchart Perancangan Proses Update Data Website
Mulai
Masukkan data baru
Simpan Data
Selesai
Memilih data
Website yang
akan diubah
Data Lengkap?
Ya
Tidak
Lampiran 54 Flowchart Perancangan Proses Hapus Data Website
Mulai
Hapus Data
Selesai
Memilih data
Website yang
akan dihapus
Yakin akan
menghapus?
Ya
Tidak
107
Lampiran 55 Perancangan Keluaran Halaman User
USER
Tambah User
No. Nama Lengkap Alamat aksi
Lampiran 56 Perancangan Keluaran Halaman Agenda
AGENDA
Tambah Agenda
No. Kegiatan Tgl Mulai aksiTgl Selesai
Lampiran 57 Perancangan Keluaran Halaman Artikel
ARTIKEL
Tambah Artikel
No. Judul Artikel Tgl Posting aksiOleh
108
Lampiran 58 Perancangan Keluaran Halaman Berita
BERITA
Tambah Berita
No. Judul Berita Tgl Posting aksiKategori
Lampiran 59 Perancangan Keluaran Halaman Departemen
DEPARTEMEN
Tambah Departemen
No. Departemen Fakultas aksi
Lampiran 60 Perancangan Keluaran Halaman Fakultas
FAKULTAS
Tambah Fakultas
No. Nama Fakultas aksi
109
Lampiran 61 Perancangan Keluaran Halaman Galeri
GALERI
Tambah Galeri
No. Nama Fakultas aksi
Cari
Lampiran 62 Perancangan Keluaran Halaman Lowongan
LOWONGAN
Tambah Lowongan
No.Nama
PerusahaanTgl Posting aksiTgl Mulai Tgl Tutup
Lampiran 63 Perancangan Keluaran Halaman Instansi Pemerintah
INSTANSI/DEPARTEMEN PEMERINTAH
Tambah Instansi
No. Nama Instansi aksi
110
Lampiran 64 Perancangan Keluaran Halaman Konsultasi Karir
KONSULTASI KARIR
Belum diposting
No.Nama
PenanyaaksiEmail Isi Konsultasi
Sudah diposting
No.Nama
PenanyaaksiEmail Isi Konsultasi Jawaban
Lampiran 65 Perancangan Keluaran Halaman Link Website
LINK WEBSITE
Tambah Link
No.Nama Link
WebsiteaksiLink Keterangan
Lampiran 66 Perancangan Keluaran Halaman Kota
KOTA
Tambah Kota
No. Nama Kota aksiNama Provinsi
111
Lampiran 67 Perancangan Keluaran Halaman Menajemen Menu
MANAJEMEN MENU
No. Nama Menu aksilink
Lampiran 68 Perancangan Keluaran Halaman Pelatihan dan Seminar
PELATIHAN DAN SEMINAR
No.Nama
KegiatanaksiTempat
Tambah Pelatihan dan Seminar
Jenis
KegiatanWaktu Jam
Lampiran 69 Perancangan Keluaran Halaman Perusahaan
PERUSAHAAN
No.Nama
KegiatanaksiTempat
Urutkan Berdasarkan
Jenis
KegiatanWaktu Jam
Urutkan Berdasarkan V Urutkan
Tambah Perusahaan
112
Lampiran 70 Perancangan Keluaran Halaman Polling
PERTANYAAN
No. Pernytaan aksi
Tambahkan 1 Pernyataan
Jumlah
V
Simpan
Lampiran 71 Perancangan Keluaran Halaman Provinsi
PROVINSI
Tambah Provinsi
No. Nama Provinsi aksi
Lampiran 72 Perancangan Keluaran Halaman Sponsor
SPONSOR
Tambah Sponsor
No. Nama Sponsor aksiLink Gambar Tampilkan
113
Lampiran 73 Perancangan Keluaran Halaman Staf DPKHA
STAF DPKHA
Tambah Staf
Image
Nama
Jabatan
NIP
Alamat
Jabatan
HP
Tlp. Rumah
Tlp. Kantor
:
:
:
:
:
:
:
:
Lampiran 74 Perancangan Keluaran Halaman Tahun Akademik
TAHUN AKADEMIK
Tambah Tahun
No. Tahun aksiAngkatan
114
Lampiran 75 Relasi Tabel untuk Website PKHA
Lampiran 76 Relasi Tabel untuk Kealumnian
115
Lampiran 77 Relasi Tabel untuk Keanggotaan
Lampiran 78 Halaman Tambah Admin Baru pada Halaman Admin
Lampiran 79 Halaman Tambah Agenda pada Halaman Admin
Lampiran 80 Halaman Tambah Artikel pada Halaman Admin
116
Lampiran 81 Halaman Tambah Berita pada Halaman Admin
Lampiran 82 Halaman Tambah Departemen pada Halaman Admin
Lampiran 83 Halaman Tambah Fakultas Pada Halaman Admin
Lampiran 84 Halaman Tambah Galeri pada Halaman Admin
117
Lampiran 85 Halaman Header pada Halaman Admin
Lampiran 86 Halaman Tambah Iklan Lowongan pada Halaman Admin
118
Lampiran 87 Halaman Tambah Instansi Pemerintah pada Halaman Admin
Lampiran 88 Halaman Balas Konsultasi Karir pada Halaman Admin
Lampiran 89 Halaman Tambah Link Website pada Halaman Admin
Lampiran 90 Halaman Tambah Kota pada Halaman Admin
Lampiran 91 Halaman Ubah Nama Menu pada Halaman Admin
119
Lampiran 92 Halaman Tambah Pelatihan dan Seminar pada Halaman Admin
Lampiran 93 Halaman Isi Pelayanan DPKHA pada Halaman Admin
120
Lampiran 94 Halaman Tambah Perusahaan pada Halaman Admin
Lampiran 95 Halaman Ubah Perntanyaan Polling pada Halaman Admin
Lampiran 96 Halaman profil DPKHA pada Halaman Admin
121
Lampiran 97 Halaman Tambah Provinsi pada Halaman Admin
Lampiran 98 Halaman Tambah Sponsor pada Halaman Admin
Lampiran 99 Halaman Tambah Pegawai atau Staf DPKHA pada Halaman Admin
Lampiran 100 Halaman Tambah Akademik pada Halaman Admin
122
Lampiran 101 Halaman Tambah Data Pribadi Anggota
Lampiran 102 Halaman Tambah Data Akademik Anggota
123
Lampiran 103 Halaman Tambah Data Orang Tua Anggota
Lampiran 104 Halaman Tambah Data Pribadi Alumni
Lampiran 105 Halaman Tambah Data Alumni Melajutkan Pendidikan
124
Lampiran 106 Halaman Tambah Data Alumni Belum Bekerja
Lampiran 107 Halaman Tambah Data Alumni Bekerja di Instansi Pemerintah
Lampiran 108 Halaman Tambah Data Alumni Bekerja di Perusahaan
125
Lampiran 109 Halaman Tambah Data Alumni Berwirausaha
Lampiran 110 Halaman Keluaran User
Lampiran 111 Halaman Keluaran Agenda
Lampiran 112 Halaman Keluaran Artikel
126
Lampiran 113 Halaman Keluaran Berita
Lampiran 114 Halaman Keluaran Departemen
Lampiran 115 Halaman Keluaran Fakultas
127
Lampiran 116 Halaman Keluaran Galeri
Lampiran 117 Halaman Keluaran Lowongan
Lampiran 118 Halaman Keluaran Instansi Pemerintah
128
Lampiran 119 Halaman Keluaran Konsultasi Karir
Lampiran 120 Halaman Keluaran Link Website
Lampiran 121 Halaman Keluaran Kota
Lampiran 122 Halaman Keluaran Menejemen Menu
129
Lampiran 123 Halaman Keluaran Pelatihan dan Seminar
Lampiran 124 Halaman Keluaran Perusahaan
Lampiran 125 Halaman Keluaran Polling
130
Lampiran 126 Halaman Keluaran Provinsi
Lampiran 127 Halaman Keluaran Sponsor
Lampiran 128 Halaman Keluaran Staf
Lampiran 129 Halaman Keluaran Tahun Akademik
131
Lampiran 130 Message Box untuk Textbox Username Kosong pada Login Admin
Lampiran 131 Message Box untuk Textbox Password Kosong pada Login Admin
Lampiran 132 Message Box untuk Username dan Password pada Login Admin
Lampiran 133 Message Box untuk Textbox Kosong pada Login Admin
Lampiran 134 Pou-up Menu jika Email Tidak Sesuai Format
132
Lampiran 135 Halaman Utama Kealumnian
Lampiran 136 Message Box untuk Textbox Nama Kosong
Lampiran 137 Message Box untuk Textbox Password Kosong
Lampiran 138 Message Box pada Tambah Data Admin Berhasil
133
Lampiran 139 Message Box untuk Data Admin Lebih dari Lima (5)
Lampiran 140 Message Box untuk Konfirmasi pada Hapus Data Admin
Lampiran 141 Message Box pada Hapus Data Admin Berhasil
Lampiran 142 Message Box pada Ubah Data Admin Berhasil