User Interface. Gambar 1 Form Login

dokumen-dokumen yang mirip
Prosedur menjalankan program

PROSEDUR MENJALANKAN PROGRAM. Berikut ini merupakan tampilan user interface beserta keterangan dari user interface bersangkutan

PROSEDUR MENJALANKAN APLIKASI

Prosedur menjalankan program Analisis Dan Perancangan. Sistem Basis Data Pembelian, Penjualan Dan Persediaan Pada. Restoran Celio Bistro

A. ADMINISTRATOR. Form Login Admin

Tampilan Window Login

Berikut ini adalah petunjuk pemakaian aplikasi sistem basis data. Petunjuk berikut ini disertai dengan tampilan layar. Keterangan selengkapnya

Halaman Utama. Form Login

2 Edit data. 3 Hapus data. 4 Cari data (Search)

User Manual Aplikasi Surat Rekomendasi Ditjen SDPPI Kominfo

Prosedur Menjalankan program / alat Gambar 4.58 User Interface Form Login Karyawan

Form Login. Gambar 4.46 Form Login

Prosedur Menjalankan Program / Alat

Tampilan layar menu login

Design The User-Interface 1. Rancangan Form Login

UI Navigation. Gambar 4.47 UI Navigation Menu File

Setting local IP address dan subnet mask dari VoIP Gateway tersebut. Berikut adalah cara mengkonfigurasi modem ADSL:

BAB V IMPLEMENTASI DAN PEMBAHASAN. Berikut ini adalah hardware dan software yang dibutuhkan untuk

Petunjuk Penggunaan Aplikasi LHPBK

USER MANUAL APLIKASI CUTI ONLINE HUMAN RESOURCE INFORMATION SYSTEM. Disiapkan Oleh. PT. Telekomunikasi Indonesia. Human Resource Information System 1

TUTORIAL APLIKASI QB ARCHITECT

BAB IV HASIL DAN UJI COBA

4.1. Prosedur Pemakaian Aplikasi Tampilan Web Sebagai Admin. a. Halaman Login. Gambar 4.41 Halaman Login Admin

PETUNJUK PENGGUNAAN APLIKASI CAFÉ VERSI 1.0

BAB IV HASIL DAN PEMBAHASAN

1. User Interface Menu Utama

BAB IV HASIL DAN UJI COBA

Manual. Alokasi Mengajar

BADAN PENGEMBANGAN DAN PEMBERDAYAAN SDM KESEHATAN KEMENTERIAN KESEHATAN INDONESIA

Tampilan Form Login. Form Login harus diisi oleh user apabila user ingin mengakses aplikasi sistem


BAB IV IMPLEMENTASI PERANCANGAN

Petunjuk Pemakaian Sistem

Gambar 6.1 Tampilan Utama Website

Gambar Tampilan Layar User. Layar ini dibuat agar administrator dapat mengontrol user account yang ada.

Gambar 4.76 User Interface Login

Panduan Penggunaan Aplikasi Sistem Informasi Persuratan (E-Letter) UIN Syarif Hidayatullah Jakarta

BANK SAMPAH USER GUIDE

Gambar 4.13 STD Layar Menu Project Level Akses 4 dan Level Akses 3. Gambar 4.14 STD Layar Menu Project Level Akses 2 dan Level Akses 1

Gambar 41 Isi Data DO Gambar 42 Status DO "DELIVERY ORDER RELEASED" Gambar 43 Notifikasi DO Released ke Freight Forwarder...

Gambar Menu utama. Pertama kali program dijalankan akan tampil form penentuan. harga servis yang merupakan halaman utama dari program.

Pengenalan Sistem Informasi Pembangunan Daerah

BAB V IMPLEMENTASI DAN PEMBAHASAN

selanjutnya (menampilkan serial number yang tersedia). Back : untuk kembali ke halaman sebelumnya. Halaman yang akan muncul adalah sebagai berikut

User Guide Membership.

Gambar 4.43 Uses Interface Log In PT RAPUTRA JAYA

Badan Pengkajian Kebijakan, Iklim dan Mutu Industri. Manual Book. Sistem Informasi Database Resources Balai. .Versi 1.0

BAB 4 PERANCANGAN SISTEM

BAB IV IMPLEMENTASI DAN EVALUASI

PROSEDUR MENJALANKAN PROGRAM. 1. Jalankan sistem operasi Microsoft Windows 7 Home Premium 32 Bit. 3. Install Microsoft Visual Studio 2010 Ultimate

1. Membuka file aplikasi lalu melakukan login

PROSEDUR MENJALANKAN PROGRAM

1. Persiapkan master yang akan diinstal, dan persiapkan Daemon Tools Lite untuk men-mount Image kan file iso yang kalian punya.

BAB 4 IMPLEMENTASI DAN EVALUASI. tampilan layar sistem ERP CV.Gracia Jaya beserta prosedur penggunaannya

USER MANUAL APLIKASI SISTEM KEUANGAN (Pembayaran Mahasiswa)

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV HASIL PRAKTEK KERJA DAN ANALISIS. RW.04 Bener Tengaran Kab. Semarang merupakan perusahaan

Gambar Login form

LAMPIRAN. Berikut adalah salah satu tampilan error di mana ketika seorang Operational Manager

Form Login. Tampilan awal aplikasi jasa angkutan barang, di sini user akan memasukkan username dan password yang dimiliki

BAB IV IMPLEMENTASI DAN EVALUASI

BAB IV HASIL DAN UJI COBA

BAB V IMPLEMENTASI DAN PEMBAHASAN

BAB IV ANALISIS DAN PERANCANGAN SISTEM

Pengaturan Untuk menuju ke menu pengaturan e-accounting pilih dan klik pengaturan pada sebelah kiri seperti dibawah ini

BAB IV HASIL PENELITIAN DAN PEMBAHASAN. terhadap kemudahan pengguna dalam menggunakan aplikasi yang akan dibuat.

Gambar 4.69 : User Interface Form Login

BAB IV HASIL DAN PEMBAHASAN

Storyboard. Username: user1. Password : ****** Login

APLIKASI PENGGAJIAN (PAYROLL APPLICATION)

Prosedur Menjalankan Aplikasi

SIPP Online. User Manual SIPP Online

SISTEM ADMINISTRASI PEGAWAI UNIVRSITAS NEGERI YOGYAKARTA

User Manual Guide Salesman USER MANUAL GUIDE. Salesman. E-Learning PT. Suzuki Indomobil Sales E-Learning SIS Page 1 of 19

PASTIKAN ANDA MENGINSTAL SESUAI URUTAN DIATAS, SALAH URUTAN BERESIKO JAVA TIDAK TERDETEKSI.

BAB IV HASIL DAN PEMBAHASAN

Gambar 4.118User Interface Login

PETUNJUK TEKNIS REGISTRASI APLIKASI e REGISTRASI OBAT (AeRO) aero.pom.go.id. Login. Alur Pengajuan Registrasi Obat Copy

Panduan Penggunaan. AndaraLink Web Portal (AWP) Version 2.2. Bank Andara 2016

BAB IV HASIL DAN UJI COBA

Gambar 4.1 Halaman Login

SOP Aplikasi E-budgeting Level SKPD

Manual Book E-KIR DKI Jakarta.

BAB IV HASIL DAN UJI COBA

Tutorial Spektra Accounting System

PENDAHULUAN. Cara menggunakan menu

20. Halaman Detail Produk Setelah Login

BAB V IMPLEMENTASI DAN PEMBAHASAN. Untuk dapat menjalankan aplikasi sistem informasi penjualan pada

BAB IV IIMPLEMENTASI DAN PENGUJIAN

PANDUAN JFT PENYULUH HUKUM PENGAJUAN INPASSING

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB IV HASIL DAN UJI COBA

BAB 4 IMPLEMENTASI DAN EVALUASI. sistem aplikasi basis data pada CV. Lumbung Rejeki yaitu : Monitor : SVGA 17. : Optical Mouse.

SMARTSoft. Memulai Program SMARTSoft

3. Setelah ada notifikasi sukses, sistem kami akan mengirimkan aktivasi ke alamat yang Anda gunakan pada saat registrasi. Buka terse

ACCOUNT Q VERSI 3 PENGATURAN PROGRAM ACCOUNT Q VERSI 3 PENGATURAN PROGRAM DAFTAR PERKIRAAN DAFTAR BANK DAFTAR CUSTOMER TRANSAKSI KEUANGAN

Halaman Login Halaman Staff

APLIKASI KLINIK. Panduan. User Guide

BAB IV HASIL DAN ANALISIS

Gambar 4.27 User Interface Login

Transkripsi:

User Interface 1. Form Login Pada saat membuka aplikasi maka akan tampil form loginseperti di atas, username dan password akan di sesuaikan dengan database Pegawai. Apabila username dan password yang dimasukkan tidak benar maka sistem akan menampilkan notifikasi bahwa username atau password salah. Gambar 1 Form Login 2. Main Form Main form akan ditampilkan apabila login berhasil dilakukan, menu File berisi sub menu logout dan exit, apabila menu logout ditekan maka main form akan ditutup dan form login akan dibuka kembali, sub menu exit akan menutup aplikasi.

2 Gambar 2 Main Form 3. Menu Master Menu master berisi sub menu pegawai, bidang, program kerja, otorisasi, persembahan khusus, penyimpanan, dan awal balance. Gambar 3 Menu Master 4. Menu Penerimaan Menu penerimaan berisi sub menu penerimaan dan bukti penerimaan.

Gambar 4 Menu Penerimaan 5. Menu Pengeluaran Menu pengeluaran berisi sub menu pengeluaran dan bukti pengeluaran. Gambar 5 Menu Pengeluaran 6. Menu Persetujuan

4 Menu persetujuan berisi sub menu persetujuan pengeluaran dan persetujuan anggaran. Gambar 6 Menu Persetujuan 7. Menu Laporan Menu laporan berisi sub menu laporan pengeluaran, laporan penerimaan, laporan rekapitulasi anggaran, serta laporan pengeluaran dan penerimaan kas. Gambar 7 Menu Laporan 8. Form Pegawai

Form Pegawai menampilkan data pegawai yang ada di dalam yayasan, data yang ditampilkan antara lain: ID Pegawai, Nama Pegawai, Nama Bidang/bagian, Alamat, No. Telepon, Email, Password. Tombol Add digunakan untuk mengisi data pegawai yang baru dan hanya dapat disimpan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, dan tombol Cancel digunakan untuk menutup Form Pegawai. Gambar 8 Form Pegawai 9. Form Bidang Form Bidang menampilkan data bidang/bagian yang ada di dalam yayasan, data yang ditampilkan antara lain: ID Bidang dan Nama Bidang. Tombol Add digunakan untuk mengisi data bidang yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, dan tombol Cancel digunakan untuk menutup Form Bidang.

6 Gambar 9 Master Bidang 10. Form Program Kerja Form Program Kerja menampilkan data program kerja yang menjadi kegiatan tahunan yayasan, data yang ditampilkan antara lain: ID Program Kerja dan Nama Program Kerja. Tombol Add digunakan untuk mengisi data program kerja yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, dan tombol Cancel digunakan untuk menutup Form Program Kerja.

Gambar 10 Form Program Kerja 11. Form Otorisasi Form Otorisasi menampilkan data pegawai dan table otorisasimenu form untuk menentukan otorisasi setiap pegawai sesuai dengan tugas dan wewenang masing-masing. Tombol Save digunakan untuk menyimpan otorisasi pegawai terhadap sistem, dan tombol Cancel digunakan untuk menutup Form Otorisasi. Gambar 11 Form Otorisasi 12. Form Persembahan Khusus

8 Form Persembahan Khusus menampilkan data persembahan khusus yang ada di dalam yayasan, data yang ditampilkan antara lain: ID Persembahan Khusus dan Nama Persembahan Khusus. Tombol Add digunakan untuk mengisi data persembahan khusus yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, dan tombol Cancel digunakan untuk menutup Form Persembahan Khusus. Gambar 12 Form Persembahan Khusus 13. Form Penyimpanan Form Penyimpanan menampilkan data penyimpanan yang digunakan oleh yayasan, data yang ditampilkan antara lain: ID Penyimpanan danjenis Penyimpanan. Untuk Jenis Penyimpanan Kas maka user mengisi Nama Penyimpanan. Untuk Jenis Penyimpanan Bank maka user mengisi Nama Bank dan No. Rekening. Tombol Add digunakan untuk mengisi data penyimpanan yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di

dalam table, tombol Save digunakan untuk menyimpan data, dan tombol Cancel digunakan untuk menutup Form Penyimpanan. Gambar 13 Master Penyimpanan 14. Form Awal Balance Form Awal Balance menampilkan data awal balance dari data penyimpanan, data yang ditampilkan antara lain: ID Penyimpanan dan Nominal. Tombol Add digunakan untuk mengisi data awal balance yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, dan tombol Cancel digunakan untuk menutup Form Awal Balance.

10 Gambar 14 Form Master Awal Balance 15. Form Anggaran Form Anggaran menampilkan data anggaran yang telah dibuat oleh yayasan, data yang ditampilkan antara lain: Nama Bidang, ID Anggaran, ID Program Kerja, Nama Program Kerja, Tempat, Waktu, Tujuan, Keterangan Kegiatan, Sasaran Kegiatan, Penanggung Jawab, Jenis Anggaran, Jumlah Penerimaan, Jumlah Pengeluaran, dan Keterangan. Tombol Add digunakan untuk mengisi data anggaran yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, dan tombol Cancel digunakan untuk menutup Form Anggaran.

Gambar 15 Form Anggaran 16. Form Penerimaan Form Penerimaan menampilkan data penerimaan persembahan yang diterima dari Jemaat, data yang ditampilkan antara lain: ID Penerimaan, Nama Bidang, Tanggal, Jenis Penerimaan, dan Keterangan. Di dalam detail penerimaan, data yang ditampilkan antara lain: No. Reff, Keterangan, dan Jumlah. No. Reff didapat dari data anggaran atau data persembahan khusus, Keterangan menampilkan nama dari anggaran atau persembahan khusus yang dipilih.

12 Tombol Add digunakan untuk mengisi data penerimaan yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, dan tombol Cancel digunakan untuk menutup Form Penerimaan. Gambar 16 Form Penerimaan 17. Form Bukti Penerimaan Form Bukti Penerimaan menampilkan data bukti penerimaan yang berisi data penerimaan yang jumlah penerimaannya akan dialokasikan ke data penyimpanan, data yang ditampilkan antara lain: ID Bukti Pengeluaran, ID Penerimaan, dan Tanggal. Di dalam detail bukti penerimaan, data yang ditampilkan antara lain: No. Reff, Keterangan, Jumlah, ID Penyimpanan, dan Nama Penyimpanan. No. Reff didapat dari data anggaran atau data persembahan khusus, Keterangan menampilkan nama dari anggaran atau persembahan khusus yang dipilih.

Tombol Add digunakan untuk mengisi data detail penerimaan yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, tombol Print digunakan untuk mencetak dokumen bukti penerimaan dan tombol Cancel digunakan untuk menutup Form Bukti Penerimaan. Gambar 17.1 Form Bukti Penerimaan Gambar 17.2 Bukti Penerimaan

14 18. Form Pengeluaran Form Pengeluaran menampilkan data pengeluaran yang di request, data yang ditampilkan antara lain: ID Pengeluaran, Nama Bidang, Tanggal, Jenis Pengeluaran, No. Notulen, Keterangan, Status, dan Keterangan Status. Di dalam detail pengeluaran, data yang ditampilkan antara lain: No. Reff, Keterangan, Anggaran Pengeluaran, dan Jumlah. No. Reff didapat dari data anggaran, Keterangan menampilkan nama dari anggaran yang dipilih. Tombol Add digunakan untuk mengisi data pengeluaran yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, dan tombol Cancel digunakan untuk menutup Form Pengeluaran. Gambar 18 Form Pengeluaran

19. Form Bukti Pengeluaran Form Bukti Pengeluaran menampilkan data bukti pengeluaran yang berisi data pengeluaran yang sudah di approve, jumlah pengeluarannya akan dialokasikan ke data penyimpanan, data yang ditampilkan antara lain: ID Bukti Pengeluaran, ID Pengeluaran, dan Tanggal. Di dalam detail bukti penerimaan, data yang ditampilkan antara lain: No. Reff, Keterangan, Jumlah, ID Penyimpanan, dan Nama Penyimpanan. No. Reff didapat dari data anggaran, Keterangan menampilkan nama dari anggaran yang dipilih. Tombol Add digunakan untuk mengisi data detail pengeluaran yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, tombol Print digunakan untuk mencetak dokumen bukti pengeluaran dan tombol Cancel digunakan untuk menutup Form Bukti Pengeluaran. Gambar 19.1 Form Bukti Pengeluaran

16 Gambar 19.2 Bukti Pengeluaran 20. Form Internal Transfer Form Internal Transfer menampilkan data internal transfer yang bertujuan untuk mentransfer dari satu penyimpanan ke penyimpanan lain dari data penyimpanan, data yang ditampilkan antara lain: ID Transfer, Tanggal, Nominal, Asal, Tujuan, dan Keterangan. Tombol Add digunakan untuk mengisi data internal transfer yang baru dan hanya dapat ditekan apabila seluruh field telah diisi, tombol Edit hanya dapat ditekan apabila user telah memilih data di dalam table, tombol Save digunakan untuk menyimpan data, dan tombol Cancel digunakan untuk menutup Form Internal Transfer.

Gambar 20 Form Internal Transfer 21. Form Persetujuan Anggaran Form Persetujuan Anggaran menampilkan seluruh data anggaran, data yang ditampilkan antara lain: ID Anggaran, Nama Bidang, Nama Program Kerja, Tempat, Tujuan, Sasaran, Penanggung Jawab, Jenis Penerimaan/Pengeluaran, Jumlah Penerimaan, Jumlah Pengeluaran, Keterangan. Tombol Setuju digunakan untuk freeze data anggaran setelah disetujui dan database anggaran tidak dapat di Edit lagi.

18 Gambar 21 Form Persetujuan Anggaran 22. Form Persetujuan Pengeluaran Form Persetujuan Pengeluaran menampilkan data pengeluaran yang di request untuk memberikan approval permintaan pengeluaran. Tombol Lihat Detail hanya dapat ditekan apabila user telah memilih data di dalam table, dan ketika ditekan sistem akan menampilkan Form Pengeluaran. Pada Form Pengeluaran, tombol Setuju digunakan jika permohonan pengeluaran disetujui. Sedangkan, tombol Tolak jika permohonan tidak disetujui dan sistem akan menampilkan Form Keterangan Tolak.

Gambar 22.1 Form List Permintaan Pengeluaran Gambar 22.2 Form Keterangan Tolak 23. Form Laporan Penerimaan Form Laporan Penerimaan berfungsi untuk membuat laporan penerimaan yang dapat dibandingkan dengan anggaran, user dapat memilih periode awal dan akhir sebagai batas tanggal transaksi untuk pembuatan laporan, tombol View digunakan untuk menampilkan hasil laporan, user dapat menekan tombol Print untuk mencetak laporan yang dihasilkan, tombol Close untuk menutup Form Laporan Penerimaan. Dapat dilihat pada Gambar 4.47.

Gambar 23 Laporan Penerimaan

24. Form Laporan Pengeluaran Form Laporan Pengeluaran berfungsi untuk membuat laporan pengeluaran yang dapat dibandingkan dengan anggaran, user dapat memilih periode awal dan akhir sebagai batas tanggal transaksi untuk pembuatan laporan, tombol View digunakan untuk menampilkan hasil laporan, user dapat menekan tombol Print untuk mencetak laporan yang dihasilkan, tombol Close untuk menutup Form Laporan Pengeluaran. Dapat dilihat pada Gambar 24. 25. Form Laporan Rekapitulasi Anggaran Form Laporan Rekapitulasi Anggaran berfungsi untuk melihat jumlah saldo yang dimiliki oleh yayasan, user dapat memilih periode awal dan akhir sebagai batas tanggal transaksi untuk pembuatan laporan, tombol View digunakan untuk menampilkan hasil laporan, user dapat menekan tombol Print untuk mencetak laporan yang dihasilkan, tombol Close untuk menutup Form Laporan Rekapitulasi Anggaran. Dapat dilihat pada Gambar 25. 26. Form Laporan Pengeluaran dan Penerimaan Kas Form Laporan Pengeluaran dan Penerimaan Kas berfungsi untuk melihat jumlah perbandingan penerimaan dan pengeluaran kas yang dimiliki oleh yayasan, user dapat memilih periode awal dan akhir sebagai batas tanggal transaksi untuk pembuatan laporan, tombol View digunakan untuk menampilkan hasil laporan, user dapat menekan tombol Print untuk mencetak laporan yang dihasilkan, tombol Close untuk menutup Form Laporan Pengeluaran dan Penerimaan Kas. Dapat dilihat pada Gambar 26.

Gambar 24 Laporan Pengeluaran

Gambar 25 Laporan Rekapitulasi Anggaran

Gambar 26 Laporan Pengeluaran dan Penerimaan Kas