{"id":10719,"date":"2026-04-24T01:21:12","date_gmt":"2026-04-24T01:21:12","guid":{"rendered":"https:\/\/np.sheetheg.com\/?post_type=portfolio&#038;p=10719"},"modified":"2026-06-27T13:40:58","modified_gmt":"2026-06-27T10:40:58","slug":"2-network-solutions-for-schools-universities-and-educational-facilities","status":"publish","type":"portfolio","link":"https:\/\/np.sheetheg.com\/ar\/portfolio\/2-network-solutions-for-schools-universities-and-educational-facilities\/","title":{"rendered":"2- \u0633\u064a\u0646\u0627\u0631\u064a\u0648 \u0627\u0644\u0634\u0628\u0643\u0629 \u0644\u0644\u0645\u062f\u0627\u0631\u0633 \u0648\u0627\u0644\u062c\u0627\u0645\u0639\u0627\u062a \u0648\u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u064a\u0629 - NETPON"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"10719\" class=\"elementor elementor-10719\" data-elementor-post-type=\"portfolio\">\n\t\t\t\t<div class=\"elementor-element elementor-element-716b5be e-con-full e-flex e-con e-parent\" data-id=\"716b5be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4dedf93 elementor-widget elementor-widget-shortcode\" data-id=\"4dedf93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <style>\n        \/* ==========================================================================\n           WMM Scenarios Premium CSS - V10 (Full-Width, Sliders, RTL Fixes)\n           ========================================================================== *\/\n        :root {\n            --wmm-blue: #3b82f6; \n            --wmm-blue-dark: #0f172a; \n            --wmm-gold: #faba5b;\n            --wmm-gold-light: #ffc977;\n            \n            --wmm-bg-main: transparent;\n            --wmm-bg-card: rgba(255, 255, 255, 0.03); \n            --wmm-bg-card-hover: rgba(255, 255, 255, 0.06);\n            --wmm-text-main: #f8fafc; \n            --wmm-text-muted: #cbd5e1; \n            --wmm-border-color: rgba(255, 255, 255, 0.1); \n            \n            --wmm-radius: 20px;\n            --wmm-shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.5); \n            --wmm-shadow-hover: 0 20px 50px rgba(0, 0, 0, 0.8);\n            --wmm-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n\n        @keyframes wmmFadeUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } }\n        @keyframes wmmPulse { 0% { opacity: 0.7; } 50% { opacity: 1; transform: scale(1.02); } 100% { opacity: 0.7; } }\n\n        \/* Container Full Width *\/\n        .wmm-scenario-container {\n            font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n            color: var(--wmm-text-main); background-color: var(--wmm-bg-main);\n            width: 100%; max-width: 100%; margin: 0 auto; padding: 40px 5%; line-height: 1.8; box-sizing: border-box; overflow: hidden;\n        }\n        .wmm-scenario-container * { box-sizing: border-box; }\n\n        \/* 1. Video Wrapper *\/\n        .wmm-video-wrapper {\n            position: relative; width: 100%; max-width: 1200px; margin: 0 auto 70px; aspect-ratio: 16 \/ 9;\n            border-radius: var(--wmm-radius); overflow: hidden; box-shadow: var(--wmm-shadow-hover);\n            background: #000; animation: wmmFadeUp 0.8s ease forwards; border: 1px solid var(--wmm-border-color); \n        }\n        .wmm-video-wrapper iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: none; }\n\n        \/* 2. Intro Section & Typography *\/\n        .wmm-intro-section { display: flex; flex-wrap: wrap; gap: 60px; margin-bottom: 90px; align-items: center; animation: wmmFadeUp 0.8s ease forwards; }\n        .wmm-intro-text { flex: 1 1 450px; }\n        .wmm-main-title {\n            color: var(--wmm-text-main); font-size: 3rem; font-weight: 800;\n            margin-bottom: 30px; position: relative; padding-bottom: 20px; line-height: 1.25; letter-spacing: -0.5px; \n        }\n        .wmm-main-title::after {\n            content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 5px;\n            background: linear-gradient(90deg, var(--wmm-gold), var(--wmm-gold-light)); border-radius: 5px;\n        }\n        .wmm-intro-text p { font-size: 1.15rem; margin-bottom: 18px; color: var(--wmm-text-muted); }\n\n        \/* 3. Smart Dynamic Image Grid *\/\n        .wmm-intro-gallery { flex: 1 1 500px; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 18px; }\n        .wmm-gallery-img {\n            width: 100%; height: 100%; object-fit: cover; border-radius: var(--wmm-radius);\n            box-shadow: var(--wmm-shadow-soft); border: 1px solid var(--wmm-border-color); background: var(--wmm-bg-card);\n            transition: var(--wmm-transition); aspect-ratio: 4\/3;\n        }\n        .wmm-gallery-img:hover { transform: translateY(-6px) scale(1.02); box-shadow: var(--wmm-shadow-hover); z-index: 2; border-color: var(--wmm-gold); }\n\n        \/* 4. Sections *\/\n        .wmm-section { margin-bottom: 80px; width: 100%; animation: wmmFadeUp 1s ease forwards; }\n        .wmm-section-title { text-align: center; color: var(--wmm-text-main); font-size: 2.5rem; font-weight: 800; margin-bottom: 60px; letter-spacing: -0.5px; }\n        .wmm-text-gold { color: var(--wmm-gold) !important; }\n\n        \/* 5. Horizontal Sliders for Cards (\u0627\u0644\u0633\u0644\u0627\u064a\u062f\u0631 \u0627\u0644\u0623\u0641\u0642\u064a) *\/\n        .wmm-slider-container { position: relative; width: 100%; display: flex; align-items: center; }\n        .wmm-slider-arrow {\n            position: absolute; top: 50%; transform: translateY(-50%);\n            width: 45px; height: 45px; background: rgba(15, 23, 42, 0.8);\n            border: 1px solid var(--wmm-gold); color: var(--wmm-gold); border-radius: 50%;\n            z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center;\n            font-size: 1.2rem; transition: var(--wmm-transition); backdrop-filter: blur(10px);\n        }\n        .wmm-slider-arrow:hover { background: var(--wmm-gold); color: #000; box-shadow: 0 5px 15px rgba(250, 186, 91, 0.5); }\n        .wmm-prev { left: -10px; }\n        .wmm-next { right: -10px; }\n        \n        html[dir=\"rtl\"] .wmm-prev { left: auto; right: -10px; transform: translateY(-50%) rotate(180deg); }\n        html[dir=\"rtl\"] .wmm-next { right: auto; left: -10px; transform: translateY(-50%) rotate(180deg); }\n\n        .wmm-grid-cards { \n            display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important;\n            scroll-snap-type: x mandatory !important; gap: 30px !important; \n            padding: 30px 10px 50px !important; scrollbar-width: thin; scrollbar-color: var(--wmm-gold) rgba(255,255,255,0.05);\n            scroll-behavior: smooth; align-items: stretch !important; cursor: grab; width: 100%;\n        }\n        .wmm-grid-cards:active { cursor: grabbing; }\n        .wmm-grid-cards::-webkit-scrollbar { height: 8px; }\n        .wmm-grid-cards::-webkit-scrollbar-track { background: rgba(255,255,255,0.05); border-radius: 10px; }\n        .wmm-grid-cards::-webkit-scrollbar-thumb { background: var(--wmm-gold); border-radius: 10px; }\n\n        \/* 6. Card Design *\/\n        .wmm-card {\n            flex: 0 0 350px !important; max-width: 350px !important; scroll-snap-align: start !important;\n            background: var(--wmm-bg-card); padding: 45px 30px 35px !important; border-radius: 24px !important; \n            box-shadow: var(--wmm-shadow-soft); position: relative; border: 1px solid var(--wmm-border-color); \n            border-top: 4px solid var(--wmm-blue); transition: var(--wmm-transition); z-index: 1; backdrop-filter: blur(15px);\n            display: flex; flex-direction: column;\n        }\n        .wmm-card:hover { transform: translateY(-10px) !important; background: var(--wmm-bg-card-hover); box-shadow: var(--wmm-shadow-hover); border-top-color: var(--wmm-gold); }\n\n        .wmm-card-number {\n            position: absolute; top: -25px; left: 35px; width: 50px; height: 50px;\n            background: linear-gradient(135deg, var(--wmm-gold), #e6a32d); color: #000;\n            display: flex; align-items: center; justify-content: center; border-radius: 50%;\n            font-weight: 800; font-size: 1.3rem; border: 4px solid #1e293b; \n            box-shadow: 0 5px 15px rgba(250, 186, 91, 0.3); transition: var(--wmm-transition);\n            direction: ltr !important; unicode-bidi: isolate !important;\n        }\n        .wmm-card:hover .wmm-card-number { transform: scale(1.15); box-shadow: 0 8px 20px rgba(250, 186, 91, 0.5); border-color: #2d3748; }\n\n        .wmm-card-title { color: var(--wmm-text-main); font-size: 1.4rem; font-weight: 800; margin: 15px 0 20px; line-height: 1.4; }\n        .wmm-card-desc { color: var(--wmm-text-muted); font-size: 1.05rem; margin: 0; line-height: 1.8; }\n\n        \/* Highlights & Alt Cards *\/\n        .wmm-bg-blue {\n            background: rgba(15, 23, 42, 0.4) !important; backdrop-filter: blur(30px) !important;\n            padding: 80px 5% !important; border-radius: 35px !important; position: relative; overflow: hidden;\n            box-shadow: inset 0 0 0 1px rgba(255,255,255,0.05), 0 20px 50px rgba(0,0,0,0.5) !important; \n        }\n        .wmm-bg-blue::before { content: ''; position: absolute; top: -100px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(250,186,91,0.1) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }\n        .wmm-card-alt { border-top: none !important; border-left: 5px solid var(--wmm-gold) !important; }\n        .wmm-card-alt:hover { border-left-color: var(--wmm-blue) !important; }\n        .wmm-card-border { border-top: none !important; border-left: 5px solid var(--wmm-gold) !important; }\n        .wmm-card-border:hover { border-left-color: var(--wmm-blue) !important; }\n\n        \/* Topology Lightbox *\/\n        .wmm-topology-wrapper { background: var(--wmm-bg-card); padding: 30px; border-radius: var(--wmm-radius); text-align: center; border: 1px solid var(--wmm-border-color); transition: var(--wmm-transition); box-shadow: var(--wmm-shadow-soft); width: 100%; max-width: 1200px; margin: 0 auto; }\n        .wmm-topology-wrapper:hover { box-shadow: var(--wmm-shadow-hover); border-color: var(--wmm-gold); transform: translateY(-4px); }\n        .wmm-topology-wrapper a { display: block; overflow: hidden; border-radius: 12px; }\n        .wmm-topology-img { max-width: 100%; height: auto; border-radius: 12px; transition: transform 0.4s ease; width: 100%; }\n        .wmm-topology-wrapper a:hover .wmm-topology-img { transform: scale(1.03); }\n        .wmm-topology-note { font-size: 1rem; color: var(--wmm-gold); margin: 20px 0 0 0; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 8px; animation: wmmPulse 2s infinite; pointer-events: none; }\n\n        \/* RTL Fixes *\/\n        html[dir=\"rtl\"] .wmm-scenario-container { direction: rtl !important; text-align: right !important; }\n        html[dir=\"rtl\"] .wmm-main-title::after { left: auto !important; right: 0 !important; }\n        html[dir=\"rtl\"] .wmm-card-number { left: auto !important; right: 35px !important; }\n        html[dir=\"rtl\"] .wmm-card-title { direction: rtl !important; }\n        html[dir=\"rtl\"] .wmm-card-alt, html[dir=\"rtl\"] .wmm-card-border { border-left: none !important; border-right: 5px solid var(--wmm-gold) !important; }\n        html[dir=\"rtl\"] .wmm-card-alt:hover, html[dir=\"rtl\"] .wmm-card-border:hover { border-right-color: var(--wmm-blue) !important; }\n\n        \/* Mobile Fixes (Centering) *\/\n        @media (max-width: 992px) { .wmm-intro-section { flex-direction: column; gap: 40px; } .wmm-intro-gallery { width: 100%; } .wmm-main-title { font-size: 2.4rem; } }\n        @media (max-width: 768px) {\n            .wmm-scenario-container { padding: 40px 20px !important; }\n            .wmm-main-title { font-size: 2.1rem; text-align: center !important; }\n            .wmm-main-title::after { left: 50% !important; transform: translateX(-50%) !important; right: auto !important; }\n            .wmm-intro-text p { text-align: center !important; }\n            \n            .wmm-section-title { font-size: 1.9rem; margin-bottom: 40px; text-align: center !important; }\n            .wmm-intro-gallery { display: flex; flex-direction: column; gap: 20px; } \n            \n            .wmm-slider-container { padding: 0 !important; }\n            .wmm-prev { left: 5px; } .wmm-next { right: 5px; }\n            html[dir=\"rtl\"] .wmm-prev { left: auto; right: 5px; }\n            html[dir=\"rtl\"] .wmm-next { right: auto; left: 5px; }\n\n            .wmm-grid-cards { gap: 20px !important; padding: 20px 0 40px !important; }\n            .wmm-card { flex: 0 0 85vw !important; max-width: 85vw !important; scroll-snap-align: center !important; padding: 45px 25px 30px !important; }\n            .wmm-card-title, .wmm-card-desc { text-align: center !important; }\n            \n            .wmm-card-number { left: 50% !important; right: auto !important; transform: translateX(-50%) !important; }\n            html[dir=\"rtl\"] .wmm-card-number { right: 50% !important; transform: translateX(50%) !important; }\n            .wmm-card:hover .wmm-card-number { transform: translateX(-50%) scale(1.15) !important; }\n            html[dir=\"rtl\"] .wmm-card:hover .wmm-card-number { transform: translateX(50%) scale(1.15) !important; }\n        }\n    <\/style>\n\n    <div class=\"wmm-scenario-container\">\n        \n        \n        <div class=\"wmm-intro-section\">\n            <div class=\"wmm-intro-text\">\n                <h1 class=\"wmm-main-title\">Network Solutions for Schools, Universities, and Educational Facilities<\/h1>\n                                    <p>As educational institutions continue to expand their digital capabilities, Passive Optical Network (PON) solutions have become a powerful foundation for modern connectivity.<\/p>\n                                    <p>Schools, universities, and training centers require high-speed, secure, and scalable networks to support e-learning platforms, smart classrooms, digital libraries, and campus-wide communication systems.<\/p>\n                                    <p>PON technology offers a cost-effective and energy-efficient infrastructure that delivers exceptional bandwidth, simplified maintenance, and long-term reliability.<\/p>\n                                    <p>By adopting advanced fiber-optic solutions, educational facilities can enhance the learning experience, improve operational efficiency, and ensure a future-ready digital environment for students and staff.<\/p>\n                            <\/div>\n            <div class=\"wmm-intro-gallery\">\n                                    <img decoding=\"async\" src=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/1-netpon.webp\" class=\"wmm-gallery-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/2-netpon.webp\" class=\"wmm-gallery-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/4-netpon.webp\" class=\"wmm-gallery-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/5-netpon.webp\" class=\"wmm-gallery-img\">\n                                    <img decoding=\"async\" src=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/6-netpon.webp\" class=\"wmm-gallery-img\">\n                            <\/div>\n        <\/div>\n\n        <div class=\"wmm-section\">\n            <h2 class=\"wmm-section-title\">Project Requirements<\/h2>\n            <div class=\"wmm-slider-container\">\n                <button class=\"wmm-slider-arrow wmm-prev\" aria-label=\"Previous\">&#10094;<\/button>\n                <div class=\"wmm-grid-cards\">\n                                            <div class=\"wmm-card\">\n                            <div class=\"wmm-card-number\">01.<\/div>\n                            <h3 class=\"wmm-card-title\">Staff office\/dormitory<\/h3>\n                            <p class=\"wmm-card-desc\">To support academic research, it is necessary to have exclusive high-speed access to campus resources and separate them from public access. Faculty and staff generally require smooth online video, remote meetings, file transfers, and other applications, with bandwidth guaranteed to be no less than 100-200M per room.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card\">\n                            <div class=\"wmm-card-number\">02.<\/div>\n                            <h3 class=\"wmm-card-title\">Teaching scenario<\/h3>\n                            <p class=\"wmm-card-desc\">Meet the concurrent access of multiple devices, ensure smooth internet access for teachers and wireless multimedia devices, restrict network applications to prevent students from browsing unnecessary websites.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card\">\n                            <div class=\"wmm-card-number\">03.<\/div>\n                            <h3 class=\"wmm-card-title\">Playground and parking lot<\/h3>\n                            <p class=\"wmm-card-desc\">To cope with harsh environments, the network can work stably for a long time, with one fiber multi energy, carrying video surveillance data, voice alarm columns, campus broadcasting, access control systems, barrier gate parking systems, IOT IoT transmission, etc.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card\">\n                            <div class=\"wmm-card-number\">04.<\/div>\n                            <h3 class=\"wmm-card-title\">Public areas<\/h3>\n                            <p class=\"wmm-card-desc\">Target monitoring, visual event linkage, prepaid campus violence, achieving pre broadcast deterrence audio playback, executing first come, see+shout complete security mode before people arrive.<\/p>\n                        <\/div>\n                                    <\/div>\n                <button class=\"wmm-slider-arrow wmm-next\" aria-label=\"Next\">&#10095;<\/button>\n            <\/div>\n        <\/div>\n\n                <div class=\"wmm-section\">\n            <h2 class=\"wmm-section-title\">Network Topology<\/h2>\n            <div class=\"wmm-topology-wrapper\">\n                <a href=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/network-topology-netpon.webp\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox-title=\"Network Topology\">\n                    <img decoding=\"async\" src=\"https:\/\/np.sheetheg.com\/wp-content\/uploads\/2026\/05\/network-topology-netpon.webp\" class=\"wmm-topology-img\" alt=\"Network Topology\">\n                <\/a>\n                <p class=\"wmm-topology-note\">\n                    <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\"><\/line><line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\"><\/line><line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\"><\/line><\/svg>\n                    Click on the image to enlarge\n                <\/p>\n            <\/div>\n        <\/div>\n        \n        <div class=\"wmm-section wmm-bg-blue\">\n            <h2 class=\"wmm-section-title wmm-text-gold\">Highlights of the Solution<\/h2>\n            <div class=\"wmm-slider-container\">\n                <button class=\"wmm-slider-arrow wmm-prev\" aria-label=\"Previous\">&#10094;<\/button>\n                <div class=\"wmm-grid-cards\">\n                                            <div class=\"wmm-card wmm-card-alt\">\n                            <h3 class=\"wmm-card-title\">01. One optical network with full coverage<\/h3>\n                            <p class=\"wmm-card-desc\">PON passive, P2MP network structure; A fiber optic network for full scene access in the park; Provide large bandwidth ranging from 2.5\/10\/50G.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-alt\">\n                            <h3 class=\"wmm-card-title\">02. Simplified Architecture, Green &amp; Energy-Efficient<\/h3>\n                            <p class=\"wmm-card-desc\">Reduces energy consumption by 30%. Its two-tier design replaces active components with passive ones, saves 80% on weak-current space requirements, and features a fiber optic lifespan exceeding 30 years.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-alt\">\n                            <h3 class=\"wmm-card-title\">03. Eco-Friendly &amp; Immune to Interference<\/h3>\n                            <p class=\"wmm-card-desc\">Its non-metallic medium is lightweight and environmentally friendly. Signal transmission is unaffected by electromagnetic interference, ensuring safety and reliability.<\/p>\n                        <\/div>\n                                    <\/div>\n                <button class=\"wmm-slider-arrow wmm-next\" aria-label=\"Next\">&#10095;<\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"wmm-section\">\n            <h2 class=\"wmm-section-title\">User Value<\/h2>\n            <div class=\"wmm-slider-container\">\n                <button class=\"wmm-slider-arrow wmm-prev\" aria-label=\"Previous\">&#10094;<\/button>\n                <div class=\"wmm-grid-cards\">\n                                            <div class=\"wmm-card wmm-card-border\">\n                            <h3 class=\"wmm-card-title\">01. Fiber to the Classroom with Multi-Service Support<\/h3>\n                            <p class=\"wmm-card-desc\">Deploying fiber directly to classrooms eliminates the need for hallway weak-current rooms, saving cabling costs while reducing air conditioning support and safety risks. The ONU terminal carries all services, provides PoE functionality, and flexibly supports connections for cameras, IP speakers, wireless APs, and more.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-border\">\n                            <h3 class=\"wmm-card-title\">02. Fiber optic direct access to dormitories<\/h3>\n                            <p class=\"wmm-card-desc\">Providing one network for daily life and office use; A physical network supports office and daily life, saving TCO investment and rental costs; Wi Fi supports roaming and non roaming modes, matching different scenarios.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-border\">\n                            <h3 class=\"wmm-card-title\">03. Application access control<\/h3>\n                            <p class=\"wmm-card-desc\">Access control of applications through routing to prevent students from accessing unnecessary websites during class.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-border\">\n                            <h3 class=\"wmm-card-title\">04. Internal and external network isolation<\/h3>\n                            <p class=\"wmm-card-desc\">Network isolation between teaching staff and public networks to ensure information security.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-border\">\n                            <h3 class=\"wmm-card-title\">05. Educational visualization<\/h3>\n                            <p class=\"wmm-card-desc\">The principal and grade management personnel can conduct remote classroom patrols to monitor the teaching situation of teachers, the status of students in class, and whether there are any illegal or disciplinary violations; When detecting classroom violations, exam room violations, and other phenomena, the visual broadcasting function can be used to directly shout at designated points or broadcast preset voice to achieve remote management of teachers.<\/p>\n                        <\/div>\n                                            <div class=\"wmm-card wmm-card-border\">\n                            <h3 class=\"wmm-card-title\">06. One click alarm to prevent bullying<\/h3>\n                            <p class=\"wmm-card-desc\">Audio and video linkage, pre-set alarm audio playback, execute first come, see+shout for complete security mode before the person arrives.<\/p>\n                        <\/div>\n                                    <\/div>\n                <button class=\"wmm-slider-arrow wmm-next\" aria-label=\"Next\">&#10095;<\/button>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <!-- Mouse Drag & Arrows Logic -->\n    <script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const sliderContainers = document.querySelectorAll('.wmm-slider-container');\n        \n        sliderContainers.forEach(container => {\n            const slider = container.querySelector('.wmm-grid-cards');\n            const prev = container.querySelector('.wmm-prev');\n            const next = container.querySelector('.wmm-next');\n            if(!slider || !prev || !next) return;\n\n            const isRTL = document.documentElement.dir === 'rtl';\n            const scrollAmount = isRTL ? -350 : 350;\n\n            prev.addEventListener('click', () => { slider.scrollBy({ left: -scrollAmount, behavior: 'smooth' }); });\n            next.addEventListener('click', () => { slider.scrollBy({ left: scrollAmount, behavior: 'smooth' }); });\n\n            let isDown = false;\n            let startX;\n            let scrollLeft;\n\n            slider.addEventListener('mousedown', (e) => {\n                isDown = true;\n                slider.style.cursor = 'grabbing';\n                startX = e.pageX - slider.offsetLeft;\n                scrollLeft = slider.scrollLeft;\n            });\n            slider.addEventListener('mouseleave', () => { isDown = false; slider.style.cursor = 'grab'; });\n            slider.addEventListener('mouseup', () => { isDown = false; slider.style.cursor = 'grab'; });\n            slider.addEventListener('mousemove', (e) => {\n                if (!isDown) return;\n                e.preventDefault();\n                const x = e.pageX - slider.offsetLeft;\n                const walk = (x - startX) * 2; \n                slider.scrollLeft = scrollLeft - walk;\n            });\n        });\n    });\n    <\/script>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"featured_media":11683,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","project-cat":[133],"class_list":["post-10719","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","project-cat-pol-solutions"],"_links":{"self":[{"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/portfolio\/10719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/types\/portfolio"}],"replies":[{"embeddable":true,"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/comments?post=10719"}],"version-history":[{"count":11,"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/portfolio\/10719\/revisions"}],"predecessor-version":[{"id":12131,"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/portfolio\/10719\/revisions\/12131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/media\/11683"}],"wp:attachment":[{"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/media?parent=10719"}],"wp:term":[{"taxonomy":"project-cat","embeddable":true,"href":"https:\/\/np.sheetheg.com\/ar\/wp-json\/wp\/v2\/project-cat?post=10719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}