{"id":161,"date":"2025-09-12T16:41:50","date_gmt":"2025-09-12T16:41:50","guid":{"rendered":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/?page_id=161"},"modified":"2025-09-12T16:57:35","modified_gmt":"2025-09-12T16:57:35","slug":"my-reserch","status":"publish","type":"page","link":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/my-reserch\/","title":{"rendered":"My Reserch"},"content":{"rendered":"\n

Here is the reserch activiaties we do in our group <\/p>\n\n\n\n\n\n\n \n \n Research Activities<\/title>\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&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n background-color: #030712;\n color: #d1d5db;\n overflow-x: hidden;\n }\n body::before {\n content: '';\n position: fixed;\n top: 0; left: 0;\n width: 100%; height: 100%;\n background-image: \n linear-gradient(to right, rgba(55, 65, 81, 0.2) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(55, 65, 81, 0.2) 1px, transparent 1px);\n background-size: 40px 40px;\n animation: pan-grid 60s linear infinite;\n z-index: -1;\n }\n @keyframes pan-grid {\n from { background-position: 0 0; }\n to { background-position: 1200px 1200px; }\n }\n .domain-nav-button {\n transition: all 0.3s ease;\n }\n .domain-content-panel {\n display: none;\n }\n .domain-content-panel.active {\n display: block;\n animation: fadeIn 0.5s ease;\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(15px); }\n to { opacity: 1; transform: translateY(0); }\n }\n .schematic-svg path {\n stroke-dasharray: 1000;\n stroke-dashoffset: 1000;\n }\n .active .schematic-svg path {\n animation: draw 2s ease forwards;\n }\n @keyframes draw {\n to { stroke-dashoffset: 0; }\n }\n <\/style>\n<\/head>\n<body class=\"min-h-screen\">\n <div class=\"container mx-auto px-4 py-16 max-w-6xl\">\n <div class=\"text-center mb-16\">\n <h1 class=\"text-4xl md:text-5xl font-extrabold bg-clip-text text-transparent bg-gradient-to-r from-blue-300 to-white mb-4\">\n Research Activities\n <\/h1>\n <p class=\"text-lg text-gray-400 max-w-2xl mx-auto\">\n An interactive overview of my core research areas, focusing on the synergy between advanced AI and control systems.\n <\/p>\n <\/div>\n\n <div class=\"bg-gray-900\/60 backdrop-blur-xl border border-gray-700\/50 rounded-2xl p-6 md:p-8 shadow-2xl\">\n <div class=\"flex flex-col lg:flex-row gap-8\">\n <!-- Navigation Panel -->\n <nav id=\"domain-nav\" class=\"lg:w-1\/3 border-r border-gray-700\/50 pr-0 lg:pr-6 pb-4 lg:pb-0\">\n <div class=\"space-y-2\">\n <button data-target=\"panel-medical\" class=\"domain-nav-button w-full text-left px-4 py-3 font-semibold rounded-lg text-gray-300 hover:bg-blue-900\/20 hover:text-white transition-all duration-200 border-l-4 border-transparent hover:border-blue-500 active\">\n AI in Medical Diagnostics\n <\/button>\n <button data-target=\"panel-automation\" class=\"domain-nav-button w-full text-left px-4 py-3 font-semibold rounded-lg text-gray-300 hover:bg-blue-900\/20 hover:text-white transition-all duration-200 border-l-4 border-transparent hover:border-blue-500\">\n Industrial Automation\n <\/button>\n <button data-target=\"panel-xai\" class=\"domain-nav-button w-full text-left px-4 py-3 font-semibold rounded-lg text-gray-300 hover:bg-blue-900\/20 hover:text-white transition-all duration-200 border-l-4 border-transparent hover:border-blue-500\">\n Explainable & Trustworthy AI\n <\/button>\n <button data-target=\"panel-adaptive\" class=\"domain-nav-button w-full text-left px-4 py-3 font-semibold rounded-lg text-gray-300 hover:bg-blue-900\/20 hover:text-white transition-all duration-200 border-l-4 border-transparent hover:border-blue-500\">\n Adaptive & Learning Systems\n <\/button>\n <button data-target=\"panel-fusion\" class=\"domain-nav-button w-full text-left px-4 py-3 font-semibold rounded-lg text-gray-300 hover:bg-blue-900\/20 hover:text-white transition-all duration-200 border-l-4 border-transparent hover:border-blue-500\">\n Multi-modal Data Fusion\n <\/button>\n <button data-target=\"panel-sustainability\" class=\"domain-nav-button w-full text-left px-4 py-3 font-semibold rounded-lg text-gray-300 hover:bg-blue-900\/20 hover:text-white transition-all duration-200 border-l-4 border-transparent hover:border-blue-500\">\n AI for Sustainability\n <\/button>\n <\/div>\n <\/nav>\n\n <!-- Content Panel -->\n <div id=\"domain-content\" class=\"lg:w-2\/3 min-h-[400px]\">\n <!-- Medical Diagnostics Panel -->\n <div id=\"panel-medical\" class=\"domain-content-panel active\">\n <div class=\"h-56 mb-6 text-blue-500\">\n <svg class=\"schematic-svg w-full h-full\" viewBox=\"0 0 100 50\" preserveAspectRatio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M5 25 H 20 M 20 15 V 35 M 20 15 L 35 5 M 20 25 L 35 25 M 20 35 L 35 45 M 35 5 L 50 5 M 35 25 L 50 25 M 35 45 L 50 45 M 65 25 C 65 15, 85 15, 85 25 M 65 25 C 65 35, 85 35, 85 25 M 75 5 V 45\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-3xl font-bold text-white mb-4\">AI in Medical Diagnostics<\/h3>\n <p class=\"text-lg mb-6\">\n Developing explainable deep learning models for early disease detection using multi-modal imaging sources like ultrasound and MRI to provide reliable, transparent diagnostic support.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Deep Learning<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Medical Imaging<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">XAI<\/span>\n <\/div>\n <\/div>\n\n <!-- Industrial Automation Panel -->\n <div id=\"panel-automation\" class=\"domain-content-panel\">\n <div class=\"h-56 mb-6 text-blue-500\">\n <svg class=\"schematic-svg w-full h-full\" viewBox=\"0 0 100 50\" preserveAspectRatio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M10 45 L 90 45 M 20 45 V 15 L 30 5 H 70 L 80 15 V 45 M 40 35 a 5 5 0 1 0 10 0 a 5 5 0 1 0 -10 0 M 55 25 a 5 5 0 1 0 10 0 a 5 5 0 1 0 -10 0\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-3xl font-bold text-white mb-4\">Industrial Automation<\/h3>\n <p class=\"text-lg mb-6\">\n Designing intelligent control systems for predictive maintenance, quality control, and adaptive manufacturing processes to create smarter, more efficient industrial environments.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Control Systems<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">IoT<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Predictive Analytics<\/span>\n <\/div>\n <\/div>\n\n <!-- Explainable AI Panel -->\n <div id=\"panel-xai\" class=\"domain-content-panel\">\n <div class=\"h-56 mb-6 text-blue-500\">\n <svg class=\"schematic-svg w-full h-full\" viewBox=\"0 0 100 50\" preserveAspectRatio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 25 a 30 15 0 1 0 60 0 a 30 15 0 1 0 -60 0 M 35 25 a 15 7 0 1 0 30 0 a 15 7 0 1 0 -30 0 M 45 25 a 5 2 0 1 0 10 0 a 5 2 0 1 0 -10 0 M 50 5 V 45 M 20 25 H 80\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-3xl font-bold text-white mb-4\">Explainable & Trustworthy AI<\/h3>\n <p class=\"text-lg mb-6\">\n Creating transparent AI systems that provide interpretable explanations for their decisions, crucial for building trust and ensuring accountability in high-stakes applications.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Transparency<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Interpretability<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Robustness<\/span>\n <\/div>\n <\/div>\n\n <!-- Adaptive Systems Panel -->\n <div id=\"panel-adaptive\" class=\"domain-content-panel\">\n <div class=\"h-56 mb-6 text-blue-500\">\n <svg class=\"schematic-svg w-full h-full\" viewBox=\"0 0 100 50\" preserveAspectRatio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M10 25 C 20 10, 30 40, 40 25 S 50 10, 60 25 S 70 40, 80 25 L 90 25 M 50 5 V 45\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-3xl font-bold text-white mb-4\">Adaptive & Learning Systems<\/h3>\n <p class=\"text-lg mb-6\">\n Developing self-tuning and reinforcement learning-based controllers that can dynamically adapt to changing system parameters and uncertain, real-world environments.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Reinforcement Learning<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">System Dynamics<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Self-tuning<\/span>\n <\/div>\n <\/div>\n\n <!-- Data Fusion Panel -->\n <div id=\"panel-fusion\" class=\"domain-content-panel\">\n <div class=\"h-56 mb-6 text-blue-500\">\n <svg class=\"schematic-svg w-full h-full\" viewBox=\"0 0 100 50\" preserveAspectRatio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M20 10 L 80 10 M 20 25 L 80 25 M 20 40 L 80 40 M 30 10 V 40 M 50 10 V 40 M 70 10 V 40\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-3xl font-bold text-white mb-4\">Multi-modal Data Fusion<\/h3>\n <p class=\"text-lg mb-6\">\n Architecting advanced systems to combine heterogeneous data sources\u2014such as images, sensor streams, and text\u2014for more robust and superior decision-making.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Data Integration<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Sensor Fusion<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Decision Systems<\/span>\n <\/div>\n <\/div>\n\n <!-- Sustainability Panel -->\n <div id=\"panel-sustainability\" class=\"domain-content-panel\">\n <div class=\"h-56 mb-6 text-blue-500\">\n <svg class=\"schematic-svg w-full h-full\" viewBox=\"0 0 100 50\" preserveAspectRatio=\"xMidYMid meet\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M50 45 C 40 35, 40 15, 50 5 C 60 15, 60 35, 50 45 M 40 30 C 30 25, 35 10, 50 5 M 60 30 C 70 25, 65 10, 50 5\"\/>\n <\/svg>\n <\/div>\n <h3 class=\"text-3xl font-bold text-white mb-4\">AI for Sustainability<\/h3>\n <p class=\"text-lg mb-6\">\n Applying AI to optimize energy consumption, manage natural resources, and develop intelligent systems for advanced environmental monitoring and climate technology.\n <\/p>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Energy Optimization<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Smart Grids<\/span>\n <span class=\"px-3 py-1 bg-blue-900\/30 text-blue-300 rounded-full text-sm font-medium border border-blue-800\/50\">Climate Tech<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n const navContainer = document.getElementById('domain-nav');\n const contentContainer = document.getElementById('domain-content');\n const navButtons = navContainer.querySelectorAll('.domain-nav-button');\n const contentPanels = contentContainer.querySelectorAll('.domain-content-panel');\n\n navContainer.addEventListener('click', (e) => {\n const clickedButton = e.target.closest('.domain-nav-button');\n if (!clickedButton) return;\n\n \/\/ Deactivate all\n navButtons.forEach(button => {\n button.classList.remove('active');\n button.classList.remove('bg-blue-900\/20');\n button.classList.remove('text-white');\n button.classList.remove('border-blue-500');\n button.classList.add('text-gray-300');\n button.classList.add('border-transparent');\n });\n \n contentPanels.forEach(panel => panel.classList.remove('active'));\n\n \/\/ Activate clicked button and corresponding panel\n clickedButton.classList.add('active');\n clickedButton.classList.add('bg-blue-900\/20');\n clickedButton.classList.add('text-white');\n clickedButton.classList.add('border-blue-500');\n clickedButton.classList.remove('text-gray-300');\n clickedButton.classList.remove('border-transparent');\n \n const targetPanelId = clickedButton.dataset.target;\n const targetPanel = document.getElementById(targetPanelId);\n if (targetPanel) {\n targetPanel.classList.add('active');\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Here is the reserch activiaties we do in our group Research Activities Research Activities An interactive overview of my core […]<\/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-161","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/pages\/161","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=161"}],"version-history":[{"count":6,"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/pages\/161\/revisions"}],"predecessor-version":[{"id":171,"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/pages\/161\/revisions\/171"}],"wp:attachment":[{"href":"http:\/\/qufaculty.qu.edu.qa\/mamabrok\/wp-json\/wp\/v2\/media?parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}