BAB III PEMBAHASAN 3.1 Tinjauan Perusahaan filemasih manual antara pegawai dan kasir sehingga sering...

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.


SLIDE


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.


SLIDE


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


SLIDE

X X X X X XXXXXXXXX

XXXXXXXXXXXXXXXXXXXXXXX


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


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


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


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.


SLIDE

Kategori

Kategori :

xxxx xxxx xxxx xxxx

xxxx xxxx xxxx xxxx

xxxx xxxx xxxx xxxx

Simpan Batal


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.


SLIDE

Data Service

Nama

Tanggal Service

No Hp

Keluhan

xxxx xxxx xxxx xxxx

xxxx xxxx xxxx xxxx

xxxx xxxx xxxx xxxx

Simpan Batal


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


SLIDE

Data User

Username

Password

Level

xxxx xxxx xxxx xxxx

xxxx xxxx xxxx xxxx

xxxx xxxx xxxx xxxx

Simpan Batal


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


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.


SLIDE

No Nama Barang Kategori Des Harga Foto

x xxxx xx xxx xxxx Z




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.


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


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.


SLIDE

No username Level

x xxxx xx

x xxxx xx

x xxxx xx

Data User


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


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


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


2. Spesifikasi File Data Service

Nama File : Data Service

Akronim : data_service. Frm

Fungsi : Untuk menyimpan data service

Type File : File Master

54


Akses File : Random

Media : Hard disk


Kunci Field : id_service

Software : MySQL

Tabel III. 2Spesifikasi FileData Service


3. SpesifikasiFileKategori

Nama File : kategori

Akronim : kategori. Frm

Fungsi : Untuk menyimpan data kategori

Tipe File : FileMaster


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


4. Spesifikasi FileStatus Service

Nama File : status_service

Akronim : status_service. Frm

Fungsi : Untuk menyimpan data status service

Tipe File : FileMaster


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


5. Spesifikasi Fileuser User

Nama File : t_user

Akronim : t_user.Frm

Fungsi : Untuk menyimpan data user

TypeFile : File Master


Akses File : Random

Media : Hard disk


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


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


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


website yang telahdibuat.

main

Beranda Data Barang Kategori Data Service

index

Data User Keluar


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


website yang telah dibuat.

pemilik

Beranda Data Barang Data Service

index

Data User Keluar


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


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.


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.


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


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.


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.


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


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.


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.


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


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.


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.


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


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)


Sesuai harapan

Valid

3. Username tidak diisi (kosong) dan password diisi kemudian klik tombol login

Username: (kosong)password : admin


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)


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


2. Pengujian Terhadap FormData Barang

Tabel III.7

Hasil Pengujian Black Box Testing Halaman Form Data Barang


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



-Deskripsi 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


- Nama Barang tidak

Sesuai harapan

Valid

73

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






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 :





harapan

6. Jika deskripsi diisi dan nama barang, kategori , harga dan foto tidak diisi kemudian klik tombol simpan.

deskripsi diisi tetapi form lainnya dikosongkan






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






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


3. Pengujian Terhadap Form Kategori

Tabel III.8

Hasil Pengujian Black Box Testing Halaman Form kategori


Hasil pengujian

Kesimpulan

76

1. Jika Kategori tidak diisi kemudian klik tombol simpan

Semua form imputan tidak diisi


- kategori tidak boleh kosong

-keterangan indikasi gol tidak boleh kosong”

Sesuai harapan

Valid




Sesuai harapan

Valid


4. Pengujian Terhadap Form Data Service

Tabel III.9

Hasil Pengujian Black Box Testing Halaman Form Data Service


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


-Tanggal Servicetidak 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 :




4. Jika no hp diisi, nama, tanggal service , keluhan tidak diisi kemudian klik tombol simpan

no hp service diisi tetapi formlainnya dikosongkan



- Tanggal Service 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



Sesuai harapan

Valid

79

- Tanggal Service tidak boleh kosong

- No Hp tidak boleh kosong”



Sistemakan menerima akses user dan menampilkan “data berhasil disimpan”

Sesuai harapan

Valid


5. Pengujian Terhadap Form Status Service

Tabel III.10

Hasil Pengujian Black Box Testing Halaman Form Status Service


Hasil pengujian

Kesimpulan

1. Jika semua form tidak diisi kemudian klik tombol simpan.

Tidak mengirisikan data pada semua form inputan.


- 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


- 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


- 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




Sesuai harapan

Valid

Sumber: Hasil Penelitian (2017).

BAB III PEMBAHASAN 3.1 Tinjauan Perusahaan filemasih manual antara pegawai dan kasir sehingga sering...

Documents

Transcript of BAB III PEMBAHASAN 3.1 Tinjauan Perusahaan filemasih manual antara pegawai dan kasir sehingga sering...