Perancangan Aplikasi Simulasi Vending Machine Berbasis Web
PERANCANGAN APLIKASI SIMULASI VENDING MACHINE
BERBASIS WEB
TUGAS AKHIR
DAMORA AZRI MOHARA
102406203
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
Universitas Sumatera Utara
i
PERANCANGAN APLIKASI SIMULASI VENDING MACHINE
BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar
Ahli Madya
DAMORA AZRI MOHARA
102406203
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
Universitas Sumatera Utara
ii
PERSETUJUAN
Judul
: PERANCANGAN
APLIKASI
SIMULASI
VENDING
MACHINE BERBASIS WEB
Kategori
: TUGAS AKHIR
Nama
: DAMORA AZRI MOHARA
Nomor Induk Mahasiswa
: 102406203
Program Studi
: D3 TEKNIK INFORMATIKA
Departemen
: MATEMATIKA
Fakultas
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
Diluluskan di
Medan,
Juni 2013
Diketahui
Departemen Matematika FMIPA USU
Ketua,
Prof. Dr. Tulus, M.Si
NIP : 196209011988031002
Pembimbing,
Dra. Normalina Napitupulu, M.Sc.
NIP :196311061989022001
Universitas Sumatera Utara
iii
PERNYATAAN
PERANCANGAN APLIKASI SIMULASI VENDING MACHINE
BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan,
Juni 2013
Damora Azri Mohara
102406203
Universitas Sumatera Utara
iv
PENGHARGAAN
Kiranya tak ada kata yang pantas terucap dari penulis selain rasa Syukur ke
hadirat ALLAH Subhana Wataalaa atas segala petunjuk, kekuatan dan kejernihan
pikiran dalam menyusun Tugas Akhir ini sesuai dengan waktu yang telah
ditargetkan penulis. Adapun Tugas Akhir ini berjudul :
“
PERANCANGAN
APLIKASI
SIMULASI
VENDING
MACHINE
BERBASIS WEB”
Tugas Akhir ini tidak mungkin bisa selesai dengan baik, jika tidak ada
bantuan dari berbagai pihak. Pada kesempatan yang baik ini penulis ingin
mengucapkan terima kasih yang setulus-tulusnya kepada :
1. Orang tua penulis yang selalu penulis cintai dan hormati, Ayahanda (Alm) Ery
Zulkifli Hrp dan Ibunda Nazaria Anni Hsb, yang selalu dan tidak bosanbosannya menasehati dan membimbing penulis, serta semua sanak keluarga
yang tidak bisa di sebutkan satu per satu.
2.
Bapak Dr.sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
3. Ibu Dra. Marpongahtun, M.Sc selaku Pembantu Dekan Fakultas Matematika
dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Matematika FMIPA
USU.
5. Ibu Dra. Normalina N, M.Sc selaku dosen pembimbing yang senantiasa
membimbing penulis dalam menyelesaikan laporan ini.
6. Seluruh staf pengajar dan staf Administrasi di Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara khususnya program studi D3
Teknik Informatika yang telah benyak memberikan ilmu selama perkuliahan.
7. Buat sahabat-sahabat penulis : Andi, Boy, Maha, Ferdi, Rahman, Irfan,
Ferdinan, Reza yang telah memotivasi dan membantu penulis dalam
menyelesaikan Tugas Akhir ini.
Universitas Sumatera Utara
v
8. Teman-teman seangkatan Kom D-2010 jurusan D3 Teknik Informatika yang
tidak bisa disebutkan satu per satu.
9. Kepada Azyuma Azra Mohara, Rini Farah Dina, Hanif Zehra Mohara, Rahmi
Utami Siregar yang telah memberi dukungan dan motivasi buat penulis.
Hanya Do’a yang dapat penulis panjatkan kehadirat ALLAH SWT.
Mudah-mudahan
kebaikan
dari
semua
pihak
yang
membantu
dalam
menyelesaikan Tugas Akhir ini akan mendapatkan balasan dari ALLAH SWT, dan
semoga kita semua selalu sukses dan selalu berada dalam lindungan-Nya.
Akhir kata penulis mengucapkan banyak terima kasih dan berharap
semoga Tugas Akhir ini dapat bermanfaat bagi penulis dan semua pihak yang
membutuhkannya. Penulis menyadari bahwa Tugas Akhir ini masih jauh dari
kesempurnaan, untuk itu penulis mengharapkan saran dan kritik yang
membangun.
Medan, Juni 2013
Penulis
Damora Azri Mohara
102406203
Universitas Sumatera Utara
vi
ABSTRAK
Vending machine merupakan suatu mesin penjual otomatis tanpa tenaga manusia
sebagai operatornya, melainkan system mesinlah yang mengoperasikannya.
Indonesia sebagai salah satu negara yang sedang berkembang baik dari segi
perekonomiannya haruslah memiliki suatu terobosan baru dalam hal pemasaran
atau penjualan produk – produknya. Selama ini kita tahu bahwa dalam hal
memasarkan atau penjualan produk – produk, khususnya makanan dan minuman
kita masih mengandalkan pelayanana secara umum yaitu dengan cara penjual dan
pembeli bertemu secara secara langsung. Melihat dari hal itu, sebenarnya kita
dapat memperhitungkan berapa banyak biaya yang kita keluarkan dari setiap
pembelian makanan dan minuman di berbagai toko yang berbeda dengan harga
yang tidak merata. Dengan berkembangnya ilmu pengetahuan dan dunia
teknologi, Indonesia diharapkan mampu memulai perubahan dalam hal penjualan
produk makanan dan minumannya. Dimana penjualan makanan dan minumannya
menggunakan alat bantu mesin yang berupa mesin penjual otomatis (vending
machine). Untuk itu penulis mencoba membuat aplikasi simualsi vending machine
berbasis web. Aplikasi ini bertujuan untuk menjelaskan bagaimana cara kerja
vending machine.
Universitas Sumatera Utara
vii
DAFTAR ISI
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Gambar
Daftar Tabel
ii
iii
iv
vi
vii
ix
x
BAB 1 : PENDAHULUAN
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Tujuan Dan Manfaat
1.5 Metodologi Penelitian
1.6 Sistematika Penulisan
1
1
3
3
4
5
5
BAB 2 : LANDASAN TEORI
2.1 Pengertian Aplikasi
2.1.1 Aplikasi Web
2.2 Pengertian Simulasi
2.3 Pengertian Vending Machine
2.3.1 Sejarah Vending Machine
2.3.2 Sejarah Vending Machine di Indonesia
2.4 Pemrograman Web
2.4.1 Pemrograman PHP
2.4.2 HTML (Hypertext Markup Languange)
2.4.3 Java Script
2.4.4 CSS ( Cascading Style Sheet )
2.5 Adobe Dreamweaver CS
2.5.1 Cara Menjalankan Adobe Dreamweaver CS
2.6 Xampp
2.7 Database Mysql
7
7
8
8
9
9
10
11
13
16
17
18
19
20
29
30
Universitas Sumatera Utara
viii
BAB 3 : ANALISIS DAN PERANCANGAN
3.1 Analisis Sistem Simulasi Vending Machine
3.2 Perancangan
3.2.1 Flowchart Simulasi Vending Machine
3.2.2 Merancang Database
3.2.3 Data Flow Diagram
3.2.4 Entity Relationship Diagram
3.2.5 Perancangan Sistem
32
32
36
37
40
41
42
43
BAB 4 : IMPLEMENTASI SISTEM
4.1 Implementasi Sistem
4.2 Hasil
4.2.1 Halaman Utam
4.2.2 Form Produk
4.2.3 Form Input
4.2.4 Form Output
4.2.5 Form Input Uang
4.2.6 Form Tombol Kode
4.2.7 Tampilan Jumlah Produk Setelah Transaksi Dilakukan
4.3 Pengoperasian Sistem Simulasi
46
46
47
47
48
49
49
54
54
55
56
BAB 5 : KESIMPULAN DAN SARAN
5.1 Kesimpulan
5.2 Saran
60
60
61
Daftar Pustaka
Lampiran
Universitas Sumatera Utara
ix
DAFTAR GAMBAR
Halaman
Gambar 2.1 Tampilan Awal Adobe Dreamweaver CS
Gambar 2.2 Tampilan Menu Lembar Kerja Adobe Dreamweaver CS
Gambar 2.3 Menu Bar
Gambar 2.4 Document Tool Bar
Gambar 2.5 Code Lembar Kerja Adobe Dreamweaver CS
Gambar 2.6 Menu Design
Gambar 2.7 Menu Split
Gambar 2.8 Tag Selector
Gambar 2.9 Panel Group
Gambar 3.1 Flowchart Simulasi Vending Machine
Gambar 3.2 Desain Tampilan Simulasi Vending Machine
Gambar 4.1 Halaman Utama
Gambar 4.2 Form Produk
Gambar 4.3 Form Input
Gambar 4.4 Form Output
Gambar 4.5 Form Informasi Jika Transaksi Benar
Gambar 4.6 Form Informasi Jika Uang Kurang
Gambar 4.7 Form Informasi Jika Kode Salah
Gambar 4.8 Form Informasi Jika Kode Belum Diinput
Gambar 4.9 Form Informasi Jika Uang Terlalu Banyak
Gambar 4.10 Tampilan Output Jika Proses Berhasil
Gambar 4.11 Tampilan Output Jika Uang Terlalu Banyak
Gambar 4.12 Form Input Uang
Gambar 4.13 Form Tombol Kode
Gambar 4.14 Tampilan Jumlah Produk Sebelum dan Sesudah Transaksi
Gambar 4.15 XAMPP
Gambar 4.16 Mozila
Gambar 4.17 Memasukkan Alamat
Gambar 4.18 Vending Machine
Gambar 4.19 Vending Machine Saat Proses Berhasil
20
22
22
23
23
24
24
25
25
39
45
47
48
49
49
50
51
51
52
52
53
53
54
55
55
56
57
57
58
59
Universitas Sumatera Utara
x
DAFTAR TABEL
Halaman
Tabel 2.1 Fungsi Tool Tool Tab Common
Tabel 2.2 Fungsi Tool Tool Pada Tab Text
Tabel 3.1 Flowchart
Tabel 3.2 Tabel Database
26
27
38
41
Universitas Sumatera Utara
BERBASIS WEB
TUGAS AKHIR
DAMORA AZRI MOHARA
102406203
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
Universitas Sumatera Utara
i
PERANCANGAN APLIKASI SIMULASI VENDING MACHINE
BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas akhir dan memenuhi syarat memperoleh gelar
Ahli Madya
DAMORA AZRI MOHARA
102406203
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2013
Universitas Sumatera Utara
ii
PERSETUJUAN
Judul
: PERANCANGAN
APLIKASI
SIMULASI
VENDING
MACHINE BERBASIS WEB
Kategori
: TUGAS AKHIR
Nama
: DAMORA AZRI MOHARA
Nomor Induk Mahasiswa
: 102406203
Program Studi
: D3 TEKNIK INFORMATIKA
Departemen
: MATEMATIKA
Fakultas
: MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
Diluluskan di
Medan,
Juni 2013
Diketahui
Departemen Matematika FMIPA USU
Ketua,
Prof. Dr. Tulus, M.Si
NIP : 196209011988031002
Pembimbing,
Dra. Normalina Napitupulu, M.Sc.
NIP :196311061989022001
Universitas Sumatera Utara
iii
PERNYATAAN
PERANCANGAN APLIKASI SIMULASI VENDING MACHINE
BERBASIS WEB
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan,
Juni 2013
Damora Azri Mohara
102406203
Universitas Sumatera Utara
iv
PENGHARGAAN
Kiranya tak ada kata yang pantas terucap dari penulis selain rasa Syukur ke
hadirat ALLAH Subhana Wataalaa atas segala petunjuk, kekuatan dan kejernihan
pikiran dalam menyusun Tugas Akhir ini sesuai dengan waktu yang telah
ditargetkan penulis. Adapun Tugas Akhir ini berjudul :
“
PERANCANGAN
APLIKASI
SIMULASI
VENDING
MACHINE
BERBASIS WEB”
Tugas Akhir ini tidak mungkin bisa selesai dengan baik, jika tidak ada
bantuan dari berbagai pihak. Pada kesempatan yang baik ini penulis ingin
mengucapkan terima kasih yang setulus-tulusnya kepada :
1. Orang tua penulis yang selalu penulis cintai dan hormati, Ayahanda (Alm) Ery
Zulkifli Hrp dan Ibunda Nazaria Anni Hsb, yang selalu dan tidak bosanbosannya menasehati dan membimbing penulis, serta semua sanak keluarga
yang tidak bisa di sebutkan satu per satu.
2.
Bapak Dr.sutarman, M.Sc selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
3. Ibu Dra. Marpongahtun, M.Sc selaku Pembantu Dekan Fakultas Matematika
dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Matematika FMIPA
USU.
5. Ibu Dra. Normalina N, M.Sc selaku dosen pembimbing yang senantiasa
membimbing penulis dalam menyelesaikan laporan ini.
6. Seluruh staf pengajar dan staf Administrasi di Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara khususnya program studi D3
Teknik Informatika yang telah benyak memberikan ilmu selama perkuliahan.
7. Buat sahabat-sahabat penulis : Andi, Boy, Maha, Ferdi, Rahman, Irfan,
Ferdinan, Reza yang telah memotivasi dan membantu penulis dalam
menyelesaikan Tugas Akhir ini.
Universitas Sumatera Utara
v
8. Teman-teman seangkatan Kom D-2010 jurusan D3 Teknik Informatika yang
tidak bisa disebutkan satu per satu.
9. Kepada Azyuma Azra Mohara, Rini Farah Dina, Hanif Zehra Mohara, Rahmi
Utami Siregar yang telah memberi dukungan dan motivasi buat penulis.
Hanya Do’a yang dapat penulis panjatkan kehadirat ALLAH SWT.
Mudah-mudahan
kebaikan
dari
semua
pihak
yang
membantu
dalam
menyelesaikan Tugas Akhir ini akan mendapatkan balasan dari ALLAH SWT, dan
semoga kita semua selalu sukses dan selalu berada dalam lindungan-Nya.
Akhir kata penulis mengucapkan banyak terima kasih dan berharap
semoga Tugas Akhir ini dapat bermanfaat bagi penulis dan semua pihak yang
membutuhkannya. Penulis menyadari bahwa Tugas Akhir ini masih jauh dari
kesempurnaan, untuk itu penulis mengharapkan saran dan kritik yang
membangun.
Medan, Juni 2013
Penulis
Damora Azri Mohara
102406203
Universitas Sumatera Utara
vi
ABSTRAK
Vending machine merupakan suatu mesin penjual otomatis tanpa tenaga manusia
sebagai operatornya, melainkan system mesinlah yang mengoperasikannya.
Indonesia sebagai salah satu negara yang sedang berkembang baik dari segi
perekonomiannya haruslah memiliki suatu terobosan baru dalam hal pemasaran
atau penjualan produk – produknya. Selama ini kita tahu bahwa dalam hal
memasarkan atau penjualan produk – produk, khususnya makanan dan minuman
kita masih mengandalkan pelayanana secara umum yaitu dengan cara penjual dan
pembeli bertemu secara secara langsung. Melihat dari hal itu, sebenarnya kita
dapat memperhitungkan berapa banyak biaya yang kita keluarkan dari setiap
pembelian makanan dan minuman di berbagai toko yang berbeda dengan harga
yang tidak merata. Dengan berkembangnya ilmu pengetahuan dan dunia
teknologi, Indonesia diharapkan mampu memulai perubahan dalam hal penjualan
produk makanan dan minumannya. Dimana penjualan makanan dan minumannya
menggunakan alat bantu mesin yang berupa mesin penjual otomatis (vending
machine). Untuk itu penulis mencoba membuat aplikasi simualsi vending machine
berbasis web. Aplikasi ini bertujuan untuk menjelaskan bagaimana cara kerja
vending machine.
Universitas Sumatera Utara
vii
DAFTAR ISI
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
Daftar Gambar
Daftar Tabel
ii
iii
iv
vi
vii
ix
x
BAB 1 : PENDAHULUAN
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Batasan Masalah
1.4 Tujuan Dan Manfaat
1.5 Metodologi Penelitian
1.6 Sistematika Penulisan
1
1
3
3
4
5
5
BAB 2 : LANDASAN TEORI
2.1 Pengertian Aplikasi
2.1.1 Aplikasi Web
2.2 Pengertian Simulasi
2.3 Pengertian Vending Machine
2.3.1 Sejarah Vending Machine
2.3.2 Sejarah Vending Machine di Indonesia
2.4 Pemrograman Web
2.4.1 Pemrograman PHP
2.4.2 HTML (Hypertext Markup Languange)
2.4.3 Java Script
2.4.4 CSS ( Cascading Style Sheet )
2.5 Adobe Dreamweaver CS
2.5.1 Cara Menjalankan Adobe Dreamweaver CS
2.6 Xampp
2.7 Database Mysql
7
7
8
8
9
9
10
11
13
16
17
18
19
20
29
30
Universitas Sumatera Utara
viii
BAB 3 : ANALISIS DAN PERANCANGAN
3.1 Analisis Sistem Simulasi Vending Machine
3.2 Perancangan
3.2.1 Flowchart Simulasi Vending Machine
3.2.2 Merancang Database
3.2.3 Data Flow Diagram
3.2.4 Entity Relationship Diagram
3.2.5 Perancangan Sistem
32
32
36
37
40
41
42
43
BAB 4 : IMPLEMENTASI SISTEM
4.1 Implementasi Sistem
4.2 Hasil
4.2.1 Halaman Utam
4.2.2 Form Produk
4.2.3 Form Input
4.2.4 Form Output
4.2.5 Form Input Uang
4.2.6 Form Tombol Kode
4.2.7 Tampilan Jumlah Produk Setelah Transaksi Dilakukan
4.3 Pengoperasian Sistem Simulasi
46
46
47
47
48
49
49
54
54
55
56
BAB 5 : KESIMPULAN DAN SARAN
5.1 Kesimpulan
5.2 Saran
60
60
61
Daftar Pustaka
Lampiran
Universitas Sumatera Utara
ix
DAFTAR GAMBAR
Halaman
Gambar 2.1 Tampilan Awal Adobe Dreamweaver CS
Gambar 2.2 Tampilan Menu Lembar Kerja Adobe Dreamweaver CS
Gambar 2.3 Menu Bar
Gambar 2.4 Document Tool Bar
Gambar 2.5 Code Lembar Kerja Adobe Dreamweaver CS
Gambar 2.6 Menu Design
Gambar 2.7 Menu Split
Gambar 2.8 Tag Selector
Gambar 2.9 Panel Group
Gambar 3.1 Flowchart Simulasi Vending Machine
Gambar 3.2 Desain Tampilan Simulasi Vending Machine
Gambar 4.1 Halaman Utama
Gambar 4.2 Form Produk
Gambar 4.3 Form Input
Gambar 4.4 Form Output
Gambar 4.5 Form Informasi Jika Transaksi Benar
Gambar 4.6 Form Informasi Jika Uang Kurang
Gambar 4.7 Form Informasi Jika Kode Salah
Gambar 4.8 Form Informasi Jika Kode Belum Diinput
Gambar 4.9 Form Informasi Jika Uang Terlalu Banyak
Gambar 4.10 Tampilan Output Jika Proses Berhasil
Gambar 4.11 Tampilan Output Jika Uang Terlalu Banyak
Gambar 4.12 Form Input Uang
Gambar 4.13 Form Tombol Kode
Gambar 4.14 Tampilan Jumlah Produk Sebelum dan Sesudah Transaksi
Gambar 4.15 XAMPP
Gambar 4.16 Mozila
Gambar 4.17 Memasukkan Alamat
Gambar 4.18 Vending Machine
Gambar 4.19 Vending Machine Saat Proses Berhasil
20
22
22
23
23
24
24
25
25
39
45
47
48
49
49
50
51
51
52
52
53
53
54
55
55
56
57
57
58
59
Universitas Sumatera Utara
x
DAFTAR TABEL
Halaman
Tabel 2.1 Fungsi Tool Tool Tab Common
Tabel 2.2 Fungsi Tool Tool Pada Tab Text
Tabel 3.1 Flowchart
Tabel 3.2 Tabel Database
26
27
38
41
Universitas Sumatera Utara