Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

TBD

Design

TBD

Documentation

About Drawing Module

               Physicians have been using hand drawn sketches to document their physical exam findings and link it to their patient's medical record. Drawing Module provides physicians the means to upload or draw patients anatomical outlines/pictures and annotate their comments directly on the picture

Installation

  • Drawing module can be downloaded from here and upload it into your system .

Browser Compatability

  • Google Crome
  • Fire Fox

Using Drawing Module

  • Create a new concept
  • If there is a class 'Drawing' in the list , set the class of concept to 'Drawing'. if not create a new class  'Drawing' and set the class field of the concept to the same
  • Set the data type to complex 
  • Set the handler to DrawingHandler

Drawing Editor can be accessed from the following places

  • Patient Dashboard
  • Open Editor link under Drawing Module in Administration page 

        To create a complex Obs using Drawing Module you have to provide the patient , question concept which are required(patient is not required in patient dashboard) .The date and encounter are optional fields .Date defaults to the current date if left blank.

       You can view the created obs from Administration->Manage Observations link.There you will be provided a link which opens the current observation in a new tab

 Drawing Editor 

  • CURSOR : You can upload an image and move it to the desired location with the help of the cursor.
  • PENCIL : You can draw with the help of the pencil tool
  • ERASER : Used to erase
  • THICKNESS : Can be used to set the thickness of the Pencil or Eraser(Only visible when Pencil or Eraser is selected)
  • TEXT : This tool can be used to print text into the image.Select the tool and click anywhere on the Editor to get a textarea where you can enter text . 

 NOTE:THE TEXT ENTERED USING TEXT TOOL WILL GET PRINTED ON THE IMAGE

  • BOLD : Makes the text Bold. (Only visible when Text Tool is selected)
  • ITALIC : Makes the text Italic.(Only visible when Text Tool is selected)
  • FONT SIZE : Used to change the font size.(Only visible when Text Tool is selected)
  • COLOR PICKER : Can be used to change the color of Text,Pencil Tools
  • Clear Canvas Button : Clears the editor
  • Choose File : Used to Upload Images

NOTE:UPLOADING AN IMAGE BIGGER THAN THE EDITOR WILL CLEAR THE EDITOR   

  • You can annotate by double clicking on the editor .You can create ,edit and delete annotations                                                                                                      

Optional Configuration

The Question Concepts for Drawing can be limited only to a selected Concepts by filling the Global Property drawing.questionConcepts.

  • If the value of  Global Property drawing.questionConcepts is not set then user will be able select the concepts having complex datatype and Drawing class

HTML FORMENTRY SUPPORT

 To get the Drawing Editor in Html Forms the following tag should be included in the Html Form.Here the questionConceptId should be the id of concept you have created .         

                            <drawing id="drawingEditor"  questionConceptId="6109" />

 NOTE:IF YOU NEED MULTIPLE EDITORS IN YOUR FORM MAKE SURE THAT THE ID IN THE DRAWING TAGS ARE UNIQUE