Analisa Sistem Perancangan Sistem

32

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1. Analisa Sistem

Dari analisa permasalahan yang telah di lakukan, maka akan di rancang suatu aplikasi pengelolaan uang bulanan berbasis mobile yaitu dengan melakukan perancangan dan pembuatan sistem. Hal tersebut dilakukan untuk mempermudah penggunanya dalam membuat aplikasi yang terstruktur dan jelas. Di dalam aplikasi ini juga penggunanya diberikan kemudahan serta keuntungan untuk dapat mengetahui uang bulanan yang masuk dan keluar serta hasil dari perhitungan dengan menggunakan HP. Untuk dapat mengelola uang bulanan berbasis mobile, penggunanya harus memasukkan aplikasinya ke dalam HP terlebih dahulu dengan menggunakan bluetooth atau kabel data, kemudian baru bisa menginstall aplikasinya kedalam HP agar dapat terkoneksi dengan J2ME. Jika penggunanya tidak mengistall aplikasinya terlebih dahulu, maka HP tersebut tidak akan terkoneksi dengan J2ME, karena di setiap aplikasi pasti ada peraturan yang harus dilakukan agar apa yang diinginkan dapat terpenuhi dengan baik, salah satu peraturan yang harus dilakukan agar HP tersebut dapat terkoneksi langsung kedalam J2ME.

3.2. Perancangan Sistem

Perancangan sistem berisikan penjelasan tentang deskripsi umum sistem, Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. identifikasi kebutuhan, proses-proses yang akan dijabarkan antara lain: Flowchart, DFD, CDM Conceptual Data Model, PDM Physical Data Model dan perancangan formdesain dan perancangan antarmuka aplikasi.

3.2.1. Deskripsi Umum Sistem

Gambar 3.1. Arsitektur Sistem Mobile Uang Bulanan Deskripsi dari arsitektur sistem pada Gambar 3.1. adalah sebagai berikut : a. User menginstall aplikasi melalui HP terlebih dulu. b. Setelah ter-install user akan mendapatkan menu pemasukkan, pengeluaran dan laporan. c. Dan selanjutnya user bisa menyimpan laporan ke dalam RMS Record Management System. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.2.2. Flowchart

Pada perancangan Flowchart sistem ini menggambarkan suatu tahapan penyelesaian dari aplikasi pengelolaan uang bulanan. Berdasarkan permasalahan yang telah di bahas, maka diperoleh sistem baru yang telah terkomputerisasi agar dapat diterapkan dalam membantu menyelesaikan permasalahan yang ada. Adapun desain Flowchart sistem aplikasi pengelolaan uang bulanan adalah sebagai berikut: Gambar 3.2 Flowchart Level User Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Gambar di atas menjelaskan tentang alur user dalam aplikasi J2ME, yaitu untuk dapat melakukan pengelolaan uang bulanan, user harus pilih salah satu menu, setelah masuk menu utama,user di beri hak akses penuh. Di dalam aplikasi ini user bisa masuk dalam proses data pemasukan, data pengeluaran dan laporan. Dalam data pemasukan user bisa menginputkan jenis pemasukan dan jumlah pemasukan uang kemudian disimpan dalam RMS tabel data pemasukan. Dalam data pengeluaran, user bisa menginputkan jenis pengeluaran dan jumlah pengeluaran uang kemudian disimpan dalam RMS tabel data pengeluaran. Dalam laporan user bisa mengecek hasil data pemasukan dan pengeluaran hari ini. Dalam cari data, user bisa menginputkan tanggal,bulan dan tahun, kemudian user bisa melihat hasilnya kedalam RMS tabel data pemasukkan dan pengeluaran. Dalam laporan pemasukan dan pengeluaran, user bisa menginputkan bulan dan tahun dan kemudian user bisa melihat hasilnya kedalam data pemasukan dan pengeluaran uang bulanan User bisa memanfaatkan menu pencarian untuk memudahkan dalam proses menginputkan data pemasukkan dan pengeluaran uang bulanan. User juga bisa menggunakan aplikasi tersebut tapi hendaknya user harus log off terlebih dahulu untuk kembali ke menu utama.

3.2.3. DFD Data Flow Diagram

Setelah proses desain dengan menggunakan Flowchart, langkah selanjutnya dalam desain sistem adalah pembuatan Data Flow Diagram DFD yang merupakan representasi grafik dalam menggambarkan arus data sistem Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. secara terstruktur dan jelas sehingga dapat menjadi sarana dokumentasi sistem yang baik. a Conteks Diagram Top Level Gambar 3.3 Conteks Diagram Aplikasi Pengelolaan Uang Bulanan Pada conteks diagram, proses ke 0 yaitu aplikasi pengelolaan uang bulanan ini orang yang terlibat dalam aplikasi hanya ada satu orang yaitu user. Disini user bisa menginputkan data pemasukan dan data pengeluaran uang. Kemudian uang bulanan tersebut akan diproses dan disimpan kedalam aplikasi. Selanjutnya user bisa melihat data laporan nya. Gambar 3.4 Hasil Check Model pada Conteks Diagram Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. b DFD Level 0 Gambar 3.5 DFD Level 0 tentang Aplikasi Pengelolaan Uang Bulanan Pada DFD level ini adalah penjabaran dari diagram konteks yang sebelumnya telah dijelaskan dengan cara decompose kemudian dibuat beberapa proses yang ke semua proses tersebut merupakan masih bagian dari proses inti. Gambar 3.6 Hasil Check Model pada DFD Level Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. c DFD Level 1 dari Proses Pemasukan Uang Gambar 3.7 DFD Level Decompose dari Proses Pemasukan Uang Gambar 3.8 Hasil Check Model pada DFD Level 1 d DFD Level 1 dari Proses Pengeluaran Uang Gambar 3.9 DFD Level Decompose dari Proses Pengeluaran Uang Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. mencatat1 mencatat2 terdapat2 terdapat1 user nama_user alamat jenkel tlp pi Variable characters 20 Variable characters 25 Variable characters 9 Variable characters 12 M Identifier_1 pi kategori id_kategori nama_kategori pi Integer Variable characters 25 M Identifier_1 pi data_pemasukan_uang id_pemasukan tgl_pemasukan jenis_pemasukan jumlah_pemasukan pi Integer Date Variable characters 15 Variable characters 10 M Identifier_1 pi data_pengeluaran_uang id_pengeluaran tgl_pengeluaran jenis_pengeluaran jumlah_pengeluaran pi Integer Date Variable characters 15 Variable characters 10 M Identifier_1 pi Gambar 3.10 Hasil Check Model pada DFD Level 1

3.2.4. CDM Conceptual Data Model

Gambar 3.11 Conceptual Data Model Aplikasi Pengelolaan Uang Bulanan Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. user nama_user alamat jenkel tlp varchar20 varchar25 varchar9 varchar12 pk kategori id_kategori nama_kategori integer varchar25 pk data_pemasukan_uang id_pemasukan id_kategori nama_user tgl_pemasukan jenis_pemasukan jumlah_pemasukan integer integer varchar20 date varchar15 varchar10 pk fk2 fk1 data_pengeluaran_uang id_pengeluaran id_kategori nama_user tgl_pengeluaran jenis_pengeluaran jumlah_pengeluaran integer integer varchar20 date varchar15 varchar10 pk fk2 fk1 Tabel data user mempunyai relasi melihat dengan tabel data kategori dan dari tabel data kategori mempunyai relasi terdapat tabel data pemasukan dan tabel data pengeluaran. Tabel data user mempunyai relasi mencatat tabel data pemasukan dan tabel data pengeluaran.

3.2.5. PDM Physical Data Model

Gambar 3.12 Physical Data Model Aplikasi Pengelolaan Uang Bulanan Setelah di generate dari CDM tadi maka dihasilakan relasi yang seperti ini. User mempunyai relasi melihat kategori dari aplikasi pengelolaan uang bulanan yang di lakukan oleh user. Dalam tabel data pemasukan dan tabel data pengeluaran id dari kategori masuk dalam tabel ini. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.

3.2.6. Struktur Tabel

Disini akan dijelaskan susunan tabel-tabel pada database yang kesemuanya diambil dari hasil pembuatan CDM yang telah di-generate sehingga menjadi PDM. Untuk lebih jelasnya langsung saja bisa dilihat pada tabel-tabel berikut ini. Tabel 3.1 Penjelasan Attribut Pada Tabel User No. Nama Attribut Keterangan 1. Name_user Menjadi primary key dan dipakai sebagai attribut pengenal dalam satu tabel. 2. Alamat Alamat dari user. 3. Jenis kelamin Jenis Kelamin dari user. 4. Tlp No tlp dari user. Tabel 3.2 Penjelasan Attribut Pada Tabel Data Kategori No. Nama Attribut Keterangan 1. ID_kategori Menjadi primary key dan dipakai sebagai attribut pengenal dalam satu tabel . 2. Nama kategori Data berupa nama kategori dari beberapa menu yang di miliki oleh aplikasi. Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. Tabel 3.3 Penjelasan Attribut Pada Tabel Data Pemasukan Uang No. Nama Attribut Keterangan 1. ID_pemasukan Menjadi primary key dan dipakai sebagai attribut pengenal dalam satu tabel . 2. Tgl pemasukan Data berupa tanggal pemasukan uang yang di lakukan oleh user. 3. Jenis pemasukan Data berupa perkiraan jenis pemasukan uang yang di lakukan oleh user.

4. Jumlah pemasukan Data berupa perkiraan jumlah pemasukan

uang yang di lakukan oleh user. Tabel 3.4 Penjelasan Attribut Pada Tabel Data Pengeluaran Uang No. Nama Attribut Keterangan 1. ID_pengeluaran Menjadi primary key dan dipakai sebagai attribut pengenal dalam suatu tabel . 2. Tgl pengeluaran Data berupa tanggal pengeluaran uang yang di lakukan oleh user. 3. Jenis pengeluaran Data berupa perkiraan jenis pengeluaran uang yang di lakukan oleh user. 4. Jumlah pengeluaran Data berupa perkiraan jumlah pengeluaran uang yang di lakukan oleh user.

3.2.7. Perancangan Antarmuka

Perancangan antarmuka merupakan perancangan halaman aplikasi yang nantinya akan berinteraksi secara langsung dengan pengguna. Dalam penjabaran Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. ini hanya akan menampilkan rancangan antarmuka untuk pengguna pada aplikasi pengelolaan uang. Pengguna dapat mengakses menu-menu melalui HP, adapun perancangan pada halaman berbasis J2ME yang akan dibuat adalah sebagai berikut: 1. Gambar 3.13 adalah antarmuka halaman menu, untuk menggunakan salah satu menu pengguna dapat memilih melalui list dan menekan tombol pilih Gambar 3.13. Halaman Menu Antarmuka 2. Gambar 3.14 adalah antarmuka halaman pemasukan, untuk menu pemasukan pengguna dapat mencatat jenis, jumlah dan tgl pemasukan dan kemudian di simpan. Gambar 3.14. Halaman Pemasukan Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 3. Gambar 3.15 adalah antarmuka halaman pengeluaran, untuk menu pengeluaran pengguna dapat mencatat jenis, jumlah dan tgl pengeluaran dan kemudian disimpan. Gambar 3.15. Halaman Pengeluaran 4. Gambar 3.16 adalah antarmuka halaman laporan, untuk laporan ini pengguna dapat melihat laporan hari ini, pilih tanggal, pemasukan dan pengeluaran. Gambar 3.16. Halaman Laporan Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 5. Gambar 3.17 adalah antarmuka halaman hari ini, halaman ini digunakan untuk melihat uang yang masuk dan keluar pada hari ini. Gambar 3.17. Halaman Laporan Hari Ini 6. Gambar 3.18 adalah antarmuka halaman cari tanggal, halaman ini digunakan untuk melihat pemasukan dan pengeluaran uang harian, pengguna dapat mengubah pilih tanggal, bulan dan tahun sesuai dengan field yang telah di sediakan. Gambar 3.18. Halaman Laporan Cari Tanggal Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 7. Gambar 3.19 adalah antarmuka halaman pemasukan, halaman ini di gunakan untuk melihat pemasukan bulanan, pengguna dapat mengubah pilih bulan dan tahun sesuai dengan field yang telah di sediakan. Gambar 3.19. Halaman Laporan Pemasukan 8. Gambar 3.20 adalah antarmuka halaman Pengeluaran, halaman ini di gunakan untuk melihat pengeluaran bulanan, pengguna dapat mengubah pilih bulan dan tahun sesuai dengan field yang telah di sediakan. Gambar 3.20. Halaman Laporan Pengeluaran Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 9. Gambar 3.21 adalah antarmuka halaman \pengaturan, halaman ini di gunakan untuk melihat Bahasa dan Keamanan, pengguna dapat mengganti bahasa yang di inginkan dan pengguna juga dapat menggunakan keamanan dari pembuatan aplikasi ini. Gambar 3.21. Halaman Pengaturan 10. Gambar 3.22 adalah antarmuka halaman Bantuan, halaman ini di gunakan untuk melihat petunjuk dan tentang, pengguna dapat melihat dan membaca petunjuk untuk mengoperasikan aplikasi pengelolaan uang bulanan berbasis mobile ini. Pengguna juga dapat melihat hak cipta dari pembuatan aplikasi ini. Gambar 3.22. Halaman Bantuan Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber. 48

BAB IV IMPLEMENTASI SISTEM