{"id":24145,"date":"2025-08-20T08:22:12","date_gmt":"2025-08-20T08:22:12","guid":{"rendered":"https:\/\/staging.informatika.uin-malang.ac.id\/?page_id=24145"},"modified":"2025-09-09T02:28:45","modified_gmt":"2025-09-09T02:28:45","slug":"curriculum","status":"publish","type":"page","link":"https:\/\/informatika.uin-malang.ac.id\/en_us\/curriculum\/","title":{"rendered":"Curriculum"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

In accordance with the competencies considered, as well as referring to the Indonesian Accreditation Board for Engineering (IABEE) and the KKNI-based ulul albab curriculum standard of UIN Malang, the main profile of the Bachelor of Informatics Engineering is as follows:<\/p><\/div><\/div>

\u00a0<\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t
Graduate Profile <\/h5><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n \n \n Professional Table Design<\/title>\n <style>\n \/* Menggunakan font yang lebih modern dan mudah dibaca *\/\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: #f4f7f6;\n padding: 20px;\n }\n\n \/* Container untuk tabel agar terlihat lebih rapi di tengah *\/\n .table-container {\n max-width: 1000px;\n margin: auto;\n }\n \n \n \/* 1. Pengaturan Dasar & Tampilan Tabel *\/\n .professional-table {\n width: 100%;\n border-collapse: collapse; \/* Menghilangkan spasi antar border *\/\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); \/* Efek bayangan halus *\/\n border-radius: 10px; \/* Sudut yang melengkung *\/\n overflow: hidden; \/* Penting agar border-radius terlihat *\/\n }\n \n \/* 2. Styling Header Tabel *\/\n .professional-table thead tr {\n background-color: #005A9C; \/* Warna biru profesional *\/\n color: #ffffff; \/* Teks putih *\/\n text-align: left;\n }\n\n .professional-table th {\n padding: 18px 20px;\n font-weight: 600;\n }\n\n \/* 3. Styling Isi Tabel (Data) *\/\n .professional-table td {\n padding: 15px 20px;\n vertical-align: top; \/* Teks mulai dari atas untuk baris yang tinggi *\/\n border-bottom: 1px solid #dddddd; \/* Garis pemisah antar baris *\/\n }\n\n \/* 4. Efek Zebra Stripes untuk kemudahan membaca *\/\n .professional-table tbody tr:nth-of-type(even) {\n background-color: #f8f9fa;\n }\n\n \/* 5. EFEK HOVER (Hand Over) yang Anda minta *\/\n .professional-table tbody tr:hover {\n background-color: #e2eef7; \/* Warna highlight biru muda *\/\n cursor: pointer; \/* Mengubah kursor menjadi tangan *\/\n transition: background-color 0.3s ease; \/* Transisi efek yang mulus *\/\n }\n\n \/* 6. Styling Spesifik untuk Kolom *\/\n .col-no {\n width: 5%;\n text-align: center;\n font-weight: bold;\n }\n .col-spacer {\n width: 1px;\n padding: 0;\n background-color: #e0e0e0;\n }\n .col-prof ul {\n list-style-type: none;\n padding-left: 0;\n margin: 0;\n }\n .col-prof li {\n padding-bottom: 10px;\n }\n \/* Memberi penanda list yang lebih menarik *\/\n .col-prof li::before {\n content: '\u2713';\n color: #28a745; \/* Warna hijau centang *\/\n font-weight: bold;\n margin-right: 10px;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"table-container\">\n <table class=\"professional-table\">\n <thead>\n <tr>\n <th class=\"col-no\">NO<\/th>\n <th>Description<\/th>\n <th class=\"col-spacer\"><\/th>\n <th>Profession<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"col-no\">1<\/td>\n <td>Graduates have the ability to apply and develop the field of informatics engineering, especially in the sub-fields of Software Engineering, Multimedia, Intelligent System, Network, and Mobile Application.<\/td>\n <td class=\"col-spacer\" rowspan=\"3\"><\/td>\n <td class=\"col-prof\" rowspan=\"3\">\n <ul>\n <li>Software Engineer<\/li>\n <li>Information System Analyst<\/li>\n <li>Game & Multimedia Engineer<\/li>\n <li>Data Scientist & Artificial Intelligent Engineer<\/li>\n <li>Network & Cloud Engineer<\/li>\n <li>Researcher & Academician<\/li>\n <\/ul>\n <\/td>\n <\/tr>\n <tr>\n <td class=\"col-no\">2<\/td>\n <td>Graduates are able to develop and expand knowledge in the field of Informatics Engineering both through formal and professional channels.<\/td>\n <\/tr>\n <tr>\n <td class=\"col-no\">3<\/td>\n <td>Graduates have the ability to work professional, responsible, and communicative based on Islamic values.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n<\/div>\n\n<\/body>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2241\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2241\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h5 class=\"e-n-accordion-item-title-text\"> Knowledge Group <\/h5><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2241\" class=\"elementor-element elementor-element-f36b826 e-con-full e-flex e-con e-child\" data-id=\"f36b826\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0354783 elementor-widget elementor-widget-text-editor\" data-id=\"0354783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ol><li>Intelligent System<\/li><li>Multimedia & Information Technology<\/li><li>Software Engineering<\/li><li>Information System<\/li><li>System and Network<\/li><li>Web and Mobile Programming<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2242\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2242\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><h5 class=\"e-n-accordion-item-title-text\"> STRUCTURE OF CURRICULUM <\/h5><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2242\" class=\"elementor-element elementor-element-aaa4429 e-con-full e-flex e-con e-child\" data-id=\"aaa4429\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ac3340 elementor-widget elementor-widget-text-editor\" data-id=\"1ac3340\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Total credit of the curriculum of Jurusan Teknik Informatika is 150 credits (SKS) that consist of:<\/p><ul><li>University subjects (Mata Kuliah Pengembangan Kepribadian \/ MPK): 32 credits (SKS).<\/li><li>Core subjects in computer science that are composed by:<\/li><\/ul><ol><li><ol><li>Compulsory subjects: 106 credits (SKS).<\/li><li>Optional subjects:\u00a0 The students are required to take minimal 12 credits.<\/li><\/ol><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-93b0a67 e-flex e-con-boxed e-con e-parent\" data-id=\"93b0a67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eff2582 elementor-widget elementor-widget-heading\" data-id=\"eff2582\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DISTRIBUTION OF SUBJECTS PER SEMESTER\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c171389 e-flex e-con-boxed e-con e-parent\" data-id=\"c171389\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a167b58 elementor-widget elementor-widget-n-accordion\" data-id=\"a167b58\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"default_state":"expanded","max_items_expended":"one","n_accordion_animation_duration":{"unit":"ms","size":400,"sizes":[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1690\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-1690\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Semester I <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1690\" class=\"elementor-element elementor-element-a580ad8 e-con-full e-flex e-con e-child\" data-id=\"a580ad8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c888e85 elementor-widget elementor-widget-text-editor\" data-id=\"c888e85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Styled Subjects Table – Semester 1<\/title>\n <style>\n \/* Pengaturan dasar halaman agar terlihat rapi *\/\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #f4f7f6;\n padding: 20px;\n color: #333;\n }\n\n .table-container {\n max-width: 1200px;\n margin: auto;\n overflow-x: auto; \/* Agar tabel bisa di-scroll di layar kecil *\/\n }\n \n \/* --- CSS Modern untuk Tabel Mata Kuliah (Gaya Konsisten) --- *\/\n \n \/* 1. Pengaturan Dasar & Tampilan Tabel *\/\n .subjects-table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n border-radius: 10px;\n overflow: hidden;\n }\n \n \/* 2. Styling Header Tabel (thead) *\/\n .subjects-table thead tr {\n background-color: #2c3e50; \/* Warna biru dongker elegan *\/\n color: #ffffff;\n text-align: left;\n }\n\n .subjects-table th {\n padding: 15px;\n }\n\n \/* 3. Styling Isi Tabel (tbody) *\/\n .subjects-table td {\n padding: 15px;\n vertical-align: middle;\n border-bottom: 1px solid #f0f0f0; \/* Garis pemisah antar baris yang sangat halus *\/\n }\n\n \/* 4. Efek Zebra Stripes (warna selang-seling) *\/\n .subjects-table tbody tr:nth-of-type(even) {\n background-color: #f9f9f9;\n }\n\n \/* 5. EFEK HOVER yang Anda minta *\/\n .subjects-table tbody tr:hover {\n background-color: #ecf0f1; \/* Warna abu-abu terang saat disentuh kursor *\/\n cursor: pointer;\n transition: background-color 0.2s ease-in-out; \/* Transisi efek yang cepat & halus *\/\n }\n\n \/* 6. Styling Footer Tabel (tfoot) *\/\n .subjects-table tfoot tr {\n background-color: #e9ecef;\n font-weight: bold;\n color: #212529;\n border-top: 2px solid #2c3e50;\n }\n\n .subjects-table tfoot td {\n text-align: right;\n font-size: 1.1em;\n }\n\n \/* 7. Styling Link (tautan) di dalam tabel *\/\n .subjects-table a {\n color: #3498db;\n text-decoration: none;\n font-weight: bold;\n }\n .subjects-table a:hover {\n text-decoration: underline;\n }\n\n \/* 8. Class bantuan untuk perataan teks *\/\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"table-container\">\n <table class=\"subjects-table\">\n <thead>\n <tr>\n <th class=\"text-center\">No<\/th>\n <th class=\"text-left\">Code<\/th>\n <th class=\"text-left\">Subjects Name<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-center\" colspan=\"2\">Prerequisite<\/th>\n <th class=\"text-center\">RPS<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\">1<\/td>\n <td>20000011A01<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/pancasila\/\" target=\"_blank\" rel=\"noopener\">Pancasila<\/a><\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/pancasila\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">2<\/td>\n <td>20000011A03<\/td>\n <td>Bahasa Indonesia<\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">3<\/td>\n <td>20000011A10<\/td>\n <td>Filsafat Ilmu<\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">4<\/td>\n <td>20000011A12<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-arab-i\/\" target=\"_blank\" rel=\"noopener\">Bahasa Arab I<\/a><\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-arab-i\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">5<\/td>\n <td>20000011A05<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-arab-ii\/\" target=\"_blank\" rel=\"noopener\">Bahasa Arab II<\/a><\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-arab-ii\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">6<\/td>\n <td>220060511C01<\/td>\n <td>Introduction to Computer Science<\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">7<\/td>\n <td>1565002<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/calculus\/\" target=\"_blank\" rel=\"noopener\">Calculus<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">1565003<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/calculus\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">8<\/td>\n <td>1565003<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/algoritma-pemrograman\/\" target=\"_blank\" rel=\"noopener\">Algorithm & Programming<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/algoritma-pemrograman\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">9<\/td>\n <td>1565004<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/matematika-diskrit\/\" target=\"_blank\" rel=\"noopener\">Discrete Mathematics<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/matematika-diskrit\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">10<\/td>\n <td>1565031<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/algoritma-pemrogramanpraktikum\/\" target=\"_blank\" rel=\"noopener\">Algorithm & Programming Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/algoritma-pemrogramanpraktikum\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"3\">Total<\/td>\n <td class=\"text-center\">23<\/td>\n <td class=\"text-center\" colspan=\"3\"><\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1691\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1691\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Semester II <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1691\" class=\"elementor-element elementor-element-1398b02 e-con-full e-flex e-con e-child\" data-id=\"1398b02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1df97f3 elementor-widget elementor-widget-text-editor\" data-id=\"1df97f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Styled Subjects Table – Semester 2<\/title>\n <style>\n \/* Pengaturan dasar halaman agar terlihat rapi *\/\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #f4f7f6;\n padding: 20px;\n color: #333;\n }\n\n .table-container {\n max-width: 1200px;\n margin: auto;\n overflow-x: auto; \/* Agar tabel bisa di-scroll di layar kecil *\/\n }\n \n \/* --- CSS Modern untuk Tabel Mata Kuliah (Gaya Konsisten) --- *\/\n \n \/* 1. Pengaturan Dasar & Tampilan Tabel *\/\n .subjects-table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n border-radius: 10px;\n overflow: hidden;\n }\n \n \/* 2. Styling Header Tabel (thead) *\/\n .subjects-table thead tr {\n background-color: #2c3e50; \/* Warna biru dongker elegan *\/\n color: #ffffff;\n text-align: left;\n }\n\n .subjects-table th {\n padding: 15px;\n }\n\n \/* 3. Styling Isi Tabel (tbody) *\/\n .subjects-table td {\n padding: 15px;\n vertical-align: middle;\n border-bottom: 1px solid #f0f0f0; \/* Garis pemisah antar baris yang sangat halus *\/\n }\n\n \/* 4. Efek Zebra Stripes (warna selang-seling) *\/\n .subjects-table tbody tr:nth-of-type(even) {\n background-color: #f9f9f9;\n }\n\n \/* 5. EFEK HOVER yang Anda minta *\/\n .subjects-table tbody tr:hover {\n background-color: #ecf0f1; \/* Warna abu-abu terang saat disentuh kursor *\/\n cursor: pointer;\n transition: background-color 0.2s ease-in-out; \/* Transisi efek yang cepat & halus *\/\n }\n\n \/* 6. Styling Footer Tabel (tfoot) *\/\n .subjects-table tfoot tr {\n background-color: #e9ecef;\n font-weight: bold;\n color: #212529;\n border-top: 2px solid #2c3e50;\n }\n\n .subjects-table tfoot td {\n text-align: right;\n font-size: 1.1em;\n }\n\n \/* 7. Styling Link (tautan) di dalam tabel *\/\n .subjects-table a {\n color: #3498db;\n text-decoration: none;\n font-weight: bold;\n }\n .subjects-table a:hover {\n text-decoration: underline;\n }\n\n \/* 8. Class bantuan untuk perataan teks *\/\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"table-container\">\n <table class=\"subjects-table\">\n <thead>\n <tr>\n <th class=\"text-center\">No<\/th>\n <th class=\"text-left\">Code<\/th>\n <th class=\"text-left\">Subjects Name<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-center\" colspan=\"2\">Prerequisite<\/th>\n <th class=\"text-center\">RPS<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\">1<\/td>\n <td>20000011A02<\/td>\n <td>Kewarganegaraan<\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">2<\/td>\n <td>20000011A06<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-arab-iii\/\" target=\"_blank\" rel=\"noopener\">Bahasa Arab III<\/a><\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-arab-iii\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">3<\/td>\n <td>20000011A07<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-arab-iv\/\" target=\"_blank\" rel=\"noopener\">Bahasa Arab IV<\/a><\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-arab-iv\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">4<\/td>\n <td>20000011A11<\/td>\n <td>Sejarah Peradaban Islam<\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">5<\/td>\n <td>20000011A12<\/td>\n <td>Teosofi<\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">6<\/td>\n <td>20060511C02<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/linear-algebra\/\" target=\"_blank\" rel=\"noopener\">Linear Algebra<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/linear-algebra\/\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">7<\/td>\n <td>20060511C03<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/statistics\/\" target=\"_blank\" rel=\"noopener\">Statistics<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/statistics\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">8<\/td>\n <td>1565010<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/object-oriented-programming\/\" target=\"_blank\" rel=\"noopener\">Object Oriented Programming<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">1565003<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/object-oriented-programming\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">9<\/td>\n <td>1565008<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/digital-electronic\/\" target=\"_blank\" rel=\"noopener\">Digital Electronic<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/digital-electronic\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">10<\/td>\n <td>1565034<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/object-oriented-programming-practicum\/\" target=\"_blank\" rel=\"noopener\">Object Oriented Programming Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/object-oriented-programming-practicum\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">11<\/td>\n <td>1565033<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/digital-electronic-practicum\/\" target=\"_blank\" rel=\"noopener\">Digital Electronic Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/digital-electronic-practicum\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"3\">Total<\/td>\n <td class=\"text-center\">24<\/td>\n <td class=\"text-center\" colspan=\"3\"><\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1692\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1692\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Semester III <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1692\" class=\"elementor-element elementor-element-26fd412 e-con-full e-flex e-con e-child\" data-id=\"26fd412\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d266204 elementor-widget elementor-widget-text-editor\" data-id=\"d266204\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Styled Subjects Table – Semester 3<\/title>\n <style>\n \/* Pengaturan dasar halaman agar terlihat rapi *\/\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #f4f7f6;\n padding: 20px;\n color: #333;\n }\n\n .table-container {\n max-width: 1200px;\n margin: auto;\n overflow-x: auto; \/* Agar tabel bisa di-scroll di layar kecil *\/\n }\n \n \/* --- CSS Modern untuk Tabel Mata Kuliah (Gaya Konsisten) --- *\/\n \n \/* 1. Pengaturan Dasar & Tampilan Tabel *\/\n .subjects-table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n border-radius: 10px;\n overflow: hidden;\n }\n \n \/* 2. Styling Header Tabel (thead) *\/\n .subjects-table thead tr {\n background-color: #2c3e50; \/* Warna biru dongker elegan *\/\n color: #ffffff;\n text-align: left;\n }\n\n .subjects-table th {\n padding: 15px;\n }\n\n \/* 3. Styling Isi Tabel (tbody) *\/\n .subjects-table td {\n padding: 15px;\n vertical-align: middle;\n border-bottom: 1px solid #f0f0f0; \/* Garis pemisah antar baris yang sangat halus *\/\n }\n\n \/* 4. Efek Zebra Stripes (warna selang-seling) *\/\n .subjects-table tbody tr:nth-of-type(even) {\n background-color: #f9f9f9;\n }\n\n \/* 5. EFEK HOVER yang Anda minta *\/\n .subjects-table tbody tr:hover {\n background-color: #ecf0f1; \/* Warna abu-abu terang saat disentuh kursor *\/\n cursor: pointer;\n transition: background-color 0.2s ease-in-out; \/* Transisi efek yang cepat & halus *\/\n }\n\n \/* 6. Styling Footer Tabel (tfoot) *\/\n .subjects-table tfoot tr {\n background-color: #e9ecef;\n font-weight: bold;\n color: #212529;\n border-top: 2px solid #2c3e50;\n }\n\n .subjects-table tfoot td {\n text-align: right;\n font-size: 1.1em;\n }\n\n \/* 7. Styling Link (tautan) di dalam tabel *\/\n .subjects-table a {\n color: #3498db;\n text-decoration: none;\n font-weight: bold;\n }\n .subjects-table a:hover {\n text-decoration: underline;\n }\n\n \/* 8. Class bantuan untuk perataan teks *\/\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"table-container\">\n <table class=\"subjects-table\">\n <thead>\n <tr>\n <th class=\"text-center\">No<\/th>\n <th class=\"text-left\">Code<\/th>\n <th class=\"text-left\">Subjects Name<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-center\" colspan=\"2\">Prerequisite<\/th>\n <th class=\"text-center\">RPS<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\">1<\/td>\n <td>20000011A08<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-inggris-i\/\" target=\"_blank\" rel=\"noopener\">Bahasa Inggris I<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-inggris-i\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">2<\/td>\n <td>20000011A13<\/td>\n <td>Studi al-Qur\u2019an dan al-Hadits<\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">Ma\u2019had<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">3<\/td>\n <td>20000011A14<\/td>\n <td>Studi Fiqh<\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">4<\/td>\n <td>20060511C04<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/numerical-methods\/\" target=\"_blank\" rel=\"noopener\">Numerical Methods<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/numerical-methods\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">5<\/td>\n <td>1565006<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/data-structure\/\" target=\"_blank\" rel=\"noopener\">Data Structure<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/data-structure\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">6<\/td>\n <td>1565012<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-system\/\" target=\"_blank\" rel=\"noopener\">Computer System<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">1565008<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-system\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">7<\/td>\n <td>1565011<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/database\/\" target=\"_blank\" rel=\"noopener\">Database<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/database\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">8<\/td>\n <td>1565032<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/\/data-structure-practicum\/\" target=\"_blank\" rel=\"noopener\">Data Structure Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/\/data-structure-practicum\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">9<\/td>\n <td>1565037<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-system-practicum-2\/\" target=\"_blank\" rel=\"noopener\">Computer System Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-system-practicum-2\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">10<\/td>\n <td>1565036<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/database-practicum-2\/\" target=\"_blank\" rel=\"noopener\">Database Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/database-practicum-2\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"3\">Total<\/td>\n <td class=\"text-center\">22<\/td>\n <td class=\"text-center\" colspan=\"3\"><\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1693\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"4\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1693\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Semester IV <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1693\" class=\"elementor-element elementor-element-97ff598 e-con-full e-flex e-con e-child\" data-id=\"97ff598\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bd95267 elementor-widget elementor-widget-text-editor\" data-id=\"bd95267\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Styled Subjects Table – Semester 4<\/title>\n <style>\n \/* Pengaturan dasar halaman agar terlihat rapi *\/\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #f4f7f6;\n padding: 20px;\n color: #333;\n }\n\n .table-container {\n max-width: 1200px;\n margin: auto;\n overflow-x: auto; \/* Agar tabel bisa di-scroll di layar kecil *\/\n }\n \n \/* --- CSS Modern untuk Tabel Mata Kuliah (Gaya Konsisten) --- *\/\n \n \/* 1. Pengaturan Dasar & Tampilan Tabel *\/\n .subjects-table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n border-radius: 10px;\n overflow: hidden;\n }\n \n \/* 2. Styling Header Tabel (thead) *\/\n .subjects-table thead tr {\n background-color: #2c3e50; \/* Warna biru dongker elegan *\/\n color: #ffffff;\n text-align: left;\n }\n\n .subjects-table th {\n padding: 15px;\n }\n\n \/* 3. Styling Isi Tabel (tbody) *\/\n .subjects-table td {\n padding: 15px;\n vertical-align: middle;\n border-bottom: 1px solid #f0f0f0; \/* Garis pemisah antar baris yang sangat halus *\/\n }\n\n \/* 4. Efek Zebra Stripes (warna selang-seling) *\/\n .subjects-table tbody tr:nth-of-type(even) {\n background-color: #f9f9f9;\n }\n\n \/* 5. EFEK HOVER yang Anda minta *\/\n .subjects-table tbody tr:hover {\n background-color: #ecf0f1; \/* Warna abu-abu terang saat disentuh kursor *\/\n cursor: pointer;\n transition: background-color 0.2s ease-in-out; \/* Transisi efek yang cepat & halus *\/\n }\n\n \/* 6. Styling Footer Tabel (tfoot) *\/\n .subjects-table tfoot tr {\n background-color: #e9ecef;\n font-weight: bold;\n color: #212529;\n border-top: 2px solid #2c3e50;\n }\n\n .subjects-table tfoot td {\n text-align: right;\n font-size: 1.1em;\n }\n\n \/* 7. Styling Link (tautan) di dalam tabel *\/\n .subjects-table a {\n color: #3498db;\n text-decoration: none;\n font-weight: bold;\n }\n .subjects-table a:hover {\n text-decoration: underline;\n }\n\n \/* 8. Class bantuan untuk perataan teks *\/\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"table-container\">\n <table class=\"subjects-table\">\n <thead>\n <tr>\n <th class=\"text-center\">No<\/th>\n <th class=\"text-left\">Code<\/th>\n <th class=\"text-left\">Subjects Name<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-center\" colspan=\"2\">Prerequisite<\/th>\n <th class=\"text-center\">RPS<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\">1<\/td>\n <td>20000011A09<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-inggris-2\/\" target=\"_blank\" rel=\"noopener\">Bahasa Inggris II<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/bahasa-inggris-2\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">2<\/td>\n <td>20060511C05<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/artificial-intelligence\/\" target=\"_blank\" rel=\"noopener\">Artificial Intelligence<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">1565004<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/artificial-intelligence\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">3<\/td>\n <td>1565015<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/software-engineering\/\" target=\"_blank\" rel=\"noopener\">Software Engineering<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/software-engineering\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">4<\/td>\n <td>20060511C06<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-graphic\/\" target=\"_blank\" rel=\"noopener\">Computer Graphic<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-graphic\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">5<\/td>\n <td>1565017<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-network\/\" target=\"_blank\" rel=\"noopener\">Computer Network<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">1565012<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-network\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">6<\/td>\n <td>1565014<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/web-programming\/\" target=\"_blank\" rel=\"noopener\">Web Programming<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\" colspan=\"2\">1565010<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/web-programming\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">7<\/td>\n <td>1565039<\/td>\n <td>Software Engineering Practicum<\/td>\n <td class=\"text-center\">1<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">8<\/td>\n <td>1565041<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-graphic-practicum\/\" target=\"_blank\" rel=\"noopener\">Computer Graphic Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-graphic-practicum\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">9<\/td>\n <td>1565042<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-network-practicum\/\" target=\"_blank\" rel=\"noopener\">Computer Network Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-network-practicum\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">10<\/td>\n <td>1565038<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/web-programming-practicum\/\" target=\"_blank\" rel=\"noopener\">Web Programming Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td class=\"text-center\" colspan=\"2\">\u2013<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/web-programming-practicum\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"3\">Total<\/td>\n <td class=\"text-center\">22<\/td>\n <td class=\"text-center\" colspan=\"3\"><\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1694\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"5\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1694\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Semester V <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1694\" class=\"elementor-element elementor-element-338dbbf e-con-full e-flex e-con e-child\" data-id=\"338dbbf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7285a2c elementor-widget elementor-widget-text-editor\" data-id=\"7285a2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Styled Subjects Table – Semester 5<\/title>\n <style>\n \/* Pengaturan dasar halaman agar terlihat rapi *\/\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #f4f7f6;\n padding: 20px;\n color: #333;\n }\n\n .table-container {\n max-width: 1200px;\n margin: auto;\n overflow-x: auto; \/* Agar tabel bisa di-scroll di layar kecil *\/\n }\n \n \/* --- CSS Modern untuk Tabel Mata Kuliah (Gaya Konsisten) --- *\/\n \n \/* 1. Pengaturan Dasar & Tampilan Tabel *\/\n .subjects-table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n border-radius: 10px;\n overflow: hidden;\n \/* Kita gunakan caption-side: bottom agar bisa memberi radius pada caption di atas *\/\n caption-side: bottom; \n }\n\n \/* Styling baru untuk Judul Utama Tabel (SEMESTER V) *\/\n .subjects-table caption {\n background-color: #34495e; \/* Sedikit lebih terang dari header kolom *\/\n color: white;\n padding: 15px;\n font-size: 1.3em;\n font-weight: bold;\n text-align: center;\n }\n \n \/* 2. Styling Header Tabel (thead) *\/\n .subjects-table thead tr {\n background-color: #2c3e50; \/* Warna biru dongker elegan *\/\n color: #ffffff;\n text-align: left;\n }\n\n .subjects-table th {\n padding: 15px;\n }\n\n \/* 3. Styling Isi Tabel (tbody) *\/\n .subjects-table td {\n padding: 15px;\n vertical-align: middle;\n border-bottom: 1px solid #f0f0f0; \/* Garis pemisah antar baris yang sangat halus *\/\n }\n\n \/* 4. Efek Zebra Stripes (warna selang-seling) *\/\n .subjects-table tbody tr:nth-of-type(even) {\n background-color: #f9f9f9;\n }\n\n \/* 5. EFEK HOVER yang Anda minta *\/\n .subjects-table tbody tr:hover {\n background-color: #ecf0f1; \/* Warna abu-abu terang saat disentuh kursor *\/\n cursor: pointer;\n transition: background-color 0.2s ease-in-out; \/* Transisi efek yang cepat & halus *\/\n }\n\n \/* 6. Styling Footer Tabel (tfoot) *\/\n .subjects-table tfoot tr {\n background-color: #e9ecef;\n font-weight: bold;\n color: #212529;\n border-top: 2px solid #2c3e50;\n }\n\n .subjects-table tfoot td {\n text-align: right;\n font-size: 1.1em;\n }\n\n \/* 7. Styling Link (tautan) di dalam tabel *\/\n .subjects-table a {\n color: #3498db;\n text-decoration: none;\n font-weight: bold;\n }\n .subjects-table a:hover {\n text-decoration: underline;\n }\n\n \/* 8. Class bantuan untuk perataan teks *\/\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"table-container\">\n <table class=\"subjects-table\">\n <caption>SEMESTER V<\/caption>\n <thead>\n <tr>\n <th class=\"text-center\">No<\/th>\n <th class=\"text-left\">Code<\/th>\n <th class=\"text-left\">Subjects Name<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-left\">Prerequisite<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\"><strong>1<\/strong><\/td>\n <td><\/td>\n <td>KKM<\/td>\n <td class=\"text-center\">2<\/td>\n <td>Collects >= 100 sks cumulative with Semester V<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>2<\/strong><\/td>\n <td><strong>20060511C07<\/strong><\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/research-methodology\/\" target=\"_blank\" rel=\"noopener\"><strong>Research Methodology<\/strong><\/a><\/td>\n <td class=\"text-center\"><strong>3<\/strong><\/td>\n <td><strong>Collect >= 80 sks<\/strong><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>3<\/strong><\/td>\n <td><strong>20060511C08<\/strong><\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/mobile-programming\/\" target=\"_blank\" rel=\"noopener\"><strong>Mobile Programming<\/strong><\/a><\/td>\n <td class=\"text-center\"><strong>3<\/strong><\/td>\n <td><strong>1565010<\/strong><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>4<\/strong><\/td>\n <td>1565021<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/information-system\/\" target=\"_blank\" rel=\"noopener\">Information System<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td>1565011<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>5<\/strong><\/td>\n <td>1565022<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/multimedia-game-programming\/\" target=\"_blank\" rel=\"noopener\">Multimedia & Game Programming<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td><strong>20060511C06<\/strong><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>6<\/strong><\/td>\n <td>1565023<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/distributed-system\/\" target=\"_blank\" rel=\"noopener\">Distributed System<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td>1565017<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>7<\/strong><\/td>\n <td>1565028<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/operating-system\/\" target=\"_blank\" rel=\"noopener\">Operating System<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td>1565017<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>8<\/strong><\/td>\n <td>1565035<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/mobile-programming-practicum\/\" target=\"_blank\" rel=\"noopener\">Mobile Programming Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td>\u2013<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>9<\/strong><\/td>\n <td>1565040<\/td>\n <td>Information System Practicum<\/td>\n <td class=\"text-center\">1<\/td>\n <td>\u2013<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>10<\/strong><\/td>\n <td>1565043<\/td>\n <td>Multimedia & Game Programming Practicum<\/td>\n <td class=\"text-center\">1<\/td>\n <td>\u2013<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>11<\/strong><\/td>\n <td>1565044<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/distributed-system-practicum\/\" target=\"_blank\" rel=\"noopener\">Distributed System Practicum<\/a><\/td>\n <td class=\"text-center\">1<\/td>\n <td>\u2013<\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"3\"><strong>Total<\/strong><\/td>\n <td class=\"text-center\"><strong>24<\/strong><\/td>\n <td><\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1695\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"6\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1695\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Semester VI <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1695\" class=\"elementor-element elementor-element-ed16ff0 e-con-full e-flex e-con e-child\" data-id=\"ed16ff0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-075a8cc elementor-widget elementor-widget-text-editor\" data-id=\"075a8cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Styled Subjects Table – Semester 6<\/title>\n <style>\n \/* Pengaturan dasar halaman agar terlihat rapi *\/\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #f4f7f6;\n padding: 20px;\n color: #333;\n }\n\n .table-container {\n max-width: 1200px;\n margin: auto;\n overflow-x: auto; \/* Agar tabel bisa di-scroll di layar kecil *\/\n }\n \n \/* --- CSS Modern untuk Tabel Mata Kuliah (Gaya Konsisten) --- *\/\n \n \/* 1. Pengaturan Dasar & Tampilan Tabel *\/\n .subjects-table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n border-radius: 10px;\n overflow: hidden;\n caption-side: bottom; \/* Trik agar bisa memberi radius pada caption di atas *\/\n }\n\n \/* Styling baru untuk Judul Utama Tabel *\/\n .subjects-table caption {\n background-color: #34495e; \/* Sedikit lebih terang dari header kolom *\/\n color: white;\n padding: 15px;\n font-size: 1.3em;\n font-weight: bold;\n text-align: center;\n }\n \n \/* 2. Styling Header Tabel (thead) *\/\n .subjects-table thead tr {\n background-color: #2c3e50; \/* Warna biru dongker elegan *\/\n color: #ffffff;\n text-align: left;\n }\n\n .subjects-table th {\n padding: 15px;\n }\n\n \/* 3. Styling Isi Tabel (tbody) *\/\n .subjects-table td {\n padding: 15px;\n vertical-align: middle; \/* Rata tengah vertikal agar rapi dengan rowspan *\/\n border-bottom: 1px solid #f0f0f0; \n }\n\n \/* 4. Efek Zebra Stripes (warna selang-seling) *\/\n .subjects-table tbody tr:nth-of-type(even) {\n background-color: #f9f9f9;\n }\n\n \/* 5. EFEK HOVER yang Anda minta *\/\n .subjects-table tbody tr:hover {\n background-color: #ecf0f1; \/* Warna abu-abu terang saat disentuh kursor *\/\n cursor: pointer;\n transition: background-color 0.2s ease-in-out; \n }\n\n \/* 6. Styling Footer Tabel (tfoot) *\/\n .subjects-table tfoot tr {\n background-color: #e9ecef;\n font-weight: bold;\n color: #212529;\n border-top: 2px solid #2c3e50;\n }\n\n .subjects-table tfoot td {\n text-align: right;\n font-size: 1.1em;\n }\n\n \/* 7. Styling Link (tautan) di dalam tabel *\/\n .subjects-table a {\n color: #3498db;\n text-decoration: none;\n font-weight: bold;\n }\n .subjects-table a:hover {\n text-decoration: underline;\n }\n\n \/* 8. Class bantuan untuk perataan teks *\/\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"table-container\">\n <table class=\"subjects-table\">\n <caption>SEMESTER VI<\/caption>\n <thead>\n <tr>\n <th class=\"text-center\">No<\/th>\n <th class=\"text-left\">Code<\/th>\n <th class=\"text-left\">Subjects Name<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-left\">Prerequisite<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\" rowspan=\"3\">1<\/td>\n <td rowspan=\"3\">1565019<\/td>\n <td rowspan=\"3\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/computer-vision\/\" target=\"_blank\" rel=\"noopener\">Computer Vision<\/a><\/td>\n <td class=\"text-center\" rowspan=\"3\">3<\/td>\n <td>20060511C02<\/td>\n <\/tr>\n <tr>\n <td><\/td>\n <\/tr>\n <tr>\n <td>Subject Merdeka<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">2<\/td>\n <td>1565029<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/\/technopreneurship\" target=\"_blank\" rel=\"noopener\">Technopreneurship<\/a><\/td>\n <td class=\"text-center\">2<\/td>\n <td>Subject Merdeka<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">3<\/td>\n <td>1565030<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/\/project-management\" target=\"_blank\" rel=\"noopener\">Project Management<\/a><\/td>\n <td class=\"text-center\">2<\/td>\n <td>Subject Merdeka<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">4<\/td>\n <td>1565027<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/\/human-computer-interaction\" target=\"_blank\" rel=\"noopener\">Human Computer Interaction<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td>Subject Merdeka<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\" rowspan=\"3\">5<\/td>\n <td rowspan=\"3\"><strong>20060511C09<\/strong><\/td>\n <td rowspan=\"3\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/\/data-science\" target=\"_blank\" rel=\"noopener\"><strong>Data Science<\/strong><\/a><\/td>\n <td class=\"text-center\" rowspan=\"3\">3<\/td>\n <td><strong>20060511C03<\/strong><\/td>\n <\/tr>\n <tr>\n <td><\/td>\n <\/tr>\n <tr>\n <td>Subject Merdeka<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\" rowspan=\"3\">6<\/td>\n <td rowspan=\"3\">1565046<\/td>\n <td rowspan=\"3\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/internship-pkli-2022\/\">Internship (PKLI)<\/a><\/td>\n <td class=\"text-center\" rowspan=\"3\">2<\/td>\n <td>Student has collected >= 100 sks<\/td>\n <\/tr>\n <tr>\n <td><\/td>\n <\/tr>\n <tr>\n <td>Subject Merdeka<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">7<\/td>\n <td>\u2013<\/td>\n <td>Optional Subject I<\/td>\n <td class=\"text-center\">3<\/td>\n <td>Subject Merdeka<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">8<\/td>\n <td>\u2013<\/td>\n <td>Optional Subject II<\/td>\n <td class=\"text-center\">3<\/td>\n <td>Subject Merdeka<\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"2\"><\/td>\n <td><strong>Total<\/strong><\/td>\n <td class=\"text-center\"><strong>21<\/strong><\/td>\n <td><\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1696\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"7\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1696\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Semester VII <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1696\" class=\"elementor-element elementor-element-cb72a0e e-con-full e-flex e-con e-child\" data-id=\"cb72a0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-192929a elementor-widget elementor-widget-text-editor\" data-id=\"192929a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Styled Subjects Table – Semester 7<\/title>\n <style>\n \/* Pengaturan dasar halaman agar terlihat rapi *\/\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #f4f7f6;\n padding: 20px;\n color: #333;\n }\n\n .table-container {\n max-width: 1200px;\n margin: auto;\n overflow-x: auto; \/* Agar tabel bisa di-scroll di layar kecil *\/\n }\n \n \/* --- CSS Modern untuk Tabel Mata Kuliah (Gaya Konsisten) --- *\/\n \n \/* 1. Pengaturan Dasar & Tampilan Tabel *\/\n .subjects-table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n border-radius: 10px;\n overflow: hidden;\n caption-side: bottom; \/* Trik agar bisa memberi radius pada caption di atas *\/\n }\n\n \/* Styling baru untuk Judul Utama Tabel *\/\n .subjects-table caption {\n background-color: #34495e; \/* Sedikit lebih terang dari header kolom *\/\n color: white;\n padding: 15px;\n font-size: 1.3em;\n font-weight: bold;\n text-align: center;\n }\n \n \/* 2. Styling Header Tabel (thead) *\/\n .subjects-table thead tr {\n background-color: #2c3e50; \/* Warna biru dongker elegan *\/\n color: #ffffff;\n text-align: left;\n }\n\n .subjects-table th {\n padding: 15px;\n }\n\n \/* 3. Styling Isi Tabel (tbody) *\/\n .subjects-table td {\n padding: 15px;\n vertical-align: middle; \/* Rata tengah vertikal agar rapi dengan rowspan *\/\n border-bottom: 1px solid #f0f0f0; \n }\n\n \/* 4. Efek Zebra Stripes (warna selang-seling) *\/\n .subjects-table tbody tr:nth-of-type(even) {\n background-color: #f9f9f9;\n }\n\n \/* 5. EFEK HOVER yang Anda minta *\/\n .subjects-table tbody tr:hover {\n background-color: #ecf0f1; \/* Warna abu-abu terang saat disentuh kursor *\/\n cursor: pointer;\n transition: background-color 0.2s ease-in-out; \n }\n\n \/* 6. Styling Footer Tabel (tfoot) *\/\n .subjects-table tfoot tr {\n background-color: #e9ecef;\n font-weight: bold;\n color: #212529;\n border-top: 2px solid #2c3e50;\n }\n\n .subjects-table tfoot td {\n text-align: right;\n font-size: 1.1em;\n }\n\n \/* 7. Styling Link (tautan) di dalam tabel *\/\n .subjects-table a {\n color: #3498db;\n text-decoration: none;\n font-weight: bold;\n }\n .subjects-table a:hover {\n text-decoration: underline;\n }\n\n \/* 8. Class bantuan untuk perataan teks *\/\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"table-container\">\n <table class=\"subjects-table\">\n <caption>SEMESTER VII<\/caption>\n <thead>\n <tr>\n <th class=\"text-center\">No<\/th>\n <th class=\"text-left\">Code<\/th>\n <th class=\"text-left\">Subjects Name<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-left\">Prerequisite<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\"><strong>1<\/strong><\/td>\n <td>1565047<\/td>\n <td>Seminar Research Proposal<\/td>\n <td class=\"text-center\">2<\/td>\n <td>\n <strong>20060511C07<\/strong><br>\n Subject Merdeka\n <\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>2<\/strong><\/td>\n <td>\u2013<\/td>\n <td>Optional Subject I<\/td>\n <td class=\"text-center\">3<\/td>\n <td>Subject Merdeka<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>3<\/strong><\/td>\n <td>\u2013<\/td>\n <td>Optional Subject II<\/td>\n <td class=\"text-center\">3<\/td>\n <td>Subject Merdeka<\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"2\"><\/td>\n <td><strong>Total<\/strong><\/td>\n <td class=\"text-center\"><strong>8<\/strong><\/td>\n <td><\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1697\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"8\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1697\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Semester VIII <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1697\" class=\"elementor-element elementor-element-4ce5bb2 e-con-full e-flex e-con e-child\" data-id=\"4ce5bb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b353b2 elementor-widget elementor-widget-text-editor\" data-id=\"5b353b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Styled Subjects Table – Semester 8<\/title>\n <style>\n \/* Pengaturan dasar halaman agar terlihat rapi *\/\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #f4f7f6;\n padding: 20px;\n color: #333;\n }\n\n .table-container {\n max-width: 1200px;\n margin: auto;\n overflow-x: auto; \/* Agar tabel bisa di-scroll di layar kecil *\/\n }\n \n \/* --- CSS Modern untuk Tabel Mata Kuliah (Gaya Konsisten) --- *\/\n \n \/* 1. Pengaturan Dasar & Tampilan Tabel *\/\n .subjects-table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n border-radius: 10px;\n overflow: hidden;\n caption-side: bottom; \/* Trik agar bisa memberi radius pada caption di atas *\/\n }\n\n \/* Styling baru untuk Judul Utama Tabel *\/\n .subjects-table caption {\n background-color: #34495e; \/* Sedikit lebih terang dari header kolom *\/\n color: white;\n padding: 15px;\n font-size: 1.3em;\n font-weight: bold;\n text-align: center;\n }\n \n \/* 2. Styling Header Tabel (thead) *\/\n .subjects-table thead tr {\n background-color: #2c3e50; \/* Warna biru dongker elegan *\/\n color: #ffffff;\n text-align: left;\n }\n\n .subjects-table th {\n padding: 15px;\n }\n\n \/* 3. Styling Isi Tabel (tbody) *\/\n .subjects-table td {\n padding: 15px;\n vertical-align: middle; \/* Rata tengah vertikal agar rapi dengan rowspan *\/\n border-bottom: 1px solid #f0f0f0; \n }\n\n \/* 4. Efek Zebra Stripes (warna selang-seling) *\/\n .subjects-table tbody tr:nth-of-type(even) {\n background-color: #f9f9f9;\n }\n\n \/* 5. EFEK HOVER yang Anda minta *\/\n .subjects-table tbody tr:hover {\n background-color: #ecf0f1; \/* Warna abu-abu terang saat disentuh kursor *\/\n cursor: pointer;\n transition: background-color 0.2s ease-in-out; \n }\n\n \/* 6. Styling Footer Tabel (tfoot) *\/\n .subjects-table tfoot tr {\n background-color: #e9ecef;\n font-weight: bold;\n color: #212529;\n border-top: 2px solid #2c3e50;\n }\n\n .subjects-table tfoot td {\n text-align: right;\n font-size: 1.1em;\n }\n\n \/* 7. Styling Link (tautan) di dalam tabel *\/\n .subjects-table a {\n color: #3498db;\n text-decoration: none;\n font-weight: bold;\n }\n .subjects-table a:hover {\n text-decoration: underline;\n }\n\n \/* 8. Class bantuan untuk perataan teks *\/\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"table-container\">\n <table class=\"subjects-table\">\n <caption>SEMESTER VIII<\/caption>\n <thead>\n <tr>\n <th class=\"text-center\">No<\/th>\n <th class=\"text-left\">Code<\/th>\n <th class=\"text-left\">Subjects Name<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-left\">Prerequisite<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\"><strong>1<\/strong><\/td>\n <td>1565048<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/thesis-skripsi-s1\/\">Undergraduate Thesis (Skripsi)<\/a><\/td>\n <td class=\"text-center\">6<\/td>\n <td>\n 1565047 (Seminar Proposal)<br>\n Comprehensive Exam (Kompre)<br>\n Progress Report (Seminar Hasil) Subject Merdeka\n <\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"2\"><\/td>\n <td><strong>Total<\/strong><\/td>\n <td class=\"text-center\"><strong>6<\/strong><\/td>\n <td><\/td>\n <\/tr>\n <\/tfoot>\n <\/table>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1698\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"9\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1698\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> LIST OF OPTIONAL SUBJECTS <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1698\" class=\"elementor-element elementor-element-39c860a e-con-full e-flex e-con e-child\" data-id=\"39c860a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b31475 elementor-widget elementor-widget-text-editor\" data-id=\"8b31475\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Styled Optional Subjects Table<\/title>\n <style>\n \/* Pengaturan dasar halaman agar terlihat rapi *\/\n body {\n font-family: Arial, Helvetica, sans-serif;\n background-color: #f4f7f6;\n padding: 20px;\n color: #333;\n }\n\n .table-container {\n max-width: 1200px;\n margin: auto;\n overflow-x: auto; \/* Agar tabel bisa di-scroll di layar kecil *\/\n }\n \n \/* --- CSS Modern untuk Tabel Mata Kuliah (Gaya Konsisten) --- *\/\n \n \/* 1. Pengaturan Dasar & Tampilan Tabel *\/\n .subjects-table {\n width: 100%;\n border-collapse: collapse;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\n border-radius: 10px;\n overflow: hidden;\n }\n \n \/* 2. Styling Header Tabel (thead) *\/\n .subjects-table thead tr {\n background-color: #2c3e50; \/* Warna biru dongker elegan *\/\n color: #ffffff;\n text-align: left;\n }\n\n .subjects-table th {\n padding: 15px;\n }\n\n \/* 3. Styling Isi Tabel (tbody) *\/\n .subjects-table td {\n padding: 15px;\n vertical-align: middle;\n border-bottom: 1px solid #f0f0f0; \/* Garis pemisah antar baris yang sangat halus *\/\n }\n\n \/* 4. Efek Zebra Stripes (warna selang-seling) *\/\n .subjects-table tbody tr:nth-of-type(even) {\n background-color: #f9f9f9;\n }\n\n \/* 5. EFEK HOVER yang Anda minta *\/\n .subjects-table tbody tr:hover {\n background-color: #ecf0f1; \/* Warna abu-abu terang saat disentuh kursor *\/\n cursor: pointer;\n transition: background-color 0.2s ease-in-out; \/* Transisi efek yang cepat & halus *\/\n }\n\n \/* 6. Styling Link (tautan) di dalam tabel *\/\n .subjects-table a {\n color: #3498db;\n text-decoration: none;\n font-weight: bold;\n }\n .subjects-table a:hover {\n text-decoration: underline;\n }\n\n \/* 7. Class bantuan untuk perataan teks *\/\n .text-center {\n text-align: center;\n }\n .text-left {\n text-align: left;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"table-container\">\n <table class=\"subjects-table\">\n <thead>\n <tr>\n <th class=\"text-center\">No<\/th>\n <th class=\"text-left\">Code<\/th>\n <th class=\"text-left\">Subjects Name<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-center\">RPS<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\">1<\/td>\n <td>1565049<\/td>\n <td>SOFT COMPUTING (OPT SUBJ 1)*<\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">2<\/td>\n <td>20060512C01<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/machine-learning\/\" target=\"_blank\" rel=\"noopener\">MACHINE LEARNING (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/machine-learning\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">3<\/td>\n <td>20060512C02<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/biomedics-opt-subj\/\" target=\"_blank\" rel=\"noopener\">BIOMEDICS (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/biomedics-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">4<\/td>\n <td>20060512C03<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/bioinformatics-opt-subj\/\" target=\"_blank\" rel=\"noopener\">BIOINFORMATICS (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/bioinformatics-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">5<\/td>\n <td>20060512C04<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/natural-language-processing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">NATURAL LANGUAGE PROCESSING (OPT SUBJ )<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/natural-language-processing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">6<\/td>\n <td>20060512C05<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/information-retreival-opt-subj\/\" target=\"_blank\" rel=\"noopener\">INFORMATION RETREIVAL (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/information-retreival-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">7<\/td>\n <td>20060512C06<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/data-visualization-opt-subj\/\" target=\"_blank\" rel=\"noopener\">DATA VISUALIZATION (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/data-visualization-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">8<\/td>\n <td>20060512C07<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/simulation-and-modelling\/\" target=\"_blank\" rel=\"noopener\">SIMULATION AND MODELING (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/simulation-and-modelling\/\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">9<\/td>\n <td>20060512C08<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/internet-of-thing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">INTERNET OF THING (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/internet-of-thing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">10<\/td>\n <td>20060512C09<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/robotic-opt-subj\/\" target=\"_blank\" rel=\"noopener\">ROBOTIC (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/robotic-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">11<\/td>\n <td>20060512C10<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/cloud-computing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">CLOUD COMPUTING (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/cloud-computing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">12<\/td>\n <td>20060512C11<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/system-security-opt-subj\/\" target=\"_blank\" rel=\"noopener\">SYSTEM SECURITY (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/system-security-opt-subj\/\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">13<\/td>\n <td>20060512C12<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/geographical-information-system-opt-subj\/\" target=\"_blank\" rel=\"noopener\">GEOGRAPHICAL INFORMATION SYSTEM (OPT SUBJ )<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/geographical-information-system-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">14<\/td>\n <td>20060512C13<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/spatial-analysis-opt-subj\/\" target=\"_blank\" rel=\"noopener\">SPATIAL ANALYSIS (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/spatial-analysis-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">15<\/td>\n <td>20060512C14<\/td>\n <td>DATA WAREHOUSE (OPT SUBJ)<\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">16<\/td>\n <td>20060512C15<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/datamining-opt-subj\/\" target=\"_blank\" rel=\"noopener\">DATAMINING (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/datamining-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">17<\/td>\n <td>1565053<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/data-science-2\/\" target=\"_blank\" rel=\"noopener\">ENTERPRISE ARCHITECTURE (OPT SUBJ 1)*<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/data-science-2\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">18<\/td>\n <td>1565054<\/td>\n <td>IT GOVERNANCE (OPT SUBJ 2)*<\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">19<\/td>\n <td>20060512C16<\/td>\n <td>FRAMEWORK PROGRAMMING (OPT SUBJ)<\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">20<\/td>\n <td>20060512C17<\/td>\n <td>iOS (OPT SUBJ)<\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">21<\/td>\n <td>1565051<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/software-quality-opt-subj-1\/\" target=\"_blank\" rel=\"noopener\">SOFTWARE QUALITY (OPT SUBJ 1)<\/a>*<\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/software-quality-opt-subj-1\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">22<\/td>\n <td>1565052<\/td>\n <td>SOFTWARE MANAGEMENT (OPT SUBJ 2)*<\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">23<\/td>\n <td>20060512C18<\/td>\n <td>REQUIREMENT ENGINEERING (OPT SUBJ )<\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">24<\/td>\n <td>20060512C19<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/knowledge-engineering\/\" target=\"_blank\" rel=\"noopener\">KNOWLEDGE ENGINEERING (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/knowledge-engineering\/\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">25<\/td>\n <td>20060512C20<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/it-audit-opt-subj\/\" target=\"_blank\" rel=\"noopener\">IT AUDIT (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/it-audit-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">26<\/td>\n <td>20060512C21<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/software-evolution-opt-subj\/\" target=\"_blank\" rel=\"noopener\">SOFTWARE EVOLUTION (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/software-evolution-opt-subj\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">27<\/td>\n <td>20060512C22<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/start-up-development\/\" target=\"_blank\" rel=\"noopener\">START-UP DEVELOPMENT (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/start-up-development\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">28<\/td>\n <td>20060512C23<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/internet-marketing\/\" target=\"_blank\" rel=\"noopener\">INTERNET MARKETING (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/internet-marketing\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">29<\/td>\n <td>1565055<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/scenario-design\/\" target=\"_blank\" rel=\"noopener\">SCENARIO DESIGN (OPT SUBJ 1)*<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/scenario-design\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">30<\/td>\n <td>20060512C24<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/animation-creator\/\" target=\"_blank\" rel=\"noopener\">ANIMATION CREATOR (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/animation-creator\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">31<\/td>\n <td>20060512C25<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/user-interface-game-environment\/\" target=\"_blank\" rel=\"noopener\">USER INTERFACE & GAME ENVIRONMENT (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/user-interface-game-environment\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">32<\/td>\n <td>20060512C26<\/td>\n <td><a href=\"https:\/\/informatika.uin-malang.ac.id\/game-production\/\" target=\"_blank\" rel=\"noopener\">GAME PRODUCTION (OPT SUBJ)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/game-production\/\" target=\"_blank\" rel=\"noopener\">RPS<\/a><\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-1699\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"10\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-1699\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> Guidebook <\/div><\/span>\n\t\t\t\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-1699\" class=\"elementor-element elementor-element-27fecb3 e-con-full e-flex e-con e-child\" data-id=\"27fecb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c18b547 elementor-widget elementor-widget-button\" data-id=\"c18b547\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/drive.google.com\/file\/d\/1XVg5a-cZzmRYPDT2MyMhccVYt7aAsohy\/view\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Link Dokumen<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In accordance with the competencies considered, as well as referring to the Indonesian Accreditation Board for Engineering (IABEE) and the KKNI-based ulul albab curriculum standard of UIN Malang, the main profile of the Bachelor of Informatics Engineering is as follows: \u00a0 Graduate Profile Professional Table Design NO Description Profession 1 Graduates have the ability to […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24145","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/informatika.uin-malang.ac.id\/en_us\/wp-json\/wp\/v2\/pages\/24145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/informatika.uin-malang.ac.id\/en_us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/informatika.uin-malang.ac.id\/en_us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/en_us\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/en_us\/wp-json\/wp\/v2\/comments?post=24145"}],"version-history":[{"count":62,"href":"https:\/\/informatika.uin-malang.ac.id\/en_us\/wp-json\/wp\/v2\/pages\/24145\/revisions"}],"predecessor-version":[{"id":26547,"href":"https:\/\/informatika.uin-malang.ac.id\/en_us\/wp-json\/wp\/v2\/pages\/24145\/revisions\/26547"}],"wp:attachment":[{"href":"https:\/\/informatika.uin-malang.ac.id\/en_us\/wp-json\/wp\/v2\/media?parent=24145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}