BAB III PEMBAHASAN
3.2. Perancangan Produk
3.2.3. Antarmuka
3.2.3.1. Perancangan Antarmuka Situs Admin
3.2.3.1.1. Perancangan Antarmuka Autentifikasi Admin
T01
Klik Login menuju T02 ji ka kondisi t rue dan ji ka salah menuju ke T01.
Form : T01
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put ih, Kuning, Abu-abu, Hijau Logo
PT KAI
SITUS ADM IN
LOWONGAN KERJA
Usernam e
Passw ord
Login
3.2.3.1.2. Perancangan Antarmuka Halaman Utama
T02
Klik Beranda m enuju T02 Klik M anajem en Sit us menuju T03
Klik M anajem en Pelamar menuju T04
Klik Set t ing Akun m enuju T05
Klik Logout menuj u T01 Klik Logo PT KAI menuju T02
Form : T02
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put ih, Kuning, Abu-abu, Hijau
Beranda _________________________ _________________________ ____________ _________________________ _________________________ __________________ _________________________ _________________________ __________ _________________________ _________________________ ______________ Logo PT KAI
PT Kereta Api Indonesia
Sist em Informasi Low ongan Kerja – Sit us Admin
Beranda M . Sit us M . Pelam ar Sett ing Logout
Info Admin
Usernam e : Emai l :
Fot o Admin
Sett ing akun
© 2009 Sit us Adm in Info Low ongan Kerja PT Kereta Api Indonesia
3.2.3.1.3. Perancangan Antarmuka Halaman Pengolahan Informasi
T03
Kli k Beranda m enuju T02 Kli k M anajem en Sit us menuj u T03
Kli k M anajem en Pelamar menuj u T04
Kli k Sett ing Akun m enuju T05
Kli k Logout menuju T01 Kli k Logo PT KAI menuju T02
Kli k Edit Informasi Low ongan kerja menuju T04
Kli k Edit Cara Pendaft aran menuj u T05
Kli k Edit Berkas
Pendaftaran menuju T06
Form : T03
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put i h, Kuning, Abu-abu, Hijau
M anajem en Sit us
_________________________ _________________________ __________
No Halam an Act ion 1 Inform asi Lowongan Kerja Edit 2 Cara Pendaft aran Edit 3 Berkas Pendaft aran Edit Logo
PT KAI
PT Kereta Api Indonesia
Sist em Informasi Low ongan Kerja – Sit us Admin
Beranda M . Sit us M . Pelam ar Sett ing Logout
Info Admin
Usernam e : Email :
Fot o Admin
Sett ing akun
© 2009 Sit us Adm in Info Low ongan Kerja PT Keret a Api Indonesia
3.2.3.1.4. Perancangan Antarmuka Halaman Update Informasi Lowongan Kerja
T04
Klik Beranda m enuju T02 Klik M anajem en Sit us menuju T03
Klik M anajem en Pelamar menuju T04
Klik Set t ing Akun m enuju T05
Klik Logout menuj u T01 Klik Logo PT KAI menuju T02
Klik Updat e menuju T02
Form : T04
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put ih, Kuning, Abu-abu, Hijau M anaj em en Sit us – Informasi
Low ongan Kerja
_________________________ _________
Logo PT KAI
PT Kereta Api Indonesia
Sist em Informasi Low ongan Kerja – Sit us Admin
Beranda M . Sit us M . Pelam ar Sett ing Logout
Info Admin
Usernam e : Emai l :
Fot o Admin
Sett ing akun
© 2009 Sit us Adm in Info Low ongan Kerja PT Kereta Api Indonesia
Text Editor
Updat e
3.2.3.1.5. Perancangan Antarmuka Halaman Update Informasi Cara Pendaftaran
T05
Kli k Beranda m enuju T02 Kli k M anajem en Sit us menuj u T03
Kli k M anajem en Pelamar menuj u T04
Kli k Sett ing Akun m enuju T05
Kli k Logout menuju T01 Kli k Logo PT KAI menuju T02
Kli k Updat e menuj u T02
Form : T05
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put i h, Kuning, Abu-abu, Hijau M anajem en Sit us – Cara Pendaft aran
_________________________ _____________
Logo PT KAI
PT Kereta Api Indonesia
Sist em Informasi Low ongan Kerja – Sit us Admin
Beranda M . Sit us M . Pelam ar Sett ing Logout
Info Admin
Usernam e : Email :
Fot o Admin
Sett ing akun
© 2009 Sit us Adm in Info Low ongan Kerja PT Keret a Api Indonesia
Text Editor
Updat e
3.2.3.1.6. Perancangan Antarmuka Halaman Update Informasi Berkas Pendaftaran
T06
Kli k Beranda m enuju T02 Kli k M anajem en Sit us menuj u T03
Kli k M anajem en Pelamar menuj u T04
Kli k Sett ing Akun m enuju T05
Kli k Logout menuju T01 Kli k Logo PT KAI menuju T02
Kli k Updat e menuj u T02
Form : T06
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put i h, Kuning, Abu-abu, Hijau M anajem en Sit us – Berkas
Pendaf taran _________________________ _____________ Logo PT KAI
PT Kereta Api Indonesia
Sist em Informasi Low ongan Kerja – Sit us Admin
Beranda M . Sit us M . Pelam ar Sett ing Logout
Info Admin
Usernam e : Email :
Fot o Admin
Sett ing akun
© 2009 Sit us Adm in Info Low ongan Kerja PT Keret a Api Indonesia
Text Editor
Updat e
3.2.3.1.7. Perancangan Antarmuka Halaman Pengolahan Data Pelamar
T07
Klik Beranda m enuju T02 Klik M anajem en Sit us menuju T03
Klik M anajem en Pelamar menuju T04
Klik Set t ing Akun m enuju T05
Klik Logout menuj u T01 Klik Logo PT KAI menuju T02
Klik Surat menuju T08 Klik Hapus menuju T09 Klik Info menuju T10
Form : T07
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put ih, Kuning, Abu-abu, Hijau
M anajem en Pelamar
_________________________ _________________________ __________
No Dat a Pelam ar Act ion 1 Dat a Pelam ar 1 Surat Hapus Info 2 Dat a Pelam ar 2 Surat Hapus Info 3 Dat a Pelam ar 3 Surat Hapus Info Logo
PT KAI
PT Kereta Api Indonesia
Sist em Informasi Low ongan Kerja – Sit us Admin
Beranda M . Sit us M . Pelam ar Sett ing Logout
Info Admin
Usernam e : Emai l :
Fot o Admin
Sett ing akun
© 2009 Sit us Adm in Info Low ongan Kerja PT Kereta Api Indonesia
3.2.3.1.8. Perancangan Antarmuka Halaman Kirim Surat Balasan
T08
Kli k Beranda m enuju T02 Kli k M anajem en Sit us menuj u T03
Kli k M anajem en Pelamar menuj u T04
Kli k Sett ing Akun m enuju T05
Kli k Logout menuju T01 Kli k Logo PT KAI menuju T02
Kli k Kirim Surat Balasan menuj u T07
Kli k Batal menuju T07
Form : T08
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put i h, Kuning, Abu-abu, Hijau M anajem en Pelamar – Kirim Surat
Balasan Lamaran _________________________ ____________ Logo PT KAI
PT Kereta Api Indonesia
Sist em Informasi Low ongan Kerja – Sit us Admin
Beranda M . Sit us M . Pelam ar Sett ing Logout
Info Admin
Usernam e : Email :
Fot o Admin
Sett ing akun
© 2009 Sit us Adm in Info Low ongan Kerja PT Keret a Api Indonesia
Pencarian
Ekspor Dat a
Fot o Pelam ar
Inform asi dat a pelamar Inform asi dat a pelamar Inform asi dat a pelamar Inform asi dat a pelamar
Kirim Surat balasan Bat al
3.2.3.1.9. Perancangan Antarmuka Halaman Menghapus Data Pelamar
T09
Klik Beranda m enuju T02 Klik M anajem en Sit us menuju T03
Klik M anajem en Pelamar menuju T04
Klik Set t ing Akun m enuju T05
Klik Logout menuj u T01 Klik Logo PT KAI menuju T02
Klik Hapus menuju T07 Klik Batal menuj u T07
Form : T09
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put ih, Kuning, Abu-abu, Hijau M anaj em en Pelamar – M enghapus
Dat a Pelamar _________________________ ____________ Logo PT KAI
PT Kereta Api Indonesia
Sist em Informasi Low ongan Kerja – Sit us Admin
Beranda M . Sit us M . Pelam ar Sett ing Logout
Info Admin
Usernam e : Emai l :
Fot o Admin
Sett ing akun
© 2009 Sit us Adm in Info Low ongan Kerja PT Kereta Api Indonesia
Pencarian
Ekspor Dat a
Fot o Pelam ar
Inform asi dat a pelamar Inform asi dat a pelamar Inform asi dat a pelamar Inform asi dat a pelamar
Hapus Bat al
3.2.3.1.10. Perancangan Antarmuka Setting Akun Administrator
T10
Klik Beranda m enuju T02 Klik M anajem en Sit us menuju T03
Klik M anajem en Pelamar menuju T04
Klik Set t ing Akun m enuju T05
Klik Logout menuj u T01 Klik Logo PT KAI menuju T02
Klik Updat e menuju T10
Form : T10
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put ih, Kuning, Abu-abu, Hijau M anaj em en Pelamar – Data Profile
_________________________ ____________
User nam e : Email : Passw ord :
M anaj em en Pelamar – Data Passw ord
_________________________ ____________
Passw ord Lama : Passw ord Baru :
Tulis Ulang Passw ord Baru :
Logo PT KAI
PT Kereta Api Indonesia
Sist em Informasi Low ongan Kerja – Sit us Admin
Beranda M . Sit us M . Pelam ar Sett ing Logout
Info Admin
Usernam e : Emai l :
Fot o Admin
Sett ing akun
© 2009 Sit us Adm in Info Low ongan Kerja PT Kereta Api Indonesia
Pencarian
Ekspor Dat a
Updat e
Updat e
3.2.3.2. Perancangan Antarmuka Situs User
3.2.3.2.1. Perancangan Antarmuka Halaman Utama / Halaman Informasi Lowongan Kerja
T11
Klik Logo PT KAI menuju T11
Klik Informasi Low ongan Kerja menuj u T11 Klik Formulir Pendaf taran menuju T12
Klik Cara Pendaf taran menuju T13
Klik Berkas Pendaft aran menuju T14
Form : T11
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put ih, Kuning, Abu-abu, Hijau Info Low ongan Kerja
________________ ________________ ___________ ________________ ________________ ______ ________________ ________________ _________ ________________ ________________ _____ ________________ ________________ ________________ ____________ Logo PT KAI
PT. Kereta Api Indonesia
Sit us Resmi Info Low ongan Kerja
Info Loker
© 2009 Info Lowongan Ker ja PT Kereta Api Indonesia
Pendaft aran Cara Pendaftaran _________________ _________________ _________________ _________________ ___________ _________________ _________________ _________________ _________
Cara Daft ar Berkas Daft ar
St at ist ik Pelam ar
Grafik Statist ik
3.2.3.2.2. Perancangan Antarmuka Halaman Formulir Pendaftaran
T12
Klik Logo PT KAI menuju T11
Klik Informasi Low ongan Kerja menuj u T11 Klik Formulir Pendaf taran menuju T12
Klik Cara Pendaf taran menuju T13
Klik Berkas Pendaft aran menuju T14
Klik Kirim menuju T12
Form : T12
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put ih, Kuning, Abu-abu, Hijau Formulir Pendaftaran ________________ _________ Dat a Pribadi ________________ _________ Dat a Pendidikan ________________ _________ Fot o Diri ________________ _________ Secur it y Code ________________ _________ Logo PT KAI
PT. Kereta Api Indonesia
Sit us Resmi Info Low ongan Kerja
Info Loker
© 2009 Info Lowongan Ker ja PT Kereta Api Indonesia
Pendaft aran Cara Pendaftaran _________________ _________________ _________________ _________________ ___________ _________________ _________________ _________________ _________
Cara Daft ar Berkas Daft ar
St at ist ik Pelam ar
Grafik Statist ik
Kirim
3.2.3.2.3. Perancangan Antarmuka Halaman Cara Pendaftaran
T13
Klik Logo PT KAI menuju T11
Klik Informasi Low ongan Kerja menuj u T11 Klik Formulir Pendaf taran menuju T12
Klik Cara Pendaf taran menuju T13
Klik Berkas Pendaft aran menuju T14
Form : T13
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put ih, Kuning, Abu-abu, Hijau Info Low ongan Kerja
________________ ________________ ___________ ________________ ________________ ______ ________________ ________________ _________ ________________ ________________ _____ ________________ ________________ ________________ ____________ Logo PT KAI
PT. Kereta Api Indonesia
Sit us Resmi Info Low ongan Kerja
Info Loker
© 2009 Info Lowongan Ker ja PT Kereta Api Indonesia
Pendaft aran Cara Pendaftaran _________________ _________________ _________________ _________________ ___________ _________________ _________________ _________________ _________
Cara Daft ar Berkas Daft ar
St at ist ik Pelam ar
Grafik Statist ik
3.2.3.2.4. Perancangan Antarmuka Halaman Berkas Pendaftaran
T14
Klik Logo PT KAI menuju T11
Klik Informasi Low ongan Kerja menuj u T11 Klik Formulir Pendaf taran menuju T12
Klik Cara Pendaf taran menuju T13
Klik Berkas Pendaft aran menuju T14
Form : T14
Layar : Fullscreen
Font : Verdana, Tahoma, Helvet ica, Arial, Sans-Serif
Warna : Orange, Hitam, Biru, Put ih, Kuning, Abu-abu, Hijau Info Low ongan Kerja
________________ ________________ ___________ ________________ ________________ ______ ________________ ________________ _________ ________________ ________________ _____ ________________ ________________ ________________ ____________ Logo PT KAI
PT. Kereta Api Indonesia
Sit us Resmi Info Low ongan Kerja
Info Loker
© 2009 Info Lowongan Ker ja PT Kereta Api Indonesia
Pendaft aran
Berkas Pendaf taran
_________________ _________________ _________________ _________________ ___________ _________________ _________________ _________________ _________
Cara Daft ar Berkas Daft ar
St at ist ik Pelam ar
Grafik Statist ik