TUGAS MANDIRI

PERTEMUAN 4

Nama : Sabrina Mumtazah

NPM : 51423347
Kelas : E

1. Tabel baru dengan nama "mata_kuliah" pada database "database_baru"

2. Menambahkan button "Halaman Mata Kuliah" pada mahasiswa.html yang

nantinya akan menuju ke tampilan list mata kuliah
a. Kode Route & Fungsi

 fungsi mata_kuliah digunakan untuk mendapatkan daftar mata kuliah dari

database MySQL &Menampilkan daftar mata kuliah tersebut di halaman
web matakuliah.html.

 Fungsi ini diakses melalui URL /mahasiswa/mata_kuliah dan mendukung

metode HTTP GET dan POST.

 cursor = mysql.connection.cursor()
Digunakan untuk mendapatkan koneksi ke database MySQL.

 cursor.execute(''' SELECT * FROM mata_kuliah ''')

Menjalankan query SQL untuk mengambil semua data dari tabel
mata_kuliah.

 mata_kuliah = cursor.fetchall()
cursor.close()
Digunakan untuk mengambil hasil query dan menutup koneksi ke database.

 return render_template('matakuliah.html', mata_kuliah= mata_kuliah)

Digunakan untuk menampilkan daftar mata kuliah di halaman web
matakuliah.html.

b. Kode HTML & Fungsi

  <a href="/mahasiswa/mata_kuliah" class="btn btn-primary mt-2 mb-4"
role="button">Halaman Mata Kuliah</a>
Kode diatas digunakan untuk menampilkan button "Halaman Mata
Kuliah" pada mahasiswa.html yang nantinya akan menuju ke tampilan list
mata kuliah.

3. Menambahkan file matakuliah.html pada folder templates

a. Kode HTML dan Fungsi

Struktur HTML:
 Deklarasi DOCTYPE: Mendefinisikan jenis dokumen sebagai HTML.
 Tag html: Elemen root dari dokumen HTML.
 Atribut lang: Menentukan bahasa dokumen sebagai Bahasa Indonesia.
 Bagian head: Berisi informasi meta tentang dokumen.
 meta charset: Mendefinisikan karakter pengkodean sebagai UTF-8.
 meta viewport: Mengatur viewport untuk desain responsif.
 title: Menyetel judul halaman menjadi "Selamat Datang Mahasiswa".
 link: Menautkan stylesheet eksternal "bootstrap.min.css" dari folder
static.
 Bagian body: Berisi konten yang terlihat pada halaman web.
 Kelas container: Kelas Bootstrap untuk keseluruhan tata letak konten.
 Kelas row: Kelas Bootstrap untuk membuat baris di dalam container.
 Kelas col-lg-12: Kelas Bootstrap untuk membuat satu kolom yang lebar
penuh pada layar besar.
 Tag h3: Menampilkan judul "Daftar Mata Kuliah".
 Tombol Navigasi:
o "Tambah Matakuliah" (ditangani oleh fungsi mata_kuliah).
o "Logout" ke halaman login menggunakan fungsi url_for.
o "Halaman Mahasiswa" (kembali ke halaman mahasiswa)
 Tabel: Menampilkan daftar mata kuliah.
o thead: Header tabel dengan nama kolom.
o tbody: Badan tabel berisi baris untuk setiap mata kuliah.

Menampilkan data mata kuliah:

 Bagian <tbody> berulang melalui daftar
bernama mata_kuliah menggunakan loop for.
 Setiap iterasi (i dalam kasus ini) mewakili satu mata kuliah.
 Detail mata kuliah diakses menggunakan indeksnya di dalam daftar:
 i[0] untuk kode mata kuliah.
 i[1] untuk judul mata kuliah.
  i[2] untuk fakultas.
 i[3] untuk SKS

 Setiap baris mata kuliah juga menampilkan dua tombol:

 Tombol "Edit" dengan tautan ke halaman edi
 Tombol "Delete" untuk menghapus data

4. Menambahkan route (‘/matakuliah/tambah’) dengan methods GET

dan POST

GET (GET request):

 Ketika pengguna mengunjungi URL /mata_kuliah/tambah menggunakan
permintaan GET (misalnya, dengan mengklik tautan), kode di dalam blok if
request.method == 'GET': akan dijalankan.
 Blok ini menampilkan templat bernama matakuliah/add.html. Templat ini
kemungkinan berisi formulir HTML untuk mengumpulkan detail mata kuliah
baru (kode, nama, fakultas, dan SKS).

POST (POST request):

 Ketika pengguna mengirimkan formulir di templat matakuliah/add.html,
permintaan POST dikirimkan ke URL yang sama /mata_kuliah/tambah.
 Kode di dalam blok else: akan dijalankan, menangani pengiriman formulir.
 Ia mengambil data formulir menggunakan dictionary request.form:
 kode_matkul: Kode mata kuliah yang dimasukkan oleh pengguna.
 nama_mk: Judul mata kuliah yang dimasukkan oleh pengguna.
 fakultas: Fakultas yang dimasukkan oleh pengguna.
 sks: SKS yang dimasukkan oleh pengguna.

 MySQL menggunakan mysql.connection.cursor().

Membuat koneksi ke database
 SQL INSERT
Membangun pernyataan untuk memasukkan detail mata kuliah baru ke dalam
tabel mata_kuliah. Placeholder %s digunakan untuk nilai yang akan
dimasukkan.
 SQL menggunakan cursor.execute()
Menjalankan pernyataan, meneruskan data formulir sebagai tupel ke
placeholder %s.
  mysql.connection.commit().
Melakukan commit perubahan ke database
 cursor.close().
Menutup koneksi database

5. Membuat folder matakuliah di dalam folder templates dan menambahkan file

add.html

a. Kode pada file add.html

b. Output
6. Membuat fungsi edit data dengan menambahkan route
(‘/matakuliah/edit/<int:kode_matkul>’) dengan methods GET dan POST,

a. Kode route

b. Output edit
7. Menambahkan file edit.html pada folder matakuliah untuk halaman edit
a. Kode pada file edit.html

b. Output

c. Data yang sudah di edit

8. Membuat fungsi delete data dengan menambahkan route
(‘/matakuliah/delete/<int:kode_matkul>’) pada app.py
a. Kode route

b. Output