{"id":27443,"date":"2026-08-06T11:19:21","date_gmt":"2026-08-06T04:19:21","guid":{"rendered":"https:\/\/informatika.uin-malang.ac.id\/?page_id=27443"},"modified":"2026-08-06T11:23:14","modified_gmt":"2026-08-06T04:23:14","slug":"organization-and-communities","status":"publish","type":"page","link":"https:\/\/informatika.uin-malang.ac.id\/zh\/organization-and-communities\/","title":{"rendered":"Organization and Communities"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"27443\" class=\"elementor elementor-27443\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d2d4b5a e-flex e-con-boxed e-con e-parent\" data-id=\"d2d4b5a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e46ada elementor-widget elementor-widget-html\" data-id=\"6e46ada\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* Header Section *\/\n  .community-header {\n    text-align: center;\n    margin-bottom: 32px;\n    padding: 0 16px;\n  }\n\n  .community-header .main-title {\n    font-size: 28px;\n    font-weight: 800;\n    color: #0f172a;\n    margin: 0 0 10px 0;\n    letter-spacing: -0.5px;\n    text-transform: uppercase;\n  }\n\n  .community-header .sub-title {\n    font-size: 16px;\n    color: #64748b;\n    margin: 0;\n    font-weight: 400;\n    max-width: 600px;\n    margin-left: auto;\n    margin-right: auto;\n    line-height: 1.5;\n  }\n\n  .community-header .title-divider {\n    width: 60px;\n    height: 4px;\n    background: linear-gradient(90deg, #0284c7 0%, #38bdf8 100%);\n    margin: 16px auto 0 auto;\n    border-radius: 2px;\n  }\n\n  \/* Container Utama Grid *\/\n  .community-grid-container {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));\n    gap: 20px;\n    padding: 10px;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  }\n\n  \/* Card Komunitas *\/\n  .community-card {\n    background: #ffffff;\n    border: 1px solid #e2e8f0;\n    border-radius: 12px;\n    padding: 24px 16px;\n    text-align: center;\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n  }\n\n  \/* Hover Effect Card *\/\n  .community-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.1);\n    border-color: #cbd5e1;\n  }\n\n  \/* Wrapper Gambar Logo *\/\n  .community-logo-wrapper {\n    width: 100px;\n    height: 100px;\n    margin-bottom: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background-color: #f8fafc;\n    padding: 8px;\n  }\n\n  .community-logo-wrapper img {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    border-radius: 50%;\n  }\n\n  \/* Judul Organisasi\/Komunitas *\/\n  .community-title {\n    font-size: 18px;\n    font-weight: 700;\n    color: #1e293b;\n    margin: 0 0 6px 0;\n    line-height: 1.3;\n  }\n\n  \/* Link & Sub-kategori *\/\n  .community-link {\n    font-size: 13px;\n    color: #0284c7;\n    text-decoration: none;\n    font-weight: 500;\n    line-height: 1.4;\n    transition: color 0.2s ease;\n  }\n\n  .community-link:hover {\n    color: #0369a1;\n    text-decoration: underline;\n  }\n\n  \/* Penyesuaian Tampilan Layar Kecil (HP) *\/\n  @media (max-width: 480px) {\n    .community-header .main-title {\n      font-size: 22px;\n    }\n\n    .community-header .sub-title {\n      font-size: 14px;\n    }\n\n    .community-grid-container {\n      grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n      gap: 12px;\n      padding: 5px;\n    }\n\n    .community-card {\n      padding: 16px 10px;\n    }\n\n    .community-logo-wrapper {\n      width: 70px;\n      height: 70px;\n      margin-bottom: 10px;\n    }\n\n    .community-title {\n      font-size: 15px;\n    }\n\n    .community-link {\n      font-size: 12px;\n    }\n  }\n<\/style>\n\n<div class=\"community-header\">\n  <h2 class=\"main-title\">Organization and Communities<\/h2>\n  <p class=\"sub-title\">A platform for developing the potential, skills, and creativity of Informatics Engineering students at UIN Maulana Malik Ibrahim Malang.<\/p>\n  <div class=\"title-divider\"><\/div>\n<\/div>\n\n<div class=\"community-grid-container\">\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/himatif-150x150-1.jpg\" alt=\"HIMATIF ENCODER\">\n    <\/div>\n    <h3 class=\"community-title\">(HIMATIF) \u7f16\u7801\u5668<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/himatif\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u5b66\u751f\u4f1a\uff0c\u7ec4\u7ec7\u4e0e\u7ba1\u7406<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/uin-buntu-150x150-1.png\" alt=\"UINBUNTU\">\n    <\/div>\n    <h3 class=\"community-title\">Ubuntu<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/uinbunttu\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u5f00\u6e90<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/weboender-150x150-1.png\" alt=\"WEBOENDER\">\n    <\/div>\n    <h3 class=\"community-title\">\u97e6\u535a\u6069\u5fb7<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/weboender\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u7f51\u9875\u7f16\u7a0b<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/mamud-150x150-1.jpg\" alt=\"MAMUD\">\n    <\/div>\n    <h3 class=\"community-title\">\u9a6c\u7a46\u5fb7<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/mamud\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u591a\u5a92\u4f53<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/ontaki-150x150-1.jpg\" alt=\"ONTAKI\">\n    <\/div>\n    <h3 class=\"community-title\">\u6069\u5854\u57fa<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/ontaki\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u673a\u5668\u4eba\u4e0e\u7269\u8054\u7f51<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/eth0.jpg\" alt=\"ETH0\">\n    <\/div>\n    <h3 class=\"community-title\">ETH0<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/etho\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u5206\u5e03\u5f0f\u7cfb\u7edf<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/mocap-150x150-1.png\" alt=\"MOCAP\">\n    <\/div>\n    <h3 class=\"community-title\">\u52a8\u6355<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/mocap\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u79fb\u52a8\u5e94\u7528\u7a0b\u5e8f<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/fun-java-148x150-1.png\" alt=\"FUN JAVA\">\n    <\/div>\n    <h3 class=\"community-title\">\u6709\u8da3\u7684 Java<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/fun-java\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u9762\u5411\u5bf9\u8c61\u7f16\u7a0b<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/logo-uinux-150x137-1.jpg\" alt=\"UINUX\">\n    <\/div>\n    <h3 class=\"community-title\">UINUX<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/uinux\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u4eba\u673a\u4ea4\u4e92\uff08UI\/UX\uff09<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/DSE-150x150-2.jpeg\" alt=\"DSE\">\n    <\/div>\n    <h3 class=\"community-title\">\u9999\u6e2f\u4e2d\u5b66\u6587\u51ed\u8003\u8bd5<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/data-science-enthusiast-dse\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u6570\u636e\u79d1\u5b66\u7231\u597d\u8005<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/gdsc-150x150-2.jpg\" alt=\"GDSC\">\n    <\/div>\n    <h3 class=\"community-title\">\u8c37\u6b4c\u5f00\u53d1\u8005\u5b66\u751f\u4ff1\u4e50\u90e8<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/google-developer-student-club-dsc\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u8c37\u6b4c\u5f00\u53d1\u8005\u5b66\u751f\u4ff1\u4e50\u90e8<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/al-fata-150x150-2.png\" alt=\"AL-FATAA\">\n    <\/div>\n    <h3 class=\"community-title\">\u827e\u5c14\u6cd5\u5854<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/al-fataa\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u5b97\u6559\u4e0e\u827a\u672f<\/a>\n  <\/div>\n\n  <div class=\"community-card\">\n    <div class=\"community-logo-wrapper\">\n      <img decoding=\"async\" src=\"https:\/\/informatika.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/ASOSIASI-MAHASISWA-MAGISTER-INFORMATIKA-Logo-Original-with-Transparent-Background-5000x5000-1-150x150-1.png\" alt=\"MSA\">\n    <\/div>\n    <h3 class=\"community-title\">\u591a\u4eba\u4f53\u80b2\u534f\u4f1a<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/master-student-associationmsa\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u7855\u58eb\u751f\u534f\u4f1a<\/a>\n  <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Organization and Communities A platform for developing the potential, skills, and creativity of Informatics Engineering students at UIN Maulana Malik Ibrahim Malang. (HIMATIF) ENCODER Student Union, Organization &amp; Management UINBUNTU Open Source WEBOENDER Web Programming MAMUD Multimedia ONTAKI Robotics &amp; IoT ETH0 Distributed System MOCAP Mobile Application FUN JAVA Object Oriented Programming UINUX Human Computer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-27443","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/27443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/comments?post=27443"}],"version-history":[{"count":4,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/27443\/revisions"}],"predecessor-version":[{"id":27447,"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/pages\/27443\/revisions\/27447"}],"wp:attachment":[{"href":"https:\/\/informatika.uin-malang.ac.id\/zh\/wp-json\/wp\/v2\/media?parent=27443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}