1-1
首先建立可操作的主要畫面頁面

1-2
接下來建立2個按鈕，使其分別可以連接到各自所需要執行的頁面。

2-1
接下來是myself頁面的上傳資料部分
以下為資料原始數據
先前已新增一位病人，得知此病人的code編號為789-8以及Patient的ID為5293
紅色框框起來的地方是"code"後是病人的code的編號以及Patient的ID。
"display"是病患的名字，所以要將"display"後面的名稱改為要輸入病患的名稱。
以下為postdata文件原始狀態，
由於我將輸入資料的名稱命名為"redboll"，所以要將postdata中負責傳送資料的變數改為"redboll"。
使用者輸入資料後，將上傳至FHIR伺服器中的Observation項資料庫，伺服器將為這筆資料給予一個"Observation"的編號，以儲存病人相關資訊，以後找尋資料時方便辨認哪些資料屬於此病人的資料。

2-3
以下為新增病人資料的原始程式碼。

將原始數據中的"呼吸頻率"改為"紅血球數量"，並且將"id"改為"redboll"。
由於紅血球數量不可能只有十萬位數以下，所以我將在文字後面追加"百萬"以表示此筆數據是以"百萬"為單位做新增。
站在使用者的角度想，會希望能夠有個可以回主畫面的按鈕，這樣就不用透過搜索引擎回到主畫面。
可在網頁呈現部分的程式碼中，加入一個名為"返回"的按鈕，該按鈕將前往主畫面的HTML頁面以執行下一步驟。
使用者輸入病人資料後，將透過2-2的function以上傳資料。

此為實際執行所呈現的網頁。

3-1
由於先前FHIR國際伺服器發生嚴重錯誤，在一定時間內不可使用。
把負責連接伺服器的"setting.js"檔案中的連接字串改為連接慈大實驗室伺服器。
接下來是getbundle頁面的取得資料原始程式碼。
將連接字串改為慈大實驗室伺服器後，也要將網址後面的類別加上"code"以及"subject"的值
當按下"Get data"按鈕後，將FHIR伺服器上找尋"Observaion"項"code"編號為789-8以及subject為5293的病人編號

3-2
解析伺服器上的數據，並輸出至頁面上。
由於資料將以百萬為單位做輸入，故應該在資料輸出後面加上"百萬"以顯示。

3-3
站在使用者的角度想，會希望能夠有個可以回主畫面的按鈕，這樣就不用透過搜索引擎回到主畫面。
可在網頁呈現部分的程式碼中，加入一個名為"返回"的按鈕，該按鈕將前往主畫面的HTML頁面以執行下一步驟。
以下為實際操作畫面，當按下"Get data"按鈕後，程式將會到FHIR伺服器上去找尋病人的"Observaion"的編號以及使用者輸入的資料，找尋到資料後將呈現在使用者面前。
查詢完資料後，可透過"返回"按鈕回到主要頁面以執行下一步驟。