{"id":19,"date":"2025-11-10T18:21:21","date_gmt":"2025-11-10T11:21:21","guid":{"rendered":"https:\/\/iptar.ac.id\/?page_id=19"},"modified":"2026-08-24T22:46:28","modified_gmt":"2026-08-24T15:46:28","slug":"berita","status":"publish","type":"page","link":"https:\/\/iptar.ac.id\/index.php\/berita\/","title":{"rendered":"Berita"},"content":{"rendered":"\t\t
\n\t\t\t\t
\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
\n\t\t\t\t\t\t\t
\t\t\t\t\t\t\t
\n\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t\t <\/path><\/svg> \n\t\t\t\t\t\t\t\t\t\t\t<\/span>\t\n\t\t\t\t Latest News\t\t\t\t<\/div>\n\t \n\t\t\t
\n\t\t\t\t\t\t\t\t \ud83d\udd4a\ufe0f INNA LILL\u0100HI WA INN\u0100 ILAIHI R\u0100JI\u2018\u016aN<\/a>\n\t\t \t\t\t\t\t\t\n\t\t\t\t\t\t <\/path><\/svg>\t\n\t\t\t\t\t\t<\/span> \t\n\t\t\t\t\t\t\t\t\t\t \u2728 PELANTIKAN & SEMINAR PK IMM FATIMAH AZ-ZAHRA \u2728<\/a>\n\t\t \t\t\t\t\t\t\n\t\t\t\t\t\t <\/path><\/svg>\t\n\t\t\t\t\t\t<\/span> \t\n\t\t\t\t\t\t\t\t\t\t \ud83c\uddee\ud83c\udde9 DIRGAHAYU REPUBLIK INDONESIA KE-81 \ud83c\uddee\ud83c\udde9<\/a>\n\t\t \t\t\t\t\t\t\n\t\t\t\t\t\t <\/path><\/svg>\t\n\t\t\t\t\t\t<\/span> \t\n\t\t\t\t\t\t\t\t\t\t PKKMB IPTAR TA.2025-2026<\/a>\n\t\t \t\t\t\t\t\t\n\t\t\t\t\t\t <\/path><\/svg>\t\n\t\t\t\t\t\t<\/span> \t\n\t\t\t\t\t\t\t\t\t\t Teken MoU Kerjasama Internasional dengan KBRI Malaysia<\/a>\n\t\t \t\t\t\t\t\t\n\t\t\t\t\t\t <\/path><\/svg>\t\n\t\t\t\t\t\t<\/span> \t\n\t\t\t\t\t\t\t\t\t\t Latih Public Speaking Anak Panti Asuhan Putri \u2018Aisyiyah Wilayah Riau<\/a>\n\t\t \t\t\t\t\t\t\n\t\t\t\t\t\t <\/path><\/svg>\t\n\t\t\t\t\t\t<\/span> \t\n\t\t\t\t\t\t\t\t<\/div>\t\t\t\n <\/div>\n \t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n
\n\n \n
<\/div>\n
<\/div>\n\n
\n\n \n\n
\n\n
\n \n\n \n\n <\/path>\n\n <\/path>\n\n <\/svg>\n\n <\/span>\n\n KABAR KAMPUS\n <\/div>\n\n\n
\n\n
\n\n

\n\n Berita\n IPTAR<\/span>\n\n <\/h1>\n\n

\n\n Informasi terbaru seputar kegiatan akademik,\n prestasi, penelitian, pengabdian, kemahasiswaan,\n kerja sama, dan perkembangan Institut Pendidikan\n dan Teknologi 'Aisyiyah Riau.\n\n <\/p>\n\n <\/div>\n\n\n

\n\n <\/span>\n\n Update Informasi Kampus\n\n <\/div>\n\n <\/div>\n\n <\/header>\n\n\n \n\n
\n\n
\n\n <\/span>\n\n
\n\n \n PILIHAN REDAKSI\n <\/span>\n\n

\n Berita Terkini\n <\/h2>\n\n <\/div>\n\n <\/div>\n\n\n \n\n Lihat Semua\n\n \n\n <\/line>\n\n <\/polyline>\n\n <\/svg>\n\n <\/a>\n\n <\/div>\n\n\n \n\n
\n\n \n
\n\n
\n\n
<\/div>\n\n <\/div>\n\n <\/div>\n\n\n \n
\n\n
\n\n
<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n \n\n
\n\n
\n\n
\n\n <\/span>\n\n
\n\n \n INFORMASI IPTAR\n <\/span>\n\n

\n Semua Berita\n <\/h2>\n\n <\/div>\n\n <\/div>\n\n\n \n\n
\n\n \n\n <\/circle>\n\n <\/line>\n\n <\/svg>\n\n\n \n\n <\/div>\n\n <\/div>\n\n\n \n\n
\n\n \n\n Semua\n\n <\/button>\n\n <\/div>\n\n\n \n\n
\n\n \n\n <\/div>\n\n\n \n\n
\n\n
\n\n \n\n <\/circle>\n\n <\/line>\n\n <\/svg>\n\n <\/div>\n\n

\n Berita tidak ditemukan\n <\/h3>\n\n

\n Coba gunakan kata kunci atau kategori yang berbeda.\n <\/p>\n\n <\/div>\n\n\n \n\n

\n\n \n\n \n Muat Berita Lainnya\n <\/span>\n\n \n\n <\/polyline>\n\n <\/svg>\n\n <\/button>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n\n\n\n
\n IPTAR<\/span>\n <\/div>\n `;\n\n}\n\n\n\n\/* =========================================================\n MAIN HEADLINE\n========================================================= *\/\n\nfunction renderMainHeadline(post) {\n\n if (!post) return;\n\n\n const image =\n getImage(post);\n\n\n const category =\n getPostCategory(post);\n\n\n const title =\n decodeHTML(\n post.title.rendered\n );\n\n\n mainHeadline.innerHTML = `\n\n \n\n ${imageHTML(\n image,\n 'iptar-main-image'\n )}\n\n
<\/div>\n\n\n
\n\n \n\n ${category}\n\n <\/span>\n\n\n

\n\n ${title}\n\n <\/h2>\n\n\n
\n\n \n\n \n\n <\/circle>\n\n <\/polyline>\n\n <\/svg>\n\n ${formatDate(post.date)}\n\n <\/span>\n\n\n \n \u2022\n <\/span>\n\n\n \n\n Baca Berita\n\n \n\n <\/line>\n\n <\/polyline>\n\n <\/svg>\n\n <\/span>\n\n <\/div>\n\n <\/div>\n\n <\/a>\n\n `;\n\n}\n\n\n\n\/* =========================================================\n SECONDARY NEWS\n========================================================= *\/\n\nfunction renderSecondary(posts) {\n\n secondaryNews.innerHTML = '';\n\n\n posts.forEach(\n function(post) {\n\n const image =\n getImage(post);\n\n\n const category =\n getPostCategory(post);\n\n\n const title =\n decodeHTML(\n post.title.rendered\n );\n\n\n const item =\n document.createElement(\n 'a'\n );\n\n\n item.href =\n post.link;\n\n\n item.className =\n 'iptar-secondary-card';\n\n\n item.innerHTML = `\n\n
\n\n ${imageHTML(\n image,\n 'iptar-secondary-image'\n )}\n\n <\/div>\n\n\n
\n\n \n\n ${category}\n\n <\/span>\n\n\n

\n\n ${title}\n\n <\/h3>\n\n\n \n\n ${formatDate(post.date)}\n\n <\/span>\n\n <\/div>\n\n `;\n\n\n secondaryNews.appendChild(\n item\n );\n\n }\n );\n\n}\n\n\n\n\/* =========================================================\n CARD BERITA\n========================================================= *\/\n\nfunction createNewsCard(post) {\n\n const article =\n document.createElement(\n 'article'\n );\n\n\n article.className =\n 'iptar-news-card';\n\n\n const image =\n getImage(post);\n\n\n const category =\n getPostCategory(post);\n\n\n const title =\n decodeHTML(\n post.title.rendered\n );\n\n\n let excerpt =\n stripHTML(\n post.excerpt.rendered\n );\n\n\n if (\n excerpt.length > 155\n ) {\n\n excerpt =\n excerpt.substring(\n 0,\n 155\n ) + '...';\n\n }\n\n\n article.innerHTML = `\n\n \n <\/a>\n\n\n
\n\n ${imageHTML(\n image,\n 'iptar-card-image'\n )}\n\n\n \n\n ${category}\n\n <\/span>\n\n <\/div>\n\n\n
\n\n
\n\n \n\n \n <\/rect>\n\n \n <\/line>\n\n \n <\/line>\n\n \n <\/line>\n\n <\/svg>\n\n ${formatDate(post.date)}\n\n <\/div>\n\n\n

\n\n ${title}\n\n <\/h3>\n\n\n

\n\n ${excerpt}\n\n <\/p>\n\n\n

\n\n Baca Selengkapnya\n\n \n\n \n <\/line>\n\n \n <\/polyline>\n\n <\/svg>\n\n <\/div>\n\n <\/div>\n\n `;\n\n\n return article;\n\n}\n\n\n\n\/* =========================================================\n LOAD HEADLINE\n========================================================= *\/\n\nasync function loadHeadline() {\n\n try {\n\n const response =\n await fetch(\n\n API_BASE +\n 'posts' +\n '?per_page=' +\n HEADLINE_COUNT +\n '&_embed=1'\n\n );\n\n\n if (!response.ok) {\n\n throw new Error(\n 'REST API Error'\n );\n\n }\n\n\n const posts =\n await response.json();\n\n\n if (!posts.length) {\n\n mainHeadline.innerHTML =\n '

Belum ada berita.<\/p>';\n\n secondaryNews.innerHTML = '';\n\n return;\n\n }\n\n\n renderMainHeadline(\n posts[0]\n );\n\n\n renderSecondary(\n posts.slice(1,5)\n );\n\n }\n\n catch (error) {\n\n console.error(\n 'Gagal mengambil headline:',\n error\n );\n\n\n mainHeadline.innerHTML = `\n\n

\n\n Berita belum dapat dimuat.\n\n <\/div>\n\n `;\n\n\n secondaryNews.innerHTML = '';\n\n }\n\n}\n\n\n\n\/* =========================================================\n LOAD CATEGORY\n========================================================= *\/\n\nasync function loadCategories() {\n\n try {\n\n const response =\n await fetch(\n\n API_BASE +\n 'categories' +\n '?per_page=50' +\n '&hide_empty=true'\n\n );\n\n\n if (!response.ok) {\n\n return;\n\n }\n\n\n const categories =\n await response.json();\n\n\n categories.forEach(\n function(category) {\n\n \/*\n kategori Uncategorized\n tidak ditampilkan\n *\/\n\n if (\n category.slug ===\n 'uncategorized'\n ) {\n\n return;\n\n }\n\n\n const button =\n document.createElement(\n 'button'\n );\n\n\n button.className =\n 'iptar-category-btn';\n\n\n button.dataset.category =\n category.id;\n\n\n button.textContent =\n category.name;\n\n\n categoryFilter.appendChild(\n button\n );\n\n }\n );\n\n\n bindCategoryButtons();\n\n }\n\n catch(error) {\n\n console.warn(\n 'Kategori tidak dapat dimuat',\n error\n );\n\n }\n\n}\n\n\n\n\/* =========================================================\n BUILD QUERY\n========================================================= *\/\n\nfunction buildPostURL() {\n\n const params =\n new URLSearchParams();\n\n\n params.set(\n 'per_page',\n POSTS_PER_LOAD\n );\n\n\n params.set(\n 'offset',\n currentOffset\n );\n\n\n params.set(\n '_embed',\n '1'\n );\n\n\n if (\n activeCategory !==\n 'all'\n ) {\n\n params.set(\n 'categories',\n activeCategory\n );\n\n }\n\n\n if (\n searchKeyword\n ) {\n\n params.set(\n 'search',\n searchKeyword\n );\n\n }\n\n\n return (\n API_BASE +\n 'posts?' +\n params.toString()\n );\n\n}\n\n\n\n\/* =========================================================\n LOAD GRID\n========================================================= *\/\n\nasync function loadNews(\n reset = false\n) {\n\n if (isLoading) return;\n\n\n isLoading = true;\n\n\n if (reset) {\n\n newsGrid.innerHTML = '';\n\n \/*\n Saat filter\/search aktif,\n jangan skip headline.\n *\/\n\n currentOffset =\n (\n activeCategory === 'all' &&\n !searchKeyword\n )\n ?\n HEADLINE_COUNT\n :\n 0;\n\n\n hasMore = true;\n\n }\n\n\n loadMoreBtn.disabled = true;\n\n loadMoreBtn\n .querySelector('span')\n .textContent =\n 'Memuat Berita...';\n\n\n try {\n\n const response =\n await fetch(\n buildPostURL()\n );\n\n\n if (!response.ok) {\n\n throw new Error(\n 'Gagal mengambil post'\n );\n\n }\n\n\n const posts =\n await response.json();\n\n\n if (\n reset &&\n posts.length === 0\n ) {\n\n emptyBox.style.display =\n 'block';\n\n } else {\n\n emptyBox.style.display =\n 'none';\n\n }\n\n\n posts.forEach(\n function(post) {\n\n newsGrid.appendChild(\n createNewsCard(post)\n );\n\n }\n );\n\n\n currentOffset +=\n posts.length;\n\n\n if (\n posts.length <\n POSTS_PER_LOAD\n ) {\n\n hasMore =\n false;\n\n }\n\n\n loadMoreBtn.style.display =\n hasMore &&\n posts.length\n ?\n 'inline-flex'\n :\n 'none';\n\n }\n\n catch(error) {\n\n console.error(\n 'Gagal mengambil berita:',\n error\n );\n\n }\n\n\n finally {\n\n isLoading =\n false;\n\n\n loadMoreBtn.disabled =\n false;\n\n\n loadMoreBtn\n .querySelector('span')\n .textContent =\n 'Muat Berita Lainnya';\n\n }\n\n}\n\n\n\n\/* =========================================================\n CATEGORY EVENT\n========================================================= *\/\n\nfunction bindCategoryButtons() {\n\n const buttons =\n categoryFilter\n .querySelectorAll(\n '.iptar-category-btn'\n );\n\n\n buttons.forEach(\n function(button) {\n\n button.onclick =\n function() {\n\n buttons.forEach(\n function(item) {\n\n item.classList.remove(\n 'active'\n );\n\n }\n );\n\n\n button.classList.add(\n 'active'\n );\n\n\n activeCategory =\n button.dataset.category;\n\n\n loadNews(true);\n\n };\n\n }\n );\n\n}\n\n\n\n\/* =========================================================\n SEARCH\n========================================================= *\/\n\nlet searchTimer;\n\n\nsearchInput.addEventListener(\n 'input',\n function() {\n\n clearTimeout(\n searchTimer\n );\n\n\n searchTimer =\n setTimeout(\n\n function() {\n\n searchKeyword =\n searchInput\n .value\n .trim();\n\n\n loadNews(true);\n\n },\n\n 500\n\n );\n\n }\n);\n\n\n\n\/* =========================================================\n LOAD MORE\n========================================================= *\/\n\nloadMoreBtn.addEventListener(\n 'click',\n function() {\n\n if (\n hasMore &&\n !isLoading\n ) {\n\n loadNews(false);\n\n }\n\n }\n);\n\n\n\n\/* =========================================================\n INITIALIZE\n========================================================= *\/\n\nasync function init() {\n\n await Promise.all([\n\n loadHeadline(),\n\n loadCategories()\n\n ]);\n\n\n \/*\n Bind tombol \"Semua\"\n meskipun kategori gagal dimuat.\n *\/\n\n bindCategoryButtons();\n\n\n await loadNews(true);\n\n}\n\n\ninit();\n\n\n})();\n\n<\/script>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n
\n\n
<\/div>\n
<\/div>\n\n
\n\n\n \n\n
\n\n
\n\n
\n\n \n\n \n\n \n <\/rect>\n\n \n <\/circle>\n\n \n <\/circle>\n\n <\/svg>\n\n <\/span>\n\n SOSIAL MEDIA IPTAR\n\n <\/div>\n\n\n

\n\n Kehidupan Kampus di\n Instagram<\/span>\n\n <\/h2>\n\n\n

\n\n Ikuti berbagai kegiatan, prestasi,\n aktivitas mahasiswa, kerja sama,\n akademik dan kabar terbaru\n Institut Pendidikan dan Teknologi\n 'Aisyiyah Riau.\n\n <\/p>\n\n <\/div>\n\n\n\n \n\n

\n\n
\n\n
\n\n IPTAR<\/span>\n\n <\/div>\n\n <\/div>\n\n\n
\n\n \n\n @kampus.iptar\n\n \n\n \n\n \n \n <\/path>\n\n <\/svg>\n\n <\/span>\n\n <\/strong>\n\n \n Instagram Resmi IPTAR\n <\/span>\n\n <\/div>\n\n\n \n\n Ikuti\n\n \n\n \n <\/line>\n\n \n <\/polyline>\n\n <\/svg>\n\n <\/a>\n\n <\/div>\n\n <\/div>\n\n\n\n \n\n \n\n <\/span>\n\n

\n Mengambil posting terbaru\n @kampus.iptar...\n <\/p>\n\n <\/div>\n\n\n\n \n\n \n <\/div>\n\n\n\n \n\n \n\n

\n\n \n\n \n <\/rect>\n\n \n <\/circle>\n\n \n <\/circle>\n\n <\/svg>\n\n <\/div>\n\n

\n Instagram IPTAR\n <\/h3>\n\n

\n\n Feed Instagram belum dapat ditampilkan.\n\n <\/p>\n\n \n\n Buka Instagram IPTAR\n\n <\/a>\n\n <\/div>\n\n\n\n \n\n

\n\n
\n\n <\/span>\n\n Konten terbaru dari\n Instagram resmi IPTAR\n\n <\/div>\n\n\n \n\n Lihat Semua di Instagram\n\n \n\n \n <\/line>\n\n \n <\/polyline>\n\n <\/svg>\n\n <\/a>\n\n <\/div>\n\n <\/div>\n\n\n\n