3.2.2 Perancangan Antarmuka
Antar muka pemakai merupakan media komunikasi antara pemakai dengan sistem komputer. Hasil perancangan antarmuka pemakai akan
memudahkan proses implementasi
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
Gambar 3. 97 Form Login Helpdesk
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
Gambar 3. 99 Form View Data Customer
4. Edit Data Customer
Gambar 3. 100 Form Edit Data Customer
5. Tambah Data Customer
Gambar 3. 101 Form Tambah Data Customerr
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
Gambar 3. 103 Form Pengolahan Data Department
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
Gambar 3. 105 Form Edit Department
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
Gambar 3. 107 Form Pencarian Department
12. Pengolahan Data Ticket
Gambar 3. 108 Form Pengolahan Data Ticket
13. View Data Ticket
Gambar 3. 109 Form 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
Gambar 3. 111 Form Tambah Data Ticket
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
Gambar 3. 113 Form Pengolahan Data Problem
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
Gambar 3. 115 Form Edit Data Problem
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
Gambar 3. 117 Form Pencarian Data Problem
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
Gambar 3. 119 Form View Data Penanganan
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
Gambar 3. 121 Form Tambah Data Penanganan
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
Gambar 3. 123 Form Login Teknisi
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
Gambar 3. 125 Form View Data Ticket
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
Gambar 3. 127 Form pencarian Data Ticket
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
Gambar 3. 129 Form View Data Penanganan
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
Gambar 3. 131 Form Tambah Data Penanganan
36. Pencarian Data Penanganan
JUDUL SISTEM TICKET
PENANGANAN Pencarian 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
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 Penanganan
Pencarian Data Penanganan Berdasarkan
Masukkan Key Pencarian
Cari
Gambar 3. 132 Form Pencarian Data Penanganan
37. Form Menu Manager
Gambar 3. 133 Form Login Manager
38. Pengolahan Data Pengguna
JUDUL SISTEM PENGGUNA
LAPORAN Data Pengguna
Welcome Selamat datang hak
akses Logout
KALENDER View Edit Hapus
View Edit hapus
View Edit hapus
Copyright Direktorat TIK UPI 2011 Klik Laporan untuk
ke FM03 Klik logout untuk
ke FM01 Klik View untuk ke
FM04 Klik Edit untuk ke
FM05 Klik hapus Keluar
pesan konfirmasi M03
Klik Pencarian untuk ke FM06
Tambah Pencarian
FM02
Ukuran 1024 X 768 Warna sesuai settingan windows
Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI TICKET
EVALUASI GRAFIK
Gambar 3. 134 Form Pengolahan Data Pengguna
39. View Data Pengguna
JUDUL SISTEM PENGGUNA
View Data Pengguna Welcome
Selamat datang hak akses
Logout
KALENDER Copyright Direktorat TIK UPI 2011
Klik Laporan untuk ke FM03
Klik logout untuk ke FM01
Klik View untuk ke FM04
Klik Edit untuk ke FM05
Klik hapus Keluar pesan konfirmasi
M03 Klik Pencarian
untuk ke FM06 Kembali
Ukuran 1024 X 768 Warna sesuai settingan windows
Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Logo UPI
FM04
LAPORAN TICKET
EVALUASI GRAFIK
Gambar 3. 135 Form View Data Pengguna
40. Edit Data Pengguna
JUDUL SISTEM Logo UPI
PENGGUNA Edit Data Pengguna
Welcome Selamat datang hak
akses Logout
KALENDER
Copyright Direktorat TIK UPI 2011 Klik Laporan untuk
ke FM03 Klik logout untuk
ke FM01 Klik View untuk ke
FM04 Klik Edit untuk ke
FM05 Klik hapus Keluar
pesan konfirmasi M03
Klik Pencarian untuk ke FM06
Ukuran 1024 X 768 Warna sesuai settingan windows
Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali
No :
ID Pengguna : Hak Ases :
Password :
Nama Depan : Nama Akhir :
No Telepon : Email :
SIMPAN BATAL
FM05
LAPORAN TICKET
EVALUASI GRAFIK
Gambar 3. 136 Form Edit Data Pengguna
41. Tambah Data Pengguna
JUDUL SISTEM Logo UPI
Tambah Data Pengguna Welcome
Selamat datang hak akses
Logout KALENDER
Copyright Direktorat TIK UPI 2011 Klik Laporan untuk
ke FM03 Klik logout untuk
ke FM01 Klik View untuk ke
FM04 Klik Edit untuk ke
FM05 Klik hapus Keluar
pesan konfirmasi M03
Klik Pencarian untuk ke FM06
Ukuran 1024 X 768 Warna sesuai settingan windows
Warna disesuaikan dengan kebutuhan Font disesuaikan dengan kebutuhan
Kembali
ID Pengguna : Hak Ases :
Password :
Nama Depan : Nama Akhir :
No Telepon : Email :
SIMPAN BATAL
FM06
PENGGUNA LAPORAN
TICKET EVALUASI
GRAFIK
Gambar 3. 137 Form Tambah Data Pengguna
42. Pencarian Data Pengguna
JUDUL SISTEM
Pencarian Pengguna 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 Penanganan
Pencarian Data Penanganan Berdasarkan
Masukkan Key Pencarian
Cari
FM07
PENGGUNA LAPORAN
TICKET EVALUASI
GRAFIK
Gambar 3. 138 Form Pencarian Data Pengguna
43. Laporan
Gambar 3. 139 Form Laporan
3.2.2.1 Perancangan Pesan
LOGIN GAGAL
Maaf Anda tidak terdaftar Silahkan hubungi manager
SUKSES
Data Berhasil Disimpan
M02 M01
GAGAL
Data Gagal Disimpan
M03
HAPUS
Apakah anda yakin akan menghapus data tsb?
M04
Ya Tidak
CARI
Data yang dicari tidak ditemukan
M05
3.2.2.2 Jaringan Semantik
1. Jaringan Semantik Helpdesk
FH01
FH04 FH06
FH02 FH03
FH05 FH07
FH08 FH09
M04
FH10
M02,M03 M02,M03
M05
M04
FH12 FH11
FH13 FH14
M05 M02,M03
M02,M03
FH16
FH 15
FH17 FH18
M04
M02,M03 M02,M03
FH 21
FH 22
FH 20
FH19
M02,M03 M04
M05
FH 23
FH 24
FH 25
FH 26
M04 M02,M03
M02,M03 M05
Gambar 3. 140 Jaringan Semantik Helpdesk
2. Jaringan Semantik Teknisi
FT01 FT0
2 FT03
FT0 4
FT0 5
FT0 6
FT1 FT0
9 FT0
8 FT0
7
M02,M03 M02,M03
M05 M02,M03
M05
Gambar 3. 141 Jaringan Semantik Teknisi
3. Jaringan Semantik Manager
FM01 FT0
3 FM02
M04
FM 07
FM 06
FM 05
FM 04
M04 M02,M03
M02,M03
M05
Gambar 3. 142 Jaringan Semantik Manager
203
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem
Pada bab ini akan dilakukan implementasi dan pengujian terhadap web yang telah dirancang. Tahapan ini dilakukan setelah perancangan selesai
dilakukan dan selanjutnya akan diimplementasikan. Tujuan Implementasi adalah untuk menerapkan hasil perancangan agar maksud dan tujuan pembuatan aplikasi
dapat tercapai. Setelah implementasi dilakukan, maka tahap pengujian terhadap pembuatan aplikasi dalam seksi pengolahan data dan informasi dilakukan, guna
mengetahui apakah maksud dan tujuan yang ingin dicapai telah terpenuhi sehingga dapat ditarik kesimpulan
4.1.1 Implementasi Perangkat Keras
Spesifikasi perangkat keras minimal yang dibutuhkan untuk mengimplementasikan perangkat keras antara lain terdapat pada tabel 4.1
sebagai berikut.
Tabel 4. 1 Perangkat Keras yang dibutuhkan
No Perangkat Keras Spesifikasi
1 Processor
Intel Core 2 Duo 3.00 GHz 2
Monitor Montor LCD 17 inch
3 VGA
VGA On-Board 224 MB 4
Memori 1024 MB
5 Optical Drive
DVD – ROM
6 Keyboard
Genius 7
Mouse Genius
8 Printer
Printer hitam-putih