Desain Halaman Utama Administrator Desain Halaman Utama Cashier

3.5 Implementasi Antarmuka

Pada implementasi antarmuka ini, menjelaskan bagaimana membuat sebuah antarmuka yang menarik dari sebuah aplikasi sehingga menjadi user friendly bagi user. Pada sub bab ini menjelaskan awal user menggunakan aplikasi billing system dan DIS ini, terdapat empat desain yang umum digunakan oleh seorang user saat aplikasi dijalankan.

3.5.1 Desain Halaman Utama Administrator

Menu ini dapat digunakan setelah user login kemudian masuk ke menu utama akses daripada user dalam hal ini adalah sebagai admin. Berikut ini tampilan dari desain halaman utama Administrator seperti pada Gambar 3.15. Gambar 3.15 Halaman Muka Berikut adalah daftar sub link menu pada tiap daftar link menu yang terdapat pada Tabel 3.16. Tabel 3.16 Tabel Form Menu No Link Menu Sub Link Menu Keterangan 1 System Login Menampilkan form login Logout Logout dari status user Exit Keluar dari aplikasi 2 Transaksi Kasir Form Kasir Registrasi Form Registrasi Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 3 Car Wash Cleaning Form Cleaning Snowing Form Snowing Finishing Form Finishing CIDS Display Form Cids 4 Laporan Laporan Pelanggan Laporan data Pelanggan Laporan Barang Laporan data Barang Laporan Transaksi Laporan Transaksi 5 Master Data Grup Barang Form Grup Barang Barang Form Barang User Akses Form User Akses Pelanggan Form Pelanggan 6 Setting - Form Setting Akses Database Berikut juga disampaikan daftar jenis hak akses user dan nama-nama form yang dapat diakses oleh tiap-tiap jenis hak akses. Tabel 3.17 Tabel Form User Akses No Sub Link Menu User Akses 1 Login Seluruh hak akses Logout Seluruh hak akses Exit Seluruh hak akses 2 Kasir Admin, Cashier Registrasi Admin, Cashier 3 Cleaning Cleaning Snowing Snowing Finishing Finishing CIDS Display CIDS 4 Laporan Pelanggan Admin, Cashier Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Laporan Barang Admin, Cashier Laporan Transaksi Admin, Cashier 5 Grup Barang Admin Barang Admin User Akses Admin Pelanggan Admin, Cashier 6 Setting Database Admin

3.5.3 Desain Halaman Utama Cashier

Menu ini dapat digunakan setelah user telah terdaftar sebagai anggota dan dapat menggunakan hak aksesnya untuk dapat menggunakan aplikasi tersebut. Berikut ini tampilan dari desain halaman login user seperti pada gambar 3.16. Gambar 3.16 Desain Halaman Utama Cashier 3.5.4 Desain Halaman Utama Petugas Cuci Menu ini dapat digunakan setelah user login kemudian masuk ke menu utama akses daripada user dalam hal ini adalah sebagai admin. Berikut ini tampilan dari desain halaman utama administrator seperti pada gambar 3.17. Gambar 3.17 Desain Halaman Utama Petugas Cuci Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 47

BAB IV IMPLEMENTASI PERANGKAT LUNAK

Pada bab ini akan membahas tentang implementasi program dari hasil analisa dan perancangan sistem pada bab III, serta bagaimana cara sistem tersebut dijalankan.

4.1 Lingkungan Pemrograman

Perancangan aplikasi web dikembangkan dalam lingkungan pemrograman dengan spesifikasi teknis sebagai berikut ini : 1. Windows 7 Ultimate sebagai sistem operasi. 2. Power Designer 6.0 untuk pembuatan desain DFD. 3. Power Designer 12.5 untuk pembuatan desain CDM dan PDM 4. Visual Basic 2005 sebagai editor program. 5. SQL Server 2000 sebagai database. 6. Framework .Net 2.0

4.2 Implementasi Proses

Pada bagian bab ini membahas mengenai implementasi bagian dari program atau potongan script program.

4.2.1 Implementasi Koneksi Database

Aplikasi ini menggunakan bahasa pemrograman VB.NET 2005 dengan framework.NET 2.0, basis data database SQL Server 2000. File setting dari koneksi database sendiri akan disimpan dalam file “WS-CIDS.xml” yang terdapat pada folder dimana program dijalankan. Script untuk membangun koneksi dari VB.Net 2005 ke database SQL Server 2000, terlihat pada Gambar 4.1. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.