July 24, 2024

Tutorial 3 : Form Menu Dan Form Login

4 min read

Baca tutorial 2

Sasaran:

  1. Dapat Membuat Form Menu Untuk Aplikasi
  2. Dapat Membuat Form Login Untuk Aplikasi

1. FORM MENU APLIKASI

Form Menu Aplikasi akan digunakan untuk mengontrol jalannya aplikasi. Tampilan Menu Aplikasi dibedakan menjadi 2 (dua) tampilan menu aplikasi yang disesuaikan dengan jenis Pemakai (Admin, Operator Kasir) yang menggunakan aplikasi.

Adapun Bentuk Tampilan menu yang akan dibuat adalah sebagai berikut :

a.   Menu Admin

Menu admin digunakan oleh admin aplikasi mini market untuk melakukan administrasi terhadap data barang, data supplier, data personal aplikasi, data barang masuk.

  • –     Pilihan Barang, digunakan untuk mendata barang dan jenis-jenis barang yang ada
  • –     Pilihan Supplier, digunakan untuk mendata supplier barang mini market
  • –     Pilihan Personal, digunakan untuk mendapat personal (orang) yang berhak menggunakan aplikasi
  • –     Pilihan Barang Masuk, digunakan untuk mendata barang masuk.
  • –     Pilihan Laporan digunakan untuk mencetak laporan penjualan, laporan barang masuk dan Laporan Persediaan Barang.

b.   Menu Kasir

Menu kasir dibuat sesuai kebutuhan kasir pada saat melayani transaksi penjualan. Adapun bentuk tampilan menu kasir yang akan dibuat adalah,

  • –     Pilihan Modal Awal digunakan untuk memasukkan jumlah uang yang ada sebelum kasir melakukan transaksi penjualan.
  • –     Pilihan Transaksi Penjualan digunakan untuk mencatat transaksi penjualan yang dilakukan kasir.
  • –     Pilihan Laporan Kasir digunakan untuk mencetak laporan kasir diakhir operasionalnya.
  • –     Pilihan Logout digunakan kasir untuk mengakhiri operasionalnya.

TAHAPAN PEMBUATAN MENU APLIKASI DAN LOGIN

Pembuatan Menu Kasir dan Admin digabungkan dalam satu menu aplikasi, tampilan menu dibedakan sesuai hak akses user pada saat login. Adapun bentuk tampilan keseluruhan menu dan login yang akan dibuat adalah sebagai berikut :

Tahapan Pembuatan Menu Aplikasi Data Mini Market adalah sebagai Berikut,

1.   MEMBUKA PROJECT

Jika Project Mini Market belum dibuka, buka terlebih dahulu  Project dan Unit_MenuMarket dengan cara :

[flowplayer src=’http://news.palcomtech.com/ftp/ARTIKEL-2012/basuki/tutor/video3/Membuka_Project.mp4′ width=500 height=300]

  • –   Buka Delphi 2007
  • –   Buka Project AplikasiMiniMarket
  1. Klik Menu File – Open Project
  2. Pilih Folder AplikasiMiniMarket
  3. Klik Project_AplikasiMiniMarket
  4. Klik Open

2.   MENAMBAHKAN KOMPONEN KE FORM

[flowplayer src=’http://news.palcomtech.com/ftp/ARTIKEL-2012/basuki/tutor/video3/Menambah_Komponen_Menu.mp4′ width=500 height=300]

Tambahkan Komponen-Komponen untuk Menu Mini Market dan Login, sebagai berikut :

(Video Komponen_Menu),

  1. Tambahkan 1 komponen TMainMenu (standard)
  2. Tambahkan 1 komponen TCoolBar (win32)
  3. Tambahkan 2 komponen Tlabel (Standard)
  4. Tambahkan 3 komponen Timage (Additional)
  5. Tambahkan 1 komponen TgroupBox (Standar)
  6. Tambahkan 2 komponen Tlabel (Standard)
  7. Tambahkan 2 komponen Tedit (Standard)
  8. Tambahkan 2 komponen TspeedButton (Additional)

3.   MENGUBAH PROPERTIES

Mengubah Properties Komponen Menu Mini Market (Video Properties_Menu_1)

[flowplayer src=’http://news.palcomtech.com/ftp/ARTIKEL-2012/basuki/tutor/video3/Properties_Menu_1.mp4′ width=500 height=350]

Ubah Properties Form dan Komponen Form seperti Tabel dibawah ini,

(Video Properties_Menu_2)

[flowplayer src=’http://news.palcomtech.com/ftp/ARTIKEL-2012/basuki/tutor/video3/Properties_Menu_2.mp4′ width=500 height=350]

(Video Properties_Menu_3)

[flowplayer src=’news.palcomtech.com/ftp/ARTIKEL-2012/basuki/tutor/video3/Properties_Menu_3.mp4′ width=500 height=350]

4.    HASIL DESAIN FORM MENU DAN LOGIN

Hasil desain form menu dan login sebelum dijalankan adalah sebagai berikut

5.    MENGISI CODE FORM MENU

Kode untuk form menu dan login agar dapat menampilkan menu sesuai dengan hak masing-masing user adalah sebagai berikut :

a. Mengisi Code Form Show (Video Mengisi_FormShow)

[flowplayer src=’http://news.palcomtech.com/ftp/ARTIKEL-2012/basuki/tutor/video3/Mengisi_Code_FormShow.mp4′ width=500 height=350]

FormShow digunakan untuk mengontrol Form dan Komponen Form pada saat Form akan ditampilkan. Tahapan mengisi FormShow adalah sebagai berikut,

  • –     Pada Kotak Object Inspector Pilih Form_Menu
  • –     Klik Tab EVENTS
  • –     Pada Kotak disebelah Kanan OnShow, Klik 2x
  • –     Tuliskan Code dibawah ini,

b. Mengisi Code Tombol LOGIN (Video Mengisi_LOGIN)

[flowplayer src=’http://news.palcomtech.com/ftp/ARTIKEL-2012/basuki/tutor/video3/Mengisi_Code_Tombol_LOGIN.mp4′ width=500 height=350]

Tombol LOGIN digunakan untuk memverifikasi username dan password pada saat user melakukan login dan menampilkan menu yang sesuai dengan hak akses masing-masing user.

Tahapan mengisi tombol LOGIN adalah sebagai berikut,

  • –     Klik 2x Tombol LOGIN
  • –     Tuliskan code dibawah ini,

c. Mengisi Pilihan LOGOUT (Video Mengisi_LOGOUT)

[flowplayer src=’http://news.palcomtech.com/ftp/ARTIKEL-2012/basuki/tutor/video3/Mengisi_Code_Logout.mp4′ width=500 height=350]

Pilihan LOGOUT digunakan untuk mengakhiri pemakaian Aplikasi Mini Market. Langkah untuk mengisi Code LOGOUT adalah,

  • –     Klik 2x  TmainMenu
  • –     Klik 2x  Pilihan LOGOUT
  • –     Tuliskan Code dibawah ini

d. Mengisi Code Tombol CLOSE

Klik 2x tombol Close dan tuliskan perintah

Close;

6. MENJALANKAN FORM MENU

Sebelum Form Menu dan Login dijalankan, Kita akan memasukkan terlebih data personal / user ke dalam tabel personal di SQL Server yang telah dibuat sebelumnya, untuk menguji login dan tampilan form menu yang ditampilkan sesuai user login.

Tahapan Mengisi Data Personal : (Video Mengisi_Data_Personal)

[flowplayer src=’http://news.palcomtech.com/ftp/ARTIKEL-2012/basuki/tutor/video3/Mengisi_Data_Personal.mp4′ width=500 height=350]

  1. Buka SQL Server 2008, Management Studio
  2. Login dengan User dan Password yang telah dibuat sebelumnya
  3. Klik 2x folder Database
  4. Klik 2x folder Table
  5. Klik kanan di dbo.Personal
  6. Pilih Desain

7. Pada Desain Tabel Personal, Tambahkan 1 Field Baru dibawah, (lupa dibuat pada saat pembuatan Tabel)

Jenis_Personal    Varchar(12)

8. Simpan Ulang Tabel Personal.
9. Masukan 2 (data) Personal ke Tabel Personal dengan Cara

  • –       Klik 2x di Folder Database
  • –       Klik 2x di Folder Table
  • –       Klik Kanan di dbo.Personal
  • –       Pilih Edit Top 200 Row

-Masukkan Data seperti dibawah ini,

Field-Field yang lainnya biarkan kosong, untuk melengkapinya dapat dilakukan setelah pembuatan form personal selesai dibuat.

-Simpan Ulang Tabel Personal, dan Kembali Borland Delphi 2007.

MENJALANKAN FORM MENU DAN LOGIN (Video Menjalankan_Form)

[flowplayer src=’http://news.palcomtech.com/ftp/ARTIKEL-2012/basuki/tutor/video3/Menjalankan_Form.mp4′ width=500 height=350]

1. Pada Menu Borland Delphi 2007
2. Klik Run – Run atau tekan F9, Maka akan ditampilkan form menu dan login seperti gambar dibawah ini,

3. Jika  Username yang dimasukkan adalah Kasir1 dan Password adalah 123, maka ditampilkan menu seperti gambar dibawah ini.

0 thoughts on “Tutorial 3 : Form Menu Dan Form Login

  1. Alhamdulillah akhirnya terbit jg tahap 3 , emm… pak (Video Properties_Menu_3) ga jalan tu pak 🙁

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.