---
# System prepended metadata

title: FHIR OBSERVATION (Image Finding Report) DEMO & Exercise
tags: [FHIR, FHIR_Observation]

---

# FHIR OBSERVATION (Image Finding Report) DEMO & Exercise
###### tags: `FHIR` `FHIR_Observation`
## :memo: DEMO & Exercise
### Download & installation
1. Download Github link: https://github.com/thaliazsy/FHIR-Document
    ![](https://i.imgur.com/lWDQ2B5.png)

2. Unzip folder
    ![](https://i.imgur.com/i0DIFCP.png)

3. Open the code with the code editor (e.g. Visual Studio Code)
        - Execute FHIRObservation_ImageFindingReport.html
        ![](https://i.imgur.com/QZ7N3R0.jpg)

### Demo
1. FHIRObservation_ImageFindingReport.html web display
    ![](https://i.imgur.com/MDgA36Z.jpg)

2. Create FHIR Patient, ImagingStudy, Observation (Annotation) and Observation (Image Finding Report)
    ![](https://i.imgur.com/yCgNpRD.jpg)

    **A. Create FHIR Patient Resource**
    ![](https://i.imgur.com/R4GCqGG.png)
    1. Copy the JSON content from FHIR Patient Template Box into the textarea and modify the content
    2. Click the [Create Resource] button to upload the data to the FHIR Server
    3. If the upload success, then the FHIR Resource ID will shown in the alert box 
        
    **B. Create FHIR ImagingStudy Resource**
    ![](https://i.imgur.com/Q8ysVn5.png)
    1. Copy the JSON content from FHIR ImagingStudy Template Box into the textarea and modify the content (change subject.reference field with the FHIR Patient ID you retrieve in step A)
    2. Click the [Create Resource] button to upload the data to the FHIR Server
    3. If the upload success, then the FHIR Resource ID will shown in the alert box
        
    **C. Create FHIR Observation (Annotation) Resource**
    ![](https://i.imgur.com/9SGhRMF.png)
    1. Copy the JSON content from FHIR Observation (Annotation) Template Box into the textarea and modify the content (change derivedFrom.reference field with the FHIR ImagingStudy ID you retrieve in step B)
    2. Click the [Create Resource] button to upload the data to the FHIR Server
    3. If the upload success, then the FHIR Resource ID will shown in the alert box
        
    **D. Create FHIR Observation (Image Finding Report) Resource**
    ![](https://i.imgur.com/ggIcDOy.png)
    1. Copy the JSON content from FHIR Observation (Image Finding Report) Template Box into the textarea and modify the content (change derivedFrom.reference field with the FHIR Observation (Annotation) ID you retrieve in step C)
    2. Click the [Create Resource] button to upload the data to the FHIR Server
    3. If the upload success, then the FHIR Resource ID will shown in the alert box
        
        
**Notes**: If you want to query a FHIR Resource based on resource ID, then follow this step:
    ![](https://i.imgur.com/xzfXIug.png)
1. Select FHIR resource type on dropdownlist
2. Input FHIR resource ID
3. Click on【Search Resource】button
4. An alert box will shown up
5. The JSON value retrieved will shown up in the textarea