TUGAS AKHIR
JAENUDIN AKBAR
NIM : 12150968
yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis
dapat menyelesaikan tugas ini dengan baik. Dimana tugas akhir ini penulis sajikan
dalam bentuk buku yang sederhana. Adapun judul tugas akhir, yang penulis
Berbasis Web”.
Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat kelulusan
program Diploma III Universitas BSI Karawang. Sebagai bahan penulisan diambil
yang mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan
dorongan dari semua pihak, maka penulisan tugas akhir ini tidak akan lancar.
Oleh karena itu pada kesempatan ini, izinkanlah penulis menyampaikan ucapan
Akhir.
sehingga terwujudnya penulisan ini. Penulis menyadari bahwa penulisan tugas akhir
ini masih jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang
Akhir kata semoga tugas akhir ini dapat berguna bagi penulis khususnya dan
Penulis
Jaenudin Akbar
ABSTRAK
Jaenudin Akbar (12150968), Rancang Bangun Sistem Penjualan Voucher
Internet Berbasis Web.
Penjualan Voucher Internet biasa nya hanya melakukan transaksi secara langsung,
Sedangkan setelah penulis mencari Penjualan Voucher Internet berbasis web hanya
menyediakan informasi tentang profil penyedia jasa tersebut tidak ada sistem
transaksi pada website tersebut, maka dari itu penulis berkeinginan untuk membuat
sebuah website yang bisa bertransaksi langsung di website tersebut, dengan
menggunakan bahasa pemograman html (hyper text mark up language), php
(hypertext prepocessor), dan menggunakan bahasa java script serta bahasa
pemograman css (cascading style sheets), dan untuk penyimpanan database
menggunakan mysql (my structured query language ), serta sublime text 3 sebagai
kode editor. Untuk pengembangan peangkat lunak menggunakan metode waterfall
da untuk teknik pengumpulan data yaitu dengan melakukan observasi dan studi
pustaka. Setelah itu pada front end website ini terdapat berbagai menu atau pilihan
yang bisa di akses oleh user, untuk pengujiannya sendiri menggunakan black box
testing
Internet Voucher sales usually only do transactions directly, whereas after the author
searches for web-based Internet Voucher Sales only provides information about the
profile of the service provider there is no transaction system on the website, therefore
the author wishes to create a website that can transact directly on the website, using
html programming language (hyper text mark up language), php (hypertext
prepocessor), and using java script language and CSS programming languages
(cascading style sheets), and for database storage using mysql (my structured query
language), and sublime text 3 as the editor code. For the development of software
using the waterfall method for data collection techniques, namely by conducting
observations and literature studies. After that on the front end of this website there
are various menus or options that can be accessed by the user, for testing themselves
using black box testing
DAFTAR PUSTAKA........................................................................................................... 46
LAMPIRAN ........................................................................................................................ 48
DAFTAR RIWAYAT HIDUP ............................................................................................ 52
DAFTAR SIMBOL
RELATIONSHIP
Hubungan yang terjadi antara satu entitas atau lebih.
Kumpulan relationship sejenis disebut relationship set.
CONNECTION
Digunakan sebagai penghubung entitas yang membedakan
entitas tersebut dengan entitas lainnya.
DAFTAR GAMBAR
Halaman
waterfall, menurut Sukamto dan M.Shalahuddin (2013:28) Model SDLC atau air
terjun (waterfall) sering juga disebut model sekuensial linier (sequential linear) atau
alur hidup klasik (clasic life cycle). Berikut ini adalah tahapan-tahapan pada model
waterfall, yaitu:
kebutuhan perangkat lunak agar dapat dipahami perangkat lunak seperti apa
yang dibutuhkan oleh user. Spesifikasi kebutuhan perangkat lunak pada tahap
2. Desain
pengodean. Pada tahap ini penulis mentranslasi kebutuhan perangkat lunak dari
Pada tahap ini penulis akan mulai mencoba membuatkan kode program sesuai
terhadap web fokus terhadap proses masukan dan keluaran agar sesuai dengan
1. Observasi
2. Wawancara
3. Studi Pustaka
Dalam metode ini penulis mencari informasi dari buku-buku dan makalah
yang berhubungan dengan studi literatur pada buku atau referensi yang
Ruang lingkup dalam Tugas Akhir ini terdapat halaman admin dan user, di
terdapat tampilan kategori produk dan transaksi penjualan secara online yang di
dalamnya terdapat konfirmasi, dan cetak bukti transaksi penjualan serta terdapat
aplikasi Dreamweaver CS5, Sublime Text dan untuk bahasa pemrograman penulis
LANDASAN TEORI
Dalam pembuatan Tugas Akhir ini tidak terlepas dari teori-teori yang
merancang sebuah web, penulis mempersiapkan apa saja yang akan digunakan, yaitu
sebagai editor. Sementara untuk server database menggunakan MySQL, dan untuk
komputer yang terdiri dari kumpulan situs internet yang menawarkan teks dan
grafik dan suara dan sumber daya animasi melalui hypertext transfer protokol.
A. Website
lainnya berupa animasi (gambar gerak, tulisan gerak), suara, dan atau gabungan
dinamis yang berbentuk satu rangkaian bangunan yang saling terkait antara satu
halaman dengan halaman yang lain yang sering disebut sebagai hyperlink.
Salah satu elemen yang paling menarik dari internet ialah adanya World Wide
Web (WWW) yang merupakan teknologi canggih saat ini dalam dunia internet.
Menurut Suryana dan Koesharyatin (2014:15) “WWW atau sering disingkat Web,
2. Web Browser
yang berguna untuk menampilkan isi website, bekerja melalui komputer klien,
kemudian akan menerjemahkan setiap baris perintah yang ada di website tersebut
3. Internet
Internet adalah hasil evolusi dari ARPANET, sebuah proyek riset tingkat tinggi
4. Web Server
lunak server yang berfungi untuk menerima permintaan dalam bentuk situs web
Berikut ini beberapa web sever yang banyak dijumpai dan banyak dipakai oleh
a. XAMPP
b. WAMP
c. MAMP
d. LAMP
5. HTTP
pada bagian teratas dari dua lapisan protokol lain, TCP dan IP”.
B. Bahasa Pemrograman
dapat dipahami oleh komputer. Ada banyak bahasa pemrograman yang memiliki
sebagainya”.
1. HTML
HTML pertama kali diperkenalkan oleh IBM pada tahun 1980, saat itu tercetus
ide untuk menempatkan elemen-elemen yang berguna untuk menandai bagian suatu
dokumen seperti judul, alamat dan isi dokumen. Pada akhirnya elemen-elemen
secara otomatis.
(HTML) adalah bahasa yang digunakan untuk menulis halaman web”. Sedangkan
(HTML) adalah bahasa standard yang digunakan untuk menampilkan halaman web”.
adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu
website, baik tata letaknya, jenis huruf, warna dan semua yang berhubungan dengan
tampilan”.
3. Javascript
4. Jquery
JavaScript yang akan menjadikan web anda lebih bagus dalam hal User Interface,
lebih stabil, dan dapat mempercepat waktu dan kinerja anda dalam membuat web
karena anda hanya perlu memanggil fungsinya saja tanpa harus membuat dari awal”.
Pada awalnya PHP merupakan kependekan dari Personal Home Page (situs
personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995, pada
waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa
sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan menamakannya
PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka, maka banyak
adalah suatu bahasa pemrograman yang digunakan untuk menerjemahkan baris kode
program menjadi kode mesin yang dapat dimengerti oleh komputer yang bersifat
sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah”.
Basis Data terdiri atas 2 kata, yaitu Basis dan Data. Basis kurang lebih dapat
Sedangkan Data adalah representasi fakta dunia nyata yang mewakili suatu
Aplikasi basis data yang digunakan dalam pembuatan web, antara lain:
1. XAMPP
paket installer yang berisi Apache yang merupakan web server tempat menyimpan
file-file yang diperlukan website, dan Phpmyadmin sebagai aplikasi yang digunakan
2. Apache
Menurut Abdulloh (2016:4) “Apache berfungsi sebagai web server, yaitu tempat
3. PhpMyAdmin
yang digunakan untuk membuat database MySQL sebagai tempat untuk menyimpan
data-data website”.
Sedangkan menurut Sadeli (2013:10) “phpMyadmin adalah sebuah software
yang terbentuk seperti halaman situs yang terdapat pada web server”.
4. MySQL
performansi query dan dari databasenya yang saat itu bisa dikatakan paling cepat,
menghubungkan script php menggunakan perintah query dan escaps character yang
5. Adobe Dreamweaver
Saat ini sudah banyak program aplikasi web editor yang memudahkan orang
untuk membuat website dengan mudah dan cepat. Salah satu program aplikasi web
pengembang yang berfungsi untuk mendesain web yang dibuat, dikembangkan, dan
visual sehingga hasil perancangan web dapat langsung terlihat tanpa harus
menggunakan aplikasi bantu peramban seperti Google Chrome, Firefox atau Internet
Explorer.
Air Terjun (waterfall), menurut Rosa dan Shalahuddin (2013:28) “Model SDLC air
terjun atau sering juga disebut model sekuensi linier (sequential linear) atau alur
hidup klasik (classic life cycle)”. Model Waterfall menyediakan pendekatan alur
hidup perangkat lunak secara sekuensial atau terurut dimulai dari analis, desain,
2. Desain
Proses multi langkah yang fokus pada desain pembuatan program perangkat
ini adalah program komputer sesuai dengan desain yang telah dibuat pada tahap
desain.
4. Pengujian
Pengujian fokus pada perangkat lunak dari segi logik dan fungsional untuk
memastikan bahwa semua bagian sudah diuji. Hal ini dilakukan untuk
mulai dari analis spesidikasi untuk perubahan perangkat lunak yang sudah ada,
A. Struktur Navigasi
Menurut Binanto dalam (Afifah & Supriyanta, 2018) Ada 4 struktur dasar yang
Pengguna akan melakukan navigasi secara berurutan, dari frame atau byte
Struktur dasar ini disebut juga struktur “linear dengan percabangan” karena
Pengguna akan melakuan navigasi dengan bebas melalui isi proyek dengan tidak
terkadang dibatasi presentasi linear film atau informasi penting dan atau pada
basis data menggunakan rel sional. Sehingga jika penyimpanan basis data
Entitas merupakan data inti yang akan disimpan, bakal tabel pada basis data,
benda yang memiliki data dan harus disimpan datanya agar dapat diakses oleh
aplikasi komputer, penamaan entitas biasanya lebih ke kata benda dan belum
panjang.
2. Atribut
penjelasan detail tentang entity atau entitas tersebut. Atribut digambarkan dalam
bentuk oval.
entity.
4. Kardinalitas (Derajat Relasi)
dapat berelasi dengan entitas lain. Ada 3 macam kardinalitas menurut Lajmudin
(2013:147), yaitu :
a. One to One
Hubungan satu ke satu dinyatakan dengan satu kejadian pada entitas pertama
dan mempunyai satu hubungan dengan satu kejadian pada entitas yang ke dua
atau sebaliknya.
Untuk satu kejadian pada entitas yang pertama dapat mempunyai banyak
hubungan dengan entitas yang kedua. Sebaliknya untuk satu kejadian pada
entitas yang kedua hanya dapat mempunyai satu hubungan dengan entitas
yang pertama.
c. Many to Many
hubungan dengan entitas lainnya. Kejadian tersebut bisa dilihat dari entitas
2. Sebuah relasi kadang disatukan dalam sebuah kotak bersama entitas, kadang di
yang direncanakan dan sistematis untuk menguji dan mengevaluasi kebenaran yang
topik yang memiliki cakupan luas dan sering dikaitkan dengan verifikasi
2016:275-276) “Black Box Testing (pengujian kotak hitam) yaitu menguji perangkat
lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode program”.
Pengujian kotak hitam dilakukan dengan membuat kasus uji yang bersifat
mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai dengan
spesifikasi yang dibutuhkan. Kasus uji yang dibuat untuk melakukan pengujian kotak
hitam harus dibuat dengan kasus benar dan kasus salah, misalkan untuk kasus proses
1. Jika user memasukan nama pemakai (username) dan kata sandi (password) yang
benar.
2. Jika user memasukan nama pemakai (username) dan kata sandi (password) yang
salah, misalnya nama pemakai benar tapi kata sandi salah, atau sebaliknya, atau
keduanya salah.
Tabel .II.1
PEMBAHASAN
Analisis kebutuhan perangkat lunak adalah awal aktivitas dari siklus hidup
atau kemampuan yang harus dimiliki oleh perangkat lunak untuk memenuhi apa yang
diisyaratkan atau diinginkan pemakai. Pada bab ini berisi tentang mengenai segala
sesuatu yang dibutuhkan untuk dapat melakukan analisis kebutuhan perangkat lunak
a. User melihat dan meimilih data paket yang disediakan oleh penyedia jasa,
penyedia jasa.
dilakukan oleh sistem untuk keperluan admin maupun customer yang akan diolah
Sumber : Admin
Tujuan : user
Media : Form
38
2. Nama Dokumen : Form data paket
Sumber : Customer
Tujuan : Admin
Media : Form
Sumber : Custamer
Tujuan : Admin
Media : Form
39
B. Rancangan Dokumen Keluaran (Output)
Sumber : Custamer
Tujuan : Admin
Media : Kertas
Jumlah : 1 lembar
40
3.3. Entity Relationship Diagram (ERD)
Berikut perancangan basis data menghasilkan pemetaan tabel-tabel yang
digambarkan dengan Entity Relationship Diagram (ERD).
Gambar III. 1
Entity Relationship Diagram Pembelian Voucher internet
41
pelanggan
Id_pelanggan daftar_paket
Nama_pelanggan
No_hp
Id_paket
durasi_waktu
Bandwitch
harga
pembayaran
Id_bayar
Id_pemesanan
Total bayar
transaksi Bukti transaksi
Id_transaksi
Id_pelanggan
Id_paket
Tanggal_transaksi
Payment
status
Gambar III. 2
Logical Record Structure Pembelian Voucher Internet
42
3.4. Spesifikasi File
Database adalah kumpulan data-data yang saling berhubungan satu sama lain,
data tersebut teroganisir dengan baik agar bisa digunakan dengan mudah dan cepat
Dalam program website ini menggunakan satu buah file database dengan nama
43
1. Spesifikasi File Tabel Admin
Akronim : admin
Software : Mysql
Tabel III.1
Spesifikasi File Tabel Admin
No Elemen Akronim Tipe Panjang Keterangan
Data
1. Id Admin id_admin Int 11 Primary Key
2. Username Username Varchar 20
44
2. Spesifikasi File Tabel Daftar Paket
Akronim : daftar_paket
Software : Mysql
Tabel III.2
Spesifikasi File Tabel Data Paket
No Elemen Data Akronim Tipe Panjang Keterangan
45
3. Spesifikasi File Tabel Pelanggan
Nama File : Data pelanggan
Akronim : pelanggan
Software : Mysql
Tabel III.3
Spesifikasi File Tabel Pelanggan
No Elemen Data Akronim Tipe Panjang Keterangan
46
4. Spesifikasi File Tabel pembayaran
Nama File : pembayaran
Akronim : pembayaran
Software : Mysql
Tabel III.4
Spesifikasi File Tabel Pembayaran
No Elemen Data Akronim Tipe Panjang Keterangan
47
3.5. Spesifikasi Program
A. Struktur Navigasi
Struktur Navigasi adalah urutan alur informasi yang diberikan untuk mengetahui
secara garis besar susunan yang ada pada website secara menyeluruh. Pembuatan
navigasi ini sangat penting untuk membantu nanti pada saat pembuatan web dari awal
sampai akhir.
Berikut ini adalah susunan struktur navigasi yang penulis buat pada web ini:
1 INDEX
Gambar III.3
48
2. Struktur Navigasi Admin
LOGIN
INDEX
KONFIRMASI
DATA PAKET DATA PELANGGAN LOG0UT
PEMBAYARAN
KELOLA DATA
INPUT DATA PAKET
PELANGGAN
Gambar III.4
Computer dan perangkat pendukung lainnya. Berikut ini adalah spesifikasi perangkat
keras (Hardware) dan perangkat lunak (Software) yang dibutuhkan untuk mengakses
49
1. Spesifikasi Kebutuhan Perangkat Keras (Hardware)
Tabel III.5
1 Monitor 14 “
2 Mouse PS/2
3 Keyboard PS/2
5 Harddisk 150 GB
6 RAM DDR 2 GB
Tabel III.6
2 Webserver Xampp
50
3. Perangkat Pembantu
handphone yang perlu perangkat mumpuni agar proses dapat berjalan lancar dan agar
tidak terjadi proses lama atau not responding maka dibutuhkan koneksi internet yang
stabil.
3.7. Implementasi
Halaman login admin adalah halaman yang dibuat khusus untuk admin website
agar bisa masuk (login) ke dalam website. Saat berhasil login, admin dapat melakukan
Gambar III.5
51
2. Halaman Index Admin
Halaman index adalah halaman ke-dua setelah admin berhasil login.Ketika admin
berhasil login, admin website akan diarahkan ke halaman index, halaman index ini
Gambar III.6
52
3. Halaman index Pelanggan
Gambar III.7
53
3.8. Pengujian Unit
Tabel III.7
Hasil Pengujian Black Box Testing Halaman Login admin
54
4. Mengetikkan Username: Sistem akan
kondisi salah adm menolak akses
pada (salah) user dan
Usernamedan Password: menampilkan
password adm “Login Gagal, Sesuai
kemudian klik (salah) silahkan periksa Valid
harapan
tombol login akun anda”
55
Tabel III.8
Hasil Pengujian Black Box Testing Halaman Transaksi
56
BAB IV
KESIMPULAN
4.1. Kesimpulan
Dari hasil penelitan dari Rancang Bangun Sistem Penjualan Voucher Internet
1. Aplikasi yang dibuat mampu menjalankan sisi perangkat lunak dengan bahasa
3.2.Saran
Berdasarkan analisa yang telah dilakukan dapat diberikan beberapa saran yang
1. Dalam website ini perlu dilakukan promosi seperti iklan agar pelanggan percaya
57
DAFTAR PUSTAKA
Abdulloh, Rohi. 2016. Easy & Simple Web Programming. Jakarta: PT. Elex Media
Komputindo.
Mandar, Ruko. 2017. Solusi Tepat Menjadi Pakar Adobe Dreamweaver CS6. Jakarta:
PT. Elex Media Komputindo.
Marisa, Fitri. 2016. Web Programming (Client Side and Server Side). Yogyakarta:
Deepublish.
Sidik, Betha. 2014. Pemrograman Web dengan PHP. Bandung: Informatika Bandung.
Supono, & Putratama, V. (2016). Pemrograman Web dengan menggunakan PHP dan
FRAMEWORK CODEIGNITER. Yogyakarta: DEEPPUBLISH.
58
SISTEM INFORMASI INVENTORI PT. PANGAN SEHAT SEJAHTERA, 1–
11. Retrieved from
https://scholar.google.co.id/citations?user=A2DZkTYAAAAJ&hl=id&oi=ao#d
=gs_md_cita-
d&p=&u=%2Fcitations%3Fview_op%3Dview_citation%26hl%3Did%26user%
3DA2DZkTYAAAAJ%26citation_for_view%3DA2DZkTYAAAAJ%3AroLk4
NBRz8UC%26tzom%3D-420
59