25 3.1. Tinjauan Perusahaan
3.1.1. Sejarah Perusahaan
PT. Tunas Tumbuh Bersama merupakan perusahaan yang bergerak dibidang
engineering baik jasa maupun produksi. Perusahaan ini berdiri sejak 2014 yang di
pimpin oleh Bapak Ipin Susanto dan beralamat di Kawasan Industri Jababeka Tahap II Jl. Industri Selatan VII blok EE6-E Cikarang, Bekasi. PT. Tunas Tumbuh Bersama kini mulai merintis menjadi Supplier Of Consumable Tools dan sudah bekerja sama dengan beberapa perusahaan ternama di Indonesia.
PT. Tunas Tumbuh Bersama mempunyai beberapa jasa yaitu Laser Lelding,
EDM Processing, High Precision CNC Machining, Precision Surface Grinder, Mol
Maker, Jig, dan Fixture. Jasa PT. Tunas Tumbuh Bersama dipilih karna semuanya
merupakan jasa yang dilayani dengan standar kualitas mutu dan harga yang kompetitif. Perusahaan ini juga mempunyai produksi yaitu wearing parts dari mesin
shotcrete. Dengan sumber daya dan pengalaman yang dimiliki oleh perusahaan ini
untuk menjaga kepuasan dan komitmen kepada klien maka PT. Tunas Tumbuh Bersama mampu bersaing dengan beberapa perusahaan sekelasnya.
3.1.2. Visi Dan Misi Perusahaan
PT. Tunas Tumbuh Bersama mempunyai visi dan misi perusahaan yaitu;
1. Visi
Membuat produk yang dihasilkan oleh perusahaan ini selalu mempunyai inovasi dan berorientasi pada kepuasan pelanggan
2. Misi
a. Untuk membangun tim yang kuat dan bisa diandalkan
b. Memberikan pelayanan prima dengan harga bersaing, kualitas terbaik, pengiriman tepat waktu
3.1.3. Struktur Organisasi dan Fungsi
A. Struktur Organisasi
Sumber : PT. Tunas Tumbuh Bersama
Gambar III.1.
Struktur Organisasi PT. Tunas Tumbuh Bersama B. Fungsi Organisasi
1. Direktur
Posisi ini di tempati sendiri oleh Bapak Ipin Susanto yang sebagai pendiri, pemimpin, dan secara umum yang bertanggung jawab mengatur perusahaan secara keseluruhan.
2. Wakil Direktur Utama
Posisi ini di tempati oleh Bapak Joko Suseno yang mempunyai tugas sebagai wakil dari Bapak Ipin Susanto, Mengkoordinasikan dan mengawasi semua kegiatan di perusahaan, mulai bidang administrasi, kepegawaian hingga pengadaan barang.
3. Administrasi
Posisi ini di tempati oleh Ibu Resti Mulyani S. yang mempunyai tugas dalam struktur organisasi sebagai seorang yang mengatur file untuk merencanakan, melaksanakan dan mengendalikan pemanfaatan sumber daya. baik itu sumber daya manusianya ataupun keuangan dalam kegiatan entitas secara efisien dan efektif.
4. Manager Produksi
Posisi ini di tempati oleh Bapak Rusdi Istandi yang mempunyai tugas dalam struktur organisasi sebagai seorang yang bertanggung jawab atas segala mekanisme manajemen produksi secara teknis yang meliputi pengawasan, dan pengendalian proses produksi.
5. Sales
Posisi ini di tempati oleh Bapak Harmoko dan Ibu Diah Wulan yang mempunyai tugas dalam struktur organisasi sebagai bagian yang menangani penjualan dan pemasaran di perusahaan.
3.2. Analisa Kebutuhan
3.2.1. Kebutuhan Pengguna
Analisis pengguna akan merujuk pada siapa saja pengguna dari perangkat lunak yang akan dirancang, dan dipisahkan menurut spesifikasi kebutuhan si pengguna. Kegunaan dari analisa ini adalah untuk memudahkan untuk si penulis dalam membangun webnya berdasarkan kebutuhan penggunanya. Adapun pengguna dari website yang akan dibangun antara lain, yaitu:
1. Pengguna User
User merupakan jenis pengguna yang akan melihat apa saja yang ada di dalam
website. User bisa melihat produk lalu memasukannya ke dalam keranjang.
Namun harus melakukan registrasi dahulu untuk melakukan transaksi, bila sudah terdaftar sebagai akun maka akan langsung login dan diarahkan ke menu keranjang dan Konfirmasi guna melanjutkan transaksinya.
2. Pengguna Admin
Admin merupakan petugas yang mengatur dan mengelola jalannya transaksi di dalam website. Diantaranya melihat data customer, mengelola data stok barang, mengelola data transaksi, mengelola data profil, dan mengelola data testimoni
3. Pengguna Sistem
Sistem dapat melihat dan mengelola semua menu yang ada di dalam website
3.3. Perancangan Perangkat Lunak 3.3.1. Rancangan Antarmuka
Perancangan antar muka bertujuan untuk memberikan gambaran bagaimana nantinya aplikasi website akan dibuat, sehingga mudah untuk menerapkannya kedalam pengerjaan aplikasi website-nya nanti. Rancangan antarmuka yang akan dibuat, didisain semenarik mungkin se-efisien mungkin tanpa melupakan kegunaanya itu sendiri. Berikut rancangan yang akan diterapkan kedalam aplikasi website, diantaranya ada 2 rancangan antarmuka yaitu:
A. Rancangan Antarmuka User
1. Rancangan Antarmuka Halaman Awal
Gambar III.2.
2. Rancangan Antarmuka Halaman Produk
Gambar III.3.
Rancangan Antarmuka Halaman Produk 3. Rancangan Antarmuka Halaman Kerangjang
Gambar III.4.
4. Rancangan Antarmuka Halaman Data Diri
Gambar III.5.
Rancangan Antarmuka Halaman Data Diri 5. Rancangan Antarmuka Halaman Rincian Pembelian
Gambar III.6.
6. Rancangan Antarmuka Halaman Konfirmasi Pembayaran
Gambar III.7.
Rancangan Antarmuka Halaman Konfirmasi Pembayaran
7. Rancangan Antarmuka Halaman Panduan Pembayaran
Gambar III.8.
8. Rancangan Antarmuka About Us
Gambar III.9.
Rancangan Antarmuka Halaman About US 9. Rancangan Antarmuka Halaman Testimoni
Gambar III.10.
B. Rancangan Antarmuka Admin
1. Rancangan Antarmuka Halaman Log in Admin
Gambar III.11.
Rancangan Antarmuka Halaman Log In Admin 2. Rancangan Antarmuka Halaman Data pemesanan
Gambar III.12.
3. Rancangan Antarmuka Halaman Data Stok Barang
Gambar III.13.
Rancangan Antarmuka Halaman Data Stok Barang 4. Rancangan Antarmuka Halaman Tambah Barang
Gambar III.14.
5. Rancangan Antarmuka Halaman Data Member
Gambar III.15.
Rancangan Antarmuka Halaman Data Member 6. Rancangan Antarmuka Halaman Edit Testimoni
Gambar III.16.
7. Rancangan Antarmuka Halaman Cetak Laporan
Gambar III.17
Rancangan Antarmuka Cetak Laporan
3.3.2. Basis Data
Dalam merancang basis data, penulis menggambarkannya dengan metode
Entity Relationship Diargam (ERD) dan Logical Record Structure (LRS), dan
A. Entity Relationship Diagram (ERD)
Member 1 pemesanan M Produk
Admin 1 Melihat pemesanan 1 konfirmasi 1 Melakukan update 1 Profile 1 melakukan Testimoni/ guestbook 1 Konfirmasi pembayara n nama idanggota user alamat kota provinsi kodepos tanggal pass email telpon 1 idadmin nama kelamin email user password email Id_gb tgl nama jmlh bank kode idkonfirm pesan idbrg tgl namabrg spek hargabrg stok gambar tipe isi pesan Melakukan pengiriman Gambar III.18
B. Logical Relational Struktur (LRS)
Gambar III.19
C. Spesifikasi File
1. Spesifikasi Tabel Admin
Nama File : admin
Tipe : File Master
Organisasi : Indexed Sequental
Akses File : Random
Media : Hard disk
Pangjang Record : 159 Karakter
Kunci Field : id_admin
Software : MySql
Tabel III.1.
Spesifikasi File Admin
No Elemen Data Akronim Type Panjang Keterangan
1 Identitas Admin id_admin int 11 PRIMARY
2 Nama nama varchar 35 -
3 Email email varchar 25 -
4 kelamin kelamin varchar 8 -
5 user user varchar 25 -
6 Password password varchar 25
7 uname uname varchar 30 -
2. Spesifikasi Tabel Daftar
Nama File : daftar
Tipe : File Master
Akses File : Random
Media : Hard disk
Pangjang Record : 245 Karakter
Kunci Field : id_anggota
Software : MySql
Tabel III.2. Spesifikasi Tabel Daftar
No Elemen Data Akronim Type Panjang Keterangan 1 Identitas Anggota idanggota int 10 PRIMARY
2 Nama Anggota nama varchar 50 -
3 User user varchar 20 -
4 Email email varchar 50
5 Password pass varchar 20 -
6 Tanggal tanggal varchar 30 -
7 Alamat alamat text
8 Kota kota varchar 20
9 Kode Pos kodepos varchar 10
10 Provinsi provinsi varchar 20
11 No Telepon telpon varchar 15 -
3. Spesifikasi Tabel Guestbook
Nama File : guestbook
Tipe : File Master
Organisasi : Indexed Sequental
Akses File : Random
Media : Hard disk
Kunci Field : id_gb
Software ` : MySql
Tabel III.3.
Spesifikasi Tabel Guestbook
No Elemen Data Akronim Type Panjang Keterangan
1 Identitas Guestbook id_gb int 15 PRIMARY
2 Tanggal Tgl varchar 25 -
3 Nama nama varchar 25 -
4 Email email varchar 25
5 Pesan pesan text 11 -
4. Spesifikasi Tabel Konfirmasi
Nama File : konfirmasi
Tipe : File Master
Organisasi : Indexed Sequental
Akses File : Random
Media : Hard disk
Pangjang Record : 56 Karakter
Kunci Field : id_konfirm
Software ` : MySql
Tabel III.4.
Spesifikasi Tabel Konfirmasi
No Elemen Data Akronim Type Panjang Keterangan 1 Identitas Konfirmasi idkonfim int 10 PRIMARY
2 Jumlah Jmlh duoble - -
3 Bank bank int 11 -
4 Kode kode varchar 15 -
5 Pesan pesan text 20 -
5. Spesifikasi Tabel Pemesanan
Nama File : pemesanan
Tipe : File Master
Organisasi : Indexed Sequental
Akses File : Random
Media : Hard disk
Pangjang Record : 36 Karakter
Kunci Field : idpesan
Software ` : MySql
Tabel III.5.
Spesifikasi Tabel Pemesanan
No Elemen Data Akronim Type Panjang Keterangan
1 Identitas Pesan idpesan int 4 PRIMARY
2 Identitas Shop idshop int 11 -
3 Identitas Barang idbrg int 11 -
4 Status status varchar 10 -
6. Spesifikasi Tabel Produk
Nama File : produk
Tipe : File Master
Organisasi : Indexed Sequental
Akses File : Random
Media : Hard disk
Pangjang Record : 119 Karakter
Kunci Field : idbrg
Software ` : MySql
Tabel III.6.
Spesifikasi Tabel Produk
No Elemen Data Akronim Type Panjang Keterangan
1 Identitas Barang idbrg int 11 PRIMARY
2 Tanggal Tgl timestamp - -
3 Nama Barang namabrg varchar 50 -
4 Spesifikasi spek text - -
5 Harga Barang hargabrg int 11 -
6 Stok Stok int 11 -
7 Gambar gambar varchar 25 -
8 tipe Tipe int 11 -
7. Spesifikasi Tabel Shoping
Nama File : shoping
Tipe : File Master
Organisasi : Indexed Sequental
Media : Hard disk
Pangjang Record : 85 Karakter
Kunci Field : idshop
Software ` : MySql
Tabel III.7.
Spesifikasi Tabel Shoping
No Elemen Data Akronim Type Panjang Keterangan
1 Identitas Shoping idshop int 4 PRIMARY
2 Identitas Anggota idanggota int 4 -
3 Tanggal Tgl timestamp - -
4 Status status varchar 11 -
5 Kode kode varchar 50 -
6 Tiki Tiki int 8 -
7 Identitas Tiki tiki_id varchar 8 -
8. Spesifikasi Tabel voting
Nama File : voting
Tipe : File Master
Organisasi : Indexed Sequental
Akses File : Random
Media : Hard disk
Pangjang Record : 15 Karakter
Kunci Field : -
Software ` : MySql
Tabel III.8. Spesifikasi Voting
No Elemen Data Akronim Type Panjang Keterangan
1 Bagus bagus int 5
2 Jelek jelek int 5 -
3 Tidak Tahu tidaktahu int 5 -
4 waktu waktu time - -
3.3.3. Rancangan Struktur Navigasi
Rancangan struktur navigasi adalah hal terakhir dalam merancang atau membangun sebuah aplikasi. Hal ini bertujuan untuk mempertegas alur dan struktur dari suatu aplikasi. Dalam rancangan struktur navigasi user yang akan di implementasikan pada aplikasi website ini termasuk dalam struktur navigasi campuran, karna menggabungkan ketiga macam struktur navigasi lainya. Sedangkan rancangan struktur navigasi yang akan di rancang termasu kedalam struktur navigasi hirarki. Berikut gambaran struktur navigasi yang dijelaskan diatas.
1. Rancangan Struktur Navigasi User
Gambar III.19.
2. Rancangan Struktur Navigasi Admin
Gambar III.20.
3.4. Implementasi dan Pengujian Unit 3.4.1. Implementasi
A. Implementasi dan Rancangan Antar muka 1. Tampilan Antarmuka Halaman Awal User
Gambar III.21.
Tampilan Antarmuka Halaman Awal User
Gambar III.22.
Tampilan Antarmuka Halaman Produk 3. Tampilan Antarmuka Halaman Daftar
Gambar III.23.
Tampilan Antarmuka Halaman Daftar
4. Tampilan Antarmuka Halaman Testimoni
Gambar III.24.
5. Tampilan Antarmuka Halaman Keranjang
Gambar III.25.
Tampilan Antarmuka Halaman Keranjang
6. Tampilan Antarmuka Halaman Rincian Pembelian
Gambar III.26.
7. Tampilan Antarmuka Halaman Contact Us
Gambar III.27.
Tampilan Antarmuka Halaman Contact Us
8. Tampilan Antarmuka Halaman Home Admin
Gambar III.28.
9. Tampilan Antarmuka Halaman Tambah Produk
Gambar III.29.
Tampilan Antarmuka Halaman Tambah Produk
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang dibutuhkan untuk meng implementasikan applikasi website informasi penjualan
wearing parts ini:
1. Spesifikasi Perangkat Keras A. Server
1) CPU
a) Minimal processor intel® Pentium core 2 duo b) Minimal RAM DDR3 2GB
c) Minimal Hard Disk 500GB 2) Mouse
3) Keyboard 4) Monitor
5) Koneksi internet
B. Client
1) CPU
a) Minimal processor intel® Pentium core 2 duo b) Minimal RAM DDR3 2GB
c) Minimal Hard Disk 500GB 2) Mouse
3) Keyboard 4) Monitor
5) Koneksi internet
2. Spesifikasi Perangkat Lunak A. Server
1) Sistem operasi: Microsoft Windows atau Linux 2) Web Server: Apache Server dan My SQL Server 3) Web Browser: Mozilla Firefox dan Google Chrome
B. Client
1) Sistem operasi: Microsoft Windows atau Linux 2) Web Browser: Mozilla Firefox dan Google Chrome
3.4.2. Pengujian Unit
Guna dari pengujian unit ini adalah untuk menemukan kesalahan dan segala kemungkinan yang akan menimbulkan kesalahan. Supaya website yang sudah dirancang berjalan dengan yang semestinya. Adapun metode pengujian unit yang akan dilakukan adalah menggunakan metode black box testing yang sering digunakan untuk menemukan bug dalam high level operations, pada tingkatan fitur, profil operasional dan skenario. Teknik pengujian ini biasa disebut juga sebuah teknik pengujian fungsional yang merancang test case berdasarkan informasi dari spesifikasi. 1. Pengujian Terhadap Form Log In Admin
Tabel III.9.
Hasil Pengujian Black Box Testing Halaman Log In Admin
No Skenario
Pengujian Test Case Hasil Yang Diharapkan
Hasil Pengujian Kesimpulan 1 Username Admin dan Password tidak diisi Kemudian klik tombol (log in) Username (kosong) Password (kosong)
Sistem akan menolak dan menampilkan”Username harus diisi! Sesuai Pengujian Valid 2 Memasukan usename admin dan password tidak diisi kemudian tombol (log in) Username (admin) Password (kosong)
Sistem akan menolak dan menampilkan "Password harus diisi"
Sesuai Pengujian Valid 3 Memasukan usename kosong dan password Username (kosong) Password (12345678)
Sistem akan menolak dan menampilkan "Username harus diisi"
Sesuai
2. Pengujian Terhadap Form Tambah Barang Tabel III.10.
Hasil Pengujian Black Box Testing Halaman Tambah Barang diisi kemudian tombol (log in) 4 Memasukan dengan kondisi salah satu data benar dan salah (atau sebaliknya), kemudian klik tombol (log in) Username (admin) Password salah (xxxx23)
Sistem akan menolak dan menampilkan "Anda tidak berhak mengakses, silahkan login" Sesuai Pengujian Valid 5 Memasukan username admin dan password yang benar, kemudian klik tombol (log in) Username (admin) Password (12345678)
Sistem akan menerima dan langsung masuk ke halaman admin
Sesuai
Pengujian Valid
N
o Skenario Pengujian Test Case
Hasil Yang Diharapkan Hasil Pengujian Kesimp ulan 1 Nama barang, harga barang, stok barang,
spesifikasi,gambar tidak ada yang diisi, kemudian klik tombol (kirim)
tanggal (keisi otomatis), Nama Barang (kosong), Spesifikasi (kosong), Harga (kosong), Stok (kosong), Gambar (kosong) Sistem akan menolak dan akan menampilkan "Data anda belum lengkap" Sesuai Pengujian Valid
2 Nama barang diisi, namun harga tanggal (keisi otomatis), Nama Sistem akan menolak dan Sesuai Pengujian Valid
3. Pengujian Terhadap Form Log In User
Tabel III.11.
Hasil Pengujian Black Box Testing Halaman Log In User
No Skenario
Pengujian Test Case
Hasil Yang Diharapkan Hasil Pengujia n Kesimpula n barang, stok barang, spesifikasi,gambar tidak ada yang diisi, kemudian klik tombol (kirim) Barang (), Spesifikasi (kosong), Harga (kosong), Stok (kosong), Gambar (kosong) akan menampilkan "Data anda belum lengkap" 3 Nama barang, harga barang diisi, namun stok barang, spesifikasi,gambar tidak ada yang diisi, kemudian klik tombol (kirim) tanggal (keisi otomatis), Nama Barang (kosong), Spesifikasi (kosong), Harga (750000), Stok (kosong), Gambar (kosong) Sistem akan menolak dan akan menampilkan "Data anda belum lengkap" Sesuai Pengujian Valid 4 Nama barang, harga barang, stok barang tidak diisi, namun
spesifikasi,gambar diisi, kemudian klik tombol (kirim) tanggal (keisi otomatis), Nama Barang (kosong), Spesifikasi (dimensi 20x220x20), Harga (kosong), Stok (kosong), Gambar (gs.jpg) Sistem akan menolak dan akan menampilkan "Data anda belum lengkap" Sesuai Pengujian Valid 5 Nama barang, harga barang, stok barang, dan spesifikasi diisi, namun dan gambar tidak diisi, kemudian klik tombol (kirim) tanggal (keisi otomatis), Nama Barang (Clamping Device), Spesifikasi (dimensi20x220x20), Harga 750000), Stok (20), Gambar (kosong) Sistem akan menolak dan akan menampilkan "Data anda belum lengkap" Sesuai Pengujian Valid 6
Nama barang, harga barang, stok barang,
spesifikasi,gambar diisi semua, kemudian klik tombol (kirim) tanggal (keisi otomatis), Nama Barang (Clamping Device), Spesifikasi (dimensi20x220x20), Harga 750000), Stok (20), Gambar (gs.jpg) Sistem akan menerima dan menyimpan input barang Sesuai Pengujian Valid
1 Username Admin dan Password tidak diisi Kemudian klik tombol (log in) Username (kosong) Password (kosong Sistem akan menolak dan menampilkan”Maaf , Username dan Password Anda masih kosong!" Sesuai Pengujia n Valid 2 Memasukan usename admin dan password tidak diisi kemudian tombol (log in)
Username (rezza) Password (kosong) Sistem akan menolak dan menampilkan "Maaf, Password Anda masih kosong!" Sesuai Pengujia n Valid 3 Memasukan usename kosong dan password diisi kemudian tombol (log in)
Username (kosong) Password (rezza) Sistem akan menolak dan menampilkan "Maaf, Username Anda masih kosong!" Sesuai Pengujia n Valid 4 Memasukan dengan kondisi salah satu data benar dan salah (atau sebaliknya), kemudian klik tombol (log in)
Username (rezza) Password (rezza) Sistem akan menolak dan menampilkan "Password atau Username Anda salah!!" Sesuai Pengujia n Valid 5 Memasukan username admin dan password yang benar, kemudian klik tombol (log in)
Username (rezza) Password (rezza) Sistem akan menerima dan langsung masuk ke halaman admin Sesuai Pengujia n Valid
4. Pengujian Terhadap Form Pengisian Data diri
Tabel III.12.
Hasil Pengujian Black Box Testing Halaman Pengisian Data diri No Skenario
Pengujian
Test Case Hasil Yang
Diharapkan Hasil Pengujia n Kesimpula n
1 Nama, alamat, kota, provinsi, kode pos, telpon tidak diisi Kemudian klik tombol (Daftar) Nama(otomatis diisi), alamat(kosong), kota(kosong), provinsi(kosong), kode pos(kosong), telpon(kosong) Sistem akan menolak dan akan menampilkan "Maaf, Data anda belum lengkap!" Sesuai Pengujia n Valid 2 Nama, alamat diisi, namun kota, provinsi, kode pos, telpon tidak diisi Kemudian klik tombol (Daftar) Nama(otomatis diisi), alamat(Perum kopo Permai), kota(kosong), provinsi(kosong), kode pos(kosong), telpon(kosong) Sistem akan menolak dan akan menampilkan "Maaf, Data anda belum lengkap!" Sesuai Pengujia n Valid 3 Nama, alamat, kota diisi, namun provinsi, kode pos, telpon tidak diisi Kemudian klik tombol (Daftar) Nama(otomatis diisi), alamat(Perum kopo Permai), kota(Purwakarta), provinsi(kosong), kode pos(kosong), telpon(kosong) Sistem akan menolak dan akan menampilkan "Maaf, Data anda belum lengkap!" Sesuai Pengujia n Valid 4 Nama, alamat, kota, provinsi diisi, namun kode pos, telpon tidak diisi Kemudian klik tombol (Daftar) Nama(otomatis diisi), alamat(Perum kopo Permai), kota(Purwakarta), provinsi(Jawa barat), kode pos(kosong), telpon(kosong) Sistem akan menolak dan akan menampilkan "Maaf, Data anda belum lengkap!" Sesuai Pengujia n Valid 5 Nama, alamat, kota, provinsi, kode pos diisi, namun Nama(otomatis diisi), alamat(Perum kopo Permai), kota(Purwakarta), provinsi(Jawa barat), Sistem akan menolak dan akan menampilkan "Maaf, Data anda belum lengkap!"
Sesuai Pengujia n
telpon tidak diisi Kemudian klik tombol (Daftar) kode pos(41181), telpon(kosong) 6 Nama, alamat, kota, provinsi, kode pos, telpon diiisi semua Kemudian klik tombol (Daftar) Nama(otomatis diisi), alamat(Perum kopo Permai), kota(Purwakarta), provinsi(Jawa barat), kode pos(41181), telpon(08569772496 8) Sistem akan menerima dan menyimpan biodata user Sesuai Pengujia n Valid