---
# System prepended metadata

title: Untitled

---

**FHIR observation 或 condition 規格及前端系統修改步驟**

針對某種檢查或問題狀況，準備FHIR observation 或 condition 規格文件
基於你準備好的文件，說明前端程式如何修改，以下為我修改的步驟:

* 步驟一 先創建一個病人ID碼
1.閱讀 FHIR 相關文件，運用裡面的程式碼，先創建出一個ID。
  **-->這是創建ID的地方**
![image](https://hackmd.io/_uploads/HyL3j9Mua.png)

 
  **-->這是我創出來的ID碼(26965590)**
![image](https://hackmd.io/_uploads/S17hv9Mua.png)


* 步驟二 決定需量測資料及設計資料
1.選擇需要量測的資料:確定使用者想要紀錄的觀測值。
  這邊決定觀測 肝炎指數
  ![image](https://hackmd.io/_uploads/HJrf2cfdp.png)


2.建立資料:根據FHIR規範，設計observation 的資料架構，包括屬性(名稱)和值。
3.運用chatgpt，撰寫出與決定好的題目有關的FHIR格式。
![image](https://hackmd.io/_uploads/B1zWR5G_a.png)
-->肝炎型態、肝炎指數、日期


* 步驟三 建立前端網頁及FHIR系統
1.先從GOOGLE雲端開啟範例檔案，並用VS Code 開啟。
2.將inputList.html裡的資料更改為使用者的觀測資料及調閱作品資料的連結。
![image](https://hackmd.io/_uploads/SkqvJoGOT.png)

-->href=""的寫法
3.把getBundle2p.html中，改成能印出id碼+時間+觀測值(病人資料)。

![image](https://hackmd.io/_uploads/Sk22yiMup.png)

-->for 迴圈 是循環印出id碼+時間+觀測值(病人資料)，以及p.innerText=''是印出內容的寫法

4.將inputList.html中的資料量測的連結連到hepatitis.html。
如2.說明的圖示

5.更改hepatitis.html中的資料，換成連結到使用者的FHIR資料。
如2.說明的圖示

然後hepatitis.html中網頁設計內容為以下圖示
![image](https://hackmd.io/_uploads/H1-W7ifda.png)


6.所有資料合併，更改完成。

**-->最終整合成一個網頁，呈現新增和調閱的傳送**
![image](https://hackmd.io/_uploads/S1STRcM_6.png)


* 步驟四 上傳檔案並生成連結
1.建立GitHub 帳號
2.上傳資料夾
![image](https://hackmd.io/_uploads/rk49Qifua.png)

3.生成網址連結
![image](https://hackmd.io/_uploads/Byi_VofO6.png)

4.將網址改成至可連結到網頁的寫法
![image](https://hackmd.io/_uploads/rJZsVsG_6.png)

5.存進txt並上傳至ican

