{"id":21458,"date":"2026-10-04T08:57:09","date_gmt":"2026-10-04T01:57:09","guid":{"rendered":"https:\/\/man2kulonprogo.sch.id\/m2kp\/?p=21458"},"modified":"2026-10-04T14:48:05","modified_gmt":"2026-10-04T07:48:05","slug":"struktur-organisasi-2","status":"publish","type":"post","link":"https:\/\/man2kulonprogo.sch.id\/m2kp\/2026\/10\/04\/struktur-organisasi-2\/","title":{"rendered":"Struktur Organisasi"},"content":{"rendered":"<div style=\"max-width: 880px; margin: 0 auto; color: #243042; line-height: 1.7; font-size: 16px; font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; overflow-wrap: break-word;\">\n<div style=\"background: linear-gradient(135deg,#1B365D 0%,#0F2342 100%); border: 3px solid #D4AF37; border-radius: 16px; overflow: hidden; margin-bottom: 24px; box-shadow: 0 4px 14px rgba(15,35,66,.35);\">\n<div style=\"height: 8px; background: linear-gradient(90deg,#B08D2E,#F6E7A8,#B08D2E);\"><\/div>\n<div style=\"padding: 26px 24px 24px; text-align: center;\">\n<div style=\"display: inline-block; border: 1px solid #D4AF37; color: #f6e7a8; font-size: 14px; padding: 3px 16px; border-radius: 99px; margin-bottom: 12px;\">Informatika Kelas XI \u00b7 Bab 4 \u00b7 Praktikum 5<\/div>\n<div style=\"font-family: Georgia,'Times New Roman',serif; font-size: 32px; line-height: 1.25; font-weight: bold; color: #f6e7a8; margin-bottom: 6px;\">Struktur Organisasi<\/div>\n<div style=\"font-family: Georgia,'Times New Roman',serif; font-size: 22px; line-height: 1.3; color: #fff; margin-bottom: 14px;\">dengan SmartArt dan Shapes<\/div>\n<div style=\"height: 2px; width: 120px; margin: 0 auto 14px; background: linear-gradient(90deg,#B08D2E,#F6E7A8,#B08D2E);\"><\/div>\n<div style=\"color: #e8edf4; margin-bottom: 12px;\">Latihan membuat bagan struktur organisasi yang rapi: hierarki jabatan, foto pada tiap kotak, warna yang jelas, dan garis penghubung yang tertata.<\/div>\n<div style=\"font-size: 14px; color: #f6e7a8;\">Pengampu: Zuli Irawanto, ST<\/div>\n<\/div>\n<div style=\"height: 8px; background: linear-gradient(90deg,#B08D2E,#F6E7A8,#B08D2E);\"><\/div>\n<\/div>\n<div style=\"background: #E6FAF7; border: 2px solid #18B7A5; border-radius: 14px; padding: 14px 18px; margin: 26px 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; color: #0b7a6d; margin-bottom: 4px;\">\u275d Nilai Panca Cinta: Cinta Diri dan Sesama<\/div>\n<div style=\"font-style: italic;\">Organisasi berjalan baik ketika setiap orang memahami perannya dan saling menghargai. Bagan yang kamu buat adalah gambaran kerja sama itu.<\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #c23b3b; margin: 38px 0 14px; padding: 8px 16px; background: #FFF0F0; border: 0; border-left: 8px solid #FF6B6B; border-radius: 0 12px 12px 0; font-weight: bold;\">Target Belajar<\/h2>\n<div style=\"margin-bottom: 12px;\">Setelah praktikum ini, kamu diharapkan mampu:<\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #FFF0F0; border: 2px solid #FF6B6B; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #FF6B6B; color: #fff; font-weight: bold;\">1<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Membuat bagan struktur organisasi dengan fitur SmartArt di Microsoft Word<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #E6FAF7; border: 2px solid #18B7A5; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #18B7A5; color: #fff; font-weight: bold;\">2<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Mengatur hierarki jabatan dari pimpinan tertinggi hingga staf pelaksana<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #EFEDFD; border: 2px solid #6C5CE7; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #6C5CE7; color: #fff; font-weight: bold;\">3<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Menyisipkan, mengatur ukuran, dan memformat foto di dalam bagan<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #FFF6E3; border: 2px solid #F5A623; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #F5A623; color: #fff; font-weight: bold;\">4<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Memformat teks, warna, dan garis penghubung agar bagan mudah dibaca<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #EAF2FE; border: 2px solid #2F80ED; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #2F80ED; color: #fff; font-weight: bold;\">5<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Mengubah orientasi halaman menjadi Landscape<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; display: flex; gap: 10px; align-items: center; background: #FFF0F0; border: 2px solid #FF6B6B; border-radius: 12px; padding: 10px 12px;\">\n<div style=\"flex: 0 0 30px; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; background: #FF6B6B; color: #fff; font-weight: bold;\">6<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; font-size: 15px;\">Merapikan posisi kotak dengan Group, Align, dan Distribute<\/div>\n<\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #0b7a6d; margin: 38px 0 14px; padding: 8px 16px; background: #E6FAF7; border: 0; border-left: 8px solid #18B7A5; border-radius: 0 12px 12px 0; font-weight: bold;\">Dasar Teori<\/h2>\n<div style=\"margin-bottom: 14px;\">Ada dua cara membuat bagan di Word: otomatis dengan SmartArt (disarankan) atau manual dengan Shapes. Kenali dulu fitur-fiturnya.<\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 14px;\">\n<div style=\"flex: 1 1 250px; min-width: 0; background: #FFF0F0; border: 2px solid #FF6B6B; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #c23b3b; margin-bottom: 6px;\">SmartArt<\/div>\n<div style=\"display: inline-block; max-width: 100%; box-sizing: border-box; background: #FF6B6B; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 12px; margin-bottom: 8px;\">Insert \u2192 SmartArt \u2192 Hierarchy<\/div>\n<div style=\"font-size: 15px;\">Fitur bagan siap pakai. Pilih model Organization Chart untuk membuat hierarki jabatan lengkap dengan garis penghubung otomatis.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; min-width: 0; background: #E6FAF7; border: 2px solid #18B7A5; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #0b7a6d; margin-bottom: 6px;\">Text Pane<\/div>\n<div style=\"display: inline-block; max-width: 100%; box-sizing: border-box; background: #18B7A5; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 12px; margin-bottom: 8px;\">Panah kecil di sisi kiri SmartArt<\/div>\n<div style=\"font-size: 15px;\">Panel untuk mengetik isi bagan sebagai daftar berjenjang. Tab untuk turun level, Shift + Tab untuk naik level.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; min-width: 0; background: #EFEDFD; border: 2px solid #6C5CE7; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #4b3fc0; margin-bottom: 6px;\">Orientasi Landscape<\/div>\n<div style=\"display: inline-block; max-width: 100%; box-sizing: border-box; background: #6C5CE7; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 12px; margin-bottom: 8px;\">Layout \u2192 Orientation \u2192 Landscape<\/div>\n<div style=\"font-size: 15px;\">Mengubah halaman menjadi memanjang ke samping, cocok untuk bagan yang lebar.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; min-width: 0; background: #FFF6E3; border: 2px solid #F5A623; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #8f5b00; margin-bottom: 6px;\">Foto dalam Kotak<\/div>\n<div style=\"display: inline-block; max-width: 100%; box-sizing: border-box; background: #F5A623; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 12px; margin-bottom: 8px;\">Format \u2192 Shape Fill \u2192 Picture<\/div>\n<div style=\"font-size: 15px;\">Mengisi kotak dengan gambar. Alternatifnya, pakai model Picture Organization Chart yang sudah punya tempat foto.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; min-width: 0; background: #EAF2FE; border: 2px solid #2F80ED; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #1d5fbf; margin-bottom: 6px;\">Warna dan Gaya<\/div>\n<div style=\"display: inline-block; max-width: 100%; box-sizing: border-box; background: #2F80ED; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 12px; margin-bottom: 8px;\">SmartArt Design \u2192 Change Colors \/ SmartArt Styles<\/div>\n<div style=\"font-size: 15px;\">Mengganti skema warna dan gaya visual bagan agar menarik dan mudah dibaca.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; min-width: 0; background: #FFF0F0; border: 2px solid #FF6B6B; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #c23b3b; margin-bottom: 6px;\">Shapes dan Connector<\/div>\n<div style=\"display: inline-block; max-width: 100%; box-sizing: border-box; background: #FF6B6B; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 12px; margin-bottom: 8px;\">Insert \u2192 Shapes \u2192 Rectangle \/ Elbow Connector<\/div>\n<div style=\"font-size: 15px;\">Cara manual: kotak untuk jabatan dan garis siku untuk menghubungkan atasan dengan bawahan.<\/div>\n<\/div>\n<div style=\"flex: 1 1 250px; min-width: 0; background: #E6FAF7; border: 2px solid #18B7A5; border-radius: 14px; padding: 14px 16px;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 18px; color: #0b7a6d; margin-bottom: 6px;\">Group, Align, Distribute<\/div>\n<div style=\"display: inline-block; max-width: 100%; box-sizing: border-box; background: #18B7A5; color: #fff; font-size: 13px; font-weight: bold; padding: 2px 10px; border-radius: 12px; margin-bottom: 8px;\">Format \u2192 Group \/ Align<\/div>\n<div style=\"font-size: 15px;\">Menyatukan objek menjadi satu kesatuan, serta meratakan dan membagi jarak kotak pada satu level.<\/div>\n<\/div>\n<\/div>\n<div style=\"background: #FFF6E3; border: 2px solid #F5A623; border-radius: 14px; padding: 14px 18px; margin: 26px 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; color: #8f5b00; margin-bottom: 4px;\">\u275d Nilai Panca Cinta: Cinta Ilmu Pengetahuan<\/div>\n<div style=\"font-style: italic;\">Mengubah daftar nama menjadi bagan yang mudah dipahami adalah keterampilan menata informasi. Ilmu yang tertata akan lebih mudah dipahami dan dibagikan.<\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #4b3fc0; margin: 38px 0 14px; padding: 8px 16px; background: #EFEDFD; border: 0; border-left: 8px solid #6C5CE7; border-radius: 0 12px 12px 0; font-weight: bold;\">Data Latihan (Fiktif)<\/h2>\n<div style=\"margin-bottom: 12px;\">Gunakan data berikut sebagai bahan latihan. Seluruh nama bersifat <b>fiktif (rekaan)<\/b> dan hanya untuk latihan mengolah dokumen.<\/div>\n<div style=\"background: #EFEDFD; border: 2px solid #6C5CE7; border-radius: 14px; padding: 12px 16px; margin-bottom: 14px;\">\n<div style=\"font-weight: bold; color: #4b3fc0;\">Nama organisasi latihan<\/div>\n<div style=\"font-size: 18px; font-weight: bold; color: #1b365d;\">PT Cahaya Nusantara Digital<\/div>\n<\/div>\n<div style=\"border: 2px solid #6C5CE7; border-radius: 14px; overflow: hidden;\">\n<table style=\"width: 100%; border-collapse: collapse; font-size: 15px; margin: 0;\">\n<tbody>\n<tr>\n<th style=\"background: #6C5CE7!important; color: #fff!important; padding: 10px 8px; text-align: center; border: 0;\">No<\/th>\n<th style=\"background: #6C5CE7!important; color: #fff!important; padding: 10px 10px; text-align: left; border: 0;\">Nama Lengkap dan Jabatan<\/th>\n<th style=\"background: #6C5CE7!important; color: #fff!important; padding: 10px 6px; text-align: center; border: 0;\">Tingkatan<\/th>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">1<\/td>\n<td style=\"background: #fff; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Ahmad Zulkarnain, S.Kom<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Direktur Utama<\/span><\/td>\n<td style=\"background: #fff; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #F5A623; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Pimpinan<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">2<\/td>\n<td style=\"background: #F7F9FC; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Siti Nur Aini, S.T.<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Wakil Direktur<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #F5A623; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Pimpinan<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">3<\/td>\n<td style=\"background: #fff; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Bambang Prasetyo<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Manajer Keuangan<\/span><\/td>\n<td style=\"background: #fff; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #6C5CE7; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Manajerial<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">4<\/td>\n<td style=\"background: #F7F9FC; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Dewi Kartika Sari<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Manajer SDM<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #6C5CE7; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Manajerial<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">5<\/td>\n<td style=\"background: #fff; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Rizky Maulana<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Manajer Pemasaran<\/span><\/td>\n<td style=\"background: #fff; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #6C5CE7; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Manajerial<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">6<\/td>\n<td style=\"background: #F7F9FC; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Fitriani Rahmawati<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Manajer Operasional<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #6C5CE7; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Manajerial<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">7<\/td>\n<td style=\"background: #fff; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Andi Saputra<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Staf Keuangan<\/span><\/td>\n<td style=\"background: #fff; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #2F80ED; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Pelaksana<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">8<\/td>\n<td style=\"background: #F7F9FC; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Yuni Lestari<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Staf Keuangan<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #2F80ED; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Pelaksana<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">9<\/td>\n<td style=\"background: #fff; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Hendra Gunawan<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Staf SDM<\/span><\/td>\n<td style=\"background: #fff; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #2F80ED; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Pelaksana<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">10<\/td>\n<td style=\"background: #F7F9FC; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Putri Ayu<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Staf SDM<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #2F80ED; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Pelaksana<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">11<\/td>\n<td style=\"background: #fff; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Agus Setiawan<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Staf Pemasaran<\/span><\/td>\n<td style=\"background: #fff; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #2F80ED; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Pelaksana<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">12<\/td>\n<td style=\"background: #F7F9FC; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Nadia Permata<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Staf Pemasaran<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #2F80ED; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Pelaksana<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">13<\/td>\n<td style=\"background: #fff; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Dedi Kurniawan<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Staf Operasional<\/span><\/td>\n<td style=\"background: #fff; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #2F80ED; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Pelaksana<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 8px; border-bottom: 1px solid #E3E8F0; text-align: center; width: 36px; color: #5b6677;\">14<\/td>\n<td style=\"background: #F7F9FC; padding: 8px 10px; border-bottom: 1px solid #E3E8F0;\"><b>Sri Wahyuni<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Staf Operasional<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 8px 6px; border-bottom: 1px solid #E3E8F0; text-align: center;\"><span style=\"display: inline-block; background: #2F80ED; color: #fff; font-size: 12.5px; font-weight: bold; border-radius: 99px; padding: 2px 10px;\">Pelaksana<\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<div style=\"background: #FFF6E3; border: 2px solid #F5A623; border-radius: 14px; padding: 14px 18px; margin: 14px 0;\">\n<div style=\"font-weight: bold; color: #8f5b00; margin-bottom: 4px;\">\ud83d\udccc Urutan Hierarki<\/div>\n<div>Direktur Utama \u2192 Wakil Direktur \u2192 4 Manajer \u2192 8 Staf (2 staf untuk setiap manajer).<\/div>\n<\/div>\n<div style=\"background: #E6FAF7; border: 2px solid #18B7A5; border-radius: 14px; padding: 14px 18px; margin: 0 0 14px;\">\n<div style=\"font-weight: bold; color: #0b7a6d; margin-bottom: 4px;\">\ud83d\udcf7 Foto pada Tiap Kotak<\/div>\n<div>Pilih salah satu cara: (1) foto avatar atau siluet orang dari situs ikon gratis, (2) foto diri sendiri atau teman sekelas <b>dengan izin<\/b>, atau (3) kotak kosong bertuliskan inisial nama jika sekolah membatasi foto pribadi.<\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #8f5b00; margin: 38px 0 14px; padding: 8px 16px; background: #FFF6E3; border: 0; border-left: 8px solid #F5A623; border-radius: 0 12px 12px 0; font-weight: bold;\">Contoh Hasil<\/h2>\n<div style=\"margin-bottom: 14px;\">Berikut salah satu kemungkinan hasil akhir yang benar. Kamu tidak wajib meniru persis tata letaknya, selama seluruh data dan hierarki tercakup dengan benar.<\/div>\n<div style=\"background: #EFEDFD; border: 2px dashed #6C5CE7; padding: 12px; border-radius: 16px; text-align: center;\">\n<p><a href=\"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-content\/uploads\/2026\/10\/contoh-hasil-praktikum-5.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" style=\"max-width: 100%; height: auto; border: 1px solid #E3E8F0; background: #fff; border-radius: 8px;\" src=\"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-content\/uploads\/2026\/10\/contoh-hasil-praktikum-5.jpg\" alt=\"Contoh hasil bagan struktur organisasi PT Cahaya Nusantara Digital\" \/><\/a><\/p>\n<div style=\"font-size: 13px; color: #5b6677; margin-top: 8px;\">Ketuk gambar untuk memperbesar.<\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #1d5fbf; margin: 38px 0 14px; padding: 8px 16px; background: #EAF2FE; border: 0; border-left: 8px solid #2F80ED; border-radius: 0 12px 12px 0; font-weight: bold;\">Langkah Kerja<\/h2>\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 19px; color: #4b3fc0; margin: 4px 0 10px;\">Metode 1: SmartArt (disarankan)<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #FFF0F0; border-left: 6px solid #FF6B6B; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #FF6B6B; color: #fff; font-weight: bold; font-size: 18px;\">1<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #c23b3b; margin-bottom: 2px;\">Halaman Landscape<\/div>\n<div style=\"font-size: 15px;\">Buka Microsoft Word dan buat dokumen baru. Ubah orientasi lewat <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; -webkit-box-decoration-break: clone; box-decoration-break: clone;\">Layout \u2192 Orientation \u2192 Landscape<\/span>.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #E6FAF7; border-left: 6px solid #18B7A5; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #18B7A5; color: #fff; font-weight: bold; font-size: 18px;\">2<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #0b7a6d; margin-bottom: 2px;\">Sisipkan SmartArt<\/div>\n<div style=\"font-size: 15px;\">Klik <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; -webkit-box-decoration-break: clone; box-decoration-break: clone;\">Insert \u2192 SmartArt<\/span>, pilih kategori <b>Hierarchy<\/b>, lalu pilih model <b>Organization Chart<\/b>.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #EFEDFD; border-left: 6px solid #6C5CE7; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #6C5CE7; color: #fff; font-weight: bold; font-size: 18px;\">3<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #4b3fc0; margin-bottom: 2px;\">Buka Text Pane<\/div>\n<div style=\"font-size: 15px;\">Klik Text Pane (panah kecil di sisi kiri SmartArt) untuk mengetik nama dan jabatan sebagai daftar berjenjang. Gunakan <b>Tab<\/b> untuk turun level dan <b>Shift + Tab<\/b> untuk naik level.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #FFF6E3; border-left: 6px solid #F5A623; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #F5A623; color: #fff; font-weight: bold; font-size: 18px;\">4<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #8f5b00; margin-bottom: 2px;\">Ketik seluruh data<\/div>\n<div style=\"font-size: 15px;\">Ketik data sesuai urutan: Direktur Utama, Wakil Direktur, 4 Manajer, lalu 8 Staf (2 staf untuk setiap manajer).<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #EAF2FE; border-left: 6px solid #2F80ED; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #2F80ED; color: #fff; font-weight: bold; font-size: 18px;\">5<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #1d5fbf; margin-bottom: 2px;\">Tambah kotak bila kurang<\/div>\n<div style=\"font-size: 15px;\">Klik kanan pada kotak, pilih <b>Add Shape<\/b> jika jumlah kotak bawaan belum cukup.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #FFF0F0; border-left: 6px solid #FF6B6B; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #FF6B6B; color: #fff; font-weight: bold; font-size: 18px;\">6<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #c23b3b; margin-bottom: 2px;\">Tambahkan foto<\/div>\n<div style=\"font-size: 15px;\">Klik kotak, lalu <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; -webkit-box-decoration-break: clone; box-decoration-break: clone;\">Format \u2192 Shape Fill \u2192 Picture<\/span>. Atau pakai SmartArt bergaya <b>Picture Organization Chart<\/b> yang sudah memiliki tempat foto.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #E6FAF7; border-left: 6px solid #18B7A5; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #18B7A5; color: #fff; font-weight: bold; font-size: 18px;\">7<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #0b7a6d; margin-bottom: 2px;\">Atur warna dan gaya<\/div>\n<div style=\"font-size: 15px;\">Pilih <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; -webkit-box-decoration-break: clone; box-decoration-break: clone;\">SmartArt Design \u2192 Change Colors<\/span> dan gaya visual pada <b>SmartArt Styles<\/b>. Gunakan warna berbeda untuk tiap tingkatan agar mudah dibedakan.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #EFEDFD; border-left: 6px solid #6C5CE7; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #6C5CE7; color: #fff; font-weight: bold; font-size: 18px;\">8<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #4b3fc0; margin-bottom: 2px;\">Rapikan ukuran dan jarak<\/div>\n<div style=\"font-size: 15px;\">Sesuaikan ukuran kotak dan jarak antarkotak dengan menggeser (drag) tepinya sampai seluruh bagan muat dalam halaman.<\/div>\n<\/div>\n<\/div>\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 19px; color: #0b7a6d; margin: 22px 0 10px;\">Metode 2: Shapes dan Text Box (manual)<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #FFF0F0; border-left: 6px solid #FF6B6B; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #FF6B6B; color: #fff; font-weight: bold; font-size: 18px;\">1<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #c23b3b; margin-bottom: 2px;\">Sisipkan kotak jabatan<\/div>\n<div style=\"font-size: 15px;\">Pilih <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; -webkit-box-decoration-break: clone; box-decoration-break: clone;\">Insert \u2192 Shapes \u2192 Rectangle: Rounded Corners<\/span> untuk setiap jabatan, mulai dari level tertinggi di bagian atas halaman.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #E6FAF7; border-left: 6px solid #18B7A5; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #18B7A5; color: #fff; font-weight: bold; font-size: 18px;\">2<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #0b7a6d; margin-bottom: 2px;\">Ketik nama dan jabatan<\/div>\n<div style=\"font-size: 15px;\">Ketik nama dan jabatan di dalam setiap kotak (klik kanan kotak, lalu <b>Add Text<\/b>).<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #EFEDFD; border-left: 6px solid #6C5CE7; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #6C5CE7; color: #fff; font-weight: bold; font-size: 18px;\">3<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #4b3fc0; margin-bottom: 2px;\">Sisipkan foto<\/div>\n<div style=\"font-size: 15px;\">Sisipkan foto lewat <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; -webkit-box-decoration-break: clone; box-decoration-break: clone;\">Insert \u2192 Pictures<\/span>, atur ukuran agar proporsional, lalu kelompokkan (<b>Group<\/b>) foto dengan kotak dan teksnya.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #FFF6E3; border-left: 6px solid #F5A623; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #F5A623; color: #fff; font-weight: bold; font-size: 18px;\">4<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #8f5b00; margin-bottom: 2px;\">Hubungkan dengan garis<\/div>\n<div style=\"font-size: 15px;\">Hubungkan tiap kotak dengan kotak di bawahnya memakai <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; -webkit-box-decoration-break: clone; box-decoration-break: clone;\">Insert \u2192 Shapes \u2192 Elbow Connector<\/span> agar hierarki terlihat jelas.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #EAF2FE; border-left: 6px solid #2F80ED; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #2F80ED; color: #fff; font-weight: bold; font-size: 18px;\">5<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #1d5fbf; margin-bottom: 2px;\">Ratakan posisi<\/div>\n<div style=\"font-size: 15px;\">Gunakan <span style=\"background: #fff; color: #1b365d; border: 1px solid #E3E8F0; font-weight: bold; padding: 1px 7px; border-radius: 6px; white-space: normal; overflow-wrap: anywhere; -webkit-box-decoration-break: clone; box-decoration-break: clone;\">Format \u2192 Align<\/span> dan <b>Distribute<\/b> agar kotak pada satu level sejajar dan berjarak sama.<\/div>\n<\/div>\n<\/div>\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 19px; color: #8f5b00; margin: 22px 0 10px;\">Langkah Akhir (untuk kedua metode)<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #FFF0F0; border-left: 6px solid #FF6B6B; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #FF6B6B; color: #fff; font-weight: bold; font-size: 18px;\">1<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #c23b3b; margin-bottom: 2px;\">Judul bagan<\/div>\n<div style=\"font-size: 15px;\">Di atas bagan, ketik \u201cSTRUKTUR ORGANISASI\u201d dan \u201cPT CAHAYA NUSANTARA DIGITAL\u201d dengan format <b>Bold<\/b> dan rata Center.<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #E6FAF7; border-left: 6px solid #18B7A5; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #18B7A5; color: #fff; font-weight: bold; font-size: 18px;\">2<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #0b7a6d; margin-bottom: 2px;\">Tanda pembuat<\/div>\n<div style=\"font-size: 15px;\">Di bawah bagan, ketik \u201cDibuat Oleh : Nama Anda \/ Kelas\u201d dengan <b>namamu sendiri<\/b>, atur rata kanan (Align Right).<\/div>\n<\/div>\n<\/div>\n<div style=\"display: flex; gap: 14px; align-items: flex-start; background: #EFEDFD; border-left: 6px solid #6C5CE7; border-radius: 12px; padding: 14px; margin-bottom: 12px;\">\n<div style=\"flex: 0 0 40px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 12px; background: #6C5CE7; color: #fff; font-weight: bold; font-size: 18px;\">3<\/div>\n<div style=\"flex: 1 1 0; min-width: 0; overflow-wrap: break-word;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; font-size: 17px; color: #4b3fc0; margin-bottom: 2px;\">Simpan dokumen<\/div>\n<div style=\"font-size: 15px;\">Simpan dengan format nama <b>NamaLengkap_Kelas_Praktikum5.docx<\/b>, contoh: AndiPratama_XI-1_Praktikum5.docx. Kumpulkan melalui link atau aplikasi yang diinformasikan guru.<\/div>\n<\/div>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #c23b3b; margin: 38px 0 14px; padding: 8px 16px; background: #FFF0F0; border: 0; border-left: 8px solid #FF6B6B; border-radius: 0 12px 12px 0; font-weight: bold;\">Rubrik Penilaian<\/h2>\n<div style=\"border: 2px solid #6C5CE7; border-radius: 14px; overflow: hidden;\">\n<table style=\"width: 100%; border-collapse: collapse; font-size: 15px; margin: 0;\">\n<tbody>\n<tr>\n<th style=\"background: #6C5CE7!important; color: #fff!important; padding: 10px 12px; text-align: left; border: 0;\">Aspek yang dinilai<\/th>\n<th style=\"background: #6C5CE7!important; color: #fff!important; padding: 10px 8px; text-align: center; border: 0;\">Skor<\/th>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Kelengkapan data<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Seluruh 14 jabatan tercantum sesuai data<\/span><\/td>\n<td style=\"background: #fff; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #FF6B6B; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">25<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Struktur hierarki<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Urutan atasan-bawahan benar dan garis penghubung jelas<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #18B7A5; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">25<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Penyisipan dan tata letak foto<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Foto tersisip rapi, ukuran proporsional, tidak terpotong<\/span><\/td>\n<td style=\"background: #fff; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #6C5CE7; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">20<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #F7F9FC; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Format dan estetika teks<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Font, ukuran, dan warna konsisten serta mudah dibaca<\/span><\/td>\n<td style=\"background: #F7F9FC; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #F5A623; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">15<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #fff; padding: 10px 12px; border-bottom: 1px solid #E3E8F0; vertical-align: top;\"><b>Kerapian dan tata letak halaman<\/b><br \/>\n<span style=\"font-size: 13px; color: #5b6677;\">Bagan seimbang dan tidak keluar margin halaman<\/span><\/td>\n<td style=\"background: #fff; padding: 10px 8px; border-bottom: 1px solid #E3E8F0; text-align: center; vertical-align: top; width: 64px;\"><span style=\"display: inline-block; background: #2F80ED; color: #fff; font-weight: bold; border-radius: 99px; padding: 2px 12px;\">15<\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"background: #EFEDFD; padding: 10px 12px; text-align: right; border: 0;\"><b>TOTAL<\/b><\/td>\n<td style=\"background: #EFEDFD; padding: 10px 8px; text-align: center; font-weight: bold; color: #4b3fc0; border: 0;\">100<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<h2 style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-size: 23px; line-height: 1.3; color: #0b7a6d; margin: 38px 0 14px; padding: 8px 16px; background: #E6FAF7; border: 0; border-left: 8px solid #18B7A5; border-radius: 0 12px 12px 0; font-weight: bold;\">Mentok? Cek di Sini<\/h2>\n<div style=\"font-size: 14px; color: #5b6677; margin-bottom: 12px;\">Ketuk salah satu pertanyaan untuk melihat jawabannya.<\/div>\n<details style=\"background: #FFF0F0; border-left: 6px solid #FF6B6B; border-radius: 10px; margin-bottom: 10px; overflow: hidden;\">\n<summary style=\"cursor: pointer; padding: 10px 14px; font-weight: bold; color: #c23b3b;\">\ud83d\udca1 SmartArt tidak muncul di menu Insert?<\/summary>\n<div style=\"font-size: 15px; padding: 0 14px 12px;\">Pastikan kamu memakai Microsoft Word versi desktop, bukan aplikasi yang terbatas. Jika belum bisa, gunakan Metode 2 dengan Shapes.<\/div>\n<\/details>\n<details style=\"background: #E6FAF7; border-left: 6px solid #18B7A5; border-radius: 10px; margin-bottom: 10px; overflow: hidden;\">\n<summary style=\"cursor: pointer; padding: 10px 14px; font-weight: bold; color: #0b7a6d;\">\ud83d\udca1 Kotak kurang dari jumlah jabatan?<\/summary>\n<div style=\"font-size: 15px; padding: 0 14px 12px;\">Klik kanan pada kotak yang dekat, pilih Add Shape, lalu pilih posisinya (Add Shape After\/Below) sesuai tingkatannya.<\/div>\n<\/details>\n<details style=\"background: #EFEDFD; border-left: 6px solid #6C5CE7; border-radius: 10px; margin-bottom: 10px; overflow: hidden;\">\n<summary style=\"cursor: pointer; padding: 10px 14px; font-weight: bold; color: #4b3fc0;\">\ud83d\udca1 Foto tidak pas di dalam kotak?<\/summary>\n<div style=\"font-size: 15px; padding: 0 14px 12px;\">Gunakan Format \u2192 Crop atau atur ukuran kotak. Untuk foto yang sama dipakai berulang, salin kotak yang sudah rapi.<\/div>\n<\/details>\n<details style=\"background: #FFF6E3; border-left: 6px solid #F5A623; border-radius: 10px; margin-bottom: 10px; overflow: hidden;\">\n<summary style=\"cursor: pointer; padding: 10px 14px; font-weight: bold; color: #8f5b00;\">\ud83d\udca1 Bagan keluar dari margin halaman?<\/summary>\n<div style=\"font-size: 15px; padding: 0 14px 12px;\">Pastikan orientasi Landscape, lalu kecilkan ukuran huruf dan lebar kotak, atau tarik sudut SmartArt agar lebih kecil.<\/div>\n<\/details>\n<details style=\"background: #EAF2FE; border-left: 6px solid #2F80ED; border-radius: 10px; margin-bottom: 10px; overflow: hidden;\">\n<summary style=\"cursor: pointer; padding: 10px 14px; font-weight: bold; color: #1d5fbf;\">\ud83d\udca1 Garis penghubung terlepas saat kotak digeser?<\/summary>\n<div style=\"font-size: 15px; padding: 0 14px 12px;\">Pada Metode 2, pakai Elbow Connector dan tempelkan ujungnya ke titik biru pada tepi kotak, agar garis ikut bergerak.<\/div>\n<\/details>\n<div style=\"background: #FFF0F0; border: 2px solid #FF6B6B; border-radius: 14px; padding: 14px 18px; margin: 26px 0;\">\n<div style=\"font-family: 'Trebuchet MS','Segoe UI',Roboto,Arial,sans-serif; font-weight: bold; color: #c23b3b; margin-bottom: 4px;\">\u275d Cinta Allah dan Rasul-Nya<\/div>\n<div style=\"font-style: italic;\">Setiap jabatan adalah amanah yang kelak dimintai pertanggungjawaban. Mulailah dengan niat baik, bekerja jujur, dan bersyukur atas peran yang dipercayakan.<\/div>\n<\/div>\n<div style=\"text-align: center; margin: 30px 0 10px;\"><a style=\"display: inline-block; background: #1B365D; color: #f6e7a8; border: 2px solid #D4AF37; padding: 14px 30px; border-radius: 99px; font-weight: bold; text-decoration: none; text-align: center; box-shadow: 0 3px 0 #0F2342;\" href=\"https:\/\/man2kulonprogo.sch.id\/m2kp\/2023\/08\/30\/informatika-kelas-xi\/#bab4\">\u2190 Kembali ke Daftar Materi Bab 4<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Informatika Kelas XI \u00b7 Bab 4 \u00b7 Praktikum 5 Struktur Organisasi dengan SmartArt dan Shapes Latihan membuat bagan struktur organisasi yang rapi: hierarki jabatan, foto pada tiap kotak, warna yang jelas, dan garis penghubung yang tertata. Pengampu: Zuli Irawanto, ST \u275d Nilai Panca Cinta: Cinta Diri dan Sesama Organisasi berjalan baik ketika setiap orang memahami &hellip;<\/p>\n","protected":false},"author":1,"featured_media":21459,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1128,1588],"tags":[],"class_list":["post-21458","post","type-post","status-publish","format-standard","has-post-thumbnail","","category-informatika","category-informatika-kelas-xi"],"_links":{"self":[{"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/posts\/21458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/comments?post=21458"}],"version-history":[{"count":0,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/posts\/21458\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/media\/21459"}],"wp:attachment":[{"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/media?parent=21458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/categories?post=21458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/man2kulonprogo.sch.id\/m2kp\/wp-json\/wp\/v2\/tags?post=21458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}