It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.mesinpintar.com/blog/apa-itu-cnn-machine-learning-dan-cara-kerjanya

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.    <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.    <meta name="author" content="Mesinpintar">
  7.    <title>Apa Itu CNN Machine Learning dan Cara Kerjanya</title>
  8.    <meta name="publisher" content="Mesinpintar">
  9.    <meta property="og:site_name" content="Mesinpintar">
  10.    <meta name="robots" content="index, follow">
  11.    <meta name="description" content="Pelajari apa itu CNN Machine Learning, convolutional neural network adalah, dan cara kerja convolutional neural network dalam dunia kecerdasan buatan.">
  12.    <meta name="keywords" content="apa itu cnn machine learning, convolutional neural network adalah, cara kerja convolutional neural network">
  13.  
  14.    <meta property="og:title" content="Apa Itu CNN Machine Learning dan Cara Kerjanya" />
  15.    <meta property="og:image" content="https://img.mesinpintar.com/apa-itu-cnn-machine-learning-dan-cara-kerjanya.jpg" />
  16.    <meta property="twitter:image" content="https://img.mesinpintar.com/apa-itu-cnn-machine-learning-dan-cara-kerjanya.jpg" />
  17.    <meta property="og:url" content="https://www.mesinpintar.com/blog/apa-itu-cnn-machine-learning-dan-cara-kerjanya" />
  18.    <meta property="og:site_name" content="Mesinpintar">
  19.    <meta property="og:description" content="Pelajari apa itu CNN Machine Learning, convolutional neural network adalah, dan cara kerja convolutional neural network dalam dunia kecerdasan buatan." />
  20.    <meta property="twitter:title" content="Apa Itu CNN Machine Learning dan Cara Kerjanya" />
  21.    <meta property="twitter:url" content="https://www.mesinpintar.com/blog/apa-itu-cnn-machine-learning-dan-cara-kerjanya" />
  22.    <meta name="twitter:card" content="summary_large_image">    
  23.    <meta property="og:type" content="article">
  24.    <!-- Bootstrap CSS -->
  25.    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  26.    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
  27.    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"/>
  28.    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0"/>
  29.    <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap" rel="stylesheet">
  30.    <link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/themes/prism-tomorrow.min.css" rel="stylesheet">
  31.    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js"></script>
  32.    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/components/prism-python.min.js"></script>
  33.    <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/components/prism-bash.min.js"></script>
  34.    <link rel="stylesheet" href="/styles-2.css">
  35.    <script type="application/ld+json">
  36.    {
  37.    "@context": "https://schema.org",
  38.    "@graph": [
  39.        {
  40.        "@type": "WebPage",
  41.        "@id": "https://www.mesinpintar.com/about",
  42.        "url": "https://www.mesinpintar.com/about",
  43.        "name": "About",
  44.        "description": "Learn more about Mesinpintar and our mission to provide free productivity tools for everyone.",
  45.        "isPartOf": {
  46.            "@id": "https://www.mesinpintar.com/#website"
  47.        },
  48.        "breadcrumb": {
  49.            "@id": "https://www.mesinpintar.com/about#breadcrumb"
  50.        },
  51.        "inLanguage": "en"
  52.        },
  53.        {
  54.            "@context": "https://schema.org",
  55.            "@type": "BreadcrumbList",
  56.            "@id": "https://www.mesinpintar.com/breadcrumb",
  57.            "itemListElement": [
  58.                {
  59.                    "@type": "ListItem",
  60.                    "position": 1,
  61.                    "name": "Home",
  62.                    "item": "https://www.mesinpintar.com"
  63.                },
  64.                {
  65.                    "@type": "ListItem",
  66.                    "position": 2,
  67.                    "name": "Blog",
  68.                    "item": "https://www.mesinpintar.com/blog"
  69.                },
  70.                {
  71.                    "@type": "ListItem",
  72.                    "position": 3,
  73.                    "name": "Apa Itu CNN Machine Learning dan Cara Kerjanya",
  74.                    "item": "https://www.mesinpintar.com/blog/apa-itu-cnn-machine-learning-dan-cara-kerjanya"
  75.                }
  76.            ]
  77.        }
  78.    ]
  79.    }
  80.    </script>
  81.    <!-- Google tag (gtag.js) -->
  82.    <script async src="https://www.googletagmanager.com/gtag/js?id=G-638D1K569H"></script>
  83.    <script>
  84.      window.dataLayer = window.dataLayer || [];
  85.      function gtag(){dataLayer.push(arguments);}
  86.      gtag('js', new Date());
  87.    
  88.      gtag('config', 'G-638D1K569H');
  89.    </script>
  90.    <style>
  91.        .copy-button {
  92.            position: absolute;
  93.            right: 10px;
  94.            top: 10px;
  95.            background-color: #4CAF50;
  96.            color: white;
  97.            border: none;
  98.            padding: 5px 10px;
  99.            cursor: pointer;
  100.            border-radius: 3px;
  101.            z-index: 10; /* Menambahkan properti z-index */
  102.            font-size: 12px;
  103.        }
  104.    </style>
  105.    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3735713809451778" crossorigin="anonymous"></script>
  106. </head>
  107. <body>
  108.    <nav class="navbar navbar-expand-lg navbar-light bg-light">
  109.        <div class="container">
  110.            <a class="navbar-brand" href="/">
  111.                <img
  112.                    src="https://img.mesinpintar.com/banner-new-mesinpintar.png"
  113.                    alt="Mesinpintar Logo"
  114.                    style="height: 40px; width: auto;"
  115.                >
  116.            </a>
  117.            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
  118.                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  119.                <span class="navbar-toggler-icon"></span>
  120.            </button>
  121.            <div class="collapse navbar-collapse" id="navbarNav">
  122.                <ul class="navbar-nav ms-auto">
  123.                    <!-- Home -->
  124.                    <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
  125.  
  126.                    <!-- Dropdown for Expenses Tracking -->
  127.                    <li class="nav-item"><a class="nav-link" href="/expenses-tracking">Expenses Tracking</a></li>
  128.  
  129.                    <!-- Dropdown for Tools -->
  130.                    <li class="nav-item dropdown">
  131.                        <a class="nav-link dropdown-toggle" href="#" id="toolsDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  132.                            Tools
  133.                        </a>
  134.                        <ul class="dropdown-menu bg-light" aria-labelledby="toolsDropdown">
  135.                            <li><a class="dropdown-item" href="/cv-extractor">CV Bulk Extractor</a></li>
  136.                            <li><a class="dropdown-item" href="/excel-to-json-xml">Excel to JSON/XML</a></li>
  137.                            <li><a class="dropdown-item" href="/paraphrase">Paraphrase</a></li>
  138.                            <li><a class="dropdown-item" href="/background-remover">Image Background Remover</a></li>
  139.                            <li><a class="dropdown-item" href="/all-tools">All Tools</a></li>
  140.                        </ul>
  141.                    </li>
  142.  
  143.                    <!-- Pricing -->
  144.                    <li class="nav-item"><a class="nav-link" href="/pricing">Pricing</a></li>
  145.  
  146.                    <!-- Profile and Authentication -->
  147.                    <li class="nav-item"><a class="btn btn-outline-primary me-2 gy-3" href="/login">Login</a></li>
  148.                    <li class="nav-item"><a class="btn btn-primary me-2 gy-3" href="/register">Register</a></li>
  149.                </ul>
  150.            </div>
  151.        </div>
  152.    </nav>
  153.    <div class="container py-4 pt-5">
  154.        <div class="markdown-body row justify-content-center pt-5">
  155.            <div>
  156.                <header>
  157.                    <h1>Apa Itu CNN Machine Learning dan Cara Kerjanya</h1>
  158.                    <p class="author-date">By: Mesinpintar | January 21, 2025</p>
  159.                </header>
  160.                <article class="markdown-body">
  161.                    <p><p><img src="https://img.mesinpintar.com/apa-itu-cnn-machine-learning-dan-cara-kerjanya.jpg" alt="Apa Itu CNN Machine Learning">  </p>
  162. <h2>Apa Itu CNN Machine Learning?</h2>
  163. <p>Pernah penasaran bagaimana smartphone Kamu bisa mengenali wajahmu, atau bagaimana mobil otonom bisa membedakan lampu merah dan hijau? Di balik kecanggihan itu, ada sesuatu yang disebut <strong>Convolutional Neural Network (CNN)</strong>. Ini adalah salah satu jenis arsitektur deep learning yang sangat jago dalam memahami pola visual dalam gambar. Ibaratnya seperti &quot;otak digital&quot; yang bisa melihat, memahami, dan mengambil keputusan.</p>
  164. <p>CNN bekerja dengan cara yang hampir menyerupai cara kerja mata manusia dalam mengenali objek—melalui lapisan-lapisan filter yang semakin lama semakin kompleks. Nah, di blog ini, Aku akan membahasnya dengan cara yang simpel dan mudah dipahami. Yuk, kita mulai!</p>
  165. <h2>Table of Contents</h2>
  166. <ol>
  167. <li><a href="#apa-itu-cnn-machine-learning">Apa Itu CNN Machine Learning</a></li>
  168. <li><a href="#convolutional-neural-network-adalah">Convolutional Neural Network Adalah</a></li>
  169. <li><a href="#cara-kerja-convolutional-neural-network">Cara Kerja Convolutional Neural Network</a></li>
  170. <li><a href="#kesimpulan">Kesimpulan</a></li>
  171. </ol>
  172. <hr>
  173. <h2>Convolutional Neural Network Adalah</h2>
  174. <p><img src="https://img.mesinpintar.com/cnn-adalah.jpg" alt="Convolutional Neural Network Adalah">  </p>
  175. <p>CNN, atau <strong>Convolutional Neural Network</strong>, adalah algoritma deep learning yang khusus dirancang untuk menangani data berbentuk gambar. Berbeda dari jaringan saraf biasa, CNN menggunakan konsep <strong>konvolusi</strong>, di mana gambar dipecah menjadi bagian-bagian kecil untuk dianalisis. Dengan cara ini, CNN bisa mengenali fitur seperti tepi, tekstur, hingga pola yang lebih kompleks.</p>
  176. <p>Banyak aplikasi CNN yang bisa Kamu temui dalam kehidupan sehari-hari, seperti:</p>
  177. <ul>
  178. <li>Pengenalan wajah pada smartphone.</li>
  179. <li>Diagnostik medis melalui analisis citra medis.</li>
  180. <li>Kendaraan otonom yang mendeteksi rambu lalu lintas.</li>
  181. </ul>
  182. <p>Menarik, bukan? CNN benar-benar telah merevolusi dunia AI, membuat komputer bisa &quot;melihat&quot; seperti manusia.</p>
  183. <p>Referensi lebih lanjut bisa Kamu baca di <a href="https://www.sciencedirect.com/science/article/pii/S0893608019302341">artikel berikut</a>.</p>
  184. <h2>Cara Kerja Convolutional Neural Network</h2>
  185. <p><img src="https://img.mesinpintar.com/cara-kerja-cnn.jpg" alt="Cara Kerja CNN">  </p>
  186. <p>Bagaimana sih CNN bekerja? Yuk, Aku jelaskan tahapannya secara sederhana:</p>
  187. <ol>
  188. <li><strong>Convolution Layer:</strong> Ini adalah tahap pertama di mana gambar diproses menggunakan filter (kernel) untuk mengekstrak fitur seperti garis dan pola dasar.</li>
  189. <li><strong>Pooling Layer:</strong> Mengurangi dimensi gambar sambil mempertahankan fitur penting, membuat model lebih efisien.</li>
  190. <li><strong>Flattening:</strong> Data yang diproses diubah menjadi bentuk vektor untuk dapat diproses di lapisan berikutnya.</li>
  191. <li><strong>Fully Connected Layer:</strong> Lapisan terakhir yang menghubungkan semua fitur yang telah diolah untuk menghasilkan output akhir seperti klasifikasi.</li>
  192. </ol>
  193. <p>Contoh sederhana implementasi CNN dalam Python menggunakan TensorFlow:</p>
  194. <pre><code class="language-python">import tensorflow as tf
  195. from tensorflow.keras import layers, models
  196.  
  197. # Membuat model CNN sederhana
  198. model = models.Sequential([
  199.    layers.Conv2D(32, (3,3), activation=&#39;relu&#39;, input_shape=(28, 28, 1)),
  200.    layers.MaxPooling2D((2,2)),
  201.    layers.Conv2D(64, (3,3), activation=&#39;relu&#39;),
  202.    layers.MaxPooling2D((2,2)),
  203.    layers.Flatten(),
  204.    layers.Dense(64, activation=&#39;relu&#39;),
  205.    layers.Dense(10, activation=&#39;softmax&#39;)
  206. ])
  207.  
  208. model.summary()
  209. </code></pre>
  210. <p>Mudah kan? Dengan hanya beberapa baris kode, kita sudah bisa membuat CNN sederhana untuk klasifikasi gambar.</p>
  211. <h2>Kesimpulan</h2>
  212. <p>CNN Machine Learning telah membawa revolusi besar dalam pengolahan citra digital, dari pengenalan wajah hingga analisis medis. Dengan memahami konsep dasarnya, Kamu bisa mulai bereksperimen dan membuat aplikasi berbasis gambar sendiri.</p>
  213. <p>Tertarik mempelajari lebih dalam tentang konsep pembelajaran lainnya? Simak juga <a href="https://www.mesinpintar.com/blog/apa-itu-supervised-learning">artikel tentang supervised learning</a> untuk melengkapi pemahaman Kamu.</p>
  214. <p>Selamat bereksperimen dengan CNN, siapa tahu proyek Kamu yang berikutnya bisa jadi sesuatu yang besar!</p>
  215. </p>
  216.                </article>
  217.                <div class="tags-container">
  218.                    <p><strong>Tags:</strong>
  219.                            <span>Kecerdasan Buatan, </span>
  220.                            <span>Classification, </span>
  221.                            <span>Algoritma Machine Learning</span>
  222.                    </p>
  223.                </div>
  224.            </div>
  225.        </div>
  226.    </div>
  227.    <div>
  228.        <button class="chatbot-toggler">
  229.        <span class="material-symbols-rounded">comment</span>
  230.        <span class="material-symbols-outlined">close</span>
  231.        </button>
  232.        <div class="chatbot">
  233.        <header>
  234.            <h2>Mesinpintar Chatbot</h2>
  235.            <span class="close-btn material-symbols-outlined">close</span>
  236.        </header>
  237.        <ul class="chatbox">
  238.            <li class="chat incoming">
  239.            <span class="material-symbols-outlined">robot_2</span>
  240.            <p>Hi there đź‘‹, I am a chat assistant powered by meta-Llama-3.1 model. How can I help you today?</p>
  241.            </li>
  242.        </ul>
  243.        <div class="chat-input">
  244.            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
  245.            <span id="send-btn" class="material-symbols-rounded">send</span>
  246.        </div>
  247.        </div>
  248.        <script src="/scripts-chat.js"></script>
  249.    </div>
  250.  
  251.    <!-- Footer -->
  252.    <footer class="text-center text-lg-start bg-body-tertiary-white text-muted pt-5">    
  253.        <section class="pt-1" style="background-color: #b6d7ff;">
  254.            <div class="container text-center text-md-start mt-5">
  255.            <!-- Grid row -->
  256.                <div class="row mt-3">
  257.                    <!-- Grid column -->
  258.                    <div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-4">
  259.                        <!-- Content -->
  260.                        <h6 class="text-uppercase fw-bold mb-4">
  261.                            <i class="fas fa-paper-plane me-3"></i>Mesinpintar
  262.                        </h6>
  263.                        <p>
  264.                            A platform offering a diverse range with AI powered tools, from expense tracking using just your receipt to bulk resume extraction and paraphrasing.
  265.                        </p>
  266.                    </div>
  267.                    <!-- Grid column -->
  268.  
  269.                    <!-- Grid column -->
  270.                    <div class="col-md-2 col-lg-2 col-xl-2 mx-auto mb-4">
  271.                        <!-- Links -->
  272.                        <h6 class="text-uppercase fw-bold mb-4">
  273.                            Tools
  274.                        </h6>
  275.                        <p>
  276.                            <a href="/expenses-tracking" class="text-reset toggle-link">Expenses Tracking</a>
  277.                        </p>
  278.                        <p>
  279.                            <a href="/cv-extractor" class="text-reset toggle-link">CV Bulk Extraction</a>
  280.                        </p>
  281.                        <p>
  282.                            <a href="/excel-to-json-xml" class="text-reset toggle-link">Excel to JSON/XML</a>
  283.                        </p>                        
  284.                        <p>
  285.                            <a href="/paraphrase" class="text-reset toggle-link">Paraphrase</a>
  286.                        </p>
  287.                    </div>
  288.                    <!-- Grid column -->
  289.  
  290.                    <!-- Grid column -->
  291.                    <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mb-4">
  292.                    <!-- Links -->
  293.                        <h6 class="text-uppercase fw-bold mb-4">
  294.                            Useful links
  295.                        </h6>
  296.                        <p>
  297.                            <a href="/terms-of-service" class="text-reset toggle-link">Terms</a>
  298.                        </p>
  299.                        <p>
  300.                            <a href="/privacy-policy" class="text-reset toggle-link">Privacy Policy</a>
  301.                        </p>
  302.                        <p>
  303.                            <a href="/contact" class="text-reset toggle-link">Contact</a>
  304.                        </p>
  305.                        <p>
  306.                            <a href="/about" class="text-reset toggle-link">About</a>
  307.                        </p>
  308.                    </div>
  309.                    <!-- Grid column -->
  310.  
  311.                    <!-- Grid column -->
  312.                    <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
  313.                        <!-- Links -->
  314.                        <h6 class="text-uppercase fw-bold mb-4">Contact</h6>
  315.                        <p><i class="fas fa-home me-3"></i>Surakarta, Central Java, ID</p>
  316.                        <p>
  317.                            <i class="fas fa-envelope me-3"></i>
  318.                            <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bad9d5d4cedbd9cefad7dfc9d3d4cad3d4cedbc894d9d5d7">[email&#160;protected]</a>
  319.                        </p>
  320.                        <p><i class="fab fa-twitter me-3"></i> @mesinpintarX</p>
  321.                        <p><i class="fab fa-instagram me-3"></i> @mesinpintar.ig</p>
  322.                    </div>
  323.                    <!-- Grid column -->
  324.                </div>
  325.            
  326.            </div>
  327.        </section>
  328.        <!-- Copyright -->
  329.        <div class="text-center p-4" style="background-color: #95bcff;">
  330.            &copy; 2025 Mesinpintar. All Rights Reserved.
  331.            <a class="text-reset fw-bold toggle-link" href="https://www.mesinpintar.com/">Mesinpintar</a>
  332.        </div>  
  333.    </footer>
  334.  
  335. <!-- Bootstrap JS -->
  336.    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
  337.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">
  338.    <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML" async></script>
  339.    <script src="/scripts-blog.js"></script>
  340.    <script>
  341.    document.addEventListener("DOMContentLoaded", function () {
  342.        // Ambil semua heading (h2, h3, dst.)
  343.        let headings = document.querySelectorAll("h2, h3, h4, h5, h6");
  344.        
  345.        headings.forEach((heading) => {
  346.            if (!heading.id) {
  347.                let text = heading.innerText || heading.textContent;
  348.                let id = text.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, ""); // Buat slug
  349.                heading.id = id;
  350.            }
  351.        });
  352.    });
  353.    </script>
  354.    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3735713809451778"
  355.         crossorigin="anonymous"></script>
  356.    <ins class="adsbygoogle"
  357.         style="display:block; text-align:center;"
  358.         data-ad-layout="in-article"
  359.         data-ad-format="fluid"
  360.         data-ad-client="ca-pub-3735713809451778"
  361.         data-ad-slot="7880849272"></ins>
  362.    <script>
  363.         (adsbygoogle = window.adsbygoogle || []).push({});
  364.    </script>
  365. </body>
  366. </html>
  367.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda