1

SMK NEGERI 9 MEDAN Judul : No. Peserta : 01.09-14.15416

Program Studi : Nama Peserta : JOE PETRUS
APLIKASI TOKO
Teknik Komputer dan NAIBORHU
BUKU BERBASIS
Kelas : XII RPL - 1
Informatika
WEB
Kompetensi Keahlian : No. Paket Soal: 2072-P2-16/17
Guru Pembimbing : Paket Soal : 2 (Dua)
Rekayasa Perangkat Lunak
Tanggal Ujian : 09 Maret 2017
ARDIANSYAH, ST
(Kode: 2072)

A. TUJUAN PEMBUATAN JOBSHEET

Adapun tunjuan dan manfaat dari pembuatan job sheet ini, dibagi atas 3 katagori.
Yaitu : Pribadi, Sekolah, dan Umum.

1. Tujan Pribadi
a. Menghasilkan SDM yang berwawasan serta bertanggung jawab.
b. Menumbuhkan sikap disiplin, bertanggung jawab dan mampu dalam bekerja.
c. Mengetahui pelaksanaan Ujian Kompetensi Produktif siswa program keahlian
Rekayasa Perangkat Lunak (RPL).
d. Mengetahui aspek-aspek kompetensi yang diujikan dalam Ujian Kompetensi
Produktif siswa program keahlian Rekayasa Perangkat Lunak (RPL).
e. Mengetauhi kendala-kendala dalam pelaksanaan Ujian Komptetensi Produktif
siswa program keahlian Rekayasa Perangkat Lunak (RPL).
2. Tujuan Sekolah
a. Merupakan salah satu syarat bagi praktikan untuk lulus dari SMK Negeri 9
Medan.
b. Mewujudkan lembaga pendidikan yang berwawasan yang mengacu pada standar
Nasional dan Global.
c. Memudahkan para siswa/i untuk dapat menyusun atau menulis laporan di
kemudian hari.
d. Agar siswa/i mampu memahami proses pembuatan sebuah laporan.
3. Tujuan Umum
a. Memberikan data yang lengkap dan akurat dengan cepat.
b. Semua pihak bisa melihat dan memberikan saran melalui laporan ini.

B. RUANG LINGKUP PEMBUATAN JOBSHEET

Dalam pembuatan Aplikasi Toko Buku ini diberikan ruang lingkup agar pembahasan lebih
terarah dan tidak menyimpang dari tujuan Aplikasi. Adapun batasan masalah yang diberikan
adalah sebagai berikut:
 2

1) Perancangan sistem Aplikasi Toko Buku ini didasarkan pada data Toko Buku dengan
bidangnya masing-masing.
2) Sistem Aplikasi Toko Buku yang dibangun memiliki fasilitas:
a. Pengolahan data Buku meliputi data admin (buku, pasok, distributor , dan
penjualan).
b. Pembuatan data laporan (lap.penjualan).
3) Visualisasi antarmuka sistem informasi Aplikasi Toko Buku melakukan pengolahan data
yang berbasis web.
4) Perancangan sistem informasi Aplikasi Toko Buku menggunakan bahasa pemograman
PHP, HTML, dan CSS untuk tampilan antarmuka dan MySQL untuk pengelolaan basis
data.
5) Perancangan sistem informasi Aplikasi Toko Buku ini memudahkan untuk pengelolaan
data dengan sistem keamanan yang terjamin.

C. KESELAMATAN KERJA

Untuk keselamatan kerja dalam belajar dan pelaksanaan ujian, praktikan harus
mengikuti langkah langkah keselamatan kerja atau K3LH seperti berikut ini:

Kesehatan Keselamatan Kerja Komputer

1. Prinsip K3
Manfaat K3 tidak hanya saat bekerja di lapangan tetapi juga dapat bermanfaat bagi
pekerja kantoran. Seperti halnya prinsip K3 adalah agar kita bekerja dengan aman dan
sehat. Oleh karena itu agar kesehatan kita tidak terganggu, maka dibutuhkan kenyamanan

Aplikasi Toko Buku Berbasis Web |

 3

dalam bekerja seperti halnya pekerja kantor merasa nyaman bekerja saat menggunakan
komputer.

Sebagai pekerja kantoran yang selalu bekerja menggunakan komputer, diperlukan

kenyamanan dalam hal posisi duduk, posisi mata dan posisi tangan di keyboard. Kita
akan membahas lebih detil kenyamanan bekerja dengan komputer ini.

A. Kenyamanan dalam Posisi Duduk

Ketika kita sedang mengoperasikan komputer, diperlukan posisi yang baik dan benar
seperti :
Tempat duduk yang ergonomis yang memiliki sandaran yang nyaman.
Kursi dapat diatur tinggi rendahnya.
Kursi dapat diputar atau dapat bergeser.
B. Kenyamanan pada Posisi Mata
Posisi mata yang baik dan benar di depan komputer yaitu :
Posisi mata pada layar harus lurus.
Posisi mata tidak terlalu tinggi ataupun rendah.
Layar yang digunakan sebaiknya yang memiliki radiasi rendah.
Jangan menggunakan efek warna yang terlalu terang.
Gunakan kaca anti radiasi
C. Kenyamanan Posisi Tangan pada Keyboard
Posisi tangan di keyboard yang baik dan benar yaitu:
Pilihlah tuts keyboard yang lembut.
Gunakan jari sebanyak mungkin ketika mengetik.

2. Memperagakan Posisi Duduk yang Baik dan Benar

Kursi yang digunakan harus memiliki sandaran dan dapat diatur tinggi rendahnya.Jika
menggunakan komputer dalam jjangka waktu yang terlalu lama, istirahatlah sejenak/
berdiri untuk meluruskan badan. Bila duduk terlalu lama dapat berakibat pada punggung
sehingga akan terasa nyeri.

3. Cara Menggunakan Komputer dengan Mematuhi K3

Komputer harus diletakkan di tempat yang aman, aman berarti :

0. Jauh dari jangkauan anak-anak.
1. Jauh dari sumber api.
2. Jauh dari air.
4. Langkah Penggunaan Komputer

1. Memasangkan stop kontak.

2. Menghidupkan power.

Aplikasi Toko Buku Berbasis Web |

 4

3. Tekan tombol on/off.

4. Tunggu beberapa saat. Komputer siap digunakan.

D. ALOKASI WAKTU PENGERJAAN PROJECT

Program Keahlian : Rekayasa Perangkat Lunak

Tahun Pelajaran : 2016/2017 No. Paket Soal : 2072-
P16/17
Hari, Alokasi
No Kegiatan Keterangan
Tanggal Waktu
1. Senin & 1. Persiapan Kerja 4 Jam Penguji
2. Menginstal software
Selasa / 6, 7 Internal /
3. Pembuatan Database meliputi :
Febuari a. Perancangan dan pembuatan Pembimbing
2017 Database
b. Pembuatan Tabel
menggunakan bahasa
pemrograman deskripsi SQL
c. Pengisian Tabel menggunakan
bahasa pemrogramman
deskripsi SQL
d. Pengoperasian Tabel & View
Tabel
e. Pembuatan Relationship antar

Aplikasi Toko Buku Berbasis Web |

 5

Tabel
f. Pembuatan Trigger
g. Pembuatan Backup Basisdata
Senin &
1. Perancangan Peta Situs/Site Map Penguji
Selasa / 13, 2. Design Sketsa Layout halaman Web
2. 4 Jam Internal /
14 Februari 3. Design Template
4. Design Banner dan Animasi Pembimbing
2017
1. Perancangan Sistem dan Database
Senin & 2. Menganalisa sistem Aplikasi TOKO
Penguji
Selasa / 20, BUKU
3. 2 Jam Internal /
21 Februari 3. Membuat Flowchart
4. Membuat halaman Web Dinamis/Form Pembimbing
2017
(Administrator)
Senin & 1. Melanjutkan - Membuat halaman Web
Penguji
Selasa / 27, Dinamis/Form (Administrator)
4. 2. Finalisasi Hasil Kerja (Aplikasi Toko 4 Jam Internal /
28 Februari
Buku) Pembimbing
2017 3. Penyusunan Laporan
Rabu, 01
UJK
Maret 2017
Penguji
5. Dan Kamis, EVALUASI HASIL KERJA 2 Jam
Internal
02 Maret
/External
2017
Total: 16 Jam

Medan, .... Januari 2017

Kepala Sekolah, Waka Kurikulum, Ketua Program Keahlian,

H. SAKTI, S.Pd, M.Pd Drs. RUSTAM ARDIANSYAH, ST

Pembina Tingkat I Pembina Tingkat I Penata Muda Tingkat I
NIP. 19661231 199412 1 011 NIP. 19610911 198703 1 005 NIP. 19831013 201001 1 015

Aplikasi Toko Buku Berbasis Web |

 6

E. DEFENISI APLIKASI TOKO BUKU

Aplikasi TOKO BUKU adalah sebuah Program Aplikasi yang digunakan untuk melakukan
penjualan buku pada sebuah toko buku , ataupun mengatur data buku untuk mempermudah
penjualan kasir dan yang berhubungan dengan toko buku.

Program Aplikasi Toko Buku ini bersifat Open Source Code, artinya semua bagian
programnya terbuka ( tidak dikompilasi ). Stelah membeli paket program toko ini dapat Anda
terapkan pada beberapa komputer kasir, program ini juga dapat Anda modifikasi sendiri sesuai
kebutuhan. Anda dapat memodifikasi/merubah tampilan programnya dengan bantuan text editor
seperti Dreamweaver, Brackets dan sebagainya.

Program aplikasi Penjualan Buku ini dapat diterapkan langsung pada Toko Buku ( BookStore
) yang Anda kelola.

F. METODE PENGEMBANGAN APLIKASI(WATERFALL MODE)

Adapun metode pengembangan aplikasi yang digunakan untuk perancangan aplikasi

sistem informasi Tokobuku berbasis web yakni Waterfall Model.

Aplikasi Toko Buku Berbasis Web |

 7

G. ANALISIS SISTEM BERJALAN

Analisis sistem dapat diartikan sebagai penguraian dari suatu sistem informasi yang utuh
kedalam bagian bagian komponennya dengan maksud untuk mengidentifikasikan dan
mengevaluasi permasalahan, kesempatan, hambatan, yang terjadi dan kebutuhan yang
diharapkan sehingga dapat diusulkan perbaikan.

1.G.1. SISTEM PROSEDURE DIAGRAM (SPD) TOKO BUKU

Digunakan untuk mendefinisikan hubungan antara bagian (pelaku proses), proses

(manual/berbasis komputer) dan aliran data (dalam bentuk dokumen keluaran dan masukan).
Simbol - simbol SPD:

Aplikasi Toko Buku Berbasis Web |

 8

GAMBAR 3.4.1 SIMBOL-SIMBOL DARI SISTEM PROSEDUR DIAGRAM (SPD)

Berikut ini merupakan penerapan system prosedur diagram dalam suatu proses
pengolahan data pada suatu Toko Buku. Sistem Alur Kerja Pada Toko Buku adalah sebagai
berikut
Pada proses pembelian, pembeli akan mencari buku yang ingin di beli, selanjutnya pada
bagian administrasi/kasir menginput data buku. Sistem akan mencetak struk pembelian,
dan kemudian pembeli pulang

Selanjutnya adalah proses pemasukan data penjualan yang sudah di input oleh kasir ,
akan menghasilkan sebuah laporan penjualan untuk kasir dan juga admin/direktur.

Kemudian pada proses penambahan pasok buku, admin/direktur melakukan pengecekan

data kepada distributor yang memasok buku, kemudian admin/direktur menginput data
pasok untuk menambah stok buku yang ditentukan.

Aplikasi Toko Buku Berbasis Web |

 9

Kemudian setelah penginputan pasok buku , maka akan menghasilkan laporan pasok
sebagai tanda bukti bahwa stok buku sudah di tambahkan.

Konsumen/Customer Kasir Admin/Direktur Distributor/Pemasok

Start Laporan

Proses Penjualan Menangani

Pembayaran Pemesanan Buku
Buku dan Client

Memilih Buku

Proses
Penginputan
/ Simpan Pemesanan
Buku

Aplikasi Toko Buku Berbasis Web |

 10

DB

TokoBuku
Proses Input
Data Pasok

Proses
Laporan Pasok

Laporan
Penjualan Selesai

H. Perancangan Basisdata

Untuk pembuatan Aplikasi Toko Buku berbasis Web pada jaringan Internet, maka
dibutuhkan database yang terdiri dari beberapa tabel sebagai media penyimpanan data dari
proses yang dilakukan secara komputerisasi. Dengan menggunakan Database Management
System (DBMS). Adapun DBMS yang digunakan adalah SQL (Structure Query Language).

1.H.1. Struktur Basisdata

Aplikasi Toko Buku Berbasis Web |

 11

1.H.2. Struktur Tabel dan Tipe Data

Contoh Format Struktur Tabel dan Tipe Data:
Nama Tabel : Buku
+-------------+---------------+------+-----+---------+-------+
| Field | Type | Nul | Key | Defaul | Extra |
+-------------+---------------+------+-----+---------+-------+
| id_buku | int(11) | NO | PRI | NULL | |
| judul | text | NO | | NULL | |
| noisbn | text | NO | | NULL | |
| penulis | text | NO | | NULL | |
| penerbit | text | NO | | NULL | |
| tahun | year(4) | NO | | NULL | |
| stok | int(11) | NO | | NULL | |
| harga_pokok | int(11) | NO | | NULL | |
| harga_jual | int(11) | NO | | NULL | |
| ppn | int(11) | NO | | NULL | |
| diskon | int(11) | NO | | NULL | |
| foto | text | NO | | NULL | |
+-------------+---------------+------+-----+---------+-------+

Nama Tabel : Distributor

+------------------+--------------+------+-----+---------+-------+
| Field | Type | Null | Key | Default | Extra |
+------------------+--------------+------+-----+---------+-------+
| id_distributor | int(11) | NO | PRI | NULL | |
| nama_distributor | varchar(100) | NO | | NULL | |
| alamat | text | NO | | NULL | |
| telepon | varchar(100) | NO | | NULL | |
+------------------+--------------+------+-----+---------+-------+

Nama Tabel : User

+----------+--------------+------+-----+---------+-------+

Aplikasi Toko Buku Berbasis Web |

 12

| Field | Type | Null | Key | Default | Extra |

+----------+--------------+------+-----+---------+-------+
| nama | varchar(100) | NO | | NULL | |
| alamat | text | NO | | NULL | |
| notel | varchar(20) | NO | | NULL | |
| status | varchar(10) | NO | | NULL | |
| username | varchar(50) | NO | | NULL | |
| password | varchar(50) | NO | | NULL | |
| level | varchar(10) | NO | | NULL | |
| foto | text(255) | NO | | NULL | |
+----------+--------------+------+-----+---------+-------+

Nama Tabel : Pasok

+----------------+--------------+------+-----+---------+-------+
| Field | Type | Null | Key | Default | Extra |
+----------------+--------------+------+-----+---------+-------+
| id_pasok | varchar(20) | NO | PRI | NULL | |
| id_distributor | int(11) | NO | | NULL | |
| id_buku | int(11) | NO | | NULL | |
| jumlah | int(11) | NO | | NULL | |
| tanggal | timestamp | NO | | NULL | |
+----------------+--------------+------+-----+---------+-------+

Nama Tabel : detail_pasok

+----------------+--------------+------+-----+---------+-------+
| Field | Type | Null | Key | Default | Extra |
+----------------+--------------+------+-----+---------+-------+
| id_distributor | int(11) | NO | PRI | NULL | |
|nama_distributor| varchar(50) | NO | | NULL | |
| judul | varchar(20) | NO | | NULL | |
| harga_pokok | int(11) | NO | | NULL | |
| jumlah | int(11) | NO | | NULL | |
| total | int(11) | NO | | NULL | |
| tanggal | timestamp | NO | | NULL | |
+----------------+--------------+------+-----+---------+-------+

Nama Tabel : detail_penjualan

+----------------+--------------+------+-----+---------+-------+
| Field | Type | Null | Key | Default | Extra |
+----------------+--------------+------+-----+---------+-------+
| id_distributor | int(11) | NO | PRI | NULL | |
|nama_distributor| varchar(50) | NO | | NULL | |
| judul | varchar(20) | NO | | NULL | |
| harga_pokok | int(11) | NO | | NULL | |
| jumlah | int(11) | NO | | NULL | |
| total | int(11) | NO | | NULL | |
| tanggal | timestamp | NO | | NULL | |
+----------------+--------------+------+-----+---------+-------+

Aplikasi Toko Buku Berbasis Web |

 13

Nama Tabel : Penjualan

+--------------+---------------+------+-----+---------+-------+
| Field | Type | Null | Key | Default | Extra |
+--------------+---------------+------+-----+---------+-------+
| id_penjualan | int(11) | NO | PRI | NULL | |
| id_buku | int(11) | NO | | NULL | |
| id_kasir | int(11) | NO | | NULL | |
| harga | decimal(10,0) | NO | | NULL | |
| jumlah | int(100) | NO | | NULL | |
| total | int(100) | NO | | NULL | |
| tanggal | timestamp | NO | | NULL | |
+--------------+---------------+------+-----+---------+-------+

I. Langkah Kerja
1.I.1. Pembuatan Basisdata Pada MySQL
BookDB [(none)]> create database tokobuku;

1.I.2. Membuat Administrasi (user dan password) Basisdata Pada MySQL

Create user joe@localhost identified by 27041998 ;
Grant all privileges on *.* to joe@localhost identified by 27041998 with grant option;

1.I.3. Membuat Database, Tabel dan Mengisi Tabel Data

1. Database Toko Buku
create database tokobuku;

2. Tabel
a. Buku
BookDB [tokobuku]> create table buku(
-> id_buku int (11) not null primary key,
-> judul text not null,
-> noisbn text not null,
-> penulis text not null,
-> penerbit text not null,
-> tahun year (4),
-> stok int (11),
-> harga_pokok int (11),
-> harga_jual int (11),

Aplikasi Toko Buku Berbasis Web |

 14

-> ppn int (11),

-> diskon int (11),
-> foto text );

b. User
BookDB [tokobuku]> create table user(
-> id int (11) not null primary key,
-> nama varchar (100) not null,
-> alamat text,
-> notel varchar (20),
-> status varchar (10),
-> username varchar (50) not null,
-> password varchar (50) not null,
-> level varchar (10) not null,
-> foto text );

c. Penjualan
BookDB [tokobuku]> create table penjualan(
-> id_penjualan int (11) not null primary key,
-> id_buku int (11) not null,
-> id_kasir int (11) not null,
-> jumlah int (100),
-> total int (100),
-> tanggal timestamp );

d. Distrubutor

BookDB [tokobuku]> create table distributor(

-> id_distributor int (11) not null primary key,

Aplikasi Toko Buku Berbasis Web |

 15

-> nama_distributor varchar (100) not null,

-> alamat text,
-> telepon varchar (100));

f. Pasok
BookDB [tokobuku]> create table pasok(
-> id_pasok varchar (20) not null primary key,
-> id_distributor int (11) not null,
-> id_buku int (11) not null,
-> jumlah int (11),
-> tanggal timestamp);

f. Detail_Pasok
BookDB [tokobuku]> create table pasok(
-> id_distributor int (11) not null primary key,
-> nama_distributor varchar (50) not null,
-> judul varchar (20) not null,
-> harga_pokok int (11),
-> jumlah int (11),
-> total int(11));

g. Detail_Penjualan
BookDB [tokobuku]> create table pasok(
-> id_distributor int (11) not null primary key,
-> nama_distributor varchar (50) not null,
-> judul varchar (20) not null,
-> harga_pokok int (11),
-> jumlah int (11),
-> total int (11));

1.I.4. Membuat View (Tabel Virtual)

1. Detail Penjualan
create view detail_penjualan AS

Aplikasi Toko Buku Berbasis Web |

 16

-> select a1.id_penjualan, a1.judul, a1.id_kasir a1.harga, a1.jumlah, a1.total,

a1.tanggal
-> from penjualan a1 INNER JOIN buku a2 ON a1.id_buku = a2.id_buku;

1.I.5 Membuat BackUp dan Restore Basisdata pada MySQL

1. BackUp
Mysqldump u tokobuku p tokobuku > D:\tokobuku.sql
2. Restore
Mysql u tokobuku p tokobuku < D:\tokobuku.sql

J. DESAIN RANCANGAN (LAYOUT) SISTEM APLIKASI TOKO BUKU

Berikut ini merupakan tampilan layout sederhana yang saya gunakan di Aplikasi Toko
Buku ini :

Aplikasi Toko Buku Berbasis Web |

 17

K. Peta Situs (Site Map)

1.K.1. SITE MAP ADMIN

INDEX

LOGIN

User Manage Data Manage

Data Kasir Book tampil, tambah, edit, delete
tampil, tambah, edit, delete
Ganti Password Distributor
Tampil, delete, Laporan
Pasok Pasok
Tampil, delete, Laporan
Penjualan Penjualan

1.I.2. SITE MAP KASIR

INDEX

LOGIN

Aplikasi Toko Buku Berbasis Web |

 18

User Manage Data Manage

Book tampil
Ganti
Password Tampil, tambah
Penjualan
Laporan Penjualan

Transaksi Penjualan

Struk Penjualan

1.K.7.12. Use Case Aplikasi Toko Buku Berbasis Web

Use case adalah rangkaian/uraian sekelompok yang saling terkait dan membentuk sistem
secara teratur yang dilakukan atau diawasi oleh sebuah aktor. Use case digunakan untuk
membentuk tingkah laku benda/thing dalam sebuah mode serta direalisasikan oleh sebuah
collaborator, umumnya use case digambarkan dengan sebuah elips dengan garis ynag solid,
biasanya mengandung nama. Use case menggambarkan proses system (kebutuhan system dari
sudut pandang user).

Use Case dari Sistem Informasi Toko Buku :

a. Hak Akses Untuk Admin

Aplikasi Toko Buku Berbasis Web |

 19

b. Hak Akses Untuk Kasir

Aplikasi Toko Buku Berbasis Web |

 20

1.K.7. Hasil Perancangan Antar Muka (User Interface)

Hasil perancangan antar muka, disini akan menampilkan hasil tampilan antar muka yang
telah saya buat dengan alokasi waktu selama 24 jam.

1.K.7.1. Membuat Koneksi Web dengan Basisdata

Aplikasi Toko Buku Berbasis Web |

 21

Disini, saya membuat koneksi web dengan basisdata itu menggunakan sistem manual
yakni mengetik script / kode dengan menggunakan bahasa pemrograman PHP.

1.K.7.2. Antar Muka LogIn

Berikut ini merupakan tampilan antar muka saat login

1.K.7.3. Antar Muka Beranda/Index

Aplikasi Toko Buku Berbasis Web |

 22

Pada halaman Index terdapat 5 menu, yaitu: data user, home, book, distributor, pasok dan
penjualan.

1.K.7.4. Antar Muka Distributor

1.K.7.5. Antar Muka Pasok

Aplikasi Toko Buku Berbasis Web |

 23

1.K.7.6. Antar Muka Buku

1.K.7.7. Antar Muka Transaksi Penjualan

Aplikasi Toko Buku Berbasis Web |

 24

1.K.7.8. Antar Muka Kendali Stock Buku

1.K.7.9. Antar Muka Cetak Laporan Penjualan

Aplikasi Toko Buku Berbasis Web |

 25

1.K.7.10. Antar Muka Cetak Laporan Pasok

Aplikasi Toko Buku Berbasis Web |

 26

PENUTUP

L. Kesimpulan
Dalam pembuatan dan penyelesaian laporan tugas akhir dengan judul "
Perancangan Sistem Aplikasi Toko Buku " dapat ditarik kesimpulan antara lain:

1. Penggunaan perancangan sistem informasi Toko Buku ini membantu

memudahkan user dalam melakukan proses penjualan dan mengolah buku.

M. Saran
Berdasarkan analisa yang telah dilakukan, dapat diberikan beberapa
saran yang bermanfaat antara lain:

Diharapkan dalam sistem ini dapat dikembangkan penambahan fitur yang sesuai kebutuhan
toko buku tersebut. Sistem yang dibangun ini diharapkan benar-benar digunakan dan
dimaksimalkan penggunaanya dalam memudahkan untuk memanajemen data yang ada pada
toko buku.

Aplikasi Toko Buku Berbasis Web |

 27

DAFTAR PUSTAKA
Pengertian Use Case Dan Contoh Use Case.
http://omhegar.blogspot.co.id/2013/08/pengertian-use-case-dan-contoh-use-case.html
Cara Membuat View Pada Mysql
http://mysql.phi-integration.com/sql/membuat-view-pada-mysql
Cara Membuat Trigger di Mysql
https://www.dumetschool.com/blog/Cara-Membuat-Trigger-dI-MySQL

Aplikasi Toko Buku Berbasis Web |