Spirulina: Dasbor Interaktif<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #F8F7F2;\n color: #36454F;\n }\n .nav-link {\n transition: color 0.3s, border-bottom-color 0.3s;\n border-bottom: 2px solid transparent;\n }\n .nav-link:hover, .nav-link.active {\n color: #4A5C48;\n border-bottom-color: #4A5C48;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 50vh;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .process-step:hover .process-icon {\n transform: scale(1.1);\n background-color: #8A9A5B;\n }\n .process-icon {\n transition: all 0.3s ease-in-out;\n }\n .card-flip { perspective: 1000px; }\n .card-flip-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; }\n .card-flip:hover .card-flip-inner { transform: rotateY(180deg); }\n .card-front, .card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.75rem; }\n .card-back { transform: rotateY(180deg); }\n <\/style>\n<\/head>\n<body class=\"bg-[#F8F7F2] text-gray-800 antialiased\">\n\n \n <header id=\"header\" class=\"bg-[#F8F7F2]\/80 backdrop-blur-md sticky top-0 z-50 shadow-sm\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-16\">\n <div class=\"flex-shrink-0\">\n <a href=\"#\" class=\"text-xl font-bold text-[#4A5C48]\">SPIRULINA<\/a>\n <\/div>\n <nav class=\"hidden md:flex md:space-x-8\">\n <a href=\"#apa-itu\" class=\"nav-link px-1 py-2 text-sm font-medium text-gray-600\">Apa itu Spirulina?<\/a>\n <a href=\"#produksi\" class=\"nav-link px-1 py-2 text-sm font-medium text-gray-600\">Proses Produksi<\/a>\n <a href=\"#pasar\" class=\"nav-link px-1 py-2 text-sm font-medium text-gray-600\">Potensi Pasar<\/a>\n <a href=\"#produk\" class=\"nav-link px-1 py-2 text-sm font-medium text-gray-600\">Produk Turunan<\/a>\n <a href=\"#tantangan\" class=\"nav-link px-1 py-2 text-sm font-medium text-gray-600\">Tantangan<\/a>\n <\/nav>\n <div class=\"md:hidden\">\n <button id=\"mobile-menu-button\" class=\"text-gray-600 hover:text-[#4A5C48] focus:outline-none\">\n <span class=\"text-2xl\">☰<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden\">\n <a href=\"#apa-itu\" class=\"block py-2 px-4 text-sm text-gray-600 hover:bg-gray-200\">Apa itu Spirulina?<\/a>\n <a href=\"#produksi\" class=\"block py-2 px-4 text-sm text-gray-600 hover:bg-gray-200\">Proses Produksi<\/a>\n <a href=\"#pasar\" class=\"block py-2 px-4 text-sm text-gray-600 hover:bg-gray-200\">Potensi Pasar<\/a>\n <a href=\"#produk\" class=\"block py-2 px-4 text-sm text-gray-600 hover:bg-gray-200\">Produk Turunan<\/a>\n <a href=\"#tantangan\" class=\"block py-2 px-4 text-sm text-gray-600 hover:bg-gray-200\">Tantangan<\/a>\n <\/div>\n <\/header>\n\n <main>\n \n <section id=\"hero\" class=\"relative min-h-[60vh] flex items-center\">\n <div class=\"absolute inset-0 bg-[#8A9A5B] opacity-10\"><\/div>\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h1 class=\"text-4xl md:text-6xl font-bold text-[#4A5C48] tracking-tight\">Menjelajahi Dunia Spirulina<\/h1>\n <p class=\"mt-4 text-lg md:text-xl text-gray-600 max-w-3xl mx-auto\">Sebuah “Superfood” Biru-Hijau dengan Potensi Luar Biasa untuk Kesehatan, Industri, dan Lingkungan.<\/p>\n <a href=\"#apa-itu\" class=\"mt-8 inline-block bg-[#4A5C48] text-white font-bold py-3 px-8 rounded-full hover:bg-[#3b4a39] transition-colors duration-300\">Mulai Eksplorasi<\/a>\n <\/div>\n <\/section>\n\n \n <section id=\"apa-itu\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#4A5C48]\">Apa itu Spirulina?<\/h2>\n <p class=\"mt-3 text-lg text-gray-600 max-w-2xl mx-auto\">Spirulina adalah mikroalga biru-hijau, secara ilmiah dikenal sebagai sianobakteria. Organisme ini kaya nutrisi dan telah diakui sebagai “superfood” karena profil nutrisinya yang komprehensif dan berbagai manfaat kesehatannya.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n <div class=\"bg-gray-50 p-6 rounded-lg shadow-md text-center\">\n <span class=\"text-4xl\">\ud83d\udcaa<\/span>\n <h3 class=\"mt-4 text-xl font-semibold\">Protein Tinggi<\/h3>\n <p class=\"mt-2 text-gray-600\">Mengandung 53-70% protein berkualitas tinggi, lengkap dengan semua asam amino esensial.<\/p>\n <\/div>\n <div class=\"bg-gray-50 p-6 rounded-lg shadow-md text-center\">\n <span class=\"text-4xl\">\ud83d\udc8a<\/span>\n <h3 class=\"mt-4 text-xl font-semibold\">Kaya Vitamin<\/h3>\n <p class=\"mt-2 text-gray-600\">Sumber vitamin B1, B2, B3, A, K, dan Folat yang signifikan untuk menunjang fungsi tubuh.<\/p>\n <\/div>\n <div class=\"bg-gray-50 p-6 rounded-lg shadow-md text-center\">\n <span class=\"text-4xl\">\ud83d\udc8e<\/span>\n <h3 class=\"mt-4 text-xl font-semibold\">Sumber Mineral<\/h3>\n <p class=\"mt-2 text-gray-600\">Mengandung mineral esensial seperti Zat Besi, Tembaga, Magnesium, dan Kalium.<\/p>\n <\/div>\n <div class=\"bg-gray-50 p-6 rounded-lg shadow-md text-center\">\n <span class=\"text-4xl\">\ud83c\udf43<\/span>\n <h3 class=\"mt-4 text-xl font-semibold\">Antioksidan Kuat<\/h3>\n <p class=\"mt-2 text-gray-600\">Fikosianin, pigmen uniknya, memberikan efek antioksidan dan anti-inflamasi yang kuat.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"produksi\" class=\"py-16 md:py-24\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#4A5C48]\">Bagaimana Spirulina Diproduksi?<\/h2>\n <p class=\"mt-3 text-lg text-gray-600 max-w-3xl mx-auto\">Produksi Spirulina melibatkan serangkaian proses yang terkontrol dengan cermat, mulai dari kultivasi hingga menjadi produk akhir. Bagian ini menjelaskan tahapan utama dan metode budidaya yang umum digunakan.<\/p>\n <\/div>\n \n \n <div class=\"relative mt-12\">\n <div class=\"hidden md:block absolute top-1\/2 left-0 w-full h-1 bg-[#8A9A5B] opacity-30 -translate-y-1\/2\"><\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 relative\">\n <div class=\"process-step text-center cursor-pointer\">\n <div class=\"process-icon relative z-10 w-20 h-20 mx-auto bg-[#A8B884] rounded-full flex items-center justify-center text-white text-3xl shadow-lg\"><span class=\"transform rotate-45\">✦<\/span><\/div>\n <h4 class=\"mt-4 font-semibold\">1. Kultivasi<\/h4>\n <p class=\"text-sm text-gray-500 mt-1\">Spirulina ditumbuhkan dalam kolam air alkali yang kaya nutrisi.<\/p>\n <\/div>\n <div class=\"process-step text-center cursor-pointer\">\n <div class=\"process-icon relative z-10 w-20 h-20 mx-auto bg-[#A8B884] rounded-full flex items-center justify-center text-white text-3xl shadow-lg\"><span>🔗<\/span><\/div>\n <h4 class=\"mt-4 font-semibold\">2. Panen<\/h4>\n <p class=\"text-sm text-gray-500 mt-1\">Kultur dipompa melalui saringan halus untuk memisahkan biomassa.<\/p>\n <\/div>\n <div class=\"process-step text-center cursor-pointer\">\n <div class=\"process-icon relative z-10 w-20 h-20 mx-auto bg-[#A8B884] rounded-full flex items-center justify-center text-white text-3xl shadow-lg\"><span>💧<\/span><\/div>\n <h4 class=\"mt-4 font-semibold\">3. Pencucian & Pengeringan<\/h4>\n <p class=\"text-sm text-gray-500 mt-1\">Biomassa dicuci dan dikeringkan (seringkali dengan spray drying) menjadi bubuk.<\/p>\n <\/div>\n <div class=\"process-step text-center cursor-pointer\">\n <div class=\"process-icon relative z-10 w-20 h-20 mx-auto bg-[#A8B884] rounded-full flex items-center justify-center text-white text-3xl shadow-lg\"><span>📦<\/span><\/div>\n <h4 class=\"mt-4 font-semibold\">4. Pengemasan<\/h4>\n <p class=\"text-sm text-gray-500 mt-1\">Produk akhir dikemas kedap udara untuk menjaga kualitas.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-16 bg-white p-8 rounded-lg shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center text-[#4A5C48] mb-6\">Metode Budidaya: Mana yang Lebih Baik?<\/h3>\n <div class=\"flex justify-center mb-6\">\n <div class=\"inline-flex rounded-md shadow-sm\">\n <button id=\"btn-raceway\" class=\"px-4 py-2 text-sm font-medium text-white bg-[#8A9A5B] border border-gray-200 rounded-l-md hover:bg-[#78884a]\">Kolam Terbuka<\/button>\n <button id=\"btn-pbr\" class=\"px-4 py-2 text-sm font-medium text-gray-700 bg-white border-t border-b border-gray-200 hover:bg-gray-50\">Fotobioreaktor<\/button>\n <\/div>\n <\/div>\n <div id=\"comparison-content\" class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pasar\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#4A5C48]\">Potensi Pasar Global<\/h2>\n <p class=\"mt-3 text-lg text-gray-600 max-w-3xl mx-auto\">Pasar Spirulina global menunjukkan pertumbuhan yang pesat, didorong oleh kesadaran kesehatan, permintaan bahan alami, dan inovasi produk. Grafik di bawah ini menggambarkan proyeksi pertumbuhan dan segmentasi pasar.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div>\n <h3 class=\"text-xl font-semibold mb-4 text-center\">Proyeksi Pertumbuhan Pasar (USD Miliar)<\/h3>\n <div class=\"chart-container h-[300px] md:h-[400px]\">\n <canvas id=\"marketGrowthChart\"><\/canvas>\n <\/div>\n <\/div>\n <div>\n <h3 class=\"text-xl font-semibold mb-2 text-center\">Segmentasi Pasar<\/h3>\n <div class=\"flex justify-center mb-4\">\n <select id=\"segmentation-selector\" class=\"block w-full max-w-xs mx-auto p-2 border border-gray-300 rounded-md shadow-sm focus:ring-[#8A9A5B] focus:border-[#8A9A5B]\">\n <option value=\"aplikasi\">Berdasarkan Aplikasi<\/option>\n <option value=\"bentuk\">Berdasarkan Bentuk<\/option>\n <\/select>\n <\/div>\n <div class=\"chart-container h-[300px] md:h-[400px]\">\n <canvas id=\"marketSegmentationChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"produk\" class=\"py-16 md:py-24\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#4A5C48]\">Aplikasi dan Produk Turunan<\/h2>\n <p class=\"mt-3 text-lg text-gray-600 max-w-3xl mx-auto\">Berkat profil nutrisi dan sifat fungsionalnya, Spirulina digunakan dalam berbagai industri. Arahkan kursor ke kartu di bawah untuk melihat detail aplikasinya.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"card-flip h-64\">\n <div class=\"card-flip-inner shadow-lg rounded-xl\">\n <div class=\"card-front bg-white p-6\">\n <span class=\"text-5xl mb-4\">\ud83c\udf4e<\/span>\n <h3 class=\"text-xl font-bold text-[#4A5C48]\">Makanan & Nutraceutical<\/h3>\n <\/div>\n <div class=\"card-back bg-[#4A5C48] text-white p-4\">\n <p class=\"text-sm\">Digunakan sebagai suplemen (tablet, bubuk), pewarna makanan alami (biru\/hijau), dan bahan fortifikasi pada roti, mi, dan minuman kesehatan.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-flip h-64\">\n <div class=\"card-flip-inner shadow-lg rounded-xl\">\n <div class=\"card-front bg-white p-6\">\n <span class=\"text-5xl mb-4\">\ud83e\uddf4<\/span>\n <h3 class=\"text-xl font-bold text-[#4A5C48]\">Kosmetik & Perawatan Diri<\/h3>\n <\/div>\n <div class=\"card-back bg-[#4A5C48] text-white p-4\">\n <p class=\"text-sm\">Bahan dalam krim anti-penuaan, masker wajah, dan produk perawatan kulit karena sifat antioksidan dan menutrisinya.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-flip h-64\">\n <div class=\"card-flip-inner shadow-lg rounded-xl\">\n <div class=\"card-front bg-white p-6\">\n <span class=\"text-5xl mb-4\">\ud83d\udc1f<\/span>\n <h3 class=\"text-xl font-bold text-[#4A5C48]\">Pakan Hewan & Akuakultur<\/h3>\n <\/div>\n <div class=\"card-back bg-[#4A5C48] text-white p-4\">\n <p class=\"text-sm\">Sebagai suplemen pakan untuk ikan, udang, dan unggas untuk meningkatkan pertumbuhan, imunitas, dan warna.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-flip h-64\">\n <div class=\"card-flip-inner shadow-lg rounded-xl\">\n <div class=\"card-front bg-white p-6\">\n <span class=\"text-5xl mb-4\">\u267b\ufe0f<\/span>\n <h3 class=\"text-xl font-bold text-[#4A5C48]\">Bioenergi & Bioremediasi<\/h3>\n <\/div>\n <div class=\"card-back bg-[#4A5C48] text-white p-4\">\n <p class=\"text-sm\">Potensi sebagai bahan baku biodiesel, bio-pupuk, serta untuk menyerap logam berat dan CO2 dari lingkungan.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"tantangan\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#4A5C48]\">Tantangan dan Masa Depan<\/h2>\n <p class=\"mt-3 text-lg text-gray-600 max-w-3xl mx-auto\">Meskipun potensinya besar, industri Spirulina menghadapi beberapa tantangan yang perlu diatasi untuk pertumbuhan yang berkelanjutan. Inovasi berkelanjutan adalah kunci untuk masa depan.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-red-100 text-red-600 rounded-full flex items-center justify-center text-2xl\">\ud83d\udd2c<\/div>\n <div>\n <h4 class=\"font-semibold text-lg\">Risiko Kontaminasi<\/h4>\n <p class=\"text-gray-600 mt-1\">Sistem terbuka rentan terhadap kontaminasi bakteri dan alga lain, memerlukan kontrol kualitas yang ketat.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-yellow-100 text-yellow-600 rounded-full flex items-center justify-center text-2xl\">\ud83d\udcb0<\/div>\n <div>\n <h4 class=\"font-semibold text-lg\">Biaya Produksi<\/h4>\n <p class=\"text-gray-600 mt-1\">Biaya investasi awal dan operasional, terutama untuk energi dan sistem tertutup (PBRs), masih tinggi.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center text-2xl\">\ud83c\udfa8<\/div>\n <div>\n <h4 class=\"font-semibold text-lg\">Stabilitas Warna<\/h4>\n <p class=\"text-gray-600 mt-1\">Pewarna alami dari Spirulina memiliki stabilitas lebih rendah dibandingkan pewarna sintetis.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-green-100 text-green-600 rounded-full flex items-center justify-center text-2xl\">\ud83c\udf0d<\/div>\n <div>\n <h4 class=\"font-semibold text-lg\">Standardisasi & R&D<\/h4>\n <p class=\"text-gray-600 mt-1\">Kurangnya standar produksi global dan kebutuhan akan riset lebih lanjut untuk optimalisasi.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer class=\"bg-[#4A5C48] text-white\">\n <div class=\"container mx-auto py-6 px-4 sm:px-6 lg:px-8 text-center\">\n <p>© 2024 Dasbor Interaktif Spirulina. Dibuat untuk tujuan edukasi.<\/p>\n <p class=\"text-sm text-gray-300 mt-2\">Data disarikan dari Laporan Analisis Komprehensif Mikroalga Spirulina.<\/p>\n <\/div>\n <\/footer>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ Mobile Menu Toggle\n const mobileMenuButton = document.getElementById('mobile-menu-button');\n const mobileMenu = document.getElementById('mobile-menu');\n mobileMenuButton.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n \/\/ Navigation scroll spy\n const sections = document.querySelectorAll('section');\n const navLinks = document.querySelectorAll('header nav a');\n \n window.onscroll = () => {\n let current = '';\n sections.forEach(section => {\n const sectionTop = section.offsetTop;\n if (pageYOffset >= sectionTop - 70) {\n current = section.getAttribute('id');\n }\n });\n\n navLinks.forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('href').includes(current)) {\n link.classList.add('active');\n }\n });\n };\n \n \/\/ Production Comparison Toggle\n const btnRaceway = document.getElementById('btn-raceway');\n const btnPbr = document.getElementById('btn-pbr');\n const comparisonContent = document.getElementById('comparison-content');\n\n const content = {\n raceway: `\n <div class=\"border-l-4 border-green-500 pl-4\">\n <h4 class=\"font-bold text-lg\">Keunggulan<\/h4>\n <ul class=\"list-disc list-inside mt-2 text-gray-600 text-sm space-y-1\">\n <li>Biaya investasi dan operasional lebih rendah<\/li>\n <li>Cocok untuk produksi skala sangat besar<\/li>\n <li>Teknologi yang lebih matang dan sederhana<\/li>\n <\/ul>\n <\/div>\n <div class=\"border-l-4 border-red-500 pl-4\">\n <h4 class=\"font-bold text-lg\">Kelemahan<\/h4>\n <ul class=\"list-disc list-inside mt-2 text-gray-600 text-sm space-y-1\">\n <li>Rentan terhadap kontaminasi (debu, hujan, bakteri)<\/li>\n <li>Kontrol terhadap lingkungan (suhu, cahaya) terbatas<\/li>\n <li>Memerlukan lahan yang luas<\/li>\n <li>Evaporasi air yang tinggi<\/li>\n <\/ul>\n <\/div>\n `,\n pbr: `\n <div class=\"border-l-4 border-green-500 pl-4\">\n <h4 class=\"font-bold text-lg\">Keunggulan<\/h4>\n <ul class=\"list-disc list-inside mt-2 text-gray-600 text-sm space-y-1\">\n <li>Kontrol lingkungan optimal, produktivitas tinggi<\/li>\n <li>Risiko kontaminasi sangat rendah<\/li>\n <li>Penggunaan air dan lahan lebih efisien<\/li>\n <li>Kualitas produk lebih terjamin dan konsisten<\/li>\n <\/ul>\n <\/div>\n <div class=\"border-l-4 border-red-500 pl-4\">\n <h4 class=\"font-bold text-lg\">Kelemahan<\/h4>\n <ul class=\"list-disc list-inside mt-2 text-gray-600 text-sm space-y-1\">\n <li>Biaya investasi dan operasional sangat tinggi<\/li>\n <li>Potensi overheating jika tidak dikelola baik<\/li>\n <li>Skalabilitas lebih kompleks dan mahal<\/li>\n <li>Membutuhkan teknologi dan keahlian tinggi<\/li>\n <\/ul>\n <\/div>\n `\n };\n\n function updateComparison(type) {\n comparisonContent.innerHTML = content[type];\n if (type === 'raceway') {\n btnRaceway.classList.add('bg-[#8A9A5B]', 'text-white');\n btnRaceway.classList.remove('bg-white', 'text-gray-700');\n btnPbr.classList.add('bg-white', 'text-gray-700');\n btnPbr.classList.remove('bg-[#8A9A5B]', 'text-white');\n btnPbr.classList.remove('rounded-l-md');\n btnPbr.classList.add('rounded-r-md');\n\n } else {\n btnPbr.classList.add('bg-[#8A9A5B]', 'text-white');\n btnPbr.classList.remove('bg-white', 'text-gray-700');\n btnRaceway.classList.add('bg-white', 'text-gray-700');\n btnRaceway.classList.remove('bg-[#8A9A5B]', 'text-white');\n btnPbr.classList.add('rounded-r-md');\n }\n }\n \n btnRaceway.addEventListener('click', () => updateComparison('raceway'));\n btnPbr.addEventListener('click', () => updateComparison('pbr'));\n updateComparison('raceway');\n\n\n \/\/ Chart.js Implementations\n const primaryColor = '#4A5C48';\n const secondaryColor = '#8A9A5B';\n const tertiaryColor = '#A8B884';\n const gridColor = '#e5e7eb';\n const textColor = '#374151';\n \n \/\/ Market Growth Chart\n const marketGrowthCtx = document.getElementById('marketGrowthChart').getContext('2d');\n new Chart(marketGrowthCtx, {\n type: 'line',\n data: {\n labels: ['2022', '2024', '2026', '2028', '2030'],\n datasets: [{\n label: 'Ukuran Pasar (USD Miliar)',\n data: [0.48, 0.62, 0.78, 0.95, 1.14],\n backgroundColor: 'rgba(74, 92, 72, 0.1)',\n borderColor: primaryColor,\n borderWidth: 3,\n fill: true,\n tension: 0.4,\n pointBackgroundColor: primaryColor,\n pointRadius: 5,\n pointHoverRadius: 7\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return ` ${context.dataset.label}: $${context.parsed.y}`;\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: false,\n ticks: {\n callback: function(value, index, values) {\n return '$' + value + ' M';\n },\n color: textColor\n },\n grid: {\n color: gridColor\n }\n },\n x: {\n ticks: {\n color: textColor\n },\n grid: {\n display: false\n }\n }\n }\n }\n });\n\n \/\/ Market Segmentation Chart\n const segmentationData = {\n aplikasi: {\n labels: ['Nutraceutical', 'Makanan & Minuman', 'Kosmetik', 'Pakan Ternak', 'Lainnya'],\n data: [45, 25, 15, 10, 5]\n },\n bentuk: {\n labels: ['Bubuk', 'Tablet & Kapsul', 'Cairan', 'Granul'],\n data: [78, 15, 5, 2]\n }\n };\n \n const segmentationCtx = document.getElementById('marketSegmentationChart').getContext('2d');\n const segmentationChart = new Chart(segmentationCtx, {\n type: 'bar',\n data: {\n labels: segmentationData.aplikasi.labels,\n datasets: [{\n label: 'Pangsa Pasar (%)',\n data: segmentationData.aplikasi.data,\n backgroundColor: [primaryColor, secondaryColor, tertiaryColor, '#C8D2B1', '#E3E8D8'],\n borderColor: '#ffffff',\n borderWidth: 2,\n borderRadius: 5\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n indexAxis: 'y',\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return ` Pangsa Pasar: ${context.parsed.x}%`;\n }\n }\n }\n },\n scales: {\n x: {\n ticks: {\n callback: function(value) {\n return value + '%';\n },\n color: textColor\n },\n grid: {\n color: gridColor\n }\n },\n y: {\n ticks: {\n color: textColor,\n font: { size: 10 }\n },\n grid: {\n display: false\n }\n }\n }\n }\n });\n\n document.getElementById('segmentation-selector').addEventListener('change', function() {\n const selectedValue = this.value;\n segmentationChart.data.labels = segmentationData[selectedValue].labels;\n segmentationChart.data.datasets[0].data = segmentationData[selectedValue].data;\n segmentationChart.update();\n });\n\n});\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Spirulina: Dasbor Interaktif SPIRULINA Apa itu Spirulina? Proses Produksi Potensi Pasar Produk Turunan Tantangan ☰ Apa itu Spirulina? Proses Produksi […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1983","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"chakraroy@gmail.com","author_link":"https:\/\/scadglobal.org\/id\/author\/chakraroygmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Spirulina: Dasbor Interaktif SPIRULINA Apa itu Spirulina? Proses Produksi Potensi Pasar Produk Turunan Tantangan ☰ Apa itu Spirulina? Proses Produksi […]","_links":{"self":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/comments?post=1983"}],"version-history":[{"count":1,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1983\/revisions"}],"predecessor-version":[{"id":1984,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1983\/revisions\/1984"}],"wp:attachment":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/media?parent=1983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1983,"date":"2025-06-18T01:34:55","date_gmt":"2025-06-18T01:34:55","guid":{"rendered":"https:\/\/scadglobal.org\/?page_id=1983"},"modified":"2025-06-18T01:34:56","modified_gmt":"2025-06-18T01:34:56","slug":"algae-dan-spirulina","status":"publish","type":"page","link":"https:\/\/scadglobal.org\/id\/algae-dan-spirulina\/","title":{"rendered":"Algae dan Spirulina"},"content":{"rendered":"\n\n\n \n \n Spirulina: Dasbor Interaktif<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n \n \n \n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #F8F7F2;\n color: #36454F;\n }\n .nav-link {\n transition: color 0.3s, border-bottom-color 0.3s;\n border-bottom: 2px solid transparent;\n }\n .nav-link:hover, .nav-link.active {\n color: #4A5C48;\n border-bottom-color: #4A5C48;\n }\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 700px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 50vh;\n }\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n .process-step:hover .process-icon {\n transform: scale(1.1);\n background-color: #8A9A5B;\n }\n .process-icon {\n transition: all 0.3s ease-in-out;\n }\n .card-flip { perspective: 1000px; }\n .card-flip-inner { position: relative; width: 100%; height: 100%; transition: transform 0.6s; transform-style: preserve-3d; }\n .card-flip:hover .card-flip-inner { transform: rotateY(180deg); }\n .card-front, .card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.75rem; }\n .card-back { transform: rotateY(180deg); }\n <\/style>\n<\/head>\n<body class=\"bg-[#F8F7F2] text-gray-800 antialiased\">\n\n \n <header id=\"header\" class=\"bg-[#F8F7F2]\/80 backdrop-blur-md sticky top-0 z-50 shadow-sm\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex items-center justify-between h-16\">\n <div class=\"flex-shrink-0\">\n <a href=\"#\" class=\"text-xl font-bold text-[#4A5C48]\">SPIRULINA<\/a>\n <\/div>\n <nav class=\"hidden md:flex md:space-x-8\">\n <a href=\"#apa-itu\" class=\"nav-link px-1 py-2 text-sm font-medium text-gray-600\">Apa itu Spirulina?<\/a>\n <a href=\"#produksi\" class=\"nav-link px-1 py-2 text-sm font-medium text-gray-600\">Proses Produksi<\/a>\n <a href=\"#pasar\" class=\"nav-link px-1 py-2 text-sm font-medium text-gray-600\">Potensi Pasar<\/a>\n <a href=\"#produk\" class=\"nav-link px-1 py-2 text-sm font-medium text-gray-600\">Produk Turunan<\/a>\n <a href=\"#tantangan\" class=\"nav-link px-1 py-2 text-sm font-medium text-gray-600\">Tantangan<\/a>\n <\/nav>\n <div class=\"md:hidden\">\n <button id=\"mobile-menu-button\" class=\"text-gray-600 hover:text-[#4A5C48] focus:outline-none\">\n <span class=\"text-2xl\">☰<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden\">\n <a href=\"#apa-itu\" class=\"block py-2 px-4 text-sm text-gray-600 hover:bg-gray-200\">Apa itu Spirulina?<\/a>\n <a href=\"#produksi\" class=\"block py-2 px-4 text-sm text-gray-600 hover:bg-gray-200\">Proses Produksi<\/a>\n <a href=\"#pasar\" class=\"block py-2 px-4 text-sm text-gray-600 hover:bg-gray-200\">Potensi Pasar<\/a>\n <a href=\"#produk\" class=\"block py-2 px-4 text-sm text-gray-600 hover:bg-gray-200\">Produk Turunan<\/a>\n <a href=\"#tantangan\" class=\"block py-2 px-4 text-sm text-gray-600 hover:bg-gray-200\">Tantangan<\/a>\n <\/div>\n <\/header>\n\n <main>\n \n <section id=\"hero\" class=\"relative min-h-[60vh] flex items-center\">\n <div class=\"absolute inset-0 bg-[#8A9A5B] opacity-10\"><\/div>\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 text-center\">\n <h1 class=\"text-4xl md:text-6xl font-bold text-[#4A5C48] tracking-tight\">Menjelajahi Dunia Spirulina<\/h1>\n <p class=\"mt-4 text-lg md:text-xl text-gray-600 max-w-3xl mx-auto\">Sebuah “Superfood” Biru-Hijau dengan Potensi Luar Biasa untuk Kesehatan, Industri, dan Lingkungan.<\/p>\n <a href=\"#apa-itu\" class=\"mt-8 inline-block bg-[#4A5C48] text-white font-bold py-3 px-8 rounded-full hover:bg-[#3b4a39] transition-colors duration-300\">Mulai Eksplorasi<\/a>\n <\/div>\n <\/section>\n\n \n <section id=\"apa-itu\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#4A5C48]\">Apa itu Spirulina?<\/h2>\n <p class=\"mt-3 text-lg text-gray-600 max-w-2xl mx-auto\">Spirulina adalah mikroalga biru-hijau, secara ilmiah dikenal sebagai sianobakteria. Organisme ini kaya nutrisi dan telah diakui sebagai “superfood” karena profil nutrisinya yang komprehensif dan berbagai manfaat kesehatannya.<\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n \n <div class=\"bg-gray-50 p-6 rounded-lg shadow-md text-center\">\n <span class=\"text-4xl\">\ud83d\udcaa<\/span>\n <h3 class=\"mt-4 text-xl font-semibold\">Protein Tinggi<\/h3>\n <p class=\"mt-2 text-gray-600\">Mengandung 53-70% protein berkualitas tinggi, lengkap dengan semua asam amino esensial.<\/p>\n <\/div>\n <div class=\"bg-gray-50 p-6 rounded-lg shadow-md text-center\">\n <span class=\"text-4xl\">\ud83d\udc8a<\/span>\n <h3 class=\"mt-4 text-xl font-semibold\">Kaya Vitamin<\/h3>\n <p class=\"mt-2 text-gray-600\">Sumber vitamin B1, B2, B3, A, K, dan Folat yang signifikan untuk menunjang fungsi tubuh.<\/p>\n <\/div>\n <div class=\"bg-gray-50 p-6 rounded-lg shadow-md text-center\">\n <span class=\"text-4xl\">\ud83d\udc8e<\/span>\n <h3 class=\"mt-4 text-xl font-semibold\">Sumber Mineral<\/h3>\n <p class=\"mt-2 text-gray-600\">Mengandung mineral esensial seperti Zat Besi, Tembaga, Magnesium, dan Kalium.<\/p>\n <\/div>\n <div class=\"bg-gray-50 p-6 rounded-lg shadow-md text-center\">\n <span class=\"text-4xl\">\ud83c\udf43<\/span>\n <h3 class=\"mt-4 text-xl font-semibold\">Antioksidan Kuat<\/h3>\n <p class=\"mt-2 text-gray-600\">Fikosianin, pigmen uniknya, memberikan efek antioksidan dan anti-inflamasi yang kuat.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"produksi\" class=\"py-16 md:py-24\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#4A5C48]\">Bagaimana Spirulina Diproduksi?<\/h2>\n <p class=\"mt-3 text-lg text-gray-600 max-w-3xl mx-auto\">Produksi Spirulina melibatkan serangkaian proses yang terkontrol dengan cermat, mulai dari kultivasi hingga menjadi produk akhir. Bagian ini menjelaskan tahapan utama dan metode budidaya yang umum digunakan.<\/p>\n <\/div>\n \n \n <div class=\"relative mt-12\">\n <div class=\"hidden md:block absolute top-1\/2 left-0 w-full h-1 bg-[#8A9A5B] opacity-30 -translate-y-1\/2\"><\/div>\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 relative\">\n <div class=\"process-step text-center cursor-pointer\">\n <div class=\"process-icon relative z-10 w-20 h-20 mx-auto bg-[#A8B884] rounded-full flex items-center justify-center text-white text-3xl shadow-lg\"><span class=\"transform rotate-45\">✦<\/span><\/div>\n <h4 class=\"mt-4 font-semibold\">1. Kultivasi<\/h4>\n <p class=\"text-sm text-gray-500 mt-1\">Spirulina ditumbuhkan dalam kolam air alkali yang kaya nutrisi.<\/p>\n <\/div>\n <div class=\"process-step text-center cursor-pointer\">\n <div class=\"process-icon relative z-10 w-20 h-20 mx-auto bg-[#A8B884] rounded-full flex items-center justify-center text-white text-3xl shadow-lg\"><span>🔗<\/span><\/div>\n <h4 class=\"mt-4 font-semibold\">2. Panen<\/h4>\n <p class=\"text-sm text-gray-500 mt-1\">Kultur dipompa melalui saringan halus untuk memisahkan biomassa.<\/p>\n <\/div>\n <div class=\"process-step text-center cursor-pointer\">\n <div class=\"process-icon relative z-10 w-20 h-20 mx-auto bg-[#A8B884] rounded-full flex items-center justify-center text-white text-3xl shadow-lg\"><span>💧<\/span><\/div>\n <h4 class=\"mt-4 font-semibold\">3. Pencucian & Pengeringan<\/h4>\n <p class=\"text-sm text-gray-500 mt-1\">Biomassa dicuci dan dikeringkan (seringkali dengan spray drying) menjadi bubuk.<\/p>\n <\/div>\n <div class=\"process-step text-center cursor-pointer\">\n <div class=\"process-icon relative z-10 w-20 h-20 mx-auto bg-[#A8B884] rounded-full flex items-center justify-center text-white text-3xl shadow-lg\"><span>📦<\/span><\/div>\n <h4 class=\"mt-4 font-semibold\">4. Pengemasan<\/h4>\n <p class=\"text-sm text-gray-500 mt-1\">Produk akhir dikemas kedap udara untuk menjaga kualitas.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-16 bg-white p-8 rounded-lg shadow-lg\">\n <h3 class=\"text-2xl font-bold text-center text-[#4A5C48] mb-6\">Metode Budidaya: Mana yang Lebih Baik?<\/h3>\n <div class=\"flex justify-center mb-6\">\n <div class=\"inline-flex rounded-md shadow-sm\">\n <button id=\"btn-raceway\" class=\"px-4 py-2 text-sm font-medium text-white bg-[#8A9A5B] border border-gray-200 rounded-l-md hover:bg-[#78884a]\">Kolam Terbuka<\/button>\n <button id=\"btn-pbr\" class=\"px-4 py-2 text-sm font-medium text-gray-700 bg-white border-t border-b border-gray-200 hover:bg-gray-50\">Fotobioreaktor<\/button>\n <\/div>\n <\/div>\n <div id=\"comparison-content\" class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n \n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"pasar\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#4A5C48]\">Potensi Pasar Global<\/h2>\n <p class=\"mt-3 text-lg text-gray-600 max-w-3xl mx-auto\">Pasar Spirulina global menunjukkan pertumbuhan yang pesat, didorong oleh kesadaran kesehatan, permintaan bahan alami, dan inovasi produk. Grafik di bawah ini menggambarkan proyeksi pertumbuhan dan segmentasi pasar.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div>\n <h3 class=\"text-xl font-semibold mb-4 text-center\">Proyeksi Pertumbuhan Pasar (USD Miliar)<\/h3>\n <div class=\"chart-container h-[300px] md:h-[400px]\">\n <canvas id=\"marketGrowthChart\"><\/canvas>\n <\/div>\n <\/div>\n <div>\n <h3 class=\"text-xl font-semibold mb-2 text-center\">Segmentasi Pasar<\/h3>\n <div class=\"flex justify-center mb-4\">\n <select id=\"segmentation-selector\" class=\"block w-full max-w-xs mx-auto p-2 border border-gray-300 rounded-md shadow-sm focus:ring-[#8A9A5B] focus:border-[#8A9A5B]\">\n <option value=\"aplikasi\">Berdasarkan Aplikasi<\/option>\n <option value=\"bentuk\">Berdasarkan Bentuk<\/option>\n <\/select>\n <\/div>\n <div class=\"chart-container h-[300px] md:h-[400px]\">\n <canvas id=\"marketSegmentationChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"produk\" class=\"py-16 md:py-24\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#4A5C48]\">Aplikasi dan Produk Turunan<\/h2>\n <p class=\"mt-3 text-lg text-gray-600 max-w-3xl mx-auto\">Berkat profil nutrisi dan sifat fungsionalnya, Spirulina digunakan dalam berbagai industri. Arahkan kursor ke kartu di bawah untuk melihat detail aplikasinya.<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"card-flip h-64\">\n <div class=\"card-flip-inner shadow-lg rounded-xl\">\n <div class=\"card-front bg-white p-6\">\n <span class=\"text-5xl mb-4\">\ud83c\udf4e<\/span>\n <h3 class=\"text-xl font-bold text-[#4A5C48]\">Makanan & Nutraceutical<\/h3>\n <\/div>\n <div class=\"card-back bg-[#4A5C48] text-white p-4\">\n <p class=\"text-sm\">Digunakan sebagai suplemen (tablet, bubuk), pewarna makanan alami (biru\/hijau), dan bahan fortifikasi pada roti, mi, dan minuman kesehatan.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-flip h-64\">\n <div class=\"card-flip-inner shadow-lg rounded-xl\">\n <div class=\"card-front bg-white p-6\">\n <span class=\"text-5xl mb-4\">\ud83e\uddf4<\/span>\n <h3 class=\"text-xl font-bold text-[#4A5C48]\">Kosmetik & Perawatan Diri<\/h3>\n <\/div>\n <div class=\"card-back bg-[#4A5C48] text-white p-4\">\n <p class=\"text-sm\">Bahan dalam krim anti-penuaan, masker wajah, dan produk perawatan kulit karena sifat antioksidan dan menutrisinya.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-flip h-64\">\n <div class=\"card-flip-inner shadow-lg rounded-xl\">\n <div class=\"card-front bg-white p-6\">\n <span class=\"text-5xl mb-4\">\ud83d\udc1f<\/span>\n <h3 class=\"text-xl font-bold text-[#4A5C48]\">Pakan Hewan & Akuakultur<\/h3>\n <\/div>\n <div class=\"card-back bg-[#4A5C48] text-white p-4\">\n <p class=\"text-sm\">Sebagai suplemen pakan untuk ikan, udang, dan unggas untuk meningkatkan pertumbuhan, imunitas, dan warna.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"card-flip h-64\">\n <div class=\"card-flip-inner shadow-lg rounded-xl\">\n <div class=\"card-front bg-white p-6\">\n <span class=\"text-5xl mb-4\">\u267b\ufe0f<\/span>\n <h3 class=\"text-xl font-bold text-[#4A5C48]\">Bioenergi & Bioremediasi<\/h3>\n <\/div>\n <div class=\"card-back bg-[#4A5C48] text-white p-4\">\n <p class=\"text-sm\">Potensi sebagai bahan baku biodiesel, bio-pupuk, serta untuk menyerap logam berat dan CO2 dari lingkungan.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"tantangan\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-[#4A5C48]\">Tantangan dan Masa Depan<\/h2>\n <p class=\"mt-3 text-lg text-gray-600 max-w-3xl mx-auto\">Meskipun potensinya besar, industri Spirulina menghadapi beberapa tantangan yang perlu diatasi untuk pertumbuhan yang berkelanjutan. Inovasi berkelanjutan adalah kunci untuk masa depan.<\/p>\n <\/div>\n <div class=\"max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-red-100 text-red-600 rounded-full flex items-center justify-center text-2xl\">\ud83d\udd2c<\/div>\n <div>\n <h4 class=\"font-semibold text-lg\">Risiko Kontaminasi<\/h4>\n <p class=\"text-gray-600 mt-1\">Sistem terbuka rentan terhadap kontaminasi bakteri dan alga lain, memerlukan kontrol kualitas yang ketat.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-yellow-100 text-yellow-600 rounded-full flex items-center justify-center text-2xl\">\ud83d\udcb0<\/div>\n <div>\n <h4 class=\"font-semibold text-lg\">Biaya Produksi<\/h4>\n <p class=\"text-gray-600 mt-1\">Biaya investasi awal dan operasional, terutama untuk energi dan sistem tertutup (PBRs), masih tinggi.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center text-2xl\">\ud83c\udfa8<\/div>\n <div>\n <h4 class=\"font-semibold text-lg\">Stabilitas Warna<\/h4>\n <p class=\"text-gray-600 mt-1\">Pewarna alami dari Spirulina memiliki stabilitas lebih rendah dibandingkan pewarna sintetis.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex items-start space-x-4\">\n <div class=\"flex-shrink-0 w-12 h-12 bg-green-100 text-green-600 rounded-full flex items-center justify-center text-2xl\">\ud83c\udf0d<\/div>\n <div>\n <h4 class=\"font-semibold text-lg\">Standardisasi & R&D<\/h4>\n <p class=\"text-gray-600 mt-1\">Kurangnya standar produksi global dan kebutuhan akan riset lebih lanjut untuk optimalisasi.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer class=\"bg-[#4A5C48] text-white\">\n <div class=\"container mx-auto py-6 px-4 sm:px-6 lg:px-8 text-center\">\n <p>© 2024 Dasbor Interaktif Spirulina. Dibuat untuk tujuan edukasi.<\/p>\n <p class=\"text-sm text-gray-300 mt-2\">Data disarikan dari Laporan Analisis Komprehensif Mikroalga Spirulina.<\/p>\n <\/div>\n <\/footer>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n \n \/\/ Mobile Menu Toggle\n const mobileMenuButton = document.getElementById('mobile-menu-button');\n const mobileMenu = document.getElementById('mobile-menu');\n mobileMenuButton.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n \/\/ Navigation scroll spy\n const sections = document.querySelectorAll('section');\n const navLinks = document.querySelectorAll('header nav a');\n \n window.onscroll = () => {\n let current = '';\n sections.forEach(section => {\n const sectionTop = section.offsetTop;\n if (pageYOffset >= sectionTop - 70) {\n current = section.getAttribute('id');\n }\n });\n\n navLinks.forEach(link => {\n link.classList.remove('active');\n if (link.getAttribute('href').includes(current)) {\n link.classList.add('active');\n }\n });\n };\n \n \/\/ Production Comparison Toggle\n const btnRaceway = document.getElementById('btn-raceway');\n const btnPbr = document.getElementById('btn-pbr');\n const comparisonContent = document.getElementById('comparison-content');\n\n const content = {\n raceway: `\n <div class=\"border-l-4 border-green-500 pl-4\">\n <h4 class=\"font-bold text-lg\">Keunggulan<\/h4>\n <ul class=\"list-disc list-inside mt-2 text-gray-600 text-sm space-y-1\">\n <li>Biaya investasi dan operasional lebih rendah<\/li>\n <li>Cocok untuk produksi skala sangat besar<\/li>\n <li>Teknologi yang lebih matang dan sederhana<\/li>\n <\/ul>\n <\/div>\n <div class=\"border-l-4 border-red-500 pl-4\">\n <h4 class=\"font-bold text-lg\">Kelemahan<\/h4>\n <ul class=\"list-disc list-inside mt-2 text-gray-600 text-sm space-y-1\">\n <li>Rentan terhadap kontaminasi (debu, hujan, bakteri)<\/li>\n <li>Kontrol terhadap lingkungan (suhu, cahaya) terbatas<\/li>\n <li>Memerlukan lahan yang luas<\/li>\n <li>Evaporasi air yang tinggi<\/li>\n <\/ul>\n <\/div>\n `,\n pbr: `\n <div class=\"border-l-4 border-green-500 pl-4\">\n <h4 class=\"font-bold text-lg\">Keunggulan<\/h4>\n <ul class=\"list-disc list-inside mt-2 text-gray-600 text-sm space-y-1\">\n <li>Kontrol lingkungan optimal, produktivitas tinggi<\/li>\n <li>Risiko kontaminasi sangat rendah<\/li>\n <li>Penggunaan air dan lahan lebih efisien<\/li>\n <li>Kualitas produk lebih terjamin dan konsisten<\/li>\n <\/ul>\n <\/div>\n <div class=\"border-l-4 border-red-500 pl-4\">\n <h4 class=\"font-bold text-lg\">Kelemahan<\/h4>\n <ul class=\"list-disc list-inside mt-2 text-gray-600 text-sm space-y-1\">\n <li>Biaya investasi dan operasional sangat tinggi<\/li>\n <li>Potensi overheating jika tidak dikelola baik<\/li>\n <li>Skalabilitas lebih kompleks dan mahal<\/li>\n <li>Membutuhkan teknologi dan keahlian tinggi<\/li>\n <\/ul>\n <\/div>\n `\n };\n\n function updateComparison(type) {\n comparisonContent.innerHTML = content[type];\n if (type === 'raceway') {\n btnRaceway.classList.add('bg-[#8A9A5B]', 'text-white');\n btnRaceway.classList.remove('bg-white', 'text-gray-700');\n btnPbr.classList.add('bg-white', 'text-gray-700');\n btnPbr.classList.remove('bg-[#8A9A5B]', 'text-white');\n btnPbr.classList.remove('rounded-l-md');\n btnPbr.classList.add('rounded-r-md');\n\n } else {\n btnPbr.classList.add('bg-[#8A9A5B]', 'text-white');\n btnPbr.classList.remove('bg-white', 'text-gray-700');\n btnRaceway.classList.add('bg-white', 'text-gray-700');\n btnRaceway.classList.remove('bg-[#8A9A5B]', 'text-white');\n btnPbr.classList.add('rounded-r-md');\n }\n }\n \n btnRaceway.addEventListener('click', () => updateComparison('raceway'));\n btnPbr.addEventListener('click', () => updateComparison('pbr'));\n updateComparison('raceway');\n\n\n \/\/ Chart.js Implementations\n const primaryColor = '#4A5C48';\n const secondaryColor = '#8A9A5B';\n const tertiaryColor = '#A8B884';\n const gridColor = '#e5e7eb';\n const textColor = '#374151';\n \n \/\/ Market Growth Chart\n const marketGrowthCtx = document.getElementById('marketGrowthChart').getContext('2d');\n new Chart(marketGrowthCtx, {\n type: 'line',\n data: {\n labels: ['2022', '2024', '2026', '2028', '2030'],\n datasets: [{\n label: 'Ukuran Pasar (USD Miliar)',\n data: [0.48, 0.62, 0.78, 0.95, 1.14],\n backgroundColor: 'rgba(74, 92, 72, 0.1)',\n borderColor: primaryColor,\n borderWidth: 3,\n fill: true,\n tension: 0.4,\n pointBackgroundColor: primaryColor,\n pointRadius: 5,\n pointHoverRadius: 7\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return ` ${context.dataset.label}: $${context.parsed.y}`;\n }\n }\n }\n },\n scales: {\n y: {\n beginAtZero: false,\n ticks: {\n callback: function(value, index, values) {\n return '$' + value + ' M';\n },\n color: textColor\n },\n grid: {\n color: gridColor\n }\n },\n x: {\n ticks: {\n color: textColor\n },\n grid: {\n display: false\n }\n }\n }\n }\n });\n\n \/\/ Market Segmentation Chart\n const segmentationData = {\n aplikasi: {\n labels: ['Nutraceutical', 'Makanan & Minuman', 'Kosmetik', 'Pakan Ternak', 'Lainnya'],\n data: [45, 25, 15, 10, 5]\n },\n bentuk: {\n labels: ['Bubuk', 'Tablet & Kapsul', 'Cairan', 'Granul'],\n data: [78, 15, 5, 2]\n }\n };\n \n const segmentationCtx = document.getElementById('marketSegmentationChart').getContext('2d');\n const segmentationChart = new Chart(segmentationCtx, {\n type: 'bar',\n data: {\n labels: segmentationData.aplikasi.labels,\n datasets: [{\n label: 'Pangsa Pasar (%)',\n data: segmentationData.aplikasi.data,\n backgroundColor: [primaryColor, secondaryColor, tertiaryColor, '#C8D2B1', '#E3E8D8'],\n borderColor: '#ffffff',\n borderWidth: 2,\n borderRadius: 5\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n indexAxis: 'y',\n plugins: {\n legend: {\n display: false\n },\n tooltip: {\n callbacks: {\n label: function(context) {\n return ` Pangsa Pasar: ${context.parsed.x}%`;\n }\n }\n }\n },\n scales: {\n x: {\n ticks: {\n callback: function(value) {\n return value + '%';\n },\n color: textColor\n },\n grid: {\n color: gridColor\n }\n },\n y: {\n ticks: {\n color: textColor,\n font: { size: 10 }\n },\n grid: {\n display: false\n }\n }\n }\n }\n });\n\n document.getElementById('segmentation-selector').addEventListener('change', function() {\n const selectedValue = this.value;\n segmentationChart.data.labels = segmentationData[selectedValue].labels;\n segmentationChart.data.datasets[0].data = segmentationData[selectedValue].data;\n segmentationChart.update();\n });\n\n});\n<\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Spirulina: Dasbor Interaktif SPIRULINA Apa itu Spirulina? Proses Produksi Potensi Pasar Produk Turunan Tantangan ☰ Apa itu Spirulina? Proses Produksi […]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1983","page","type-page","status-publish","hentry"],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"chakraroy@gmail.com","author_link":"https:\/\/scadglobal.org\/id\/author\/chakraroygmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Spirulina: Dasbor Interaktif SPIRULINA Apa itu Spirulina? Proses Produksi Potensi Pasar Produk Turunan Tantangan ☰ Apa itu Spirulina? Proses Produksi […]","_links":{"self":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/comments?post=1983"}],"version-history":[{"count":1,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1983\/revisions"}],"predecessor-version":[{"id":1984,"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/pages\/1983\/revisions\/1984"}],"wp:attachment":[{"href":"https:\/\/scadglobal.org\/id\/wp-json\/wp\/v2\/media?parent=1983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}