Mostre a final um infografico desde da coleta da amostra a ser analizada ate o final da amostra com resultado no final do projeto - Follow Up Deployment

index.html

@@ -430,6 +430,234 @@ LB: 5'-GAC GAC CTC ACG GCA AAG TT-3'</pre>
                                 Redução de custos diagnósticos em até 70% comparado a qPCR, permitindo implementação em unidades básicas de saúde
                             </p>
                         </div>
-                        <div class="flex items-start bg-blue-
+                        <div class="flex items-start bg-blue-50 p-4 rounded-lg">
+                            <div class="bg-blue-100 p-2 rounded-full mr-3">
+                                <i class="fas fa-microchip text-blue-600"></i>
+                            </div>
+                            <p class="text-gray-700">
+                                Capacitação de profissionais para diagnóstico molecular em regiões remotas
+                            </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- Arduino Implementation -->
+    <section class="py-16 bg-gray-100">
+        <div class="container mx-auto px-6">
+            <h2 class="text-3xl font-bold text-center text-gray-800 mb-12">Implementação Arduino</h2>
+            
+            <div class="grid md:grid-cols-2 gap-8">
+                <div>
+                    <h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
+                        <span class="bg-red-100 p-2 rounded-full mr-3">
+                            <i class="fas fa-microchip text-red-600"></i>
+                        </span>
+                        Circuito do Dispositivo LAMP
+                    </h3>
+                    <div class="bg-white p-6 rounded-xl shadow-sm">
+                        <h4 class="font-medium text-gray-700 mb-3">Componentes Principais:</h4>
+                        <ul class="text-gray-700 space-y-2">
+                            <li class="flex items-start">
+                                <span class="text-red-500 mr-2">•</span> Arduino Nano (controle principal)
+                            </li>
+                            <li class="flex items-start">
+                                <span class="text-red-500 mr-2">•</span> Módulo Peltier (controle térmico)
+                            </li>
+                            <li class="flex items-start">
+                                <span class="text-red-500 mr-2">•</span> Sensor DS18B20 (monitoramento de temperatura)
+                            </li>
+                            <li class="flex items-start">
+                                <span class="text-red-500 mr-2">•</span> Módulo Bluetooth HC-05 (conexão com smartphone)
+                            </li>
+                            <li class="flex items-start">
+                                <span class="text-red-500 mr-2">•</span> LED RGB (indicação visual dos resultados)
+                            </li>
+                        </ul>
+                    </div>
+                </div>
+                <div>
+                    <h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
+                        <span class="bg-blue-100 p-2 rounded-full mr-3">
+                            <i class="fas fa-code text-blue-600"></i>
+                        </span>
+                        Código Principal
+                    </h3>
+                    <div class="bg-gray-800 p-4 rounded-xl overflow-x-auto">
+                        <pre class="text-sm text-gray-300">
+#include &lt;OneWire.h&gt;
+#include &lt;DallasTemperature.h&gt;
+
+#define ONE_WIRE_BUS 2
+OneWire oneWire(ONE_WIRE_BUS);
+DallasTemperature sensors(&oneWire);
+
+const int peltierPin = 3;
+const int ledPin = 4;
+float targetTemp = 65.0;
+
+void setup() {
+  Serial.begin(9600);
+  sensors.begin();
+  pinMode(peltierPin, OUTPUT);
+  pinMode(ledPin, OUTPUT);
+}
+
+void loop() {
+  sensors.requestTemperatures();
+  float currentTemp = sensors.getTempCByIndex(0);
+  
+  // Controle PID simplificado
+  if(currentTemp < targetTemp - 0.5) {
+    digitalWrite(peltierPin, HIGH);
+  } else if(currentTemp > targetTemp + 0.5) {
+    digitalWrite(peltierPin, LOW);
+  }
+
+  // Monitoramento serial
+  Serial.print("Temperature: ");
+  Serial.print(currentTemp);
+  Serial.println(" °C");
+  
+  delay(1000);
+}</pre>
+                    </div>
+                </div>
+            </div>
+
+            <div class="mt-8 bg-white p-6 rounded-xl shadow-sm">
+                <h3 class="text-xl font-semibold text-gray-800 mb-4 flex items-center">
+                    <span class="bg-green-100 p-2 rounded-full mr-3">
+                        <i class="fas fa-project-diagram text-green-600"></i>
+                    </span>
+                    Fluxo de Operação
+                </h3>
+                <div class="grid md:grid-cols-4 gap-4 text-center">
+                    <div class="bg-green-50 p-4 rounded-lg">
+                        <div class="bg-green-100 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-2">
+                            <i class="fas fa-power-off text-green-600"></i>
+                        </div>
+                        <p class="font-medium">1. Ligar dispositivo</p>
+                    </div>
+                    <div class="bg-blue-50 p-4 rounded-lg">
+                        <div class="bg-blue-100 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-2">
+                            <i class="fas fa-temperature-high text-blue-600"></i>
+                        </div>
+                        <p class="font-medium">2. Aquecer a 65°C</p>
+                    </div>
+                    <div class="bg-purple-50 p-4 rounded-lg">
+                        <div class="bg-purple-100 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-2">
+                            <i class="fas fa-vial text-purple-600"></i>
+                        </div>
+                        <p class="font-medium">3. Inserir amostra</p>
+                    </div>
+                    <div class="bg-red-50 p-4 rounded-lg">
+                        <div class="bg-red-100 w-12 h-12 rounded-full flex items-center justify-center mx-auto mb-2">
+                            <i class="fas fa-mobile-alt text-red-600"></i>
+                        </div>
+                        <p class="font-medium">4. Ler resultados</p>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Industrial Design and Assembly -->
+            <div class="mt-12">
+                <h3 class="text-2xl font-bold text-center text-gray-800 mb-8">Desenho Industrial e Montagem</h3>
+                
+                <div class="bg-white p-8 rounded-xl shadow-lg">
+                    <div class="grid md:grid-cols-2 gap-8 items-center mb-8">
+                        <div>
+                            <h4 class="text-xl font-semibold text-gray-800 mb-4">Especificações do Design</h4>
+                            <ul class="text-gray-700 space-y-3">
+                                <li class="flex items-start">
+                                    <span class="bg-blue-100 p-1 rounded-full mr-2">
+                                        <i class="fas fa-ruler-combined text-blue-600 text-xs"></i>
+                                    </span>
+                                    Dimensões: 120mm x 80mm x 40mm
+                                </li>
+                                <li class="flex items-start">
+                                    <span class="bg-blue-100 p-1 rounded-full mr-2">
+                                        <i class="fas fa-box-open text-blue-600 text-xs"></i>
+                                    </span>
+                                    Carcaça em ABS impressa em 3D
+                                </li>
+                                <li class="flex items-start">
+                                    <span class="bg-blue-100 p-1 rounded-full mr-2">
+                                        <i class="fas fa-thermometer-half text-blue-600 text-xs"></i>
+                                    </span>
+                                    Compartimento térmico isolado
+                                </li>
+                                <li class="flex items-start">
+                                    <span class="bg-blue-100 p-1 rounded-full mr-2">
+                                        <i class="fas fa-eye text-blue-600 text-xs"></i>
+                                    </span>
+                                    Janela transparente para observação
+                                </li>
+                            </ul>
+                        </div>
+                        <div class="flex justify-center">
+                            <img src="https://img.icons8.com/color/512/3d-print.png" alt="Design 3D" class="w-64 h-64">
+                        </div>
+                    </div>
+
+                    <h4 class="text-xl font-semibold text-gray-800 mb-4">Diagrama de Montagem</h4>
+                    <div class="bg-gray-100 p-4 rounded-lg mb-8">
+                        <img src="https://img.icons8.com/color/512/electrical.png" alt="Diagrama de Circuito" class="w-full max-w-2xl mx-auto">
+                    </div>
+
+                    <h4 class="text-xl font-semibold text-gray-800 mb-4">Passo a Passo de Montagem</h4>
+                    <div class="space-y-4">
+                        <div class="flex items-start bg-blue-50 p-4 rounded-lg">
+                            <div class="bg-blue-100 p-2 rounded-full mr-4">
+                                <span class="font-bold text-blue-800">1</span>
+                            </div>
+                            <div>
+                                <h5 class="font-medium text-blue-800">Preparação da Carcaça</h5>
+                                <p class="text-gray-700">Imprima as peças em 3D usando ABS. Lixe as rebarbas e encaixe as partes para verificar o ajuste.</p>
+                            </div>
+                        </div>
+                        <div class="flex items-start bg-green-50 p-4 rounded-lg">
+                            <div class="bg-green-100 p-2 rounded-full mr-4">
+                                <span class="font-bold text-green-800">2</span>
+                            </div>
+                            <div>
+                                <h5 class="font-medium text-green-800">Instalação do Sistema Térmico</h5>
+                                <p class="text-gray-700">Cole o módulo Peltier no bloco de alumínio usando pasta térmica. Instale o sensor DS18B20 próximo ao centro.</p>
+                            </div>
+                        </div>
+                        <div class="flex items-start bg-purple-50 p-4 rounded-lg">
+                            <div class="bg-purple-100 p-2 rounded-full mr-4">
+                                <span class="font-bold text-purple-800">3</span>
+                            </div>
+                            <div>
+                                <h5 class="font-medium text-purple-800">Montagem da Placa</h5>
+                                <p class="text-gray-700">Soldar todos os componentes na protoboard conforme diagrama. Conectar o Arduino Nano, módulo Bluetooth e LED RGB.</p>
+                            </div>
+                        </div>
+                        <div class="flex items-start bg-yellow-50 p-4 rounded-lg">
+                            <div class="bg-yellow-100 p-2 rounded-full mr-4">
+                                <span class="font-bold text-yellow-800">4</span>
+                            </div>
+                            <div>
+                                <h5 class="font-medium text-yellow-800">Integração Final</h5>
+                                <p class="text-gray-700">Fixar a placa na carcaça inferior. Conectar os fios do Peltier e sensor. Ajustar a janela transparente.</p>
+                            </div>
+                        </div>
+                        <div class="flex items-start bg-red-50 p-4 rounded-lg">
+                            <div class="bg-red-100 p-2 rounded-full mr-4">
+                                <span class="font-bold text-red-800">5</span>
+                            </div>
+                            <div>
+                                <h5 class="font-medium text-red-800">Testes Finais</h5>
+                                <p class="text-gray-700">Ligar o dispositivo e verificar: controle de temperatura, comunicação Bluetooth e indicação LED.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=formol2025/lamp" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>