{"id":10,"date":"2022-10-16T05:37:12","date_gmt":"2022-10-16T05:37:12","guid":{"rendered":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/?page_id=10"},"modified":"2025-09-12T16:40:55","modified_gmt":"2025-09-12T16:40:55","slug":"research","status":"publish","type":"page","link":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/research\/","title":{"rendered":"Research"},"content":{"rendered":"\n\n\n\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Research Domains<\/title>\n    <link rel=\"icon\" type=\"image\/x-icon\" href=\"\/static\/favicon.ico\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&amp;display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n    <style>\n        \/* * FIX: Removed the animated body background which caused text contrast issues.\n         * The new background is a static, consistently dark gradient to ensure readability.\n         * Dynamic elements are now confined to the background aurora effect.\n        *\/\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #0B1120; \/* A deep navy blue fallback *\/\n            background-image: linear-gradient(135deg, #0B1120 0%, #111827 50%, #1F2937 100%);\n            color: #d1d5db; \/* Default text color (gray-300) *\/\n            overflow-x: hidden;\n        }\n\n        .aurora-container {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: -1;\n            overflow: hidden;\n            filter: blur(40px);\n        }\n        \n        .aurora-orb {\n            position: absolute;\n            border-radius: 50%;\n        }\n\n        .orb1 {\n            width: 600px;\n            height: 600px;\n            background-color: rgba(88, 80, 236, 0.15); \/* Indigo *\/\n            animation: moveOrb1 25s infinite alternate ease-in-out;\n        }\n\n        .orb2 {\n            width: 500px;\n            height: 500px;\n            background-color: rgba(219, 39, 119, 0.15); \/* Fuchsia *\/\n            animation: moveOrb2 30s infinite alternate ease-in-out;\n        }\n\n        @keyframes moveOrb1 {\n            0% { transform: translate(10vw, -20vh) scale(0.8); }\n            100% { transform: translate(60vw, 40vh) scale(1.2); }\n        }\n\n        @keyframes moveOrb2 {\n            0% { transform: translate(80vw, 70vh) scale(1.1); }\n            100% { transform: translate(10vw, 10vh) scale(0.9); }\n        }\n\n        .research-card {\n            position: relative;\n            background: rgba(31, 41, 55, 0.5); \/* gray-800\/50 *\/\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\n            overflow: hidden;\n        }\n        \n        .research-card:hover {\n            transform: translateY(-8px) scale(1.02);\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n            border-color: rgba(129, 140, 248, 0.5);\n        }\n\n        .icon-container {\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n        \n        .research-card:hover .icon-container {\n            transform: scale(1.1);\n            box-shadow: 0 0 20px -5px var(--icon-glow-color);\n        }\n\n        .gradient-text-header {\n            background: linear-gradient(90deg, #c4b5fd, #fbcfe8, #ffffff); \/* Lavender to Pink to White *\/\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .tag {\n            background-color: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            color: var(--tag-text-color);\n        }\n    <\/style>\n\n\n\n    <div class=\"aurora-container\">\n        <div class=\"aurora-orb orb1\"><\/div>\n        <div class=\"aurora-orb orb2\"><\/div>\n    <\/div>\n\n    <section class=\"relative py-20 md:py-28 px-4\">\n        <div class=\"max-w-7xl mx-auto\">\n            <div class=\"text-center mb-16\" data-aos=\"fade-down\">\n                <h2 class=\"text-4xl md:text-5xl font-extrabold mb-4 gradient-text-header\">Research Domains<\/h2>\n                <p class=\"text-gray-300 max-w-2xl mx-auto text-lg\">\n                    Pioneering intelligent systems at the intersection of machine learning, control theory, and real-world applications.\n                <\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                \n                <div class=\"research-card rounded-2xl\" data-aos=\"fade-up\">\n                    <div class=\"p-8\">\n                        <div class=\"icon-container w-16 h-16 rounded-xl flex items-center justify-center mb-6 bg-indigo-500\/10 border border-indigo-500\/30\" style=\"--icon-glow-color: #818cf8;\">\n                            <i data-feather=\"heart\" class=\"text-indigo-300 w-8 h-8\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-gray-50 mb-4\">AI in Medical Diagnostics<\/h3>\n                        <p class=\"mb-6\">Developing explainable deep learning models for early disease detection using multi-modal imaging (ultrasound, mammography, MRI).<\/p>\n                        <div class=\"flex flex-wrap gap-2\" style=\"--tag-text-color: #c4b5fd;\">\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Deep Learning<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Medical Imaging<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">XAI<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"research-card rounded-2xl\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"p-8\">\n                        <div class=\"icon-container w-16 h-16 rounded-xl flex items-center justify-center mb-6 bg-sky-500\/10 border border-sky-500\/30\" style=\"--icon-glow-color: #38bdf8;\">\n                            <i data-feather=\"settings\" class=\"text-sky-300 w-8 h-8\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-gray-50 mb-4\">Industrial Automation &amp; Control<\/h3>\n                        <p class=\"mb-6\">Designing intelligent control systems for predictive maintenance, quality control, and adaptive manufacturing processes.<\/p>\n                        <div class=\"flex flex-wrap gap-2\" style=\"--tag-text-color: #7dd3fc;\">\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Control Systems<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">IoT<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Predictive Analytics<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"research-card rounded-2xl\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div class=\"p-8\">\n                        <div class=\"icon-container w-16 h-16 rounded-xl flex items-center justify-center mb-6 bg-emerald-500\/10 border border-emerald-500\/30\" style=\"--icon-glow-color: #34d399;\">\n                            <i data-feather=\"eye\" class=\"text-emerald-300 w-8 h-8\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-gray-50 mb-4\">Explainable &amp; Trustworthy AI<\/h3>\n                        <p class=\"mb-6\">Creating transparent AI systems that provide interpretable explanations, crucial for building trust in high-stakes applications.<\/p>\n                        <div class=\"flex flex-wrap gap-2\" style=\"--tag-text-color: #6ee7b7;\">\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Transparency<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Interpretability<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Robustness<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"research-card rounded-2xl\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                    <div class=\"p-8\">\n                        <div class=\"icon-container w-16 h-16 rounded-xl flex items-center justify-center mb-6 bg-amber-500\/10 border border-amber-500\/30\" style=\"--icon-glow-color: #f59e0b;\">\n                            <i data-feather=\"activity\" class=\"text-amber-300 w-8 h-8\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-gray-50 mb-4\">Adaptive &amp; Learning Systems<\/h3>\n                        <p class=\"mb-6\">Developing self-tuning and reinforcement learning-based controllers that adapt to dynamic and uncertain environments.<\/p>\n                        <div class=\"flex flex-wrap gap-2\" style=\"--tag-text-color: #fcd34d;\">\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Reinforcement Learning<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">System Dynamics<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Self-tuning<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"research-card rounded-2xl\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n                    <div class=\"p-8\">\n                        <div class=\"icon-container w-16 h-16 rounded-xl flex items-center justify-center mb-6 bg-rose-500\/10 border border-rose-500\/30\" style=\"--icon-glow-color: #f43f5e;\">\n                            <i data-feather=\"layers\" class=\"text-rose-300 w-8 h-8\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-gray-50 mb-4\">Multi-modal Data Fusion<\/h3>\n                        <p class=\"mb-6\">Architecting systems to combine heterogeneous data sources (images, sensors, text) for superior decision-making.<\/p>\n                        <div class=\"flex flex-wrap gap-2\" style=\"--tag-text-color: #fda4af;\">\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Data Integration<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Sensor Fusion<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Decision Systems<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"research-card rounded-2xl\" data-aos=\"fade-up\" data-aos-delay=\"500\">\n                    <div class=\"p-8\">\n                        <div class=\"icon-container w-16 h-16 rounded-xl flex items-center justify-center mb-6 bg-teal-500\/10 border border-teal-500\/30\" style=\"--icon-glow-color: #2dd4bf;\">\n                            <i data-feather=\"leaf\" class=\"text-teal-300 w-8 h-8\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-gray-50 mb-4\">AI for Sustainability<\/h3>\n                        <p class=\"mb-6\">Applying AI to optimize energy consumption, manage resources, and develop intelligent systems for environmental monitoring.<\/p>\n                        <div class=\"flex flex-wrap gap-2\" style=\"--tag-text-color: #5eead4;\">\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Energy Optimization<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Smart Grids<\/span>\n                            <span class=\"tag px-3 py-1 rounded-full text-sm font-medium\">Climate Tech<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n    <script src=\"https:\/\/unpkg.com\/feather-icons\"><\/script>\n    <script>\n        AOS.init({\n            duration: 800,\n            once: true,\n        });\n        feather.replace();\n    <\/script>\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Research Domains Research Domains Pioneering intelligent systems at the intersection of machine learning, control theory, and real-world applications. AI in [&hellip;]<\/p>\n","protected":false},"author":1423,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/users\/1423"}],"replies":[{"embeddable":true,"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":8,"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":160,"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/pages\/10\/revisions\/160"}],"wp:attachment":[{"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}