33
BAB III
PEMBAHASAN
3.1 Tinjauan Perusahaan
CV. Acces Computer Shop adalah perusahaan dengan skala menengah,
yang beralamat di Jl. Sepakat ll A.Yani 1 Komp.Alfaridz Residence No.A.A2
Pontianak. Bergelut dibidang service dan penjualan komputer serta accessories
komputer.Dengan disediakannya pelayanan service, CV. Acces Computer Shop
berkomitmen untuk memberikan pelayanan yang prima dengan kualitas yang terbaik
dan biaya yang terjangkau.
Dalam pelayanan service, CV.Acces Computer Shop dapat mengenai
kerusakan komputer yang berupa kendala dari sisi software (perangkat lunak),
maupun hardware (perangkat keras) hingga ke level IC chip.Dengan pelayanan
hingga ke komponen kecil, biaya service dapat ditekan dengan maksimal, karena
tidak perlu mengganti keseluruhan motherboard yang dimana harganya relatif mahal.
3.1.1 Sejarah Perusahaan
CV.Access Computer Shop didirikan pada tahun 2011 oleh Bapak Asterman.
Pada saat awal perusahaan dibentuk banyak halangan dan rintangan yang harus
dilewati oleh bapak Asterman selaku perintis dan pemilik dari CV.Acces Computer
Shop, diantaranya adalah tenaga kerja yang kuang.
34
Berikut bidang layanan yang ada pada CV. Acces Computer Shop :
1. Service : Pada layanan ini, Acces Computer Shop melayani perbaikan
komputer baik itu kerusakan software (perangkat lunak), maupun hadware
(perangkat keras).
2. Penjualan : Pada sektor ini, Acces Computer Shop juga menyediakan
penjualan komputer mulai dari accessoris komputer, laptop, dan perangkat
lainnya yang berhubungan dengan teknologi informasi dan komputer.
3.1.2 Struktur Organisasi
Strukturorganisasimerupakan alat untuk membantu manajemen dalam
mencapai tujuannya. Struktur organisasi menunjukkanhubungan diantara fungsi-
fungsi, bagian-bagian ataupun posisi maupun orang-orang yang menunjukkan
kedudukan tugas, wewenang dan tanggung jawab yang berbeda-beda dalam suatu
organisasi.
Gambar III.1 dibawah ini merupakan struktur organisasi CV.Acces Computer Shop
Sumber : CV.Acces Computer Shop
Gambar III.1 Struktur Organisasi
PEMILIK
PEGAWAI kasir
35
3.1.3 Tugas Pokok Dan Fungsi
Adapunbeberapa tugas pokok dan fungsi sebagai berikut:
1. Pemilik
Pemilikberfungsi :
a. Memantau kinerja pegawai.
b. Memotivasi, artinya seorangpemilik harus dapat mendorong para bawahannya
untuk bekerja giatdan membina para bawahan dengan baik dan harmonis.
c. Pemilik harus membina bawahannya agar dapat bekerja secara efektif dan
efisien.
d. Manager harus berusaha memenuhikebutuhan para bawahannya.
2. Pegawai
Pegawaiberfungsi :
a. Bertanggung jawab terhadap pendataan barang.
b. Pegawai bertanggung jawab dalam mengurus semua data-
dataservicepelanggan yang masuk dan keluar.
c. Pegawai yang bertanggungjawab dalam pendataan barang, harus teliti dalam
melakukan pendataan barang atau service.
3. Kasir
Kasir berfungsi:
a. Mengurus semua pembayaran service.
b. Melayani customer yang ingin melakukan pembayaran.
36
3.2 Analisa Kebutuhan
Dalampenulisan Tugas Akhir ini penulis akan membahas tentang Pembuatan
Web Sistem Informasi, di dalampenyimpanan data laporan yang
masih manual antara pegawai dan kasir sehingga sering terjadi kekeliruan pendataan
yang dilakukan oleh pegawai.
Untuk itu penulis membuat sebuah acuan daripermasalahan yang ada
tentangsistem informasiberbasis web, sehingga dalam pengelolaan, serta keamanan
dapat tersimpan dengan efisien ke dalam database dan dapat mempermudah dalam
memberikan laporan yang objektif kepada user.
3.2.1 Kebutuhan Fungsional
Di dalam kebutuhan fungsional ini penulis menggunakantiga tampilan yaitu
tampilan utama, pegawai danpemilik. Adapunkebutuhan fungsional ini yang menjadi
kebutuhan utama untuk pengembangan adalah sebagai berikut:
1. Menu Utama
Pada halaman menu utama ini terdapat menu fitur-fitur adalah sebagai berikut:
a. Beranda
Pada halamaninipelanggan dapat melihat produk-produk yangtersedia di toko
CV.Acces Computer Shop.
b. Kategori
Pada halamanini pelanggan dapat melihat produk sesuai dengan kategori yang
diinginkan.
37
c. Cek Status Service
Pada halaman cek status serviceterdapat fasilitas input data code service yang
hanya dapat dilakukan oleh pelanggan untuk mengecek status servicenya
d. Kontak Kami
Pada halamankontak terdapat fasilitas info kontak toko dari alamat, email dan
nomor telfon toko.
2. Menu Pegawai
Pada halaman menupegawai ini terdapat menu fitur-fitur sebagai berikut:
a. Beranda
Fasilitas ini berfungsihalam utama berupa kata penyambut untuk pegawai yang
login.
b. Data Barang
Fasilitas ini berfungsiuntukmenginput data barang yang akan dipromosikan
pada web dan melihat data barang yang berhasil diinput serta
terdapat fasilitas hapus dan ubah data.
c. Kategori
Pada halaman ini terdapat forminput kategori serta dapat melihat, menghapus
dan mengubah kategori.
d. Data Service
Pada halamanini terdapat form input data service, serta petugas dapat melihat
data service, menghapus dan mengubah status data service.
38
e. Data User
Pada halaman ini terdapat form inputdata user, serta petugas dapat melihat data
user, menghapus dan mengubah status dataservice.
f. Keluar
Ketika pegawai / petugas mengklik tombol keluar, maka akan keluar
peringatan, “Apakah Anda Yakin Keluar” ketika dikliktombol“ok” maka
kembali ke halaman login.
3. Menu Pemilik
Pada halaman menu pemilik ini terdapat menu fitur-fitur adalah sebagai berikut:
a. Beranda
Fasilitas ini berfungsisebagai halaman utama berupa kata penyambut untuk
pemilik yang login.
b. Laporan Data Barang
Laporan data barang, pada halaman ini pemilikdapat melihat data barang yang
diinput oleh pegawai/petugas tetapi pemiliktidak dapat menghapus dan
mengubah data.
c. Laporan Data Service
Laporan Data Service, pada halaman ini pemilik dapat melihat data serviceyang
masuk, tetapi pemilik tidak berhak menghapus dan mengubah data.
d. Data User
Pada halaman ini pemilik dapat melihat data para petugas yang mengelola data
pada toko.
39
e. Keluar
Ketika admin mengklik tombol keluar, maka akan keluar peringatan, Apakah
Anda Yakin Keluar ketika diklik tombol ok maka kembali ke halaman
utamawebsite.
3.2.2 Kebutuhan Non Fungsional
Di dalam pembuatan sistem informasi monitoring jasa serviceberbasis web
ini, diperlukan operasional pendukung agar web yang dibuat dapat berjalan dengan
baik. Adapun kebutuhan non fungsional pada sistem informasi ini adalah sebagai
berikut :
A. Perangkat Keras (Hardware)
Perangkat keras (Hardware) adalah salah satu komponen dari sebuah komputer
yang sifat alatnya bisa dilihatdan diraba secara langsung atau yang berbentuk
nyata, yang berfungsi untuk mendukung proses komputerisasi. Di dalam
pembuatansistem informasi jasa service padaCV.Acces Computer ShopPontianak
ini,dibutuhkan perangkat keras (hardware) dengan spesifikasi sebagai berikut:
1. CPU (Central Processing Unit)
a. Processor : 1.0 GHz
b. Installed memory (RAM) : 2,00 GB (1,88 GB usable)
c. System type : 64-bit Operating System
2. Monitor : 11.6 LED
3. Keyboard : 83 keys
4. Mouse : Optical / Touchpad
40
B. Perangkat Lunak (Software)
Perangkat lunak (Software) adalahsekumpulan data elektronik yang disimpan dan
diatur oleh komputer, data elektronik yang disimpan oleh komputer itu dapat berupa
program atau yang akan menjalankan suatu perintah. Di dalam pembuatansistem
informasi jasa pembuatanservice berbasis web ini dibutuhkan perangkat lunak
(software) sepertiDreamweaver danWampServer.
Agar pembuatansistem informasi berbasiswebdapat berjalandenganlancar tentu
kita perlu melakukan penginstalan terhadap kedua perangkat lunak (software)
tersebut. Dreamweaverberfungsi sebagai salah satu editor web yang digunakanoleh
seorangprogrammer dalam pembutan web sementara WampServerberfungsi sebagai
wadah untuk menyimpan dan menerjemahkan sebuahdatabasemenjadisebuah
halamanwebsite.
C. Brainware
Brainwareadalah perangkat intelektual yangmengoperasikan dan mengeksplorasi
kemampuan dari Hardware dan Software pada komputer. Pengguna dari sistem
informasi jasaservicepadaCV.Acces Computer ShopPontianak adalahpegawaiyang
bekerja dibidang pencatatan dataservicedan barang.
No. Pengguna Hak Ases
1. Pengguna Umum 1. Melihat informasi barang
2. Melihat informasi status service
3. Melihat informasi kontak
perusahaan.
41
2. Admin 1. Memonitoring data
2. Menginput data
3. Mengapus dan mengubah data.
3.3 Perancangan Perangkat Lunak
Perancangan perangkat lunak digunakan untuk memberikan gambaran awal
mengenai sistem informasi pendataanberbasisweb yang akan dibuat. Perancangan
web dibagi menjaditiga bagian yaiturancanganantar muka dan rancangan database,
dan rancangan struktur navigasi.
3.3.1 Rancangan Antar Muka
A. Rancangan Antar Muka Halaman Utama
1. Rancangan Tampilan Halaman Utama
Indexadalah halaman pembuka yang tampil pada saat pertamawebsite dibuka dan
langsung menampilkan halamanuser, Pada halamanmain terdapat beberapa menu
yang menampilkan halaman Beranda, kategori, cek status pelanggan dankontak
kami.
42
BERANDA KATEGORI CEK STATUS SERVICE KONTAK KAMI
SLIDE
Sumber: Hasil Penelitian (2017)
Gambar III.2.Rancangan Antar Muka Halaman Utama
2. Rancangan Tampilan Halaman Beranda
Halaman beranda adalah halaman yang menampilkan info-info produk yang
tersedia pada CV.Acces Computer Shop, sebagaimana terlihat pada gambar III.3
berikut ini.
BERANDA KATEGORI CEK STATUS SERVICE KONTAK KAMI
SLIDE
Sumber: Hasil Penelitian (2017)
Gambar III.3.Rancangan Antar Muka Halaman Beranda
43
3. Rancangan Tampilan Halaman Kategori
Halaman kategori adalah halaman yang produk – produk berdasarkan kategori
yang dipilih, sebagaimana terlihat pada gambar III.4 berikut ini.
BERANDA KATEGORI CEK STATUS SERVICE KONTAK KAMI
SLIDE
Sumber: Hasil Penelitian (2017)
Gambar III.4.Rancangan Antar Muka Halaman Kategori
4. Rancangan Tampilan Halaman Kontak Kami
Halaman kontak kami adalah halaman yang menampilkan informasi alamat,
nomor telfon dan kontak yang berhubungan dengan toko CV.Acces Computer
Shop sebagaimana terlihat pada Gambar III.5 berikut ini.
44
BERANDA KATEGORI CEK STATUS SERVICE KONTAK KAMI
SLIDE
X X X X X XXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXX
Sumber: Hasil Penelitian (2017)
Gambar III.5.Rancangan Antar Muka Halaman Kontak Kami
B. Rancangan Antar Muka Halaman Login
1. Rancangan Antar Muka Halaman Login
Rancangan antar mukahalaman utama Login, dimana tampilan ini menyediakan
form login bagi pegawai dan pemilik, sebagaimana terlihat pada Gambar III.6
berikut ini.
USERNAME
PASSWORD
LOGIN
Sumber: Hasil Penelitian (2017)
Gambar III.6.Rancangan Antar Muka Halaman Login
45
C. Rancangan Tampilan Halaman Pegawai
1. Rancangan Tampilan Halaman Awal Pegawai
Halaman pegawai adalah halaman pembuka yang tampil pada saat pertama
website dibuka dan langsung menampilkan halaman petugas, pada halaman
pegawai terdapat beberapa menu yang menampilkan halaman beranda, data
barang, kategori dan data service.
BERANDA DATA BARANG KATEGORI DATA SERVICE KELUAR
SELAMAT DATANG
DATA USER
Sumber: Hasil Penelitian (2017)
Gambar III.7.Rancangan Antar Muka Halaman Pegawai
2. Rancangan Tampilan Halaman Data Barang
Halaman Data Barangadalah halamanyang menampilkan form input data barang
dan menampilkan hasil data barang, dihalaman ini pegawai / petugas dapat
menghapus dan mengubah data, sebagaimana terlihat pada gambar III.8 berikut
ini.
46
BERANDA DATA BARANG KATEGORI DATA SERVICE KELUARDATA USER
SLIDE
Data Barang
Nama Barang :
Kategori :
Des :
Harga :
Foto : Browse...
xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx
Simpan Batal
Sumber: Hasil Penelitian (2017)
Gambar III.8.Rancangan Antar Muka Halaman Data Barang
3. Rancangan Tampilan Halaman Kategori
Halaman kategori adalah halaman yang menampilkan form input kategori dan
tampil kategori untuk pegawai/petugas, sebagaimana terlihat pada gambar III.9
berikut ini.
BERANDA DATA BARANG KATEGORI DATA SERVICE KELUARDATA USER
SLIDE
Kategori
Kategori :
xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx
Simpan Batal
Sumber: Hasil Penelitian (2017)
Gambar III.9.Rancangan Antar Muka Halaman Kategori
47
4. Rancangan Tampilan Data Service
Halaman Data Serviceadalah halaman dimana tersedia form inputan, tampil data
service dan tombolstatusservice untuk menghasilkan laporan status yang
diinginkan, sebagaimana terlihat pada gambar III.10 berikut ini.
BERANDA DATA BARANG KATEGORI DATA SERVICE KELUARDATA USER
SLIDE
Data Service
Nama
Tanggal Service
No Hp
Keluhan
xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx
Simpan Batal
Sumber: Hasil Penelitian (2017)
Gambar III.10.Rancangan Antar Muka Halaman Data Service
5. Rancangan Tampilan Data User
Halaman Data user adalah halaman dimana tersedia form inputan, tampil data
user yang dapat di hapus dan diubah oleh pegawai/petugas, sebagaimana terlihat
pada gambar III.11 berikut ini.
48
BERANDA DATA BARANG KATEGORI DATA SERVICE KELUARDATA USER
SLIDE
Data User
Username
Password
Level
xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx
xxxx xxxx xxxx xxxx
Simpan Batal
Sumber: Hasil Penelitian (2017)
Gambar III.11.Rancangan Antar Muka Halaman Data User
D. Rancangan Tampilan Halaman Pemilik
1. Rancangan Tampilan Halaman Utama Pemilik
Halaman pemilik adalah halaman pembuka yang tampil pada saat pertama
website dibuka dan langsung menampilkan halamanpemilik, pada halaman
mainterdapat beberapa menu yang menampilkan halaman beranda, data barang,
data servicedatauser dan keluar.
49
BERANDA DATA BARANG DATA SERVICE KELUARDATA USER
SLIDE
Selamat Datang
Sumber: Hasil Penelitian (2017)
Gambar III.12.Rancangan Antar Muka Halaman Pemilik
2. Rancangan Tampilan Data Barang
Halaman Pelanggan adalah halaman yang menampilkan data barang untuk
pemilik toko, sebagaimana terlihat pada gambar III.13 berikut ini.
BERANDA DATA BARANG DATA SERVICE KELUARDATA USER
SLIDE
No Nama Barang Kategori Des Harga Foto
x xxxx xx xxx xxxx Z
x xxxx xx xxx xxxx Z
x xxxx xx xxx xxxx Z
Sumber: Hasil Penelitian (2017)
Gambar III.13.Rancangan Antar Muka Halaman Pelanggan
50
3. Rancangan Tampilan Data Service
Halaman Data Service adalah halaman yang menampilkan dataservice masuk dan
laporan status service,sebagaimana terlihat pada gambar III.14 berikut ini.
BERANDA DATA BARANG DATA SERVICE KELUARDATA USER
SLIDE
No Nama Tanggal No Hp Keluhan Pegawai
x xxxx xx xxx xxxx xxx
x xxxx xx xxx xxxx xxx
x xxxx xx xxx xxxx xxxx
Sumber: Hasil Penelitian (2017)
Gambar III.14.Rancangan Antar Muka Halaman Data Service
4. Rancangan Tampilan Data User
Halaman data useradalahhalamanyang menampilkan data user untuk pemilik,
sebagaimana terlihat pada gambar III.15 berikut ini.
BERANDA DATA BARANG DATA SERVICE KELUARDATA USER
SLIDE
No username Level
x xxxx xx
x xxxx xx
x xxxx xx
Data User
Sumber: Hasil Penelitian (2017)
Gambar III.15.Rancangan Antar Muka Halaman Data User
51
3.3.2 Rancangan Basis Data
Perancangan basis data berikut ini menghasilkan pemetaan tabel-tabel yang
digambarkan dengan Entity Relationship Diagram (ERD) dan Logical Record
Structure (LRS)
A. Entity Relationship Diagram (ERD)
Entity Relationship Diagram (ERD) yang terdapat pada website, satu data barang
hanya memiliki satu jenis kategori, satu user dapat menginput banyak data
service, serta satu data service bias memiliki bsanyak status service dan
sebagaimana yang dibuat penulis terlihat pada gambar III.16 sebagai berikut.
Data_Barang
Data_Service
Kategori
Status_Service
T_user
Id_barang
Nama_barang
Id_kategori
des
harga
foto
mempunysi
Id_kategori
kategori
Id_service
nama
Tgl_service No_hp
keluhan
Id_user
Id_status
keterangan
T_biaya
Tgl_input
Id_service
Id_user
username
password
level
mempunyai
mempunyai1
m1 1
1 1
Sumber: Hasil Penelitian (2017)
Gambar III.16.Entity Relationship Diagram
52
D. Logical Record Structure (LRS)
Logical Record Structure (LRS) yang dirancang digambarkan data struktur basis
data berikut ini.
Data_barang
Id_barang*Nama_barangId_kategori**DesHargafoto
kategori
id_kategori*kategori
Data Service
id_service*NamaTgl_serviceNo_hpKeluhanid_user**
Status_service
id_status*KeteranganT_biayaTgl_inputId_service**
T_user
Id_user*UsernamePasswordLevel
1
m 1
1
11
Sumber: Hasil Penelitian (2017)
Gambar III.17.Logical Record Structure
4. Spesifikasi File
Menjelaskan tentangfileatau tabel yang berbentuk dari transformasi ERD
ataufile-file penunjang untuk website, file-file ini dengan paremeter-parameter sebagai
berikut:
1. Spesifikasi File Data barang
Nama File : data_barang
Akronim : data_barang. Frm
Fungsi : Untuk menyimpan data barang
m
m
53
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard disk
Panjang Record : 65644
Kunci Field : id_barang
Software : MySQL
Tabel III.1Spesifikasi File Barang
No Elemen Data Nama Field Type Size Ket
1. Id_barang id_barang Int 3 Primery Key
2. Nama_barang Nama_barang Varchar 30
3. Id_kategori Id_kategori Int 3
5. Deskiripsi Des Text 65555
6. Harga Harga Int 3
7. Foto Foto Varchar 50
Sumber: Hasil Penelitian (2017)
2. Spesifikasi File Data Service
Nama File : Data Service
Akronim : data_service. Frm
Fungsi : Untuk menyimpan data service
Type File : File Master
54
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard disk
Panjang Record : 6627
Kunci Field : id_service
Software : MySQL
Tabel III. 2Spesifikasi FileData Service
Sumber: Hasil Penelitian (2017)
3. SpesifikasiFileKategori
Nama File : kategori
Akronim : kategori. Frm
Fungsi : Untuk menyimpan data kategori
Tipe File : FileMaster
Organisasi File : Indexed Sequential
No Elemen Data Nama Field Type Size Ket
1. Id_service Id_service Int 6 Primary Key
2. Nama Nama Varchar 30
3. Tgl_service Tgl_service Varchar 20
4. No_hp No_hp Varchar 13
5. Keluhan Keluhan Text 65555
6 Id_user Id_user Int 3 Foreign Key
55
Akses File : Random
Media : Harddisk
Panjang Record : 33
Kunci Field : id_kategori
Software : MySQL
Tabel III. 3Spesifikasi FileKategori
Sumber: Hasil Penelitian (2017)
4. Spesifikasi FileStatus Service
Nama File : status_service
Akronim : status_service. Frm
Fungsi : Untuk menyimpan data status service
Tipe File : FileMaster
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard disk
Panjang Record : 44
Kunci Field : id_status
Software : MySQL
No Elemen Data Nama Field Tipe Size Ket
1. Id_kategori Id_kategori Int 3 Primary Key
2. Kategori Kategori Varchar 30
56
Tabel III.4Spesifikasi File Status Service
Sumber: Hasil Penelitian (2017)
5. Spesifikasi Fileuser User
Nama File : t_user
Akronim : t_user.Frm
Fungsi : Untuk menyimpan data user
TypeFile : File Master
Organisasi File : Indexed Sequential
Akses File : Random
Media : Hard disk
Panjang Record : 103
Kunci Field : id_user
Software : MySQL
No Elemen Data Nama Field type Size Ket
1. Id_status Id_status Int 3 Primary Key
2. Keterangan Keterangan Text 10
3. T_biaya T_biaya Varchar 12
4. Tgl_input Tgl_input Varchar 13
5. Id_service Id_service Int 6 Foreign Key
57
Tabel III.5Spesifikasi File User
Sumber: Hasil Penelitian (2017)
3.3.3. Rancangan Struktur Navigasi
Struktur navigasi yang digunakan dalam pembuatan website ini adalah
struktur navigasinonlinier, jadi tiap-tiap tampilan mempunyai kedudukan yang sama
tidak adamasterpage dan slavepage. Struktur navigasi terdiri dari 3 bagian yaitu
struktur navigasi pada halaman website (user), struktur navigasi pada halaman
pegawai/petugas, struktur navigasi pada halaman pemilik. Struktur nonlinier terlihat
pada halaman Beranda, Kategori, Cek status service, kontak kami.
a. Struktur Navigasi Halaman User
Penulis membuat struktur navigasi user untuk membuat sebuah peta agar
mempermudah user dalam melihat isi dalam website ini. Selain itu fungsi dari
struktur navigasi ini adalah membuat rincian umum mengenai isi dalam suatu
website yang telah dibuat.
No Elemen Data Nama Field Tipe Size Ket
1. Id_user Id_user Int 3 Primary Key
2. Username Username Varchar 30
3. Password Password Varchar 50
4. Level Level Varchar 20
58
index
Beranda Kategori Cek status service Kontak Kami
Sumber: Hasil Penelitian (2017)
Gambar III.18.
Struktur Navigasi Utama
b. Struktur Navigasi Pegawai Petugas
Penulis membuat struktur navigasipetugas untuk membuat sebuah peta agar
mempermudah petugas dalam melihat isi dalam websiteini. Selain itu fungsi dari
struktur navigasi ini adalah membuat rincian umum mengenai isi dalam suatu
website yang telahdibuat.
main
Beranda Data Barang Kategori Data Service
index
Data User Keluar
Sumber: Hasil Penelitian (2017)
Gambar III.19.
Struktur Navigasi petugas
c. Struktur Navigasi Pemilik
Penulis membuat struktur navigasi pemilik untuk membuat sebuah peta agar
mempermudah pemilikdalam melihat isi dalam website ini. Selain itu fungsi dari
59
struktur navigasi ini adalah membuat rincian umum mengenai isi dalam suatu
website yang telah dibuat.
pemilik
Beranda Data Barang Data Service
index
Data User Keluar
Sumber: Hasil Penelitian (2017)
Gambar III.20. Struktur Navigasi Pemilik
3.3. Implementasi dan Pengujian Unit
A. Implementasi
Implementasi rancangan antar muka yang terdapat pada sistem informasi
website berdasarkan hasil rancangan antar muka dibagi menjadi 3 (tiga), yakni
halaman antar muka utama, petugas dan pemilik toko.
1. Implementasi Rancangan Antar Muka Halaman Utama
Index adalah implementasi halaman utama website atau halaman pembuka yang
tampil pada saat website dibuka.
60
Sumber: Hasil Penelitian (2017)
Gambar III.21.Implementasi Halaman Utama
2. Implementasi Rancangan Antar Muka Halaman Kategori
Proseskategori adalah implementasi halaman kategori barang, dimana user dapat
melihat produk sesuai kategori yang di pilih.
Sumber: Hasil Penelitian (2017)
Gambar III.22.Implementasi Halaman Kategori
61
3. Implementasi Rancangan Antar Muka Cek Status Service
Status_serviceadalah implementasi halaman cek status, dimana user dapat
mengecek secara langsung status servicenya.
Sumber: Hasil Penelitian (2017)
Gambar III.23. Implementasi Halaman Petugas
4. Implementasi Rancangan Antar Kontak Kami
Kontak adalah implementasi halaman kontak dimana user dapat melihat informasi
kontak perusahaan.
62
Sumber: Hasil Penelitian (2017)
Gambar III.24. Implementasi Halaman Kontak
5. Implementasi Rancangan Antar Muka Petugas
Main adalah implementasi halaman utama website atau halaman pembuka yang
tampil pada saat berhasillogin sebagai petugas.
Sumber: Hasil Penelitian (2017)
Gambar III.25. Implementasi Halaman Petugas
63
6. Implementasi Rancangan Antar Muka Data Barang
Frm_data_barangadalah implementasi halaman yang menyediakan fasilitas form
inputan dan hasil data inputan.
Sumber: Hasil Penelitian (2017)
Gambar III.26. Implementasi Halaman Data Barang
7. Implementasi Rancangan Antar Muka Kategori
Frm_kategoriadalah implementasi halaman menyediakan fasilihan form inputan
dan hasil data inputan yang dapat diubah dan dihapus.
64
Sumber: Hasil Penelitian (2017)
Gambar III.27. Implementasi Halaman Kategori
8. Implementasi Rancangan Antar Data Service
Frm_data_serviceadalah implementasi halaman yang menyediakan fasilitas form
inputan dan hasil inputan yang dapat diubah dan dihapus.
Sumber: Hasil Penelitian (2017)
Gambar III.28. Implementasi Halaman Data Service
65
9. Implementasi Rancangan Antar Muka Data User
Frm_t_useradalah implementasi halaman yang menyediakan fasilitas form
inputan dan hasil inputan yang dapat diubah dan dihapus.
Sumber: Hasil Penelitian (2017)
Gambar III.29. Implementasi Halaman Data User
10. Implementasi Rancangan Antar Muka Pemilik
Pemilik adalah implementasi halaman utama website atau halaman pembuka yang
tampil pada saat berhasillogin sebagai pemilik.
66
Sumber: Hasil Penelitian (2017)
Gambar III.30. Implementasi Halaman Pemilik
11. Implementasi Rancangan Antar Muka Data Service
Tampil_data_batang_padalah implementasi halaman menapilkan data barang,
dimana pemilik dapat memantau data barang yang ada.
Sumber: Hasil Penelitian (2017)
Gambar III.31. Implementasi Halaman Pemilik
67
12. Implementasi Rancangan Antar Muka Data Service
Tampil_data_servivce_padalah implementasi halaman menampilkan data barang,
dimana pemilik dapat memantau data-data service.
Sumber: Hasil Penelitian (2017)
Gambar III.32. Implementasi Halaman Data Service
13. Implementasi Rancangan Antar Muka Data User
Tampil_t_user_padalah implementasi halaman menampilkan data-data user yang
dapat mengakses web.
68
Sumber: Hasil Penelitian (2017)
Gambar III.33. Implementasi Halaman Data User
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras (hardware) minimum dan
perangkat lunak (software) yang dibutuhkan untuk mengimplementasikan website ini.
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
a) Processor : 1.60 GHz
b) Memory : 1GB SDRAM Memory
c) Harddisk : 150GB
2) Monitor : Resolusi 1024x600
3) Mouse : Standard PS/2 Mouse
4) Keyboard : Standard PS/2 Keyboard
69
5) Koneksi internet : Kecepatan 2 Mbps.
b. Client
1) CPU
a) Processor :Intel Atom Inside 1.60 GHz
b) Memory : 1GB SDRAM Memory
c) Harddisk : 150GB
2) Monitor : Resolusi 1024x600
3) Mouse : Standar PS/2 Mouse
4) Keyboard : Standar PS/2 keyboard
5) Koneksi internet : Kecepatan 2 Mbps.
2. Spesifikasi Perangkat Lunak
a. Server
1) Sistem Operasi : Microsoft Windows 7 Ultimate.
2) Browser : Mozilla Firefox dan Google Chrome.
3) DBMS : MySQL
4) Web Server : PHP, phpMyAdmin, Apache Server
b. Client
1) Sistem Operasi : Microsoft Windows 7.
2) Web Browser : Mozilla Firefox dan Google Chrome.
70
C. Pengujian Unit
Pengujian terhadap program yangdibuat menggunakan blackbox testing yang
fokus terhadap proses masukan dan keluaran program diantarnya adalah sebagai
berikut:
1. Pengujian Terhadap Form Login
Pengujian blackbox testing ini berdasarkan pada Form Login yang telah dibuat
pada website
Tabel III.6
Hasil Pengujian Black Box Testing Halaman Form Login
No Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Usernamedan password tidak diisi kemudianklik tombol login
Username : (kosong)
password :(kosong)
Sistem akan menolak akses user dan menampilkan “gagal login”
Sesuai harapan
Valid
2. Mengetikan usernamedan password tidak diisi ataukosong kemudianklik tombol login
Username : Admin
Password: (kosong)
Sistem akan menolak akses user dan menampilkan “gagal login”
Sesuai harapan
Valid
3. Username tidak diisi (kosong) dan password diisi kemudian klik tombol login
Username: (kosong)password : admin
Sistem akan menolak akses user dan menampilkan “gagal login”
Sesuai harapan
Valid
71
4. Mengetikkan salah satu kondisi salah pada user nama atau password kemudian klik tombol login
Username : Admin (benar) Password : Admin (benar)
Sistem akan menolak akses user dan menampilkan “gagal login”
Sesuai harapan
Valid
5. Mengetikkan user nama dan password dengan data yang benar kemudian klik tombol login
User nama : Admin (benar) Password : Admin (benar)
Sistem menerima akseslogin dan kemudian langsung menampilkan menu utama
Sesuai harapan
Valid
Sumber: Hasil Penelitian (2017)
2. Pengujian Terhadap FormData Barang
Tabel III.7
Hasil Pengujian Black Box Testing Halaman Form Data Barang
No Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Jika nama barang, kategori, deskripsi, harga dan foto tidak diisi kemudian klik tombol simpan
Jika semua form inputan tidak diisi.
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- Nama Barang tidak boleh kosong
-Kategoriharus dipilih
-
Sesuai harapan
Valid
72
Deskripsitidak boleh kosong
-Harga tidak boleh kosong
-Foto tidak boleh kosong
2. Jika nama barang diisi dan kategori, deskripsi, harga dan foto tidak diisi kemudian klik tombol simpan
Nama barang diisi tetapi form lainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
-Kategoriharus dipilih
-Deskripsi tidak boleh kosong
-Harga tidak boleh kosong
-Foto tidak boleh kosong
Sesuai harapan
Valid
3. Jika kategori diisi dan nama barang, deskripsi, harga dan foto tidak diisi kemudian klik tombol simpan tombol simpan
Kategori diisi tetapi form lainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- Nama Barang tidak
Sesuai harapan
Valid
73
boleh kosong
-Kategoriharus dipilih
-Deskripsi tidak boleh kosong
-Harga tidak boleh kosong
-Foto tidak boleh kosong
4. Jika deskripsi diisi dan nama barang, kategori , harga dan foto tidak diisi kemudian klik tombol simpan.
deskripsi diisi tetapi form lainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- Nama Barang tidak boleh kosong
-Kategoriharus dipilih
-Harga tidak boleh kosong
-Foto tidak boleh kosong
Sesuai harapan
Valid
5. Jika harga diisi dan nama barang ,kategori, deskripsi dan foto tidak diisi
harga diisi tetapi form lainnya dikosongkan
Sistem akan menolak akses user dan menampilkan Sesuai
Valid
74
kemudian klik tombol simpan.
“Maaf, data belum lengkap :
- Nama Barang tidak boleh kosong
-Kategoriharus dipilih
-Deskripsi tidak boleh kosong
-Foto tidak boleh kosong
harapan
6. Jika deskripsi diisi dan nama barang, kategori , harga dan foto tidak diisi kemudian klik tombol simpan.
deskripsi diisi tetapi form lainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- Nama Barang tidak boleh kosong
-Kategoriharus dipilih
-Harga tidak boleh kosong
-Foto tidak boleh kosong
Sesuai harapan
Valid
75
7. Jika foto diisi dan nama barang, kategori , harga dan deskiripsi tidak diisi kemudian klik tombol simpan.
foto diisi tetapi form lainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- Nama Barang tidak boleh kosong
-Kategoriharus dipilih
-Deskripsi tidak boleh kosong
-Harga tidak boleh kosong
Sesuai harapan
Valid
8. Mengisi semua data pada form inputan kemudian klik Simpan
Semua form inputan diisi
Sistem akan menerima akses user dan menampilkan “data berhasil disimpan”
Sesuai harapan
Valid
Sumber: Hasil Penelitian (2017)
3. Pengujian Terhadap Form Kategori
Tabel III.8
Hasil Pengujian Black Box Testing Halaman Form kategori
No Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
76
1. Jika Kategori tidak diisi kemudian klik tombol simpan
Semua form imputan tidak diisi
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- kategori tidak boleh kosong
-keterangan indikasi gol tidak boleh kosong”
Sesuai harapan
Valid
2. Mengisi semua data pada form inputan kemudian klik Simpan
Semua form inputan diisi
Sistem akan menerima akses user dan menampilkan “data berhasil disimpan”
Sesuai harapan
Valid
Sumber: Hasil Penelitian (2017)
4. Pengujian Terhadap Form Data Service
Tabel III.9
Hasil Pengujian Black Box Testing Halaman Form Data Service
No Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Jika nama, tanggal service, no hp, keluhan tidak diisi kemudian klik tombol simpan
Tidak mengisikan data pada form imputan area pelanggan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum
Sesuai harapan
Valid
77
lengkap :
- Nama tidak boleh kosong
-Tanggal Service tidak boleh kosong
- No Hp tidak boleh kosong
- Keluhan tidak boleh kosong”
2. Jika nama diisi, tanggal service, no hp, keluhan tidak diisi kemudian klik tombol simpan
Nama diisi tetapi formlainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
-Tanggal Servicetidak boleh kosong
- No Hp tidak boleh kosong
-Keluhan tidak boleh kosong”
Sesuai harapan
Valid
3. Jika tanggal service diisi, nama, no hp, keluhan tidak diisi kemudian klik tombol simpan
Tanggal service diisi tetapi formlainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum
Sesuai harapan
Valid
78
lengkap :
- Nama tidak boleh kosong
- No Hp tidak boleh kosong
- Keluhan tidak boleh kosong”
4. Jika no hp diisi, nama, tanggal service , keluhan tidak diisi kemudian klik tombol simpan
no hp service diisi tetapi formlainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- Nama tidak boleh kosong
- Tanggal Service tidak boleh kosong
- Keluhan tidak boleh kosong”
Sesuai harapan
Valid
5. Jika keluhandiisi, nama, tanggal service , no hp tidak diisi kemudian klik tombol simpan
keluhan diisi tetapi formlainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- Nama tidak boleh kosong
Sesuai harapan
Valid
79
- Tanggal Service tidak boleh kosong
- No Hp tidak boleh kosong”
6. Mengisi semua data pada form inputan kemudian klik Simpan
Semua form inputan diisi
Sistemakan menerima akses user dan menampilkan “data berhasil disimpan”
Sesuai harapan
Valid
Sumber: Hasil Penelitian (2017)
5. Pengujian Terhadap Form Status Service
Tabel III.10
Hasil Pengujian Black Box Testing Halaman Form Status Service
No Skenario Pengujian Test case Hasil yang diharapkan
Hasil pengujian
Kesimpulan
1. Jika semua form tidak diisi kemudian klik tombol simpan.
Tidak mengirisikan data pada semua form inputan.
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- Keterangantidak boleh kosong
- Total biayatidak boleh kosong
Sesuai harapan
Valid
80
- Tanggal Inputtidak boleh kosong”
2. Jika Keterangan diisi, total biaya, tanggal input tidak diisi kemudian klik tombol simpan
Keterangan diisi tetapi formlainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- Total biaya tidak boleh kosong
- Tanggal Input tidak boleh kosong
Sesuai harapan
Valid
3. Jika total biaya diisi, Keterangan, tanggal input tidak diisi kemudian klik tombol simpan
Total biaya diisi tetapi formlainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data belum lengkap :
- Keterangan tidak boleh kosong
- Tanggal Input tidak boleh kosong
Sesuai harapan
Valid
4. Jika tanggal inputdiisi, total biaya, Keterangantidak diisi kemudian klik
tanggal inputdiisi tetapi formlainnya dikosongkan
Sistem akan menolak akses user dan menampilkan “Maaf, data
Sesuai Valid
81
tombol simpan belum lengkap :
- Keterangan tidak boleh kosong
- Total biaya tidak boleh kosong
harapan
5. Mengisi semua data pada form inputan kemudian klik Simpan
Semua form inputan diisi
Sistem akan menerima akses user dan menampilkan “data berhasil disimpan”
Sesuai harapan
Valid
Sumber: Hasil Penelitian (2017).