{"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\/zh\/curriculum\/","title":{"rendered":"\u8bfe\u7a0b"},"content":{"rendered":"
\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

\u6839\u636e\u6240\u8003\u8651\u7684\u80fd\u529b\uff0c\u5e76\u53c2\u7167\u5370\u5c3c\u5de5\u7a0b\u8ba4\u8bc1\u59d4\u5458\u4f1a\uff08IABEE\uff09\u548c\u9a6c\u6717\u5927\u5b66\u57fa\u4e8e KKNI \u7684 ulul albab \u8bfe\u7a0b\u6807\u51c6\uff0c\u4fe1\u606f\u5de5\u7a0b\u5b66\u58eb\u5b66\u4f4d\u7684\u4e3b\u8981\u6982\u51b5\u5982\u4e0b\uff1a<\/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
\u6bd5\u4e1a\u751f\u7b80\u4ecb <\/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\">\u4e0d<\/th>\n <th>\u63cf\u8ff0<\/th>\n <th class=\"col-spacer\"><\/th>\n <th>\u804c\u4e1a<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"col-no\">1<\/td>\n <td>\u6bd5\u4e1a\u751f\u5177\u5907\u5e94\u7528\u548c\u53d1\u5c55\u4fe1\u606f\u5de5\u7a0b\u9886\u57df\u7684\u80fd\u529b\uff0c\u5c24\u5176\u662f\u5728\u8f6f\u4ef6\u5de5\u7a0b\u3001\u591a\u5a92\u4f53\u3001\u667a\u80fd\u7cfb\u7edf\u3001\u7f51\u7edc\u548c\u79fb\u52a8\u5e94\u7528\u7b49\u5b50\u9886\u57df\u3002.<\/td>\n <td class=\"col-spacer\" rowspan=\"3\"><\/td>\n <td class=\"col-prof\" rowspan=\"3\">\n <ul>\n <li>\u8f6f\u4ef6\u5de5\u7a0b\u5e08<\/li>\n <li>\u4fe1\u606f\u7cfb\u7edf\u5206\u6790\u5e08<\/li>\n <li>\u6e38\u620f\u4e0e\u591a\u5a92\u4f53\u5de5\u7a0b\u5e08<\/li>\n <li>\u6570\u636e\u79d1\u5b66\u5bb6\u4e0e\u4eba\u5de5\u667a\u80fd\u5de5\u7a0b\u5e08<\/li>\n <li>\u7f51\u7edc\u4e0e\u4e91\u5de5\u7a0b\u5e08<\/li>\n <li>\u7814\u7a76\u5458\u548c\u9662\u58eb<\/li>\n <\/ul>\n <\/td>\n <\/tr>\n <tr>\n <td class=\"col-no\">2<\/td>\n <td>\u6bd5\u4e1a\u751f\u80fd\u591f\u901a\u8fc7\u6b63\u89c4\u548c\u804c\u4e1a\u6e20\u9053\u5728\u4fe1\u606f\u5de5\u7a0b\u9886\u57df\u53d1\u5c55\u548c\u62d3\u5c55\u77e5\u8bc6\u3002.<\/td>\n <\/tr>\n <tr>\n <td class=\"col-no\">3<\/td>\n <td>\u6bd5\u4e1a\u751f\u5177\u5907\u57fa\u4e8e\u4f0a\u65af\u5170\u4ef7\u503c\u89c2\u7684\u4e13\u4e1a\u3001\u8d1f\u8d23\u4efb\u548c\u6c9f\u901a\u80fd\u529b\u3002.<\/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\"> \u77e5\u8bc6\u96c6\u56e2 <\/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>\u667a\u80fd\u7cfb\u7edf<\/li><li>\u591a\u5a92\u4f53\u4e0e\u4fe1\u606f\u6280\u672f<\/li><li>\u8f6f\u4ef6\u5de5\u7a0b<\/li><li>\u4fe1\u606f\u7cfb\u7edf<\/li><li>\u7cfb\u7edf\u4e0e\u7f51\u7edc<\/li><li>\u7f51\u7edc\u4e0e\u79fb\u52a8\u7f16\u7a0b<\/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\"> \u8bfe\u7a0b\u7ed3\u6784 <\/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>\u4fe1\u606f\u6280\u672f\u7cfb\u8bfe\u7a0b\u7684\u603b\u5b66\u5206\u662f150\u4e2a\u5b66\u5206\uff08SKS\uff09\uff0c\u5176\u4e2d\u5305\u62ec\uff1a<\/p><ul><li>\u5927\u5b66\u901a\u7528\u8bfe\u7a0b (Mata Kuliah Pengembangan Kepribadian \/ MPK)\uff1a32\u5b66\u5206 (SKS)\u3002.<\/li><li>\u8ba1\u7b97\u673a\u79d1\u5b66\u7684\u6838\u5fc3\u5b66\u79d1\uff0c\u5305\u62ec\uff1a<\/li><\/ul><ol><li><ol><li>\u5fc5\u4fee\u8bfe\u7a0b\uff1a106\u4e2a\u5b66\u5206\u3002.<\/li><li>\u9009\u4fee\u8bfe\uff1a\u5b66\u751f\u81f3\u5c11\u9700\u8981\u4fee\u6ee112\u4e2a\u5b66\u5206\u3002.<\/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\">\u6bcf\u5b66\u671f\u5b66\u79d1\u5206\u914d\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=\"\u624b\u98ce\u7434\u3002\u6309 Enter \u6216 Space \u6253\u5f00\u94fe\u63a5\uff0c\u6309 Escape \u5173\u95ed\uff0c\u4f7f\u7528\u65b9\u5411\u952e\u5bfc\u822a\">\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\"> \u7b2c\u4e00\u5b66\u671f <\/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\">\u4e0d<\/th>\n <th class=\"text-left\">\u4ee3\u7801<\/th>\n <th class=\"text-left\">\u79d1\u76ee\u540d\u79f0<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-center\" colspan=\"2\">\u5148\u51b3\u6761\u4ef6<\/th>\n <th class=\"text-center\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/pancasila\/\" target=\"_blank\" rel=\"noopener\">\u6f58\u67e5\u5e0c\u62c9<\/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\/zh\/pancasila\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">2<\/td>\n <td>20000011A03<\/td>\n <td>\u5370\u5ea6\u5c3c\u897f\u4e9a\u8bed<\/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>\u79d1\u5b66\u54f2\u5b66<\/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\/zh\/bahasa-arab-i\/\" target=\"_blank\" rel=\"noopener\">\u963f\u62c9\u4f2f\u8bed 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\/zh\/bahasa-arab-i\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/bahasa-arab-ii\/\" target=\"_blank\" rel=\"noopener\">\u963f\u62c9\u4f2f\u8bedII<\/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\/zh\/bahasa-arab-ii\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">6<\/td>\n <td>220060511C01<\/td>\n <td>\u8ba1\u7b97\u673a\u79d1\u5b66\u5bfc\u8bba<\/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\/zh\/calculus\/\" target=\"_blank\" rel=\"noopener\">\u5fae\u79ef\u5206<\/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\/zh\/calculus\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/algoritma-pemrograman\/\" target=\"_blank\" rel=\"noopener\">\u7b97\u6cd5\u4e0e\u7f16\u7a0b<\/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\/zh\/algoritma-pemrograman\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/matematika-diskrit\/\" target=\"_blank\" rel=\"noopener\">\u79bb\u6563\u6570\u5b66<\/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\/zh\/matematika-diskrit\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/algoritma-pemrogramanpraktikum\/\" target=\"_blank\" rel=\"noopener\">\u7b97\u6cd5\u4e0e\u7f16\u7a0b\u5b9e\u4e60<\/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\/zh\/algoritma-pemrogramanpraktikum\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"3\">\u603b\u8ba1<\/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\"> \u7b2c\u4e8c\u5b66\u671f <\/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\">\u4e0d<\/th>\n <th class=\"text-left\">\u4ee3\u7801<\/th>\n <th class=\"text-left\">\u79d1\u76ee\u540d\u79f0<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-center\" colspan=\"2\">\u5148\u51b3\u6761\u4ef6<\/th>\n <th class=\"text-center\">\u77f3\u5934\u526a\u5200\u5e03<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\">1<\/td>\n <td>20000011A02<\/td>\n <td>\u56fd\u7c4d<\/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\/zh\/bahasa-arab-iii\/\" target=\"_blank\" rel=\"noopener\">\u963f\u62c9\u4f2f\u8bed 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\/zh\/bahasa-arab-iii\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/bahasa-arab-iv\/\" target=\"_blank\" rel=\"noopener\">\u963f\u62c9\u4f2f\u8bed 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\/zh\/bahasa-arab-iv\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">4<\/td>\n <td>20000011A11<\/td>\n <td>\u4f0a\u65af\u5170\u6587\u660e\u53f2<\/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>\u795e\u667a\u5b66<\/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\/zh\/linear-algebra\/\" target=\"_blank\" rel=\"noopener\">\u7ebf\u6027\u4ee3\u6570<\/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\/zh\/linear-algebra\/\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/statistics\/\" target=\"_blank\" rel=\"noopener\">\u7edf\u8ba1<\/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\/zh\/statistics\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/object-oriented-programming\/\" target=\"_blank\" rel=\"noopener\">\u9762\u5411\u5bf9\u8c61\u7f16\u7a0b<\/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\/zh\/object-oriented-programming\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/digital-electronic\/\" target=\"_blank\" rel=\"noopener\">\u6570\u7801\u7535\u5b50<\/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\/zh\/digital-electronic\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/object-oriented-programming-practicum\/\" target=\"_blank\" rel=\"noopener\">\u9762\u5411\u5bf9\u8c61\u7f16\u7a0b\u5b9e\u8bad<\/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\/zh\/object-oriented-programming-practicum\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/digital-electronic-practicum\/\" target=\"_blank\" rel=\"noopener\">\u6570\u5b57\u7535\u5b50\u5b9e\u8df5<\/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\/zh\/digital-electronic-practicum\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"3\">\u603b\u8ba1<\/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\"> \u7b2c\u4e09\u5b66\u671f <\/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\">\u4e0d<\/th>\n <th class=\"text-left\">\u4ee3\u7801<\/th>\n <th class=\"text-left\">\u79d1\u76ee\u540d\u79f0<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-center\" colspan=\"2\">\u5148\u51b3\u6761\u4ef6<\/th>\n <th class=\"text-center\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/bahasa-inggris-i\/\" target=\"_blank\" rel=\"noopener\">\u82f1\u8bed\u4e00<\/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\/zh\/bahasa-inggris-i\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">2<\/td>\n <td>20000011A13<\/td>\n <td>\u53e4\u5170\u7ecf\u548c\u5723\u8bad\u7814\u7a76<\/td>\n <td class=\"text-center\">2<\/td>\n <td class=\"text-center\" colspan=\"2\">\u9a6c\u54c8\u5fb7<\/td>\n <td class=\"text-center\"><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">3<\/td>\n <td>20000011A14<\/td>\n <td>\u6cd5\u5b66\u7814\u7a76<\/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\/zh\/numerical-methods\/\" target=\"_blank\" rel=\"noopener\">\u6570\u503c\u65b9\u6cd5<\/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\/zh\/numerical-methods\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/data-structure\/\" target=\"_blank\" rel=\"noopener\">\u6570\u636e\u7ed3\u6784<\/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\/zh\/data-structure\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/computer-system\/\" target=\"_blank\" rel=\"noopener\">\u8ba1\u7b97\u673a\u7cfb\u7edf<\/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\/zh\/computer-system\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/database\/\" target=\"_blank\" rel=\"noopener\">\u6570\u636e\u5e93<\/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\/zh\/database\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/data-structure-practicum\/\" target=\"_blank\" rel=\"noopener\">\u6570\u636e\u7ed3\u6784\u5b9e\u8bad<\/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\/zh\/data-structure-practicum\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/computer-system-practicum-2\/\" target=\"_blank\" rel=\"noopener\">\u8ba1\u7b97\u673a\u7cfb\u7edf\u5b9e\u8df5<\/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\/zh\/computer-system-practicum-2\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/database-practicum-2\/\" target=\"_blank\" rel=\"noopener\">\u6570\u636e\u5e93\u5b9e\u4e60<\/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\/zh\/database-practicum-2\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"3\">\u603b\u8ba1<\/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\"> \u7b2c\u56db\u5b66\u671f <\/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\">\u4e0d<\/th>\n <th class=\"text-left\">\u4ee3\u7801<\/th>\n <th class=\"text-left\">\u79d1\u76ee\u540d\u79f0<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-center\" colspan=\"2\">\u5148\u51b3\u6761\u4ef6<\/th>\n <th class=\"text-center\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/bahasa-inggris-2\/\" target=\"_blank\" rel=\"noopener\">\u82f1\u8bed\u4e8c<\/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\/zh\/bahasa-inggris-2\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/artificial-intelligence\/\" target=\"_blank\" rel=\"noopener\">\u4eba\u5de5\u667a\u80fd<\/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\/zh\/artificial-intelligence\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/software-engineering\/\" target=\"_blank\" rel=\"noopener\">\u8f6f\u4ef6\u5de5\u7a0b<\/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\/zh\/software-engineering\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/computer-graphic\/\" target=\"_blank\" rel=\"noopener\">\u8ba1\u7b97\u673a\u5236\u56fe<\/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\/zh\/computer-graphic\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/computer-network\/\" target=\"_blank\" rel=\"noopener\">\u8ba1\u7b97\u673a\u7f51\u7edc<\/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\/zh\/computer-network\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/web-programming\/\" target=\"_blank\" rel=\"noopener\">\u7f51\u9875\u7f16\u7a0b<\/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\/zh\/web-programming\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">7<\/td>\n <td>1565039<\/td>\n <td>\u8f6f\u4ef6\u5de5\u7a0b\u5b9e\u4e60<\/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\/zh\/computer-graphic-practicum\/\" target=\"_blank\" rel=\"noopener\">\u8ba1\u7b97\u673a\u56fe\u5f62\u5b66\u5b9e\u8df5<\/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\/zh\/computer-graphic-practicum\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/computer-network-practicum\/\" target=\"_blank\" rel=\"noopener\">\u8ba1\u7b97\u673a\u7f51\u7edc\u5b9e\u8bad<\/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\/zh\/computer-network-practicum\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/web-programming-practicum\/\" target=\"_blank\" rel=\"noopener\">\u7f51\u7edc\u7f16\u7a0b\u5b9e\u4e60<\/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\/zh\/web-programming-practicum\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"3\">\u603b\u8ba1<\/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\"> \u7b2c\u4e94\u5b66\u671f <\/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>\u7b2c\u4e94\u5b66\u671f<\/caption>\n <thead>\n <tr>\n <th class=\"text-center\">\u4e0d<\/th>\n <th class=\"text-left\">\u4ee3\u7801<\/th>\n <th class=\"text-left\">\u79d1\u76ee\u540d\u79f0<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-left\">\u5148\u51b3\u6761\u4ef6<\/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>\u5b66\u671f V \u7d2f\u8ba1\u83b7\u5f97 >= 100 scs<\/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\/zh\/research-methodology\/\" target=\"_blank\" rel=\"noopener\"><strong>\u7814\u7a76\u65b9\u6cd5<\/strong><\/a><\/td>\n <td class=\"text-center\"><strong>3<\/strong><\/td>\n <td><strong>\u6536\u96c6 >= 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\/zh\/mobile-programming\/\" target=\"_blank\" rel=\"noopener\"><strong>\u79fb\u52a8\u7f16\u7a0b<\/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\/zh\/information-system\/\" target=\"_blank\" rel=\"noopener\">\u4fe1\u606f\u7cfb\u7edf<\/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\/zh\/multimedia-game-programming\/\" target=\"_blank\" rel=\"noopener\">\u591a\u5a92\u4f53\u4e0e\u6e38\u620f\u7f16\u7a0b<\/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\/zh\/distributed-system\/\" target=\"_blank\" rel=\"noopener\">\u5206\u5e03\u5f0f\u7cfb\u7edf<\/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\/zh\/operating-system\/\" target=\"_blank\" rel=\"noopener\">\u64cd\u4f5c\u7cfb\u7edf<\/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\/zh\/mobile-programming-practicum\/\" target=\"_blank\" rel=\"noopener\">\u79fb\u52a8\u7f16\u7a0b\u5b9e\u8df5<\/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>\u4fe1\u606f\u7cfb\u7edf\u5b9e\u8df5<\/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>\u591a\u5a92\u4f53\u4e0e\u6e38\u620f\u7f16\u7a0b\u5b9e\u8df5<\/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\/zh\/distributed-system-practicum\/\" target=\"_blank\" rel=\"noopener\">\u5206\u5e03\u5f0f\u7cfb\u7edf\u5b9e\u8df5<\/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>\u603b\u8ba1<\/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\"> \u7b2c\u516d\u5b66\u671f <\/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>\u7b2c\u516d\u5b66\u671f<\/caption>\n <thead>\n <tr>\n <th class=\"text-center\">\u4e0d<\/th>\n <th class=\"text-left\">\u4ee3\u7801<\/th>\n <th class=\"text-left\">\u79d1\u76ee\u540d\u79f0<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-left\">\u5148\u51b3\u6761\u4ef6<\/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\/zh\/computer-vision\/\" target=\"_blank\" rel=\"noopener\">\u8ba1\u7b97\u673a\u89c6\u89c9<\/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>\u4e3b\u9898\uff1a\u72ec\u7acb<\/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\/zh\/technopreneurship\/\" target=\"_blank\" rel=\"noopener\">\u6280\u672f\u521b\u4e1a<\/a><\/td>\n <td class=\"text-center\">2<\/td>\n <td>\u4e3b\u9898\uff1a\u72ec\u7acb<\/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\/zh\/project-management\/\" target=\"_blank\" rel=\"noopener\">\u9879\u76ee\u7ba1\u7406<\/a><\/td>\n <td class=\"text-center\">2<\/td>\n <td>\u4e3b\u9898\uff1a\u72ec\u7acb<\/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\/zh\/human-computer-interaction\/\" target=\"_blank\" rel=\"noopener\">\u4eba\u673a\u4ea4\u4e92<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td>\u4e3b\u9898\uff1a\u72ec\u7acb<\/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\/zh\/data-science\/\" target=\"_blank\" rel=\"noopener\"><strong>\u6570\u636e\u79d1\u5b66<\/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>\u4e3b\u9898\uff1a\u72ec\u7acb<\/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\/zh\/internship-pkli-2022\/\">\u5b9e\u4e60<\/a><\/td>\n <td class=\"text-center\" rowspan=\"3\">2<\/td>\n <td>\u5b66\u751f\u6536\u96c6\u4e86 >= 100 sks<\/td>\n <\/tr>\n <tr>\n <td><\/td>\n <\/tr>\n <tr>\n <td>\u4e3b\u9898\uff1a\u72ec\u7acb<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">7<\/td>\n <td>\u2013<\/td>\n <td>\u9009\u4fee\u8bfe I<\/td>\n <td class=\"text-center\">3<\/td>\n <td>\u4e3b\u9898\uff1a\u72ec\u7acb<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">8<\/td>\n <td>\u2013<\/td>\n <td>\u9009\u4fee\u79d1\u76ee II<\/td>\n <td class=\"text-center\">3<\/td>\n <td>\u4e3b\u9898\uff1a\u72ec\u7acb<\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"2\"><\/td>\n <td><strong>\u603b\u8ba1<\/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\"> \u7b2c\u4e03\u5b66\u671f <\/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>\u7b2c\u4e03\u5b66\u671f<\/caption>\n <thead>\n <tr>\n <th class=\"text-center\">\u4e0d<\/th>\n <th class=\"text-left\">\u4ee3\u7801<\/th>\n <th class=\"text-left\">\u79d1\u76ee\u540d\u79f0<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-left\">\u5148\u51b3\u6761\u4ef6<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\"><strong>1<\/strong><\/td>\n <td>1565047<\/td>\n <td>\u7814\u8ba8\u4f1a\u7814\u7a76\u8ba1\u5212<\/td>\n <td class=\"text-center\">2<\/td>\n <td>\n <strong>20060511C07<\/strong><br>\n \u4e3b\u9898\uff1a\u72ec\u7acb\n <\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>2<\/strong><\/td>\n <td>\u2013<\/td>\n <td>\u9009\u4fee\u8bfe I<\/td>\n <td class=\"text-center\">3<\/td>\n <td>\u4e3b\u9898\uff1a\u72ec\u7acb<\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\"><strong>3<\/strong><\/td>\n <td>\u2013<\/td>\n <td>\u9009\u4fee\u79d1\u76ee II<\/td>\n <td class=\"text-center\">3<\/td>\n <td>\u4e3b\u9898\uff1a\u72ec\u7acb<\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"2\"><\/td>\n <td><strong>\u603b\u8ba1<\/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\"> \u7b2c\u516b\u5b66\u671f <\/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>\u7b2c\u516b\u5b66\u671f<\/caption>\n <thead>\n <tr>\n <th class=\"text-center\">\u4e0d<\/th>\n <th class=\"text-left\">\u4ee3\u7801<\/th>\n <th class=\"text-left\">\u79d1\u76ee\u540d\u79f0<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-left\">\u5148\u51b3\u6761\u4ef6<\/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\/zh\/thesis-skripsi-s1\/\">\u672c\u79d1\u6bd5\u4e1a\u8bba\u6587<\/a><\/td>\n <td class=\"text-center\">6<\/td>\n <td>\n 1565047 (\u7814\u8ba8\u4f1a\u63d0\u6848)<br>\n \u7efc\u5408\u8003\u8bd5\uff08Kompre\uff09<br>\n \u8fdb\u5ea6\u62a5\u544a\uff08\u7814\u8ba8\u4f1a\u7ed3\u679c\uff09\u4e3b\u9898\u72ec\u7acb\n <\/td>\n <\/tr>\n <\/tbody>\n <tfoot>\n <tr>\n <td colspan=\"2\"><\/td>\n <td><strong>\u603b\u8ba1<\/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\"> \u9009\u4fee\u8bfe\u5217\u8868 <\/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\">\u4e0d<\/th>\n <th class=\"text-left\">\u4ee3\u7801<\/th>\n <th class=\"text-left\">\u79d1\u76ee\u540d\u79f0<\/th>\n <th class=\"text-center\">SKS<\/th>\n <th class=\"text-center\">\u77f3\u5934\u526a\u5200\u5e03<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td class=\"text-center\">1<\/td>\n <td>1565049<\/td>\n <td>\u8f6f\u8ba1\u7b97\uff08\u53ef\u9009\u79d1\u76ee 1\uff09*<\/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\/zh\/machine-learning\/\" target=\"_blank\" rel=\"noopener\">\u673a\u5668\u5b66\u4e60\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/machine-learning\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/biomedics-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u751f\u7269\u533b\u5b66\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/biomedics-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/bioinformatics-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u751f\u7269\u4fe1\u606f\u5b66\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/bioinformatics-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/natural-language-processing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u81ea\u7136\u8bed\u8a00\u5904\u7406\uff08\u53ef\u9009\u4e3b\u9898\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/natural-language-processing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/information-retreival-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u4fe1\u606f\u68c0\u7d22\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/information-retreival-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/data-visualization-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u6570\u636e\u53ef\u89c6\u5316\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/data-visualization-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/simulation-and-modelling\/\" target=\"_blank\" rel=\"noopener\">\u4eff\u771f\u4e0e\u5efa\u6a21\uff08\u9009\u4fee\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/simulation-and-modelling\/\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/internet-of-thing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u7269\u8054\u7f51<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/internet-of-thing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/robotic-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u673a\u5668\u4eba\uff08\u53ef\u9009\u4e3b\u8bed\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/robotic-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/cloud-computing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u4e91\u8ba1\u7b97\uff08\u9009\u4fee\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/cloud-computing-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/system-security-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u7cfb\u7edf\u5b89\u5168\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/system-security-opt-subj\/\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/geographical-information-system-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u5730\u7406\u4fe1\u606f\u7cfb\u7edf\uff08\u9009\u4fee\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/geographical-information-system-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/spatial-analysis-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u7a7a\u95f4\u5206\u6790\uff08\u9009\u4fee\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/spatial-analysis-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">15<\/td>\n <td>20060512C14<\/td>\n <td>\u6570\u636e\u4ed3\u5e93\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/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\/zh\/datamining-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u6570\u636e\u6316\u6398<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/datamining-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/data-science-2\/\" target=\"_blank\" rel=\"noopener\">\u4f01\u4e1a\u67b6\u6784\uff08\u53ef\u9009\u79d1\u76ee 1\uff09*<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/data-science-2\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">18<\/td>\n <td>1565054<\/td>\n <td>IT\u6cbb\u7406\uff08\u9009\u62e9\u6027\u4e3b\u9898 2\uff09*<\/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>\u6846\u67b6\u7f16\u7a0b\uff08\u53ef\u9009\u4e3b\u9898\uff09<\/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 (\u9009\u62e9\u4e3b\u9898)<\/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\/zh\/software-quality-opt-subj-1\/\" target=\"_blank\" rel=\"noopener\">\u8f6f\u4ef6\u8d28\u91cf\uff08\u53ef\u9009\u79d1\u76ee 1\uff09<\/a>*<\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/software-quality-opt-subj-1\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/a><\/td>\n <\/tr>\n <tr>\n <td class=\"text-center\">22<\/td>\n <td>1565052<\/td>\n <td>\u8f6f\u4ef6\u7ba1\u7406\uff08\u53ef\u9009\u79d1\u76ee 2\uff09*<\/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>\u9700\u6c42\u5de5\u7a0b\uff08\u9009\u4fee\u79d1\u76ee\uff09<\/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\/zh\/knowledge-engineering\/\" target=\"_blank\" rel=\"noopener\">\u77e5\u8bc6\u5de5\u7a0b\uff08\u9009\u4fee\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/knowledge-engineering\/\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/it-audit-opt-subj\/\" target=\"_blank\" rel=\"noopener\">IT\u5ba1\u8ba1\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/it-audit-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/software-evolution-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u8f6f\u4ef6\u6f14\u5316 (\u9009\u4fee\u79d1\u76ee)<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/software-evolution-opt-subj\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/start-up-development\/\" target=\"_blank\" rel=\"noopener\">\u521b\u4e1a\u53d1\u5c55\uff08\u53ef\u9009\u4e3b\u9898\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/start-up-development\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/internet-marketing\/\" target=\"_blank\" rel=\"noopener\">\u4e92\u8054\u7f51\u8425\u9500\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/internet-marketing\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/scenario-design\/\" target=\"_blank\" rel=\"noopener\">\u573a\u666f\u8bbe\u8ba1\uff08\u9009\u4fee\u79d1\u76ee 1)*<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/scenario-design\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/animation-creator\/\" target=\"_blank\" rel=\"noopener\">\u52a8\u753b\u521b\u4f5c\u8005\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/animation-creator\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/user-interface-game-environment\/\" target=\"_blank\" rel=\"noopener\">\u7528\u6237\u754c\u9762\u4e0e\u6e38\u620f\u73af\u5883\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/user-interface-game-environment\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\/zh\/game-production\/\" target=\"_blank\" rel=\"noopener\">\u6e38\u620f\u5236\u4f5c\uff08\u53ef\u9009\u79d1\u76ee\uff09<\/a><\/td>\n <td class=\"text-center\">3<\/td>\n <td class=\"text-center\"><a href=\"https:\/\/informatika.uin-malang.ac.id\/zh\/game-production\/\" target=\"_blank\" rel=\"noopener\">\u77f3\u5934\u526a\u5200\u5e03<\/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\"> \u6307\u5357 <\/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\">\u6587\u6863\u94fe\u63a5<\/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>","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\/zh\/wp-json\/wp\/v2\/pages\/24145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/comments?post=24145"}],"version-history":[{"count":62,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/24145\/revisions"}],"predecessor-version":[{"id":26547,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/24145\/revisions\/26547"}],"wp:attachment":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/media?parent=24145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}