11 Display
Display,untuk output
yang diajukan suatu device, seperti
monitor. 12
Magnetic disk Magnetic disk, untuk
penyimpanan data.
Tabel 3.1 Tabel Flowchart
3.3 Gambaran Umum Sistem Rancangan Simulasi Mesin Cuci Koin
Rancangan Simulasi Mesin Cuci Koin merupakan suatu rancangan yang dapat bekerja sebagai sebuah simulator agar pengguna dapat mengoperasikan mesin cuci koin sehingga
tidak memerlukan pembimbing untuk mengoperasikannya. Perancangan sistem ini dibuat dengan bahasa pemrograman berbasis web yang diantaranya seperti PHP,HTML, dan
CSS. Bahasa pemrograman berbasis web memiliki penampilan desain yang lebih bagus dan dapat diperbaharui sesuai dengan keinginan pembuat perancangan sistem ini.
Perancangan sistem ini juga didukung oleh photoshop sebagai media desain yang berfungsi memperindah tampilan simulasi mesin cuci koin. Adapun flowchart rancangan
simulasi mesin cuci koin sebagai berikut :
Universitas Sumatera Utara
Gambar 3.1 Flowchart Simulasi Mesin Cuci Koin
Universitas Sumatera Utara
3.4 Proses Perancangan
3.4.1. Perancangan Simulasi Mesin Cuci Koin
Perancangan Simulasi Mesin Cuci Koin menggunakan bahasa pemrograman berbasis web. Disini penulis menggunakan aplikasi Adobe Dreamweaver untuk merancang dan
membuat script-script yang diperlukan dalam membuat perancangan simulasi ini. Untuk memulai merancang sebelumnya Adobe Dreamweaver telah diinstall dalam komputer.
1. Buka Aplikasi Dreamweaver yang ada di komputer, akan muncul tampilan seperti
berikut ini :
Gambar 3.2 Tampilan Awal Adobe Dreamweaver
Universitas Sumatera Utara
2. Pilih Create New, Klik more kemudian pilih HTML 5. Selanjutnya mulai
menuliskan script-script yang diperlukan dalam pengerjaan simulasi mesin cuci koin
Gambar 3.3 Tampilan lembar kerja dreamweaver
Universitas Sumatera Utara
3. Pilih Create New, Klik CSS. Selanjutnya menuliskan script-script untuk desain
perancangan simulasi mesin cuci koin, seperti warna background, jenis tulisan, lebar dan tinggi desain yang digunakan untuk hasil yang bagus.
Gambar 3.4 Tampilan lembar kerja CSS
4. Perancangan Javascript, selanjutnya merancang javascript sebagai client-side
sehingga dapat diolah langsung oleh browser tanpa harus terhubung keserver terlebih dahulu.
Universitas Sumatera Utara
Gambar 3.5 Lembar kerja Javascript
5. Perancangan Form Tombol, form ini terdapat beberapa button yang berfungsi
sebagai pengaturan cara kerja mesin cuci umum, dalam form ini terdapat beberapa
button yang akan ditampilkan sebagai berikut :
Gambar 3.6 Form Tombol
Universitas Sumatera Utara
1. Button ini berfungsi sebagai alat transaksi yang digunakan untuk
menjalankan mesin cuci. 2.
Button cuci berfungsi menentukan lamanya proses penyucian. 3.
Button rendam berfungsi menentukan lamanya proses, proses rendam
akan berjalan terlebih dahulu, setelahnya proses cuci akan berjalan. 4.
Button air hangat sebagai button penentu air yang akan digunakan
dalam proses cuci. 5.
Button start sebagai command untuk memulai proses penyucian
pakaian. 6.
Button air dingin sebagai button penentu air yang akan digunakan
dalam proses cuci. 7.
Text akan berisi keterangan lamanya proses rendam. 8.
Text akan berisi keterangan lamanya proses cuci 9.
Text berisi jumlah koin yang telah dimasukkan kedalam mesin.
6. Perancangan Form Spinner, form ini menunjukkan proses penyucian yang sedang
berjalan dan menunjukkan jenis air yang digunakan dalam proses cuci, adapun gambarnya sebagai berikut :
Universitas Sumatera Utara
Gambar 3.7 Perancangan Form Spinner
7. Perancangan Proggresbar, form ini akan menampilkan waktu dan persentase
kesiapan penyucian yang sedang berjalan dalam mesin cuci, adapun gambarnya sebagai berikut ini:
Gambar 3.8 Perancangan Proggresbar
Universitas Sumatera Utara
3.4.2. Mengkompile Program
Langkah terakhir dalam pembuatan simulasi mesin cuci koin ini adalah mengkompile script-script yang telah dipersiapkan sebelumnya, adapun langkah-langkah dalam
mengkompile script adalah sebagai berikut : 1.
Aktifkan XAMPP Control Panel untuk mengaktifkan server local yang berfungsi untuk mengkoneksikan script dengan web browser.
2. Buka web browser yang ada dalam komputer sebagai media compiler untuk
menjalankan program yang telah dikerjakan sebelumnya. 3.
Ketik nama file atau folder yang akan dikompile oleh web browser contoh : http:localhostmesincuciindex.php
4. Tekan Enter
5. Selesai.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Defenisi Implementasi Sistem
