Batch Control Revised

2026-02-16 21:04:44 +09:00
parent 90c7377285
commit b288a964d1
17 changed files with 9755 additions and 22 deletions
--- a/html/assets/images/BatchControl.png
+++ b/html/assets/images/BatchControl.png
--- a/html/assets/images/ControlRoom7.png
+++ b/html/assets/images/ControlRoom7.png
--- a/html/assets/images/dcsintegration.png
+++ b/html/assets/images/dcsintegration.png
--- a/html/assets/images/honeywell-logo.svg
+++ b/html/assets/images/honeywell-logo.svg
@@ -0,0 +1,3 @@
+<svg width="153" height="28" viewBox="0 0 153 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1958 0.0376587H19.0741V21.8852H12.1958V11.9031H6.86567V21.948H0.0380859V0.0376587H6.90374V9.15336H12.2338L12.1958 0.0376587ZM38.1863 9.5677C38.7946 10.7403 39.1534 12.0238 39.2408 13.339C39.3281 14.6542 39.1419 15.9731 38.6939 17.2143C38.0334 19.088 36.6704 20.6389 34.8867 21.5462C33.3694 22.2242 31.7157 22.5505 30.0515 22.5004C28.0303 22.5744 26.0381 22.0069 24.3661 20.8807C22.8654 19.8031 21.7783 18.2539 21.2823 16.4861C20.9055 15.1998 20.8182 13.8475 21.0265 12.5242C21.2348 11.2009 21.7336 9.9389 22.4879 8.8269C23.1494 7.94476 23.9835 7.20335 24.9406 6.64681C25.8978 6.09028 26.9583 5.73 28.0591 5.58744C28.6483 5.47201 29.2479 5.41731 29.8485 5.42421C31.2007 5.36704 32.5518 5.55862 33.8334 5.98923C35.6886 6.57531 37.2464 7.84244 38.1863 9.53004V9.5677ZM32.3866 11.765C32.4008 10.879 32.2679 9.99675 31.9932 9.15336C31.6633 8.33721 31.0795 7.42062 30.0896 7.42062H29.747C29.214 7.52107 28.719 8.07353 28.2495 9.06546C27.8691 10.3994 27.7316 11.7897 27.8434 13.1713C27.8434 13.7112 27.8434 14.3013 27.8434 14.9291C27.8434 17.8045 28.0464 18.696 28.6809 19.5874C28.8163 19.8179 28.9994 20.0176 29.218 20.1734C29.4367 20.3291 29.6861 20.4375 29.95 20.4915C30.1555 20.5128 30.3633 20.4914 30.5599 20.4287C30.7566 20.366 30.9379 20.2633 31.0922 20.1273C31.8718 19.2543 32.3205 18.1401 32.3612 16.9758C32.412 16.4484 32.412 13.8493 32.3866 11.7273V11.765ZM55.4456 6.01434C54.5147 5.64739 53.5164 5.47789 52.5152 5.51682C51.5139 5.55575 50.5321 5.80225 49.6333 6.24035C48.7844 6.70525 48.0448 7.34288 47.4631 8.1112V5.91389H41.1178V21.8852H47.4631V10.409C47.8319 9.72798 48.4035 9.17567 49.1002 8.8269C49.4547 8.63076 49.8616 8.54725 50.2657 8.58768C50.6698 8.62811 51.0516 8.79052 51.3592 9.05291C51.732 9.53331 51.9168 10.1308 51.8795 10.7354V21.8852H58.1614V9.73093C58.114 8.91506 57.8337 8.12922 57.353 7.46468C56.8723 6.80014 56.2109 6.28416 55.4456 5.97667V6.01434ZM77.2228 9.70582C77.981 11.3319 78.3294 13.1156 78.238 14.904H66.8164V18.1435C66.8777 18.4973 67.0023 18.8375 67.1845 19.148C67.451 19.487 68.3647 20.8179 71.4739 20.3282C74.9258 19.7883 74.8369 17.3399 74.9004 17.3399H77.6289C77.5816 18.3459 77.1667 19.3008 76.4613 20.0269C74.9693 21.3481 73.0965 22.1736 71.1059 22.3874C69.716 22.6346 68.2899 22.6008 66.9137 22.2879C65.5374 21.975 64.2394 21.3895 63.0981 20.5668C61.8901 19.5757 60.9849 18.2714 60.4838 16.8C59.7882 14.4682 59.987 11.9643 61.0422 9.7686C61.8924 8.32351 63.1416 7.14836 64.6432 6.38107C66.1447 5.61378 67.8364 5.2862 69.5195 5.43676C73.5298 5.58743 75.8141 7.01883 77.2228 9.66815V9.70582ZM71.6135 11.3381C71.6175 10.6363 71.5366 9.93655 71.3724 9.2538C71.2274 8.71848 70.9379 8.23232 70.5348 7.84752C70.2297 7.55511 69.8361 7.36975 69.4143 7.31985C68.9926 7.26996 68.5659 7.35829 68.1997 7.57129C67.5673 8.10426 67.1486 8.84365 67.0195 9.6556C66.9042 10.6306 66.8576 11.6123 66.8799 12.5937H71.6135C71.6008 12.443 71.6008 12.0789 71.6135 11.3381ZM135.143 9.69327C135.899 11.3193 136.239 13.1046 136.133 14.8915H124.787V18.1309C124.849 18.4865 124.978 18.8273 125.168 19.1354C125.422 19.4744 126.348 20.8054 129.458 20.3157C132.909 19.7758 132.808 17.3273 132.884 17.3273H135.613C135.559 18.3318 135.145 19.2845 134.445 20.0143C132.946 21.3542 131.059 22.1932 129.052 22.4125C126.805 22.6386 123.62 22.7013 121.056 20.5919C119.845 19.6011 118.936 18.2971 118.429 16.8251C117.734 14.4933 117.933 11.9894 118.988 9.79371C119.838 8.34863 121.087 7.17347 122.589 6.40618C124.09 5.63889 125.782 5.31131 127.465 5.46187C131.45 5.58743 133.734 7.01883 135.143 9.66815V9.69327ZM129.483 11.3381C129.492 10.6353 129.406 9.93447 129.229 9.2538C129.083 8.71607 128.789 8.22916 128.379 7.84752C128.066 7.5777 127.672 7.41588 127.258 7.38644C126.844 7.357 126.431 7.46153 126.082 7.6843C125.449 8.21727 125.031 8.95665 124.902 9.7686C124.781 10.7389 124.734 11.7169 124.762 12.6942H129.483C129.483 12.443 129.483 12.0789 129.483 11.3381ZM115.523 5.91389L113.074 14.8664L110.345 5.91389H104.749L102.211 14.8664L99.4061 5.91389H90.751L87.6038 13.5229L84.6341 5.91389H77.6796L84.1138 22.2368C84.0938 22.4457 84.0513 22.652 83.9869 22.852C83.7096 23.7546 83.2425 24.589 82.6163 25.3004C82.4192 25.5316 82.1644 25.7077 81.8772 25.8112C81.59 25.9148 81.2804 25.9421 80.9792 25.8906C81.2053 25.6767 81.3865 25.4206 81.5122 25.1372C81.6861 24.4681 81.5953 23.7585 81.2584 23.1534C80.9553 22.697 80.5101 22.3508 79.9903 22.1673C79.4704 21.9837 78.9043 21.9729 78.3776 22.1363C77.7125 22.2812 77.1309 22.6772 76.7564 23.24C76.3819 23.8029 76.2442 24.488 76.3725 25.1498C76.5248 26.4054 77.3878 27.5731 79.5325 27.9498C80.3689 28.1157 81.2341 28.0703 82.0481 27.818C82.8622 27.5656 83.5988 27.1143 84.19 26.5058C85.1381 25.395 85.8658 24.117 86.3347 22.739L93.048 6.41613L97.8198 21.8852H103.213L105.751 12.6188L108.67 21.8852H113.912L118.353 5.91389H115.523ZM138.036 21.8852H144.153V0.0376587H138.036V21.8852ZM146.057 0.0376587V21.8852H152.174V0.0376587H146.057Z" fill="#D22630"/>
+</svg>
--- a/html/assets/js/i18n.js
+++ b/html/assets/js/i18n.js
@@ -29,6 +29,8 @@ const translations = {
        'dcs.badge'     : 'Advanced Control Systems',
        'dcs.title'     : 'DCS Integration',
        'dcs.desc'      : 'Enterprise-grade Distributed Control System architecture designed for the most critical industrial applications.',
+        'dcs.f0.title'  : 'Honeywell Experion PKS',
+        'dcs.f0.desc'   : 'Reliable DCS solutions with Honeywell\'s Experion PKS, ensuring seamless integration and optimal performance',
        'dcs.f1.title'  : 'Redundant Architecture',
        'dcs.f1.desc'   : 'Fault-tolerant systems with dual processing units ensuring 99.99% uptime',
        'dcs.f2.title'  : 'Real-time Communication',
@@ -40,13 +42,17 @@ const translations = {
        // BATCH
        'batch.badge'   : 'Process Automation',
        'batch.title'   : 'Batch Process Control',
-        'batch.desc'    : 'Sophisticated batch automation for pharmaceutical, chemical, and specialty manufacturing operations.',
-        'batch.f1.title': 'Recipe Management',
-        'batch.f1.desc' : 'Dynamic recipe engine with version control and audit trail capabilities',
-        'batch.f2.title': 'Performance Analytics',
-        'batch.f2.desc' : 'Real-time batch tracking with predictive quality monitoring',
-        'batch.f3.title': 'GMP Compliant',
-        'batch.f3.desc' : 'FDA 21 CFR Part 11 compliance and complete data integrity',
+        'batch.desc'    : 'Not only precision control, but also production planning, process data & historical lot management, you can get it by our Batch Manager software.',
+        'batch.f1.title': 'Batch Manager System',
+        'batch.f1.desc' : 'Process control & data, production scheduling, and productionlot management in a software platform for HC900',
+        'batch.f2.title': 'ControlEdge HC900',
+        'batch.f2.desc' : 'Over the PLC for continuous and batch process control, Hybrid Controller from Honeywell. it is perfect solution of batch plant',
+        'batch.f3.title': 'Process Data Management',
+        'batch.f3.desc' : 'Setpoint scheduling & recipe for various products, lot management with single mouse click',
+        'batch.f4.title': 'Quick Production Setup',
+        'batch.f4.desc' : 'Real-time batch tracking with predictive quality monitoring',
+        'batch.f5.title': 'Easy Historical Tracking',
+        'batch.f5.desc' : 'FDA 21 CFR Part 11 compliance and complete data integrity',
        'batch.btn'     : 'Start Implementation',

        // DBSVR
@@ -158,6 +164,8 @@ const translations = {
        'dcs.badge'     : '고급 제어 시스템',
        'dcs.title'     : 'DCS 통합 솔루션',
        'dcs.desc'      : '가장 중요한 공정 현장을 위한 엔터프라이즈급 분산 제어 시스템(DCS) 아키텍처를 설계합니다.',
+        'dcs.f0.title'  : 'Honeywell Experion PKS',
+        'dcs.f0.desc'   : 'Honeywell Experion PKS 플랫폼을 기반으로 한 안정적인 DCS 솔루션',
        'dcs.f1.title'  : '이중화 아키텍처',
        'dcs.f1.desc'   : '이중화 서버로 99.99% 가동률을 보장하는 내결함성 시스템',
        'dcs.f2.title'  : '실시간 통신',
--- a/html/index.html
+++ b/html/index.html
@@ -138,11 +138,16 @@
                <div class="grid lg:grid-cols-2 gap-16 items-center max-w-6xl mx-auto">
                    <div class="aspect-square rounded-[2.5rem] overflow-hidden shadow-2xl"><img src="assets/images/dcsintegration.png?auto=format&fit=crop&q=80&w=1000" alt="DCS Control Room" class="w-full h-full object-cover"></div>
                    <div>
-                        <div class="space-y-8">
+                        <div class="space-y-18">
+                            <!-- Honeywell 로고 이미지 추가 -->
+                            <img src="assets/images/honeywell-logo.svg" alt="Honeywell Logo" class="h-8 w-auto mb-4 object-contain">
+                            <div class="flex gap-6">
+                                <p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f0.desc">Reliable DCS solutions with Honeywell's Experion PKS, ensuring seamless integration and optimal performance</p></div>
+                            </div>                            
                            <div class="flex gap-6">
                                <div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-shield-alt"></i></div></div>
                                <div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="dcs.f1.title">Redundant Architecture</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f1.desc">Fault-tolerant systems with dual processing units ensuring 99.99% uptime</p></div>
-                            </div>
+                            </div>                           
                            <div class="flex gap-6">
                                <div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-network-wired"></i></div></div>
                                <div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="dcs.f2.title">Real-time Communication</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="dcs.f2.desc">Sub-millisecond response times with synchronized control across multiple nodes</p></div>
@@ -159,32 +164,40 @@
        </section>

        <!-- BATCH PROCESS SECTION -->
-        <section id="batch" class="py-32 bg-slate-50">
+        <section id="batch" class="pt-24 pb-32 bg-slate-50">
            <div class="container mx-auto px-6">
-                <div class="text-center max-w-3xl mx-auto mb-24">
+                <div class="text-center max-w-3xl mx-auto mb-8"> <!--아래 내용과의 간겨 mb-16에서 줄임-->
                    <h2 class="text-blue-600 font-bold uppercase tracking-widest text-[11px] mb-4 font-industrial" data-i18n="batch.badge">Process Automation</h2>
                    <h3 class="text-4xl md:text-6xl font-light text-slate-900 mb-8 premium-kerning font-premium" data-i18n="batch.title">Batch Process Control</h3>
-                    <p class="text-slate-500 text-lg leading-relaxed font-light" data-i18n="batch.desc">Sophisticated batch automation for pharmaceutical, chemical, and specialty manufacturing operations.</p>
+                    <p class="text-slate-500 text-lg leading-relaxed font-light" data-i18n="batch.desc">Not only precision control, but also production planning,process data & historical lot management, you can get it by our Batch Manager software.</p>
                </div>
-                <div class="grid lg:grid-cols-2 gap-16 items-center max-w-6xl mx-auto">
+                <div class="grid lg:grid-cols-2 gap-8 items-center max-w-6xl mx-auto">
                    <div>
                        <div class="space-y-8">
                            <div class="flex gap-6">
                                <div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-tasks"></i></div></div>
-                                <div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f1.title">Recipe Management</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f1.desc">Dynamic recipe engine with version control and audit trail capabilities</p></div>
+                                <div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f1.title">Batch Manager Software</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f1.desc">Dynamic recipe engine with version control and audit trail capabilities</p></div>
+                            </div>
+                            <div class="flex gap-6">
+                                <div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-tasks"></i></div></div>
+                                <div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f2.title">HC-900 Controller</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f2.desc">Advanced batch control with integrated HART communication and real-time monitoring</p></div>
+                            </div>
+                            <div class="flex gap-6">
+                                <div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-tasks"></i></div></div>
+                                <div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f3.title">Process Data Management</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f3.desc">Comprehensive process data collection, storage, and analysis for batch operations</p></div>
                            </div>
                            <div class="flex gap-6">
                                <div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-chart-bar"></i></div></div>
-                                <div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f2.title">Performance Analytics</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f2.desc">Real-time batch tracking with predictive quality monitoring</p></div>
+                                <div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f4.title">Quick Production Setup</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f4.desc">Real-time batch tracking with predictive quality monitoring</p></div>
                            </div>
                            <div class="flex gap-6">
                                <div class="flex-shrink-0"><div class="flex items-center justify-center h-12 w-12 rounded-xl bg-blue-600 text-white"><i class="fas fa-check-circle"></i></div></div>
-                                <div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f3.title">GMP Compliant</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f3.desc">FDA 21 CFR Part 11 compliance and complete data integrity</p></div>
+                                <div><h4 class="text-xl font-semibold text-slate-900 mb-2 font-premium" data-i18n="batch.f5.title">Easy Historical Tracking</h4><p class="text-slate-500 leading-relaxed font-light" data-i18n="batch.f5.desc">FDA 21 CFR Part 11 compliance and complete data integrity</p></div>
                            </div>
                        </div>
-                        <div class="mt-12"><a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-2xl font-bold shadow-lg transition-all inline-flex items-center gap-3 font-industrial text-xs tracking-widest uppercase" data-i18n="batch.btn">Start Implementation</a></div>
+                        <!--<div class="mt-12"><a href="#contact" class="bg-blue-600 hover:bg-blue-700 text-white px-8 py-4 rounded-2xl font-bold shadow-lg transition-all inline-flex items-center gap-3 font-industrial text-xs tracking-widest uppercase" data-i18n="batch.btn">Start Implementation</a></div>-->
                    </div>
-                    <div class="aspect-square rounded-[2.5rem] overflow-hidden shadow-2xl"><img src="https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?auto=format&fit=crop&q=80&w=1000" alt="Batch Process" class="w-full h-full object-cover"></div>
+                    <div class="aspect-square rounded-[2.5rem] overflow-hidden shadow-2xl"><img src="assets/images/BatchControl.png" alt="Batch Process" class="w-full h-full object-cover"></div>
                </div>
            </div>
        </section>
@@ -361,7 +374,7 @@
            <div class="container mx-auto px-6">
                <div class="grid lg:grid-cols-2 gap-20 items-center">
                    <div class="relative">
-                        <div class="aspect-square rounded-[3rem] overflow-hidden shadow-2xl"><img src="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&q=80&w=1000" alt="About Hanmo" class="w-full h-full object-cover"></div>
+                        <div class="aspect-square rounded-[3rem] overflow-hidden shadow-2xl"><img src="assets/images/ControlRoom7.png" alt="About Hanmo" class="w-full h-full object-cover"></div>
                        <div class="absolute -bottom-10 -right-10 p-10 bg-blue-600 text-white rounded-[2rem] shadow-2xl max-w-xs">
                            <div class="text-6xl font-extralight mb-4 font-premium">15+</div>
                            <div class="text-xs font-bold uppercase tracking-widest leading-loose" data-i18n="about.years">Years of Industrial Excellence</div>
@@ -431,7 +444,7 @@
    <script src="assets/js/i18n.js"></script>
    <script src="assets/js/script.js"></script>

-    <!-- RIGHT-CLICK & COPY PROTECTION -->
+    <!-- RIGHT-CLICK & COPY PROTECTION
    <script>
        // 우클릭 방지
        document.addEventListener('contextmenu', function(e) {
@@ -474,6 +487,6 @@
                return false;
            }
        });
-    </script>
+    </script> -->
 </body>
 </html>
--- a/html/status.json
+++ b/html/status.json
@@ -1 +1 @@
-{"cpu_temp": "39", "nvme_temp": "33", "uptime_days": 3, "last_update": "19:29:01"}
+{"cpu_temp": "43", "nvme_temp": "33", "uptime_days": 4, "last_update": "21:04:02"}