{"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\/ar\/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\">(\u0647\u064a\u0645\u0627\u062a\u064a\u0641) \u0645\u0634\u0641\u0631<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/himatif\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0637\u0644\u0627\u0628\u060c \u0627\u0644\u062a\u0646\u0638\u064a\u0645 \u0648\u0627\u0644\u0625\u062f\u0627\u0631\u0629<\/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\">\u0623\u0648\u0628\u0648\u0646\u062a\u0648<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/uinbunttu\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0645\u0641\u062a\u0648\u062d \u0627\u0644\u0645\u0635\u062f\u0631<\/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\">\u0648\u064a\u0628\u0648 \u0625\u0646\u062f\u0631<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/weboender\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0648\u064a\u0628<\/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\">\u0645\u062d\u0645\u0648\u062f<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/mamud\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0648\u0633\u0627\u0626\u0637 \u0645\u062a\u0639\u062f\u062f\u0629<\/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\">\u0623\u0648\u0646\u062a\u0627\u0643\u064a<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/ontaki\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0627\u0644\u0631\u0648\u0628\u0648\u062a\u0627\u062a \u0648\u0625\u0646\u062a\u0631\u0646\u062a \u0627\u0644\u0623\u0634\u064a\u0627\u0621<\/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\">\u0625\u064a\u062b\u0631\u0646\u062a 0<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/etho\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0646\u0638\u0627\u0645 \u0645\u0648\u0632\u0639<\/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\">\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u0642\u0627\u0637 \u0627\u0644\u062d\u0631\u0643\u0629<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/mocap\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u062a\u0637\u0628\u064a\u0642 \u062c\u0648\u0627\u0644<\/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\">\u062c\u0627\u0641\u0627 \u0645\u0645\u062a\u0639\u0629<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/fun-java\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0643\u0627\u0626\u0646\u064a\u0629 \u0627\u0644\u062a\u0648\u062c\u0647<\/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\">\u064a\u0648\u064a\u0646\u0648\u0643\u0633<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/uinux\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0628\u064a\u0646 \u0627\u0644\u0625\u0646\u0633\u0627\u0646 \u0648\u0627\u0644\u062d\u0627\u0633\u0648\u0628 (\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \/ \u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645)<\/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\">\u062f\u064a \u0625\u0633 \u0625\u064a<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/data-science-enthusiast-dse\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0645\u0647\u062a\u0645 \u0628\u0639\u0644\u0648\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/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\">\u0646\u0627\u062f\u064a \u062c\u0648\u062c\u0644 \u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/google-developer-student-club-dsc\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0646\u0627\u062f\u064a \u0645\u0637\u0648\u0631\u064a \u062c\u0648\u062c\u0644 \u0627\u0644\u0637\u0644\u0627\u0628\u064a<\/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\">\u0627\u0644\u0641\u0627\u062a\u062d\u0629<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/al-fataa\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0627\u0644\u062f\u064a\u0646 \u0648\u0627\u0644\u0641\u0646<\/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\">\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0641\u0635\u062d\u0649 \u0627\u0644\u062d\u062f\u064a\u062b\u0629<\/h3>\n    <a href=\"https:\/\/informatika.uin-malang.ac.id\/master-student-associationmsa\/\" target=\"_blank\" rel=\"noopener\" class=\"community-link\">\u0631\u0627\u0628\u0637\u0629 \u0637\u0644\u0627\u0628 \u0627\u0644\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u0639\u0644\u064a\u0627<\/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\/ar\/wp-json\/wp\/v2\/pages\/27443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/comments?post=27443"}],"version-history":[{"count":4,"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/27443\/revisions"}],"predecessor-version":[{"id":27447,"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/pages\/27443\/revisions\/27447"}],"wp:attachment":[{"href":"https:\/\/informatika.uin-malang.ac.id\/ar\/wp-json\/wp\/v2\/media?parent=27443"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}