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
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
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, Pembimbing,
Prof. Dr. Tulus, M.Si
NIP : 196209011988031002 NIP :196311061989022001
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
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 bosan-bosannya 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,
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
ABSTRAK
DAFTAR ISI
1.5Metodologi Penelitian 5
1.6Sistematika Penulisan 5
BAB 2 : LANDASAN TEORI 7
2.1Pengertian Aplikasi 7
2.1.1 Aplikasi Web 8
2.2Pengertian Simulasi 8
2.3Pengertian Vending Machine 9
2.3.1 Sejarah Vending Machine 9
2.3.2 Sejarah Vending Machine di Indonesia 10
2.4Pemrograman Web 11
2.4.1 Pemrograman PHP 13
2.4.2 HTML (Hypertext Markup Languange) 16
2.4.3 Java Script 17
2.4.4 CSS ( Cascading Style Sheet ) 18
2.5Adobe Dreamweaver CS 19
2.5.1 Cara Menjalankan Adobe Dreamweaver CS 20
2.6Xampp 29
3.1Analisis Sistem Simulasi Vending Machine 32
3.2Perancangan 36
3.2.1 Flowchart Simulasi Vending Machine 37
3.2.2 Merancang Database 40
3.2.3 Data Flow Diagram 41
3.2.4 Entity Relationship Diagram 42
3.2.5 Perancangan Sistem 43
BAB 4 : IMPLEMENTASI SISTEM 46
4.1Implementasi Sistem 46
4.2Hasil 47
4.2.7 Tampilan Jumlah Produk Setelah Transaksi Dilakukan 55
4.3Pengoperasian Sistem Simulasi 56
BAB 5 : KESIMPULAN DAN SARAN 60
5.1Kesimpulan 60
5.2Saran 61
DAFTAR GAMBAR
Halaman
Gambar 2.1 Tampilan Awal Adobe Dreamweaver CS 20 Gambar 2.2 Tampilan Menu Lembar Kerja Adobe Dreamweaver CS 22
Gambar 2.3 Menu Bar 22
Gambar 2.4 Document Tool Bar 23
Gambar 2.5 Code Lembar Kerja Adobe Dreamweaver CS 23
Gambar 2.6 Menu Design 24
Gambar 2.7 Menu Split 24
Gambar 2.8 Tag Selector 25
Gambar 2.9 Panel Group 25
Gambar 3.1 Flowchart Simulasi Vending Machine 39 Gambar 3.2 Desain Tampilan Simulasi Vending Machine 45
Gambar 4.1 Halaman Utama 47
Gambar 4.2 Form Produk 48
Gambar 4.3 Form Input 49
Gambar 4.4 Form Output 49
Gambar 4.5 Form Informasi Jika Transaksi Benar 50
Gambar 4.6 Form Informasi Jika Uang Kurang 51
Gambar 4.7 Form Informasi Jika Kode Salah 51
Gambar 4.8 Form Informasi Jika Kode Belum Diinput 52 Gambar 4.9 Form Informasi Jika Uang Terlalu Banyak 52 Gambar 4.10 Tampilan Output Jika Proses Berhasil 53 Gambar 4.11 Tampilan Output Jika Uang Terlalu Banyak 53
Gambar 4.12 Form Input Uang 54
Gambar 4.13 Form Tombol Kode 55
Gambar 4.14 Tampilan Jumlah Produk Sebelum dan Sesudah Transaksi 55
Gambar 4.15 XAMPP 56
Gambar 4.16 Mozila 57
Gambar 4.17 Memasukkan Alamat 57
Gambar 4.18 Vending Machine 58
DAFTAR TABEL
Halaman
Tabel 2.1 Fungsi Tool Tool Tab Common 26
Tabel 2.2 Fungsi Tool Tool Pada Tab Text 27
Tabel 3.1 Flowchart 38
