This git repository contains supplementary material to the Doctoral Dissertation of Joe David, "A Design Science Research Approach to Architecting and Developing Information Systems for Collaborative Manufacturing: A Case for Human-Robot Collaboration".
Note: For other (dissertation) related git repositories, see the meta git repository here.
This repository is essentially a React project that implements a purpose-built web application tailored to the needs of its use as a projected mixed-reality user interface.
To use this repository in the way it was intended to be, the following are needed:
- a computer capable of running a web-browser (e.g. RPi)
- React and npm (Node.js) installed
- a projector.
- web server maintained in a separate repository that interface with the Interaction UI via WebSockets.
To understand the source code an understanding of the following are required:
- React Hooks (
useEffect
,useContext
,useRef
,useState
), Context API. - State management with Redux.
- HTML and Cascading Style Sheets (CSS).
- JavaScript
Once the pre-requisistes are satisfied the project can be run using the start script via the following command in a terminal npm start
. index.js
is the entry point of the application and App.js
is the first user-defined component.
Note: An explanation of the main components are found in Chapter 5 of the Dissertation that makes use of an alias for some components to better suit the application case study. The names of the component in the git repo are given in the paranthesis below alongside the alias.
The five main components are:
- Product workplan panel component (right_slide)
- Process plan panel component (left_slide)
- Interaction panel component (bottom_slide)
- Message panel component (im_panel)
- Canvas component (canvas)
These components are shown in the figure below and explained in more detail in their respective folders and as comments in the source code.
Under the included LICENSE, if you use or extend the application, especially in an academic context, please cite. You can click "Cite this repository" on the right sidebar to copy both APA
and BibTeX
formatted citation.
This work is licensed under a Creative Commons Attribution 4.0 International License. You can find the included license here.