Integrasi Backend & Database

Mata Kuliah: Pemrograman Berbasis Web


🧭 1. Pengertian Integrasi Backend & Database

https://images.openai.com/static-rsc-4/BT84V1yCMJ7AlUNgaboJACRQGXiG90XiHpDV9tQ_bpj3o0IA0btXqIp424xeJSOzlrvJbW7RS9UFG83kQJQTyJxHklABYiU9bATjsUhLo3801hRzoXiQrm9V7eXv2Lh2tS3b_vNAc8LKMEXSY6GRTM3k66WlzffoCKqS6x8ji9gXtkT-3fHZVBQ7YqFnDSKH?purpose=fullsize
https://images.openai.com/static-rsc-4/J-9lZsNR5Egi6If8gI5bo1PjyhwZsF3pGWaNlN37bPgdjp9TS0nHFnNMkQj2GdSGO5TUI8HJZkVD0enaXVID3Zwjeqq_YVvP4tCYRzWTiqev-4nGRHdcGkDSvm9Nm5KRqYSET7lXZIImMNMj7crBEbXJyvkCRbHBBt4IYa50Ivk3B5JppaWWJgUxRpiETPxq?purpose=fullsize
https://images.openai.com/static-rsc-4/t3tSYIRi6LqMnxljHpK-MV94Q5_Ktmo321s1tuASTgN5onXARAvCtO_o_BH2pE8KJTN5z-K9RqjCcE1xGH-07j1asBCB7NrjN7w-d6YTsKg0aUsWhc341V9xtLer2-RnaLnbVCNOLnyTwfvb4IV44nubdEZlbmjThuuVMhJIIULg9yPrAlVR2KO0p8XwocqG?purpose=fullsize

6

πŸ“– Deskripsi

Integrasi backend dan database adalah proses menghubungkan aplikasi backend (misalnya PHP) dengan database (misalnya MySQL) untuk menyimpan, mengambil, dan mengelola data.

🧠 Narasi

Tanpa integrasi ini, backend tidak bisa menyimpan data secara permanen. Integrasi memungkinkan aplikasi web menjadi dinamis, seperti menyimpan data pengguna, menampilkan daftar produk, hingga memproses transaksi.


🌐 2. Arsitektur Sistem Web Terintegrasi

https://images.openai.com/static-rsc-4/J-9lZsNR5Egi6If8gI5bo1PjyhwZsF3pGWaNlN37bPgdjp9TS0nHFnNMkQj2GdSGO5TUI8HJZkVD0enaXVID3Zwjeqq_YVvP4tCYRzWTiqev-4nGRHdcGkDSvm9Nm5KRqYSET7lXZIImMNMj7crBEbXJyvkCRbHBBt4IYa50Ivk3B5JppaWWJgUxRpiETPxq?purpose=fullsize
https://images.openai.com/static-rsc-4/6S_36TFu6vzUUQG5EfmZJnqIqFtq3U37qFIbK1VBMm1becm9qea5-131HILKUUZ05NpzfvjwyrDaeex8Q7jB4wlTW_kcAd3ilEypnVO8lAIkjGf469qdNnn5XDTKtJ6iRYXQw2kPmmDZNuFigNGheZe6PoD4MmAM8YgZ0CkETmkit7_ISiYZbzG6SpB1bl1C?purpose=fullsize
https://images.openai.com/static-rsc-4/SWaTkPfqFTpv4GTqXMot_7urFrzOmHmIbDU_UeM6c2pJKGyQZY8soHpCSdSiySr_bGoDJNisB_ePsqR13ScmGurTIvHnIL5tO8ZxsiHpMhkuFOo9lZc9aLJlD6LHn2H_NoIrJCPBcJE4o5RfNLl8ivwrk3DD52e4gCEfk0M2k_GOCDcQQaSNwKjJYnpZLgAi?purpose=fullsize

6

πŸ“– Deskripsi

Arsitektur umum terdiri dari 3 lapisan:

🧱 Tabel Arsitektur

LayerFungsi
FrontendTampilan
BackendLogika
DatabasePenyimpanan

🧠 Narasi

Frontend berinteraksi dengan backend, backend mengelola data melalui database. Ketiganya saling terhubung membentuk sistem web lengkap.


πŸ”Œ 3. Koneksi Backend ke Database (PHP & MySQL)

https://images.openai.com/static-rsc-4/69knae9Y2cbfxWvky9Ie2YU7QhmvzJ2ZcSXf78DwW7tKkiU5gEAtgL4knQEYhDb3So77cneFmPSyYfQb1F1_vp3DVudTsMIiA0mBIQAtFAgy6WNLIlHpiMRihzgJ8GZllFLo_SMYXRO4dE1sAL6o1_G-3C9Nu9tsVkIyplduZ28FR4orMZMWP3DGcIVTIUnr?purpose=fullsize
https://images.openai.com/static-rsc-4/XS1-PTwgnrFBE2-s1nzNspSxENPDWpFFLgAh5ugUmF1k1cWPqhD5JbeJG8i7Wz_CTzafgQDMJmg-L3BJrMqlmlBdZ43Ei8int6UYCa26ZVGGVuCsNnkIHD3pd9xsMvnTlQrrRuVBJPIcF9VQtFTBNVejsGDGxAntzIBzkNPYRoA8OZ9Ihxqc2aBqA8ftML5G?purpose=fullsize
https://images.openai.com/static-rsc-4/iVCUpH643_TnWA4BuAz5Hy3bhJl3x78p6CB8yLKq_wsiV6MTmeQzuGvWfNAamfM30xa4kCCKhBuUpB6H-jd7oFCp9_ZvMimHwjsxXHKPhbutYlM1Exf0B7koZwO2WxiX9dgmxOq_keBARUxh4a5_h7FTqYH2jO6XGPiPS7HaAOGSZwyuZn5tPPAiOxLSYtSI?purpose=fullsize

7

πŸ“– Deskripsi

Untuk menghubungkan PHP dengan database digunakan fungsi koneksi.

πŸ’» Contoh

$conn = mysqli_connect("localhost", "root", "", "db_kampus");if (!$conn) {
die("Koneksi gagal: " . mysqli_connect_error());
}

🧠 Narasi

Koneksi ini adalah langkah pertama sebelum melakukan operasi data.


πŸ“₯ 4. Menyimpan Data ke Database (INSERT)

https://images.openai.com/static-rsc-4/unDiWHWSNfnUB4Dqo1XTJSNFsMuSwwPxb5P33P0LOuZquVQ33v3m3o1xhgiUPEKDXdkDZAIrKnwSmJMFpu54sSiSYyd2Pf61uTgqh-mzBFbTgacO4hg_9wPqW4Bs5PTnQWAC240d1k8F312JmZ8i-ePa2X_9ENC0WXZCYhAjZuCBXqK8rQcxFsG7byGL9eGn?purpose=fullsize
https://images.openai.com/static-rsc-4/1Cj3kHPPOTMnmJTR5E44e3ovILHBf_8jQtNNUnBE5rYNBEdbzD4YDx0I0cXofn0MROCwACmriUerqbXaE5EcLaXEW7Vv49sUULDuiEt6nmjBnilKzSfn0I_fEh5okJf7vGxh3JnCHuiOmPMNbO1mgwkgw1HdsGyGq_zZ9cqcb1BIcL_80SkJoT6bOjYUUKip?purpose=fullsize
https://images.openai.com/static-rsc-4/gppWTJIQgFqWriUXhvRwl4Kl1cU_l8bURKkXyRUnW8Jm1RlDIf1GeKauoc5qhFPLkU5rNFl2mf-TbJQXH2BZeRcRUwrx2BoWNHq-lRoDrk2lqDWK6TdsnDWdAgB7dsXJxhGSGJGfEsnVuMKkWX-qx8KpjoilBdbcF2OiQ6ZmsyqQYQhOpalyUcCo2BGs4dMe?purpose=fullsize

6

πŸ“– Deskripsi

Digunakan untuk menambahkan data ke database.

πŸ’» Contoh

$sql = "INSERT INTO mahasiswa (nama, jurusan) VALUES ('Budi', 'Informatika')";
mysqli_query($conn, $sql);

🧠 Narasi

Data biasanya berasal dari form input pengguna.


πŸ“€ 5. Menampilkan Data (SELECT)

https://images.openai.com/static-rsc-4/UXNUS3alXTzWHOWUPo5FAWQ3PVRXsL1NbD2gIQFVQWEarwANWZfyOmFf6spluZY4u0UwPbUcB4Z0r-22obF24rofKOMqpi0VaK4GX4-8qgZuQ6iWJfuJdq-EfDybiiB5F-1UBiYmXfSnjK-PK0UP47Ny4ZjvEdWXttqfCI14kYhJNaEQF5lbLNmEYssr-S_P?purpose=fullsize
https://images.openai.com/static-rsc-4/aUZ0uyaFi2ww7Rf4qCVEs1nTlo662PQrI2WuW_JTvYT9jzkikvBWXOIJ3fm82z5GqhTNkE7JCf46C7kUlav3aWi1Mi1x6wkL9kBW-Xmqi_ooWKhq0nF7erMR2UTttlxRX7MDgvuwWGu3_m4S1d8xi2kpvKx_senSajtvS4RxQhzpyW0SUFk0WxWFE0NNyNMA?purpose=fullsize
https://images.openai.com/static-rsc-4/eT3T71oaEF28GZvHIKeTxwcCJoYzomK9QAgYFhu2lJIwfp5qmC4CBZ2YuVOR7p4iXDpU48bKdQJBzESojin_abUXQ6hfaHC9izncKcmRFCZrsJNiNh_fxwV0vNAr6TlXPirRk8AVSOZjB6R7x_lT6oKPqpr1MxPvrXeq69M6VInUh2sb3wFVTaYPg8hJWU4B?purpose=fullsize

8

πŸ“– Deskripsi

Digunakan untuk mengambil data dari database.

πŸ’» Contoh

$result = mysqli_query($conn, "SELECT * FROM mahasiswa");while($row = mysqli_fetch_assoc($result)) {
echo $row['nama'];
}

🧠 Narasi

Data yang diambil dapat ditampilkan ke halaman web secara dinamis.


✏️ 6. Mengubah Data (UPDATE)

https://images.openai.com/static-rsc-4/7Se1fRFh9C-f-yUsgF_hXoNEuAVECVVXL9D2gAtfd9ejWWd8J2uAM01ab8BigT3lUyBwBWBqGJYhDAkkkBoUZA7SWl_-qjsi5ag6eyj7teebuPeqTi_xFDWOVjbsQ4oM1Tbe4Ulvkdp5ywq7pt_cHcQ1Xh-B2eCnaCH8vOV6I5aXU5nrXPAC6gc_OD32zes2?purpose=fullsize
https://images.openai.com/static-rsc-4/XSmQAvIy9HqYKtn-exFjG4FDyKYgLXPSagdg-2h63JWH4rS9uy3N6NejKl_uYVmtOkZOc5yTtRkISjdBPJdQB731lXTFoaaAwCUp10CVZiHfQSjRjrJ7x_MTMD37LYxbDTNdUP9JAV3UieUHs7I-DTfCG89B8_5VSW8C68i3tiSl45oqYVoIo6yAYZAtout5?purpose=fullsize
https://images.openai.com/static-rsc-4/jMR63sZXi7oa58v8mXFxiT1b6jNZdByvMtwL4Yii6HasDZt8kIJ2BSIJkG79yQY2sZghRIzH5zFO_E1a9cM6uloerwikVqqoUkbllQXFF98NOrOTZ1ndLHgAPiuAxBAozUmCqrct_qwMwgU286qFlCKYegPe_TZvKz3U5Q8alhhEAMYBkZ_2oJynTO2J5ith?purpose=fullsize

7

πŸ“– Deskripsi

Digunakan untuk memperbarui data.

πŸ’» Contoh

$sql = "UPDATE mahasiswa SET nama='Andi' WHERE id=1";
mysqli_query($conn, $sql);

🧠 Narasi

Digunakan saat pengguna mengedit data.


❌ 7. Menghapus Data (DELETE)

https://images.openai.com/static-rsc-4/nTlncOYRG2amuAwASfAYgIdUhAHSt-Mmz4yCVLehI91uQ7ikVmL51BCF8Tujkw5Awei1dKgefkdxCpxZnPPp5vnLbtyRn4w2dDxBDnZKvfKTFvW90q_Prz7ROKoVz9Zj8d_0sBmE4lGCV9wfb9jPRirzwfHksfWfBFOazBbPl72qhqXHv0yK3k4MYZgxEJQt?purpose=fullsize
https://images.openai.com/static-rsc-4/zjyq03XT0r1Cs_xS8W5YZz4kPsGyc9fQreMiNWy64sM2C4nK2x7sMw5kglTsUT5BLMWIw7rQmcFfKVL-BdY6eZBfP69G90bD_LIPFQ58BgziztyKC1P_umAYNpr35ByTWVndwWBzfn8V7aGfGFEsI030YGQXOzW_9eGE4YpLBvS5jed6MdPHgOHw1fBbKs3Y?purpose=fullsize
https://images.openai.com/static-rsc-4/Sol74vQ5iPooFTgx1xYhd5DkepEDpWmtf6qV7_bf_RpEIvpEUYCkj2xipnTMWZ2gDpbr9cCWXuGqkrwhXhpCgEmNistWJ8VAqAtSMVKrD8lSQsNTGkFxnyaL_rVnvfssUVjJxeodGkMBovU29rR1gze8FPOd4FnUHvoi0HKGV28kGqGDuGpAIGRxjpOLVHLl?purpose=fullsize

7

πŸ“– Deskripsi

Digunakan untuk menghapus data.

πŸ’» Contoh

$sql = "DELETE FROM mahasiswa WHERE id=1";
mysqli_query($conn, $sql);

🧠 Narasi

Penghapusan data harus dilakukan dengan hati-hati karena bersifat permanen.


πŸ”„ 8. Alur Lengkap CRUD

https://images.openai.com/static-rsc-4/I4eYmRZ_Wuf_R_fCnabRWg0PEj_Wef_8ARVaIUJweS0vh9jsKHtqIE5F1d_6BVeH_vNkOjkwj3IxRkpnjCbCo5KKLXmT1sAFc4FQ1HmLZfzhgtsQyp62ATdAau5Ns2ZPHGitpKp55Do6E4XkVUa2Se2oVX9qjCmnYIwkPVWZcoCBjVQuXnSJEx0tu82O6bgl?purpose=fullsize
https://images.openai.com/static-rsc-4/VZL8djzajxudftYcQ80YeYibxMw2dkMOMiVyly_vVi6skpgYc2D8_Ssw_sEW4AxrXge-lLd5jsUA9x3utVrCKW69hJy8R8ePTCUxdLD7cgXBTkdOH-gNDJt0-mDp1HMVAoYbmlHQ1xwDDII1Ouv3barzWc6qXX1_-kGEWxX9qe0Sz9-CVYzbx48CK_z7ObG8?purpose=fullsize
https://images.openai.com/static-rsc-4/He1go6GSbKl8RNKkr_BETfeZdNyGPyDzuEkuA_YwfQc2Z8PkTQ-HwRL4l4ZhtANpajl_GNQv3XTLSUpbhcsdgVecmpoYr6TEAGIphntlwUHabW-0FMgVtVwEEH9VKfLrC4qkm2xuHDxCRxbVnlEErQ8WIgKnjCCNTM4NU1bFl3PhzGrMOanK2anNHpDXsWpm?purpose=fullsize

6

πŸ“– Deskripsi

CRUD adalah inti integrasi backend dan database.

🧱 Tabel CRUD

OperasiFungsi
CreateTambah data
ReadTampilkan data
UpdateUbah data
DeleteHapus data

🧠 Narasi

Semua aplikasi web seperti sistem akademik atau e-commerce menggunakan CRUD.


πŸ” 9. Keamanan dalam Integrasi

https://images.openai.com/static-rsc-4/91nklibk-0SR4cHgUysCKtWzvZ92MUL9NczLiUg4J-LIjyCCvkeN00UuDYqaTavPHmKHvMzTOhU0RN6rGCijY18VkeX0EUbaqOy8yeboPf4wFAPpzvIYhJXzBQOaY8f8MTlV5rmR2WTAZvAWlFtjlKHd1kZyjEExYNw7KU4AQL8YsT8F3vp_-EPRETRLPxdA?purpose=fullsize
https://images.openai.com/static-rsc-4/wamu3LObaH2FuhZFNmo6vTPGOlIvqEku2GSrAijCSe-L1ibfE5_WN9DV5Tjl8GGeMw8D0lZKYf2TxzhQtsiZPY1FuZiNULZLHNhYD4ijbA8QjiumnBpKYCpr95b7dEp3XdUvvlf7aNDJ5B2yaZ5QUMcSoNpMnSPmDGOo5493-TO97F2SE5UfJatcmNQLIaiB?purpose=fullsize
https://images.openai.com/static-rsc-4/bCjmqta3leV3zJsCswBOJWYghwtPSqlw6p1qqZrEy6BlXG3ceML4ilonZ0zPwAQNFbGYQZtH6-NvMc3hLYwdNouvR2TzGy7XBMbT1c4wGavB8eMCYqccNCY2AoAwU5Bvifzr23m--1WikAuvYvg2OT5e53FyRut5Gl5oBVYnRT7wg_X-5OPAkJTO0PZ5__jG?purpose=fullsize

6

πŸ“– Deskripsi

Integrasi harus aman dari serangan.

🧱 Teknik Keamanan

TeknikFungsi
Prepared StatementCegah SQL Injection
Validasi InputPastikan data benar
SanitasiBersihkan data

πŸ’» Contoh

$stmt = $conn->prepare("INSERT INTO mahasiswa (nama) VALUES (?)");
$stmt->bind_param("s", $nama);
$stmt->execute();

🧠 Narasi

Prepared statement adalah cara paling aman dalam query database.


⚠️ 10. Error Handling & Debugging

https://images.openai.com/static-rsc-4/CJ11Yv2pA64SC8GUH6OJpqyADY4jxygU2ciMiDsVf-A0B9x42LQ3feMnDcgdIOFADlYIVEfOdPwG8R4QofP-3LWA0aXRcYHVMFlWuaCT4qHzr0rl35e7JgVbbxfRCgF20G2lzj3LnXW-4_17YbeAPJXnPufzTrkhEyTYOA0SzGc3iJoLrYckgDA2RD1a8vN8?purpose=fullsize
https://images.openai.com/static-rsc-4/i-BavZJybUWGjJKRZECHX12_EcvcB5GKMamp65F-rWl9o9cqjCCuA9wKTELTzdOJUvnA_X7ebTa7yaF7hhdBGnUtYBxBwb-WqyuZyBCZjhAo-wDTv31zA2FaAEIFlY3fPZ-5-0U0yx9QlzfJCl-gi-k32Brac2G-dJeaOA82IcPHCT2hlwVT4cK0P1GBD3_5?purpose=fullsize
https://images.openai.com/static-rsc-4/q8THwIseq2jDhTVUg0NGKpDQXErPWgIzIXd56pAHEEEr-hlpd-dNciwiAp00mpaTxDkD2FngVC0UhhGZzlK3ulLdvViLf0NRgAJeYJMJ2YgARiw4eTqXgs45J84dAONKHx_yPNn8C92J1PPLsL0k1zS4wCT5e2Lik4f9eeTRYaqGpOUEynsMOEj7u54m4LDT?purpose=fullsize

8

πŸ“– Deskripsi

Kesalahan sering terjadi saat integrasi.

🧠 Narasi

Gunakan:

mysqli_error($conn);

untuk mengetahui error.


πŸ§ͺ 11. Studi Kasus Mini Project

🎯 Tugas

Buat aplikasi:

  • Form input mahasiswa
  • Simpan ke database
  • Tampilkan data
  • Edit dan hapus data

🎯 12. Kesimpulan

  • Backend dan database harus terintegrasi
  • CRUD adalah inti sistem
  • Keamanan sangat penting
  • PHP + MySQL sering digunakan

πŸŽ“ Penutup

Materi ini menjadi dasar untuk:
➑️ Sistem informasi lengkap
➑️ Aplikasi web dinamis
➑️ Framework seperti Laravel