/
GSoC 2023: O3: Draw on a body diagram

GSoC 2023: O3: Draw on a body diagram



Primary Mentor

@Heshan Andrews 

Secondary Mentor

@Jayasanka Weerasinghe 

Assigned to

@thembo jonathan 

Abstract

OpenMRS is a medical record system that has previously allowed the uploading and visualisation of patient conditions through diagrams. This feature has been critical in helping doctors better explain patient conditions to their patients. However, the module lacked certain essential functionalities that could improve the user experience. Therefore, this project aims to improve the diagramming feature in OpenMRS by allowing the upload of any diagram as an image, annotation of certain areas of the diagram with different shapes, saving and retrieving these diagrams, and additionally downloading them as an image with the edited annotations.

Objectives

The project has two parts, essential and desirable objectives. The essential objectives aim to provide the basic functionalities for uploading and editing diagrams while the desirable objectives enhance the user experience by adding more features.

Essential Objectives:

Allow users to upload any diagram as an image to the module
Enable users to annotate certain areas of the diagram with different shapes such as circles, squares, and single points, etc..
Allow users to save the annotated diagrams for future reference
Enable users to retrieve diagrams from a list of already saved ones

Desirable Objectives:

Allow users to draw free shapes on the diagram and annotate them with a description text
Enable users to download the diagrams as images with the edited annotations, allowing for easy sharing and printing.

Implementer Request Features

  • the form engine now allows attachment for complex obs

Discussion on form controls for diagrams

https://openmrs.slack.com/archives/CHP5QAE5R/p1687149622112019

https://talk.openmrs.org/t/seeking-clarity-and-guidance-for-implementing-the-unique-o3-draw-on-body-diagram-app-in-openmrs-3-x/39792

https://github.com/jona42-ui/afe-diagramming-custom-control

Handling Complex obs in the OpenMRS  React form engine





The improved diagramming feature in OpenMRS will make it easier for doctors to communicate patient conditions to their patients, leading to better health outcomes. This project will require proficiency in programming fundamentals, OpenMRS 3 microfrontend architecture, Single Page Application, OpenMRS API.

Tech Stack

  • React

  • Typescript

  • Java

  • SQL

Project Rating and length

175 hours

Medium Project

Draw On Body Diagram Examples