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

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

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 katakata 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. Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 1

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 Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 2

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). Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 3

Buka ODBC Data Source Administrator Buka di Control Panel -> Administrative Tools -> ODBC Data Sources. Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 4

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. Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 5

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. Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 6

o Untuk menambahkan komponen query dan sebagainya lebih baik gunakan tehnik dengan menambahkan form baru berupa Data Module. Pilih Add New -> Klik Other... Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 7

Klik C++Builder Projects -> C++Builder Files -> Pilih Data Module. Ikuti gambar berikut : Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 8

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 Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 9

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). Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 10

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. Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 11

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). Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 12

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 Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 13

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) Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 14

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) Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 15

Sourcecode untuk Button Laporan (klik 2 kali pada button Laporan) o Setting frxreport Klik 2 kali pada frxreport, maka akan muncul tampilan seperti ini : Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 16

Sekarang kita mulai dengan mengatur setiap komponen yang ada di frxreport. Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 17

Setelah memilih Data maka akan muncul o Membuat judul laporan pada page header Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 18

Buat tulisan di Header sesuai dengan nama fieldnya Lalu ubah warnanya di menu color. Dan Lanjut ke MasterData Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 19

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 Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 20

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. Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 21

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 Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 22

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 ) Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 23

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 Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 24

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) Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 25

9. Tutup Panel Pdaftar Sourcecode untuk Button Masuk (klik 2 kali pada button Masuk) SELESAI UNTUK SELURUH FUNGSI CRUD DAN LOGIN..:Terima Kasih:. Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 26

Contoh Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 27

Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 28

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. ~ ~Abdullah Hafizh~.:[Make your dreams come true]:. Abdullah Hafizh InterSoft Rekayasa Perangkat Lunak SMKN 10 Jakarta 29