{"id":459,"date":"2025-07-25T15:09:35","date_gmt":"2025-07-25T15:09:35","guid":{"rendered":"https:\/\/mi.politeknikassalaam.ac.id\/?page_id=459"},"modified":"2025-08-08T06:25:19","modified_gmt":"2025-08-08T06:25:19","slug":"kerja-praktik-mi","status":"publish","type":"page","link":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/kerja-praktik-mi\/","title":{"rendered":"Kerja Praktik MI"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<!-- Judul Kerja Praktik Lapangan Full Width dengan Background -->\n<style>\n  .agenda-header-full {\n    background-image: url('https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/MG_2085-scaled.jpg');\n    background-size: cover;\n    background-position: center;\n    padding: 2rem 1rem;\n    border-radius: 0;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    width: 100%;\n    margin: 0; \/* benar-benar full *\/\n  }\n\n  .agenda-header-full::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.45); \/* overlay gelap *\/\n    z-index: 1;\n  }\n\n  .agenda-header-full h2 {\n    position: relative;\n    z-index: 2;\n    font-size: 1.8rem;\n    color: #ffffff;\n    font-weight: bold;\n    margin: 0;\n  }\n\n  .agenda-header-full h2::after {\n    content: \"\";\n    display: block;\n    width: 60px;\n    height: 3px;\n    background-color: #e91e63;\n    margin: 0.5rem auto 0;\n  }\n<\/style>\n\n<div class=\"agenda-header-full\">\n  <h2>Kerja Praktik <\/h2>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style>\n  .agenda-section {\n    padding: 3rem 1rem;\n    background-color: #f9f9f9;\n    text-align: center;\n  }\n\n  .agenda-title {\n    font-size: 2rem;\n    font-weight: bold;\n    color: #2c3e50;\n    margin-bottom: 2rem;\n    position: relative;\n    display: inline-block;\n  }\n\n  .agenda-title::after {\n    content: \"\";\n    display: block;\n    width: 60px;\n    height: 3px;\n    background-color: #e91e63;\n    margin: 0.5rem auto 0;\n  }\n\n  .agenda-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 1.5rem;\n    justify-items: center;\n  }\n\n  .agenda-card {\n    background: #fff;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);\n    transition: transform 0.3s ease;\n    width: 100%;\n    max-width: 400px;\n    opacity: 0;\n    animation: fadeInUp 1s ease forwards;\n  }\n\n  .agenda-card:hover {\n    transform: translateY(-8px);\n  }\n\n  .agenda-card img {\n    width: 100%;\n    height: 220px;\n    object-fit: cover;\n    display: block;\n  }\n\n  .agenda-content {\n    padding: 1rem;\n    text-align: left;\n  }\n\n  .agenda-content h4 {\n    font-size: 1.1rem;\n    font-weight: 600;\n    color: #333;\n    margin-bottom: 0.5rem;\n  }\n\n  .agenda-content p {\n    font-size: 0.95rem;\n    color: #555;\n    margin-bottom: 0.5rem;\n    line-height: 1.4;\n  }\n\n  .btn-agenda,\n  .btn-lihat-semua {\n    display: inline-block;\n    padding: 0.5rem 1rem;\n    font-size: 0.9rem;\n    color: #e91e63;\n    border: 1px solid #e91e63;\n    border-radius: 5px;\n    text-decoration: none;\n    transition: 0.3s ease;\n    margin-top: 1rem;\n  }\n\n  .btn-agenda:hover,\n  .btn-lihat-semua:hover {\n    background-color: #e91e63;\n    color: #fff;\n  }\n\n  .hidden-gallery {\n    display: none;\n    opacity: 0;\n  }\n\n  #btn-sembunyikan {\n    margin-left: 0.5rem;\n    background-color: #f5f5f5;\n  }\n\n  @keyframes fadeInUp {\n    from {\n      opacity: 0;\n      transform: translateY(40px);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n<\/style>\n\n<div class=\"agenda-section\">\n  <h2 class=\"agenda-title\"> Kerja Praktik Lapangan Periode 2025 Angkatan 2023<\/h2>\n  <div class=\"agenda-cards\">\n    <div class=\"agenda-card\" style=\"animation-delay: 0.1s;\">\n      <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/mitrateknusantara.png\" alt=\"PKL MI\">\n      <div class=\"agenda-content\">\n        <h4>PKL Mahasiswa Manajemen Informatika<\/h4>\n        <p><strong>Periode:<\/strong> 21 Juli \u2013 20 Agustus 2025<br>\n        <strong>Peserta:<\/strong> Mahasiswa D3 MI (Angkatan 2023)<br>\n        <strong>Instansi:<\/strong> Beragam instansi mitra industri dan pemerintahan<\/p>\n        <a href=\"#galeri-pkl\" class=\"btn-agenda\">Lihat Galeri PKL<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<div id=\"galeri-pkl\" class=\"agenda-section\">\n  <h2 class=\"agenda-title\">Galeri Serah Terima PKL Mahasiswa<\/h2>\n  <div class=\"agenda-cards\">\n    <!-- Semua card mahasiswa tetap sama seperti sebelumnya -->\n        <div class=\"agenda-card\">\n      <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/RISKIBATIK.jpg\" alt=\"Muhammad Rizki Romadhon\">\n      <div class=\"agenda-content\">\n        <h4>Data Identitas : <\/h4>\n        <p><strong>Nama Mahasiswa MI:<\/strong> Muhammad Rizki Romadhon<\/p>\n        <p><strong>NIM Mahasiswa MI:<\/strong> 202301002320<\/p>\n        <p><strong>Tempat Instansi PKL:<\/strong> CV. Intun Permata Produk Solo (Ayra Jaya Batik \u2013 Laweyan)<\/p>\n   \n      <\/div>\n\n<\/div>\n    <div class=\"agenda-card\">\n      <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/IKKESD.jpg\" alt=\"Ikke Aprilia Susetyanti\">\n      <div class=\"agenda-content\">\n        <h4>Data Identitas : <\/h4>\n        <p><strong>Nama Mahasiswa MI:<\/strong> Ikke Aprilia Susetyanti<\/p>\n        <p><strong>NIM Mahasiswa MI:<\/strong> 202301002335<\/p>\n        <p><strong>Tempat Instansi PKL:<\/strong> SD Negeri 02 Malangjiwan<\/p>\n        \n      <\/div>\n\n    <\/div>\n    <div class=\"agenda-card\">\n      <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/APOTEK.jpg\" alt=\"Defita Dwi Irmawati\">\n      <div class=\"agenda-content\">\n        <h4>Data Identitas : <\/h4>\n        <p><strong>Nama Mahasiswa MI:<\/strong> Defita Dwi Irmawati<\/p>\n        <p><strong>NIM Mahasiswa MI:<\/strong> 202301002313<\/p>\n        <p><strong>Tempat Instansi PKL:<\/strong> Apotek Talenta Surakarta, Jl Ir. Juanda No 41 Jebres<\/p>\n        \n      <\/div>\n\n\n    <\/div>\n    <div class=\"agenda-card\">\n       <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/SILVIATOKOMAS.jpg\" alt=\"Silvia Aqmalina Josi Fadillah\">\n      <div class=\"agenda-content\">\n        <h4>Data Identitas : <\/h4>\n        <p><strong>Nama Mahasiswa MI:<\/strong> Silvia Aqmalina Josi Fadillah<\/p>\n        <p><strong>NIM Mahasiswa MI:<\/strong> 202301002319<\/p>\n        <p><strong>Tempat Instansi PKL:<\/strong> Toko Mas Sapi, Tuban, Gondangrejo, Karanganyar<\/p>\n        \n      <\/div>\n    <\/div>\n    <div class=\"agenda-card\">\n      <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/mitrateknusantara.png\" alt=\"Mitra Tekno Nusantara\">\n      <div class=\"agenda-content\">\n        <h4>Data Identitas : <\/h4>\n        <p><strong>Nama Mahasiswa MI:<\/strong> Putri Amelia Salsabilah, Yemima Suko Kristian P, Jumi Darsih<\/p>\n        <p><strong>NIM Mahasiswa MI:<\/strong> 202301002322, 202301002330, 202301002315<\/p>\n        <p><strong>Tempat Instansi PKL:<\/strong> PT Mitra Tekno Nusantara &#8211; Sragen, Jawa Tengah<\/p>\n       \n         \n      <\/div>\n    <\/div>\n    <div class=\"agenda-card\">\n      <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/LAURENTIUSPOS.jpg\" alt=\"Laurentius Krisma Briliano\">\n      <div class=\"agenda-content\">\n        <h4>Data Identitas : <\/h4>\n        <p><strong>Nama Mahasiswa MI:<\/strong> Laurentius Krisma Briliano<\/p>\n        <p><strong>NIM Mahasiswa MI:<\/strong> 202301002318<\/p>\n        <p><strong>Tempat Instansi PKL:<\/strong> PT. Pos Indonesia (Persero), KC Sukoharjo<\/p>\n        \n      <\/div>\n    <\/div>\n\n    <!-- Galeri ke-7 -->\n<div class=\"agenda-card hidden-gallery\">\n\n  <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/REBUNPDAM.jpg\" alt=\"Buana &#038; Reno\">\n      <div class=\"agenda-content\">\n        <h4>Data Identitas : <\/h4>\n        <p><strong>Nama Mahasiswa MI:<\/strong> Buana, Reno<\/p>\n        <p><strong>NIM Mahasiswa MI:<\/strong> 202301002312, 202301002333<\/p>\n        <p><strong>Tempat Instansi PKL:<\/strong> PDAM Tirta Makmur Kabupaten Sukoharjo<\/p>\n        \n         \n  <\/div>\n<\/div>\n\n<!-- Galeri ke-8 -->\n<div class=\"agenda-card hidden-gallery\">\n\n <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/SATYOGREGODISKOMINFO.jpg\" alt=\"Gregorius &#038; Satya\">\n      <div class=\"agenda-content\">\n        <h4>Data Identitas : <\/h4>\n        <p><strong>Nama Mahasiswa MI:<\/strong> Gregorius, Satya<\/p>\n        <p><strong>NIM Mahasiswa MI:<\/strong> 202301002326, 202301002325<\/p>\n        <p><strong>Tempat Instansi PKL:<\/strong> Dinas Komunikasi dan Informatika Kabupaten Sukoharjo<\/p>\n        \n         \n  <\/div>\n<\/div>\n    <!-- (Konten galeri mahasiswa tidak diubah sesuai permintaan) -->\n  <\/div>\n  <br>\n  <button id=\"btn-lihat-semua\" class=\"btn-lihat-semua\" onclick=\"showAllGallery()\">\ud83d\udcf8 Lihat Semua Galeri PKL Mahasiswa<\/button>\n  <button id=\"btn-sembunyikan\" class=\"btn-lihat-semua\" style=\"display:none;\" onclick=\"hideGallery()\">\ud83d\udd19 Lihat Lebih Sedikit<\/button>\n<\/div>\n\n<script>\n  function showAllGallery() {\n    const hiddenCards = document.querySelectorAll('.hidden-gallery');\n    hiddenCards.forEach((card, index) => {\n      card.style.display = 'block';\n      card.style.animation = `fadeInUp 0.6s ease ${0.1 * (index + 6)}s forwards`;\n    });\n    document.getElementById('btn-lihat-semua').style.display = 'none';\n    document.getElementById('btn-sembunyikan').style.display = 'inline-block';\n  }\n\n  function hideGallery() {\n    const hiddenCards = document.querySelectorAll('.hidden-gallery');\n    hiddenCards.forEach((card) => {\n      card.style.display = 'none';\n    });\n    document.getElementById('btn-lihat-semua').style.display = 'inline-block';\n    document.getElementById('btn-sembunyikan').style.display = 'none';\n  }\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kerja Praktik Kerja Praktik Lapangan Periode 2025 Angkatan 2023 PKL Mahasiswa Manajemen Informatika Periode: 21 Juli \u2013 20 Agustus 2025 Peserta: Mahasiswa D3 MI (Angkatan 2023) Instansi: Beragam instansi mitra industri dan pemerintahan Lihat Galeri PKL Galeri Serah Terima PKL Mahasiswa Data Identitas : Nama Mahasiswa MI: Muhammad Rizki Romadhon NIM Mahasiswa MI: 202301002320 Tempat&hellip;&nbsp;<a href=\"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/kerja-praktik-mi\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Kerja Praktik MI<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"on","_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-459","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/459","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=459"}],"version-history":[{"count":7,"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/459\/revisions"}],"predecessor-version":[{"id":701,"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/459\/revisions\/701"}],"wp:attachment":[{"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=459"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}