document.addEventListener('DOMContentLoaded', function() { // Header and Footer // ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- const headerHTML = `

`; const footerHTML = ` `; document.body.insertAdjacentHTML('afterbegin', headerHTML); document.body.insertAdjacentHTML('beforeend', footerHTML); // Mobile Menu Toggle const mobileMenuButton = document.getElementById('mobile-menu-button'); const mobileMenu = document.getElementById('mobile-menu'); mobileMenuButton.addEventListener('click', function() { mobileMenu.classList.toggle('hidden'); }); // Change header background on scroll const header = document.querySelector('header'); const heroSection = document.getElementById('Hero'); // const peopleGroup = document.getElementById('People-Group'); if (heroSection) { window.addEventListener('scroll', function() { if (window.scrollY > heroSection.offsetHeight - header.offsetHeight) { header.classList.remove('bg-transparent', 'shadow'); header.classList.add('bg-gray-50', 'dark:bg-gray-800', 'shadow'); mobileMenu.classList.remove('bg-opacity-80'); // mobileMenu.classList.add('bg-gray-50', 'dark:bg-gray-800'); // peopleGroup.classList.remove('bg-transparent'); // peopleGroup.classList.add('bg-gray-50', 'dark:bg-gray-800'); } else { header.classList.remove('bg-gray-50', 'dark:bg-gray-800', 'shadow'); header.classList.add('bg-transparent'); // mobileMenu.classList.remove('bg-gray-50', 'dark:bg-gray-800'); mobileMenu.classList.add('bg-opacity-80'); // peopleGroup.classList.remove('bg-gray-50', 'dark:bg-gray-800'); // peopleGroup.classList.add('bg-transparent'); } }); } else { header.classList.remove('bg-transparent', 'shadow'); header.classList.add('bg-gray-50', 'dark:bg-gray-800', 'shadow'); mobileMenu.classList.remove('bg-opacity-80'); // mobileMenu.classList.add('bg-gray-50', 'dark:bg-gray-800'); // peopleGroup.classList.remove('bg-transparent'); // peopleGroup.classList.add('bg-gray-50', 'dark:bg-gray-800'); } // Publications // ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- const publicationsData = [ { "Title": "Developing a method for creating structured representations of working of systems from natural language descriptions using the SAPPhIRE model of causality", "Author": "K Bhattacharya, A Majumder, AN Bhatt, S Keshwani, BSC Ranjan, ...", "Journal": "AI EDAM 38, e24", "Cited_by": "", "Year": 2024, "Link": "https://scholar.google.co.in/citations?view_op=view_citation&hl=en&user=NLPFhkMAAAAJ&citation_for_view=NLPFhkMAAAAJ:UebtZRa9Y70C" }, { "Title": "Comparing Analogy-Based Methods—Bio-Inspiration and Engineering-Domain Inspiration for Domain Selection and Novelty", "Author": "S Keshwani, H Casakin", "Journal": "Biomimetics 9 (6), 344", "Cited_by": 2, "Year": 2024, "Link": "https://scholar.google.co.in/citations?view_op=view_citation&hl=en&user=NLPFhkMAAAAJ&citation_for_view=NLPFhkMAAAAJ:UebtZRa9Y70C" }, { "Title": "Influence of analogical domains and comprehensiveness in explanation of analogy on the novelty of designs", "Author": "S Keshwani, A Chakrabarti", "Journal": "Research in Engineering Design 28 (3), 381-412", "Cited_by": 18, "Year": 2017, "Link": "https://scholar.google.co.in/citations?view_op=view_citation&hl=en&user=NLPFhkMAAAAJ&citation_for_view=NLPFhkMAAAAJ:IjCSPb-OGe4C" }, { "Title": "Comparing novelty of designs from biological-inspiration with those from brainstorming", "Author": "S Keshwani, TA Lenau, S Ahmed-Kristensen, A Chakrabarti", "Journal": "Journal of Engineering Design 28 (10-12), 654-680", "Cited_by": 54, "Year": 2017, "Link": "https://scholar.google.co.in/citations?view_op=view_citation&hl=en&user=NLPFhkMAAAAJ&citation_for_view=NLPFhkMAAAAJ:u5HHmVD_uO8C" }, ] const publications = document.getElementById('publications'); if (publications){ publicationsData.forEach(item => { const li = document.createElement('div'); // add class to li li.innerHTML = ` ${item.Year}

${item.Title}

${item.Journal}

${item.Author}

`; publications.appendChild(li); }); } // Research Collaborations // ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- const collaborationsData = [ { "name": "Prof. Gaetano Cascini", "link": "https://mecc.polimi.it/en/research/faculty/prof-gaetano-cascini", "position": "Full Professor", "department": "Department of Mechanical Engineering, Politecnico di Milano, Milan, Italy", "departmentLink": "https://www.mecc.polimi.it/en/" }, { "name": "Prof. Hernan Casakin", "link": "https://scholar.google.co.il/citations?user=kr7wm4QAAAAJ&hl=iw", "position": "Associate Professor", "department": "Department of Architecture, Ariel University, Israel", "departmentLink": "https://cris.ariel.ac.il/en/organisations/school-of-architecture-2" }, { "name": "Prof. Santosh Jagtap", "link": "https://sites.google.com/view/santoshdesign/home", "position": "Associate Professor", "department": "Department of Design, IIT Guwahati, India", "departmentLink": "https://www.iitg.ac.in/design/" }, { "name": "Prof. Amaresh Chakrabarti", "link": "https://dm.iisc.ac.in/cpdm/facultyprofile.php?name=1", "position": "Professor and Chair", "department": "Centre for Product Design and Manufacturing, IISc Bangalore", "departmentLink": "https://dm.iisc.ac.in/dm/" }, { "name": "Prof. E.Z. Opiyo", "link": "https://scholar.google.com/citations?user=3SAp_hIAAAAJ&hl=en", "position": "Professor", "department": "St. Joseph University, Dar-es-salaam, Tanzania", "departmentLink": "https://www.sjuit.ac.tz/" }, { "name": "Prof. Srinivasan Venkataraman", "link": "https://sites.google.com/view/srinivasan-aboutme/home", "position": "Assistant Professor", "department": "Department of Design, IIT Delhi, India", "departmentLink": "https://www.iitg.ac.in/design/" }, { "name": "Prof. Torben Anker Lenau", "link": "https://orbit.dtu.dk/en/persons/torben-anker-lenau", "position": "Associate Professor", "department": "Technical University of Denmark, Denmark", "departmentLink": "https://www.dtu.dk/english" }, { "name": "Prof. Saeema Ahmed-Kristensen", "link": "https://experts.exeter.ac.uk/34981-saeema-ahmedkristensen", "position": "Professor", "department": "Design Engineering and Innovation, University of Exeter, England", "departmentLink": "https://www.exeter.ac.uk/" } ]; const collaborations = document.getElementById('research-collaborations'); if (collaborations){ collaborationsData.forEach(collab => { const li = document.createElement('li'); li.innerHTML = `

${collab.name}

${collab.position}, ${collab.department}

`; collaborations.appendChild(li); }); } // Courses // ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- const courses = [ { code: "DES102", title: "Introduction to Human Computer Interaction", description: "This course will provide a theoretical and practical understanding of human-computer interaction (HCI) design including concepts of user centered and design thinking, usability, interfaces, rapid prototyping, and evaluation. This is a project-based course where students can work on different user-centric prototypes.", link: "https://techtree.iiitd.edu.in/viewDescription/filename?=DES102" }, { code: "DES523", title: "Cognition & Information Processing in Design", description: "In this course students will understand human cognition and its relevance in design. Through the course, the basic cognitive processes such as perception, attention, learning and memory will be discussed as separate entities. Students will also look at the role of various factors such as colour, form , shape and stress on cognition. Students will develop the skill to identify the application of these concepts to design. Students will be able to evaluate the subjective and objective methods of mental workload measures This course will enlighten students on all aspects of human cognition and design.", link: "https://techtree.iiitd.edu.in/viewDescription/filename?=DES523" }, { code: "DES524", title: "Ergonomics / Human Factors for Design", description: "In designing, ergonomics takes care of the users' need, their limitations and abilities. Various aspects of basic anthropometry, physical, physiological, psychological and biomechanical limitations and abilities of the human body with reference to human centred design of products and systems will be explained. Students will: a) learn the principles, overview and background of ergonomics; b) develop the skill to identify the user friendly man machine environment system; and c) understand the methods and processes to evaluate the products, facilities, environment, jobs and tasks. This course will help in finding real time solutions to improve the quality of life and performance of an individual. ", link: "https://techtree.iiitd.edu.in/viewDescription/filename?=DES524" }, { code: "DES533", title: "Interaction Design Perspectives & Methods", description: "This course provides description of various design methods at the various stages of designing. Students will learn to conduct in depth user analysis, understand the nuances of questionnaire design and analyze the user data quantitatively and qualitatively. Students will also be able to create prototypes and conduct usability testing of the developed prototypes.", link: "https://techtree.iiitd.edu.in/viewDescription/filename?=DES533" } ]; const courseCardsContainer = document.getElementById('course-cards'); if (courses){ courses.forEach(course => { const courseCard = document.createElement('a'); courseCard.href = course.link; courseCard.target = "_blank"; courseCard.rel = "noopener"; courseCard.className = "course-card group flex-1 flex justify-center items-center md:h-96 bg-gray-50 dark:bg-gray-800 rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300"; courseCard.innerHTML = `

${course.code}

${course.title}

`; courseCardsContainer.appendChild(courseCard); }); } // Team // ----------------------------------------------------------------------------------------------------------------------------------------------------------------------- // Refer to the team.js file for the team data });