{"id":112,"date":"2023-04-14T07:24:56","date_gmt":"2023-04-14T00:24:56","guid":{"rendered":"https:\/\/bis-jkt.telkomuniversity.ac.id\/?page_id=112"},"modified":"2026-07-31T11:46:01","modified_gmt":"2026-07-31T04:46:01","slug":"berita-kegiatan-sistem-informasi","status":"publish","type":"page","link":"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/berita-kegiatan-sistem-informasi\/","title":{"rendered":"Berita &#038; Kegiatan"},"content":{"rendered":"<div class=\"wpb-content-wrapper\" id=\"wpb-content-root\">\t\t<div class=\"u_row\">\n        \t<div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-9\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');\n\n  .telyu-clean-wrapper {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto 50px auto;\n    padding: 10px;\n    box-sizing: border-box;\n  }\n\n  .telyu-clean-header {\n    text-align: center;\n    max-width: 700px;\n    margin: 0 auto 40px auto;\n  }\n\n  .telyu-clean-badge {\n    display: inline-block;\n    background: rgba(159, 21, 33, 0.08);\n    border: 1px solid rgba(159, 21, 33, 0.2);\n    color: #9f1521;\n    padding: 6px 16px;\n    border-radius: 100px;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    margin-bottom: 14px;\n  }\n\n  .telyu-clean-title {\n    font-size: 38px;\n    font-weight: 800;\n    color: #0f172a;\n    line-height: 1.2;\n    margin: 0 0 16px 0;\n    letter-spacing: -1px;\n  }\n\n  .telyu-clean-search-wrap {\n    position: relative;\n    max-width: 480px;\n    margin: 24px auto 0 auto;\n  }\n\n  .telyu-clean-search-input {\n    width: 100%;\n    background: #ffffff;\n    border: 1px solid #cbd5e1;\n    padding: 14px 20px;\n    padding-right: 110px;\n    border-radius: 100px;\n    color: #0f172a;\n    font-size: 14px;\n    outline: none;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n    transition: all 0.3s ease;\n    box-sizing: border-box;\n  }\n\n  .telyu-clean-search-input:focus {\n    border-color: #9f1521;\n    box-shadow: 0 6px 25px rgba(159, 21, 33, 0.15);\n  }\n\n  .telyu-clean-search-btn {\n    position: absolute;\n    right: 5px;\n    top: 5px;\n    bottom: 5px;\n    background: #9f1521;\n    border: none;\n    color: #ffffff;\n    padding: 0 20px;\n    border-radius: 100px;\n    font-weight: 700;\n    font-size: 12px;\n    cursor: pointer;\n    transition: background 0.2s ease, transform 0.2s ease;\n  }\n\n  .telyu-clean-search-btn:hover {\n    background: #700c15;\n    transform: scale(1.02);\n  }\n\n  .telyu-clean-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 28px;\n    margin-bottom: 40px;\n  }\n\n  .telyu-clean-card {\n    position: relative;\n    height: 380px;\n    border-radius: 20px;\n    overflow: hidden;\n    text-decoration: none;\n    background: rgba(255, 255, 255, 0.85);\n    border: 1px solid rgba(226, 232, 240, 0.8);\n    backdrop-filter: blur(12px);\n    -webkit-backdrop-filter: blur(12px);\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\n    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n  }\n\n  .telyu-clean-card:hover {\n    transform: translateY(-8px);\n    border-color: rgba(159, 21, 33, 0.4);\n    box-shadow: 0 20px 40px rgba(159, 21, 33, 0.12);\n  }\n\n  .telyu-clean-card-img {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .telyu-clean-card:hover .telyu-clean-card-img {\n    transform: scale(1.06);\n  }\n\n  .telyu-clean-card-overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(15, 23, 42, 0.75) 70%, rgba(15, 23, 42, 0.95) 100%);\n  }\n\n  .telyu-clean-card-body {\n    position: relative;\n    z-index: 2;\n    padding: 24px;\n  }\n\n  .telyu-clean-card-date {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n    color: #ffffff;\n    background: #9f1521;\n    padding: 4px 12px;\n    border-radius: 100px;\n    margin-bottom: 10px;\n    box-shadow: 0 4px 10px rgba(159, 21, 33, 0.3);\n  }\n\n  .telyu-clean-card-title {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 700;\n    line-height: 1.4;\n    color: #ffffff;\n    letter-spacing: -0.2px;\n  }\n\n  .telyu-clean-pagination {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n  }\n\n  .telyu-clean-page-btn {\n    background: #ffffff;\n    border: 1px solid #cbd5e1;\n    color: #0f172a;\n    padding: 10px 24px;\n    border-radius: 100px;\n    cursor: pointer;\n    font-weight: 700;\n    font-size: 12px;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);\n  }\n\n  .telyu-clean-page-btn:hover:not(:disabled) {\n    background: #9f1521;\n    color: #ffffff;\n    border-color: #9f1521;\n    box-shadow: 0 6px 20px rgba(159, 21, 33, 0.25);\n  }\n\n  .telyu-clean-page-btn:disabled {\n    opacity: 0.35;\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  .telyu-clean-page-info {\n    font-size: 13px;\n    color: #64748b;\n    font-weight: 600;\n  }\n\n  @media (max-width: 640px) {\n    .telyu-clean-title { font-size: 28px; }\n    .telyu-clean-grid { grid-template-columns: 1fr; }\n    .telyu-clean-card { height: 340px; }\n  }\n<\/style>\n\n<div class=\"telyu-clean-wrapper\">\n  \n  <div class=\"telyu-clean-header\">\n    <span class=\"telyu-clean-badge\">\ud83d\udd25 News Feed<\/span>\n    <h1 class=\"telyu-clean-title\">Berita & Informasi<\/h1>\n    \n    <div class=\"telyu-clean-search-wrap\">\n      <input type=\"text\" id=\"telyu-clean-search-input\" class=\"telyu-clean-search-input\" placeholder=\"Cari topik atau kata kunci...\">\n      <button id=\"telyu-clean-search-btn\" class=\"telyu-clean-search-btn\">CARI<\/button>\n    <\/div>\n  <\/div>\n\n  <div id=\"telyu-clean-grid-content\" class=\"telyu-clean-grid\">\n    <div style=\"grid-column: 1\/-1; text-align: center; padding: 50px; color: #64748b;\">\u23f3 Memuat berita...<\/div>\n  <\/div>\n\n  <div class=\"telyu-clean-pagination\">\n    <button id=\"telyu-clean-prev-btn\" class=\"telyu-clean-page-btn\" disabled>&larr; SEBELUMNYA<\/button>\n    <span id=\"telyu-clean-page-info\" class=\"telyu-clean-page-info\">HALAMAN 1<\/span>\n    <button id=\"telyu-clean-next-btn\" class=\"telyu-clean-page-btn\">SELANJUTNYA &rarr;<\/button>\n  <\/div>\n\n<\/div>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n  let currentPage = 1;\n  const postsPerPage = 6;\n  let totalPages = 1;\n  let searchQuery = '';\n\n  const container = document.getElementById('telyu-clean-grid-content');\n  const prevBtn = document.getElementById('telyu-clean-prev-btn');\n  const nextBtn = document.getElementById('telyu-clean-next-btn');\n  const pageInfo = document.getElementById('telyu-clean-page-info');\n  const searchInput = document.getElementById('telyu-clean-search-input');\n  const searchBtn = document.getElementById('telyu-clean-search-btn');\n\n  function fetchPosts(page, search = '') {\n    container.innerHTML = '<div style=\"grid-column: 1\/-1; text-align: center; padding: 50px; color: #64748b;\">\u23f3 Memuat konten...<\/div>';\n    \n    let url = `\/wp-json\/wp\/v2\/posts?per_page=${postsPerPage}&page=${page}&_embed`;\n    if (search) {\n      url += `&search=${encodeURIComponent(search)}`;\n    }\n\n    fetch(url)\n      .then(res => {\n        if (!res.ok) throw new Error('Data tidak ditemukan');\n        totalPages = parseInt(res.headers.get('X-WP-TotalPages')) || 1;\n        return res.json();\n      })\n      .then(posts => {\n        if (posts.length === 0) {\n          container.innerHTML = '<div style=\"grid-column: 1\/-1; text-align: center; padding: 50px; color: #64748b;\">Tidak ada artikel ditemukan.<\/div>';\n          updatePagination();\n          return;\n        }\n\n        container.innerHTML = '';\n        posts.forEach(post => {\n          let img = (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0].source_url) \n            ? post._embedded['wp:featuredmedia'][0].source_url \n            : 'https:\/\/via.placeholder.com\/600x400\/9f1521\/ffffff?text=Telkom+University';\n          \n          let date = new Date(post.date).toLocaleDateString('id-ID', { day: 'numeric', month: 'short', year: 'numeric' });\n\n          container.innerHTML += `\n            <a href=\"${post.link}\" class=\"telyu-clean-card\">\n              <img decoding=\"async\" src=\"${img}\" class=\"telyu-clean-card-img\" alt=\"${post.title.rendered}\">\n              <div class=\"telyu-clean-card-overlay\"><\/div>\n              <div class=\"telyu-clean-card-body\">\n                <span class=\"telyu-clean-card-date\">\ud83d\udcc5 ${date}<\/span>\n                <h3 class=\"telyu-clean-card-title\">${post.title.rendered}<\/h3>\n              <\/div>\n            <\/a>\n          `;\n        });\n\n        updatePagination();\n      })\n      .catch(err => {\n        container.innerHTML = '<div style=\"grid-column: 1\/-1; text-align: center; padding: 50px; color: #9f1521;\">Gagal memuat berita.<\/div>';\n        updatePagination();\n      });\n  }\n\n  function updatePagination() {\n    pageInfo.innerText = `HALAMAN ${currentPage} DARI ${totalPages}`;\n    prevBtn.disabled = currentPage <= 1;\n    nextBtn.disabled = currentPage >= totalPages;\n  }\n\n  prevBtn.addEventListener('click', function() {\n    if (currentPage > 1) {\n      currentPage--;\n      fetchPosts(currentPage, searchQuery);\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n  });\n\n  nextBtn.addEventListener('click', function() {\n    if (currentPage < totalPages) {\n      currentPage++;\n      fetchPosts(currentPage, searchQuery);\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n  });\n\n  searchBtn.addEventListener('click', function() {\n    searchQuery = searchInput.value.trim();\n    currentPage = 1;\n    fetchPosts(currentPage, searchQuery);\n  });\n\n  searchInput.addEventListener('keypress', function(e) {\n    if (e.key === 'Enter') {\n      searchQuery = searchInput.value.trim();\n      currentPage = 1;\n      fetchPosts(currentPage, searchQuery);\n    }\n  });\n\n  fetchPosts(currentPage);\n});\n<\/script>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-3\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div  class=\"vc_wp_categories wpb_content_element\"><div class=\"widget widget_categories\"><h2 class=\"widgettitle\">Categories<\/h2>\n\t\t\t<ul>\n\t\t\t\t\t<li class=\"cat-item cat-item-20\"><a href=\"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/category\/artikel\/\">Artikel<\/a> (5)\n<\/li>\n\t<li class=\"cat-item cat-item-21\"><a href=\"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/category\/berita-kegiatan\/\">Berita &amp; Kegiatan<\/a> (7)\n<\/li>\n\t<li class=\"cat-item cat-item-1\"><a href=\"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/category\/uncategorized-id\/\">Uncategorized @id<\/a> (25)\n<\/li>\n\t\t\t<\/ul>\n\n\t\t\t<\/div><\/div><div  class=\"vc_wp_posts wpb_content_element\">\n\t\t<div class=\"widget widget_recent_entries\">\n\t\t<h2 class=\"widgettitle\">Recent Posts<\/h2>\n\t\t<ul>\n\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<a href=\"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/company-visit-odoo-mahasiswa-sistem-informasi-telkom-university-kampus-jakarta-belajar-erp\/\">Company Visit Odoo: Mahasiswa Sistem Informasi Telkom University Kampus Jakarta Belajar ERP<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<a href=\"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/implementasi-sistem-informasi-administrasi-permohonan-surat-keterangan-siap-sk-untuk-meningkatkan-layanan-publik\/\">Implementasi Sistem Informasi Administrasi Permohonan Surat Keterangan (Siap Sk) Untuk Meningkatkan Layanan Publik<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t<a href=\"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/peran-smart-contract-dalam-ekosistem-cryptocurrency\/\">Peran Teknologi Smart Contract dalam Ekosistem Cryptocurrency<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t<\/ul>\n\n\t\t<\/div><\/div><div  class=\"vc_wp_calendar wpb_content_element\"><div class=\"widget widget_calendar\"><div id=\"calendar_wrap\" class=\"calendar_wrap\"><table id=\"wp-calendar\" class=\"wp-calendar-table\">\n\t<caption>November 2026<\/caption>\n\t<thead>\n\t<tr>\n\t\t<th scope=\"col\" aria-label=\"Monday\">M<\/th>\n\t\t<th scope=\"col\" aria-label=\"Tuesday\">T<\/th>\n\t\t<th scope=\"col\" aria-label=\"Wednesday\">W<\/th>\n\t\t<th scope=\"col\" aria-label=\"Thursday\">T<\/th>\n\t\t<th scope=\"col\" aria-label=\"Friday\">F<\/th>\n\t\t<th scope=\"col\" aria-label=\"Saturday\">S<\/th>\n\t\t<th scope=\"col\" aria-label=\"Sunday\">S<\/th>\n\t<\/tr>\n\t<\/thead>\n\t<tbody>\n\t<tr>\n\t\t<td colspan=\"6\" class=\"pad\">&nbsp;<\/td><td>1<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>2<\/td><td>3<\/td><td>4<\/td><td>5<\/td><td>6<\/td><td>7<\/td><td>8<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>9<\/td><td>10<\/td><td>11<\/td><td>12<\/td><td>13<\/td><td>14<\/td><td id=\"today\">15<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>16<\/td><td>17<\/td><td>18<\/td><td>19<\/td><td>20<\/td><td>21<\/td><td>22<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>23<\/td><td>24<\/td><td>25<\/td><td>26<\/td><td>27<\/td><td>28<\/td><td>29<\/td>\n\t<\/tr>\n\t<tr>\n\t\t<td>30<\/td>\n\t\t<td class=\"pad\" colspan=\"6\">&nbsp;<\/td>\n\t<\/tr>\n\t<\/tbody>\n\t<\/table><nav aria-label=\"Previous and next months\" class=\"wp-calendar-nav\">\n\t\t<span class=\"wp-calendar-nav-prev\"><a href=\"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/2026\/07\/\">&laquo; Jul<\/a><\/span>\n\t\t<span class=\"pad\">&nbsp;<\/span>\n\t\t<span class=\"wp-calendar-nav-next\">&nbsp;<\/span>\n\t<\/nav><\/div><\/div><\/div><\/div><\/div><\/div><\/div>    \t\t\t<\/div><!--\/u_row-->\n\t\n<\/div>","protected":false},"excerpt":{"rendered":"\ud83d\udd25 News Feed Berita & Informasi CARI \u23f3 Memuat berita... &larr; SEBELUMNYA HALAMAN 1 SELANJUTNYA &rarr; Categories Artikel (5) Berita &amp; Kegiatan (7) Uncategorized @id (25) Recent Posts Company Visit Odoo: Mahasiswa Sistem Informasi Telkom University Kampus Jakarta Belajar ERP Implementasi Sistem Informasi Administrasi Permohonan Surat Keterangan (Siap Sk) Untuk Meningkatkan Layanan Publik Peran Teknologi [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-112","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=112"}],"version-history":[{"count":3,"href":"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages\/112\/revisions"}],"predecessor-version":[{"id":5661,"href":"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/pages\/112\/revisions\/5661"}],"wp:attachment":[{"href":"https:\/\/bis-jkt.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}