Deployment_ResNet_CIFAR

Sleeping

App Files Files Community

rakyann commited on May 17

Commit

1b3392b

verified ·

1 Parent(s): d9b270b

Update templates/resnet.html

Browse files

Files changed (1) hide show

templates/resnet.html +8 -8

templates/resnet.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>ResNet CIFAR10 - Research Deployment</title>
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@@ -492,7 +492,7 @@
 <body>
     <section class="hero-section">
-        <h1 class="hero-title">Deployment ResNet-MLP dan ResNet-KAN pada CIFAR10</h1>
         <div class="hero-subtitle">Rakyan (2206824331)</div>
     </section>
@@ -597,7 +597,7 @@
                         <polyline points="2 12 12 17 22 12"></polyline>
                     </svg>
                 </div>
-                Hasil ResNet
             </div>
             <div class="empty-state" id="empty-state">
@@ -610,19 +610,19 @@
             <div class="loader" id="loader">
                 <div class="spinner"></div>
-                <div style="color: #64748b; font-size: 14px;">Memproses prediksi ResNet...</div>
             </div>
             <div id="results" style="display: none; height: 100%; flex-direction: column;">
                 <div class="cards-row">
                     <div class="card">
-                        <p class="model-label">ResNet-MLP</p>
                         <p class="class-name" id="mlp-name">-</p>
                         <p class="conf-badge">✓ <span id="mlp-conf">-</span>%</p>
                         <div class="prob-list" id="mlp-probs"></div>
                     </div>
                     <div class="card">
-                        <p class="model-label">ResNet-KAN</p>
                         <p class="class-name" id="kan-name">-</p>
                         <p class="conf-badge">✓ <span id="kan-conf">-</span>%</p>
                         <div class="prob-list" id="kan-probs"></div>
@@ -800,14 +800,14 @@
                     it.style.color = '#15803d';
                     ix.style.color = '#166534';
                     it.innerHTML = 'Konsisten';
-                    ix.innerHTML = `Kedua model bilang bahwa objek ini adalah <strong>${mlpClass}</strong>.`;
                 } else {
                     interBox.style.backgroundColor = '#fff7ed';
                     interBox.style.borderLeftColor = '#f97316';
                     it.style.color = '#c2410c';
                     ix.style.color = '#9a3412';
                     it.innerHTML = 'Perbedaan Prediksi';
-                    ix.innerHTML = `Model ResNet-MLP bilang ini <strong>${mlpClass}</strong>, sedangkan ResNet-KAN bilang ini <strong>${kanClass}</strong>.`;
                 }
                 if (data.is_outlier) {

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ResNet50 CIFAR10 - Research Deployment</title>
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
 <body>
     <section class="hero-section">
+        <h1 class="hero-title">Deployment ResNet50-MLP dan ResNet50-KAN pada CIFAR10</h1>
         <div class="hero-subtitle">Rakyan (2206824331)</div>
     </section>
                         <polyline points="2 12 12 17 22 12"></polyline>
                     </svg>
                 </div>
+                Hasil ResNet50
             </div>
             <div class="empty-state" id="empty-state">
             <div class="loader" id="loader">
                 <div class="spinner"></div>
+                <div style="color: #64748b; font-size: 14px;">Memproses prediksi ResNet50...</div>
             </div>
             <div id="results" style="display: none; height: 100%; flex-direction: column;">
                 <div class="cards-row">
                     <div class="card">
+                        <p class="model-label">ResNet50-MLP</p>
                         <p class="class-name" id="mlp-name">-</p>
                         <p class="conf-badge">✓ <span id="mlp-conf">-</span>%</p>
                         <div class="prob-list" id="mlp-probs"></div>
                     </div>
                     <div class="card">
+                        <p class="model-label">ResNet50-KAN</p>
                         <p class="class-name" id="kan-name">-</p>
                         <p class="conf-badge">✓ <span id="kan-conf">-</span>%</p>
                         <div class="prob-list" id="kan-probs"></div>
                     it.style.color = '#15803d';
                     ix.style.color = '#166534';
                     it.innerHTML = 'Konsisten';
+                    ix.innerHTML = `Kedua model mengkategorikan objek ini adalah <strong>${mlpClass}</strong>.`;
                 } else {
                     interBox.style.backgroundColor = '#fff7ed';
                     interBox.style.borderLeftColor = '#f97316';
                     it.style.color = '#c2410c';
                     ix.style.color = '#9a3412';
                     it.innerHTML = 'Perbedaan Prediksi';
+                    ix.innerHTML = `Model ResNet50-MLP mengkategorikan ini sebagai <strong>${mlpClass}</strong>, sedangkan ResNet50-KAN mengkategorikan ini sebagai <strong>${kanClass}</strong>.`;
                 }
                 if (data.is_outlier) {