{"id":536,"date":"2025-07-29T03:39:46","date_gmt":"2025-07-29T03:39:46","guid":{"rendered":"https:\/\/mi.politeknikassalaam.ac.id\/?page_id=536"},"modified":"2025-07-30T04:09:16","modified_gmt":"2025-07-30T04:09:16","slug":"karya-mahasiswa-mi","status":"publish","type":"page","link":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/karya-mahasiswa-mi\/","title":{"rendered":"Karya Mahasiswa 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 Full Width -->\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    text-align: center;\n    position: relative;\n    width: 100%;\n    margin: 0;\n  }\n\n  .agenda-header-full::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.45);\n    z-index: 1;\n  }\n\n  .agenda-header-full h2 {\n    position: relative;\n    z-index: 2;\n    font-size: 2rem;\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>Karya Mahasiswa MI<\/h2>\n<\/div>\n\n<!-- Section Karya Mahasiswa -->\n<style>\n  .karya-section {\n    padding: 50px 15px;\n    background-color: #f9f9f9;\n    text-align: center;\n  }\n\n  .karya-section p {\n    font-size: 1rem;\n    color: #555;\n    margin-bottom: 35px;\n  }\n\n  .kategori-title {\n    font-size: 1.5rem;\n    color: #333;\n    font-weight: bold;\n    margin-bottom: 25px;\n    margin-top: 40px;\n    position: relative;\n  }\n\n  .kategori-title::after {\n    content: \"\";\n    display: block;\n    width: 45px;\n    height: 3px;\n    background-color: #0073aa;\n    margin: 0.5rem auto 0;\n  }\n\n  .karya-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 20px;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .karya-card {\n    background: transparent;\n    border: 1px solid #ddd;\n    border-radius: 14px;\n    padding: 18px 16px;\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n    text-align: left;\n  }\n\n  .karya-card:hover {\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);\n    border-color: #aaa;\n    transform: translateY(-3px);\n  }\n\n  .karya-card img {\n    width: 100%;\n    height: 160px;\n    object-fit: cover;\n    border-radius: 8px;\n    margin-bottom: 15px;\n  }\n\n  .karya-card h4 {\n    margin: 0 0 10px;\n    font-size: 1.1rem;\n    font-weight: bold;\n  }\n\n  .karya-card p {\n    font-size: 0.92rem;\n    color: #333;\n    margin-bottom: 8px;\n    line-height: 1.4;\n  }\n\n  .karya-card .karya-btn {\n    display: inline-block;\n    padding: 8px 20px;\n    background-color: #0073aa;\n    color: white;\n    border-radius: 6px;\n    text-decoration: none;\n    font-size: 0.85rem;\n    font-weight: 500;\n    border: none;\n    transition: all 0.3s ease;\n    margin-top: 16px;\n    min-width: 120px;\n    text-align: center;\n  }\n\n  .karya-card .karya-btn:hover {\n    background-color: #005a85;\n    transform: translateY(-2px);\n  }\n<\/style>\n\n<div class=\"karya-section\">\n  <p>Berikut adalah hasil karya nyata dan prestasi mahasiswa Program Studi Manajemen Informatika Politeknik Assalaam.<\/p>\n\n  <!-- Kategori: Aplikasi dan Website -->\n  <div class=\"kategori-title\">Aplikasi dan Website<\/div>\n\n  <div class=\"karya-grid\">\n    <!-- Karya 1 -->\n    <div class=\"karya-card\">\n      <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/TAMPILAN-WEBSITE.png\" alt=\"Website Bangun Sentosa\">\n      <h4>Website Kontraktor: Bangun Sentosa<\/h4>\n      <p><strong>Nama:<\/strong> Ardha Rakhmawati Putri<br>\n        <strong>NIM:<\/strong> 202301002309<br>\n        Semester 5 \u2013 Angkatan 2023\n      <\/p>\n      <p><strong>Tools:<\/strong> WordPress, Hosting, Visual Portfolio, TablePress, WPForms, Custom HTML + CSS<\/p>\n      <p>Project publikasi nyata dalam pembuatan website profesional untuk kontraktor. Website dilengkapi fitur galeri, form, dan label informasi proyek.<\/p>\n      <a class=\"karya-btn\" href=\"https:\/\/bangunsentosa.com\" target=\"_blank\">Lihat Website<\/a>\n    <\/div>\n\n    <!-- Karya 2 -->\n    <div class=\"karya-card\">\n      <img decoding=\"async\" src=\"https:\/\/mi.politeknikassalaam.ac.id\/wp-content\/uploads\/2025\/07\/SMARTGRIDWEB.png\" alt=\"Smart Grid Web\">\n      <h4>Aplikasi Lomba: Smart Grid Web<\/h4>\n      <p><strong>Nama:<\/strong><br>\n        1. Ardha Rakhmawati Putri \u2013 202301002309<br>\n        2. Laurentius Krisma Briliano \u2013 202301002318<br>\n        3. Putri Amelia Salsabilah \u2013 202301002322<br>\n        4. Jumi Darsih \u2013 202301002315<br>\n        Semester 5 \u2013 Angkatan 2023\n      <\/p>\n      <p><strong>Tools:<\/strong> XAMPP, PHPMyAdmin, HTML, CSS, PHP, AJAX, MySQL, InfinityFree (hosting dummy)<\/p>\n      <p>Aplikasi ini dikembangkan untuk mengikuti lomba \u201cCreate a Science 11.0\u201d kategori Lomba Programming. Mengusung solusi interaktif manajemen daya berbasis web.<\/p>\n     \n\n<!-- Link Sertifikat dengan gaya cantik -->\n<style>\n  .link-sertifikat {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 18px;\n  }\n\n  .link-sertifikat a {\n    display: inline-block;\n    padding: 6px 12px;\n    font-size: 0.88rem;\n    color: #333;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    text-decoration: none;\n    background-color: rgba(0, 0, 0, 0.03);\n    transition: all 0.25s ease-in-out;\n    text-align: center;\n  }\n\n  .link-sertifikat a:hover {\n    border: 1px solid #0073aa;\n    background-color: #f0f8ff;\n    color: #0073aa;\n  }\n<\/style>\n\n<!-- Tambahkan dalam .karya-card setelah tombol Demo Aplikasi -->\n<div class=\"link-sertifikat\">\n  <a href=\"https:\/\/drive.google.com\/file\/d\/1sys7VJUESO2_x5jbdkX5cytfsmsYq2Of\/view?usp=sharing\" target=\"_blank\">\ud83d\udcce Sertifikat Ardha<\/a>\n  <a href=\"https:\/\/drive.google.com\/file\/d\/157pTC7HOtHncaEWBD8Tl1Hohv2gyyO8l\/view?usp=sharing\" target=\"_blank\">\ud83d\udcce Sertifikat Laurentius<\/a>\n  <a href=\"https:\/\/drive.google.com\/file\/d\/1MvwZWN9DuslGwswC2a-SDji9eYoeVSA3\/view?usp=sharing\" target=\"_blank\">\ud83d\udcce Sertifikat Putri Amelia<\/a>\n  <a href=\"https:\/\/drive.google.com\/file\/d\/1PUOCDLF6PuLha3X7IcE-llLK8tlWH3lL\/view?usp=sharing\" target=\"_blank\">\ud83d\udcce Sertifikat Jumi Darsih<\/a>\n<\/div>\n\n  <a class=\"karya-btn\" href=\"https:\/\/smartgridweb.rf.gd\/index.php\" target=\"_blank\">Demo Aplikasi<\/a>\n \n\n    <\/div>\n\n <!-- Karya 3 -->\n    \n\n\n  <\/div>\n\n  <!-- Nanti kalau ada kategori baru tinggal tambah di sini -->\n  <!-- <div class=\"kategori-title\">UI\/UX & Mockup<\/div> -->\n  <!-- <div class=\"karya-grid\"> ... <\/div> -->\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Karya Mahasiswa MI Berikut adalah hasil karya nyata dan prestasi mahasiswa Program Studi Manajemen Informatika Politeknik Assalaam. Aplikasi dan Website Website Kontraktor: Bangun Sentosa Nama: Ardha Rakhmawati Putri NIM: 202301002309 Semester 5 \u2013 Angkatan 2023 Tools: WordPress, Hosting, Visual Portfolio, TablePress, WPForms, Custom HTML + CSS Project publikasi nyata dalam pembuatan website profesional untuk kontraktor.&hellip;&nbsp;<a href=\"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/karya-mahasiswa-mi\/\" rel=\"bookmark\"><span class=\"screen-reader-text\">Karya Mahasiswa 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-536","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/536","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=536"}],"version-history":[{"count":19,"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/536\/revisions"}],"predecessor-version":[{"id":592,"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/536\/revisions\/592"}],"wp:attachment":[{"href":"https:\/\/mi.politeknikassalaam.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}