3.3.3 Perancangan Antarmuka
3.3.3.3 Design Dan Prototype
3.3.3.3.1 Tampilan Halaman Utama Pencarian Slot Kosong
Header Logo PT.PINDAD (PERSERO)
T-01
Tanggal Mulai Jurusan
Jumlah orang
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama Pencarian slot kosong
cari
UNIT
- daftar unit
[daftar hasil pencarian]
No Unit Jurusan Jenjang/tingkat kapasitas Jumlah peserta
Aktif Tunggu sisa aksi Register
Menu utama: - cari unit kosong menuju T-01
- buat surat referensi menuju T-02 - daftar peserta aktif menuju T-03 - daftar peserta selesai menuju T-04 - daftar peserta tunggu menuju T-05 - pencarian peserta menuju T-06
UNIT:
- [daftar unit] menuju T-07
- klik Cari menuju T-01 - klik register menuju T-01A
Copyright by Mahasiswa UNIKOM
Gambar 3.14 Halaman Utama Pencarian Slot Kosong
3.3.3.3.2 Tampilan Form Registrasi Booking Calon Peserta
Header Logo PT.PINDAD (PERSERO)
T-01A
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
- klik Reset menuju T-01A
- klik Back menuju T-01 - klik Next menuju T-01B
Copyright by Mahasiswa UNIKOM Atas Nama
No.Induk/NIRM
Jumlah Peserta Orang Sekolah/Universitas Kota Jurusan Tingkat/ Jenjang Bidang KP/Riset Nama Unit Pelaksanaan - Mulai - Selesai
Reset << Back Next >>
51
3.3.3.3.3 Tampilan Form Pratinjau Registrasi Booking Calon Peserta
Header Logo PT.PINDAD (PERSERO)
T-01B
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
- klik Next menuju T-01C
Copyright by Mahasiswa UNIKOM Atas Nama
No.Induk/NIRM
Jumlah Peserta Orang Sekolah/Universitas Kota Jurusan Tingkat/ Jenjang Bidang KP/Riset Unit Pelaksanaan - Mulai - Selesai Next >> [Pesan]
Gambar 3.16 Form Pratinjau Registrasi Booking Calon Peserta
3.3.3.3.4 Tampilan Form Registrasi Peserta
Header Logo PT.PINDAD (PERSERO)
T-01C
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
- klik Save untuk simpan data dan menuju T-01C - klik Back menuju T-01B - klik Reset menuju T-01C
- klik Delete menuju T-01C
- Selesai untuk menuju T-02A
Copyright by Mahasiswa UNIKOM Nama No.Induk/NIRM Tempat Lahir Tanggal Lahir Sekolah/Universitas Kota Jurusan Bidang KP/Riset Tingkat/ Jenjang Bidang KP/Riset Unit ID Tim Pelaksanaan - Mulai - Selesai Save Delete Data peserta yang telah disave
Back Reset
- Selesai
52
3.3.3.3.5 Tampilan Halaman Daftar Surat Referensi
[Header] Logo PT.PINDAD (PERSERO)
T-02
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
Pencarian
No Nama Jurusan Jenjang/tingkat Nama peserta
Pelaksanaan
Mulai Selesai status aksi
1 [Nama] [Jurusan] [Jenjang/tingkat] peserta][nama [mulai] [selesai] [status] Buat Surat - klik cari menuju T-02 - klik buat surat menuju ke T-02A
Copyright by Mahasiswa UNIKOM [footer] cari
Gambar 3.18 Halaman Daftar Surat Referensi
3.3.3.3.6 Tampilan Halaman Detil Pembuatan Surat Referensi
Header Logo PT.PINDAD (PERSERO)
T-02A
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
- klik surat penjajakan menuju S-01 - klik surat penjajakan menuju S-02 - klik surat penjajakan menuju S-03
Copyright by Mahasiswa UNIKOM Atas Nama
No.Induk/NIRM
Jumlah Peserta Orang Sekolah/Universitas Kota Jurusan Tingkat/ Jenjang Bidang KP/Riset Unit Pelaksanaan - Mulai - Selesai
| surat penjajakan | surat pengantar | surat pembuatan tanda pengenal |
53
3.3.3.3.7 Tampilan Surat Penjajakan Unit
Surat Penjajakan ke Unit yang dituju
S-01
54
3.3.3.3.8 Tampilan Surat Pengantar Unit
Surat Pengantar ke Unit yang dituju
S-02
55
3.3.3.3.9 Tampilan Surat Pengantar Tanda Pengenal
Surat Pengantar pembuatan tanda pengenal
S-03
56
3.3.3.3.10 Tampilan Halaman Daftar Peserta Aktif
[Header] Logo PT.PINDAD (PERSERO)
T-03
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
Pencarian
No Nama Jurusan Jenjang/tingkat Nama peserta
Pelaksanaan
Mulai Selesai status aksi
1 [Nama] [Jurusan] [Jenjang/tingkat] peserta][nama [mulai] [selesai] [status] Detil - klik Cari menuju T-03 - klik Detil surat menuju ke D-01
Copyright by Mahasiswa UNIKOM [footer] cari
Gambar 3.23 Halaman Daftar Peserta Aktif
3.3.3.3.11 Tampilan Halaman Daftar Peserta Selesai
[Header] Logo PT.PINDAD (PERSERO)
T-04
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
Pencarian
No Nama Jurusan Jenjang/tingkat Nama peserta
Pelaksanaan
Mulai Selesai status aksi 1 [Nama] [Jurusan] [Jenjang/tingkat] [nama
peserta] [mulai] [selesai] [status] Detil
- klik Cari menuju T-04 - klik Detil surat menuju ke D-01
Copyright by Mahasiswa UNIKOM [footer] cari
57
3.3.3.3.12 Tampilan Halaman Daftar Peserta Tunggu
[Header] Logo PT.PINDAD (PERSERO)
T-05
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
Pencarian
No Nama Jurusan Jenjang/tingkat Nama peserta
Pelaksanaan
Mulai Selesai status aksi
1 [Nama] [Jurusan] [Jenjang/tingkat] peserta][nama [mulai] [selesai] [status] Detil - klik Cari menuju T-05 - klik Detil surat menuju ke D-01
Copyright by Mahasiswa UNIKOM [footer] cari
Gambar 3.25 Halaman Daftar Peserta Tunggu
3.3.3.3.13 Tampilan Halaman Cari Peserta
[Header] Logo PT.PINDAD (PERSERO)
T-06
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
Pencarian
No Nama Jurusan Jenjang/tingkat Nama peserta
Pelaksanaan
Mulai Selesai status aksi 1 [Nama] [Jurusan] [Jenjang/tingkat] [nama
peserta] [mulai] [selesai] [status] Detil
- klik Cari menuju T-05 - klik Detil surat menuju ke D-01
Copyright by Mahasiswa UNIKOM [footer] cari
58
3.3.3.3.14 Tampilan Halaman Detil Data Peserta
Header Logo PT.PINDAD (PERSERO)
D-01
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
- klik Buat surat keterangan (sertifikat) menuju S-04 - klik back menuju ke halaman sebelumnya
Copyright by Mahasiswa UNIKOM Nama Tempat/Tanggal Lahir No.Induk/NIRM Sekolah/Universitas Kota Jurusan Tingkat/ Jenjang Bidang KP/Riset Unit Pelaksanaan - Mulai - Selesai
Buat surat keterangan (sertifikat)
Back
Gambar 3. 27 Halaman Detil Peserta
3.3.3.3.15 Tampilan Surat Keterangan/ Sertifikat
S-04 Surat keterangan (Sertifikat) [nama peserta] [tempat,tgl_lahir] [no.induk/NIRM] [sekolah/perguruan] [tgl_selesai] [tgl_mulai]
59
3.3.3.3.16 Tampilah Halaman Pengolahan Data Jurusan
Header Logo PT.PINDAD (PERSERO)
T-07
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
- klik tambah jurusan menuju T-07A - klik edit menuju T-07B - klik hapus menuju T-07 - klik detil menuju D-01
Copyright by Mahasiswa UNIKOM Tambah Jurusan [nama unit] detil Edit | delete Aksi Aksi
Gambar 3.29 Halaman Pengolahan Data Jurusan
3.3.3.3.17 Tampilan Halaman Pengolahan Data Tambah Jurusan
Header Logo PT.PINDAD (PERSERO)
T-07A
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
- klik Reset menuju T-07A
- klik Back menuju T-07 - klik Save menuju T-07 data baru
Copyright by Mahasiswa UNIKOM Nama Unit
Jurusan Tingkat Kapasitas
Form Tambah Jurusan
Reset Back Save
60
3.3.3.3.18 Tampilan Pengolahan Data Edit Jurusan
Header Logo PT.PINDAD (PERSERO)
T-07B
- Cari unit kosong - Buat surat referensi - Daftar peserta aktif - Daftar peserta selesai - Daftar peserta tunggu - Pencarian peserta
Menu Utama
UNIT
- daftar unit
- klik Back menuju T-07 - klik Update menuju T-07 data terbaru
Copyright by Mahasiswa UNIKOM Nama Unit
Jurusan Tingkat Kapasitas
Form Tambah Jurusan
Back Update
Gambar 3.31 Halaman Pengolahan Data Edit Jurusan