---
# System prepended metadata

title: JS on FHIR

---

# JS on FHIR

## [FHIR 概述影片](https://www.youtube.com/watch?v=utBMt4IOljc)
## 2024/1-2 FHIR for super junior agenda
### VS code 
- 安裝及使用
-- **補求和版本**
-- [下載安裝網址](https://code.visualstudio.com/Download)
-- [VS code 使用 PPT](https://mos2718.github.io/js2020/VSCode/VS-Code%20introduction.pptx)
-- -- [可愛學姊版之 VS  code 安裝及 JS 處理 JSON 資料入門](http://203.64.84.150:51888/user5/JS/2023-01-06VScodeInstall.mp4)，不熟的同學可照著做看看
## JS and HTML
- [01/23 視訊結果影片連結](https://drive.google.com/file/d/1bRNZtJ0zZpRK94iPpnJmW96b2I9roso2/view?usp=drive_link)、[連結 2](http://203.64.84.150:51888/user5/24/sFHIR/2024-01-23sFHIR1.mp4)， 講師慈大醫資三陳敬元同學
-- 可練習在 VS code 環境跑 JS 程式。
- 01/26: [視訊結果影片連結](https://drive.google.com/file/d/1t1_KTKd7EMKOL1vH_zAWwJr4AtErfNiF/view?usp=drive_link)，講師慈大醫資三陳敬元同學
-1 JS 與 HTML 共舞(HTML 呈現及輸入標籤與 JS 搭配應用)
-2 JS 讀寫 JSON 資料
-- [練習作業](https://drive.google.com/file/d/1HFddgUK-Pvg198GhjSl5dd5wXIvMcHTl/view?usp=drive_link)
- 01/30:[視訊結果影片連結](https://drive.google.com/file/d/1E791VA12xPIWN0g0kgpk9aooHg2Vne8Z/view?usp=drive_link) ，講師慈大醫資三沈傳諺同學 
- 設計 FHIR observation 模板
-2 使用 JS 上傳及調閱 FHIR JSON 
- 02/02:[視訊結果影片連結](https://drive.google.com/file/d/165o1yWUphPHJpLP1njCGp9VQUc2OeXMX/view?usp=drive_link)，講師慈大醫資三黃麗文同學 
-- 上傳及調閱 FHIR 人員組織
## 範例程式
-- [2024 版程式](https://github.com/mos2718/login)
-- [發布的網頁](https://mos2718.github.io/login/list.html)


## Dancing with JS programmer
- 基於明確的 FHIR JSON 規格，程式開發人員即可快速地發展出應用系統: 
-- 整合於標準化醫護流程
-- 增刪改查 JSON 資料
-- 提供輸入或呈現介面
- 但健康醫療應用領域繁多，需要有人專注於特定領域，確立需求及規格



## 課程內容
1. [HTML、JS for FHIR 快速入門(需再簡化)](https://mos2718.github.io/js2020/Index.html) 
2. JSON 資料概述
-- [JSON 資料概述](https://hackmd.io/D2mj64z6SBSN7LikIzoscA)
-- [JSON read and set data JS 程式範例](https://drive.google.com/drive/folders/1YR3vQziMDF9AGttMOje4afbNENvqHJev?usp=sharing)
- 2.1 練習 : 使用 JS 讀取及設定 JSON data
-- [練習說明，對不會程式的人需有更簡易清楚的說明](https://hackmd.io/2Cl5ua_eRmSVGyaGLd2U-A)
- 2.2 練習 : [CSV to JSON](https://hackmd.io/k3RH4UyEQeW4rxiLOER0bg?view) (可用各類式程式來轉換) 
3. [FHIR elearning for everyone](https://hackmd.io/bWEZu4J1STS7yA18H6yvUw?view)
4. [FHIR resource 概述](https://hackmd.io/bWEZu4J1STS7yA18H6yvUw?view)
5. [臨床作業流程概述](https://hackmd.io/7YeI1b2YQRGqdeiZujeS6g)
-  [FHIR Task and workflow](https://hackmd.io/1v_qLwtURiC9_UZ3Fwq4mA)
6. FHIR API
-- [簡單入門](https://docs.google.com/presentation/d/14NjU2vyBN0zA2_ubtMZpSAH1MMUekTOj/edit?usp=share_link&ouid=107126242390772765102&rtpof=true&sd=true) 、[完整](https://docs.google.com/presentation/d/15Xj6GeLV169SvtccEUcZDTftWFumohla/edit?usp=share_link&ouid=107126242390772765102&rtpof=true&sd=true)
7. FHIR 網頁表單開發步驟
### [FHIR JSON post and get JS example](https://drive.google.com/drive/folders/1lEfKNEIa1rzgVpDrpaHKdo6QDpjP24H7?usp=sharing)
## 程式範例
- [發布的網頁](https://mos2718.github.io/login/list.html)、 [2024 版程式](https://github.com/mos2718/login)
- [FHIR 網頁範例程式 (宇婷版)](https://github.com/UnicornYumi/FHIR_PostDemo)、 [FHIR 網頁範例程式(舊版)](https://github.com/mos2718/FHIRBeginnerPractices)、[黃麗文版 PPT]()、影片
- 建 FHIR 人員組織及服務窗口
- [2022 MI-TW 聯測楊子億程式](https://hackmd.io/@YUnicornMI/S1zEgCXoj)
-- (目前大學正規課程不會教，但需求很多，同學可基於範例程式自學)
- 各醫護專業表單擴充發展範例(再提供)
-- 可配合轉檔程式，從 HIS 轉入病人及就醫資訊，選擇病人後，開啟各式 FHIR 網頁輸入表單


## FHIR API
- [簡單入門](https://docs.google.com/presentation/d/14NjU2vyBN0zA2_ubtMZpSAH1MMUekTOj/edit?usp=share_link&ouid=107126242390772765102&rtpof=true&sd=true)、[完整](https://docs.google.com/presentation/d/15Xj6GeLV169SvtccEUcZDTftWFumohla/edit?usp=share_link&ouid=107126242390772765102&rtpof=true&sd=true)



## 112 MI teaching materials
- [0508 JSON data processing by JS](http://203.64.84.150:51888/user5/vh/20230508_JS_JSON.mp4)
- [0530 HTTP get FHIR data and display](http://203.64.84.150:51888/user5/vh/2023-05-30get.mp4)
-  調閱及呈現 FHIR 資料步驟: 
-- HTTP get FHIR resource 
-- 回應資料處理
-- 取得 JSON 資料某標籤及數值(考慮空值)
-- 套到 HTML 標籤呈現
- 需學習的知識
-- FHIR get API 入門
-- JSON 資料格式
-- JS 處理 JSON 資料
-- HTML 常用標籤
-- js 取得及設定HTML 標籤資料
- 後續再加入練習及測驗

### [作業列表](https://hackmd.io/NscLkGjwQgyUpbwIzb2nRw?view)
### 程式範例
- [資料上傳及調閱範例程式](https://drive.google.com/drive/folders/1lEfKNEIa1rzgVpDrpaHKdo6QDpjP24H7)
- [Patient list, observation, condition 表單範例](https://drive.google.com/drive/folders/1oy_QlocGrxEdJdoSngu_fUFcMDZH9RRs?usp=share_link)




## 先備知能。
1. 開發及測試環境安裝設定
2. JSON 編輯及 JS 讀取設定程式
3. RESTful API: [S](https://docs.google.com/presentation/d/14NjU2vyBN0zA2_ubtMZpSAH1MMUekTOj/edit?usp=share_link&ouid=107126242390772765102&rtpof=true&sd=true), [A](https://docs.google.com/presentation/d/14NjU2vyBN0zA2_ubtMZpSAH1MMUekTOj/edit?usp=share_link&ouid=107126242390772765102&rtpof=true&sd=true)
