Cara Membuat Billing Warnet

Download Cara Membuat Billing Warnet

Post on 22-Nov-2015

1.107 views

Category:

Documents

7 download

Embed Size (px)

DESCRIPTION

Cara membuat Billing Warnet

TRANSCRIPT

<ul><li><p>Aplikasi Billing Warnet </p><p>Bab 4</p><p> Membuat Tampilan</p><p> Mengatur Properties</p><p> Membuat Database </p><p> Membuat Kode Program</p><p> Membuat Laporan Dengan Crystal Report 8.5</p><p> Soal</p></li><li><p>2Aplikasi Database dengan VB untuk Orang Awam</p><p>Pada bab ini kita akan membahas tentang Aplikasi Database Billing Warnet. Aplikasi Billing Warnet ini adalah sebuah aplikasi yang dapat digunakan untuk menghitung perincian biaya yang dikeluarkan untuk pemakaian internet dari komputer client, berdasarkan waktu lama pemakaian komputer tersebut dan harga yang telah ditetapkan.</p><p>Aplikasi Billing ini memiliki dua bagian masing masing memiliki menu yang digunakan untuk memanipulasi data. di bawah ini akan di jelaskan bagian-bagian aplikasi dan menu-menu yang akan Anda buat.1. Aplikasi Billing Warnet Server. Terdiri dari 8 menu, yaitu :</p><p>Menu User Admin Log In Menu Utama Menu Monitor Client Menu Input User Admin Menu Pengaturan Menu Cetak Laporan Pendapatan Menu Kirim Pesan Menu Client Log Out </p><p>2. Aplikasi Billing Warnet Client. Terdiri dari 3 menu, yaitu :Menu Log in Client Menu Monitor Harga Client Menu Isi Pesan </p><p>Untuk penggunaan komponen pada aplikasi ini tidak ada yang berbeda pada aplikasi-aplikasi sebelumnya, hanya beda cara penggunaannya saja.</p><p>a. Membuat tampilan Menu User Admin Log In</p><p>Menu User Log ini berfungsi untuk membatasi pemakaian Billing Server berdasarkan nama user admin yang terdaftar saja dengan memberikan password sebagai pengaman agar tidak bisa di pakai oleh orang lain.</p><p> 4.1 Membuat Tampilan</p><p>4.1.1 Membuat Tampilan Billing Warnet Server</p></li><li><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>3</p><p>Bab 4</p><p>Aplikasi Billing Warnet</p><p>Gambar 4.1. Menu Log In User Admin</p><p>Langkah-langkah membuat tampilan</p><p>1. Bukalah program aplikasi Visual Basic 6.0 Anda.2. Setelah tampil form kosong, Anda tampilkan kotak dialog </p><p>Components, dengan mengklik menu Project kemudian Pilih Components atau tekan tombol Ctrl + T pada keyboard.</p><p>3. Lalu pada kotak dialog Componets, Anda aktifkan beberapa tanda cek seperti Crystal Report Control, Microsoft ADO Data Control 6.0 (OLE DB), Microsoft DataGrid Control 6.0 (OLEDB), Microsoft DataList Control 6.0, Microsoft FlexGrid Control 6.0, Microsoft Tabbed Dialog Control 6.0, Microsoft Windows Common Control 6.0 (SP6), Microsoft Windows Common Control-2 6.0.</p><p>4. Kemudian Anda letakkan ke dalam form tiga Label, tiga TextBox, dua CommandButton, tiga Adodc, satu Timer, satu Image dan satu StatusBar , lalu Anda atur posisinya seperti Gambar 4.2</p><p>Gambar 4.2. Membuat tampilan Menu User Admin Log In</p><p>b. Membuat tampilan Menu Utama</p><p>TextBox1s.d TextBox3</p><p>CommandButton1s.d CommandButton3</p><p>Adodc1 s.d Adodc3</p><p>Label1 s.d Label3</p><p>Image1</p><p>StatusBar1</p><p>Timer1</p></li><li><p>4Aplikasi Database dengan VB untuk Orang Awam</p><p>Menu Utama ini berfungsi sebagai menu induk yang bertugas untuk menampilkan menu-menu anak lainnya, karena untuk menu utama Anda akan menggunakan MDIForm.</p><p>Gambar 4.3. Menu Utama</p><p>Langkah-langkah membuat tampilan</p><p>1. Untuk menggunakan MDIform, Anda klik menu Project &gt; Add MDI Form. Lihat Gambar 4.4</p><p>Gambar 4.4. Menggunakan MDI Form</p><p>2. Pada kotak dialog Add MDI Form, Anda pilih MDI Form kemudian klik tombol Open. Lihat Gambar 4.5</p><p>1. Klik Menu Project</p><p>2. Klik Add MDI Form</p></li><li><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>5</p><p>Bab 4</p><p>Aplikasi Billing Warnet</p><p>Gambar 4.5. Membuka MDI Form</p><p>3. Pastikan form MDI Form dalam keadaan aktif, lalu Anda klik menu Menu Editor , pada Toolbar. Kemudian kotak dialog Menu Editor akan tampil. Lihat Gambar 4.6</p><p>Gambar 4.6. Membuka kotak dialog Menu Editor</p><p>4. Untuk membuat menu File dapat dilakukan dengan menuliskan &amp;File di bagian caption, dan MnuF di bagian Name. lalu klik tombol Next. Lihat Gambar 4.7</p><p>1. Klik MDI Form</p><p>2. Klik Open</p><p>1. Klik Menu Editor</p><p>2. Kotak Dialog Menu Editor</p></li><li><p>6Aplikasi Database dengan VB untuk Orang Awam</p><p>Gambar 4.7. Membuat Menu FIle</p><p>5. Perhatikan Gambar 4.8. Untuk membuat sub menu Monitor Client di bagian menu Fie, klik tombol , lalu ketik Mo&amp;nitor Client pada bagian caption, dan Mnumc pada bagian Name. Pilih CTRL+M pada bagian Shorcut. Klik tombol Next. </p><p>Gambar 4.8. Membuat sub Menu FIle</p><p>6. Untuk mempersingkat waktu Anda dapat melihat sub menu lainnya pada Gambar 4.9.</p><p>Perhatian :Untuk pembuatan nama pada baris kolom Name Menu Editor, Anda dapat membuat nama sesuai dengan keinginan Anda dan nama tidak boleh sama.2</p></li><li><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>7</p><p>Bab 4</p><p>Aplikasi Billing Warnet</p><p>Gambar 4.9. Nama - nama Menu dan Sub Menu </p><p>7. Setelah selesai dengan pembuatan Menu Editor, Kemudian Anda tambahkan ke dalam lembar MDI Form beberapa komponen yaitu tiga Timer, dua Adodc, dan satu StatusBar. Letakkan seperti pada gambar di bawah ini. Lihat Gambar 4.10</p><p>Gambar 4.10. Membuat tampilan Menu Utama </p><p>c. Membuat tampilan Menu Monitor Client</p><p>Menu Monitor Client ini berfungsi sebagai menu yang dapat melihat komputer client yang sedang digunakan untuk internet. Setiap komputer client yang digunakan akan ditampilkan pada menu ini. </p><p>Timer1 s.d Timer2</p><p>Menu Editor</p><p>Adodc1 s.d Adodc2</p><p>StatusBar1</p></li><li><p>8Aplikasi Database dengan VB untuk Orang Awam</p><p>Gambar 4.11. Menu Monitor Client </p><p>Langkah-langkah membuat tampilan</p><p>1. Anda tambahkan form baru, klik menu Project &gt; Add Form, pada kotak dialog Add Form pilih Dialog. Lalu klik tombol Open. Lihat Gambar 4.12 </p><p>Gambar 4.12. Menambahkan Form baru</p><p>1. Klik Menu Project</p><p>2. Klik Add Form</p><p>3. Pilih Dialog</p></li><li><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>9</p><p>Bab 4</p><p>Aplikasi Billing Warnet</p><p>2. Anda aktifkan form dialog yang baru ditambahkan, kemudian pada lembar form tersebut Anda hapus dua komponen CommandButton, yang telah menempel pada lembar form tersebut. Lalu tambahkan beberapa komponen seperti satu MSFlexGrid, satu label, dua Adodc, satu Image dan satu Timer, Anda aturlah posisinya seperti Gambar 4.13</p><p>Gambar 4.13. Membuat tampilan Menu Monirtor Client</p><p>d. Membuat tampilan Menu Input User Admin</p><p>Menu Input User Admin ini berfungsi sebagai menu yang dapat menginput data user yang berhak untuk memakai aplikasi ini.</p><p>Gambar 4.14. Menu Input User Admin</p><p>Langkah-langkah membuat tampilan</p><p>1. Anda tambahkan form baru, klik menu Project &gt; Add Form, pada kotak dialog Add Form pilih Dialog. Lalu klik tombol Open. Seperti pada langkah sebelumnya.</p><p>MSFlexGrid1</p><p>Timer1</p><p>Adodc1 s.d Adodc2</p><p>Image1Label1</p></li><li><p>10</p><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>2. Sama seperti langkah sebelumnya Anda aktifkan form dialog yang baru ditambahkan, kemudian pada lembar form tersebut Anda hapus dua komponen CommandButton. Lalu tambahkan beberapa komponen seperti empat Label, tiga TextBox, dua Image, satu CheckBox, dan satu Adodc, Anda aturlah posisinya seperti pada Gambar 4.15 </p><p>Gambar 4.15. Membuat tampilan Menu Input User Admin</p><p>e. Membuat tampilan Menu Pengaturan</p><p>Menu Pengaturan ini berfungsi sebagai menu yang dapat mengatur harga rental komputer client berdasarkan durasi lama pemakaian komputer per jam.</p><p>Gambar 4.16. Membuat tampilan Menu Pengaturan</p><p>CheckBox1</p></li><li><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>11</p><p>Bab 4</p><p>Aplikasi Billing Warnet</p><p>Langkah-langkah membuat tampilan</p><p>1. Anda tambahkan form baru, klik menu Project &gt; Add Form, pada kotak dialog Add Form pilih Dialog. Lalu klik tombol Open. Seperti pada langkah sebelumnya.</p><p>2. Anda aktifkan form dialog yang baru ditambahkan, kemudian pada lembar form tersebut Anda hapus dua komponen CommandButton, Lalu tambahkan komponen SSTab , satu buah. Anda Lihat Gambar 4.17</p><p>Gambar 4.17. Menambahkan komponen SSTab1</p><p>3. Kemudian pada komponen SSTab1 khususnya Tab 0 Anda letakkan beberapa komponen seperti empat Label, satu TextBox, satu DataCombo , satu Image, satu Adodc, satu DataGrid , dan satu Line. Kemudian aturlah posisinya seperti Gambar 4.18 </p><p>Gambar 4.18. Meletakkan Komponen Ke Dalam SSTab Tab 0</p><p>4. Pada Tab 1, Anda letakkan beberapa komponen seperti dua Label, satu TextBox, satu Image, satu Adodc, satu DataGrid, satu Line. Kemudian aturlah posisinya seperti pada Gambar 4.19.</p><p>SSTab1</p><p>DataGrid1</p><p>DataCombo1</p></li><li><p>12</p><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>Gambar 4.19. Meletakkan komponen ke dalam SSTab Tab 1</p><p>f. Membuat tampilan Menu Cetak Laporan Pendapatan</p><p>Menu Cetak Laporan Pendapatan ini berfungsi sebagai menu yang dapat mencetak laporan transaksi, berdasarkan tanggal dan keseluruhan transaksi yang tersimpan di dalam database dengan menggunakan Crystal Report 8.5.</p><p>Gambar 4.20. Menu Cetak Laporan Pendapatan</p><p>Langkah-langkah membuat tampilan</p><p>1. Anda tambahkan form baru, klik menu Project &gt; Add Form, pada kotak dialog Add Form pilih Dialog. Lalu klik tombol Open. Seperti pada langkah sebelumnya.</p><p>2. Anda aktifkan form dialog yang baru ditambahkan, kemudian pada lembar form tersebut Anda hapus dua komponen CommandButton, Lalu tambahkan komponen seperti dua Frame, tiga OptionBox, dua DTPicker, dua Label, satu Image, dan satu Adodc. Kemudian aturlah posisinya seperti pada Gambar 4.21</p><p>DataGrid1</p></li><li><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>13</p><p>Bab 4</p><p>Aplikasi Billing Warnet</p><p>Gambar 4.21. Mengatur posisi komponen</p><p>3. Masih pada area form Menu Cetak Laporan Pendapatan, kali ini Anda tambahkan lagi komponen seperti satu Frame , satu DTPicker, dan satu Crystal Report. Lalu aturlah posisinya seperti pada Gambar 4.22.</p><p>Gambar 4.22. Menambahkan komponen </p><p>g. Membuat tampilan Menu Kirim Pesan</p><p>Menu Kirim Pesan ini berfungsi sebagai menu yang dapat megirimkan pesan ke komputer client melalui Billing Server, sehingga Anda tidak perlu repot untuk menyampaikan informasi pesan yang ingin disampaikan. </p><p>Gambar 4.23. Menu Kirim Pesan</p><p>OptionBox1 s.d OptionBox2</p><p>DTPicker1 DTPicker2</p><p>Frame3 DanDTPicker3</p><p>(Di Tumpuk Di Atas </p><p>Frame2)</p><p>Crystal Report1</p></li><li><p>14</p><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>DataCombo1</p><p>TextBox1</p><p>Image2</p><p>Image1</p><p>Image3Progressbar1</p><p>Label1</p><p>Langkah-langkah membuat tampilan</p><p>1. Anda tambahkan form baru, klik menu Project &gt; Add Form, pada kotak dialog Add Form pilih Dialog. Lalu klik tombol Open. Seperti pada langkah sebelumnya.</p><p>2. Anda aktifkan form dialog yang baru ditambahkan, kemudian pada lembar form tersebut Anda hapus dua komponen CommandButton, Lalu tambahkan komponen seperti dua Frame, satu DataCombo, satu Label, satu TextBox, tiga Image, satu Progressbar , dua Timer dan dua Adodc. Kemudian aturlah posisinya seperti pada Gambar 4.24</p><p>Gambar 4.24. Membuat tampilan Menu Kirim Pesan</p><p>h. Membuat tampilan Menu Client Log out</p><p>Menu Client Log Out ini berfungsi sebagai menu yang dapat menampil-kan harga beserta durasi pemakaian internet melalui komputer client.</p><p>Gambar 4.25. Menu Client Log Out</p></li><li><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>15</p><p>Bab 4</p><p>Aplikasi Billing Warnet</p><p>Langkah-langkah membuat tampilan</p><p>1. Anda tambahkan form baru, klik menu Project &gt; Add Form, pada kotak dialog Add Form pilih Dialog. Lalu klik tombol Open. Sep-erti pada langkah sebelumnya.</p><p>2. Anda aktifkan form dialog yang baru ditambahkan, kemudian pada lembar form tersebut Anda hapus dua komponen CommandBut-ton, Lalu tambahkan beberapa komponen seperti tiga Shape , sebelas Label, satu Image dan dua Adodc. Aturlah posisinya seperti pada Gambar 4.26.</p><p>Gambar 4.26. Membuat tampilan Menu Client Log Out</p><p>a. Membuat tampilan Menu Client Log In</p><p>Menu Client Log In ini berfungsi sebagai menu yang dapat menginput data pelanggan yang akan menggunakan kemputer client. Setiap pelanggan yang ingin menggunakan komputer client terlebih dahulu harus melewati menu ini. Menu ini akan otomatis tampil pada saat komputer client dijalankan.</p><p>Gambar 4.27. Menu Client Log In</p><p>4.1.2 Membuat Tampilan Billing Warnet Client</p><p>Shape1</p><p>Shape2</p><p>Shape3</p></li><li><p>16</p><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>Langkah-langkah membuat tampilan</p><p>1. Sebelum membuat tampilan Billing Warnet Client, sebaiknya Anda simpan terlebih dahulu tampilan Billing Warnet Server yang sudah Anda buat sebelumnya. Klik menu File &gt; Save Project.</p><p>2. Kemudian Anda klik menu File &gt; New Project. Lalu akan tampil kotak dialog New Project, pilih Standard Exe. Klik tombol Ok. Anda Lihat Gambar 4.28</p><p>Gambar 4.28. Membuat project baru3. Sebelum menambahkan komponen pada form yang masih kosong VHEDLNQ\D$QGDFRS\OHRF[WHUOHELKGDKXOXGLGDODP)ROGHUFile OCX dengan nama LVbuttons.ocx pada CD Sertaan buku ini. </p><p>4. Setelah di copy anda paste ke dalam drive C:\WINDOWS\system32.</p><p>5. Anda aktifkan kembali program visual basic Anda, kemudian Anda klik menu Project &gt; Components atau tekan Ctrl + T.</p><p>6. Pada kotak dialog Components, Anda klik tombol Browse...7. Kemudian pada kotak dialog Add ActiveX Control, $QGDFDULOH</p><p>ocx yang sudah anda copy. Kemudian pilih dan klik tombol Open. Lihat Gambar 4.29</p><p>Gambar 4.29. Membuka file OCX LVbuttons.ocx</p><p>1. Klik File2. Klik New Project</p><p>3. Pilih Standard EXE</p><p>1. Pilih File ocx LVbuttons.ocx</p><p>2. Klik Open</p></li><li><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>17</p><p>Bab 4</p><p>Aplikasi Billing Warnet</p><p>8. Lalu pada kotak dialog Components, Aktifkan tanda cek pada komponen LVbuttons, lalu klik tombol Ok. Lihat Gambar 4.30.</p><p>Gambar 4.30. Membuka File Ocx LVbuttons.ocx</p><p>9. Kemudian dalam Toolbar General, akan bertambah komponen baru dengan nama LaVolpeButton . Lihat Gambar 4.31.</p><p>Gambar 4.31. Komponen LaVolpeButton</p><p>10. Anda buka lagi kotak dialog Componets, Anda aktifkan beberapa tanda cek seperti Microsoft ADO Data Control 6.0 (OLE DB), Microsoft Windows Common Control 6.0 (SP6), Microsoft Winsock Control 6.0.</p><p>11. Pada form yang masih kosong Anda tambahkan beberapa komponen seperti satu TextBox, dua LaVolpeButton, satu PictureBox </p><p>, empat Timer, satu Winsock , empat Adodc, satu StatusBar. Aturlah posisinya seperti pada Gambar 4.32.</p><p>Gambar 4.32. Membuat tampilan Client Log In</p><p>Aktifkan Tanda Cek Ini</p><p>LaVolpeButton</p><p>LaVolpeButton1</p><p>LaVolpeButton2</p><p>PictureBox1</p><p>Winsock1</p></li><li><p>18</p><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>b. Membuat tampilan Menu Monitor Harga Client</p><p>Menu Monitor Harga Client ini berfungsi sebagai menu yang dapat menghitung harga rental berdasarkan durasi waktu dan harga rental per jam, sehingga si pemakai komputer client dapat mengontrol berapa harga rental yang harus dibayar.</p><p>Gambar 4.33. Menu Monitor Harga Client</p><p>Langkah-langkah membuat tampilan</p><p>1. Anda tambahkan form baru, klik menu Project &gt; Add Form, pada kotak dialog Add Form pilih Dialog. Lalu klik tombol Open. Seperti pada langkah sebelumnya.</p><p>2. Anda aktifkan form dialog yang baru ditambahkan, kemudian pada lembar form tersebut Anda hapus dua komponen CommandButton, Lalu tambahkan beberapa komponen seperti tiga Shape , dua belas Label, dua Image, lima Timer, satu Winsock, dan tiga Adodc. Aturlah posisinya seperti pada Gambar 4.34.</p><p>Gambar 4.34. Membuat tampilan Menu Monitor Client</p><p>Shape1</p><p>Shape2</p><p>Shape3</p><p>TengkuHighlight</p></li><li><p>Aplikasi Database dengan VB untuk Orang Awam</p><p>19</p><p>Bab 4</p><p>Aplikasi Billing Warnet</p><p>c. Membuat tampilan Menu Pesan</p><p>Menu Pesan ini berfungsi sebagai menu yang dapat menyampaikan pesan tertulis yang di kirim oleh Operator melalui Billing Server.</p><p>Gambar 4.35. Menu Pesan Client</p><p>Langkah-langkah membuat tampilan</p><p>1. Anda tambahkan form baru, klik menu Project &gt; Add Form, pada kotak dialog Add Form pilih Dialog. Lalu klik tombol Open. Seperti pada langkah sebelumnya.</p><p>2. Anda aktifkan form dialog yang baru ditambahkan, kemudian pada lembar form tersebut Anda hapus dua komponen CommandButton, Lalu tambahkan beberapa kom...</p></li></ul>