A comprehensive academic resource for Human Machine Interaction (HMI) and Human Machine Interaction Laboratory (HMI Lab), covering interaction design, usability engineering, user experience (UX), and interactive system implementation.
Overview · Contents · Reference Books · The Wall · Mega's Notes · Assignments · Quizzes · Laboratory · Mini Project · Internal Assessment Test · Semester Exam · Submission Report · Syllabus · Usage Guidelines · License · About · Acknowledgments
Human Machine Interaction (CSC801) and Human Machine Interaction Laboratory (CSL801) are core subjects in the Final Year (Semester VIII) of the Computer Engineering curriculum at the University of Mumbai. These courses provide a deep dive into the design, evaluation, and implementation of interactive computing systems for human use and the study of major phenomena surrounding them.
The curriculum encompasses several key domains in Human Machine Interaction:
- Foundations of HMI: History, human capabilities, computer capabilities, and the interaction cycle.
- HCI Basics: Paradigms, design rules, and psychological aspects of interaction.
- Designing the User Interface: Task analysis, interface styles, and design principles.
- Interaction Models and Techniques: Direct manipulation, menu selection, and emerging interaction techniques.
- Usability Engineering and Evaluation: Metrics, testing methodologies, and expert reviews.
- Advanced Interfaces: Multi-modal interaction, virtual reality, and ubiquitous computing.
This repository represents a curated collection of study materials, reference books, lab experiments, and personal preparation notes compiled during my academic journey. The primary motivation for creating and maintaining this archive is simple yet profound: to preserve knowledge for continuous learning and future reference.
As a computer engineer, understanding HMI is crucial for developing intuitive, efficient, and user-centric software systems. This repository serves as my intellectual reference point: a resource I can return to for relearning concepts, reviewing methodologies, and strengthening understanding when needed.
Why this repository exists:
- Knowledge Preservation: To maintain organized access to comprehensive study materials beyond the classroom.
- Continuous Learning: To support lifelong learning by enabling easy revisitation of fundamental HMI concepts.
- Academic Documentation: To authentically document my learning journey through HMI.
- Community Contribution: To share these resources with students and learners who may benefit from them.
All materials in this repository were gathered, organized, and documented by me during my undergraduate studies (2018-2022) as part of my coursework and exam preparation.
This collection includes comprehensive reference materials covering all major topics:
| # | Resource | Focus Area |
|---|---|---|
| 1 | Syllabus | Official curriculum and outcomes |
| 2 | HMI Essential User Interface Guide | Core UX/UI design principles |
| 3 | Human Computer Interaction (Alan Dix) | Standard Textbook (Alan Dix) |
| 4 | Galitz’s HMI - Chapter 1 | Foundations of Human-Machine Interaction |
| 5 | Galitz’s HMI - Chapter 3 | Interaction design and navigation models |
| 6 | HMI Topper's Solution | Solved questions and exam-oriented summaries |
| 7 | HMI Notes | Comprehensive subject notes |
| 8 | Psychopathology of Everyday Things | Psychological aspects of interaction (Norman) |
| 9 | HCI Unit 1 Notes | Quick revision notes (Module 1) |
| 10 | HCI Unit 4 Notes | Quick revision notes (Module 4) |
| 11 | HMI Weightage | Exam analysis and topic weightage |
| 12 | HMI Viva QB | Oral/Viva preparation questions |
| 13 | HMI Viva | Solved viva questions for HMI |
| 14 | Color/Colors | Visual design and color theory PPT |
| 15 | Color/Icons | Iconography and symbolic interaction PPT |
| 16 | Color/Multimedia | Multimedia systems and interaction PPT |
| 17 | Color/Text for Web Pages | Typography and web text design PPT |
| 18 | Color/Window Management | Systems for window management PPT |
| 19 | Color/Window Operations | Interactive window operations PPT |
| 20 | Color/Window Presentation Styles | UI windowing styles and types PPT |
| 21 | Color/Windows Characteristics | GUI window components and traits PPT |
| 22 | Color/Word, Text, Messages | Verbal interaction and messaging PPT |
| 23 | PPT/HMI | Comprehensive subject overview PPT |
| 24 | PPT/Design | UI/UX Design principles PPT |
| 25 | PPT/Window Management and Operations | Windowing systems and operations PPT |
| 26 | PPT/HMI Chapter 4 | Interaction Models and Techniques PPT |
| 27 | PPT/HMI 2 | Supplementary HMI concepts PPT |
| 28 | PPT/Chapter 3 GUI | Designing the GUI (Visual Interface) PPT |
| 29 | BE Timetable | Final Year academic schedule |
Collaborative Study Notes by Amey & Mega
 Amey Thakur |
 Mega Satish |
Important
💝 Special Thanks: A heartfelt thank you to Mega for her constant support, patience, and clarity throughout this journey. Learning alongside her made a real difference, not only because she explained concepts so clearly, but because she truly cared about understanding them together. Her thoughtful approach to teaching, openness to discussion, and steady encouragement turned challenges into meaningful learning moments. This work reflects the growth that came from learning side by side. Thank you, Mega, for everything you shared and taught along the way.
The Wall - Notes Authored by MEGA SATISH
Comprehensive module-wise notes curated by Mega Satish, covering all essential topics:
| Module | Resource | Topics Covered |
|---|---|---|
| 1 | HMI Module - 1 | Foundations of Human-Machine Interaction |
| 2 | HMI Module - 2 | Human-Computer Interaction Basics |
| 3 | HMI Module - 3 | Designing the User Interface |
| 4 | HMI Module - 4 | Interaction Models and Techniques |
| 5 | HMI Module - 5 | Usability Engineering and Evaluation |
| 6 | HMI Module - 6 | Advanced Interfaces and Future Trends |
Important
💝 Special Thanks: A heartfelt thank you to Mega for her constant support, patience, and clarity throughout this journey. Learning alongside her made a real difference, not only because she explained concepts so clearly, but because she truly cared about understanding them together. Her thoughtful approach to teaching, openness to discussion, and steady encouragement turned challenges into meaningful learning moments. This work reflects the growth that came from learning side by side. Thank you, Mega, for everything you shared and taught along the way.
Comprehensive module-wise notes curated by Mega Satish:
| Module | Resource | Topics Covered |
|---|---|---|
| 1 | HMI Module - 1 | User interface design basics |
| 2 | HMI Module - 2 | Interaction paradigms and rules |
| 3 | HMI Module - 3 | Task analysis and interface styles |
| 4 | HMI Module - 4 | Menu selection and form fill-in |
| 5 | HMI Module - 5 | Usability engineering metrics |
| 6 | HMI Module - 6 | Advanced user interfaces |
Academic assignments for comprehensive learning and practice:
| # | Assignment | Description | Date | Marks |
|---|---|---|---|---|
| 1 | Assignment 1 | Evolution of User Interface Design, stages of actions, levels of processing | February 15, 2022 | 56/60 |
| 2 | Assignment 2 | Gestalt Principles, factors affecting learning, menu and navigation schemes | February 15, 2022 | 54/60 |
| 3 | Assignment 3 | Virtual Reality, input and output devices in VR, case study | February 15, 2022 | 18/20 |
Topics Covered: UI Design Evolution · Gestalt Principles · Menu and Navigation · Virtual Reality · Usability Engineering
HMI-specific quizzes conducted during the course:
| # | Quiz | Topics | Marks |
|---|---|---|---|
| 1 | Quiz 1 | Module 1: Introduction to HMI | 12/12 |
| 2 | Quiz 2 | Module 2: HCI Basics | 10/10 |
| 3 | Quiz 3 | Module 3: Designing the UI | 6/10 |
| 4 | Quiz 4 | Module 4: Interaction Models | 5/6 |
| 5 | Quiz 5 | Module 5: Usability Engineering | 6/6 |
| 6 | Quiz 6 | Module 6: Advanced Interfaces | 5/6 |
The laboratory component (CSL801) focuses on hands-on implementation of user interface design, interaction techniques, usability evaluation, and developing interactive web applications.
Tip
Live Implementation: For a comprehensive showcase, visit the HMI Portfolio Dashboard. For a quick structural and responsive evaluation, use the 🚀 (Rocket) links in the 'Live Demo' column to view the implementations directly in your browser. For the complete source code and detailed documentation, visit the HMI Lab directory.
| # | Experiment | Date | Marks | Report | Live Demo |
|---|---|---|---|---|---|
| 1 | Analyze and rate existing at least 3 websites and users for any specific Domain of your choice. Visualize the ratings using graphs. | February 04, 2022 | 9/10 | View | — |
| 2 | Create a mathematical application for kids of age 4-7 years to teach them the basics of mathematics. | February 11, 2022 | 9/10 | View | 🚀 |
| 3 | Design GUI for the data entry form for any application of selected domain which you have analyzed. | February 18, 2022 | 10/10 | View | 🚀 |
| 4 | Design interface for automated ticket vending machine (ATVM) for any system. | February 18, 2022 | 9/10 | View | 🚀 |
| 5 | Design an interface for any machine which you find troublesome to use and want to change its interface like automatic washing machine, microwave oven etc. | March 12, 2022 | 10/10 | View | — |
| 6 | Design website for an application of the selected domain with home page and subsequent pages. | March 13, 2022 | 10/10 | View | 🚀 |
| 7 | Design menu for selected website. | March 23, 2022 | 9/10 | View | — |
| 8 | Design the menus for the selected website. | March 24, 2022 | 9/10 | View | — |
| 9 | Prepare the Interview Questions for the Subject Matter Expert (SME) of your selected domain to gather requirements. | April 01, 2022 | 10/10 | View | — |
Experiment-2: Static Web Page (1 Program)
| Program | Category | Description | Code |
|---|---|---|---|
index.html |
Web UI | Static layout for a basic HMI concept | View |
Experiment-3: Dynamic Web Page (1 Program)
| Program | Category | Description | Code |
|---|---|---|---|
form.html |
Web UI | Interactive form with validation logic | View |
Experiment-4: ATVM Interface (4 Programs)
| Program | Category | Description | Code |
|---|---|---|---|
index.html |
Application | Main ATVM interface layout | View |
script.js |
Logic | Interactive ticketing logic | View |
style.css |
Design | ATM/ATVM visual styling | View |
README.md |
Doc | Setup and usage instructions | View |
Experiment-6: E-Commerce UI (Complex Application)
| Program | Category | Description | Code |
|---|---|---|---|
index.html |
Web UI | Multi-page store interface | View |
blog.html |
Content | Integrated blog/news section | View |
services.html |
Service | Service offering catalog | View |
contact_us.html |
Contact | Customer support interface | View |
| # | Resource | Description |
|---|---|---|
| 1 | Lab README | Detailed navigation guide with program descriptions |
Important
Special thanks to Mega Satish for her meaningful contributions, guidance, and support that helped shape this work.
This project involves the development of a sophisticated Online Chess Game, engineered as a comprehensive case study in interactive system design and user-centric architecture. The implementation prioritizes fundamental Human-Machine Interaction (HMI) principles, specifically focusing on direct manipulation and immediate visual feedback to ensure a seamless mental model for the user.
The system leverages a responsive design framework to maintain interaction consistency across diverse device orientations. At its core, the application integrates complex algorithmic structures for real-time move validation and state management, demonstrating the practical application of usability engineering metrics. This project serves as an exploration into the synergy between high-performance back-end logic and intuitive front-end layouts, aiming to optimize the overall User Experience (UX) through iterative design and evaluation.
| # | Resource | Description | Date | Marks | Link |
|---|---|---|---|---|---|
| 1 | Project Presentation | Visual demonstration and slides | May 2022 | 9/10 | View |
| 2 | Project Report | Detailed project documentation | May 2022 | 9/10 | View |
| 3 | Project Repository | Complete source code and documentation | May 2022 | — | View |
| 4 | Project Teams | Team composition and roles | March 2022 | — | View |
| 5 | Project Demo (YouTube) | Real-time demonstration of features | May 2022 | — | View |
Internal assessment evaluations conducted during the course:
| # | Resource | Description | Marks |
|---|---|---|---|
| 1 | Question Paper | HMI Internal Assessment Test 1 Question Paper | — |
| 2 | Answer Sheet | HMI Internal Assessment Test 1 Answer Sheet | 19/20 |
| # | Resource | Description | Marks |
|---|---|---|---|
| 1 | Question Paper | HMI Internal Assessment Test 2 Question Paper | — |
| 2 | Question Bank | HMI Internal Assessment Test 2 Question Bank | — |
Additional Resources:
| # | Resource | Description |
|---|---|---|
| 1 | HMI Module - 1 | Personal Exam Preparation Notes |
| 2 | HMI Module - 2 | Personal Exam Preparation Notes |
| 3 | HMI Module - 3 | Personal Exam Preparation Notes |
| 4 | HMI Module - 4 | Personal Exam Preparation Notes |
| 5 | HMI Module - 5 | Personal Exam Preparation Notes |
| 6 | HMI Module - 6 | Personal Exam Preparation Notes |
Final semester examination submission:
| # | Resource | Description | Date |
|---|---|---|---|
| 1 | Question Paper | Official University Question Paper | May 17, 2022 |
Additional Resources:
| # | Resource | Description |
|---|---|---|
| 1 | Amey's Notes | Personal Exam Preparation Notes |
| 2 | MCQ | MCQ Question Bank |
| 3 | Additional MCQs | Additional MCQs |
| 4 | Sample Questions | HMI practice and sample questions |
| 5 | Design Problems | Comprehensive design specific cases |
| 6 | Timetable | Semester 8 examination schedule |
Course completion documentation with exit survey:
| # | Document | Description |
|---|---|---|
| 1 | Submission Report | Final coursework submission report |
| 2 | Exit Survey (Theory) | Course outcome survey for HMI Theory |
| 3 | Exit Survey (Lab) | Course outcome survey for HMI Lab |
| 4 | Semester Report | Collective Semester 8 submission report |
Official CBCGS Syllabus
Complete Final Year Computer Engineering syllabus document from the University of Mumbai, including detailed course outcomes, assessment criteria, and module specifications for Human Machine Interaction and Human Machine Interaction Laboratory.
Important
Always verify the latest syllabus details with the official University of Mumbai website, as curriculum updates may occur after this repository's archival date.
This repository is openly shared to support learning and knowledge exchange across the academic community.
For Students
Use these resources as reference materials for understanding interaction design principles, usability testing, and preparing for examinations. All content is organized for self-paced learning.
For Educators
These materials may serve as curriculum references, lab examples, or supplementary teaching resources. Attribution is appreciated when utilizing content.
For Researchers
The documentation and organization may provide insights into academic resource curation and educational content structuring.
This repository and all linked academic content are made available under the Creative Commons Attribution 4.0 International License (CC BY 4.0). See the LICENSE file for complete terms.
Note
Summary: You are free to share and adapt this content for any purpose, even commercially, as long as you provide appropriate attribution to the original author.
Created & Maintained by: Amey Thakur
Academic Journey: Bachelor of Engineering in Computer Engineering (2018-2022)
Institution: Terna Engineering College, Navi Mumbai
University: University of Mumbai
This repository represents a comprehensive collection of study materials, reference books, assignments, and personal preparation notes curated during my academic journey. All content has been carefully organized and documented to serve as a valuable resource for students pursuing Human Machine Interaction and Human Machine Interaction Laboratory.
Grateful acknowledgment to Mega Satish for her exceptional contribution to this repository through "Mega's Notes" and "The Wall" - comprehensive module-wise notes that became an invaluable resource for understanding complex HMI concepts. Her constant support, patience, and clarity throughout this journey made a real difference. Learning alongside her was transformative, not only because she explained concepts so clearly, but because she truly cared about understanding them together. Her thoughtful approach to teaching, openness to discussion, and steady encouragement turned challenges into meaningful learning moments. Beyond the notes, her collaborative efforts and contributions to the HMI Mini Project were invaluable to its success. This work reflects the growth that came from learning side by side. Thank you, Mega, for everything you shared and taught along the way.
Grateful acknowledgment to the faculty members of the Department of Computer Engineering at Terna Engineering College for their guidance and instruction in Human Machine Interaction. Their expertise and support helped develop a strong understanding of user-centric design.
Special thanks to the mentors and peers whose encouragement, discussions, and support contributed meaningfully to this learning experience.
Overview · Contents · Reference Books · The Wall · Mega's Notes · Assignments · Quizzes · Laboratory · Mini Project · Internal Assessment Test · Semester Exam · Submission Report · Syllabus · Usage Guidelines · License · About · Acknowledgments
Computer Engineering (B.E.) - University of Mumbai
Semester-wise curriculum, laboratories, projects, and academic notes.