[Document title] Abdullah Hafizh [Course title] [Date] Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 0

(1)

Abdullah Hafizh | InterSoft | Rekayasa Perangkat Lunak | SMKN 10 Jakarta 0

[Document title]

Abdullah Hafizh [Course title]

[Date]

(2)

Dalam pemrograman komputer, Create, Read, Update, dan Delete (Kadang-kadang

disebut SCRUD dengan "S" untuk Search) adalah empat fungsi dasar dari penyimpanan persisten.

Kadang-kadang CRUD diperluas dengan kata- kata mengambil alih-alih membaca, memodifikasi bukan pembaruan, atau menghancurkan bukan delete. Hal ini juga kadang-kadang digunakan untuk menggambarkan konvensi antarmuka pengguna yang memfasilitasi melihat, mencari, dan mengubah informasi

Istilah ini mungkin pertama kali dipopulerkan oleh James Martin dalam buku 1983 nya Mengelola Lingkungan data-base. Singkatan yang dapat diperpanjang untuk CRUDL untuk menutup daftar dari kumpulan data besar yang membawa kompleksitas tambahan seperti pagination ketika data set terlalu besar untuk menampung mudah dalam memori.

Variasi lain dari CRUD adalah BREAD, singkatan dari "Browse, Read, Edit, Add, Delete".

Ekstensi ini banyak digunakan dalam konteks dengan konsep perlindungan data, ketika hukum tidak diperbolehkan untuk menghapus data secara langsung. Mengunci data mencegah akses bagi pengguna tanpa merusak data masih diperlukan. Namun variasi lain, digunakan sebelum CRUD menjadi lebih umum(terkenal) , adalah Mads, singkatan dari "Modify, All, Delete, Show”.

(3)

Abdullah Hafizh | InterSoft | Rekayasa Perangkat Lunak | SMKN 10 Jakarta 2

Software yang dibutuhkan untuk membuat aplikasi CRUD sederhana dengan Rad Studio 10 dan DBMS Mysql :

 MySQL (Bisa digunakan lewat XAMPP)

 Rad Studio 10



ODBC

o Aktifkan MySQL melalui XAMPP Control Panel

(4)

o Buat database baru, menggunakan Command Prompt

o Lalu buat table access dan karyawan

Sebelumnya kita harus menggunakan databasenya terlebih dahulu, ketik seperti ini : “use test_dbase” (tanpa tanda kutip).

(5)

Buka ODBC Data Source Administrator

Buka di Control Panel -> Administrative Tools -> ODBC Data Sources.

(6)

o Setelah itu akan muncul MySQL connector/ODBC Data Source Configuration, Isi layaknya seperti ini (optional) :

NB : Data Source Name : Isikan secara bebas, asalkan mudah diingat. Baiknya disamakan dengan nama database.

TCP/IP Server : Isikan tergantung anda ingin mengambil database yang berasal darimana. Biasanya ‘localhost’ jika menggunakan database local.

User dan Password : Sesuaikan dengan database MySQL anda.

(biasanya user : root & password dikosongkan.) Database : Pilih database yang tadi telah dibuat.

o bila Connection Successful...

Klik dan juga klik pada aplikasi ODBC tersebut.

(7)

o Buka Rad Studio 10.

Lalu klik File-> New-> VCL Forms Application – C++ Builder.

o Setelah itu akan muncul form

Form ini berguna untuk tampilan program, kita bisa menambahkan attribute disitu. Tapi sebelumnya kita harus menambahkan attribute AdoConnection, AdoQuery & DataSource yang berguna sebagai penyambung program ke database.

(8)

o Untuk menambahkan komponen query dan sebagainya lebih baik gunakan tehnik dengan menambahkan form baru

berupa Data Module.

Pilih Add New -> Klik Other...

(9)

Klik C++Builder Projects -> C++Builder Files -> Pilih Data Module.

Ikuti gambar berikut :

(10)

o Setting AdoConnection

1. Ubah Name Adoconnection1 menjadi “koneksi” untuk mempermudah.

2. Klik 2 kali pada koneksi(AdoConnection1), lalu klik build dan Next.

3. Setelah itu akan muncul Data Link Properties

Samakan isinya seperti dibawah ini(Hal 10). #Optional

(11)

Abdullah Hafizh | InterSoft | Rekayasa Perangkat Lunak | SMKN 10 Jakarta 10

4. Lalu klik Test Connection, bila Connection Successful..., klik OK pada Data Link Properties dan OK lagi.

o Setting AdoQuery

Active False

AdoQuery1 Connection “koneksi”

Name Qkaryawan

Active False

AdoQuery2 Connection “koneksi”

Name Qakses

Name tanpa tanda kutip.

Lalu klik 2 kali pada SQL: (TString).

(12)

Akan muncul String Editor, lalu ketikan layaknya seperti ini.

Siswa : ber-artikan nama table karyawan yang berada didatabase test_dbase.

String List untuk akses

Lalu ganti properties ADOQuery Active dari false ubah menjadi

“True”.

(13)

o Setting Data Source

Ikuti settingan Data Source berikut.

o Ketikan #include “Unit2.h” dibawah #include

“Unit1.h”.

Ini berfungsi untuk menginclude Unit2 yang berupa Data Module (DM1).

(14)

Dan buat Design form seperti ini didesign unit1.

Komponen diatas terdiri dari Tedit, Tbutton, TDBGrid, FrxDBDataset, frxReport.

o Setting Design form1.

Edit 1 Alignment taCenter

TextHint ID

Edit 2 Alignment TaCenter

TextHint Nama

Edit3 Alignment taCenter

TextHint Departemen

Button 1 Caption CARI

Button 2 Caption Tambah

Button 3 Caption Ubah

Button 4 Caption Hapus

Button 5 Caption Perbaharui

(15)

Button 6 Caption Laporan

TDBGrid DataSource DM1.DSkaryawan

Form1 Name Aplikasi CRUD

DataSource DM1.DSkaryawan

frxDBDataset1 Name FDBkaryawan

UserName FDBkaryawan

frxReport Name freport

 Sourcecode untuk Button “CARI”

(klik 2 kali pada button CARI)

 Sourcecode untuk Button “Tambah”

(klik 2 kali pada button Tambah)

(16)

 Sourcecode untuk Button “Ubah”

(klik 2 kali pada button Ubah)

 Sourcecode untuk Button “Hapus”

(klik 2 kali pada button Hapus)

 Sourcecode untuk Button “Perbaharui”

(klik 2 kali pada button Perbaharui)

(17)

 Sourcecode untuk Button “Laporan”

(klik 2 kali pada button Laporan)

o Setting frxReport

Klik 2 kali pada frxReport, maka akan muncul tampilan seperti ini :

(18)

Sekarang kita mulai dengan mengatur setiap komponen yang ada di frxReport.

(19)

Setelah memilih Data maka akan muncul

o Membuat judul laporan pada page header

(20)

Buat tulisan di Header sesuai dengan nama fieldnya

Lalu ubah warnanya di menu color.

Dan Lanjut ke MasterData

(21)

Seret field dari table siswa kedalam MasterData, Lalu beri juga fitur All Frime Lines.

Setelah selesai, maka Close freport nya (frxReport).

1. Tambahkan Panel ke dalam Form1

(22)

2. Ubah warna panel, lalu ubah ukuran panel menjadi lebih besar hingga menutupi semua bagian di Form1, hingga tampak seperti ini :

Ubah nama Panel1 menjadi Padmin.

(23)

3. Tambahkan komponen seperti TEdit dan TButton.

Desain sampai tampak seperti ini :

Atur seperti ini

TextHint Username

Edit4 Alignment taCenter

Name Eusername

TextHint Password

Edit Alignment taCenter

5 Name Epassword

PasswordChar *

Button7 Caption Masuk

Button8 Caption Daftar

(24)

 Sourcecode untuk Button “Daftar”

(klik 2 kali pada button Daftar)

5. Lalu tambahkan komponen panel untuk Pdaftar tersebut (Pdaftar yang tadi sudah dipanggil di kodingan button “daftar”)

(25)

6. Tambahkan beberapa komponen pada Panel Daftar lalu desain seperti tampak pada gambar :

Dan atur komponen-komponen pada Pdaftar sebagai berikut :

Label1 Caption Daftar

Font Segoe UI 28

Alignment taCenter

Edit6 Name Eusernamedaftar

TextHint Username

Alignment TaCenter

Edit7 Name Epassworddaftar

PasswordChar *

TextHint Password

CheckBox1 Caption Lihat Password

(26)

Button9 Caption Daftar

7. Sourcecode untuk Button “Daftar”

(klik 2 kali pada button Daftar)

8. Sourcecode untuk ChecBox “Tampilkan Password”

(klik 2 kali pada CheckBox1)

(27)

9. Tutup Panel Pdaftar

 Sourcecode untuk Button “Masuk”

(klik 2 kali pada button Masuk)

SELESAI UNTUK SELURUH FUNGSI CRUD DAN LOGIN.

.:Terima Kasih:.

(28)

Contoh

(29)

(30)

“Imajinasikanlah sebagus mungkin apa yang ingin dilakukan, saat imajinasi yang ingin dilakukan sudah dirasa cukup buatlah jadi nyata, saat dikeadaan nyata ada

kekurangan, maka perbaikilah jangan mengulangnya kembali.”

~