Final Report

150

Click here to load reader

Transcript of Final Report

Page 1: 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

Page 2: Final Report

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

Page 3: Final Report

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:

Page 4: Final Report

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).

Page 5: Final Report

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

Page 6: Final Report

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

Page 7: Final Report

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

Page 8: Final Report

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

Page 9: Final Report

viii

5.2 Saran ........................................................................................................ 78

DAFTAR PUSTAKA ........................................................................................... 79

LAMPIRAN ......................................................................................................... 81

Page 10: Final Report

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

Page 11: Final Report

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

Page 12: Final Report

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

Page 13: Final Report

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

Page 14: Final Report

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

Page 15: Final Report

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

Page 16: Final Report

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

Page 17: Final Report

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

Page 18: Final Report

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.

Page 19: Final Report

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.

Page 20: Final Report

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.

Page 21: Final Report

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.

Page 22: Final Report

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,

Page 23: Final Report

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

Page 24: Final Report

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.

Page 25: Final Report

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.

Page 26: Final Report

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).

Page 27: Final Report

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

Page 28: Final Report

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.

Page 29: Final Report

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).

Page 30: Final Report

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).

Page 31: Final Report

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

Page 32: Final Report

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.

Page 33: Final Report

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

Page 34: Final Report

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)

Page 35: Final Report

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

Page 36: Final Report

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.

Page 37: Final Report

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

Page 38: Final Report

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)

Page 39: Final Report

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

Page 40: Final Report

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

Page 41: Final Report

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.

Page 42: Final Report

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.

Page 43: Final Report

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.

Page 44: Final Report

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.

Page 45: Final Report

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.

Page 46: Final Report

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.

Page 47: Final Report

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

email

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.

Page 48: Final Report

31

Alumni

Id_alumni

nama_alumni

email

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.

Page 49: Final Report

32

Anggota

Id_anggota

nama_anggota

email

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”.

Page 50: Final Report

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

Page 51: Final Report

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

Page 52: Final Report

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

Page 53: Final Report

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

Page 54: Final Report

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

Page 55: Final Report

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

Page 56: Final Report

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

Page 57: Final Report

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

Page 58: Final Report

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

Page 59: Final Report

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

Page 60: Final Report

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

Page 61: Final Report

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

Page 62: Final Report

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

Page 63: Final Report

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

Page 64: Final Report

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

Page 65: Final Report

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

Page 66: Final Report

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

Page 67: Final Report

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

Page 68: Final Report

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

Page 69: Final Report

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

Page 70: Final Report

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

Page 71: Final Report

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

Page 72: Final Report

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 -

Page 73: Final Report

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

Page 74: Final Report

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

Page 75: Final Report

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:

Page 76: Final Report

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

Page 77: Final Report

60

halnya halaman pengguna umum. Hasil implementasi antarmuka halaman utama

administrator website PKHA dapat dilihat pada Gambar 17.

Gambar 16 Implementasi Antarmuka Pengguna Umum.

Page 78: Final Report

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

Page 79: Final Report

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

Page 80: Final Report

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

Page 81: Final Report

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.

Page 82: Final Report

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

Page 83: Final Report

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.

Page 84: Final Report

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>";

}

Page 85: Final Report

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]'");

}

Page 86: Final Report

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 >>"; }

Page 87: Final Report

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

Page 88: Final Report

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

Page 89: Final Report

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

Page 90: Final Report

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

Page 91: Final Report

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:

[email protected]

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

Page 92: Final Report

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.

Page 93: Final Report

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.

Page 94: Final Report

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.

Page 95: Final Report

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.

Page 96: Final Report

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.

Page 97: Final Report

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.

Page 98: Final Report

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

Page 99: Final Report

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

Page 100: Final Report

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

Page 101: Final Report

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

Page 102: Final Report

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

Page 103: Final Report

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

Page 104: Final Report

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

Page 105: Final Report

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

Page 106: Final Report

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

Page 107: Final Report

90

90

Tabel Provinsi

Id Provinsi Nama Provinsi

Tabel Departemen

Id Departemen Nama Departemen Id Fakultas

Tabel Fakultas

Id Fakultas Nama Fakultas

Page 108: Final Report

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

Page 109: Final Report

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

Page 110: Final Report

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

Page 111: Final Report

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

Email

Isi Pesan

Tampilkan Ya Tidak

Lampiran 24 Perancangan Tambah Link Website pada Halaman Admin

Tambah Link

Nama Link Website

Link

Simpan Batal

Http://

Keterangan

Page 112: Final Report

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

Page 113: Final Report

96

Lampiran 29 Perancangan Tambah Perusahaan pada Halaman Admin

Tambah Perusahaan

Nama Perusahaan

Simpan Batal

Logo Perusahaan Browse

Alamat

Telp

Fax

Email

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

Page 114: Final Report

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

Email

Lampiran 35 Perancangan Tambah Tahun Akademik pada Halaman Admin

Tambah Tahun Akademik

Tahun

Simpan Batal

Angkatan

Page 115: Final Report

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

Email

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

Page 116: Final Report

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

Email

DATA PRIBADI

Tahun Masuk V

Angkatan V

Tahun Lulus V

Password

Status Kerja V

LSMSektor Kerja Instansi Perusahaan Wirausaha

Page 117: Final Report

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

Page 118: Final Report

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

Page 119: Final Report

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

Page 120: Final Report

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

Page 121: Final Report

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

Page 122: Final Report

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

Page 123: Final Report

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

Page 124: Final Report

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

Page 125: Final Report

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

Page 126: Final Report

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

Page 127: Final Report

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

Page 128: Final Report

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

Page 129: Final Report

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

Page 130: Final Report

113

Lampiran 73 Perancangan Keluaran Halaman Staf DPKHA

STAF DPKHA

Tambah Staf

Image

Nama

Jabatan

NIP

Alamat

Jabatan

HP

Tlp. Rumah

Tlp. Kantor

Email

:

:

:

:

:

:

:

:

Lampiran 74 Perancangan Keluaran Halaman Tahun Akademik

TAHUN AKADEMIK

Tambah Tahun

No. Tahun aksiAngkatan

Page 131: Final Report

114

Lampiran 75 Relasi Tabel untuk Website PKHA

Lampiran 76 Relasi Tabel untuk Kealumnian

Page 132: Final Report

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

Page 133: Final Report

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

Page 134: Final Report

117

Lampiran 85 Halaman Header pada Halaman Admin

Lampiran 86 Halaman Tambah Iklan Lowongan pada Halaman Admin

Page 135: Final Report

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

Page 136: Final Report

119

Lampiran 92 Halaman Tambah Pelatihan dan Seminar pada Halaman Admin

Lampiran 93 Halaman Isi Pelayanan DPKHA pada Halaman Admin

Page 137: Final Report

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

Page 138: Final Report

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

Page 139: Final Report

122

Lampiran 101 Halaman Tambah Data Pribadi Anggota

Lampiran 102 Halaman Tambah Data Akademik Anggota

Page 140: Final Report

123

Lampiran 103 Halaman Tambah Data Orang Tua Anggota

Lampiran 104 Halaman Tambah Data Pribadi Alumni

Lampiran 105 Halaman Tambah Data Alumni Melajutkan Pendidikan

Page 141: Final Report

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

Page 142: Final Report

125

Lampiran 109 Halaman Tambah Data Alumni Berwirausaha

Lampiran 110 Halaman Keluaran User

Lampiran 111 Halaman Keluaran Agenda

Lampiran 112 Halaman Keluaran Artikel

Page 143: Final Report

126

Lampiran 113 Halaman Keluaran Berita

Lampiran 114 Halaman Keluaran Departemen

Lampiran 115 Halaman Keluaran Fakultas

Page 144: Final Report

127

Lampiran 116 Halaman Keluaran Galeri

Lampiran 117 Halaman Keluaran Lowongan

Lampiran 118 Halaman Keluaran Instansi Pemerintah

Page 145: Final Report

128

Lampiran 119 Halaman Keluaran Konsultasi Karir

Lampiran 120 Halaman Keluaran Link Website

Lampiran 121 Halaman Keluaran Kota

Lampiran 122 Halaman Keluaran Menejemen Menu

Page 146: Final Report

129

Lampiran 123 Halaman Keluaran Pelatihan dan Seminar

Lampiran 124 Halaman Keluaran Perusahaan

Lampiran 125 Halaman Keluaran Polling

Page 147: Final Report

130

Lampiran 126 Halaman Keluaran Provinsi

Lampiran 127 Halaman Keluaran Sponsor

Lampiran 128 Halaman Keluaran Staf

Lampiran 129 Halaman Keluaran Tahun Akademik

Page 148: Final Report

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

Page 149: Final Report

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

Page 150: Final Report

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