Commit 9f15112a authored by Traboulsi's avatar Traboulsi
Browse files

Update public/js/add_content.js, public/content/content.json

parent 3c887096
Pipeline #9020 passed with stage
in 10 seconds
Showing with 24 additions and 29 deletions
+24 -29
...@@ -16,12 +16,12 @@ ...@@ -16,12 +16,12 @@
"description_en": "Different IoT applications for smart public buildings based on open-source software and smart home technologies have been developed to explore potentials and pitfalls. The project goals included promoting sustainable building usage, enhancing comfort, and facilitating retrofits in existing buildings via the deployment of wireless smart home technologies.", "description_en": "Different IoT applications for smart public buildings based on open-source software and smart home technologies have been developed to explore potentials and pitfalls. The project goals included promoting sustainable building usage, enhancing comfort, and facilitating retrofits in existing buildings via the deployment of wireless smart home technologies.",
"description_de": "Entwicklung verschiedener IoT-Anwendungen für smarte öffentliche Gebäude auf Basis von Open-Source-Software und Smart-Home-Technologien, um Potenziale und Hindernisse zu untersuchen. Ziele waren u.a. die Förderung einer nachhaltigen Gebäudenutzung und ein einfaches Nachrüstungen in bestehenden Gebäuden durch den Einsatz von drahtlosen Smart-Home-Technologien." "description_de": "Entwicklung verschiedener IoT-Anwendungen für smarte öffentliche Gebäude auf Basis von Open-Source-Software und Smart-Home-Technologien, um Potenziale und Hindernisse zu untersuchen. Ziele waren u.a. die Förderung einer nachhaltigen Gebäudenutzung und ein einfaches Nachrüstungen in bestehenden Gebäuden durch den Einsatz von drahtlosen Smart-Home-Technologien."
}, },
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png",
"refIndex": 3, "refIndex": 3,
"links": { "links": {
"publication": "https://dl.acm.org/doi/10.1145/3410992.3411009 ", "publication": "https://dl.acm.org/doi/10.1145/3410992.3411009 ",
"project": "https://www.hft-stuttgart.com/research/projects/current/icity-smart-public-building", "project": "https://www.hft-stuttgart.com/research/projects/current/icity-smart-public-building",
"repo": "https://transfer.hft-stuttgart.de/gitlab/smartpublicbuilding" "repo": "https://transfer.hft-stuttgart.de/gitlab/smartpublicbuilding",
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png"
} }
}, },
{ {
...@@ -41,11 +41,11 @@ ...@@ -41,11 +41,11 @@
"description_en": "In the realm of transforming and digitizing smart cities and their buildings, identifying, selecting, and implementing the \"right\" use cases is a significant challenge. Key questions include technologies, users, knowledge, and resources. This research introduces a methodological concept to aid in co-developing IoT use cases with public stakeholders.", "description_en": "In the realm of transforming and digitizing smart cities and their buildings, identifying, selecting, and implementing the \"right\" use cases is a significant challenge. Key questions include technologies, users, knowledge, and resources. This research introduces a methodological concept to aid in co-developing IoT use cases with public stakeholders.",
"description_de": "Bei der Transformation hin zu intelligenten Städten und ihren Gebäuden spielt die Auswahl und Implementierung der \"richtigen\" Anwendungsfälle eine wichtige Rolle. Zu den Schlüsselfragen gehören Technologien, Nutzer, Wissen und Ressourcen. Wir stellen einen methodischen Ansatz vor, der die gemeinsame Entwicklung von IoT-Anwendungsfällen mit öffentlichen Akteuren unterstützt." "description_de": "Bei der Transformation hin zu intelligenten Städten und ihren Gebäuden spielt die Auswahl und Implementierung der \"richtigen\" Anwendungsfälle eine wichtige Rolle. Zu den Schlüsselfragen gehören Technologien, Nutzer, Wissen und Ressourcen. Wir stellen einen methodischen Ansatz vor, der die gemeinsame Entwicklung von IoT-Anwendungsfällen mit öffentlichen Akteuren unterstützt."
}, },
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png",
"refIndex": 4, "refIndex": 4,
"links": { "links": {
"publication": "https://www.iadisportal.org/cgvcvip-csc-bigdaci-tpmc-2022-proceedings", "publication": "https://www.iadisportal.org/cgvcvip-csc-bigdaci-tpmc-2022-proceedings",
"project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/ict4icity" "project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/ict4icity",
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png"
} }
}, },
{ {
...@@ -65,11 +65,11 @@ ...@@ -65,11 +65,11 @@
"description_en": "Existing public buildings offer energy-saving potential through standardized solutions due to shared usage and construction patterns. In this research, we propose a method to cost-effectively deploy an energy monitoring concept based on LoRaWAN and open-source software in public schools.", "description_en": "Existing public buildings offer energy-saving potential through standardized solutions due to shared usage and construction patterns. In this research, we propose a method to cost-effectively deploy an energy monitoring concept based on LoRaWAN and open-source software in public schools.",
"description_de": "Bestehende öffentliche Gebäude bieten aufgrund gemeinsamer Nutzungs- und Baumuster ein Energieeinsparpotenzial durch standardisierte Lösungen. Als Grundlage hierfür haben wir ein offenes Energie-Monitoring-Konzept auf Basis von LoRaWAN und Open-Source-Software entwickelt, das u.a. in öffentlichen Schulen kostengünstig eingesetzt werden kann." "description_de": "Bestehende öffentliche Gebäude bieten aufgrund gemeinsamer Nutzungs- und Baumuster ein Energieeinsparpotenzial durch standardisierte Lösungen. Als Grundlage hierfür haben wir ein offenes Energie-Monitoring-Konzept auf Basis von LoRaWAN und Open-Source-Software entwickelt, das u.a. in öffentlichen Schulen kostengünstig eingesetzt werden kann."
}, },
"sdgImage":"imgs/thumbnails/E-WEB-Goal-07.png",
"refIndex": 5, "refIndex": 5,
"links": { "links": {
"publication": "https://ieeexplore.ieee.org/document/10293581", "publication": "https://ieeexplore.ieee.org/document/10293581",
"project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-udigit4icity" "project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-udigit4icity",
"sdgImage":"imgs/thumbnails/E-WEB-Goal-07.png"
} }
}, },
{ {
...@@ -89,11 +89,11 @@ ...@@ -89,11 +89,11 @@
"description_en": "The implementation of IoT predictive maintenance, combined with the capabilities of 5G technology, enables TBS Solingen to proactively manage its municipal vehicle fleet. This approach not only improves vehicle reliability and performance, but also contributes to cost savings and overall operational efficiency.", "description_en": "The implementation of IoT predictive maintenance, combined with the capabilities of 5G technology, enables TBS Solingen to proactively manage its municipal vehicle fleet. This approach not only improves vehicle reliability and performance, but also contributes to cost savings and overall operational efficiency.",
"description_de": "Die Implementierung von IoT Predictive Maintenance in Verbindung mit den Möglichkeiten der 5G-Technologie ermöglicht TBS Solingen ein proaktives Management seiner städtischen Fahrzeugflotte. Dieser Ansatz verbessert nicht nur die Zuverlässigkeit und Leistung der Fahrzeuge, sondern trägt auch zu Kosteneinsparungen und zur betrieblichen Gesamteffizienz bei." "description_de": "Die Implementierung von IoT Predictive Maintenance in Verbindung mit den Möglichkeiten der 5G-Technologie ermöglicht TBS Solingen ein proaktives Management seiner städtischen Fahrzeugflotte. Dieser Ansatz verbessert nicht nur die Zuverlässigkeit und Leistung der Fahrzeuge, sondern trägt auch zu Kosteneinsparungen und zur betrieblichen Gesamteffizienz bei."
}, },
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png",
"refIndex": 6, "refIndex": 6,
"links": { "links": {
"publication": "https://www.hft-stuttgart.de/p/salam-traboulsi", "publication": "https://www.hft-stuttgart.de/p/salam-traboulsi",
"project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-udigit4icity" "project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-udigit4icity",
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png"
} }
}, },
{ {
...@@ -113,11 +113,11 @@ ...@@ -113,11 +113,11 @@
"description_en": "In regions where 5G is accessible but limited, the full potential of the technology should unfold, stimulating the development of devices and applications. In the context of 5G-based smart city localization, it's essential to achieve accurate asset location. That's why we've adopted the Omlox real-time localization system.", "description_en": "In regions where 5G is accessible but limited, the full potential of the technology should unfold, stimulating the development of devices and applications. In the context of 5G-based smart city localization, it's essential to achieve accurate asset location. That's why we've adopted the Omlox real-time localization system.",
"description_de": "Der begrenzte Zugang zu 5G könnte sich ändern und das volle Potenzial dieser Technologie freisetzen, indem die Entwicklung von Geräten und Anwendungen vorangetrieben wird. In Bezug auf die 5G-gestützte Ortung in Smart Cities ist die genaue Lokalisierung von Vermögenswerten von entscheidender Bedeutung. Daher haben wir das Echtzeit-Lokalisierungssystem von Omlox integriert." "description_de": "Der begrenzte Zugang zu 5G könnte sich ändern und das volle Potenzial dieser Technologie freisetzen, indem die Entwicklung von Geräten und Anwendungen vorangetrieben wird. In Bezug auf die 5G-gestützte Ortung in Smart Cities ist die genaue Lokalisierung von Vermögenswerten von entscheidender Bedeutung. Daher haben wir das Echtzeit-Lokalisierungssystem von Omlox integriert."
}, },
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png",
"refIndex": 7, "refIndex": 7,
"links": { "links": {
"publication": "content/salam/5G-Omlox-locations.pdf", "publication": "content/salam/5G-Omlox-locations.pdf",
"project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-udigit4icity" "project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-udigit4icity",
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png"
} }
}, },
{ {
...@@ -137,11 +137,11 @@ ...@@ -137,11 +137,11 @@
"description_en": "This study investigates the interplay among climate, building heating, and human productivity. Thermal sensor data from different room and building levels were scrutinized using the integrated IoT open-source software, Thingsboard. Precision is heightened by limiting the analysis to workdays and cold seasons.", "description_en": "This study investigates the interplay among climate, building heating, and human productivity. Thermal sensor data from different room and building levels were scrutinized using the integrated IoT open-source software, Thingsboard. Precision is heightened by limiting the analysis to workdays and cold seasons.",
"description_de": "Diese Studie befasst sich mit der Wechselwirkung zwischen Klima, Gebäudeheizung und menschlicher Produktivität. Daten von Wärmesensoren aus verschiedenen Räumen und Ebenen des Gebäudes wurden mithilfe der integrierten freien IoT-Software Thingsboard untersucht. Die Genauigkeit wurde erhöht, indem die Analyse auf Werktage und kalte Jahreszeiten beschränkt wurde." "description_de": "Diese Studie befasst sich mit der Wechselwirkung zwischen Klima, Gebäudeheizung und menschlicher Produktivität. Daten von Wärmesensoren aus verschiedenen Räumen und Ebenen des Gebäudes wurden mithilfe der integrierten freien IoT-Software Thingsboard untersucht. Die Genauigkeit wurde erhöht, indem die Analyse auf Werktage und kalte Jahreszeiten beschränkt wurde."
}, },
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png",
"refIndex": 8, "refIndex": 8,
"links": { "links": {
"publication": "content/salam/salam-icity1.pdf", "publication": "content/salam/salam-icity1.pdf",
"project": "https://www.hft-stuttgart.com/research/projects/current/icity-project-phase-1" "project": "https://www.hft-stuttgart.com/research/projects/current/icity-project-phase-1",
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png"
} }
}, },
{ {
...@@ -161,10 +161,10 @@ ...@@ -161,10 +161,10 @@
"description_en": "The Bosch Schwieberdingen property is being upgraded by retrofitting the existing electricity meters with LoRaWAN-based wireless modules. These modules enable precise allocation of electricity consumption to various applications such as lighting, ventilation systems, test benches and general electricity consumption by consumers. This enables detailed recording and analysis of energy consumption throughout the property.", "description_en": "The Bosch Schwieberdingen property is being upgraded by retrofitting the existing electricity meters with LoRaWAN-based wireless modules. These modules enable precise allocation of electricity consumption to various applications such as lighting, ventilation systems, test benches and general electricity consumption by consumers. This enables detailed recording and analysis of energy consumption throughout the property.",
"description_de": "Die Stromzähler der Bosch Liegenschaft Schwieberdingen werden mit LoRaWAN-Funkmodulen nachgerüstet. Dies erlaubt eine präzise Zuordnung des Stromverbrauchs, bspw. zu Beleuchtung, Lüftungsanlagen, Prüfständen und anderen Verbrauchern. Dadurch wird eine detaillierte Erfassung und Analyse des Energieverbrauchs in der gesamten Liegenschaft ermöglicht." "description_de": "Die Stromzähler der Bosch Liegenschaft Schwieberdingen werden mit LoRaWAN-Funkmodulen nachgerüstet. Dies erlaubt eine präzise Zuordnung des Stromverbrauchs, bspw. zu Beleuchtung, Lüftungsanlagen, Prüfständen und anderen Verbrauchern. Dadurch wird eine detaillierte Erfassung und Analyse des Energieverbrauchs in der gesamten Liegenschaft ermöglicht."
}, },
"sdgImage":"imgs/thumbnails/E-WEB-Goal-07.png",
"refIndex": 9, "refIndex": 9,
"links": { "links": {
"project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-sensim4icity" "project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-sensim4icity",
"sdgImage":"imgs/thumbnails/E-WEB-Goal-07.png"
} }
}, },
{ {
...@@ -184,10 +184,10 @@ ...@@ -184,10 +184,10 @@
"description_en": "The EnOcean CO2 traffic lights procured during the COVID-19 pandemic, originally intended as a stand-alone solution for employees, are now to be subsequently integrated into the building management system of the Bosch Schwieberdingen property. This will enable comprehensive and detailed recording of air quality, which will visibly improve the well-being of employees.", "description_en": "The EnOcean CO2 traffic lights procured during the COVID-19 pandemic, originally intended as a stand-alone solution for employees, are now to be subsequently integrated into the building management system of the Bosch Schwieberdingen property. This will enable comprehensive and detailed recording of air quality, which will visibly improve the well-being of employees.",
"description_de": "Die während der COVID-19 Pandemie beschafften EnOcean CO2-Ampeln, ursprünglich als eigenständige Lösung für die Mitarbeiter gedacht, sollen nun nachträglich in die Gebäudeleittechnik der Bosch Schwieberdingen Liegenschaft integriert werden. Dies ermöglicht eine umfassende und detaillierte Erfassung der Luftqualität, wodurch das Wohlbefinden der Mitarbeiter ersichtlich verbessert wird." "description_de": "Die während der COVID-19 Pandemie beschafften EnOcean CO2-Ampeln, ursprünglich als eigenständige Lösung für die Mitarbeiter gedacht, sollen nun nachträglich in die Gebäudeleittechnik der Bosch Schwieberdingen Liegenschaft integriert werden. Dies ermöglicht eine umfassende und detaillierte Erfassung der Luftqualität, wodurch das Wohlbefinden der Mitarbeiter ersichtlich verbessert wird."
}, },
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png",
"refIndex": 10, "refIndex": 10,
"links": { "links": {
"project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-sensim4icity" "project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-sensim4icity",
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png"
} }
}, },
{ {
...@@ -207,10 +207,10 @@ ...@@ -207,10 +207,10 @@
"description_en": "Development of a versatile AI-based computer vision system for comprehensive object detection and tracking, including people and vehicles. This enables real-time detection and tracking of objects for various applications such as security, resource utilization, and capacity management.", "description_en": "Development of a versatile AI-based computer vision system for comprehensive object detection and tracking, including people and vehicles. This enables real-time detection and tracking of objects for various applications such as security, resource utilization, and capacity management.",
"description_de": "Entwicklung eines vielseitig einsetzbaren KI basierten Computer-Vision-Systems zur umfassenden Objekterkennung und -verfolgung, darunter Personen und Fahrzeuge. Dadurch wird die Echtzeit-Erfassung und Verfolgung von Objekten für diverse Anwendungen wie Sicherheit, Ressourcenauslastung und Kapazitätsmanagement ermöglicht." "description_de": "Entwicklung eines vielseitig einsetzbaren KI basierten Computer-Vision-Systems zur umfassenden Objekterkennung und -verfolgung, darunter Personen und Fahrzeuge. Dadurch wird die Echtzeit-Erfassung und Verfolgung von Objekten für diverse Anwendungen wie Sicherheit, Ressourcenauslastung und Kapazitätsmanagement ermöglicht."
}, },
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png",
"refIndex": 11, "refIndex": 11,
"links": { "links": {
"project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-sensim4icity" "project": "https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-2-sensim4icity",
"sdgImage":"imgs/thumbnails/E-WEB-Goal-11.png"
} }
} }
] ]
...@@ -73,16 +73,13 @@ function addcontent(item) { ...@@ -73,16 +73,13 @@ function addcontent(item) {
} }
// Salam: // Salam:
// Add this line to define sdgImageHTML
var sdgProjectHTML = '';
if ('sdgImage' in item) {
var sdgProjectLink = item.sdgImage;
var customColor = 'lilac';
sdgProjectHTML = `<a class="sdg-button btn btn-sm btn-outline-" style="color: white; border-color: ${customColor};" href="javascript:void(0);"onclick="toggleImage('${sdgProjectLink}'); changeColor(this, '${customColor}');" onmouseover="hoverEffect(this, 'lilac', 'white');"onmouseout="hoverEffect(this, '${customColor}', 'white');">SDG Projekt <img id="sdgImage" src="" alt="SDG Project Image" style="max-width: 100%; max-height: 100%; display: none;"></a> &nbsp;`; var sdgProjectHTML = ''
if ('sdgImage' in item.links) {
var sdgProjectLink = item.links.sdgImage
sdgProjectHTML = `<a class="btn btn-sm btn-outline-primary mt-1" href="${sdgProjectLink}" target="_blank"> <i class="fas fa-book"></i> Publication</a> &nbsp;`
} }
/* var sdgProjectHTML = ''; /* var sdgProjectHTML = '';
if ('sdgImage' in item) { if ('sdgImage' in item) {
var sdgProjectLink = item.sdgImage; var sdgProjectLink = item.sdgImage;
...@@ -136,9 +133,7 @@ function addcontent(item) { ...@@ -136,9 +133,7 @@ function addcontent(item) {
projectHTML + projectHTML +
presentationHTML + presentationHTML +
repoHTML + repoHTML +
'<br>'+ sdgProjectHTML +
sdgProjectHTML +
'</br>'+
'</p>' + '</p>' +
'</div>' + '</div>' +
'</div>' + '</div>' +
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment