{"id":5015,"date":"2024-10-21T11:08:16","date_gmt":"2024-10-21T04:08:16","guid":{"rendered":"https:\/\/lumira.co.id\/blog\/?p=5015"},"modified":"2026-08-12T13:05:30","modified_gmt":"2026-08-12T06:05:30","slug":"cara-membuat-aplikasi-dengan-api-publik-tanpa-coding","status":"publish","type":"post","link":"https:\/\/lumira.co.id\/blog\/cara-membuat-aplikasi-dengan-api-publik-tanpa-coding\/","title":{"rendered":"Cara Membuat Aplikasi dengan API Publik Tanpa Coding"},"content":{"rendered":"<p>Dengan bantuan alat no-code, siapa pun dapat membuat aplikasi sederhana yang memanfaatkan API public. Khususnya di era digital saat ini, kemampuan untuk membuat aplikasi tidak lagi terbatas pada mereka yang memiliki latar belakang pemrograman.<\/p>\n<p>Artikel ini akan memandu Anda melalui langkah-langkah untuk pembuatan aplikasi sederhana menggunakan salah satu dari layanan tersebut.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Daftar Isi<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/lumira.co.id\/blog\/cara-membuat-aplikasi-dengan-api-publik-tanpa-coding\/#Apa_itu_API_Publik\" >Apa itu API Publik?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/lumira.co.id\/blog\/cara-membuat-aplikasi-dengan-api-publik-tanpa-coding\/#Alat_No-Code_yang_Digunakan\" >Alat No-Code yang Digunakan<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/lumira.co.id\/blog\/cara-membuat-aplikasi-dengan-api-publik-tanpa-coding\/#Langkah_1_Mendaftar_di_Bubble\" >Langkah 1: Mendaftar di Bubble<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/lumira.co.id\/blog\/cara-membuat-aplikasi-dengan-api-publik-tanpa-coding\/#Langkah_2_Membuat_Proyek_Baru\" >Langkah 2: Membuat Proyek Baru<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/lumira.co.id\/blog\/cara-membuat-aplikasi-dengan-api-publik-tanpa-coding\/#Langkah_3_Mendesain_Antarmuka_Pengguna\" >Langkah 3: Mendesain Antarmuka Pengguna<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/lumira.co.id\/blog\/cara-membuat-aplikasi-dengan-api-publik-tanpa-coding\/#Langkah_4_Menghubungkan_API_OpenWeather\" >Langkah 4: Menghubungkan API OpenWeather<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/lumira.co.id\/blog\/cara-membuat-aplikasi-dengan-api-publik-tanpa-coding\/#Langkah_5_Mengonfigurasi_Aksi_pada_Tombol\" >Langkah 5: Mengonfigurasi Aksi pada Tombol<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/lumira.co.id\/blog\/cara-membuat-aplikasi-dengan-api-publik-tanpa-coding\/#Langkah_6_Mencoba_Aplikasi\" >Langkah 6: Mencoba Aplikasi<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Apa_itu_API_Publik\"><\/span>Apa itu API Publik?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>API (Application Programming Interface) publik merupakan sekumpulan protokol dan alat untuk membangun perangkat lunak yang memungkinkan aplikasi berbeda untuk berkomunikasi. API publik seperti OpenWeather, Unsplash dan Spotify.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Alat_No-Code_yang_Digunakan\"><\/span>Alat No-Code yang Digunakan<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Salah satu alat no-code yang populer adalah Bubble, tetapi Anda juga dapat menggunakan platform lain seperti Adalo atau Glitch. Dalam tutorial ini, kita akan menggunakan Bubble karena antarmukanya yang intuitif dan fitur drag-and-drop yang memudahkan pengguna baru dalam membuat aplikasi sederhana.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Langkah_1_Mendaftar_di_Bubble\"><\/span>Langkah 1: Mendaftar di Bubble<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>Kunjungi situs Bubble dan buat akun gratis.<\/li>\n<li>Setelah mendaftar, Anda akan diarahkan ke dashboard Bubble.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Langkah_2_Membuat_Proyek_Baru\"><\/span>Langkah 2: Membuat Proyek Baru<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>Klik &#8220;New App&#8221; untuk membuat aplikasi baru.<\/li>\n<li>Beri nama pada aplikasi Anda, misalnya &#8220;Cuaca Hari Ini&#8221; dan pilih template kosong.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Langkah_3_Mendesain_Antarmuka_Pengguna\"><\/span>Langkah 3: Mendesain Antarmuka Pengguna<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>Di editor Bubble, Anda akan melihat panel di sebelah kiri untuk menambahkan elemen.<\/li>\n<li>Tambahkan elemen teks untuk judul aplikasi Anda. Misalnya, &#8220;Informasi Cuaca&#8221;.<\/li>\n<li>Tambahkan input field untuk pengguna memasukkan nama kota.<\/li>\n<li>Tambahkan tombol yang diberi label &#8220;Cek Cuaca&#8221;.<\/li>\n<li>Tambahkan area teks untuk menampilkan hasil cuaca.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Langkah_4_Menghubungkan_API_OpenWeather\"><\/span>Langkah 4: Menghubungkan API OpenWeather<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>Pada panel kiri, cari dan pilih &#8220;Plugins&#8221;.<\/li>\n<li>Klik &#8220;Add plugins&#8221; dan cari &#8220;API Connector&#8221;.<\/li>\n<li>Setelah itu buka &#8220;API Connector&#8221; dan klik &#8220;Add another API&#8221;.<\/li>\n<li>Beri nama API, misalnya &#8220;OpenWeather&#8221;.<\/li>\n<li>Masukkan URL endpoint API OpenWeather dengan input pengguna dan dengan kunci API Anda yang bisa didapatkan dari situs OpenWeather.<\/li>\n<li>Atur metode ke &#8220;GET&#8221;.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Langkah_5_Mengonfigurasi_Aksi_pada_Tombol\"><\/span>Langkah 5: Mengonfigurasi Aksi pada Tombol<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>Kembali ke editor dan klik pada tombol &#8220;Cek Cuaca&#8221;.<\/li>\n<li>Pada panel kanan, cari &#8220;Start\/Edit workflow&#8221;.<\/li>\n<li>Tambahkan aksi &#8220;Get data from an external API&#8221;.<\/li>\n<li>Pilih API OpenWeather yang telah Anda buat.<\/li>\n<li>Atur parameter dengan menghubungkan input kota dari pengguna.<\/li>\n<li>Setelah API berhasil dipanggil, atur hasilnya untuk ditampilkan di area teks yang Anda buat sebelumnya.<\/li>\n<\/ol>\n<h2><span class=\"ez-toc-section\" id=\"Langkah_6_Mencoba_Aplikasi\"><\/span>Langkah 6: Mencoba Aplikasi<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ol>\n<li>Setelah semua langkah selesai, klik &#8220;Preview&#8221; untuk mencoba aplikasi Anda.<\/li>\n<li>Masukkan nama kota dan klik tombol &#8220;Cek Cuaca&#8221;.<\/li>\n<li>Jika semua langkah diikuti dengan benar, Anda akan melihat informasi cuaca untuk kota yang dimasukkan.<\/li>\n<\/ol>\n<p>Membuat <a href=\"https:\/\/lumira.co.id\/blog\/cara-membuat-aplikasi-android-dengan-mudah-tanpa-coding-panduan-lengkap-pemula\/\">aplikasi tanpa coding<\/a> bisa Anda lakukan sendiri, namun jika Anda kesulitan untuk menerapkannya, maka Anda bisa mencari jasa software house yang bisa membantu Anda mewujudkan aplikasi buatan Anda. Salah satunya ada di Lumira, layanan yang ditawarkan sangat lengkap terutama untuk pembuatan aplikasi dan website.<\/p>\n<p>Sudah tidak terhitung berapa kali saya menggunakan Lumira untuk pembuatan website dan aplikasi. Saya selalu mempertimbangkan banyak hal untuk memilih jasa pembuatan aplikasi dan website, terutama fitur dan layanan yang mereka berikan agar saya bisa memilih sesuai kebutuhan.<\/p>\n<p>Membuat aplikasi sederhana yang menggunakan API publik tanpa harus menggunakan kode dapat dilakukan dengan mudah tanpa latar belakang pemrograman. Anda bisa mengembangkan aplikasi yang lebih kompleks dan menarik.<\/p>\n<p><strong>FAQ<\/strong><\/p>\n<p><strong>Apa itu alat no-code?<\/strong><\/p>\n<p>Alat no-code adalah platform yang memungkinkan pengguna membuat aplikasi tanpa menulis kode, menggunakan antarmuka visual.<\/p>\n<p><strong>Apa keuntungan menggunakan API publik?<\/strong><\/p>\n<p>API publik menyediakan akses data yang bermanfaat, seperti cuaca, gambar atau musik, yang dapat digunakan untuk meningkatkan aplikasi Anda.<\/p>\n<p><strong>Apakah saya perlu biaya untuk menggunakan alat no-code?<\/strong><\/p>\n<p>Banyak alat no-code menawarkan versi gratis, meski dengan fitur terbatas. Versi berbayar biasanya menyediakan fitur tambahan.<\/p>\n<p><strong>Bisakah saya mengintegrasikan beberapa API dalam satu aplikasi?<\/strong><\/p>\n<p>Ya, banyak alat no-code mendukung integrasi beberapa API dalam satu aplikasi.<\/p>\n<p><strong>Apakah saya perlu keterampilan teknis untuk menggunakan alat no-code?<\/strong><\/p>\n<p>Tidak, alat no-code dirancang untuk pemula dan memungkinkan siapa saja untuk membuat aplikasi tanpa keterampilan teknis.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dengan bantuan alat no-code, siapa pun dapat membuat aplikasi sederhana yang memanfaatkan API public. Khususnya di era digital saat ini, kemampuan untuk membuat aplikasi tidak lagi terbatas pada mereka yang memiliki latar belakang pemrograman. Artikel ini akan memandu Anda melalui langkah-langkah untuk pembuatan aplikasi sederhana menggunakan salah satu dari layanan tersebut. Apa itu API Publik? &hellip;<\/p>\n","protected":false},"author":1,"featured_media":5035,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[2],"tags":[],"class_list":["post-5015","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/i0.wp.com\/lumira.co.id\/blog\/wp-content\/uploads\/2024\/10\/Cara-Membuat-Aplikasi-dengan-API-Publik-Tanpa-Coding.jpg?fit=800%2C500&ssl=1","_links":{"self":[{"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/posts\/5015","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/comments?post=5015"}],"version-history":[{"count":1,"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/posts\/5015\/revisions"}],"predecessor-version":[{"id":5056,"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/posts\/5015\/revisions\/5056"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/media\/5035"}],"wp:attachment":[{"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/media?parent=5015"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/categories?post=5015"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lumira.co.id\/blog\/wp-json\/wp\/v2\/tags?post=5015"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}