Lingkungan Implementasi Implementasi Desain Antarmuka

77

BAB IV IMPLEMENTASI

4.1. Lingkungan Implementasi

Pada bagian ini akan dijelaskan mengenai perangkat keras dan perangkat lunak yang digunakan pada implementasi sistem ini. Perangkat Keras: • Laptop dengan Prosesor Inter core 2 duo processor T6500 • Memory RAM 2Gb DDR2 • Hardisk 320Gb Perangkat Lunak: • Sistem Operasi Windows XP Service Pack 2 • PHP sebagai bahasa pemograman • Dreamweaver CS 5 sebagai editing Program • Xammp 1.7.1 sebagai host server • Mozilla sebagai running program • Adobe Photoshop 7.0 untuk mengolah gambar • Power Disigner 15 untuk merancang data

4.2. Implementasi Desain Antarmuka

Pada implementasi desain antarmuka terdapat banyak sekali halaman- halaman website dimana desain tersebut terbagi dari menu atas atau header, kemudian menu samping atau aside, dalam uji coba ini 1. Halaman Login Admin Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 2. Halaman Master 3. Halaman Data 4. Halaman SMS Gateway atau SMS Gate 5. Halaman Transaksi 6. Halaman Laporan 7. Halaman User 1. Halaman login admin Halaman login admin, digunakan oleh seorang administrator untuk masuk ke lembar kerja yang berfungsi untuk mengelola data yang ada di dalam Sistem Puskesmas Wonokusumo. Tampilan halaman tambah login dapat dilihat pada Gambar 4.1 berikut ini. Gambar 4.1 Halaman Login Admin 2. Halaman Master Didalam halaman data semua user dapat menginputkan dan menambah inputan yang ada dalam menu jenis obat dan kota yang ada didalam submenu atau halaman master. Tampilan halaman tambah data dapat dilihat pada Gambar 4.2 berikut ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 4.2 Halaman Master 3. Halaman Data Didalam halaman data semua user dapat menginputkan dan menambah inputan yang ada dalam menu data obat, data supplier dan data pasien yang ada didalam submenu atau halaman data. Tampilan halaman data dapat dilihat pada Gambar 4.3 berikut ini. Gambar 4.3 Halaman Data Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 4. Halaman SMS Gateway atau SMS Gate Didalam halaman SMS Gateway atau SMS Gate semua user atau admin bisa melihat sms masuk dan bisa mengirim sms dengan menggunakan SMS Gammu yang ada dalam menu sms masuk, sms keluar dan contact yang ada didalam submenu atau halaman SMS Gateway atau SMS Gate. Tampilan halaman SMS Gateway atau SMS Gate dapat dilihat pada Gambar 4.4 berikut ini.. Gambar 4.4 Halaman SMS Gateway atau SMS Gate 5. Halaman Transaksi Didalam halaman transaksi semua user atau admin bisa mengajukan dan menambah obat yang ada dalam menu pengajuan, transaksi masuk dan transaksi keluar yang ada didalam submenu atau halaman transaksi. Tampilan halaman transaksi dapat dilihat pada Gambar 4.5 berikut ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 4.5 Halaman Transaksi 6. Halaman Laporan Didalam halaman laporan semua user dapat melihat data obat masuk dan data obat keluar dengan cara memasukkan tanggal yang ada dalam menu obat masuk dan obat keluar yang ada didalam submenu atau halaman laporan. Tampilan halaman laporan dapat dilihat pada Gambar 4.6 berikut ini. Gambar 4.6 Halaman Laporan 7. Halaman User Didalam halaman user semua user dapat menginputkan dan menambah inputan yang ada dalam menu management user yang ada didalam submenu atau halaman user. Tampilan halaman user dapat dilihat pada Gambar 4.7 berikut ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 4.7 Halaman User 8. Halaman Samping Kiri Atas Pada halaman ini terdapat gambar amplop atau sms masuk yang bertujuan melihat sms dari supplier dan membalas sms dari supplier. Tampilan Samping Kiri Atas dapat dilihat pada Gambar 4.8 berikut ini. Gambar 4.8 Halaman Samping Kiri Atas 9. Halaman Samping Tengah Atas Pada halaman ini melihat profil user. Tampilan Samping Tengah Atas dapat dilihat pada Gambar 4.9 berikut ini. Gambar 4.9 Halaman Samping Tengah Atas 10. Halaman Samping Kanan Atas Pada halaman ini menglog-out sistem. Tampilan Samping Kanan Atas dapat dilihat pada Gambar 4.10 berikut ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar 4.10 Halaman samping Kanan Atas

4.3. Implementasi Penerapan Inventory