2. Menu Teknisi
3.2.2 Perancangan Antarmuka
3.2.2.1 Perancangan Form
Merupakan suatu bentuk tampilan dari program yang akan dibuat
untuk kebutuhan interface dengan user. Berikut merupakan perancangan
form yang dibuat :
1. Form Login Helpdesk
Copyright @ 2011 Direktorat TIK UPI
JUDUL LOGO UPI LOGIN User ID : Password : Login
FH01
Klik Tombol Login, Jika akun berhasil login maka akan masuk ke FH02 Jika tidak berhasil maka akan muncul Pesan M01
Ukuran 1024 x 768
warna sesuai dengan kebutuhan font 12 Arial warna hitam
Batal
2. Form Menu Helpdesk
JUDUL SISTEM Logo UPI
CUSTOMER DEPARTMEN TICKET GANGGUAN KELUHAN
Data Customer Welcome Selamat datang (hak
akses) Logout
KALENDER View Edit Hapus
View Edit hapus View Edit hapus
Copyright @ Direktorat TIK UPI 2011
Klik departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Penanganan untuk masuk ke FH06 Klik logout untuk ke FH01 Klik View untuk ke FH07 Klik Edit untuk ke FH08 Klik hapus Keluar pesan konfirmasi M04 Klik tambah untuk ke FH09 Klik Pencarian untuk ke FH10
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan FH02
Tambah Pencarian
PENANGANAN
Gambar 3. 98 Form Menu Helpdesk
3. View Data Customer
4. Edit Data Customer
Gambar 3. 100 Form Edit Data Customer
5. Tambah Data Customer
6. Pencarian Data Customer
Gambar 3. 102 Form Pencaria Data Customer
7. Pengolahan Data Departmen
JUDUL SISTEM Logo UPI
CUSTOMER DEPARTMEN TICKET GANGGUAN KELUHAN
Data Departmen Welcome
Selamat datang (hak akses) Logout
KALENDER View Edit Hapus
View Edit hapus View Edit hapus
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk masuk ke FH02 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Penanganan untuk masuk ke FH06 Klik logout untuk masuk ke FH01 Klik View untuk ke FH11 Klik Edit untuk ke FH12 Klik hapus Menampilkan pesan komfirmasi M04 Klik Tambah untuk ke FH13 Klik Pencarian untuk ke F14
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Tambah Pencarian
PENANGANAN
8. View Departemen
JUDUL SISTEM Logo UPI
CUSTOMER DEPARTMEN TICKET GANGGUAN KELUHAN
View Departmen Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke F05 Klik Penanganan untuk masuk ke FH06 Klik logout untuk ke FH01 Klik kembali untuk ke FH03
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali FH11
PENANGANAN
Gambar 3. 104 Form View Department
9. Edit Departemen
10.Tambah Departmen
JUDUL SISTEM Logo UPI
CUSTOMER DEPARTMEN TICKET GANGGUAN KELUHAN
Tambah Data Departmen Welcome
Selamat datang (hak akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Problem untuk masuk ke FH06 Klik logout untuk ke FH01 Klik tombol kembali untuk ke data departmen Klik tombol simpan untuk menyimpan data jika data gagal muncul pesan M03 Klik tombol batal untuk membatalkan penambahan data
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali Nama Departmen : Nama Gedung : Ruangan : No Telepon Internal : SIMPAN BATAL FH13 PENANGANAN
Gambar 3. 106 Form Tambah Department
11.Pencarian Departmen
JUDUL SISTEM
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Pencarian Data Departmen Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik PRoblem untuk masuk ke FH05 Klik logout untuk ke FH01 Klik View untuk ke FH 23 Klik Edit untuk ke FH24 Klik hapus Keluar pesan konfirmasi M03 Klik tambah untuk ke FH25 Klik Pencarian untuk ke FH26 Kembali
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
Pencarian Data Departmen
Tabel Pencarian Berdasarkan Masukkan Key
Pencarian
Cari !
FH14
12.Pengolahan Data Ticket
Gambar 3. 108 Form Pengolahan Data Ticket
13.View Data Ticket
14.Edit Data Ticket
JUDUL SISTEM Logo UPI
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Edit Ticket
Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Problem untuk masuk ke FH06 Klik logout untuk ke FH01 Klik tombol kembali untuk ke data ticket Klik tombol simpan untuk menyimpan data jika data gagal muncul pesan M03 Klik tombol batal untuk membatalkan perubahan data
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali ID Ticket : Nama Helpdesk : Prioritas : Status : Batas Waktu : Judul Problem : Nama Customer : Nama Teknisi : SIMPAN BATAL FH16 PENANGANAN
Gambar 3. 110 Form Edit Data Ticket
15.Tambah Data Ticket
JUDUL SISTEM Logo UPI
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Tambah Data Ticket
Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Problem untuk masuk ke FH06 Klik logout untuk ke FH01 Klik tombol kembali untuk ke data ticket Klik tombol simpan untuk menyimpan data jika data gagal muncul pesan M03 Klik tombol batal untuk membatalkan penambahan data
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali ID Ticket : Nama Helpdesk : Prioritas : Status : Batas Waktu : Judul Problem : Nama Customer : Nama Teknisi : SIMPAN BATAL FH17
16.Pencarian Data Ticket
JUDUL SISTEM
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Pencarian Data Ticket Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Problem untuk masuk ke FH06 Klik logout untuk ke FH01 Klik tombol cari jika tidak ditemukan penampilkan pesanM05 Jika data ditemukan tampilkan data Kembali Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
Pencarian Data Ticket
Pencarian Data Ticket Berdasarkan Masukkan Key
Pencarian Cari !
FH18
Gambar 3. 112 Form Pencarian Data Ticket
17.Pengolahan Data Problem
JUDUL SISTEM
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Data Problem Welcome Selamat datang (hak
akses) Logout
KALENDER View Edit Hapus
View Edit hapus View Edit hapus
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik Penanganan untuk masuk ke FH06 Klik logout untuk ke FH01 Klik View untuk ke FH19 Klik Edit untuk ke FH20 Klik hapus Keluar pesan konfirmasi M04 Klik tambah untuk ke FH21 Klik Pencarian untuk ke FH22 Tambah Pencarian FH05 Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
18.View Data Problem
JUDUL SISTEM
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
View Problem Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke F0H4 Klik Penanganan untuk masuk ke FH06 Klik logout untuk ke FH01 Klik kembali untuk ke FH04 Kembali Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI FH19
Gambar 3. 114 Form View Data Problem
19.Edit Data Problem
JUDUL SISTEM
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Edit Data Problem Welcome
Selamat datang (hak akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Problem untuk masuk ke FH06 Klik logout untuk ke FH01 Klik tombol kembali untuk ke data problem Klik tombol simpan untuk menyimpan data jika data gagal muncul pesan M03 Klik tombol batal untuk membatalkan perubahan data Kembali
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI ID Problem : Judul Problem : Deskripsi Problem : Status Problem : SIMPAN BATAL FH20
20.Tambah Data Problem
JUDUL SISTEM
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Tambah Data Problem Welcome
Selamat datang (hak akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Problem untuk masuk ke FH06 Klik logout untuk ke FH01 Klik tombol kembali untuk ke data problem Klik tombol simpan untuk menyimpan data jika data gagal muncul pesan M03 Klik tombol batal untuk membatalkan penambahan data Kembali
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI Judul Problem : Deskripsi Problem : Status Problem : SIMPAN BATAL FH21
Gambar 3. 116 Form Tambah Data Problem
21.Pencarian Data Problem
JUDUL SISTEM
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Pencarian Problem Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Penanganan untuk masuk ke FH06 Klik logout untuk ke FH01 Klik tombol cari jika tidak ditemukan penampilkan pesanM05 Jika data ditemukan tampilkan data Kembali Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
Pencarian Problem
Pencarian Data Problem Berdasarkan Masukkan Key
Pencarian Cari !
FH22
22.Pengolahan Data Penanganan
JUDUL SISTEM
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Data Penanganan Welcome Selamat datang (hak
akses) Logout
KALENDER View Edit Hapus
View Edit hapus View Edit hapus
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik PRoblem untuk masuk ke FH05 Klik logout untuk ke FH01 Klik View untuk ke FH 23 Klik Edit untuk ke FH24 Klik hapus Keluar pesan konfirmasi M04 Klik tambah untuk ke FH25 Klik Pencarian untuk ke FH26 Tambah Pencarian FH06 Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
Gambar 3. 118 Form Pengolahan Data Penanganan
23.View Data Penanganan
JUDUL SISTEM
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
View Penanganan Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik departmen untuk masuk ke FH03 Klik Problem untuk masuk ke FH05 Klik Penanganan untuk masuk ke FH06 Klik logout untuk ke FH01 Klik View untuk ke FH15 Klik Edit untuk ke FH16 Klik hapus Keluar pesan konfirmasi M03 Klik tambah untuk ke F17 Klik Pencarian untuk ke F18 Kembali
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
24.Edit Data Penanganan
JUDUL SISTEM Logo UPI
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Edit Data Penanganan
Welcome
Selamat datang (hak akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk masuk ke FH02 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Penanganan untuk masuk ke FH06 Klik logout untuk masuk ke FH01 Klik View untuk ke FH11 Klik Edit untuk ke FH12 Klik hapus Menampilkan pesan komfirmasi M03 Klik Tambah untuk ke FH13 Klik Pencarian untuk ke F14
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali ID Penanganan : Judul Problem : Nama Teknisi : Tindakan : Hasil Penanganan : SIMPAN BATAL
Gambar 3. 120 Form Edit Data penanganan
25.Tambah Data Penanganan
JUDUL SISTEM Logo UPI
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Tambah Data Penanganan
Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk masuk ke FH02 Klik Ticket untuk masuk ke FH04 Klik Problem untuk masuk ke FH05 Klik Penanganan untuk masuk ke FH06 Klik logout untuk masuk ke FH01 Klik View untuk ke FH11 Klik Edit untuk ke FH12 Klik hapus Menampilkan pesan komfirmasi M03 Klik Tambah untuk ke FH13 Klik Pencarian untuk ke F14
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali Judul Problem : Nama Teknisi : Tindakan : Hasil Penanganan : SIMPAN BATAL FH25
26.Pencarian Data Penanganan
JUDUL SISTEM
CUSTOMER DEPARTMEN TICKET PROBLEM PENANGANAN
Pencarian Penanganan Welcome
Selamat datang (hak akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Customer untuk ke FH02 Klik Departmen untuk masuk ke FH03 Klik Ticket untuk masuk ke FH04 Klik PRoblem untuk masuk ke FH05 Klik logout untuk ke FH01 Klik View untuk ke FH 23 Klik Edit untuk ke FH24 Klik hapus Keluar pesan konfirmasi M03 Klik tambah untuk ke FH25 Klik Pencarian untuk ke FH26 Kembali
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
Pencarian Penanganan
Pencarian Data Penanganan
Berdasarkan Masukkan Key
Pencarian Cari !
FH26
Gambar 3. 122 Form Pencarian Data Penanganan
27.Form Menu Teknisi
FT01
Copyright @ 2011 Direktorat TIK UPI
JUDUL LOGO UPI LOGIN User ID : Password : Login
Klik Tombol Login, Jika akun berhasil login maka akan masuk ke FT02 Jika tidak berhasil maka akan muncul Pesan M01
Ukuran 1024 x 768
warna sesuai dengan kebutuhan font 12 Arial warna hitam
Batal
28.Pengolahan Data Ticket
Gambar 3. 124 Form Pengolahan Data Ticket
29.View Data Ticket
JUDUL SISTEM
TICKET PENANGANAN
View Ticket Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Ticket untuk ke FT02 Klik Penananganan untuk ke FT03 Klik logout untuk ke FT01 Klik kembali untuk ke FT02 Kembali
FT04
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
30.Edit Data Ticket JUDUL SISTEM Logo UPI TICKET PENANGANAN Edit Ticket Welcome
Selamat datang (hak akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Ticket untuk masuk ke FT02 Klik Penanganan Klik logout untuk masuk ke FT01 Klik kembali untuk ke FT02 Klik tombol simpan untuk menyimpan jika berhasil disimpan muncul pesan M02 jia gagal muncil pesan M03 Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali ID Ticket : Nama Helpdesk : Prioritas : Status : Batas Waktu : Judul Problem : Nama Customer : Nama Teknisi : SIMPAN BATAL FT05
Gambar 3. 126 Form Edit Data Ticket
31.Pencarian Data Ticket
JUDUL SISTEM
TICKET PENANGANAN
Pencarian Data Ticket Welcome
Selamat datang (hak akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Ticket untuk masuk ke FT02 Klik Penanganan untuk masuk ke FT03 Klik logout untuk ke FT01 Kliktombol cari jika data ditemukan muncul dat jika data tidak ditemukan muncul pesa M05 Kembali
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
Pencarian Data Ticket
Pencarian Data Ticket
Berdasarkan Masukkan Key
Pencarian Cari !
FT06
32.Pengolahan Data Penanganan
JUDUL SISTEM
TICKET PENANGANAN
Data Penanganan Welcome
Selamat datang (hak akses) Logout KALENDER View Edit View Edit View Edit
Copyright @ Direktorat TIK UPI 2011
Klik Ticket untuk ke FT03 Klik logout untuk ke FT01 Klik View untuk ke FT07 Klik Edit untuk ke FT08 Klik hapus Keluar pesan konfirmasi M03 Klik Tambah Klik Pencarian untuk ke FT09 Tambah Pencarian FT03 Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
Gambar 3. 128 Form Pengolahan Data Penanganan
33.View Data Penanganan
JUDUL SISTEM
TICKET PENANGANAN
View Penanganan Welcome Selamat datang (hak
akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Ticket untuk ke FT02 Klik Penanganan untuk ke FT03 Klik logout untuk ke FT01 Klik kembali untuk ke FT03 Kembali
Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
FT07
34.Edit Data Penanganan
JUDUL SISTEM Logo UPI
TICKET PENANGANAN
Edit Data Penanganan
Welcome
Selamat datang (hak akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Ticket untuk masuk ke FT02 Klik Penanganan untuk ke FT03 Klik logout untuk masuk ke FT01 Klik kembali untuk ke FT03 Klik tombol simpan untuk menyimpan jika berhasil disimpan muncul pesan M02 jia gagal muncil pesan M03 Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali ID Penanganan : Judul Problem : Nama Teknisi : Tindakan : Hasil Penanganan : SIMPAN BATAL FT10
Gambar 3. 130 Form Edit Data Penanganan
35.Tambah Data Penanganan
JUDUL SISTEM Logo UPI
TICKET PENANGANAN
Tambah Data Penanganan
Welcome
Selamat datang (hak akses) Logout
KALENDER
Copyright @ Direktorat TIK UPI 2011
Klik Ticket untuk masuk ke FT02 Klik Penanganan untuk masuk ke FT03 Klik logout untuk masuk ke FT01 Klik tombol simpan jika berhasil disimpan muncul pesan M02 jika tidak muncul pesanM03 Ukuran 1024 X 768 Warna sesuai settingan windows Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali Judul Problem : Nama Teknisi : Tindakan : Hasil Penanganan : SIMPAN BATAL