Anatomical Drawing Custom Datatype (Proposal)

Owned by Pushkar Ravipati
Last updated: Feb 17, 2023 by thembo jonathanVersion comment
3 min read

Abstract

The Physicians have been using hand drawn sketches to document their physical exam findings and link it to their patients' medical record.  With ehr taking up it's pace it becomes necessary to create a tool where the physicians can upload or draw patients anatomical outlines/pictures of their patients and annotate their comments directly on the picture

Implementation

In order to create anatomical custom datatype we will have to create anatomical drawing handler which extend from image handler .this handler when rendered in the UI, would show the entire editor which we are trying to create and once you save the observations the current image on the editor would be saved as a part of the observation.

Mock-up Designs

We need to create a tool which would enable us to do the following

1. Draw patients anatomical outline using pen(free drawing)

2. Provide option to increase or decrease the width of the pen,eraser

3. Provide basic shapes of different parts of the body(whole body back and front; hand/arm top/bottom; retinas; etc.)

4. Upload any basic shape as a template

5. Erase the drawing(basic shape,free hand drawing ,uploaded picture)

6. Adding lines (with color), areas (with color and texture), text (boxes and callouts).

7. Use magnifier to zoom part of an image 

8. Crop,Rotate an image

9. Upload a picture taken by the Physician

10.Provide means to add text with basic formatting tools

11.Provide means to undo and redo

12.Provide an option to completely clear the canvas

 After this there should be a "save" option which would take the snapshot of the image and can be passed as a parameter to the complex observation handler to store it into the filesystem

Features


Final tool

Anatomical Drawing Proposed Timeline

I would be having my semester exams from 1st may to 15th may.

 
SMART Goal #1: Create a skeleton of the app

  • Measure: Creating a basic editor using HTML5 and javascript .
  • Implementing pencil functionality
  • Implementing eraser functionality
  • Implementing text and color functionality
  • Deadline: 17th May - 4th June

SMART Goal #2: Create the custom datatype and handler

  • Measure: Create the custom datatype and handler
  • Create an anatomical drawing datatype.
  • Create a handler for the above datatype.
  • Deadline: 5th June - 11th June.

SMART Goal #3: Adding upload image functionalities

  • Measure: Adding upload image and basic shape creation functionalities
  • Implementing the upload image functionality.
  • Providing a feature for creating basic shapes.
  • Deadline: 12th June - 28th June.

SMART Goal #4: Testing

  • Measure: Testing the basic features of the tool by creating a concept and associating a anatomical  handler to it.
  • Deadline: 29th June - 5th July.

SMART Goal #5: Adding template functionality

  • Measure: Adding Template functionality
  • Allowing the templates to be dragged and dropped into the canvas.
  • Adding a feature for uploading the templates. 
  • Deadline: 6th July - 20th July.

SMART Goal #6: Buffer period

  • Measure: Buffer period for any unpredictable delay
  • Deadline: 21st July - 31st July.

SMART Goal #7: Testing

  • Measure: Testing of the full functionality of the editor
  • Deadline: 1st August - 10th August.